God, this codebase is getting COMPLICATED
This commit is contained in:
MotorTruck1221
parent
a0cd959a93
commit
e05f146b28
5 changed files with 293 additions and 253 deletions
|
|
@ -1,225 +1,3 @@
|
||||||
//marketplace code & handlers
|
import { AppearanceSettings, PluginSettings, MarketPlaceExtras, marketPlaceSettings } from "./marketplace/index";
|
||||||
import { Settings } from ".";
|
|
||||||
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 = []);
|
|
||||||
//@ts-ignore
|
|
||||||
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 = []);
|
|
||||||
//@ts-ignore
|
|
||||||
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(
|
|
||||||
//@ts-ignore freaking types BRO
|
|
||||||
({ 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"
|
|
||||||
});
|
|
||||||
}
|
|
||||||
//only resolve AFTER we have postMessaged to the SW.
|
|
||||||
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(
|
|
||||||
//@ts-ignore
|
|
||||||
({ 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();
|
|
||||||
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 };
|
export { AppearanceSettings, PluginSettings, MarketPlaceExtras, marketPlaceSettings };
|
||||||
|
|
|
||||||
225
src/utils/settings/marketplace/index.ts
Normal file
225
src/utils/settings/marketplace/index.ts
Normal file
|
|
@ -0,0 +1,225 @@
|
||||||
|
//marketplace code & handlers
|
||||||
|
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 = []);
|
||||||
|
//@ts-ignore
|
||||||
|
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 = []);
|
||||||
|
//@ts-ignore
|
||||||
|
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(
|
||||||
|
//@ts-ignore freaking types BRO
|
||||||
|
({ 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"
|
||||||
|
});
|
||||||
|
}
|
||||||
|
//only resolve AFTER we have postMessaged to the SW.
|
||||||
|
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(
|
||||||
|
//@ts-ignore
|
||||||
|
({ 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();
|
||||||
|
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 };
|
||||||
56
src/utils/settings/marketplace/types.ts
Normal file
56
src/utils/settings/marketplace/types.ts
Normal file
|
|
@ -0,0 +1,56 @@
|
||||||
|
//Where all of our types live. Expect to see these exported and used in other files tons.
|
||||||
|
type PluginType = "page" | "serviceWorker";
|
||||||
|
type MarketplacePluginType = "plugin-page" | "plugin-sw";
|
||||||
|
type PackageType = "theme" | MarketplacePluginType;
|
||||||
|
|
||||||
|
interface Plug {
|
||||||
|
name: string;
|
||||||
|
src: string;
|
||||||
|
type: PluginType;
|
||||||
|
remove?: boolean;
|
||||||
|
}
|
||||||
|
interface SWPagePlugin extends Omit<Plug, "name" | "src"> {
|
||||||
|
host: string;
|
||||||
|
html: string;
|
||||||
|
injectTo: "head" | "body";
|
||||||
|
}
|
||||||
|
|
||||||
|
type SWPluginFunction<T extends unknown> = (args: T) => void | any;
|
||||||
|
|
||||||
|
type Events =
|
||||||
|
"abortpayment" |
|
||||||
|
"activate" |
|
||||||
|
"backgroundfetchabort" |
|
||||||
|
"backgroundfetchclick" |
|
||||||
|
"backgroundfetchfail" |
|
||||||
|
"backgroundfetchsuccess" |
|
||||||
|
"canmakepayment" |
|
||||||
|
"contentdelete" |
|
||||||
|
"cookiechange" |
|
||||||
|
"fetch" |
|
||||||
|
"install" |
|
||||||
|
"message" |
|
||||||
|
"messageerror" |
|
||||||
|
"notificationclick" |
|
||||||
|
"notificationclose" |
|
||||||
|
"paymentrequest" |
|
||||||
|
"periodicsync" |
|
||||||
|
"push" |
|
||||||
|
"pushsubscriptionchange" |
|
||||||
|
"sync"
|
||||||
|
|
||||||
|
interface SWPlugin extends Omit<Plug, "src"> {
|
||||||
|
function: string | SWPluginFunction<unknown>;
|
||||||
|
events: Events[]
|
||||||
|
}
|
||||||
|
|
||||||
|
interface Package {
|
||||||
|
theme?: {
|
||||||
|
payload: string;
|
||||||
|
video?: string;
|
||||||
|
bgImage?: string;
|
||||||
|
};
|
||||||
|
plugin?: Plug;
|
||||||
|
}
|
||||||
|
|
||||||
|
export { type PluginType, type MarketplacePluginType, type PackageType, type Plug as Plugin, type SWPagePlugin, type SWPlugin, type Package, type SWPluginFunction }
|
||||||
10
src/utils/settings/marketplace/userTypes.ts
Normal file
10
src/utils/settings/marketplace/userTypes.ts
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
import { type SWPagePlugin, type SWPlugin, type SWPluginFunction as PluginFunction } from "./types";
|
||||||
|
|
||||||
|
interface PagePlugin extends Omit<SWPagePlugin, "type"> {};
|
||||||
|
interface ServiceWorkerPlugin extends Omit<SWPlugin, "type"> {};
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
function entryFunc(): PagePlugin | ServiceWorkerPlugin;
|
||||||
|
}
|
||||||
|
|
||||||
|
export { type PagePlugin, type ServiceWorkerPlugin, type PluginFunction };
|
||||||
|
|
@ -1,3 +1,4 @@
|
||||||
|
import { type PackageType, type Package, type PluginType, type Plugin, type SWPagePlugin, type SWPlugin } from "./marketplace/types";
|
||||||
const wispUrl = (location.protocol === "https:" ? "wss://" : "ws://") + location.host + "/wisp/";
|
const wispUrl = (location.protocol === "https:" ? "wss://" : "ws://") + location.host + "/wisp/";
|
||||||
type TabCloaks = "default" | "google" | "wikipedia" | "canvas" | "classroom" | "powerschool";
|
type TabCloaks = "default" | "google" | "wikipedia" | "canvas" | "classroom" | "powerschool";
|
||||||
type AbCloaks = "a:b" | "blob";
|
type AbCloaks = "a:b" | "blob";
|
||||||
|
|
@ -16,36 +17,6 @@ const WispServerURLS: Record<string, string> = {
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
type PluginType = "page" | "serviceWorker";
|
|
||||||
type MarketplacePluginType = "plugin-page" | "plugin-sw";
|
|
||||||
type PackageType = "theme" | MarketplacePluginType;
|
|
||||||
|
|
||||||
interface Plugin {
|
|
||||||
name: string;
|
|
||||||
src: string;
|
|
||||||
type: PluginType;
|
|
||||||
remove?: boolean;
|
|
||||||
}
|
|
||||||
interface SWPagePlugin extends Omit<Plugin, "name" | "src"> {
|
|
||||||
host: string;
|
|
||||||
html: string;
|
|
||||||
injectTo: "head" | "body";
|
|
||||||
}
|
|
||||||
|
|
||||||
interface SWPlugin extends Omit<Plugin, "src"> {
|
|
||||||
function: any;
|
|
||||||
events: [];
|
|
||||||
}
|
|
||||||
|
|
||||||
interface Package {
|
|
||||||
theme?: {
|
|
||||||
payload: string;
|
|
||||||
video?: string;
|
|
||||||
bgImage?: string;
|
|
||||||
};
|
|
||||||
plugin?: Plugin;
|
|
||||||
}
|
|
||||||
|
|
||||||
export {
|
export {
|
||||||
type TabCloaks,
|
type TabCloaks,
|
||||||
type AbCloaks,
|
type AbCloaks,
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue