[frontend]: switch to vite-plugin-static-copy for scramjet files and setup controller

velzie · velzie · commit 1138894ed88e · 2025-07-10T11:08:56.000-04:00
diff --git a/frontend/index.html b/frontend/index.html
@@ -5,6 +5,8 @@
 		<link rel="icon" type="image/svg+xml" href="/vite.svg" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Vite + TS</title>
+
+		<script src="/scram/scramjet.controller.js"></script>
 	</head>
 
 	<body>
diff --git a/frontend/package.json b/frontend/package.json
@@ -15,7 +15,9 @@
 	"dependencies": {
 		"@iconify/types": "^2.0.0",
 		"@ktibow/iconset-material-symbols": "^0.0.1749705809",
+		"@mercuryworkshop/epoxy-transport": "^2.1.27",
+		"@mercuryworkshop/scramjet": "workspace:scramjet",
 		"dreamland": "workspace:dreamland",
-		"@mercuryworkshop/scramjet": "workspace:scramjet"
+		"vite-plugin-static-copy": "^3.1.0"
 	}
 }
diff --git a/frontend/public/sw.js b/frontend/public/sw.js
@@ -0,0 +1,16 @@
+importScripts("/scram/scramjet.shared.js", "/scram/scramjet.worker.js");
+
+const scramjet = new ScramjetServiceWorker();
+
+async function handleRequest(event) {
+	await scramjet.loadConfig();
+	if (scramjet.route(event)) {
+		return scramjet.fetch(event);
+	}
+
+	return fetch(event.request);
+}
+
+self.addEventListener("fetch", (event) => {
+	event.respondWith(handleRequest(event));
+});
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
@@ -33,6 +33,7 @@ const scramjet = new ScramjetController({
 
 scramjet.init();
 navigator.serviceWorker.register("./sw.js");
+let frame = scramjet.createFrame();
 
 let browser = createBrowser();
 (self as any).browser = browser;
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -1,22 +1,29 @@
 import { defineConfig } from "vite";
 import { epoxyPath } from "@mercuryworkshop/epoxy-transport";
+import { scramjetPath } from "@mercuryworkshop/scramjet";
 import { baremuxPath } from "@mercuryworkshop/bare-mux/node";
+
+import { viteStaticCopy } from "vite-plugin-static-copy";
 console.log(epoxyPath, baremuxPath);
 
 export default defineConfig({
 	plugins: [
-		{
-			name: "static-files",
-			configureServer(server) {
-				server.middlewares.use((req, res, next) => {
-					if (req.url.startsWith("/epoxy/")) {
-						req.url = req.url.replace("/epoxy/", epoxyPath + "/");
-					} else if (req.url.startsWith("/baremux/")) {
-						req.url = req.url.replace("/baremux/", baremuxPath + "/");
-					}
-					next();
-				});
-			},
-		},
+		viteStaticCopy({
+			structured: false,
+			targets: [
+				{
+					src: epoxyPath + "/*",
+					dest: "epoxy/",
+				},
+				{
+					src: baremuxPath + "/*",
+					dest: "baremux/",
+				},
+				{
+					src: scramjetPath + "/*",
+					dest: "scram/",
+				},
+			],
+		}),
 	],
 });

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,9 @@`
`15`	`15`	`"dependencies": {`
`16`	`16`	`"@iconify/types": "^2.0.0",`
`17`	`17`	`"@ktibow/iconset-material-symbols": "^0.0.1749705809",`
	`18`	`+ "@mercuryworkshop/epoxy-transport": "^2.1.27",`
	`19`	`+ "@mercuryworkshop/scramjet": "workspace:scramjet",`
`18`	`20`	`"dreamland": "workspace:dreamland",`
`19`		`- "@mercuryworkshop/scramjet": "workspace:scramjet"`
	`21`	`+ "vite-plugin-static-copy": "^3.1.0"`
`20`	`22`	`}`
`21`	`23`	`}`