MotorTruck1221
88 lines
2.8 KiB
TypeScript
88 lines
2.8 KiB
TypeScript
import { StoreManager } from "./storage";
|
|
import { BareMuxConnection } from "@mercuryworkshop/bare-mux";
|
|
import { SW } from "@utils/proxy.ts";
|
|
/**
|
|
* The settings class
|
|
* Initializes it's own StorageManager, and handles everything within the class itself
|
|
*
|
|
* @example
|
|
* // Create a new Settings instance (needs to be done only once)
|
|
* import { Settings } from "@utils/settings.ts";
|
|
* const settings = new Settings();
|
|
* //Consume any of the methods with:
|
|
* settings.methodName();
|
|
*
|
|
* // Most of the time, you'll want to get the running instance this can be done with
|
|
* import { Settings } from "@utils/settings.ts";
|
|
* const settings = await Settings.getInstance();
|
|
* //Consume any of the methods with:
|
|
* settings.methodName();
|
|
*/
|
|
class Settings {
|
|
// Our own internal StorageManager so things never interfere
|
|
#storageManager: StoreManager<"radius||settings">;
|
|
static #instance = new Set();
|
|
|
|
/**
|
|
* Method to get the current or other Settings instance(s)
|
|
*
|
|
*
|
|
* @example
|
|
* const settings = await Settings.getInstance();
|
|
* // Consume the other methods
|
|
*/
|
|
static async getInstance() {
|
|
function *get() {
|
|
for (const instance of Settings.#instance.keys()) {
|
|
yield instance!;
|
|
}
|
|
}
|
|
|
|
const ready = (): Promise<boolean> => {
|
|
return new Promise((resolve) => {
|
|
const i = setInterval(() => {
|
|
if (Settings.#instance.size !== 0) {
|
|
clearInterval(i);
|
|
resolve(true);
|
|
}
|
|
}, 100);
|
|
})
|
|
}
|
|
|
|
await ready();
|
|
return get().next().value! as Settings;
|
|
}
|
|
|
|
/**
|
|
* Set's the theme either to the current theme OR to a new one
|
|
*
|
|
* @example
|
|
* // Retrieve the Settings instance
|
|
* const settings = await Settings.getInstance();
|
|
*
|
|
* // Consume the method
|
|
* settings.theme() // Whatever value is in localstorage at the time
|
|
* settings.theme('theme name') // A new theme based off of the class name
|
|
*/
|
|
theme(theme?: string) {
|
|
this.#storageManager.setVal('theme', theme || this.#storageManager.getVal('theme'));
|
|
theme === 'default'
|
|
? document.documentElement.className = ''
|
|
: document.documentElement.className = theme || this.#storageManager.getVal('theme');
|
|
}
|
|
|
|
async *#init() {
|
|
yield this.theme(this.#storageManager.getVal('theme') || 'default');
|
|
}
|
|
|
|
constructor() {
|
|
this.#storageManager = new StoreManager("radius||settings");
|
|
Settings.#instance.add(this);
|
|
(async() => {
|
|
for await (const _ of this.#init());
|
|
})();
|
|
}
|
|
}
|
|
|
|
export { Settings }
|