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};",[18,92],"bad45120-072e-11f0-a625-569c3dd06744",["D",1742655773200],"# 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)",[18,87],"pulls","branches","forks","envVars",{"_88":26,"_208":26},"connections",{"_88":26,"_207":26},"unfilledCount","emptyCount",{"_33":287,"_13":21,"_73":282,"_43":-5,"_35":36,"_181":40,"_188":24,"_37":288,"_39":26,"_76":95,"_179":-5,"_78":30,"_182":-5,"_227":289,"_17":290},{"_33":280,"_13":223,"_73":281,"_43":282,"_35":36,"_181":40,"_188":24,"_37":283,"_39":26,"_76":77,"_179":284,"_78":30,"_182":-5,"_227":285,"_17":286},{"_33":178,"_13":18,"_73":94,"_43":-5,"_35":36,"_181":40,"_188":24,"_37":277,"_39":26,"_76":95,"_179":-5,"_78":30,"_182":-5,"_227":278,"_17":279},{"_33":196,"_13":87,"_73":86,"_43":94,"_35":36,"_181":40,"_188":24,"_37":274,"_39":26,"_76":21,"_179":198,"_78":30,"_182":-5,"_227":275,"_17":276},{"_33":192,"_13":92,"_73":91,"_43":94,"_35":36,"_181":40,"_188":24,"_37":271,"_39":26,"_76":93,"_179":194,"_78":30,"_182":-5,"_227":272,"_17":273},{"_33":187,"_13":75,"_73":74,"_43":94,"_35":36,"_181":40,"_188":24,"_37":268,"_39":26,"_76":77,"_179":190,"_78":30,"_182":-5,"_227":269,"_17":270},{"_33":264,"_13":263,"_73":258,"_43":-5,"_35":36,"_181":40,"_188":24,"_37":265,"_39":26,"_76":95,"_179":-5,"_78":30,"_182":-5,"_227":266,"_17":267},{"_33":256,"_13":223,"_73":257,"_43":258,"_35":36,"_181":40,"_188":24,"_37":259,"_39":26,"_76":77,"_179":260,"_78":30,"_182":-5,"_227":261,"_17":262},{"_33":252,"_13":244,"_73":239,"_43":-5,"_35":36,"_181":40,"_188":24,"_37":253,"_39":26,"_76":95,"_179":-5,"_78":30,"_182":-5,"_227":254,"_17":255},{"_33":245,"_13":246,"_73":247,"_43":239,"_35":36,"_181":40,"_188":24,"_37":248,"_39":26,"_76":93,"_179":249,"_78":30,"_182":-5,"_227":250,"_17":251},{"_33":236,"_13":237,"_73":238,"_43":239,"_35":36,"_181":40,"_188":24,"_37":240,"_39":26,"_76":77,"_179":241,"_78":30,"_182":-5,"_227":242,"_17":243},{"_33":230,"_13":87,"_73":231,"_43":-5,"_35":36,"_181":40,"_188":24,"_37":232,"_39":26,"_76":21,"_179":233,"_78":30,"_182":-5,"_227":234,"_17":235},{"_33":222,"_13":223,"_73":224,"_43":-5,"_35":36,"_181":40,"_188":24,"_37":225,"_39":26,"_76":77,"_179":226,"_78":30,"_182":-5,"_227":228,"_17":229},"bad4698a-072e-11f0-a625-569c3dd06744","index.ts","aef6acd9-f82d-470d-b3bd-3b532333af51",["D",1742655773200],"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 };","children",[],[223],"bad46854-072e-11f0-a625-569c3dd06744","c4f6d430-2743-4764-9304-d6bc4959e3dc",["D",1742655773200],"# 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@79-main/index.ts\";\n```\n\nExample usage: https://www.val.town/x/std/reactHonoStarter/code/backend/index.ts",[],[87],"bad4625a-072e-11f0-a625-569c3dd06744","index.tsx","9ba81494-c144-4c5e-907d-551f84ae9f09","01ae499e-0449-4a41-ad94-3cd3feab0319",["D",1742655773200],"/** @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};",[],[244,237],"test","bad46052-072e-11f0-a625-569c3dd06744","example.test.ts","e03b3b34-c987-4663-be9d-c87384a6c97a",["D",1742655773200],"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]);",[],[244,246],"bad4670a-072e-11f0-a625-569c3dd06744",["D",1742655773200],[218,219],[244],"bad45dfa-072e-11f0-a625-569c3dd06744","8c01835a-0479-4e77-8e87-4989c2e846f9","25936df0-269a-45de-ae53-014d2bf8f0c0",["D",1742655773200],"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}",[],[263,223],"serve-file","bad45f58-072e-11f0-a625-569c3dd06744",["D",1742655773200],[216],[263],["D",1742655773200],[],[18,75],["D",1742655773200],[],[18,92],["D",1742655773200],[],[18,87],["D",1742655773200],[212,213,214],[18],"bad42ca4-072e-11f0-a625-569c3dd06744","82d82c06-a28d-4d9d-99b0-f34909423dc8","dfcc1ed8-482a-4478-90ab-77366678a737",["D",1742655773200],"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 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 },\n });\n if (!res.ok) {\n throw new Error(\"Failed to fetch \" + url);\n }\n return await res.text();\n}",[],[21,223],"bad44f22-072e-11f0-a625-569c3dd06744",["D",1742655773200],[210],[21],["D",1742655773200],{"_11":12,"_145":81},{"_11":12,"_140":141,"_80":81,"_31":79,"_142":143,"_144":30},{"_39":40,"_13":16,"_33":36,"_129":97,"_130":70,"_131":132,"_133":101,"_134":135,"_136":137,"_138":14,"_139":12},"ctx",{"_52":-5,"_166":328,"_329":330,"_331":332,"_333":30,"_334":30,"_335":30,"_336":24,"_337":-5,"_338":-7,"_339":-7,"_340":26,"_341":30,"_342":30,"_343":-5,"_344":30,"_345":30,"_346":30,"_347":-5},"ENV",{"_299":300,"_301":302,"_303":16,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · parseImportMeta