\n That artifact doesn't exist.{\" \"}\n Back to artifacts\n

\n );\n }\n const a = props.artifact;\n return (\n

\n \n ← all\n \n \n {a.name}\n \n \n by {a.createdBy}\n \n

\n \n

\n );\n}\n",[],[68,112],"3eb8d892-cd2e-4403-920c-656070709ab2","Layout.tsx","01a06409-73f1-70e0-996e-76c4372d9c02",["D",1788384736027],"/** @jsxImportSource npm:hono@4/jsx */\n\nexport function Layout(\n props: { title: string; bare?: boolean; children: any },\n) {\n return (\n \n \n \n \n {props.title}\n \n \n \n \n {props.bare ? props.children : (\n

\n {props.children}\n

\n )}\n \n \n );\n}\n\nfunction Footer() {\n return (\n \n );\n}\n",[],[68,119],"6d32d0e0-9440-4348-9278-23a7928d6ef3","Landing.tsx","01a06409-73f1-70e0-996e-70f64bd17c2e",["D",1788384736027],"/** @jsxImportSource npm:hono@4/jsx */\n\nexport function Landing(props: { org: string }) {\n return (\n

\n \n Built for{\" \"}\n @{props.org}\n

\n Artifacts\n

\n A simple place to host and share HTML pages and Markdown docs. Drop in an{\" \"}\n \n .html\n {\" \"}\n or{\" \"}\n \n .md\n {\" \"}\n file and get a link you can share.\n

\n\n

\n \n Open artifacts\n \n

\n\n

\n \n \n \n

\n );\n}\n\nfunction Feature(props: { title: string; body: string }) {\n return (\n

{props.title}

{props.body}

\n );\n}\n",[],[68,126],"6206f56c-1798-4719-aa3c-8da361daa6d3","Dashboard.tsx","01a06409-73f1-70e0-996e-6d76a44fff87",["D",1788384736027],"/** @jsxImportSource npm:hono@4/jsx */\nimport type { Artifact } from \"../backend/db.ts\";\n\nexport function Dashboard(\n props: { org: string; artifacts: Artifact[]; readOnly?: boolean },\n) {\n const count = props.artifacts.length;\n return (\n

\n Artifacts\n

\n @{props.org} · {count} {count === 1 ? \"page\" : \"pages\"}\n

\n \n about\n \n

\n\n {props.readOnly && (\n

\n Note:{\" \"}\n for this demo, uploads are not enabled. When you remix this val, your\n team will be able to upload / rename / delete artifacts!\n

\n )}\n\n \n \n

\n Drop an HTML or Markdown file here\n

\n .html or .md · or click to choose · published instantly\n

\n \n\n {count === 0\n ? (\n

\n No artifacts yet. Drop an HTML or Markdown file above to create your\n first one.\n

\n )\n : (\n

\n ))}\n

\n )}\n\n {!props.readOnly && (\n \n )}\n

\n );\n}\n\nfunction Row(props: { a: Artifact; readOnly?: boolean }) {\n const a = props.a;\n return (\n

\n \n

\n {a.name}\n \n {a.kind === \"md\" ? \"MD\" : \"HTML\"}\n \n

\n by {a.createdBy} · /a/{a.id}\n

\n \n

\n \n open\n \n {props.readOnly\n ? (\n <>\n \n rename\n \n \n delete\n \n \n )\n : (\n <>\n

\n rename\n

\n \n \n \n save\n \n \n

\n \n \n delete\n \n \n \n )}\n

\n );\n}",[],[68,133],["D",1788384736027],[142,143,144],[74],{"_37":159,"_13":160,"_40":161,"_42":75,"_43":44,"_45":46,"_47":48,"_49":162,"_17":51,"_52":24,"_54":163,"_56":57,"_58":-5,"_89":164,"_18":165},{"_37":152,"_13":153,"_40":154,"_42":75,"_43":44,"_45":46,"_47":48,"_49":155,"_17":51,"_52":24,"_54":156,"_56":57,"_58":-5,"_89":157,"_18":158},{"_37":145,"_13":146,"_40":147,"_42":75,"_43":44,"_45":46,"_47":48,"_49":148,"_17":51,"_52":24,"_54":149,"_56":57,"_58":-5,"_89":150,"_18":151},"f58ab765-994b-4a66-a519-952fa625b515","welcome.html","01a06409-73f1-70e0-996e-657e72bb3a4b",["D",1788384736027],"\n\n\n \n \n Welcome\n \n\n\n

👋 This is an artifact

It's a single HTML file, hosted and shared from Val Town.

Make your own by dragging an .html file onto the dashboard.

\n\n\n",[],[74,146],"48d9d49e-d071-4296-a0f6-12514cdd77f2","markdown-demo.md","01a06409-73f1-70e0-996e-638743b1c155",["D",1788384736027],"# Welcome to Team Artifacts\n\nThis is a **Markdown** artifact. Drop a `.md` file on the dashboard and it\nrenders as a clean, readable page — no build step, no HTML required.\n\n## What renders\n\n- **Bold**, _italic_, and `inline code`\n- Lists, like this one\n- [Links](https://val.town) to anywhere\n- Tables, quotes, and fenced code blocks\n\n```ts\n// Code blocks get monospace styling.\nexport function hello(name: string) {\n return `Hi, ${name}!`;\n}\n```\n\n> Markdown artifacts render in the same sandboxed iframe as HTML ones, so the\n> security model is identical.\n\n| Format | Extension | Rendered as |\n| ------ | -------------- | ------------------------ |\n| HTML | `.html` | served as-is |\n| Markdown | `.md` / `.markdown` | converted to HTML |\n\nDelete this example whenever you like — it won't come back.\n",[],[74,153],"b9479f11-c270-463f-b5eb-b8114ebc43d2","live-clock.html","01a06409-73f1-70e0-996e-5c2a80d863e5",["D",1788384736027],"\n\n\n \n \n Live clock\n \n\n\n

--:--:--

This artifact runs JavaScript — inside a sandboxed frame.

\n \n

\n \n\n\n",[],[74,160],["D",1788384736027],[169,170],[79],{"_37":178,"_13":179,"_40":180,"_42":80,"_43":44,"_45":46,"_47":48,"_49":181,"_17":51,"_52":107,"_54":182,"_56":57,"_58":-5,"_89":183,"_18":184},{"_37":171,"_13":172,"_40":173,"_42":80,"_43":44,"_45":46,"_47":48,"_49":174,"_17":51,"_52":107,"_54":175,"_56":57,"_58":-5,"_89":176,"_18":177},"579be7e9-4024-4303-87cf-ff900914e0f3","render.ts","01a06409-73f1-70e0-996e-56d5153b77ba",["D",1788384736027],"import { marked } from \"npm:marked@12\";\nimport type { Artifact } from \"./db.ts\";\n\n// Minimal GitHub-ish styling so a bare Markdown doc reads nicely inside the\n// sandboxed iframe. The artifact still renders with an opaque origin (see the\n// CSP/sandbox in main.tsx), so this HTML is treated as untrusted either way.\nconst MD_STYLES = `\n :root { color-scheme: light dark; }\n body {\n font: 16px/1.6 -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n max-width: 760px;\n margin: 0 auto;\n padding: 2.5rem 1.25rem 4rem;\n color: #1f2328;\n }\n h1, h2 { border-bottom: 1px solid #d1d9e0; padding-bottom: .3em; }\n h1, h2, h3, h4 { margin-top: 1.6em; line-height: 1.25; }\n a { color: #0969da; }\n code {\n background: rgba(129,139,152,.16);\n padding: .2em .4em;\n border-radius: 6px;\n font-size: 85%;\n }\n pre {\n background: #f6f8fa;\n padding: 1rem;\n border-radius: 8px;\n overflow: auto;\n }\n pre code { background: none; padding: 0; font-size: 100%; }\n blockquote {\n margin: 0;\n padding: 0 1em;\n color: #59636e;\n border-left: .25em solid #d1d9e0;\n }\n table { border-collapse: collapse; }\n th, td { border: 1px solid #d1d9e0; padding: 6px 13px; }\n img { max-width: 100%; }\n @media (prefers-color-scheme: dark) {\n body { color: #e6edf3; }\n h1, h2 { border-color: #3d444d; }\n a { color: #4493f8; }\n pre { background: #161b22; }\n blockquote { color: #9198a1; border-color: #3d444d; }\n th, td { border-color: #3d444d; }\n }\n`;\n\n/** The HTML to serve for an artifact, given its kind. */\nexport function renderArtifact(artifact: Artifact): string {\n if (artifact.kind !== \"md\") return artifact.html;\n const body = marked.parse(artifact.html, { gfm: true, breaks: false });\n const title = escapeHtml(artifact.name);\n return `\n\n\n\n\n${title}\n\n\n${body}\n`;\n}\n\nfunction escapeHtml(s: string): string {\n return s.replace(/[&<>\"]/g, (c) =>\n ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\" }[c]!));\n}\n",[],[79,172],"cdc77735-0bd0-48c0-863c-435b38f74e52","db.ts","01a06409-73f1-70e0-996e-51af73a1fb09",["D",1788384736027],"import { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { listFiles, readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n/** How the stored source should be rendered when viewed. */\nexport type ArtifactKind = \"html\" | \"md\";\n\nexport type Artifact = {\n id: string;\n name: string;\n /** Raw uploaded source, loaded from blob storage when fetching one artifact. */\n html: string;\n kind: ArtifactKind;\n createdBy: string;\n createdAt: number;\n};\n\nconst TABLE = \"artifacts_v2\";\nconst META = \"artifacts_meta_v1\";\nconst BLOB_PREFIX = \"artifacts/\";\n\nlet ready: Promise | null = null;\n\n/** Idempotent: creates storage and seeds examples once. */\nexport function initDb(): Promise {\n if (!ready) ready = setup();\n return ready;\n}\n\nasync function setup() {\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS ${TABLE} (\n id TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n blob_key TEXT NOT NULL UNIQUE,\n kind TEXT NOT NULL DEFAULT 'html',\n created_by TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )`,\n );\n await sqlite.execute(\n `CREATE TABLE IF NOT EXISTS ${META} (key TEXT PRIMARY KEY, value TEXT NOT NULL)`,\n );\n await seedExamples();\n}\n\n// Seed example artifacts exactly once. Deterministic ids plus INSERT OR IGNORE\n// make concurrent cold starts safe.\nasync function seedExamples() {\n const seen = await sqlite.execute(`SELECT 1 FROM ${META} WHERE key = 'seeded'`);\n if (seen.rows.length) return;\n\n const files = await listFiles();\n const examples = files\n .filter((f: any) =>\n f.type === \"file\" && f.path.startsWith(\"examples/\") &&\n /\\.(html?|md|markdown)$/i.test(f.path)\n )\n .map((f: any) => f.path as string)\n .sort();\n\n for (const path of examples) {\n const source = await readFile(path);\n const kind: ArtifactKind = /\\.(md|markdown)$/i.test(path) ? \"md\" : \"html\";\n const name = path.replace(/^examples\\//, \"\").replace(/\\.(html?|md|markdown)$/i, \"\");\n const id = kind === \"md\" ? `ex_${name}_md` : `ex_${name}`;\n await storeArtifact({\n id,\n name,\n html: source,\n kind,\n createdBy: \"example\",\n createdAt: Date.now(),\n });\n }\n\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO ${META} (key, value) VALUES ('seeded', ?)`,\n args: [String(Date.now())],\n });\n}\n\nfunction newId() {\n return crypto.randomUUID().replace(/-/g, \"\").slice(0, 12);\n}\n\nfunction artifactKey(id: string, kind: ArtifactKind) {\n return `${BLOB_PREFIX}${id}.${kind === \"md\" ? \"md\" : \"html\"}`;\n}\n\nasync function storeArtifact(\n input: {\n id: string;\n name: string;\n html: string;\n kind: ArtifactKind;\n createdBy: string;\n createdAt: number;\n },\n) {\n const blobKey = artifactKey(input.id, input.kind);\n await blob.set(blobKey, input.html);\n try {\n await sqlite.execute({\n sql:\n `INSERT OR IGNORE INTO ${TABLE} (id, name, blob_key, kind, created_by, created_at) VALUES (?, ?, ?, ?, ?, ?)`,\n args: [\n input.id,\n input.name,\n blobKey,\n input.kind,\n input.createdBy,\n input.createdAt,\n ],\n });\n } catch (error) {\n await blob.delete(blobKey);\n throw error;\n }\n}\n\nexport async function createArtifact(\n input: {\n name: string;\n html: string;\n kind: ArtifactKind;\n createdBy: string;\n },\n): Promise {\n const id = newId();\n await storeArtifact({ ...input, id, createdAt: Date.now() });\n return id;\n}\n\n/** List metadata only; artifact bodies stay in blob storage. */\nexport async function listArtifacts(): Promise {\n const { rows } = await sqlite.execute(\n `SELECT id, name, kind, created_by, created_at FROM ${TABLE} ORDER BY created_at DESC`,\n );\n return rows.map(toArtifact);\n}\n\nexport async function getArtifact(id: string): Promise {\n const { rows } = await sqlite.execute({\n sql:\n `SELECT id, name, blob_key, kind, created_by, created_at FROM ${TABLE} WHERE id = ?`,\n args: [id],\n });\n if (!rows.length) return null;\n const artifact = toArtifact(rows[0]);\n const source = await blob.get(rows[0].blob_key as string);\n return { ...artifact, html: await source.text() };\n}\n\nexport async function renameArtifact(id: string, name: string): Promise {\n const result = await sqlite.execute({\n sql: `UPDATE ${TABLE} SET name = ? WHERE id = ?`,\n args: [name, id],\n });\n return result.rowsAffected > 0;\n}\n\nexport async function deleteArtifact(id: string): Promise {\n const { rows } = await sqlite.execute({\n sql: `SELECT blob_key FROM ${TABLE} WHERE id = ?`,\n args: [id],\n });\n if (!rows.length) return;\n await blob.delete(rows[0].blob_key as string);\n await sqlite.execute({ sql: `DELETE FROM ${TABLE} WHERE id = ?`, args: [id] });\n}\n\nfunction toArtifact(r: any): Artifact {\n return {\n id: r.id as string,\n name: r.name as string,\n html: \"\",\n kind: (r.kind as ArtifactKind) ?? \"html\",\n createdBy: r.created_by as string,\n createdAt: Number(r.created_at),\n };\n}\n",[],[79,179],"2728eaba-f944-4019-a761-49defb7a7a69",["D",1788384736027],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Stardrift design artifacts — HTML pages shared with the team","imageUrl","userId","bf6cbde8-6ba4-495e-bcd3-83c6d61eec05","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a06403-81ef-7319-97f7-336e8a5a4736","tursoName","2728eabaf9444019a76149defb7a7a69","tursoHostname","2728eabaf9444019a76149defb7a7a69-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789608077692],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_241":-5},"org",{"_11":12,"_235":236,"_237":-5,"_195":-5,"_238":239,"_240":57},"branch",{"_17":46,"_13":16,"_37":44,"_227":185,"_228":-5,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":14,"_234":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Stardrift","avatar","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":185,"_13":14,"_49":324,"_187":-5,"_188":57,"_189":190,"_191":190,"_192":193,"_194":-5,"_195":196,"_197":41,"_198":48,"_199":-5,"_200":-5,"_201":51,"_202":203,"_204":205,"_206":207,"_208":325,"_210":-5,"_211":212,"_213":212,"_214":215,"_216":215,"_217":215,"_218":212,"_219":212,"_220":326,"_222":327,"_224":328,"_226":57},[279,282,286,292,293],"files",[279,280,281,282,283,284,285,286,287,288,289,290,291,292,293],"counts",{"_270":51,"_271":46,"_272":51,"_31":273,"_274":275},[260,261,262,263,264],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_37":78,"_13":79,"_40":80,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":81,"_17":51,"_52":71,"_54":-5,"_56":57,"_58":-5,"_18":269},{"_37":73,"_13":74,"_40":75,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":76,"_17":51,"_52":71,"_54":-5,"_56":57,"_58":-5,"_18":268},{"_37":67,"_13":68,"_40":69,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":70,"_17":51,"_52":71,"_54":-5,"_56":57,"_58":-5,"_18":267},{"_37":61,"_13":62,"_40":63,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":64,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_18":266},{"_37":38,"_13":39,"_40":41,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":59,"_18":265},[39],[62],[68],[74],[79],"pulls","branches","forks",{"_276":51,"_278":51},"connections",{"_276":51,"_277":51},"count","unfilledCount","emptyCount",{"_37":78,"_13":79,"_40":80,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":166,"_17":51,"_52":71,"_54":-5,"_56":57,"_58":-5,"_89":322,"_18":323},{"_37":178,"_13":179,"_40":180,"_42":80,"_43":44,"_45":46,"_47":48,"_49":181,"_17":51,"_52":107,"_54":182,"_56":57,"_58":-5,"_89":320,"_18":321},{"_37":171,"_13":172,"_40":173,"_42":80,"_43":44,"_45":46,"_47":48,"_49":174,"_17":51,"_52":107,"_54":175,"_56":57,"_58":-5,"_89":318,"_18":319},{"_37":73,"_13":74,"_40":75,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":139,"_17":51,"_52":71,"_54":-5,"_56":57,"_58":-5,"_89":316,"_18":317},{"_37":159,"_13":160,"_40":161,"_42":75,"_43":44,"_45":46,"_47":48,"_49":162,"_17":51,"_52":24,"_54":163,"_56":57,"_58":-5,"_89":314,"_18":315},{"_37":152,"_13":153,"_40":154,"_42":75,"_43":44,"_45":46,"_47":48,"_49":155,"_17":51,"_52":24,"_54":156,"_56":57,"_58":-5,"_89":312,"_18":313},{"_37":145,"_13":146,"_40":147,"_42":75,"_43":44,"_45":46,"_47":48,"_49":148,"_17":51,"_52":24,"_54":149,"_56":57,"_58":-5,"_89":310,"_18":311},{"_37":67,"_13":68,"_40":69,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":95,"_17":51,"_52":71,"_54":-5,"_56":57,"_58":-5,"_89":308,"_18":309},{"_37":132,"_13":133,"_40":134,"_42":69,"_43":44,"_45":46,"_47":48,"_49":135,"_17":51,"_52":107,"_54":136,"_56":57,"_58":-5,"_89":306,"_18":307},{"_37":125,"_13":126,"_40":127,"_42":69,"_43":44,"_45":46,"_47":48,"_49":128,"_17":51,"_52":107,"_54":129,"_56":57,"_58":-5,"_89":304,"_18":305},{"_37":118,"_13":119,"_40":120,"_42":69,"_43":44,"_45":46,"_47":48,"_49":121,"_17":51,"_52":107,"_54":122,"_56":57,"_58":-5,"_89":302,"_18":303},{"_37":111,"_13":112,"_40":113,"_42":69,"_43":44,"_45":46,"_47":48,"_49":114,"_17":51,"_52":107,"_54":115,"_56":57,"_58":-5,"_89":300,"_18":301},{"_37":103,"_13":104,"_40":105,"_42":69,"_43":44,"_45":46,"_47":48,"_49":106,"_17":51,"_52":107,"_54":108,"_56":57,"_58":-5,"_89":298,"_18":299},{"_37":61,"_13":62,"_40":63,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":92,"_17":51,"_52":24,"_54":65,"_56":57,"_58":-5,"_89":296,"_18":297},{"_37":38,"_13":39,"_40":41,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":88,"_17":51,"_52":53,"_54":55,"_56":57,"_58":59,"_89":294,"_18":295},[],[39],[],[62],[],[68,104],[],[68,112],[],[68,119],[],[68,126],[],[68,133],[287,288,289,290,291],[68],[],[74,146],[],[74,153],[],[74,160],[283,284,285],[74],[],[79,172],[],[79,179],[280,281],[79],["D",1788384736027],["D",1789608077692],{"_11":12,"_241":-5},{"_11":12,"_235":236,"_237":-5,"_195":-5,"_238":239,"_240":57},{"_17":46,"_13":16,"_37":44,"_227":185,"_228":-5,"_229":-5,"_230":-5,"_231":-5,"_232":-5,"_233":14,"_234":12},"ctx",{"_220":-5,"_257":362,"_363":364,"_365":366,"_367":57,"_368":57,"_369":57,"_370":48,"_371":-5,"_372":-7,"_373":-7,"_374":51,"_375":57,"_376":57,"_377":-5,"_378":57,"_379":57,"_380":57,"_381":-5},"ENV",{"_333":334,"_335":336,"_337":16,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]