[{"_1":2,"_173":-5,"_174":-5},"loaderData",{"_3":4,"_92":93},"root",{"_5":6,"_35":36,"_65":66},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20,"_34":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58,"_59":60,"_61":62,"_63":64},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","8c36f6d959ffa3767f04f6812adce262ded7068e","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_67":68},"__internal_clerk_state",{"_69":70,"_71":46,"_72":73,"_74":73,"_75":20,"_76":73,"_77":73,"_78":73,"_79":73,"_80":81,"_90":20,"_91":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_82":20,"_19":20,"_83":73,"_84":85,"_86":73,"_87":46,"_88":20,"_89":73},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_94":95,"_96":97,"_98":99,"_100":101,"_148":149,"_170":171,"_172":-5},"handle","yawnxyz","name","chat","path","frontend/build-html.ts","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":20,"_108":109,"_110":73,"_111":-5,"_12":112,"_113":-5,"_114":20,"_115":-5,"_116":-5,"_117":32,"_14":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":128,"_131":132,"_134":135,"_147":20},"id","eb0227b4-e2e8-11f0-bb4a-42dde27851f2","createdAt",["D",1766815045152],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","8319defa-6e1a-46d4-ba66-2114ffd3360b","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_129":130},"profileImageUrl","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","org",{"_94":95,"_133":130,"_12":112},"avatar","branch",{"_136":137,"_96":44,"_102":138,"_139":103,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":97,"_146":95},"version",206,"eb028344-e2e8-11f0-bb4a-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_102":150,"_96":151,"_152":153,"_154":155,"_156":138,"_157":158,"_159":160,"_104":161,"_136":32,"_162":163,"_164":165,"_166":20,"_167":-5,"_98":168},"3bd0a97c-ef19-11f0-af6a-42dde27851f2","build-html.ts","fileId","3bd0aa4e-ef19-11f0-af6a-42dde27851f2","parentId","09c152e2-e2e9-11f0-b941-42dde27851f2","branchId","branchVersion",149,"latest",true,["D",1768155210166],"fileType","script","content","// Build script for chat-app HTML\n// Processes @include directives to combine partials into index.html\n\n// ========================================\n// CONFIGURATION\n// ========================================\nconst CONFIG = {\n // Source and output paths\n SRC_DIR: \"./src/html\",\n OUTPUT_FILE: \"./index.html\",\n \n // CSS loading mode: \"build\" or \"link\"\n // - \"build\": Uses locally built compiled-*.css files (for production)\n // - \"link\": Links to prebuilt design system + local custom styles (for testing)\n CSS_MODE: \"build\", // Change to \"link\" to skip rebuild and link to prebuilt CSS\n \n // CSS paths (when CSS_MODE is \"link\")\n PREBUILT_DESIGN_SYSTEM_CSS: \"/v2/frontend/styles/theme.css\", // Prebuilt design system\n LOCAL_CUSTOM_CSS: \"/frontend/styles/app.css\", // Your custom app styles\n \n // Built CSS prefix (when CSS_MODE is \"build\")\n BUILT_CSS_PREFIX: \"compiled\", // Matches OUTPUT_PREFIX in build.ts\n};\n// ========================================\n\nasync function processIncludes(content: string, basePath: string): Promise {\n const includeRegex = //g;\n let result = content;\n let match;\n \n // Reset regex lastIndex to ensure we process all matches\n includeRegex.lastIndex = 0;\n \n // Process all matches\n const matches: Array<{ match: string; path: string }> = [];\n while ((match = includeRegex.exec(content)) !== null) {\n matches.push({ match: match[0], path: match[1].trim() });\n }\n \n // Process matches in reverse order to avoid index shifting issues\n for (let i = matches.length - 1; i >= 0; i--) {\n const { match: matchStr, path: includePath } = matches[i];\n const fullPath = `${basePath}/${includePath}`;\n \n try {\n let includeContent = await Deno.readTextFile(fullPath);\n // Recursively process nested includes\n const includeDir = fullPath.substring(0, fullPath.lastIndexOf('/'));\n includeContent = await processIncludes(includeContent, includeDir);\n result = result.replace(matchStr, includeContent);\n } catch (error) {\n console.error(`Error including ${fullPath}:`, error);\n throw error;\n }\n }\n \n return result;\n}\n\nasync function injectCssLinks(html: string): Promise {\n // Look for a CSS injection point or tag\n const cssPlaceholder = \"\";\n const headCloseTag = \"\";\n \n let cssLinks = \"\";\n \n if (CONFIG.CSS_MODE === \"link\") {\n // Link mode: Use prebuilt design system + local custom styles\n cssLinks = `\n \n \n `;\n console.log(` 🔗 CSS Mode: link`);\n console.log(` - Design system: ${CONFIG.PREBUILT_DESIGN_SYSTEM_CSS}`);\n console.log(` - Custom styles: ${CONFIG.LOCAL_CUSTOM_CSS}`);\n } else {\n // Build mode: Use locally compiled CSS chunks\n const stylesDir = \"./styles\";\n try {\n const files = [];\n for await (const entry of Deno.readDir(stylesDir)) {\n if (entry.isFile && entry.name.startsWith(CONFIG.BUILT_CSS_PREFIX) && entry.name.endsWith(\".css\")) {\n files.push(entry.name);\n }\n }\n \n // Sort files to ensure correct order (compiled.css or compiled-1.css, compiled-2.css, etc.)\n files.sort((a, b) => {\n const aNum = a.match(/-(\\d+)\\.css$/)?.[1];\n const bNum = b.match(/-(\\d+)\\.css$/)?.[1];\n if (!aNum && !bNum) return 0;\n if (!aNum) return -1;\n if (!bNum) return 1;\n return parseInt(aNum) - parseInt(bNum);\n });\n \n if (files.length > 0) {\n cssLinks = `\n `;\n for (const file of files) {\n cssLinks += `\n `;\n }\n console.log(` 📦 CSS Mode: build (${files.length} file${files.length > 1 ? 's' : ''})`);\n files.forEach(f => console.log(` - ${f}`));\n } else {\n console.warn(` ⚠️ No compiled CSS files found with prefix \"${CONFIG.BUILT_CSS_PREFIX}\"`);\n cssLinks = `\n `;\n }\n } catch (error) {\n console.warn(` ⚠️ Could not read styles directory:`, error);\n cssLinks = `\n `;\n }\n }\n \n // Inject CSS links\n if (html.includes(cssPlaceholder)) {\n return html.replace(cssPlaceholder, cssLinks);\n } else if (html.includes(headCloseTag)) {\n return html.replace(headCloseTag, `${cssLinks}\\n ${headCloseTag}`);\n }\n \n return html;\n}\n\nasync function buildHtml() {\n console.log(\"🔄 Building chat-app HTML...\\n\");\n \n const templatePath = `${CONFIG.SRC_DIR}/index.template.html`;\n const template = await Deno.readTextFile(templatePath);\n let result = await processIncludes(template, CONFIG.SRC_DIR);\n \n // Inject CSS links based on configuration\n result = await injectCssLinks(result);\n \n await Deno.writeTextFile(CONFIG.OUTPUT_FILE, result);\n \n const lines = result.split('\\n').length;\n console.log(`\\n✅ Created ${CONFIG.OUTPUT_FILE} (${lines} lines)`);\n}\n\nif (import.meta.main) {\n await buildHtml();\n}\n\n","deleted","label",[169,151],"frontend","permalink","https://www.val.town/x/yawnxyz/chat/code/frontend/build-html.ts","extension","actionData","errors"]