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};",[18,85],"6b58c25a-5a78-11f0-bb0c-f69ea79377d9",["D",1751813369119],"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]);",[18,74],"pulls","branches","forks","envVars",{"_81":26,"_195":26},"connections",{"_81":26,"_194":26},"unfilledCount","emptyCount",{"_33":293,"_13":21,"_72":288,"_43":-5,"_35":36,"_171":40,"_172":24,"_37":294,"_39":26,"_75":88,"_174":-5,"_77":30,"_175":-5,"_216":295,"_17":296},{"_33":286,"_13":212,"_72":287,"_43":288,"_35":36,"_171":40,"_172":24,"_37":289,"_39":26,"_75":86,"_174":290,"_77":30,"_175":-5,"_216":291,"_17":292},{"_33":282,"_13":268,"_72":263,"_43":-5,"_35":36,"_171":40,"_172":24,"_37":283,"_39":26,"_75":88,"_174":-5,"_77":30,"_175":-5,"_216":284,"_17":285},{"_33":276,"_13":220,"_72":277,"_43":263,"_35":36,"_171":40,"_172":24,"_37":278,"_39":26,"_75":21,"_174":279,"_77":30,"_175":-5,"_216":280,"_17":281},{"_33":269,"_13":270,"_72":271,"_43":263,"_35":36,"_171":40,"_172":24,"_37":272,"_39":26,"_75":76,"_174":273,"_77":30,"_175":-5,"_216":274,"_17":275},{"_33":260,"_13":261,"_72":262,"_43":263,"_35":36,"_171":40,"_172":24,"_37":264,"_39":26,"_75":86,"_174":265,"_77":30,"_175":-5,"_216":266,"_17":267},{"_33":256,"_13":255,"_72":250,"_43":-5,"_35":36,"_171":40,"_172":24,"_37":257,"_39":26,"_75":88,"_174":-5,"_77":30,"_175":-5,"_216":258,"_17":259},{"_33":248,"_13":212,"_72":249,"_43":250,"_35":36,"_171":40,"_172":24,"_37":251,"_39":26,"_75":86,"_174":252,"_77":30,"_175":-5,"_216":253,"_17":254},{"_33":244,"_13":243,"_72":238,"_43":-5,"_35":36,"_171":40,"_172":24,"_37":245,"_39":26,"_75":88,"_174":-5,"_77":30,"_175":-5,"_216":246,"_17":247},{"_33":235,"_13":236,"_72":237,"_43":238,"_35":36,"_171":40,"_172":24,"_37":239,"_39":26,"_75":86,"_174":240,"_77":30,"_175":-5,"_216":241,"_17":242},{"_33":170,"_13":18,"_72":87,"_43":-5,"_35":36,"_171":40,"_172":24,"_37":232,"_39":26,"_75":88,"_174":-5,"_77":30,"_175":-5,"_216":233,"_17":234},{"_33":183,"_13":74,"_72":73,"_43":87,"_35":36,"_171":40,"_172":24,"_37":229,"_39":26,"_75":76,"_174":185,"_77":30,"_175":-5,"_216":230,"_17":231},{"_33":179,"_13":85,"_72":84,"_43":87,"_35":36,"_171":40,"_172":24,"_37":226,"_39":26,"_75":86,"_174":181,"_77":30,"_175":-5,"_216":227,"_17":228},{"_33":219,"_13":220,"_72":221,"_43":-5,"_35":36,"_171":40,"_172":24,"_37":222,"_39":26,"_75":21,"_174":223,"_77":30,"_175":-5,"_216":224,"_17":225},{"_33":211,"_13":212,"_72":213,"_43":-5,"_35":36,"_171":40,"_172":24,"_37":214,"_39":26,"_75":86,"_174":215,"_77":30,"_175":-5,"_216":217,"_17":218},"6b58d6aa-5a78-11f0-bb0c-f69ea79377d9","index.ts","37f6f81d-f6d2-42ec-b351-c464cc0e761b",["D",1751813369119],"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\";","children",[],[212],"6b58d40c-5a78-11f0-bb0c-f69ea79377d9","README.md","dd204144-bae4-41a8-9096-12f3d8d174f5",["D",1751813369119],"# 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",[],[220],["D",1751813369119],[],[18,85],["D",1751813369119],[],[18,74],["D",1751813369119],[207,208],[18],"6b58be36-5a78-11f0-bb0c-f69ea79377d9","main.tsx","c2f8d5ab-ff07-49b5-9989-3f5676b62892","e49da661-506c-4d22-8a07-bc4044402da3",["D",1751813369119],"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}",[],[243,236],"static","6b58c05c-5a78-11f0-bb0c-f69ea79377d9",["D",1751813369119],[205],[243],"6b58b95e-5a78-11f0-bb0c-f69ea79377d9","a124b239-14ec-441c-9b2a-c0963972fef4","433cbb3d-37a4-455f-84d3-19fc38815d27",["D",1751813369119],"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}",[],[255,212],"serve-file","6b58bb84-5a78-11f0-bb0c-f69ea79377d9",["D",1751813369119],[203],[255],"6b58b40e-5a78-11f0-bb0c-f69ea79377d9","project.ts","d13c804c-a2f8-42e0-a4fa-d2e0a262e022","d0681813-2ffa-45e0-b71e-05f86ba7575c",["D",1751813369119],"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}",[],[268,261],"parseImportMeta","6b589898-5a78-11f0-bb0c-f69ea79377d9","project.test.ts","f4563c60-8a7d-41bb-a7f8-4d5552ebe552",["D",1751813369119],"/** @jsxImportSource https://esm.sh/preact */\nimport { expect } from \"jsr:@std/expect\";\nimport { makeBadge } from \"npm:badge-maker\";\nimport { render } from \"npm:preact-render-to-string\";\nimport prettyMilliseconds from \"npm:pretty-ms\";\nimport { parseProject } from \"./project.ts\";\n\nconst tests = [\n {\n name: \"project on main branch\",\n input: \"https://esm.town/v/maxm/queue@11-main/runMigrations\",\n expected: {\n username: \"maxm\",\n name: \"queue\",\n version: \"11\",\n branch: \"main\",\n path: \"runMigrations\",\n links: {\n self: {\n latest: \"https://www.val.town/x/maxm/queue/code/runMigrations\",\n pinned: \"https://www.val.town/x/maxm/queue/branch/main/version/11/code/runMigrations\",\n project: \"https://www.val.town/x/maxm/queue\",\n },\n module: {\n latest: \"https://esm.town/v/maxm/queue/runMigrations\",\n pinned: \"https://esm.town/v/maxm/queue@11-main/runMigrations\",\n project: \"https://esm.town/v/maxm/queue/\",\n projectPinned: \"https://esm.town/v/maxm/queue@11-main/\",\n },\n },\n },\n },\n {\n name: \"project with p prefix instead of v\",\n input: \"https://esm.town/p/stevekrouse/status2@1-main/notify\",\n expected: {\n username: \"stevekrouse\",\n name: \"status2\",\n version: \"1\",\n branch: \"main\",\n path: \"notify\",\n links: {\n self: {\n latest: \"https://www.val.town/x/stevekrouse/status2/code/notify\",\n pinned: \"https://www.val.town/x/stevekrouse/status2/branch/main/version/1/code/notify\",\n project: \"https://www.val.town/x/stevekrouse/status2\",\n },\n module: {\n latest: \"https://esm.town/p/stevekrouse/status2/notify\",\n pinned: \"https://esm.town/p/stevekrouse/status2@1-main/notify\",\n project: \"https://esm.town/p/stevekrouse/status2/\",\n projectPinned: \"https://esm.town/p/stevekrouse/status2@1-main/\",\n },\n },\n },\n },\n {\n name: \"project on feature branch\",\n input: \"https://esm.town/v/user/project@1-feature-branch-name/path/asdf/asfd/asdf/asfd\",\n expected: {\n username: \"user\",\n name: \"project\",\n version: \"1\",\n branch: \"feature-branch-name\",\n path: \"path/asdf/asfd/asdf/asfd\",\n links: {\n self: {\n latest: \"https://www.val.town/x/user/project/branch/feature-branch-name/code/path/asdf/asfd/asdf/asfd\",\n pinned:\n \"https://www.val.town/x/user/project/branch/feature-branch-name/version/1/code/path/asdf/asfd/asdf/asfd\",\n project: \"https://www.val.town/x/user/project\",\n },\n module: {\n latest: \"https://esm.town/v/user/project/branch/feature-branch-name/path/asdf/asfd/asdf/asfd\",\n pinned: \"https://esm.town/v/user/project@1-feature-branch-name/path/asdf/asfd/asdf/asfd\",\n project: \"https://esm.town/v/user/project/\",\n projectPinned: \"https://esm.town/v/user/project@1-feature-branch-name/\",\n },\n },\n },\n },\n {\n name: \"project on complex branch with dashes and weird file name\",\n input: \"https://esm.town/v/dev/app@22-complex-branch-with-dashes/project.foo.bar\",\n expected: {\n username: \"dev\",\n name: \"app\",\n version: \"22\",\n branch: \"complex-branch-with-dashes\",\n path: \"project.foo.bar\",\n links: {\n self: {\n latest: \"https://www.val.town/x/dev/app/branch/complex-branch-with-dashes/code/project.foo.bar\",\n pinned: \"https://www.val.town/x/dev/app/branch/complex-branch-with-dashes/version/22/code/project.foo.bar\",\n project: \"https://www.val.town/x/dev/app\",\n },\n module: {\n latest: \"https://esm.town/v/dev/app/branch/complex-branch-with-dashes/project.foo.bar\",\n pinned: \"https://esm.town/v/dev/app@22-complex-branch-with-dashes/project.foo.bar\",\n project: \"https://esm.town/v/dev/app/\",\n projectPinned: \"https://esm.town/v/dev/app@22-complex-branch-with-dashes/\",\n },\n },\n },\n },\n];\n\ninterface TestCase {\n name: string;\n input: any;\n expected: any;\n}\n\ninterface TestOutput {\n message: string;\n pass: boolean;\n duration: number;\n}\n\nfunction runTest(test: TestCase) {\n let pass, message;\n let start = performance.now();\n try {\n expect(parseProject(test.input)).toEqual(test.expected);\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 renderTestResults(tests: TestCase[], outputs: TestOutput[]) {\n const passedCount = outputs.filter((output: TestOutput) => output.pass).length;\n const testCount = tests.length;\n return render(\n \n \n Tests\n \n

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};",[],[268,270],"6b5895a0-5a78-11f0-bb0c-f69ea79377d9","c86a94a8-1355-448f-b047-64f9d3e2ad1c",["D",1751813369119],"# Utilities for parsing `import.meta.url`\n\n[![parseProject tests](https://std--ec8dd820f52811efa576569c3dd06744.web.val.run/badge.svg)](\nhttps://www.val.town/x/std/parseImportMeta/code/project.test\n)\n\nIf you're running code in Val Town, sometimes you want to know\ninformation about the val that's running. This module has functions for that.\n\n## Usage\n\n```ts\nimport { parseProject } from 'https://esm.town/v/std/utils@71-main/index.ts'\n\nconst projectVal = parseProject(import.meta.url)\nconsole.log(projectVal)\n```\n\n## Prior art\n\n* [@pomdtr/extractValInfo](https://www.val.town/v/pomdtr/extractValInfo)\n* [@easrng/whoami](https://www.val.town/v/easrng/whoami)",[],[268,220],"6b58b6ac-5a78-11f0-bb0c-f69ea79377d9",["D",1751813369119],[199,200,201],[268],"6b587746-5a78-11f0-bb0c-f69ea79377d9","02ea0960-6ad6-4172-8b19-e648afc2660e","79422ba8-5f30-4173-860e-fbf281d9d006",["D",1751813369119],"import ValTown from \"npm:@valtown/sdk@0.37.0\";\nimport { parseProject } from \"../parseImportMeta/project.ts\";\n\nexport async function readFile(path: string, metaImportUrl: string) {\n const project = parseProject(metaImportUrl);\n let pathFragment = path.startsWith(\"/\") ? path.slice(1) : path; // remove the leading slash\n const esmURL = project.links.module.projectPinned + pathFragment;\n let text;\n try {\n text = await fetchTranspiledJavaScript(esmURL);\n } catch (err) {\n throw new Error(\"Failed to fetch file \" + esmURL);\n }\n return text;\n}\n\nexport async function listFiles(metaImportUrl: string) {\n const vt = new ValTown();\n\n const project = parseProject(metaImportUrl);\n const { id } = await vt.alias.username.projectName.retrieve(project.username, project.name);\n\n let branch_id: string | undefined;\n if (project.branch !== \"main\") {\n const branches = await vt.projects.branches.list(id); // TODO paginate to get them all\n const branch = branches.data.find(b => b.name === project.branch);\n if (!branch) {\n throw new Error(\"Failed to find branch \" + project.branch);\n }\n branch_id = branch.id;\n }\n\n const files = await vt.projects.files.retrieve(id, { path: \"\", branch_id, recursive: true, limit: 100, offset: 0 });\n return files.data;\n}\n\nexport async function fetchTranspiledJavaScript(url: string) {\n if (!url.startsWith(\"https://esm.town\")) throw Error(\"Can only fetch from https://esm.town\");\n const res = await fetch(url, {\n headers: {\n // Always transpile TS to JS\n // Learn more: https://www.val.town/v/stevekrouse/esmTownTranspileDemo\n \"User-Agent\": \"\",\n \"Authorization\": \"Bearer \" + Deno.env.get(\"valtown\"),\n },\n });\n if (!res.ok) {\n throw new Error(\"Failed to fetch \" + url);\n }\n return await res.text();\n}",[],[21,212],"6b588d6c-5a78-11f0-bb0c-f69ea79377d9",["D",1751813369119],[197],[21],["D",1751813369119],{"_11":12,"_137":80},{"_11":12,"_133":-5,"_79":80,"_31":78,"_134":135,"_136":30},{"_39":40,"_13":16,"_33":36,"_122":90,"_123":69,"_124":125,"_126":94,"_127":128,"_129":130,"_131":14,"_132":12},"ctx",{"_52":-5,"_158":334,"_335":336,"_337":338,"_339":30,"_340":30,"_341":30,"_342":24,"_343":-5,"_344":-7,"_345":-7,"_346":26,"_347":30,"_348":30,"_349":-5,"_350":30,"_351":30,"_352":30,"_353":-5},"ENV",{"_305":306,"_307":308,"_309":16,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · test