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};",[],[187,202],{"_105":211,"_95":212,"_159":213,"_161":188,"_162":143,"_163":123,"_165":166,"_107":214,"_101":215,"_168":180,"_170":216,"_171":22,"_172":-5,"_173":217,"_99":218},"af356dc0-2c1a-11f0-a86a-569c3dd06744","project.ts","e9a47ce7-3100-44f9-b334-3de801151d8d",["D",1746715356867],2,"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\ninterface 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 // Pattern for URLs with version-branch: https://esm.town/v/username/name@version-branch/path\n const versionedPattern = /^https:\\/\\/esm\\.town\\/(v|p)\\/([^/]+)\\/([^@]+)@(\\d+)-(.+?)(\\/.*)?$/;\n // Pattern for URLs without version-branch (latest on main): https://esm.town/v/username/name/path\n const unversionedPattern = /^https:\\/\\/esm\\.town\\/(v|p)\\/([^/]+)\\/([^/]+)(\\/.*)?$/;\n \n let match = url.match(versionedPattern);\n let isVersioned = true;\n\n if (!match) {\n match = url.match(unversionedPattern);\n isVersioned = false;\n \n if (!match) {\n throw new Error(`Invalid ESM Town URL format: ${url}`);\n }\n }\n\n let prefix, username, name, version, branch, path;\n \n if (isVersioned) {\n // Extract from versioned URL format\n [, prefix, username, name, version, branch, path = \"\"] = match;\n } else {\n // Extract from unversioned URL format (latest on main)\n [, prefix, username, name, path = \"\"] = match;\n version = \"latest\";\n branch = \"main\";\n }\n\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: version === \"latest\" \n ? `${projectURL}${branchPath}/code/${path}` \n : `${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: version === \"latest\"\n ? `https://esm.town/${prefix}/${username}/${name}${branchPath}/${path}`\n : `https://esm.town/${prefix}/${username}/${name}@${version}-${branch}/${path}`,\n project: `https://esm.town/${prefix}/${username}/${name}/`,\n projectPinned: version === \"latest\"\n ? `https://esm.town/${prefix}/${username}/${name}/`\n : `https://esm.town/${prefix}/${username}/${name}@${version}-${branch}/`,\n },\n },\n };\n}",[],[187,212],[187],{"_105":221,"_95":222,"_159":223,"_161":-5,"_162":143,"_163":164,"_165":166,"_107":224,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":225,"_99":233},"37ac1272-2c1a-11f0-a329-569c3dd06744","serve-file","d95d81cc-7879-4293-a250-1b692096855c",["D",1746715156315],[226],{"_105":227,"_95":177,"_159":228,"_161":223,"_162":143,"_163":164,"_165":166,"_107":229,"_101":32,"_168":180,"_170":230,"_171":22,"_172":-5,"_173":231,"_99":232},"37ac106a-2c1a-11f0-a329-569c3dd06744","270fc20e-8914-4dae-86a6-a610fa5389a3",["D",1746715156315],"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}",[],[222,177],[222],{"_105":235,"_95":236,"_159":237,"_161":-5,"_162":143,"_163":164,"_165":166,"_107":238,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":239,"_99":256},"37ac19ac-2c1a-11f0-a329-569c3dd06744","test","bcdbd5ef-2834-4c5d-a728-faeb71de9930",["D",1746715156315],[240,248],{"_105":241,"_95":242,"_159":243,"_161":237,"_162":143,"_163":164,"_165":166,"_107":244,"_101":32,"_168":206,"_170":245,"_171":22,"_172":-5,"_173":246,"_99":247},"37ac13c6-2c1a-11f0-a329-569c3dd06744","example.test.ts","416da9b5-2b1f-46c5-8002-020a90f7f1eb",["D",1746715156315],"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]);",[],[236,242],{"_105":249,"_95":250,"_159":251,"_161":237,"_162":143,"_163":164,"_165":166,"_107":252,"_101":32,"_168":180,"_170":253,"_171":22,"_172":-5,"_173":254,"_99":255},"37ac1524-2c1a-11f0-a329-569c3dd06744","index.tsx","9e2d6f2f-6243-437a-baec-ab0fd576645d",["D",1746715156315],"/** @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};",[],[236,250],[236],{"_105":258,"_95":193,"_159":259,"_161":-5,"_162":143,"_163":164,"_165":166,"_107":260,"_101":32,"_168":158,"_170":261,"_171":22,"_172":-5,"_173":262,"_99":263},"37ac1af6-2c1a-11f0-a329-569c3dd06744","4c5507b7-da88-459f-b036-504479610780",["D",1746715156315],"# 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",[],[193],{"_105":265,"_95":177,"_159":266,"_161":-5,"_162":143,"_163":164,"_165":166,"_107":267,"_101":32,"_168":180,"_170":268,"_171":22,"_172":-5,"_173":269,"_99":270},"37ac1cc2-2c1a-11f0-a329-569c3dd06744","77214576-bb0a-4678-a835-ba0e843c0519",["D",1746715156315],"import { fetchTranspiledJavaScript, listFiles, readFile } from \"./file/index.ts\";\nimport { parseProject } from \"./parseImportMeta/project.ts\";\nimport { getContentType, serveFile } from \"./serve-file/index.ts\";\nimport { testServer } from \"./test/index.tsx\";\n\nexport { fetchTranspiledJavaScript, getContentType, listFiles, parseProject, readFile, serveFile };",[],[177],"files",[156,175,185,191,200,210,220,226,234,240,248,257,264],"counts",{"_275":164,"_276":205,"_277":278,"_279":32},"pulls","branches","forks",7,"envVars","contents",[],{"_105":176,"_95":177,"_159":178,"_161":160,"_162":143,"_163":164,"_165":166,"_107":283,"_101":32,"_168":180,"_170":181,"_171":22,"_172":-5,"_99":284},["D",1746715156315],[158,177],"upstreamProject","upstreamBranch",{"_105":146,"_107":288,"_289":290,"_95":43,"_144":106,"_101":291,"_145":-5,"_147":-5,"_292":293,"_109":-5,"_153":22,"_111":112,"_152":94,"_16":124,"_151":96},["D",1740674076598],"updatedAt",["D",1755731317982],195,"lockfileKey","1755731318321-esm.town_v_std_utils@195-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":98,"_101":102,"_99":100,"_103":300,"_154":305,"_271":345,"_158":346,"_280":348,"_349":350,"_353":166,"_354":355,"_360":361,"_362":363,"_364":365},{"_105":106,"_95":96,"_107":301,"_109":-5,"_110":22,"_111":112,"_113":114,"_115":-5,"_14":116,"_117":118,"_119":22,"_120":121,"_122":123,"_16":124,"_125":126,"_127":126,"_128":129,"_130":129,"_131":129,"_132":126,"_133":126,"_23":302,"_137":303,"_140":304,"_153":22},["D",1740674076598],{"_93":94,"_135":136},{"_93":94,"_139":136},{"_101":142,"_95":98,"_105":143,"_144":106,"_145":146,"_147":121,"_148":112,"_149":106,"_150":124,"_151":96,"_152":94},[306,312,324,330,339,342],{"_105":157,"_95":158,"_159":160,"_161":-5,"_162":143,"_163":164,"_165":166,"_107":167,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":307,"_99":311},[308],{"_105":176,"_95":177,"_159":178,"_161":160,"_162":143,"_163":164,"_165":166,"_107":179,"_101":32,"_168":180,"_170":181,"_171":22,"_172":-5,"_173":309,"_99":310},[],[158,177],[158],{"_105":186,"_95":187,"_159":188,"_161":-5,"_162":143,"_163":164,"_165":166,"_107":189,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":313,"_99":323},[314,317,320],{"_105":192,"_95":193,"_159":194,"_161":188,"_162":143,"_163":195,"_165":166,"_107":196,"_101":164,"_168":158,"_170":197,"_171":22,"_172":-5,"_173":315,"_99":316},[],[187,193],{"_105":201,"_95":202,"_159":203,"_161":188,"_162":143,"_163":102,"_165":22,"_107":204,"_101":205,"_168":206,"_170":207,"_171":22,"_172":-5,"_173":318,"_99":319},[],[187,202],{"_105":211,"_95":212,"_159":213,"_161":188,"_162":143,"_163":123,"_165":166,"_107":214,"_101":215,"_168":180,"_170":216,"_171":22,"_172":-5,"_173":321,"_99":322},[],[187,212],[187],{"_105":221,"_95":222,"_159":223,"_161":-5,"_162":143,"_163":164,"_165":166,"_107":224,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":325,"_99":329},[326],{"_105":227,"_95":177,"_159":228,"_161":223,"_162":143,"_163":164,"_165":166,"_107":229,"_101":32,"_168":180,"_170":230,"_171":22,"_172":-5,"_173":327,"_99":328},[],[222,177],[222],{"_105":235,"_95":236,"_159":237,"_161":-5,"_162":143,"_163":164,"_165":166,"_107":238,"_101":32,"_168":169,"_170":-5,"_171":22,"_172":-5,"_173":331,"_99":338},[332,335],{"_105":241,"_95":242,"_159":243,"_161":237,"_162":143,"_163":164,"_165":166,"_107":244,"_101":32,"_168":206,"_170":245,"_171":22,"_172":-5,"_173":333,"_99":334},[],[236,242],{"_105":249,"_95":250,"_159":251,"_161":237,"_162":143,"_163":164,"_165":166,"_107":252,"_101":32,"_168":180,"_170":253,"_171":22,"_172":-5,"_173":336,"_99":337},[],[236,250],[236],{"_105":258,"_95":193,"_159":259,"_161":-5,"_162":143,"_163":164,"_165":166,"_107":260,"_101":32,"_168":158,"_170":261,"_171":22,"_172":-5,"_173":340,"_99":341},[],[193],{"_105":265,"_95":177,"_159":266,"_161":-5,"_162":143,"_163":164,"_165":166,"_107":267,"_101":32,"_168":180,"_170":268,"_171":22,"_172":-5,"_173":343,"_99":344},[],[177],[306,308,312,314,317,320,324,326,330,332,335,339,342],{"_105":176,"_95":177,"_159":178,"_161":160,"_162":143,"_163":164,"_165":166,"_107":283,"_101":32,"_168":180,"_170":181,"_171":22,"_172":-5,"_99":347},[158,177],[],"upstream",{"_105":146,"_107":351,"_289":352,"_95":43,"_144":106,"_101":291,"_145":-5,"_147":-5,"_292":293,"_109":-5,"_153":22,"_111":112,"_152":94,"_16":124,"_151":96},["D",1740674076598],["D",1755731317982],"showCompareCallout","pull",{"_105":356,"_113":357,"_358":359},"7492ccd4-2c1b-11f0-8d85-569c3dd06744","Context: https://share.cleanshot.com/mtNYkvYK\n\n","state","pending","ahead",9,"behind",105,"templates",[],"actionData","errors"]