|
|
|
|
|
import { Settings } from "../index";
|
|
|
import {
|
|
|
type Package,
|
|
|
type PackageType,
|
|
|
type Plugin,
|
|
|
type PluginType,
|
|
|
type SWPagePlugin,
|
|
|
type SWPlugin
|
|
|
} from "../types";
|
|
|
const AppearanceSettings = {
|
|
|
themes: "nebula||themes",
|
|
|
themeName: "nebula||themeName",
|
|
|
stylePayload: "nebula||stylepayload",
|
|
|
video: "nebula||video",
|
|
|
image: "nebula||image"
|
|
|
};
|
|
|
|
|
|
const PluginSettings = {
|
|
|
plugins: "nebula||plugins"
|
|
|
};
|
|
|
|
|
|
const MarketPlaceExtras = {
|
|
|
proxy: "nebula||marketplaceProxy",
|
|
|
hostname: "nebula||marketplaceHostname"
|
|
|
};
|
|
|
|
|
|
const marketPlaceSettings = {
|
|
|
install: function (p: Package, packageName: string, payload?: any) {
|
|
|
return new Promise<void>((resolve) => {
|
|
|
if (p.theme) {
|
|
|
let themes = localStorage.getItem(AppearanceSettings.themes) as any;
|
|
|
themes ? (themes = JSON.parse(themes)) : (themes = []);
|
|
|
if (!themes.find((theme: any) => theme === packageName)) {
|
|
|
themes.push(packageName);
|
|
|
localStorage.setItem(AppearanceSettings.themes, JSON.stringify(themes));
|
|
|
this.changeTheme(false, payload, p.theme.video, p.theme.bgImage, packageName);
|
|
|
}
|
|
|
resolve();
|
|
|
}
|
|
|
if (p.plugin) {
|
|
|
let plugins = localStorage.getItem(PluginSettings.plugins) as any;
|
|
|
plugins ? (plugins = JSON.parse(plugins)) : (plugins = []);
|
|
|
|
|
|
const plugin = plugins.find(({ name }) => name === packageName) as Plugin;
|
|
|
if (!plugin) {
|
|
|
plugins.push({
|
|
|
name: packageName,
|
|
|
src: p.plugin.src,
|
|
|
type: p.plugin.type
|
|
|
} as unknown as Plugin);
|
|
|
localStorage.setItem(PluginSettings.plugins, JSON.stringify(plugins));
|
|
|
} else if (plugin && plugin.remove) {
|
|
|
plugin.remove = false;
|
|
|
localStorage.setItem(Settings.PluginSettings.plugins, JSON.stringify(plugins));
|
|
|
}
|
|
|
resolve();
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
uninstall: function (p: PackageType, packageName: string) {
|
|
|
console.log(p);
|
|
|
return new Promise<void>((resolve) => {
|
|
|
if (p === "theme") {
|
|
|
let items = localStorage.getItem(AppearanceSettings.themes) as any;
|
|
|
items ? (items = JSON.parse(items)) : (items = []);
|
|
|
if (items.find((theme: any) => theme === packageName.toLowerCase())) {
|
|
|
const idx = items.indexOf(packageName.toLowerCase());
|
|
|
items.splice(idx, 1);
|
|
|
localStorage.setItem(AppearanceSettings.themes, JSON.stringify(items));
|
|
|
this.changeTheme(true);
|
|
|
}
|
|
|
resolve();
|
|
|
}
|
|
|
if (p === "plugin-page" || p === "plugin-sw") {
|
|
|
let plugins = localStorage.getItem(PluginSettings.plugins) as any;
|
|
|
plugins ? (plugins = JSON.parse(plugins)) : (plugins = []);
|
|
|
|
|
|
const plugin = plugins.find(({ name }) => name === packageName.toLowerCase());
|
|
|
if (plugin) {
|
|
|
plugin.remove = true;
|
|
|
localStorage.setItem(PluginSettings.plugins, JSON.stringify(plugins));
|
|
|
}
|
|
|
resolve();
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
handlePlugins: function (worker: never | ServiceWorkerRegistration) {
|
|
|
return new Promise<void>((resolve) => {
|
|
|
let plugins =
|
|
|
JSON.parse(localStorage.getItem(Settings.PluginSettings.plugins) as string) || [];
|
|
|
const swPagePlugins: SWPagePlugin[] = [];
|
|
|
const swPlugins: SWPlugin[] = [];
|
|
|
if (plugins.length === 0) {
|
|
|
console.log("Plugin length is not greater then 0. Resolving.");
|
|
|
return resolve();
|
|
|
}
|
|
|
plugins.forEach(async (plugin: Plugin) => {
|
|
|
if (plugin.type === "page") {
|
|
|
const pluginScript = await fetch(
|
|
|
`/packages/${plugin.name.toLowerCase()}/${plugin.src}`
|
|
|
).then((res) => res.text());
|
|
|
const script = eval(pluginScript);
|
|
|
const inject = (await script()) as unknown as SWPagePlugin;
|
|
|
if (plugin.remove) {
|
|
|
plugins = plugins.filter(
|
|
|
|
|
|
({ name }) => name !== plugin.name.toLowerCase()
|
|
|
);
|
|
|
swPagePlugins.push({
|
|
|
remove: true,
|
|
|
host: inject.host,
|
|
|
html: inject.html,
|
|
|
injectTo: inject.injectTo,
|
|
|
type: "page"
|
|
|
});
|
|
|
} else {
|
|
|
swPagePlugins.push({
|
|
|
host: inject.host,
|
|
|
html: inject.html,
|
|
|
injectTo: inject.injectTo,
|
|
|
type: "page"
|
|
|
});
|
|
|
}
|
|
|
|
|
|
worker.active?.postMessage(swPagePlugins);
|
|
|
} else if (plugin.type === "serviceWorker") {
|
|
|
const pluginScript = await fetch(
|
|
|
`/packages/${plugin.name.toLowerCase()}/${plugin.src}`
|
|
|
).then((res) => res.text());
|
|
|
const script = eval(pluginScript);
|
|
|
const inject = (await script()) as unknown as SWPlugin;
|
|
|
if (plugin.remove) {
|
|
|
plugins = plugins.filter(
|
|
|
|
|
|
({ name }) => name !== plugin.name.toLowerCase()
|
|
|
);
|
|
|
swPlugins.push({
|
|
|
remove: true,
|
|
|
function: inject.function.toString(),
|
|
|
name: plugin.name,
|
|
|
events: inject.events,
|
|
|
type: "serviceWorker"
|
|
|
});
|
|
|
} else {
|
|
|
swPlugins.push({
|
|
|
function: inject.function.toString(),
|
|
|
name: plugin.name,
|
|
|
events: inject.events,
|
|
|
type: "serviceWorker"
|
|
|
});
|
|
|
}
|
|
|
worker.active?.postMessage(swPlugins);
|
|
|
}
|
|
|
localStorage.setItem(Settings.PluginSettings.plugins, JSON.stringify(plugins));
|
|
|
resolve();
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
changeTheme: async function (
|
|
|
reset: Boolean,
|
|
|
payload?: any,
|
|
|
videoSource?: string,
|
|
|
bgSource?: string,
|
|
|
name?: string
|
|
|
) {
|
|
|
async function resetCSS() {
|
|
|
const stylesheet = document.getElementById("stylesheet")! as HTMLLinkElement;
|
|
|
localStorage.removeItem(AppearanceSettings.stylePayload);
|
|
|
localStorage.removeItem(AppearanceSettings.themeName);
|
|
|
stylesheet.href = "/nebula.css";
|
|
|
}
|
|
|
function resetVideo() {
|
|
|
localStorage.removeItem(AppearanceSettings.video);
|
|
|
const source = document.getElementById("nebulaVideo")! as HTMLVideoElement;
|
|
|
source.src = "";
|
|
|
}
|
|
|
function resetBGImage() {
|
|
|
localStorage.removeItem(AppearanceSettings.image);
|
|
|
const image = document.getElementById("nebulaImage")! as HTMLImageElement;
|
|
|
image.style.display = "none";
|
|
|
image.src = "";
|
|
|
}
|
|
|
if (reset === true) {
|
|
|
await resetCSS();
|
|
|
resetBGImage();
|
|
|
resetVideo();
|
|
|
}
|
|
|
if (videoSource || localStorage.getItem(AppearanceSettings.video)) {
|
|
|
resetBGImage();
|
|
|
resetVideo();
|
|
|
const source = document.getElementById("nebulaVideo")! as HTMLVideoElement;
|
|
|
if (!localStorage.getItem(AppearanceSettings.video)) {
|
|
|
localStorage.setItem(AppearanceSettings.video, videoSource as string);
|
|
|
}
|
|
|
source.src = `/packages/${name}/${videoSource ? videoSource : localStorage.getItem(AppearanceSettings.video)}`;
|
|
|
}
|
|
|
if (bgSource || localStorage.getItem(AppearanceSettings.image)) {
|
|
|
resetVideo();
|
|
|
resetBGImage();
|
|
|
const image = document.getElementById("nebulaImage")! as HTMLImageElement;
|
|
|
if (!localStorage.getItem(AppearanceSettings.image)) {
|
|
|
localStorage.setItem(AppearanceSettings.image, bgSource as string);
|
|
|
}
|
|
|
image.style.display = "block";
|
|
|
image.src = `/packages/${name}/${bgSource ? bgSource : localStorage.getItem(AppearanceSettings.image)}`;
|
|
|
}
|
|
|
if (payload) {
|
|
|
const stylesheet = document.getElementById("stylesheet")! as HTMLLinkElement;
|
|
|
if (localStorage.getItem(AppearanceSettings.stylePayload) !== payload) {
|
|
|
localStorage.setItem(AppearanceSettings.stylePayload, payload);
|
|
|
localStorage.setItem(AppearanceSettings.themeName, name as string);
|
|
|
}
|
|
|
stylesheet.href = `/packages/${name}/${localStorage.getItem(AppearanceSettings.stylePayload)}`;
|
|
|
} else {
|
|
|
if (localStorage.getItem(AppearanceSettings.stylePayload)) {
|
|
|
const stylesheet = document.getElementById("stylesheet")! as HTMLLinkElement;
|
|
|
stylesheet.href = `/packages/${localStorage.getItem(AppearanceSettings.themeName)}/${localStorage.getItem(AppearanceSettings.stylePayload)}`;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
|
|
|
export { AppearanceSettings, PluginSettings, MarketPlaceExtras, marketPlaceSettings };
|
|
|
|
