Add custom worker with API proxy and deploy scripts

- Custom worker.ts with /api proxy to OPENWORKERS_API service binding
- SPA fallback to index.html for Angular routing
- Add compile:worker, predeploy/deploy scripts for dev and main

Author: max-lt

bun.lock

@@ -1,6 +1,6 @@
 {
   "name": "openworkers-dash",
-  "version": "1.4.2",
+  "version": "1.4.3",
   "license": "MIT",
   "scripts": {
     "ng": "ng",
@@ -12,8 +12,12 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "format": "bun x prettier --write .",
     "check": "tsc --noEmit --project tsconfig.app.json",
-    "predeploy:dev": "adapter-static ./dist/browser -o ./dist/openworkers",
-    "deploy:dev": "ow dev workers upload dash-preview ./dist/openworkers"
+    "compile:worker": "bun build worker.ts --outfile ./dist/openworkers/worker.js --format esm --target browser",
+    "predeploy:dev": "adapter-static ./dist/browser -o ./dist/openworkers && bun compile:worker",
+    "deploy:dev": "ow dev workers upload dash-preview ./dist/openworkers",
+    "predeploy:main": "adapter-static ./dist/browser -o ./dist/openworkers && bun compile:worker",
+    "deploy:main": "ow main workers upload openworkers-dash ./dist/openworkers",
+    "clean": "rimraf dist node_modules .angular"
   },
   "private": true,
   "dependencies": {
@@ -47,6 +51,7 @@
     "ansi_up": "^6.0.6",
     "autoprefixer": "^10.4.23",
     "postcss": "^8.5.6",
+    "rimraf": "^6.1.2",
     "tailwindcss": "4.1.17",
     "typescript": "5.9.3"
   }

package.json

@@ -3,7 +3,7 @@
   <div class="flex xs:h-1/6 md:h-1/4 lg:h-full lg:w-2/3 lg:mx-0">
     <div class="flex my-8 flex-row items-center justify-center lg:justify-end w-full">
       <div class="xs:w-72 lg:w-96">
-        <img class="h-8 xs:h-12" src="https://arq.pw/public/long-black-2.svg" alt="logo" />
+        <img class="h-8 xs:h-12" src="/assets/long-black-2.svg" alt="logo" />
       </div>
     </div>
   </div>

src/app/modules/login/login.page.html

@@ -0,0 +1,80 @@
+/// <reference types="@openworkers/workers-types" />
+
+interface Env {
+  ASSETS: BindingAssets;
+  OPENWORKERS_API?: BindingWorker;
+}
+
+export default {
+  async fetch(req: Request, env: Env): Promise<Response> {
+    const url = new URL(req.url);
+    let { pathname } = url;
+
+    try {
+      pathname = decodeURIComponent(pathname);
+    } catch {
+      // ignore invalid URI
+    }
+
+    // Proxy /api requests to API worker
+    if (pathname.startsWith('/api')) {
+      if (!env.OPENWORKERS_API) {
+        return new Response('API worker not configured', { status: 500 });
+      }
+
+      return env.OPENWORKERS_API.fetch(req);
+    }
+
+    // Remove trailing slash (except for root)
+    if (pathname !== '/' && pathname.endsWith('/')) {
+      pathname = pathname.slice(0, -1);
+    }
+
+    // Try to serve the file directly
+    let response = await tryServeFile(env, pathname);
+
+    if (response) {
+      return addHeaders(response, pathname);
+    }
+
+    // SPA fallback to index.html
+    response = await tryServeFile(env, '/index.html');
+
+    if (response) {
+      return addHeaders(response, '/index.html');
+    }
+
+    return new Response('Not Found', { status: 404 });
+  }
+} satisfies ExportedHandler<Env>;
+
+async function tryServeFile(env: Env, pathname: string): Promise<Response | null> {
+  try {
+    const response = await env.ASSETS.fetch(pathname);
+
+    if (response.ok) {
+      return response;
+    }
+
+    return null;
+  } catch {
+    return null;
+  }
+}
+
+function addHeaders(response: Response, pathname: string): Response {
+  const headers = new Headers(response.headers);
+
+  if (pathname.startsWith('/assets/')) {
+    headers.set('cache-control', 'public, max-age=31536000, immutable');
+  } else if (pathname.endsWith('.html')) {
+    headers.set('cache-control', 'no-cache');
+  } else {
+    headers.set('cache-control', 'public, max-age=3600');
+  }
+
+  return new Response(response.body, {
+    status: response.status,
+    headers
+  });
+}