[{"_1":2,"_175":-5,"_176":-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","5c349ef9e7d7333839a0634dd567aae2d49623a6","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,"_155":156,"_172":173,"_174":-5},"handle","andyhats","name","staticServer","path","index.ts","project",{"_102":103,"_96":97,"_104":105,"_106":-5,"_107":20,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":114,"_115":116,"_117":116,"_118":-5,"_119":32,"_14":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":130,"_133":134,"_136":137,"_154":20},"id","a3954fc6-b5d6-11f0-ad61-0224a6c84d84","createdAt",["D",1761859392021],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","8c563ec0-e907-11ef-be3c-dfe65e13e29c","pinnedFileId","019a3700-d25f-710b-89fb-14a0c60cecbf","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","70cf8bf0-cc52-4e5d-8f5b-55bb255dabea","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_94":95,"_131":132},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yc3ZlSlhTNzVFZlM5THF3NjhhblE1NXROcVAifQ","org",{"_94":95,"_135":132,"_12":112},"avatar","branch",{"_138":139,"_96":44,"_102":140,"_141":103,"_142":143,"_144":145,"_146":147,"_148":149,"_150":151,"_152":97,"_153":95},"version",1,"a3993618-b5d6-11f0-ad61-0224a6c84d84","projectId","forkedBranchId","148d2ee4-b0e9-11f0-9992-0224a6c84d84","forkedBranchVersion",67,"forkedProjectPrivacy","unlisted","forkedProjectId","148cc97c-b0e9-11f0-9992-0224a6c84d84","forkedProjectOrgId","5cdb635f-04df-409e-bb23-93b87a60f6ca","projectName","userHandle","isOwned","file",{"_102":157,"_96":99,"_158":159,"_160":-5,"_161":140,"_162":139,"_163":116,"_104":164,"_138":32,"_165":166,"_167":168,"_169":20,"_170":-5,"_98":171},"a39d4794-b5d6-11f0-ad61-0224a6c84d84","fileId","019a3700-d25f-710b-89fb-3a1e7d0dbe09","parentId","branchId","branchVersion","latest",["D",1761859392021],"fileType","script","content","import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport interface StaticServerOptions {\n /** Default HTML file to serve at root. Defaults to '/index.html' */\n indexFile?: string;\n /** Custom 404 handler. If not provided, returns default 404 message */\n notFoundHandler?: (pathname: string) => Response;\n /** Custom error handler. If not provided, returns default error message */\n errorHandler?: (error: Error, pathname: string) => Response;\n /** Additional MIME types mapping. Extends default types */\n mimeTypes?: Record;\n /** Custom headers to add to all responses */\n headers?: Record;\n}\n\nexport interface FileServerResult {\n /** The request handler function to use as your HTTP val export */\n handler: (req: Request) => Promise;\n /** Utility to serve files programmatically */\n serveFile: (pathname: string, options?: { mimeType?: string }) => Promise;\n}\n\n/**\n * Creates a static file server that can serve HTML, JS, CSS, and other text files\n * from your Val Town project directory.\n * \n * @param options Configuration options for the server\n * @returns Object containing the request handler and utility functions\n * \n * @example\n * ```ts\n * import { createStaticServer } from \"./index.ts\";\n * \n * const { handler } = createStaticServer({\n * indexFile: '/index.html',\n * headers: { 'Cache-Control': 'no-cache' },\n * importMetaUrl: import.meta.url\n * });\n * \n * export default handler;\n * ```\n */\nexport function createStaticServer(options: StaticServerOptions = {}): FileServerResult {\n const {\n indexFile = '/index.html',\n notFoundHandler,\n errorHandler,\n mimeTypes = {},\n headers = {}\n } = options;\n\n // Default MIME types\n const defaultMimeTypes: Record = {\n '.html': 'text/html; charset=utf-8',\n '.js': 'application/javascript; charset=utf-8',\n '.css': 'text/css; charset=utf-8',\n '.json': 'application/json; charset=utf-8',\n '.txt': 'text/plain; charset=utf-8',\n '.md': 'text/markdown; charset=utf-8',\n '.xml': 'application/xml; charset=utf-8',\n '.svg': 'image/svg+xml; charset=utf-8',\n ...mimeTypes\n };\n\n /**\n * Get MIME type for a file based on its extension\n */\n function getMimeType(pathname: string): string {\n const ext = pathname.toLowerCase().substring(pathname.lastIndexOf('.'));\n return defaultMimeTypes[ext] || 'text/plain; charset=utf-8';\n }\n\n /**\n * Create response headers\n */\n function createHeaders(mimeType: string): Record {\n return {\n 'Content-Type': mimeType,\n ...headers\n };\n }\n\n /**\n * Default 404 handler\n */\n function defaultNotFoundHandler(pathname: string): Response {\n const fileType = pathname.substring(pathname.lastIndexOf('.') + 1);\n const message = fileType ? \n `${fileType.toUpperCase()} file not found: ${pathname}` : \n `File not found: ${pathname}`;\n \n return new Response(message, {\n status: 404,\n headers: createHeaders('text/plain; charset=utf-8')\n });\n }\n\n /**\n * Default error handler\n */\n function defaultErrorHandler(error: Error, pathname: string): Response {\n console.error(`Error serving ${pathname}:`, error);\n return new Response(`Server error: ${error.message}`, {\n status: 500,\n headers: createHeaders('text/plain; charset=utf-8')\n });\n }\n\n /**\n * Serve a file from the project directory\n */\n async function serveFile(pathname: string, options: { mimeType?: string } = {}): Promise {\n try {\n const content = await readFile(pathname, import.meta.url);\n const mimeType = options.mimeType || getMimeType(pathname);\n \n return new Response(content, {\n headers: createHeaders(mimeType)\n });\n } catch (error) {\n if (error instanceof Error && error.message.includes('not found')) {\n return (notFoundHandler || defaultNotFoundHandler)(pathname);\n }\n return (errorHandler || defaultErrorHandler)(error as Error, pathname);\n }\n }\n\n /**\n * Main request handler\n */\n async function handler(req: Request): Promise {\n try {\n const url = new URL(req.url);\n let pathname = url.pathname;\n\n // Handle root path\n if (pathname === '/') {\n pathname = indexFile;\n }\n\n // Serve the requested file\n return await serveFile(pathname);\n \n } catch (error) {\n return (errorHandler || defaultErrorHandler)(error as Error, 'unknown');\n }\n }\n\n return {\n handler,\n serveFile\n };\n}\n\n/**\n * Quick setup function for basic static serving\n * \n * @example\n * ```ts\n * import { quickStaticServer } from \"./index.ts\";\n * export default quickStaticServer();\n * ```\n */\nexport function quickStaticServer(indexFile = '/index.html'): (req: Request) => Promise {\n const { handler } = createStaticServer({ indexFile });\n return handler;\n}\n\n/**\n * Advanced setup with custom routing and middleware support\n * \n * @example\n * ```ts\n * import { advancedStaticServer } from \"./index.ts\";\n * \n * export default advancedStaticServer({\n * routes: {\n * '/api/health': () => new Response('OK'),\n * '/api/time': () => new Response(new Date().toISOString())\n * },\n * middleware: [\n * (req, next) => {\n * console.log(`${req.method} ${req.url}`);\n * return next();\n * }\n * ]\n * });\n * ```\n */\nexport function advancedStaticServer(config: {\n routes?: Record Response | Promise>;\n middleware?: Array<(req: Request, next: () => Promise) => Promise>;\n staticOptions?: StaticServerOptions;\n} = {}): (req: Request) => Promise {\n const { routes = {}, middleware = [], staticOptions = {} } = config;\n const { handler: staticHandler } = createStaticServer(staticOptions);\n\n return async function(req: Request): Promise {\n const url = new URL(req.url);\n \n // Apply middleware\n let finalHandler = async (): Promise => {\n // Check custom routes first\n if (routes[url.pathname]) {\n return await routes[url.pathname](req);\n }\n \n // Fall back to static file serving\n return await staticHandler(req);\n };\n\n // Apply middleware in reverse order\n for (let i = middleware.length - 1; i >= 0; i--) {\n const currentHandler = finalHandler;\n const currentMiddleware = middleware[i];\n finalHandler = () => currentMiddleware(req, currentHandler);\n }\n\n return await finalHandler();\n };\n}","deleted","label",[99],"permalink","https://www.val.town/x/andyhats/staticServer/code/index.ts","extension","actionData","errors"]