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};","children",[],[125,167],"d440a120-f3ad-11ef-9a34-569c3dd06744","example.ts","db31fe2d-c739-4eb3-9ea8-a5bc47f61dbd",["D",1740511338720],"http","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]);",[],[125,176],["D",1740511338720],[164,165],[125],"d4409978-f3ad-11ef-9a34-569c3dd06744","index.ts","f5021455-8076-49ac-92c3-aaed85dff76c",["D",1740511338720],"import { parseProject } from \"https://esm.town/v/std/parseImportMeta/project\";\nimport ValTown from \"npm:@valtown/sdk@0.31.0\";\nimport { contentType } from \"npm:mime-types@2.1.35\";\n\nexport async function servePublicFile(path: string, metaImportUrl: string): Promise {\n const text = await readFile(path, metaImportUrl);\n const extname = tsToJSExtension(path).split(\".\").pop() ?? \"\";\n const content_type = contentType(extname) || \"text/plain\";\n return new Response(text, {\n headers: {\n \"Content-Type\": content_type,\n },\n });\n}\n\nexport async function readFile(path: string, metaImportUrl: string) {\n const project = parseProject(metaImportUrl);\n const esmURL = project.links.module.projectPinned + path.slice(1);\n let text;\n try {\n text = await fetchText(esmURL);\n } catch (err) {\n // if the frontend is expecting .js\n // the backend might have it as .ts or .tsx\n // so let's try both\n // Once we have the ProjectsAPI, we can search for this more directly\n if (path.endsWith(\".js\")) {\n try {\n text = await fetchText(esmURL.replace(\".js\", \".ts\"));\n } catch (err) {\n try {\n text = await fetchText(esmURL.replace(\".js\", \".tsx\"));\n } catch (err) {\n throw new Error(\"Failed to fetch js/ts/tsx file: \" + esmURL);\n }\n }\n } else {\n throw new Error(\"Failed to fetch file \" + esmURL);\n }\n }\n return text;\n}\n\nexport async function getProjectFiles(metaImportUrl: string) {\n const project = parseProject(metaImportUrl);\n const { id } = await (await fetch(`https://api.val.town/v1/alias/projects/${project.username}/${project.name}`))\n .json(); // TODO use the SDK for this\n\n const vt = new ValTown();\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.list(id, { branch_id, recursive: true });\n return files.data;\n}\n\nconsole.log(await getProjectFiles(import.meta.url));\n\nasync function fetchText(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}\n\nfunction tsToJSExtension(path: string) {\n if (path.endsWith(\".ts\")) {\n return path.slice(0, -3) + \".js\";\n }\n if (path.endsWith(\".tsx\")) {\n return path.slice(0, -4) + \".js\";\n }\n return path;\n}",[],[140,187],"d44097fc-f3ad-11ef-9a34-569c3dd06744",["D",1740511338720],"import { servePublicFile } from \"./index.ts\";\n\nexport default async function(req: Request): Promise {\n // serve public files at the root\n const url = new URL(req.url);\n if (url.pathname === \"/\") {\n return servePublicFile(\"/serve-public/public/index.html\", import.meta.url);\n }\n return servePublicFile(\"/serve-public/public\" + url.pathname, import.meta.url);\n}",[],[140,176],"d440963a-f3ad-11ef-9a34-569c3dd06744","README.md","2a012dd8-a544-444a-bee0-14baec3ca0e2",["D",1740511338720],"# Serving static files\n\nIt's quite common to want to serve static files from your backend server to the frontend.\n\n## Basic Usage\n\n1. Set up a `/public` folder in your project\n2. Import and route requests to `servePublicFile`\n\n```ts\nimport { servePublicFile } from \"https://esm.town/v/stevekrouse/utils@179-main/serve-public/index.ts\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/\") {\n return servePublicFile(\"/public/index.html\", import.meta.url);\n } else if (url.pathname.startsWith(\"/public\")) {\n return servePublicFile(url.pathname, import.meta.url);\n } else {\n // normal server code here\n }\n}\n```\n## Implementation\n\nServing files requires:\n\n1. Receiving requests for those files in your server\n2. Reading those files in the right place in the project\n3. Adding the correct content-type\n\nPart (1) is handled by you in your server code.\n\nPart (2) is handled by `servePublicFile`, because you give it two things:\n\na. The relative path of the file to serve\nb. The import.meta.url of the current file, so it's able to figure out the appropriate relative base path for your esm URLs. (So this will work across forks and branches!)\n\nPart 3 is also handled by `servePublicFile`, because it uses an npm library to turn file extensions into content types.\n\n## TypeScript and TSX Transpilation\n\n[esm.town is able to transpile your code](https://www.val.town/v/stevekrouse/esmTownTranspileDemo), so this library always does that, assuming that this code will be run on the client, which requires this transpilation.\n\nThis library also assumes that if it receives a request for `script.js` that in your server it might be named `script.ts` or `script.tsx`, so if it doesn't find `script.js`, it will try looking for the file under those other two extensions.",[],[140,199],"d4409414-f3ad-11ef-9a34-569c3dd06744","styles.css","e207488f-6bf4-421c-8848-50aa38025a6c","f70acc46-41bc-4aae-9f2f-fed32d84c803",["D",1740511338720],"h1 { color: blue; }",[],[140,33,206],"d44091da-f3ad-11ef-9a34-569c3dd06744","script.ts","086e4074-d7cb-47be-9285-28eb437861d5",["D",1740511338720],"const t: string = \" (updated from JS)\"; // ts that will get transpiled to js\nconst h1 = document.getElementsByTagName(\"h1\")[0];\nh1.innerText += t;",[],[140,33,214],"d4408fe6-f3ad-11ef-9a34-569c3dd06744","index.html","9195b2bd-d7f7-40f9-92c0-fad48e571dc3",["D",1740511338720],"\n\n

Hello from public file!

\n",[],[140,33,221],"d4408762-f3ad-11ef-9a34-569c3dd06744","favicon.svg","585deb4f-a898-4657-9c61-9b80528722f2",["D",1740511338720],"",[],[140,33,228],"d4409554-f3ad-11ef-9a34-569c3dd06744",["D",1740511338720],[156,157,158,159],[140,33],["D",1740511338720],[155,160,161,162],[140],["D",1740511338720],{"_11":12,"_89":85},{"_11":12,"_83":-5,"_84":85,"_25":37,"_86":87,"_88":24},{"_67":68,"_13":16,"_26":69,"_70":27,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_81":14,"_82":12},"ctx",{"_60":-5,"_111":278,"_279":280,"_281":282,"_283":24,"_284":24,"_285":24,"_286":41,"_287":-5,"_288":-7,"_289":-7,"_290":20,"_291":24,"_292":24,"_293":-5,"_294":24,"_295":24,"_296":24,"_297":-5},"ENV",{"_249":250,"_251":252,"_253":16,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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