{appName}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_424":425,"_426":427},"routes/_app.x.$handle.$name",{"_102":101,"_32":46,"_111":92,"_27":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_20":-5,"_123":-5,"_124":-5,"_125":25,"_126":127,"_128":61,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":25},"version",147,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/app.tsx","latestPath","fileId","48f1fc50-4b21-11f1-aeb4-ee650bb23af1","name","app.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/preact@10.29.1 */\n// app.tsx — SPA shell: sidebar + all 7 pages pre-rendered server-side.\n\nimport { render } from \"https://esm.sh/preact-render-to-string@6.6.7?deps=preact@10.29.1\";\nimport { clientJs } from \"./client.ts\";\nimport { css } from \"./ui/styles.ts\";\nimport { THEMES } from \"./ui/theme.ts\";\nimport type { HomePageProps } from \"./ui/types.ts\";\nimport { HomePage } from \"./pages/home.tsx\";\nimport { HttpPage } from \"./pages/page-http.tsx\";\nimport { SqlitePage } from \"./pages/page-sqlite.tsx\";\nimport { CronPage } from \"./pages/page-cron.tsx\";\nimport { EmailPage } from \"./pages/page-email.tsx\";\nimport { BlobPage } from \"./pages/page-blob.tsx\";\nimport { UiPage } from \"./pages/page-ui.tsx\";\n\n// nav items ------------------------------------------------------------------\n\nconst NAV = [\n { page: \"home\", icon: \"⌂\", label: \"Home\" },\n { page: \"http\", icon: \"◈\", label: \"HTTP Trigger\" },\n { page: \"sqlite\", icon: \"⊙\", label: \"SQLite\" },\n { page: \"cron\", icon: \"◷\", label: \"Cron Trigger\" },\n { page: \"email\", icon: \"◉\", label: \"Email Trigger\" },\n { page: \"blob\", icon: \"◫\", label: \"Blob Storage\" },\n { page: \"ui\", icon: \"◐\", label: \"UI & Themes\" },\n];\n\n// theme swatches -------------------------------------------------------------\n\nfunction Swatches() {\n const entries: [string, string][] = [\n [\"auto\", \"\"],\n ...Object.entries(THEMES).map(([key, p]) => [key, p.bg] as [string, string]),\n ];\n return (\n \n );\n}\n\n// sidebar nav ----------------------------------------------------------------\n\nfunction Sidebar({ appName }: { appName: string }) {\n return (\n \n );\n}\n\n// shell + export -------------------------------------------------------------\n\nfunction App({ appName, renderedAt, theme }: HomePageProps) {\n const initScript = `\n (function(){\n var h = location.hash.match(/^#\\\\/([\\\\w-]+)/);\n document.documentElement.dataset.page = h ? h[1] : \"home\";\n var t = new URLSearchParams(location.search).get(\"theme\")\n || localStorage.getItem(\"theme\") || \"\";\n if (t) document.documentElement.dataset.theme = t;\n })();\n `;\n\n return (\n \n \n \n \n \n {appName}\n

Diff · v147