feat(shell,api,keys): firefly v1 shell over the api with cookie auth, period, palette and keymap

vite.config.ts

@@ -2,33 +2,49 @@ import adapter from "@sveltejs/adapter-static";
 import { sveltekit } from "@sveltejs/kit/vite";
 import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 import tailwindcss from "@tailwindcss/vite";
-import { defineConfig } from "vite";
+import { defineConfig, loadEnv } from "vite";
+import { isSpaPath } from "./src/lib/spa-paths";
 
 const allowedHosts = process.env.ALLOWED_HOSTS
   ? process.env.ALLOWED_HOSTS.split(",")
   : undefined;
 
-export default defineConfig({
-  plugins: [
-    tailwindcss(),
-    sveltekit({
-      adapter: adapter({
-        assets: "build",
-        fallback: "index.html",
-        pages: "build",
-        precompress: false,
-        strict: false,
+const VITE_OWNED = "^/(?!@|src/|node_modules/|\\.svelte-kit/|__|_app/|favicon)";
+
+export default defineConfig(({ mode }) => {
+  const env = { ...loadEnv(mode, process.cwd(), ""), ...process.env };
+  const firefly = env.FIREFLY_URL ?? "http://127.0.0.1:8080";
+  return {
+    plugins: [
+      tailwindcss(),
+      sveltekit({
+        adapter: adapter({
+          assets: "build",
+          fallback: "index.html",
+          pages: "build",
+          precompress: false,
+          strict: false,
+        }),
+        preprocess: [vitePreprocess()],
       }),
-      preprocess: [vitePreprocess()],
-    }),
-  ],
-  server: {
-    allowedHosts,
-    proxy: {
-      "/api": {
-        changeOrigin: true,
-        target: process.env.API_PROXY_TARGET ?? "http://localhost:8080",
+    ],
+    server: {
+      allowedHosts,
+      proxy: {
+        [VITE_OWNED]: {
+          bypass(req) {
+            const url = new URL(req.url ?? "/", "http://dev.local");
+            const ffui = url.searchParams.get("ffui");
+            const read = req.method === "GET" || req.method === "HEAD";
+            const old = ffui === "old" || ffui === "off";
+            return read && !old && isSpaPath(url.pathname)
+              ? req.url
+              : undefined;
+          },
+          target: firefly,
+          xfwd: true,
+        },
       },
     },
-  },
+  };
 });