[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_166":167,"_168":169},"routes/_app.x.$handle.$name",{"_95":94,"_31":43,"_103":85,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","app.tsx","latestPath","fileId","ad964ab2-7b28-11f1-883b-1607ee4eb77e","name","fileType","script","content","import React from \"npm:react@18.2.0\";\nimport { renderToStaticMarkup } from \"npm:react-dom@18.2.0/server\";\nimport { marked } from \"npm:marked@15.0.12\";\nimport sanitizeHtml from \"npm:sanitize-html@2.17.0\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\ntype DocumentRecord = {\n slug: string;\n title: string;\n author: string | null;\n source_url: string | null;\n published_at: string | null;\n content: string;\n content_type: string;\n created_at: string;\n updated_at: string;\n};\n\ntype DocumentInput = {\n slug?: unknown;\n title?: unknown;\n author?: unknown;\n source_url?: unknown;\n published_at?: unknown;\n content?: unknown;\n content_type?: unknown;\n};\n\nconst MAX_BODY_BYTES = 512 * 1024;\nconst encoder = new TextEncoder();\n\nasync function ensureSchema() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS documents (\n slug TEXT PRIMARY KEY,\n title TEXT NOT NULL,\n author TEXT,\n source_url TEXT,\n published_at TEXT,\n content TEXT NOT NULL,\n content_type TEXT NOT NULL DEFAULT 'markdown',\n created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP,\n updated_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP\n )`);\n await sqlite.execute(\"CREATE INDEX IF NOT EXISTS documents_published_at_idx ON documents(published_at DESC)\");\n}\n\nfunction safeEqual(left: string, right: string) {\n const a = encoder.encode(left);\n const b = encoder.encode(right);\n if (a.length !== b.length) return false;\n let difference = 0;\n for (let i = 0; i < a.length; i++) difference |= a[i] ^ b[i];\n return difference === 0;\n}\n\nfunction isAuthorized(request: Request) {\n const secret = Deno.env.get(\"CONTENT_HOST_TOKEN\");\n const header = request.headers.get(\"authorization\") ?? \"\";\n return Boolean(secret) && header.startsWith(\"Bearer \") && safeEqual(header.slice(7), secret!);\n}\n\nfunction cleanText(value: unknown, maxLength: number, required = false): string | null {\n if (value == null && !required) return null;\n if (typeof value !== \"string\") throw new Error(\"must be a string\");\n const cleaned = value.trim();\n if (required && !cleaned) throw new Error(\"is required\");\n if (cleaned.length > maxLength) throw new Error(`must be at most ${maxLength} characters`);\n return cleaned || null;\n}\n\nfunction validate(input: DocumentInput) {\n const slug = cleanText(input.slug, 160, true)!;\n if (!/^[a-z0-9]+(?:-[a-z0-9]+)*$/.test(slug)) throw new Error(\"slug must contain lowercase letters, numbers, and single hyphens\");\n const title = cleanText(input.title, 500, true)!;\n const author = cleanText(input.author, 300);\n const source_url = cleanText(input.source_url, 2048);\n if (source_url) {\n const parsed = new URL(source_url);\n if (parsed.protocol !== \"http:\" && parsed.protocol !== \"https:\") throw new Error(\"source_url must use http or https\");\n }\n const published_at = cleanText(input.published_at, 40);\n if (published_at && !/^\\d{4}-\\d{2}-\\d{2}(?:T.*)?$/.test(published_at)) throw new Error(\"published_at must be an ISO date or timestamp\");\n const content = cleanText(input.content, 500_000, true)!;\n const content_type = cleanText(input.content_type ?? \"markdown\", 40, true)!;\n if (content_type !== \"markdown\" && content_type !== \"text\") throw new Error(\"content_type must be markdown or text\");\n return { slug, title, author, source_url, published_at, content, content_type };\n}\n\nfunction renderContent(document: DocumentRecord) {\n if (document.content_type === \"text\") {\n return sanitizeHtml(document.content).replaceAll(\"\\n\", \"
\\n\");\n }\n const rendered = marked.parse(document.content, { async: false, gfm: true }) as string;\n return sanitizeHtml(rendered, {\n allowedTags: [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\", \"p\", \"a\", \"strong\", \"em\", \"blockquote\", \"code\", \"pre\", \"ul\", \"ol\", \"li\", \"hr\", \"br\", \"del\"],\n allowedAttributes: { a: [\"href\", \"title\"] },\n allowedSchemes: [\"http\", \"https\", \"mailto\"],\n transformTags: {\n a: (_tagName, attribs) => ({ tagName: \"a\", attribs: { ...attribs, rel: \"nofollow noopener noreferrer\" } }),\n },\n });\n}\n\nfunction Layout({ title, children, metadata }: { title: string; children: React.ReactNode; metadata?: DocumentRecord }) {\n const description = metadata ? `${metadata.author ?? \"Hosted document\"}${metadata.published_at ? ` — ${metadata.published_at.slice(0, 10)}` : \"\"}` : \"Public documents hosted for reliable reading and extraction.\";\n return \n \n \n \n {title}\n \n {metadata?.author && }\n {metadata?.published_at && }\n \n \n \n {metadata?.source_url && }\n {metadata?.source_url && }\n \n \n

{children}

\n ;\n}\n\nfunction html(node: React.ReactElement, status = 200) {\n return new Response(\"\" + renderToStaticMarkup(node), {\n status,\n headers: { \"content-type\": \"text/html; charset=utf-8\", \"cache-control\": status === 200 ? \"public, max-age=60\" : \"no-store\", \"x-content-type-options\": \"nosniff\" },\n });\n}\n\nfunction json(data: unknown, status = 200) {\n return Response.json(data, { status, headers: { \"cache-control\": \"no-store\", \"x-content-type-options\": \"nosniff\" } });\n}\n\nasync function indexPage() {\n const result = await sqlite.execute(\"SELECT slug, title, author, published_at FROM documents ORDER BY COALESCE(published_at, created_at) DESC\");\n const documents = result.rows as unknown as Array>;\n return html(\n

Hosted documents

Public, server-rendered documents for reading and archival extraction.

\n {documents.length ?

{document.title}
{document.author && {document.author}}{document.published_at && {document.published_at.slice(0, 10)}}

No documents have been published yet.

}\n \n );\n}\n\nasync function documentPage(slug: string) {\n const result = await sqlite.execute({ sql: \"SELECT * FROM documents WHERE slug = ?\", args: [slug] });\n const document = result.rows[0] as unknown as DocumentRecord | undefined;\n if (!document) return html(

Document not found

Return to the index

, 404);\n const rendered = renderContent(document);\n return html(\n

{document.title}

{document.author && {document.author}}{document.published_at && {document.published_at.slice(0, 10)}}{document.source_url && Original source}

\n \n );\n}\n\nasync function upsertDocument(request: Request) {\n if (!isAuthorized(request)) return json({ error: \"Unauthorized\" }, 401);\n const declaredLength = Number(request.headers.get(\"content-length\") ?? 0);\n if (declaredLength > MAX_BODY_BYTES) return json({ error: \"Request body exceeds 512 KB\" }, 413);\n const raw = await request.text();\n if (encoder.encode(raw).byteLength > MAX_BODY_BYTES) return json({ error: \"Request body exceeds 512 KB\" }, 413);\n let input: DocumentInput;\n try { input = JSON.parse(raw); } catch { return json({ error: \"Invalid JSON\" }, 400); }\n let document;\n try { document = validate(input); } catch (error) { return json({ error: error instanceof Error ? error.message : \"Invalid document\" }, 422); }\n const existed = (await sqlite.execute({ sql: \"SELECT 1 FROM documents WHERE slug = ?\", args: [document.slug] })).rows.length > 0;\n await sqlite.execute({\n sql: `INSERT INTO documents (slug, title, author, source_url, published_at, content, content_type)\n VALUES (?, ?, ?, ?, ?, ?, ?)\n ON CONFLICT(slug) DO UPDATE SET title=excluded.title, author=excluded.author, source_url=excluded.source_url,\n published_at=excluded.published_at, content=excluded.content, content_type=excluded.content_type, updated_at=CURRENT_TIMESTAMP`,\n args: [document.slug, document.title, document.author, document.source_url, document.published_at, document.content, document.content_type],\n });\n return json({ ok: true, created: !existed, slug: document.slug, url: `/d/${document.slug}` }, existed ? 200 : 201);\n}\n\nexport default async function handler(request: Request): Promise {\n await ensureSchema();\n const url = new URL(request.url);\n if (request.method === \"GET\" && url.pathname === \"/\") return indexPage();\n if (request.method === \"GET\" && url.pathname === \"/source\") return new Response(null, { status: 302, headers: { location: \"https://www.val.town/x/tr3ntg/content-host/code/\" } });\n if (request.method === \"POST\" && url.pathname === \"/api/documents\") return upsertDocument(request);\n const match = request.method === \"GET\" && url.pathname.match(/^\\/d\\/([a-z0-9]+(?:-[a-z0-9]+)*)$/);\n if (match) return documentPage(match[1]);\n return json({ error: \"Not found\" }, 404);\n}\n","createdAt",["D",1783555006624],"branchVersion","branchId","96fe4874-4537-41ab-a69b-f4873d7f0ed6","id","2b66de13-99eb-41c6-842b-e2e258e7c639","content-host",["D",1783554607252],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","bad60f23-a7fd-414c-82ea-da4dbc3479b1","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","4fc09ec3-5bfa-4797-9068-1a5310e2ada9","tursoName","2b66de1399eb41c6842be2e258e7c639","tursoHostname","2b66de1399eb41c6842be2e258e7c639-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789525245864],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":52,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"isOwned",9,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","tr3ntg","handle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2QyNgFrADFv8JHEaWwU4PAWF9zG.png","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":161,"_45":-5,"_46":24,"_47":48,"_49":48,"_50":-5,"_51":-5,"_18":52,"_53":-5,"_54":24,"_55":-5,"_56":-5,"_57":58,"_59":60,"_61":62,"_63":64,"_65":162,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":163,"_79":164,"_81":165,"_83":24},"tree",[152,153],"files",[152,153],"counts",{"_142":58,"_143":135,"_144":58,"_145":146,"_147":148},"contents",[126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_41":139,"_31":27,"_29":30,"_131":-5,"_39":40,"_38":14,"_133":121,"_36":140,"_13":58,"_32":33,"_34":35,"_23":24,"_137":-5,"_26":141},{"_41":128,"_31":129,"_29":130,"_131":-5,"_39":40,"_38":132,"_133":24,"_36":134,"_13":135,"_32":136,"_34":104,"_23":24,"_137":-5,"_26":138},"cd61fd34-2042-4dce-aa12-4b2936c6f057","main.ts","bf8c0c12-7b27-11f1-94d5-1607ee4eb77e","parentId",2,"latest",["D",1783554895460],1,"http","label",[129],"1398030c-61a7-4745-87ca-34a99ca03e8b",["D",1783555006624],[27],"pulls","branches","forks","envVars",{"_149":135,"_151":58},"connections",{"_149":58,"_150":58},"count","unfilledCount","emptyCount",{"_41":139,"_31":27,"_29":30,"_131":-5,"_39":40,"_38":14,"_133":121,"_36":158,"_13":58,"_32":33,"_34":35,"_23":24,"_137":-5,"_155":159,"_26":160},{"_41":128,"_31":129,"_29":130,"_131":-5,"_39":40,"_38":132,"_133":24,"_36":154,"_13":135,"_32":136,"_34":104,"_23":24,"_137":-5,"_155":156,"_26":157},["D",1783554895460],"children",[],[129],["D",1783555006624],[],[27],["D",1783554607252],["D",1789525245864],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":52,"_99":100,"_101":24},{"_13":84,"_31":85,"_41":40,"_86":42,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":43,"_93":94},"ctx",{"_77":-5,"_123":199,"_200":201,"_202":203,"_204":24,"_205":24,"_206":24,"_207":121,"_208":-5,"_209":-7,"_210":-7,"_211":58,"_212":24,"_213":24,"_214":-5,"_215":24,"_216":24,"_217":24,"_218":-5},"ENV",{"_170":171,"_172":173,"_174":85,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198},"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"]

Diff · v3