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};",[],[173,189],{"_105":198,"_96":199,"_143":200,"_145":174,"_146":134,"_147":183,"_149":163,"_107":201,"_101":151,"_152":166,"_154":202,"_155":26,"_156":203,"_99":204},"e9947bc4-f528-11ef-b05e-569c3dd06744","project.ts","e1faef4c-f528-11ef-aa05-569c3dd06744",["D",1740674153802],"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 const pattern = /^https:\\/\\/esm\\.town\\/v\\/([^/]+)\\/([^@]+)@(\\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 [, username, name, version, branch, path = \"\"] = match;\n path = path.substring(1); // Remove leading slash\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/v/${username}/${name}${branchPath}/${path}`,\n pinned: `https://esm.town/v/${username}/${name}@${version}-${branch}/${path}`,\n project: `https://esm.town/v/${username}/${name}/`,\n projectPinned: `https://esm.town/v/${username}/${name}@${version}-${branch}/`,\n },\n },\n };\n}",[],[173,199],[173],{"_105":207,"_96":208,"_143":209,"_145":-5,"_146":134,"_147":210,"_149":163,"_107":211,"_101":176,"_152":153,"_154":-5,"_155":26,"_156":212,"_99":222},"689588ea-f52a-11ef-b84f-569c3dd06744","serve-file","658866e0-f52a-11ef-aa05-569c3dd06744",43,["D",1740674796376],[213],{"_105":214,"_96":160,"_143":215,"_145":209,"_146":134,"_147":216,"_149":163,"_107":217,"_101":218,"_152":166,"_154":219,"_155":26,"_156":220,"_99":221},"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}",[],[208,160],[208],{"_105":224,"_96":225,"_143":226,"_145":-5,"_146":134,"_147":227,"_149":163,"_107":228,"_101":91,"_152":153,"_154":-5,"_155":26,"_156":229,"_99":249},"d4f53bee-f529-11ef-ab58-569c3dd06744","test","948bc654-f529-11ef-a18b-569c3dd06744",29,["D",1740674548699],[230,239],{"_105":231,"_96":232,"_143":233,"_145":226,"_146":134,"_147":234,"_149":163,"_107":235,"_101":91,"_152":193,"_154":236,"_155":26,"_156":237,"_99":238},"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]);",[],[225,232],{"_105":240,"_96":241,"_143":242,"_145":226,"_146":134,"_147":243,"_149":163,"_107":244,"_101":245,"_152":166,"_154":246,"_155":26,"_156":247,"_99":248},"beefa1b8-f529-11ef-b2e6-569c3dd06744","index.tsx","b8ee04c6-f529-11ef-aa05-569c3dd06744",27,["D",1740674511753],4,"/** @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};",[],[225,241],[225],{"_105":251,"_96":100,"_143":117,"_145":-5,"_146":134,"_147":102,"_149":26,"_107":252,"_101":245,"_152":142,"_154":253,"_155":26,"_156":254,"_99":255},"34448450-f53f-11ef-a1c4-569c3dd06744",["D",1740683728034],"# Val Town Project Utilities\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",[],[100],{"_105":257,"_96":160,"_143":258,"_145":-5,"_146":134,"_147":259,"_149":163,"_107":260,"_101":183,"_152":166,"_154":261,"_155":26,"_156":262,"_99":263},"d28b1ec8-f53d-11ef-a16d-569c3dd06744","dc1b4790-f52b-11ef-9ee4-569c3dd06744",62,["D",1740683134584],"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 };",[],[160],"files",[140,158,171,178,187,197,206,213,223,230,239,250,256],"counts",{"_268":32,"_269":176,"_270":32,"_271":32},"pulls","branches","forks","envVars","contents",[],{"_105":251,"_96":100,"_143":117,"_145":-5,"_146":134,"_147":102,"_149":26,"_107":275,"_101":245,"_152":142,"_154":253,"_155":26,"_99":276},["D",1740683728034],[100],"upstream","routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":42,"_101":102,"_99":100,"_103":280,"_138":284,"_264":324,"_142":325,"_272":327,"_277":-5,"_328":-5},{"_105":106,"_96":97,"_107":281,"_109":-5,"_110":111,"_112":113,"_114":-5,"_11":115,"_116":117,"_118":26,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":26,"_20":282,"_131":283},["D",1740674076598],{"_94":95,"_129":130},{"_101":133,"_96":42,"_105":134,"_135":106,"_136":-5,"_137":-5},[285,291,303,309,318,321],{"_105":141,"_96":142,"_143":144,"_145":-5,"_146":134,"_147":148,"_149":26,"_107":150,"_101":151,"_152":153,"_154":-5,"_155":26,"_156":286,"_99":290},[287],{"_105":159,"_96":160,"_143":161,"_145":144,"_146":134,"_147":162,"_149":163,"_107":164,"_101":165,"_152":166,"_154":167,"_155":26,"_156":288,"_99":289},[],[142,160],[142],{"_105":172,"_96":173,"_143":174,"_145":-5,"_146":134,"_147":91,"_149":163,"_107":175,"_101":176,"_152":153,"_154":-5,"_155":26,"_156":292,"_99":302},[293,296,299],{"_105":179,"_96":100,"_143":180,"_145":174,"_146":134,"_147":181,"_149":26,"_107":182,"_101":183,"_152":142,"_154":184,"_155":26,"_156":294,"_99":295},[],[173,100],{"_105":188,"_96":189,"_143":190,"_145":174,"_146":134,"_147":191,"_149":163,"_107":192,"_101":151,"_152":193,"_154":194,"_155":26,"_156":297,"_99":298},[],[173,189],{"_105":198,"_96":199,"_143":200,"_145":174,"_146":134,"_147":183,"_149":163,"_107":201,"_101":151,"_152":166,"_154":202,"_155":26,"_156":300,"_99":301},[],[173,199],[173],{"_105":207,"_96":208,"_143":209,"_145":-5,"_146":134,"_147":210,"_149":163,"_107":211,"_101":176,"_152":153,"_154":-5,"_155":26,"_156":304,"_99":308},[305],{"_105":214,"_96":160,"_143":215,"_145":209,"_146":134,"_147":216,"_149":163,"_107":217,"_101":218,"_152":166,"_154":219,"_155":26,"_156":306,"_99":307},[],[208,160],[208],{"_105":224,"_96":225,"_143":226,"_145":-5,"_146":134,"_147":227,"_149":163,"_107":228,"_101":91,"_152":153,"_154":-5,"_155":26,"_156":310,"_99":317},[311,314],{"_105":231,"_96":232,"_143":233,"_145":226,"_146":134,"_147":234,"_149":163,"_107":235,"_101":91,"_152":193,"_154":236,"_155":26,"_156":312,"_99":313},[],[225,232],{"_105":240,"_96":241,"_143":242,"_145":226,"_146":134,"_147":243,"_149":163,"_107":244,"_101":245,"_152":166,"_154":246,"_155":26,"_156":315,"_99":316},[],[225,241],[225],{"_105":251,"_96":100,"_143":117,"_145":-5,"_146":134,"_147":102,"_149":26,"_107":252,"_101":245,"_152":142,"_154":253,"_155":26,"_156":319,"_99":320},[],[100],{"_105":257,"_96":160,"_143":258,"_145":-5,"_146":134,"_147":259,"_149":163,"_107":260,"_101":183,"_152":166,"_154":261,"_155":26,"_156":322,"_99":323},[],[160],[285,287,291,293,296,299,303,305,309,311,314,318,321],{"_105":251,"_96":100,"_143":117,"_145":-5,"_146":134,"_147":102,"_149":26,"_107":275,"_101":245,"_152":142,"_154":253,"_155":26,"_99":326},[100],[],"pull","routes/_app","actionData","errors"]