feat(runtime): add main thread boot script and Service Worker for TypeScript transpilation

Author: singhjashanjot

dist/rawscript.js

@@ -0,0 +1,16 @@
+"use strict";
+(() => {
+  // src/boot.ts
+  var SW_PATH = "/rawscript-sw.js";
+  if ("serviceWorker" in navigator) {
+    navigator.serviceWorker.register(SW_PATH, { type: "module" }).then((reg) => {
+      if (reg.installing) {
+        reg.installing.addEventListener("statechange", (e) => {
+          if (e.target.state === "activated") {
+            location.reload();
+          }
+        });
+      }
+    });
+  }
+})();

packages/runtime/build.js

@@ -1,6 +1,7 @@
 // packages/runtime/build.js
 // Plain JS — runs with Node without compilation
 import * as esbuild from 'esbuild'
+import { cpSync, mkdirSync } from 'fs'
 
 // Build rawscript.js (main thread boot script — IIFE, self-executing)
 await esbuild.build({
@@ -26,4 +27,13 @@ await esbuild.build({
   external: ['https://unpkg.com/*'],
 })
 
+// Copy dist files to repo root so examples work when served from project root
+// /dist/rawscript.js  — referenced by <script src="/dist/rawscript.js">
+// /rawscript-sw.js    — SW must be at root for scope to cover all routes
+const repoRoot = '../../'
+mkdirSync(repoRoot + 'dist', { recursive: true })
+cpSync('dist/rawscript.js', repoRoot + 'dist/rawscript.js')
+cpSync('dist/rawscript-sw.js', repoRoot + 'rawscript-sw.js')
+
 console.log('✓ rawscript built to dist/')
+console.log('✓ copied to repo root for local dev')

rawscript-sw.js

@@ -0,0 +1,40 @@
+// src/transpiler.ts
+import * as esbuild from "https://unpkg.com/esbuild-wasm@0.20.2/esm/browser.js";
+var initPromise = null;
+async function ensureInitialized() {
+  if (!initPromise) {
+    initPromise = esbuild.initialize({
+      wasmURL: "https://unpkg.com/esbuild-wasm@0.20.2/esbuild.wasm",
+      worker: false
+    });
+  }
+  await initPromise;
+}
+async function transpile(source, filename) {
+  await ensureInitialized();
+  const result = await esbuild.transform(source, {
+    loader: "ts",
+    format: "esm",
+    target: "esnext",
+    sourcefile: filename,
+    sourcemap: "inline"
+  });
+  return result.code;
+}
+
+// src/sw.ts
+async function handleFetch(event) {
+  const url = new URL(event.request.url);
+  if (url.pathname.endsWith(".ts") || url.pathname.endsWith(".tsx")) {
+    const response = await fetch(event.request);
+    const source = await response.text();
+    const transpiled = await transpile(source, url.pathname);
+    return new Response(transpiled, {
+      headers: { "Content-Type": "application/javascript" }
+    });
+  }
+  return fetch(event.request);
+}
+self.addEventListener("fetch", (event) => {
+  event.respondWith(handleFetch(event));
+});