From 1bb01f31d2b238dbb37ce5f4cf298c25a811a770 Mon Sep 17 00:00:00 2001
From: lifeodyssey <zhenjiazhou0127@outlook.com>
Date: Tue, 16 Jun 2026 23:32:40 +0800
Subject: [PATCH 1/2] perf: inline Supabase config to eliminate initial fetch
 delay

Worker now injects SUPABASE_URL and SUPABASE_PUBLISHABLE_KEY into
the HTML response via a <script> tag, so the client can initialize
Supabase immediately without waiting for /api/config round-trip.
---
 src/client/api.ts   |  7 +++++++
 src/worker/index.ts | 21 ++++++++++++++++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/client/api.ts b/src/client/api.ts
index 5612007..5cd1963 100644
--- a/src/client/api.ts
+++ b/src/client/api.ts
@@ -47,8 +47,15 @@ async function expectOk<T>(res: Response, fallback: string): Promise<T> {
 /**
  * Fetches the client-side app configuration from the worker.
  * GET /api/config
+ *
+ * If the worker injected the config via a <script> tag (window.__APP_CONFIG__),
+ * that is used immediately without a network round-trip.
  */
 export async function fetchConfig(): Promise<AppConfig> {
+  const injected = (globalThis as Record<string, unknown>).__APP_CONFIG__ as AppConfig | undefined;
+  if (injected?.supabaseUrl && injected?.supabasePublishableKey) {
+    return injected;
+  }
   const response = await fetch("/api/config");
   if (!response.ok) throw new Error("Config unavailable");
   return response.json() as Promise<AppConfig>;
diff --git a/src/worker/index.ts b/src/worker/index.ts
index 6aadf9a..3631a9e 100644
--- a/src/worker/index.ts
+++ b/src/worker/index.ts
@@ -140,7 +140,12 @@ export default {
         return await previewShare(request, env, ctx);
       }
 
-      return withDiscoveryHeaders(await env.ASSETS.fetch(request));
+      const assetResponse = await env.ASSETS.fetch(request);
+      const contentType = assetResponse.headers.get("content-type") ?? "";
+      if (contentType.includes("text/html") && request.method === "GET") {
+        return withDiscoveryHeaders(await injectConfig(assetResponse, env));
+      }
+      return withDiscoveryHeaders(assetResponse);
     } catch (error) {
       console.error(JSON.stringify({ event: "unhandled_error", message: errorMessage(error) }));
       return json({ error: "Internal server error" }, 500);
@@ -148,6 +153,20 @@ export default {
   }
 };
 
+async function injectConfig(response: Response, env: Env): Promise<Response> {
+  const configScript = `<script>window.__APP_CONFIG__=${JSON.stringify({
+    supabaseUrl: env.SUPABASE_URL,
+    supabasePublishableKey: env.SUPABASE_PUBLISHABLE_KEY
+  })}</script>`;
+  const html = await response.text();
+  const injected = html.replace("</head>", `${configScript}</head>`);
+  return new Response(injected, {
+    status: response.status,
+    statusText: response.statusText,
+    headers: response.headers
+  });
+}
+
 function discoveryRoute(request: Request, url: URL): Response | null {
   if (request.method !== "GET" && request.method !== "HEAD") {
     return null;

From fed4342b9c6f142ca9e05869d96fd14509a87a6b Mon Sep 17 00:00:00 2001
From: lifeodyssey <zhenjiazhou0127@outlook.com>
Date: Tue, 16 Jun 2026 23:39:46 +0800
Subject: [PATCH 2/2] docs: add JSDoc to injectConfig

---
 src/worker/index.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/worker/index.ts b/src/worker/index.ts
index 3631a9e..c45f59d 100644
--- a/src/worker/index.ts
+++ b/src/worker/index.ts
@@ -153,6 +153,11 @@ export default {
   }
 };
 
+/**
+ * Injects the Supabase client config into an HTML response so the browser
+ * can initialise the Supabase client without a separate /api/config fetch.
+ * The injected script sets window.__APP_CONFIG__ before any module scripts run.
+ */
 async function injectConfig(response: Response, env: Env): Promise<Response> {
   const configScript = `<script>window.__APP_CONFIG__=${JSON.stringify({
     supabaseUrl: env.SUPABASE_URL,