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};",[],[179,193],{"_106":200,"_99":201,"_153":202,"_155":180,"_156":139,"_157":123,"_158":120,"_108":203,"_103":33,"_160":172,"_162":204,"_163":27,"_164":-5,"_165":205,"_102":206},"b747c474-0ed6-11f0-9fa9-569c3dd06744","project.ts","d6991ed0-39b5-4b0e-8c8d-6df5d2866b7f",["D",1743497580885],"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|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 [, 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}",[],[179,201],[179],{"_106":209,"_99":210,"_153":211,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":212,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":213,"_102":221},"b747ca8c-0ed6-11f0-9fa9-569c3dd06744","serve-file","7138cf9e-0440-4083-95ac-3e58b634225c",["D",1743497580885],[214],{"_106":215,"_99":169,"_153":216,"_155":211,"_156":139,"_157":123,"_158":120,"_108":217,"_103":33,"_160":172,"_162":218,"_163":27,"_164":-5,"_165":219,"_102":220},"b747c910-0ed6-11f0-9fa9-569c3dd06744","31525d87-2a13-4349-85ca-b0f1d024ce08",["D",1743497580885],"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}",[],[210,169],[210],{"_106":223,"_99":224,"_153":225,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":226,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":227,"_102":244},"b7481dd4-0ed6-11f0-9fa9-569c3dd06744","test","1e2f565a-3355-40d8-8548-47ea0dc1cf74",["D",1743497580885],[228,236],{"_106":229,"_99":230,"_153":231,"_155":225,"_156":139,"_157":123,"_158":120,"_108":232,"_103":33,"_160":195,"_162":233,"_163":27,"_164":-5,"_165":234,"_102":235},"b747cbf4-0ed6-11f0-9fa9-569c3dd06744","example.test.ts","87762768-2772-460a-a3e9-4c08045c2bf9",["D",1743497580885],"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]);",[],[224,230],{"_106":237,"_99":238,"_153":239,"_155":225,"_156":139,"_157":123,"_158":120,"_108":240,"_103":33,"_160":172,"_162":241,"_163":27,"_164":-5,"_165":242,"_102":243},"b747cd34-0ed6-11f0-9fa9-569c3dd06744","index.tsx","79cd5be1-7ab5-4035-b998-f2361ed360f8",["D",1743497580885],"/** @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};",[],[224,238],[224],{"_106":246,"_99":185,"_153":247,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":248,"_103":33,"_160":152,"_162":249,"_163":27,"_164":-5,"_165":250,"_102":251},"b7481f64-0ed6-11f0-9fa9-569c3dd06744","5af03322-980a-4d5c-bbcc-80d9be7e36fe",["D",1743497580885],"# 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@85-main/index.ts\";\n```\n\nExample usage: https://www.val.town/x/std/reactHonoStarter/code/backend/index.ts",[],[185],{"_106":253,"_99":169,"_153":254,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":255,"_103":33,"_160":172,"_162":256,"_163":27,"_164":-5,"_165":257,"_102":258},"b7483c24-0ed6-11f0-9fa9-569c3dd06744","e19ab519-c45f-4d69-8fcf-af94f1e19762",["D",1743497580885],"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 };",[],[169],"files",[150,167,177,183,191,199,208,214,222,228,236,245,252],"counts",{"_263":33,"_264":123,"_265":33,"_266":33},"pulls","branches","forks","envVars","contents",[269,272,275,278,281,284],{"_106":151,"_99":152,"_153":154,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":270,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_102":271},["D",1743497580885],[152],{"_106":178,"_99":179,"_153":180,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":273,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_102":274},["D",1743497580885],[179],{"_106":209,"_99":210,"_153":211,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":276,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_102":277},["D",1743497580885],[210],{"_106":223,"_99":224,"_153":225,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":279,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_102":280},["D",1743497580885],[224],{"_106":246,"_99":185,"_153":247,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":282,"_103":33,"_160":152,"_162":249,"_163":27,"_164":-5,"_102":283},["D",1743497580885],[185],{"_106":253,"_99":169,"_153":254,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":285,"_103":33,"_160":172,"_162":256,"_163":27,"_164":-5,"_102":286},["D",1743497580885],[169],"upstream",{"_106":289,"_99":100,"_114":290,"_115":-5,"_112":113,"_21":291},"bb8f592e-f528-11ef-b06d-569c3dd06744","Val Town Project Utilities",{"_97":292,"_134":293},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","screenshots","emptyEnvVars","routes/_app.x.$handle.$name.code.$",{"_97":98,"_99":100,"_101":43,"_103":-7,"_102":70,"_104":298,"_148":302,"_259":342,"_152":-7,"_267":343,"_287":356,"_365":27,"_366":-5},{"_106":107,"_99":100,"_108":299,"_110":-5,"_111":27,"_112":113,"_114":-5,"_115":-5,"_12":116,"_117":118,"_119":120,"_121":-5,"_122":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":27,"_21":300,"_136":301},["D",1743497580885],{"_97":98,"_134":135},{"_103":138,"_99":43,"_106":139,"_140":107,"_141":142,"_143":144,"_145":113,"_146":147},[303,309,321,327,336,339],{"_106":151,"_99":152,"_153":154,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":159,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":304,"_102":308},[305],{"_106":168,"_99":169,"_153":170,"_155":154,"_156":139,"_157":138,"_158":120,"_108":171,"_103":94,"_160":172,"_162":173,"_163":27,"_164":-5,"_165":306,"_102":307},[],[152,169],[152],{"_106":178,"_99":179,"_153":180,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":181,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":310,"_102":320},[311,314,317],{"_106":184,"_99":185,"_153":186,"_155":180,"_156":139,"_157":123,"_158":120,"_108":187,"_103":33,"_160":152,"_162":188,"_163":27,"_164":-5,"_165":312,"_102":313},[],[179,185],{"_106":192,"_99":193,"_153":118,"_155":180,"_156":139,"_157":123,"_158":120,"_108":194,"_103":33,"_160":195,"_162":196,"_163":27,"_164":-5,"_165":315,"_102":316},[],[179,193],{"_106":200,"_99":201,"_153":202,"_155":180,"_156":139,"_157":123,"_158":120,"_108":203,"_103":33,"_160":172,"_162":204,"_163":27,"_164":-5,"_165":318,"_102":319},[],[179,201],[179],{"_106":209,"_99":210,"_153":211,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":212,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":322,"_102":326},[323],{"_106":215,"_99":169,"_153":216,"_155":211,"_156":139,"_157":123,"_158":120,"_108":217,"_103":33,"_160":172,"_162":218,"_163":27,"_164":-5,"_165":324,"_102":325},[],[210,169],[210],{"_106":223,"_99":224,"_153":225,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":226,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_165":328,"_102":335},[329,332],{"_106":229,"_99":230,"_153":231,"_155":225,"_156":139,"_157":123,"_158":120,"_108":232,"_103":33,"_160":195,"_162":233,"_163":27,"_164":-5,"_165":330,"_102":331},[],[224,230],{"_106":237,"_99":238,"_153":239,"_155":225,"_156":139,"_157":123,"_158":120,"_108":240,"_103":33,"_160":172,"_162":241,"_163":27,"_164":-5,"_165":333,"_102":334},[],[224,238],[224],{"_106":246,"_99":185,"_153":247,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":248,"_103":33,"_160":152,"_162":249,"_163":27,"_164":-5,"_165":337,"_102":338},[],[185],{"_106":253,"_99":169,"_153":254,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":255,"_103":33,"_160":172,"_162":256,"_163":27,"_164":-5,"_165":340,"_102":341},[],[169],[303,305,309,311,314,317,321,323,327,329,332,336,339],[344,346,348,350,352,354],{"_106":151,"_99":152,"_153":154,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":270,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_102":345},[152],{"_106":178,"_99":179,"_153":180,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":273,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_102":347},[179],{"_106":209,"_99":210,"_153":211,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":276,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_102":349},[210],{"_106":223,"_99":224,"_153":225,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":279,"_103":33,"_160":161,"_162":-5,"_163":27,"_164":-5,"_102":351},[224],{"_106":246,"_99":185,"_153":247,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":282,"_103":33,"_160":152,"_162":249,"_163":27,"_164":-5,"_102":353},[185],{"_106":253,"_99":169,"_153":254,"_155":-5,"_156":139,"_157":123,"_158":120,"_108":285,"_103":33,"_160":172,"_162":256,"_163":27,"_164":-5,"_102":355},[169],{"_106":142,"_108":357,"_358":359,"_99":43,"_140":289,"_103":360,"_141":-5,"_143":-5,"_361":362,"_132":27,"_112":113,"_363":292,"_364":100},["D",1740674076598],"updatedAt",["D",1746028957658],90,"lockfileKey","1744645651113-esm.town_v_std_utils@88-main","userHandle","projectName","showCompareCallout","pull","routes/_app","actionData","errors"]