commit

rollup.config.js

@@ -1,5 +1,5 @@
 import typescript from "rollup-plugin-typescript2";
-import { nodeResolve } from '@rollup/plugin-node-resolve';
+import { nodeResolve } from "@rollup/plugin-node-resolve";
 import { join } from "node:path";
 import fs from "node:fs" 
 import { fileURLToPath } from "node:url";
@@ -27,8 +27,8 @@ export default {
     output: {
         entryFileNames: "scramjet.[name].js",
         dir: "./dist",
-        format: "esm",
+        // format: "amd",
         sourcemap: true,
-        compact: production,
+        compact: production
-    },
+    }
 };

server.js

@@ -4,10 +4,8 @@ import { createServer } from "http";
 import Fastify from "fastify";
 import fastifyStatic from "@fastify/static";
 import { join } from "node:path";
-import fs from "node:fs"
 import { spawn } from "node:child_process"
 import { fileURLToPath } from "node:url";
-import { loadConfigFile } from "rollup/loadConfigFile"
 
 //transports
 import { baremuxPath } from "@mercuryworkshop/bare-mux/node"
@@ -71,7 +69,7 @@ fastify.listen({
     port: process.env.PORT || 1337
 });
 
-const watch = spawn("rollup", ["-c", "-w"], { detached: true });
+const watch = spawn("pnpm", ["rollup", "-c", "-w"], { detached: true, cwd: process.cwd() });
 
 watch.stdout.on("data", (data) => {
     console.log(`${data}`);

src/client/beacon.ts

@@ -1,4 +1,4 @@
-import { encodeUrl } from "../shared";
+import { encodeUrl } from "./index";
 
 navigator.sendBeacon = new Proxy(navigator.sendBeacon, {
     apply(target, thisArg, argArray) {

src/client/css.ts

@@ -1,4 +1,4 @@
-import { rewriteCss } from "../shared";
+import { rewriteCss } from "./index";
 
 const cssProperties = ["background", "background-image", "mask", "mask-image", "list-style", "list-style-image", "border-image", "border-image-source", "cursor"];
 const jsProperties = ["background", "backgroundImage", "mask", "maskImage", "listStyle", "listStyleImage", "borderImage", "borderImageSource", "cursor"];

src/client/element.ts

@@ -1,4 +1,4 @@
-import { encodeUrl, rewriteCss, rewriteHtml, rewriteJs, rewriteSrcset } from "../shared";
+import { encodeUrl, rewriteCss, rewriteHtml, rewriteJs, rewriteSrcset } from "./index";
 
 const attrObject = {
     "nonce": [HTMLElement],

src/client/history.ts

@@ -1,5 +1,5 @@
 
-import { encodeUrl } from "../shared";
+import { encodeUrl } from "./index";
 
 window.history.pushState = new Proxy(window.history.pushState, {
     apply(target, thisArg, argArray) {

src/client/index.ts

@@ -20,19 +20,15 @@ declare global {
     }
 }
 
-const scripts = document.querySelectorAll("script:not([data-scramjet])");
+export const { 
-
+    encodeUrl, 
-for (const script of scripts) {
+    decodeUrl, 
-    const clone = document.createElement("script");
+    rewriteHeaders, 
-
+    rewriteHtml, 
-    for (const attr of Array.from(script.attributes)) {
+    rewriteSrcset, 
-        clone.setAttribute(attr.name, attr.value);
+    rewriteJs,
-    }
+    rewriteCss, 
-
+    rewriteWorkers, 
-    if (script.innerHTML !== "") {
+    isScramjetFile, 
-        clone.innerHTML = script.innerHTML;
+    BareClient
-    }
+} = self.__scramjet$bundle;
-
-    script.insertAdjacentElement("afterend", clone);
-    script.remove();
-}

src/client/location.ts

@@ -1,18 +1,26 @@
 // @ts-nocheck
-import { encodeUrl, decodeUrl } from "../shared";
+import { encodeUrl, decodeUrl } from "./index";
 
-const loc = new URL(decodeUrl(location.href));
+function createLocation() {
-loc.assign = (url: string) => location.assign(encodeUrl(url));
+    const loc = new URL(decodeUrl(location.href));
-loc.reload = () => location.reload();
+    loc.assign = (url: string) => location.assign(encodeUrl(url));
-loc.replace = (url: string) => location.replace(encodeUrl(url));
+    loc.reload = () => location.reload();
-loc.toString = () => loc.href;
+    loc.replace = (url: string) => location.replace(encodeUrl(url));
+    loc.toString = () => loc.href;
+
+    return loc;
+}
 
 export const locationProxy = new Proxy(window.location, {
     get(target, prop) {
+        const loc = createLocation();
+
         return loc[prop];
     },
 
     set(obj, prop, value) {
+        const loc = createLocation();
+        
         if (prop === "href") {
             location.href = encodeUrl(value);
         } else {

src/client/native/eval.ts

@@ -1,4 +1,4 @@
-import { rewriteJs } from "../../shared";
+import { rewriteJs } from "../index";
 
 const FunctionProxy = new Proxy(Function, {
     construct(target, argArray) {

src/client/requests/fetch.ts

@@ -1,6 +1,6 @@
 // ts throws an error if you dont do window.fetch
 
-import { encodeUrl, rewriteHeaders } from "../../shared";
+import { encodeUrl, rewriteHeaders } from "../index";
 
 window.fetch = new Proxy(window.fetch, {
     apply(target, thisArg, argArray) {

src/client/requests/websocket.ts

@@ -1,5 +1,6 @@
-import { BareClient } from "@mercuryworkshop/bare-mux"
+import { BareClient } from "../index";
-const client = new BareClient()
+const client = new BareClient();
+
 WebSocket = new Proxy(WebSocket, {
     construct(target, args) {
         return client.createWebSocket(
@@ -12,4 +13,4 @@ WebSocket = new Proxy(WebSocket, {
             ArrayBuffer.prototype
         )
     }
-});
+})

src/client/requests/xmlhttprequest.ts

@@ -1,4 +1,4 @@
-import { encodeUrl, rewriteHeaders } from "../../shared";
+import { encodeUrl, rewriteHeaders } from "../index";
 
 XMLHttpRequest.prototype.open = new Proxy(XMLHttpRequest.prototype.open, {
     apply(target, thisArg, argArray) {

src/client/trustedTypes.ts

@@ -1,4 +1,4 @@
-import { rewriteHtml, rewriteJs, encodeUrl } from "../shared";
+import { rewriteHtml, rewriteJs, encodeUrl } from "./index";
 
 // @ts-expect-error
 trustedTypes.createPolicy = new Proxy(trustedTypes.createPolicy, {

src/client/worker.ts

@@ -1,4 +1,4 @@
-import { encodeUrl } from "../shared";
+import { encodeUrl } from "./index";
 
 Worker = new Proxy(Worker, {
     construct(target, argArray) {

src/shared/index.ts

@@ -1,16 +1,38 @@
-export { encodeUrl, decodeUrl } from "./rewriters/url";
+import { encodeUrl, decodeUrl } from "./rewriters/url";
-export { rewriteCss } from "./rewriters/css";
+import { rewriteCss } from "./rewriters/css";
-export { rewriteHtml, rewriteSrcset } from "./rewriters/html";
+import { rewriteHtml, rewriteSrcset } from "./rewriters/html";
-export { rewriteJs } from "./rewriters/js";
+import { rewriteJs } from "./rewriters/js";
-export { rewriteHeaders } from "./rewriters/headers";
+import { rewriteHeaders } from "./rewriters/headers";
-export { rewriteWorkers } from "./rewriters/worker"
+import { rewriteWorkers } from "./rewriters/worker";
-export { BareClient } from "@mercuryworkshop/bare-mux"
+import { isScramjetFile } from "./rewriters/html";
+import { BareClient } from "@mercuryworkshop/bare-mux";
 
-export function isScramjetFile(src: string) {
+declare global {
-    let bool = false;
+    interface Window {
-    ["codecs", "client", "shared", "worker", "config"].forEach((file) => {
+        __scramjet$bundle: {
-        if (src === self.__scramjet$config[file]) bool = true;
+            encodeUrl: typeof encodeUrl;
-    });
+            decodeUrl: typeof decodeUrl;
-
+            rewriteCss: typeof rewriteCss;
-    return bool;
+            rewriteHtml: typeof rewriteHtml;
+            rewriteSrcset: typeof rewriteSrcset;
+            rewriteJs: typeof rewriteJs;
+            rewriteHeaders: typeof rewriteHeaders;
+            rewriteWorkers: typeof rewriteWorkers;
+            BareClient: typeof BareClient;
+            isScramjetFile: typeof isScramjetFile
+        }
+    }
+}
+
+self.__scramjet$bundle = {
+    encodeUrl,
+    decodeUrl,
+    rewriteCss,
+    rewriteHtml,
+    rewriteSrcset,
+    rewriteJs,
+    rewriteHeaders,
+    rewriteWorkers,
+    isScramjetFile,
+    BareClient
 }

src/shared/rewriters/html.ts

@@ -4,8 +4,16 @@ import { hasAttrib } from "domutils";
 import render from "dom-serializer";
 import { encodeUrl } from "./url";
 import { rewriteCss } from "./css";
-// import { rewriteJs } from "./js";
+import { rewriteJs } from "./js";
-import { isScramjetFile } from "..";
+
+export function isScramjetFile(src: string) {
+    let bool = false;
+    ["codecs", "client", "shared", "worker", "config"].forEach((file) => {
+        if (src === self.__scramjet$config[file]) bool = true;
+    });
+
+    return bool;
+}
 
 export function rewriteHtml(html: string, origin?: URL) {
     const handler = new DomHandler((err, dom) => dom);
@@ -50,7 +58,7 @@ function traverseParsedHtml(node, origin?: URL) {
     if (hasAttrib(node, "style")) node.attribs.style = rewriteCss(node.attribs.style, origin);
 
     if (node.name === "style" && node.children[0] !== undefined) node.children[0].data = rewriteCss(node.children[0].data, origin);
-    // if (node.name === "script" && /(application|text)\/javascript|importmap|undefined/.test(node.attribs.type) && node.children[0] !== undefined) node.children[0].data = rewriteJs(node.children[0].data, origin);
+    if (node.name === "script" && /(application|text)\/javascript|importmap|undefined/.test(node.attribs.type) && node.children[0] !== undefined) node.children[0].data = rewriteJs(node.children[0].data, origin);
     if (node.name === "meta" && hasAttrib(node, "http-equiv")) {
         if (node.attribs["http-equiv"] === "content-security-policy") {
             node = {};
@@ -66,7 +74,6 @@ function traverseParsedHtml(node, origin?: URL) {
         ["codecs", "config", "shared", "client"].forEach((script) => {
             scramjetScripts.push(new Element("script", {
                 src: self.__scramjet$config[script],
-                type: "module",
                 "data-scramjet": ""
             }));
         });

src/worker/index.ts

@@ -1,6 +1,4 @@
-import { BareClient } from "@mercuryworkshop/bare-mux";
 import { BareResponseFetch } from "@mercuryworkshop/bare-mux";
-import { encodeUrl, decodeUrl, rewriteCss, rewriteHeaders, rewriteHtml, rewriteJs, rewriteWorkers } from "../shared";
 
 declare global {
     interface Window {
@@ -8,11 +6,11 @@ declare global {
     }
 }
 
-export default class ScramjetServiceWorker {
+self.ScramjetServiceWorker = class ScramjetServiceWorker {
-    client: typeof BareClient.prototype;
+    client: typeof self.__scramjet$bundle.BareClient.prototype;
     config: typeof self.__scramjet$config;
     constructor(config = self.__scramjet$config) {
-        this.client = new BareClient();
+        this.client = new self.__scramjet$bundle.BareClient();
         if (!config.prefix) config.prefix = "/scramjet/";
         this.config = config;
     }
@@ -24,6 +22,7 @@ export default class ScramjetServiceWorker {
 
     async fetch({ request }: FetchEvent) {
         const urlParam = new URLSearchParams(new URL(request.url).search);
+        const { encodeUrl, decodeUrl, rewriteHeaders, rewriteHtml, rewriteJs, rewriteCss, rewriteWorkers } = self.__scramjet$bundle;
 
         if (urlParam.has("url")) {
             return Response.redirect(encodeUrl(urlParam.get("url"), new URL(urlParam.get("url"))))

static/index.html

@@ -22,8 +22,8 @@
 <body>
     <script src="https://unpkg.com/dreamland"></script>
     <script src="/baremux/index.js" defer></script>
-    <script src="/scram/scramjet.codecs.js" type="module"></script>
+    <script src="/scram/scramjet.codecs.js"></script>
-    <script src="/scram/scramjet.config.js" type="module"></script>
+    <script src="/scram/scramjet.config.js"></script>
     <script src="ui.js" defer></script>
 </body>
 </html>

static/sw.js

@@ -1,6 +1,9 @@
-import ScramjetServiceWorker from "/scram/scramjet.worker.js";
+importScripts(
-import "/scram/scramjet.codecs.js";
+    "/scram/scramjet.codecs.js",
-import "/scram/scramjet.config.js";
+    "/scram/scramjet.config.js",
+    "/scram/scramjet.shared.js",
+    "/scram/scramjet.worker.js"
+);
 
 const scramjet = new ScramjetServiceWorker();
 

static/ui.js

@@ -1,6 +1,5 @@
 navigator.serviceWorker.register("./sw.js", {
-    scope: __scramjet$config.prefix,
+    scope: __scramjet$config.prefix
-    type: "module"
 })
 const connection = new BareMux.BareMuxConnection("/baremux/worker.js")
 const flex = css`display: flex;`;