Tests

\n \n

\n {outputs.map((output: TestOutput, index: number) => (\n

\n {output.pass ? \"✅\" : \"❌\"} {tests[index].name}{\" \"}({prettyMilliseconds(output.duration)}){\" \"}\n {output.message\n ? (\n {output.message}\n )\n : null}\n

{JSON.stringify(tests[index], null, 2)}

\n ))}\n

\n \n ,\n );\n}\n\nexport default (req: Request) => {\n const url = new URL(req.url);\n const outputs = tests.map(runTest);\n if (url.pathname === \"/badge.svg\") {\n return new Response(\n renderBadge({\n label: \"parseProject tests\",\n passedCount: outputs.filter((output: TestOutput) => output.pass).length,\n testCount: tests.length,\n }),\n {\n headers: {\n \"content-type\": \"image/svg+xml;charset=UTF-8\",\n },\n },\n );\n }\n return new Response(renderTestResults(tests, outputs), {\n headers: {\n \"content-type\": \"text/html;charset=UTF-8\",\n },\n });\n};",[],[102,202],{"_106":210,"_98":211,"_155":212,"_157":186,"_158":141,"_159":122,"_161":162,"_108":213,"_103":214,"_165":179,"_167":215,"_168":25,"_169":-5,"_170":216,"_101":217},"89670c1e-25dc-11f0-974d-569c3dd06744","project.ts","e1faef4c-f528-11ef-aa05-569c3dd06744",["D",1746028957658],5,"interface Project {\n username: string;\n name: string;\n version: string;\n branch: string;\n path: string;\n links: {\n self: {\n latest: string;\n pinned: string;\n project: string;\n };\n module: {\n latest: string;\n pinned: string;\n project: string;\n projectPinned: string;\n };\n };\n}\n\nexport function parseProject(url: string): Project {\n // Updated pattern to capture the prefix (v or p) and handle URL format variations\n const pattern = /^https:\\/\\/esm\\.town\\/(v|p)\\/([^/]+)\\/([^@]+)@(\\d+)-(.+?)(\\/.*)?$/;\n const match = url.match(pattern);\n\n if (!match) {\n throw new Error(`Invalid ESM Town URL format: ${url}`);\n }\n\n let [, prefix, username, name, version, branch, path = \"\"] = match;\n // Remove leading slash if present\n path = path && path.startsWith(\"/\") ? path.substring(1) : path;\n\n const branchPath = branch === \"main\" ? \"\" : `/branch/${branch}`;\n\n const projectURL = `https://www.val.town/x/${username}/${name}`;\n\n return {\n username,\n name,\n version,\n branch,\n path,\n links: {\n self: {\n latest: `${projectURL}${branchPath}/code/${path}`,\n pinned: `${projectURL}/branch/${branch}/version/${version}/code/${path}`,\n project: projectURL,\n },\n module: {\n latest: `https://esm.town/${prefix}/${username}/${name}${branchPath}/${path}`,\n pinned: `https://esm.town/${prefix}/${username}/${name}@${version}-${branch}/${path}`,\n project: `https://esm.town/${prefix}/${username}/${name}/`,\n projectPinned: `https://esm.town/${prefix}/${username}/${name}@${version}-${branch}/`,\n },\n },\n };\n}",[],[102,211],[102],{"_106":220,"_98":221,"_155":222,"_157":-5,"_158":141,"_159":223,"_161":162,"_108":224,"_103":188,"_165":166,"_167":-5,"_168":25,"_169":-5,"_170":225,"_101":235},"689588ea-f52a-11ef-b84f-569c3dd06744","serve-file","658866e0-f52a-11ef-aa05-569c3dd06744",43,["D",1740674796376],[226],{"_106":227,"_98":174,"_155":228,"_157":222,"_158":141,"_159":229,"_161":162,"_108":230,"_103":231,"_165":179,"_167":232,"_168":25,"_169":-5,"_170":233,"_101":234},"23e6c61e-f53e-11ef-aecb-569c3dd06744","6a4741e2-f52a-11ef-9c7b-569c3dd06744",64,["D",1740683271081],8,"import { contentType } from \"npm:mime-types@2.1.35\";\nimport { readFile } from \"../file/index.ts\";\n\nexport async function serveFile(path: string, metaImportUrl: string): Promise {\n const text = await readFile(path, metaImportUrl);\n const content_type = getContentType(path);\n return new Response(text, {\n headers: {\n \"Content-Type\": content_type,\n },\n });\n}\n\nexport function getContentType(path: string): string {\n if (path.endsWith(\".ts\") || path.endsWith(\".jsx\") || path.endsWith(\".tsx\")) {\n return \"text/javascript\";\n }\n const ext = path.split(\".\").pop();\n return contentType(ext) || \"application/octet-stream\";\n}",[],[221,174],[221],{"_106":237,"_98":238,"_155":239,"_157":-5,"_158":141,"_159":240,"_161":162,"_108":241,"_103":188,"_165":166,"_167":-5,"_168":25,"_169":-5,"_170":242,"_101":252},"98dc5d00-4212-11f0-b416-76b3cceeab13","static","5a7b1f10-4212-11f0-b728-76b3cceeab13",94,["D",1749130808982],[243],{"_106":244,"_98":245,"_155":246,"_157":239,"_158":141,"_159":247,"_161":162,"_108":248,"_103":164,"_165":179,"_167":249,"_168":25,"_169":-5,"_170":250,"_101":251},"5dbf3430-4213-11f0-93e3-76b3cceeab13","main.tsx","9b19a938-4212-11f0-97be-76b3cceeab13",103,["D",1749131139267],"import { Hono } from \"npm:hono\";\nimport { serveFile } from \"../index.ts\";\n\nexport function staticHTTPServer(importMetaURL: string) {\n const app = new Hono();\n app.get(\"/\", () => serveFile(\"/index.html\", importMetaURL));\n app.get(\"/**/*\", c => serveFile(c.req.path, importMetaURL));\n return app.fetch;\n}",[],[238,245],[238],{"_106":254,"_98":255,"_155":256,"_157":-5,"_158":141,"_159":257,"_161":162,"_108":258,"_103":124,"_165":166,"_167":-5,"_168":25,"_169":-5,"_170":259,"_101":278},"d4f53bee-f529-11ef-ab58-569c3dd06744","test","948bc654-f529-11ef-a18b-569c3dd06744",29,["D",1740674548699],[260,269],{"_106":261,"_98":262,"_155":263,"_157":256,"_158":141,"_159":264,"_161":162,"_108":265,"_103":124,"_165":205,"_167":266,"_168":25,"_169":-5,"_170":267,"_101":268},"b498a78c-f529-11ef-bf2f-569c3dd06744","example.test.ts","af0e023a-f529-11ef-aa50-569c3dd06744",22,["D",1740674494407],"import { expect } from \"jsr:@std/expect\";\nimport { testServer } from \"./index.tsx\";\n\nexport default testServer([\n {\n name: \"Test Group 1\",\n tests: [\n {\n name: \"no-op\",\n function: () => {\n return true;\n },\n },\n {\n name: \"passing test\",\n function: () => {\n expect(1).toBe(1);\n },\n },\n {\n name: \"Failing test\",\n function: () => {\n expect(1).toBe(2);\n },\n },\n ],\n },\n {\n name: \"Test Group 2\",\n tests: [\n {\n name: \"passing test 2\",\n function: () => {\n expect(1).toBe(1);\n },\n },\n ],\n },\n]);",[],[255,262],{"_106":270,"_98":271,"_155":272,"_157":256,"_158":141,"_159":273,"_161":162,"_108":274,"_103":164,"_165":179,"_167":275,"_168":25,"_169":-5,"_170":276,"_101":277},"beefa1b8-f529-11ef-b2e6-569c3dd06744","index.tsx","b8ee04c6-f529-11ef-aa05-569c3dd06744",27,["D",1740674511753],"/** @jsxImportSource https://esm.sh/preact */\nimport { makeBadge } from \"npm:badge-maker\";\nimport { render } from \"npm:preact-render-to-string\";\nimport prettyMilliseconds from \"npm:pretty-ms\";\n\ninterface TestGroup {\n name: string;\n tests: TestCase[];\n bofore?: () => void;\n after?: () => void;\n}\n\ninterface TestCase {\n name: string;\n function: () => void;\n}\n\ninterface TestCaseResult {\n name: string;\n function: () => void;\n passed: boolean;\n duration: number;\n}\n\nasync function runTest(test: TestCase) {\n let pass, message;\n let start = performance.now();\n try {\n await test.function();\n pass = true;\n } catch (e: any) {\n message = e.message;\n pass = false;\n }\n return {\n message,\n pass,\n duration: performance.now() - start,\n };\n}\n\nfunction renderBadge({ label, passedCount, testCount }: { label?: string; passedCount: number; testCount: number }) {\n return makeBadge({\n label: label ?? \"Tests\",\n message: `${passedCount}/${testCount} passed`,\n color: passedCount === testCount ? \"brightgreen\" : \"red\",\n });\n}\n\nfunction Badge({ label, passedCount, testCount }: { label?: string; passedCount: number; testCount: number }) {\n const svgMarkup = renderBadge({ label, passedCount, testCount });\n const srcDoc = `${svgMarkup}`;\n return (\n \n );\n}\n\nfunction renderTestResults(testGroups: TestGroup[], outputs: { [groupName: string]: TestOutput[] }) {\n const totalPassed = Object.values(outputs).flat().filter((output: TestOutput) => output.pass).length;\n const totalTests = testGroups.reduce((sum, group) => sum + group.tests.length, 0);\n return render(\n \n \n Tests\n \n \n

Tests

\n \n

\n {testGroups.map((group: TestGroup) => (\n

\n \n output.pass).length}\n testCount={group.tests.length}\n />\n \n\n {outputs[group.name].map((output: TestOutput, index: number) => (\n

\n {output.pass ? \"✅\" : \"❌\"} {group.tests[index].name}{\" \"}({prettyMilliseconds(output.duration)})\n {\" \"}{output.message\n ? (\n {output.message}\n )\n : null}\n

{JSON.stringify(output, null, 2)}

\n ))}\n

\n \n ,\n );\n}\n\nexport const testServer = (testGroups: TestGroup[]) => async (req: Request) => {\n const url = new URL(req.url);\n const outputs: { [groupName: string]: TestOutput[] } = {};\n\n for (const group of testGroups) {\n group.bofore?.();\n outputs[group.name] = await Promise.all(group.tests.map(runTest));\n group.after?.();\n }\n\n if (url.pathname === \"/badge.svg\") {\n const totalPassed = Object.values(outputs).flat().filter((output: TestOutput) => output.pass).length;\n const totalTests = testGroups.reduce((sum, group) => sum + group.tests.length, 0);\n\n return new Response(\n renderBadge({\n label: \"Tests\",\n passedCount: totalPassed,\n testCount: totalTests,\n }),\n {\n headers: {\n \"content-type\": \"image/svg+xml;charset=UTF-8\",\n },\n },\n );\n }\n return new Response(renderTestResults(testGroups, outputs), {\n headers: {\n \"content-type\": \"text/html;charset=UTF-8\",\n },\n });\n};",[],[255,271],[255],{"_106":280,"_98":192,"_155":119,"_157":-5,"_158":141,"_159":281,"_161":162,"_108":282,"_103":283,"_165":154,"_167":284,"_168":25,"_169":-5,"_170":285,"_101":286},"7887b35a-4213-11f0-b0f0-76b3cceeab13",104,["D",1749131184236],15,"# Val Town Project Utilities\n\nThese utils are very rapidly developing, so expect breaking changes.\n\n* file - reading files and directories in Projects\n* parseImportMeta - parse project info out of its `importa.meta.url`\n* serve-file - return Project files as HTTP Responses with proper content-types\n* test - a little framework for running tests and displaying the results as HTML and a badge\n\n## Usage\n\nImport them with version pins to be safe:\n\n```ts\nimport { parseProject, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n```\n\nExample usage: https://www.val.town/x/std/reactHonoStarter/code/backend/index.ts",[],[192],{"_106":288,"_98":174,"_155":289,"_157":-5,"_158":141,"_159":140,"_161":162,"_108":290,"_103":196,"_165":179,"_167":291,"_168":25,"_169":-5,"_170":292,"_101":293},"2c3b1ad6-4214-11f0-9c08-76b3cceeab13","dc1b4790-f52b-11ef-9ee4-569c3dd06744",["D",1749131485716],"export {\n fetchTranspiledJavaScript,\n listFiles,\n readFile,\n} from \"./file/index.ts\";\nexport { parseProject } from \"./parseImportMeta/project.ts\";\nexport { getContentType, serveFile } from \"./serve-file/index.ts\";\nexport { testServer } from \"./test/index.tsx\";\nexport { staticHTTPServer } from \"./static/main.tsx\";",[],[174],"files",[152,172,184,190,200,209,219,226,236,243,253,260,269,279,287],"counts",{"_298":188,"_299":300,"_301":302,"_303":29},"pulls","branches",3,"forks",6,"envVars","contents",[306,309,312],{"_106":191,"_98":192,"_155":193,"_157":186,"_158":141,"_159":194,"_161":162,"_108":307,"_103":196,"_165":154,"_167":197,"_168":25,"_169":-5,"_101":308},["D",1740686304687],[102,192],{"_106":201,"_98":202,"_155":203,"_157":186,"_158":141,"_159":122,"_161":162,"_108":310,"_103":164,"_165":205,"_167":206,"_168":25,"_169":-5,"_101":311},["D",1746028957658],[102,202],{"_106":210,"_98":211,"_155":212,"_157":186,"_158":141,"_159":122,"_161":162,"_108":313,"_103":214,"_165":179,"_167":215,"_168":25,"_169":-5,"_101":314},["D",1746028957658],[102,211],{"_106":185,"_158":141,"_155":186,"_98":102,"_167":-5,"_165":166,"_103":188,"_157":-5,"_108":316,"_159":124,"_169":-5,"_101":317},["D",1740674124399],[102],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","routes/_app.x.$handle.$name.code.$",{"_96":97,"_98":99,"_100":40,"_103":-7,"_101":102,"_104":324,"_150":328,"_294":374,"_154":375,"_304":378,"_385":-5,"_386":25,"_387":-5,"_388":-5,"_389":-5,"_390":391},{"_106":107,"_98":99,"_108":325,"_110":-5,"_111":25,"_112":113,"_114":115,"_116":-5,"_12":117,"_118":119,"_120":25,"_121":122,"_123":124,"_14":125,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_19":326,"_138":327,"_149":25},["D",1740674076598],{"_96":97,"_136":137},{"_103":140,"_98":40,"_106":141,"_142":107,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":99,"_148":97},[329,335,347,353,359,368,371],{"_106":153,"_98":154,"_155":156,"_157":-5,"_158":141,"_159":160,"_161":162,"_108":163,"_103":164,"_165":166,"_167":-5,"_168":25,"_169":-5,"_170":330,"_101":334},[331],{"_106":173,"_98":174,"_155":175,"_157":156,"_158":141,"_159":176,"_161":162,"_108":177,"_103":178,"_165":179,"_167":180,"_168":25,"_169":-5,"_170":332,"_101":333},[],[154,174],[154],{"_106":185,"_98":102,"_155":186,"_157":-5,"_158":141,"_159":124,"_161":162,"_108":187,"_103":188,"_165":166,"_167":-5,"_168":25,"_169":-5,"_170":336,"_101":346},[337,340,343],{"_106":191,"_98":192,"_155":193,"_157":186,"_158":141,"_159":194,"_161":162,"_108":195,"_103":196,"_165":154,"_167":197,"_168":25,"_169":-5,"_170":338,"_101":339},[],[102,192],{"_106":201,"_98":202,"_155":203,"_157":186,"_158":141,"_159":122,"_161":162,"_108":204,"_103":164,"_165":205,"_167":206,"_168":25,"_169":-5,"_170":341,"_101":342},[],[102,202],{"_106":210,"_98":211,"_155":212,"_157":186,"_158":141,"_159":122,"_161":162,"_108":213,"_103":214,"_165":179,"_167":215,"_168":25,"_169":-5,"_170":344,"_101":345},[],[102,211],[102],{"_106":220,"_98":221,"_155":222,"_157":-5,"_158":141,"_159":223,"_161":162,"_108":224,"_103":188,"_165":166,"_167":-5,"_168":25,"_169":-5,"_170":348,"_101":352},[349],{"_106":227,"_98":174,"_155":228,"_157":222,"_158":141,"_159":229,"_161":162,"_108":230,"_103":231,"_165":179,"_167":232,"_168":25,"_169":-5,"_170":350,"_101":351},[],[221,174],[221],{"_106":237,"_98":238,"_155":239,"_157":-5,"_158":141,"_159":240,"_161":162,"_108":241,"_103":188,"_165":166,"_167":-5,"_168":25,"_169":-5,"_170":354,"_101":358},[355],{"_106":244,"_98":245,"_155":246,"_157":239,"_158":141,"_159":247,"_161":162,"_108":248,"_103":164,"_165":179,"_167":249,"_168":25,"_169":-5,"_170":356,"_101":357},[],[238,245],[238],{"_106":254,"_98":255,"_155":256,"_157":-5,"_158":141,"_159":257,"_161":162,"_108":258,"_103":124,"_165":166,"_167":-5,"_168":25,"_169":-5,"_170":360,"_101":367},[361,364],{"_106":261,"_98":262,"_155":263,"_157":256,"_158":141,"_159":264,"_161":162,"_108":265,"_103":124,"_165":205,"_167":266,"_168":25,"_169":-5,"_170":362,"_101":363},[],[255,262],{"_106":270,"_98":271,"_155":272,"_157":256,"_158":141,"_159":273,"_161":162,"_108":274,"_103":164,"_165":179,"_167":275,"_168":25,"_169":-5,"_170":365,"_101":366},[],[255,271],[255],{"_106":280,"_98":192,"_155":119,"_157":-5,"_158":141,"_159":281,"_161":162,"_108":282,"_103":283,"_165":154,"_167":284,"_168":25,"_169":-5,"_170":369,"_101":370},[],[192],{"_106":288,"_98":174,"_155":289,"_157":-5,"_158":141,"_159":140,"_161":162,"_108":290,"_103":196,"_165":179,"_167":291,"_168":25,"_169":-5,"_170":372,"_101":373},[],[174],[329,331,335,337,340,343,347,349,353,355,359,361,364,368,371],{"_106":185,"_158":141,"_155":186,"_98":102,"_167":-5,"_165":166,"_103":188,"_157":-5,"_108":376,"_159":124,"_169":-5,"_101":377},["D",1740674124399],[102],[379,381,383],{"_106":191,"_98":192,"_155":193,"_157":186,"_158":141,"_159":194,"_161":162,"_108":307,"_103":196,"_165":154,"_167":197,"_168":25,"_169":-5,"_101":380},[102,192],{"_106":201,"_98":202,"_155":203,"_157":186,"_158":141,"_159":122,"_161":162,"_108":310,"_103":164,"_165":205,"_167":206,"_168":25,"_169":-5,"_101":382},[102,202],{"_106":210,"_98":211,"_155":212,"_157":186,"_158":141,"_159":122,"_161":162,"_108":313,"_103":214,"_165":179,"_167":215,"_168":25,"_169":-5,"_101":384},[102,211],"upstream","showCompareCallout","pull","ahead","behind","templates",[],"routes/_app","actionData","errors"]