[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_166":167,"_168":169},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",20,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","github-file-server.ts","latestPath","fileId","a82e65dc-3362-11f0-b0a5-9e149126039e","name","fileType","http","content","/**\n * GitHub/Gist File Server\n * \n * Fetches JavaScript or TypeScript files from GitHub repositories or Gists\n * and serves them with the proper content type headers.\n * \n * URL formats:\n * - /github/:owner/:repo/:branch/:path - for GitHub repositories\n * - /gist/:gistId/:filename - for GitHub Gists\n * \n * Example usage:\n * - /github/microsoft/TypeScript/main/lib/typescript.js\n * - /gist/a1b2c3d4e5f6g7h8i9j0/example.js\n */\n\n// Content types for different file extensions\nconst CONTENT_TYPES: Record = {\n '.js': 'application/javascript',\n '.mjs': 'application/javascript',\n '.cjs': 'application/javascript',\n '.ts': 'application/javascript', // Serving TypeScript as JavaScript\n '.tsx': 'application/javascript',\n '.jsx': 'application/javascript',\n '.json': 'application/json',\n};\n\n// Default content type if extension is not recognized\nconst DEFAULT_CONTENT_TYPE = 'text/plain';\n\n/**\n * Get content type based on file extension\n */\nfunction getContentType(path: string): string {\n const extension = path.substring(path.lastIndexOf('.'));\n return CONTENT_TYPES[extension] || DEFAULT_CONTENT_TYPE;\n}\n\n/**\n * Parse GitHub repository URL and fetch file content\n */\nasync function fetchFromGitHub(owner: string, repo: string, branch: string, path: string): Promise {\n const url = `https://raw.githubusercontent.com/${owner}/${repo}/${branch}/${path}`;\n \n try {\n const response = await fetch(url);\n \n if (!response.ok) {\n return new Response(`Failed to fetch file: ${response.status} ${response.statusText}`, {\n status: response.status,\n });\n }\n \n const content = await response.text();\n return new Response(content, {\n headers: {\n 'Content-Type': getContentType(path),\n 'Access-Control-Allow-Origin': '*',\n 'Cache-Control': 'public, max-age=3600',\n },\n });\n } catch (error) {\n return new Response(`Error fetching file: ${error.message}`, {\n status: 500,\n });\n }\n}\n\n/**\n * Parse GitHub Gist URL and fetch file content\n */\nasync function fetchFromGist(gistId: string, filename: string): Promise {\n const url = `https://gist.githubusercontent.com/${gistId}/raw/${filename}`;\n \n try {\n const response = await fetch(url);\n \n if (!response.ok) {\n return new Response(`Failed to fetch gist: ${response.status} ${response.statusText}`, {\n status: response.status,\n });\n }\n \n const content = await response.text();\n return new Response(content, {\n headers: {\n 'Content-Type': getContentType(filename),\n 'Access-Control-Allow-Origin': '*',\n 'Cache-Control': 'public, max-age=3600',\n },\n });\n } catch (error) {\n return new Response(`Error fetching gist: ${error.message}`, {\n status: 500,\n });\n }\n}\n\n/**\n * Main handler for HTTP requests\n */\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const pathParts = url.pathname.split('/').filter(Boolean);\n \n // Handle OPTIONS requests for CORS\n if (req.method === 'OPTIONS') {\n return new Response(null, {\n headers: {\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET, OPTIONS',\n 'Access-Control-Allow-Headers': 'Content-Type',\n },\n });\n }\n \n // Only support GET requests\n if (req.method !== 'GET') {\n return new Response('Method not allowed. Only GET requests are supported.', {\n status: 405,\n headers: { 'Allow': 'GET, OPTIONS' },\n });\n }\n \n // Check if we have enough path parts\n if (pathParts.length < 2) {\n return new Response('Invalid URL format. Use /github/:owner/:repo/:branch/:path or /gist/:gistId/:filename', {\n status: 400,\n });\n }\n \n const sourceType = pathParts[0];\n \n if (sourceType === 'github') {\n // Format: /github/:owner/:repo/:branch/:path\n if (pathParts.length < 5) {\n return new Response('Invalid GitHub URL format. Use /github/:owner/:repo/:branch/:path', {\n status: 400,\n });\n }\n \n const owner = pathParts[1];\n const repo = pathParts[2];\n const branch = pathParts[3];\n const path = pathParts.slice(4).join('/');\n \n return await fetchFromGitHub(owner, repo, branch, path);\n } else if (sourceType === 'gist') {\n // Format: /gist/:gistId/:filename\n if (pathParts.length < 3) {\n return new Response('Invalid Gist URL format. Use /gist/:gistId/:filename', {\n status: 400,\n });\n }\n \n const gistId = pathParts[1];\n const filename = pathParts.slice(2).join('/');\n \n return await fetchFromGist(gistId, filename);\n } else {\n return new Response('Invalid source type. Use \"github\" or \"gist\".', {\n status: 400,\n });\n }\n}","/**\n * GitHub/Gist File Server\n *\n * Fetches JavaScript or TypeScript files from GitHub repositories or Gists\n * and serves them with the proper content type headers.\n *\n * URL formats:\n * - /github/:owner/:repo/:branch/:path - for GitHub repositories\n * - /gist/:gistId/:filename - for GitHub Gists\n *\n * Example usage:\n * - /github/microsoft/TypeScript/main/lib/typescript.js\n * - /gist/a1b2c3d4e5f6g7h8i9j0/example.js\n */\n\n// Content types for different file extensions\nconst CONTENT_TYPES: Record = {\n \".js\": \"application/javascript\",\n \".mjs\": \"application/javascript\",\n \".cjs\": \"application/javascript\",\n \".ts\": \"application/javascript\", // Serving TypeScript as JavaScript\n \".tsx\": \"application/javascript\",\n \".jsx\": \"application/javascript\",\n \".json\": \"application/json\",\n \".svg\": \"image/svg+xml\",\n};\n\n// Default content type if extension is not recognized\nconst DEFAULT_CONTENT_TYPE = \"text/plain\";\n\n/**\n * Get content type based on file extension\n */\nfunction getContentType(path: string): string {\n const extension = path.substring(path.lastIndexOf(\".\"));\n return CONTENT_TYPES[extension] || DEFAULT_CONTENT_TYPE;\n}\n\n/**\n * Parse GitHub repository URL and fetch file content\n */\nasync function fetchFromGitHub(owner: string, repo: string, branch: string, path: string): Promise {\n const url = `https://raw.githubusercontent.com/${owner}/${repo}/${branch}/${path}`;\n\n try {\n const response = await fetch(url);\n\n if (!response.ok) {\n return new Response(`Failed to fetch file: ${response.status} ${response.statusText}`, {\n status: response.status,\n });\n }\n\n const content = await response.text();\n return new Response(content, {\n headers: {\n \"Content-Type\": getContentType(path),\n \"Access-Control-Allow-Origin\": \"*\",\n \"Cache-Control\": \"public, max-age=3600\",\n },\n });\n } catch (error) {\n return new Response(`Error fetching file: ${error.message}`, {\n status: 500,\n });\n }\n}\n\n/**\n * Parse GitHub Gist URL and fetch file content\n */\nasync function fetchFromGist(gistId: string, filename: string): Promise {\n const url = `https://gist.githubusercontent.com/${gistId}/raw/${filename}`;\n\n try {\n const response = await fetch(url);\n\n if (!response.ok) {\n return new Response(`Failed to fetch gist: ${response.status} ${response.statusText}`, {\n status: response.status,\n });\n }\n\n const content = await response.text();\n return new Response(content, {\n headers: {\n \"Content-Type\": getContentType(filename),\n \"Access-Control-Allow-Origin\": \"*\",\n \"Cache-Control\": \"public, max-age=3600\",\n },\n });\n } catch (error) {\n return new Response(`Error fetching gist: ${error.message}`, {\n status: 500,\n });\n }\n}\n\n/**\n * Main handler for HTTP requests\n */\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n const pathParts = url.pathname.split(\"/\").filter(Boolean);\n\n // Handle OPTIONS requests for CORS\n if (req.method === \"OPTIONS\") {\n return new Response(null, {\n headers: {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"GET, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n },\n });\n }\n\n // Only support GET requests\n if (req.method !== \"GET\") {\n return new Response(\"Method not allowed. Only GET requests are supported.\", {\n status: 405,\n headers: { \"Allow\": \"GET, OPTIONS\" },\n });\n }\n\n // Check if we have enough path parts\n if (pathParts.length < 2) {\n return new Response(\"Invalid URL format. Use /github/:owner/:repo/:branch/:path or /gist/:gistId/:filename\", {\n status: 400,\n });\n }\n\n const sourceType = pathParts[0];\n\n if (sourceType === \"github\") {\n // Format: /github/:owner/:repo/:branch/:path\n if (pathParts.length < 5) {\n return new Response(\"Invalid GitHub URL format. Use /github/:owner/:repo/:branch/:path\", {\n status: 400,\n });\n }\n\n const owner = pathParts[1];\n const repo = pathParts[2];\n const branch = pathParts[3];\n const path = pathParts.slice(4).join(\"/\");\n\n return await fetchFromGitHub(owner, repo, branch, path);\n } else if (sourceType === \"gist\") {\n // Format: /gist/:gistId/:filename\n if (pathParts.length < 3) {\n return new Response(\"Invalid Gist URL format. Use /gist/:gistId/:filename\", {\n status: 400,\n });\n }\n\n const gistId = pathParts[1];\n const filename = pathParts.slice(2).join(\"/\");\n\n return await fetchFromGist(gistId, filename);\n } else {\n return new Response(\"Invalid source type. Use \\\"github\\\" or \\\"gist\\\".\", {\n status: 400,\n });\n }\n}","createdAt",["D",1747520622851],"branchVersion","branchId","5de39ace-3362-11f0-8c1b-9e149126039e","id","5de33da4-3362-11f0-8c1b-9e149126039e","blockbench-plugin",["D",1747515802344],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","900a1ecc-26fd-4771-962a-c13dfb9ef64a","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","636fc787-66cd-4518-95de-3740f42b9de1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",31,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jjg","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYXJGSnhuRlpsMXE1ZnFWbElnbG15WlJKS0UifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":162,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":163,"_79":164,"_81":165,"_83":25},"tree",[153,154],"files",[153,154],"counts",{"_142":61,"_143":144,"_145":61,"_146":147,"_148":149},"contents",[125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":135,"_32":136,"_30":137,"_128":-5,"_41":42,"_40":138,"_129":57,"_38":139,"_13":61,"_33":20,"_35":140,"_24":25,"_132":-5,"_27":141},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":57,"_38":130,"_13":131,"_33":34,"_35":37,"_24":25,"_132":133,"_27":134},"9723184a-336d-11f0-8a0f-9e149126039e","parentId","latest",["D",1747520622851],2,"label","unbb",[28],"b0df7bee-3362-11f0-acaa-9e149126039e","README.md","b0df7c84-3362-11f0-acaa-9e149126039e",3,["D",1747515941569],"# GitHub/Gist File Server\n\nThis Val Town service fetches JavaScript or TypeScript files from GitHub repositories or Gists and serves them with the proper content type headers (`application/javascript`).\n\n## Usage\n\n### GitHub Repositories\n\nTo fetch a file from a GitHub repository:\n\n```\n/github/:owner/:repo/:branch/:path\n```\n\nExample:\n```\n/github/microsoft/TypeScript/main/lib/typescript.js\n```\n\n### GitHub Gists\n\nTo fetch a file from a GitHub Gist:\n\n```\n/gist/:gistId/:filename\n```\n\nExample:\n```\n/gist/a1b2c3d4e5f6g7h8i9j0/example.js\n```\n\n## Supported File Types\n\nThe service automatically sets the appropriate content type header based on the file extension:\n\n- `.js`, `.mjs`, `.cjs`: `application/javascript`\n- `.ts`, `.tsx`, `.jsx`: `application/javascript` (TypeScript files are served as JavaScript)\n- `.json`: `application/json`\n- Other file types: `text/plain`\n\n## Features\n\n- CORS enabled (Access-Control-Allow-Origin: *)\n- Caching (Cache-Control: public, max-age=3600)\n- Error handling for invalid URLs or unavailable files\n\n## Limitations\n\n- Only GET requests are supported\n- Files are served as-is without any transformation or transpilation\n- GitHub API rate limits may apply",[136],"pulls","branches",1,"forks","envVars",{"_150":61,"_152":61},"connections",{"_150":61,"_151":61},"count","unfilledCount","emptyCount",{"_43":135,"_32":136,"_30":137,"_128":-5,"_41":42,"_40":138,"_129":57,"_38":159,"_13":61,"_33":20,"_35":140,"_24":25,"_132":-5,"_156":160,"_27":161},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":57,"_38":155,"_13":131,"_33":34,"_35":37,"_24":25,"_132":133,"_156":157,"_27":158},["D",1747520622851],"children",[],[28],["D",1747515941569],[],[136],["D",1747515802344],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":199,"_200":201,"_202":203,"_204":25,"_205":25,"_206":25,"_207":57,"_208":-5,"_209":-7,"_210":-7,"_211":61,"_212":25,"_213":25,"_214":-5,"_215":25,"_216":25,"_217":25,"_218":-5},"ENV",{"_170":171,"_172":173,"_174":85,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","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","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v20