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};",[],[177,193],{"_103":200,"_95":201,"_150":202,"_152":178,"_153":136,"_154":135,"_156":117,"_105":203,"_100":204,"_158":170,"_160":205,"_161":27,"_162":-5,"_163":206,"_98":207},"7678d556-25dc-11f0-a696-569c3dd06744","project.ts","4f7ee7e9-ac8d-40c6-bffc-423e24ed4550",["D",1746028925902],4,"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}",[],[177,201],[177],{"_103":210,"_95":211,"_150":212,"_152":-5,"_153":136,"_154":155,"_156":117,"_105":213,"_100":31,"_158":159,"_160":-5,"_161":27,"_162":-5,"_163":214,"_98":222},"77496de4-25da-11f0-bcd5-569c3dd06744","serve-file","a9886b32-65c7-4a3f-abe6-9c49460029da",["D",1746028068193],[215],{"_103":216,"_95":167,"_150":217,"_152":212,"_153":136,"_154":155,"_156":117,"_105":218,"_100":31,"_158":170,"_160":219,"_161":27,"_162":-5,"_163":220,"_98":221},"77496b6e-25da-11f0-bcd5-569c3dd06744","6a7693ee-21b2-4d34-bba1-94236321fa0e",["D",1746028068193],"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}",[],[211,167],[211],{"_103":224,"_95":225,"_150":226,"_152":-5,"_153":136,"_154":155,"_156":117,"_105":227,"_100":31,"_158":159,"_160":-5,"_161":27,"_162":-5,"_163":228,"_98":245},"774978fc-25da-11f0-bcd5-569c3dd06744","test","700e6e1b-d9cd-4041-bdc1-602be4e0774a",["D",1746028068193],[229,237],{"_103":230,"_95":231,"_150":232,"_152":226,"_153":136,"_154":155,"_156":117,"_105":233,"_100":31,"_158":195,"_160":234,"_161":27,"_162":-5,"_163":235,"_98":236},"77496fa6-25da-11f0-bcd5-569c3dd06744","example.test.ts","a1fb1904-38e1-4ad7-aee3-23ec0ae39de3",["D",1746028068193],"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,231],{"_103":238,"_95":239,"_150":240,"_152":226,"_153":136,"_154":155,"_156":117,"_105":241,"_100":31,"_158":170,"_160":242,"_161":27,"_162":-5,"_163":243,"_98":244},"77497154-25da-11f0-bcd5-569c3dd06744","index.tsx","8803e56c-a141-40ee-a24c-f1685e7b922e",["D",1746028068193],"/** @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,239],[225],{"_103":247,"_95":183,"_150":248,"_152":-5,"_153":136,"_154":155,"_156":117,"_105":249,"_100":31,"_158":149,"_160":250,"_161":27,"_162":-5,"_163":251,"_98":252},"77497aa0-25da-11f0-bcd5-569c3dd06744","e704d399-3867-479b-af44-1a8834f2b703",["D",1746028068193],"# 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",[],[183],{"_103":254,"_95":167,"_150":255,"_152":-5,"_153":136,"_154":155,"_156":117,"_105":256,"_100":31,"_158":170,"_160":257,"_161":27,"_162":-5,"_163":258,"_98":259},"77497c30-25da-11f0-bcd5-569c3dd06744","2952811a-064a-4565-8e14-dc981cbc3ce6",["D",1746028068193],"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 };",[],[167],"files",[147,165,175,181,191,199,209,215,223,229,237,246,253],"counts",{"_264":31,"_265":155,"_266":31,"_267":31},"pulls","branches","forks","envVars","contents",[],{"_103":166,"_95":167,"_150":168,"_152":151,"_153":136,"_154":155,"_156":117,"_105":271,"_100":31,"_158":170,"_160":171,"_161":27,"_162":-5,"_98":272},["D",1746028068193],[149,167],"upstream",{"_103":275,"_95":96,"_111":276,"_112":-5,"_109":110,"_21":277},"bb8f592e-f528-11ef-b06d-569c3dd06744","Val Town Project Utilities",{"_93":278,"_131":279},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ","emptyEnvVars","isNew","routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_93":94,"_95":96,"_97":41,"_98":99,"_101":284,"_149":288,"_291":292,"_295":296,"_299":-7,"_300":31,"_301":27},{"_103":104,"_95":96,"_105":285,"_107":-5,"_108":27,"_109":110,"_111":-5,"_112":-5,"_12":113,"_114":115,"_116":117,"_118":119,"_120":31,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":27,"_21":286,"_133":287},["D",1746028068193],{"_93":94,"_131":132},{"_100":135,"_95":41,"_103":136,"_137":104,"_138":139,"_140":141,"_142":110,"_143":144},{"_103":166,"_95":167,"_150":168,"_152":151,"_153":136,"_154":155,"_156":117,"_105":289,"_100":31,"_158":170,"_160":171,"_161":27,"_162":-5,"_98":290},["D",1746028068193],[149,167],"history",[293],{"_103":166,"_153":136,"_150":168,"_95":167,"_160":171,"_158":170,"_100":31,"_152":151,"_105":294,"_154":155,"_162":-5},["D",1746028068193],"versions",[297],{"_149":293,"_298":-5},"previous","versionNumber","page","hasNext","routes/_app","actionData","errors"]

History for index.ts