Feat: proxy

src/utils/proxy.ts

@@ -0,0 +1,119 @@
+import { BareMuxConnection } from "@mercuryworkshop/bare-mux";
+import { StoreManager } from "./storage";
+
+const createScript = (src: string, defer?: boolean) => {
+    const script = document.createElement('script') as HTMLScriptElement;
+    script.src = src;
+    if (defer) script.defer = defer;
+    return document.body.appendChild(script);
+}
+
+/**
+    * This class automatically sets up and handles lots of stuff for us.
+    *
+    * It registers/fixes errors with SW reg
+    * It creates our bareMux worker
+    * And other stuff.
+    *
+    * @example
+    * import { SW } from "@utils/proxy.ts";
+    * const handler = new SW();
+    * //Consume the methods
+    * // Or if an instance is already running
+    * import { SW } from "@utils/proxy.ts";
+    * const handler = SW.getInstance();
+    * //Consume the methods
+*/
+class SW {
+    #baremuxConn?: BareMuxConnection;
+    #scramjetController?: ScramjetController;
+    #serviceWorker?: ServiceWorkerRegistration;
+    #storageManager: StoreManager<"radius||settings">;
+    static #instance = new Set(); 
+    
+    static *getInstance() {
+        for (const val of SW.#instance.keys()) {
+            yield val as SW;
+        }
+    }
+
+    #search(input: string, template: string) {
+        try { return new URL(input).toString() } catch (_) {};
+
+        try {
+            const url = new URL(`http://${input}`);
+            if (url.hostname.includes(".")) return url.toString();
+        } catch (_) {};
+
+        return template.replace("%s", encodeURIComponent(input));
+    }
+
+    encodeURL(string: string, proxy: 'uv' | 'scram'): string {
+        const input = this.#search(string, "https://google.com/search?q=%s");
+        return proxy === 'uv' ? `${__uv$config.prefix}${__uv$config.encodeUrl!(input)}` : this.#scramjetController!.encodeUrl(input)
+    }
+
+    async setTransport(transport?: 'epoxy' | 'libcurl') {
+        this.#storageManager.setVal("transport", transport || this.#storageManager.getVal("transport") || 'epoxy');
+        switch(transport) {
+            case 'epoxy': {
+                await this.#baremuxConn!.setTransport("/epoxy/index.mjs", [ { wisp: 'ws://localhost:4321/wisp/' }]);
+            }
+            case 'libcurl': {
+                await this.#baremuxConn!.setTransport("/libcurl/index.mjs", [ { wisp: 'ws://localhost:4321/wisp/' }]);
+            }
+            default: {
+                await this.#baremuxConn!.setTransport("/epoxy/index.mjs", [ { wisp: 'ws://localhost:4321/wisp/' }]);
+            }
+        }
+    }
+
+    constructor() {
+        SW.#instance.add(this);
+        this.#storageManager = new StoreManager("radius||settings");
+        const checkScripts = (): Promise<void> => {
+            return new Promise((resolve) => {
+                const t = setInterval(() => {
+                    if (typeof __uv$config !== 'undefined' && typeof ScramjetController !== 'undefined') {
+                        clearInterval(t);
+                        resolve();
+                    }
+                });
+            });
+        };
+        createScript('/vu/uv.bundle.js', true);
+        createScript('/vu/uv.config.js', true);
+        createScript('/marcs/scramjet.controller.js', true);
+
+        checkScripts().then(async () => {
+            this.#baremuxConn = new BareMuxConnection("/erab/worker.js");
+            await this.setTransport();
+            this.#scramjetController = new ScramjetController({
+                prefix: '/~/scramjet/',
+                files: {
+                    wasm: "/marcs/scramjet.wasm.wasm",
+                    worker: "/marcs/scramjet.worker.js",
+                    client: "/marcs/scramjet.client.js",
+                    shared: "/marcs/scramjet.shared.js",
+                    sync: "/marcs/scramjet.sync.js"
+                },
+                flags: {
+                    rewriterLogs: false
+                }
+            });
+            if ("serviceWorker" in navigator) { 
+                await this.#scramjetController.init();
+                navigator.serviceWorker.ready.then(async (reg) => {
+                    console.log('SW ready to go!');
+                    this.#serviceWorker = reg;
+                });
+                navigator.serviceWorker.register("/sw.js", { scope: '/' });
+            }
+            else {
+                throw new Error('Your browser is not supported! This website uses Service Workers heavily.');
+            }
+        });
+    };
+}
+
+export { SW };

src/utils/settings.ts

@@ -1,5 +1,6 @@
 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
@@ -22,7 +23,6 @@ class Settings {
     #storageManager: StoreManager<"radius||settings">;
     static #instance = new Set(); 
     
-
     /**
         * Method to get the current or other Settings instance(s)
         *
@@ -70,7 +70,7 @@ class Settings {
             ? document.documentElement.className = '' 
             : document.documentElement.className = theme || this.#storageManager.getVal('theme');
     }
-
+ 
     async *#init() {
         yield this.theme(this.#storageManager.getVal('theme') || 'default');
     }