\n \n );\n}\n","/** @jsxImportSource npm:hono@4.12/jsx */\nimport Layout from \"./Layout.tsx\";\nimport type { PostMeta } from \"../utils/posts.util.ts\";\nimport { DID } from \"../constants.ts\";\n\ninterface PostProps {\n post: PostMeta;\n html: string;\n}\n\nexport default function Post({ post, html }: PostProps) {\n const documentUri = `at://${DID}/site.standard.document/${post.slug}`;\n\n return (\n \n \n ← All notes\n \n

{post.title}

\n \n );\n}\n","createdAt",["D",1780521737349],"branchVersion","branchId","6769726e-5f51-11f1-9515-1607ee4eb77e","id","6768938a-5f51-11f1-9515-1607ee4eb77e","atprotoblog",["D",1780493865708],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Blog starter with Standard.site integration","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/6333ddc3-be2e-4246-f523-b49bf9710e00/square512?exp=1789556399&sig=1b68849733011f0d2c6705789ce5049ad61649ca301389d440f5ad41c8d846d4","6906d0a1-0165-46b9-8717-60dfd935316a","pinnedFileId","676cc6ee-5f51-11f1-9515-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",2,"orgId","019aa807-52c2-709c-928b-2029bae9a558","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_19":-5,"_110":111,"_112":67},"branch",{"_13":94,"_38":95,"_50":49,"_96":51,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":52,"_103":104},"isOwned",266,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","templates","handle","displayName","Templates","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789556399&sig=d4d039bf60786a03d56ec8a29ec1b19630253aab318e490fcd07a6f24846b070","tier","business","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_38":52,"_45":334,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":62,"_19":63,"_64":65,"_66":67,"_68":-5,"_69":-5,"_70":71,"_72":73,"_74":-5,"_75":-5,"_76":-5,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":335,"_89":336,"_91":337,"_93":31},"tree",[215,219,221,226,228,229,230,231],"files",[215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231],"counts",{"_204":205,"_206":184,"_207":184,"_208":209,"_210":211},"contents",[136,137,138,139,140,141,142,143],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_50":199,"_38":200,"_36":201,"_147":-5,"_48":49,"_47":168,"_149":67,"_45":202,"_13":184,"_40":185,"_42":-5,"_30":31,"_153":-5,"_33":203},{"_50":193,"_38":194,"_36":195,"_147":-5,"_48":49,"_47":196,"_149":67,"_45":197,"_13":184,"_40":185,"_42":-5,"_30":31,"_153":-5,"_33":198},{"_50":187,"_38":188,"_36":189,"_147":-5,"_48":49,"_47":190,"_149":67,"_45":191,"_13":184,"_40":185,"_42":-5,"_30":31,"_153":-5,"_33":192},{"_50":179,"_38":180,"_36":181,"_147":-5,"_48":49,"_47":182,"_149":67,"_45":183,"_13":184,"_40":185,"_42":-5,"_30":31,"_153":-5,"_33":186},{"_50":171,"_38":172,"_36":173,"_147":-5,"_48":49,"_47":174,"_149":31,"_45":175,"_13":176,"_40":26,"_42":177,"_30":31,"_153":-5,"_33":178},{"_50":163,"_38":164,"_36":165,"_147":-5,"_48":49,"_47":166,"_149":31,"_45":167,"_13":168,"_40":41,"_42":169,"_30":31,"_153":-5,"_33":170},{"_50":155,"_38":156,"_36":65,"_147":-5,"_48":49,"_47":157,"_149":31,"_45":158,"_13":159,"_40":160,"_42":161,"_30":31,"_153":52,"_33":162},{"_50":144,"_38":145,"_36":146,"_147":-5,"_48":49,"_47":148,"_149":67,"_45":150,"_13":151,"_40":26,"_42":152,"_30":31,"_153":-5,"_33":154},"188b1ef8-5f75-11f1-8ab9-1607ee4eb77e","styles.css","2a90a288-5f72-11f1-bda6-1607ee4eb77e","parentId",166,"latest",["D",1780509195245],7,"*, *::before, *::after {\n box-sizing: border-box;\n}\n\nbody {\n font-family: system-ui, sans-serif;\n font-size: 1.25rem;\n line-height: 1.5;\n color: #09090b;\n background: #fafafa;\n max-width: 640px;\n margin: 4rem auto;\n padding: 0 1.5rem;\n}\n\na {\n color: #09090b;\n}\n\nh1, h2, h3 {\n line-height: 1.2;\n margin-top: 2rem;\n}\n\narticle img {\n max-width: 100%;\n}\n\nul#posts {\n list-style: none;\n padding-left: unset;\n}\n\nfooter {\n margin-top: 4rem;\n padding-top: 1rem;\n border-top: 1px solid #e0e0e0;\n font-size: 0.875rem;\n color: #666;\n}","label",[145],"92f219e8-5f58-4dd1-aa75-ed685e1545cc","main.tsx",236,["D",1780521084483],36,"http","/** @jsxImportSource npm:hono@4.12/jsx */\nimport { Hono } from \"npm:hono@4.12\";\nimport { marked } from \"npm:marked@18.0\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport Home from \"./components/Home.tsx\";\nimport Post from \"./components/Post.tsx\";\nimport { getPosts } from \"./utils/posts.util.ts\";\nimport { DID, RKEY, FAVICON_URL } from \"./constants.ts\";\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\napp.get(\"/\", async (c) => {\n const posts = await getPosts();\n return c.html();\n});\n\napp.get(\"/styles.css\", (_c) => serveFile(\"/styles.css\", import.meta.url));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.get(\"/favicon.ico\", (c) => c.redirect(FAVICON_URL, 301));\n\n// https://standard.site/docs/verification\napp.get(\"/site.standard.publication\", (c) => {\n return c.text(`at://${DID}/site.standard.publication/${RKEY}`);\n});\n\napp.get(\"/:slug\", async (c) => {\n const slug = c.req.param(\"slug\");\n const posts = await getPosts();\n const post = posts.find((p) => p.slug === slug);\n if (!post) return c.notFound();\n const html = await marked(post.content) as string;\n return c.html();\n});\n\nexport default app.fetch;",[156],"424ad74a-fcd9-4e7b-8355-0f1c6c901350","constants.ts","b52d0d48-5f57-11f1-8785-1607ee4eb77e",229,["D",1780520713195],24,"/**\n * Your domain name/handle, like val.town or pete.garden.\n */\nexport const HANDLE = \"atprotoblog.val.run\";\n\n/**\n * DID = Decentralized IDentifer. e.g. did:plc:a2rdzfdxkjwerrfrpbwcipb2\n * Copy-paste from logs after running /standard.site/init.ts\n * See https://atproto.com/guides/glossary#did-decentralized-id\n */\nexport const DID = \"did:plc:enqzvpmu4yh7rbxfksypqcwb\";\n\n/**\n * RKEY = Record Key\n * Copy-paste from logs after running /standard.site/init.ts\n * See https://atproto.com/specs/record-key#record-key-type-tid\n */\nexport const RKEY = \"3mnfxrglw6c27\";\n\n/**\n * PDS = Personal Data Server\n * If Bluesky was your introduction to atproto, they're hosting your PDS\n * See https://atproto.com/guides/glossary#pds-personal-data-server\n */\nexport const PDS = \"https://bsky.social\";\n\nexport const BLOG_URL = \"https://atprotoblog.val.run/\";\nexport const BLOG_TITLE = \"An atmospheric blog on Val Town\";\nexport const BLOG_DESCRIPTION = \"Blog starter that integrates with Standard.site\";\nexport const BLOG_COLORS = {\n background: {\n r: 255,\n g: 255,\n b: 255,\n },\n foreground: {\n r: 0,\n g: 0,\n b: 0,\n },\n accent: {\n r: 0,\n g: 106,\n b: 233,\n },\n accentForeground: {\n r: 255,\n g: 255,\n b: 255,\n },\n};\n\n/**\n * The icon to be stored in your PDS.\n * Drag and drop an image into ICON.md, then copy its URL.\n * (Hacky, ik, but it works)\n */\nexport const ICON_URL =\n \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/cd72c55b-346e-4175-c07e-e192c88d3b00/public\";\nexport const FAVICON_URL = ICON_URL;",[164],"095ae8c0-dae5-49bf-81c1-2f671784d649","README.md","d2154ca0-5f51-11f1-84a6-1607ee4eb77e",234,["D",1780521035416],12,"# An atmospheric blog\n\nThis is a starter blog that integrates with the\n[AT Protocol](https://atproto.com) using [Standard.site](https://standard.site).\nYou can read more about that in the example blog post:\n[Hello, atmosphere](https://atprotoblog.val.run/hello-atmosphere). This template\nval assumes you're using Bluesky as your\n[PDS](https://atproto.com/guides/glossary#pds-personal-data-server).\n\n## Instructions\n\nTo create an atmospheric blog of your own:\n\n1. Remix this val\n2. Fill out [`constants.ts`](./constants.ts) (except `DID` and `RKEY`)\n3. Fill out the `BSKY_APP_PASSWORD` environment variable\n4. Run [`init.ts`](./standard.site/init.ts)\n5. Copy-paste logged `DID` and `RKEY` into [`constants.ts`](./constants.ts)\n6. Run [`publish.ts`](./standard.site/publish.ts)\n\nWhenever you write a new markdown file in [`/posts`](./posts/), a record of that\ndocument will be published to the AT Protocol when the\n[`publish.ts`](./standard.site/publish.ts) cron runs daily. Or, you can manually\nrun it to publish right away.\n\n### Tips\n\nTo add a post thumbnails, drag 'n' drop a photo into any markdown file.",[172],"748ce9fc-5f52-11f1-8f58-1607ee4eb77e","utils","734941a8-5f52-11f1-b56b-1607ee4eb77e",27,["D",1780494317241],1,"directory",[180],"fcfb9622-5f51-11f1-9d39-1607ee4eb77e","standard.site","fa842e40-5f51-11f1-8f5b-1607ee4eb77e",18,["D",1780494116638],[188],"78fd1878-5f51-11f1-bfd0-1607ee4eb77e","posts","77246f1a-5f51-11f1-89af-1607ee4eb77e",3,["D",1780493895185],[194],"5da20876-5f52-11f1-a827-1607ee4eb77e","components","5be8fb70-5f52-11f1-ae44-1607ee4eb77e",["D",1780494278795],[200],"pulls",0,"branches","forks","envVars",{"_212":184,"_214":205},"connections",{"_212":205,"_213":205},"count","unfilledCount","emptyCount",{"_50":199,"_38":200,"_36":201,"_147":-5,"_48":49,"_47":168,"_149":67,"_45":331,"_13":184,"_40":185,"_42":-5,"_30":31,"_153":-5,"_233":332,"_33":333},{"_50":322,"_38":323,"_36":324,"_147":201,"_48":49,"_47":325,"_149":67,"_45":326,"_13":327,"_40":41,"_42":328,"_30":31,"_153":-5,"_233":329,"_33":330},{"_50":314,"_38":315,"_36":316,"_147":201,"_48":49,"_47":317,"_149":67,"_45":318,"_13":250,"_40":41,"_42":319,"_30":31,"_153":-5,"_233":320,"_33":321},{"_50":309,"_38":39,"_36":37,"_147":201,"_48":49,"_47":14,"_149":31,"_45":310,"_13":311,"_40":41,"_42":44,"_30":31,"_153":-5,"_233":312,"_33":313},{"_50":193,"_38":194,"_36":195,"_147":-5,"_48":49,"_47":196,"_149":67,"_45":306,"_13":184,"_40":185,"_42":-5,"_30":31,"_153":-5,"_233":307,"_33":308},{"_50":297,"_38":298,"_36":299,"_147":195,"_48":49,"_47":300,"_149":67,"_45":301,"_13":302,"_40":26,"_42":303,"_30":31,"_153":-5,"_233":304,"_33":305},{"_50":187,"_38":188,"_36":189,"_147":-5,"_48":49,"_47":190,"_149":67,"_45":294,"_13":184,"_40":185,"_42":-5,"_30":31,"_153":-5,"_233":295,"_33":296},{"_50":285,"_38":286,"_36":287,"_147":189,"_48":49,"_47":288,"_149":67,"_45":289,"_13":290,"_40":26,"_42":291,"_30":31,"_153":-5,"_233":292,"_33":293},{"_50":276,"_38":277,"_36":278,"_147":189,"_48":49,"_47":279,"_149":31,"_45":280,"_13":281,"_40":41,"_42":282,"_30":31,"_153":-5,"_233":283,"_33":284},{"_50":267,"_38":268,"_36":269,"_147":189,"_48":49,"_47":270,"_149":67,"_45":271,"_13":272,"_40":41,"_42":273,"_30":31,"_153":-5,"_233":274,"_33":275},{"_50":257,"_38":258,"_36":259,"_147":189,"_48":49,"_47":260,"_149":31,"_45":261,"_13":262,"_40":263,"_42":264,"_30":31,"_153":-5,"_233":265,"_33":266},{"_50":179,"_38":180,"_36":181,"_147":-5,"_48":49,"_47":182,"_149":67,"_45":254,"_13":184,"_40":185,"_42":-5,"_30":31,"_153":-5,"_233":255,"_33":256},{"_50":245,"_38":246,"_36":247,"_147":181,"_48":49,"_47":248,"_149":31,"_45":249,"_13":250,"_40":41,"_42":251,"_30":31,"_153":-5,"_233":252,"_33":253},{"_50":171,"_38":172,"_36":173,"_147":-5,"_48":49,"_47":174,"_149":31,"_45":242,"_13":176,"_40":26,"_42":177,"_30":31,"_153":-5,"_233":243,"_33":244},{"_50":163,"_38":164,"_36":165,"_147":-5,"_48":49,"_47":166,"_149":31,"_45":239,"_13":168,"_40":41,"_42":169,"_30":31,"_153":-5,"_233":240,"_33":241},{"_50":155,"_38":156,"_36":65,"_147":-5,"_48":49,"_47":157,"_149":31,"_45":236,"_13":159,"_40":160,"_42":161,"_30":31,"_153":52,"_233":237,"_33":238},{"_50":144,"_38":145,"_36":146,"_147":-5,"_48":49,"_47":148,"_149":67,"_45":232,"_13":151,"_40":26,"_42":152,"_30":31,"_153":-5,"_233":234,"_33":235},["D",1780509195245],"children",[],[145],["D",1780521084483],[],[156],["D",1780520713195],[],[164],["D",1780521035416],[],[172],"8671abde-5f71-11f1-acd7-1607ee4eb77e","posts.util.ts","77dc0890-5f52-11f1-b56b-1607ee4eb77e",126,["D",1780507661662],8,"import {\n listFilesByPath,\n readFile,\n} from \"https://esm.town/v/std/utils/index.ts\";\nimport matter from \"npm:gray-matter@4.0\";\n\nexport interface PostMeta {\n slug: string;\n path: string;\n title: string;\n description?: string;\n published?: string;\n thumbnail?: string;\n content: string;\n}\n\nexport async function getPosts(): Promise {\n const postFiles = await listFilesByPath(\"posts\", import.meta.url);\n const posts = await Promise.all(\n postFiles\n .filter((f) => f.path.endsWith(\".md\"))\n .map(async (f) => {\n const slug = f.path.replace(/^posts\\//, \"\").replace(/\\.md$/, \"\");\n const raw = await readFile(f.path, import.meta.url);\n const { data, content } = matter(raw);\n return {\n slug,\n path: f.path,\n title: data.title ?? slug,\n description: data.description,\n published: data.published,\n thumbnail: data.thumbnail,\n content,\n } satisfies PostMeta;\n }),\n );\n return posts.sort((a, b) =>\n (b.published ?? \"\").localeCompare(a.published ?? \"\")\n );\n}",[],[180,246],["D",1780494317241],[227],[180],"41d0d085-cc77-4b6b-928b-adee743d5534","publish.ts","e3f8e870-5f6d-11f1-87eb-1607ee4eb77e",246,["D",1780521728029],21,"interval","/**\n * Creates a site.standard.document record for each blog post.\n * Runs on a daily cron, but you can manually run after writing a new post.\n * See https://standard.site/docs/lexicons/document\n */\n\nimport { DID, RKEY } from \"../constants.ts\";\nimport {\n createSession,\n listPublishedDocumentPaths,\n mimeTypeFromUrl,\n putRecord,\n uploadBlob,\n} from \"./lib.ts\";\nimport { getPosts } from \"../utils/posts.util.ts\";\nimport { TID } from \"npm:@atproto/common@0.6\";\nimport removeMd from \"npm:remove-markdown@0.6\";\n\nexport default async function publish() {\n const AT_URI = `at://${DID}/site.standard.publication/${RKEY}`;\n const [{ accessJwt }, publishedPaths, posts] = await Promise.all([\n createSession(),\n listPublishedDocumentPaths(),\n getPosts(),\n ]);\n\n const newPosts = posts.filter((p) => !publishedPaths.has(`/${p.slug}`));\n\n if (newPosts.length === 0) {\n console.log(\n \"Nothing to publish — all posts already have site.standard.document records.\",\n );\n return;\n }\n\n for (const post of newPosts) {\n const textContent = removeMd(post.content).trim();\n\n const coverImage = post.thumbnail\n ? await uploadBlob(\n accessJwt,\n post.thumbnail,\n mimeTypeFromUrl(post.thumbnail),\n )\n : undefined;\n\n const publishedAt = new Date(post.published ?? Date.now());\n const rkey = post.slug;\n \n const record = {\n $type: \"site.standard.document\",\n site: AT_URI,\n path: `/${post.slug}`,\n title: post.title,\n description: post.description,\n publishedAt: publishedAt.toISOString(),\n textContent,\n ...(coverImage && { coverImage }),\n };\n\n await putRecord(accessJwt, DID, \"site.standard.document\", rkey, record);\n console.log(`Published: /${post.slug}`);\n }\n}",[],[188,258],"626b2743-e1cc-4e17-9911-f1aff861087e","lib.ts","4c610bb8-5f55-11f1-8e28-1607ee4eb77e",231,["D",1780520821476],14,"/**\n * Shared helpers for talking to the ATProto PDS.\n * https://docs.bsky.app/docs/api/at-protocol-xrpc-api\n */\nimport { HANDLE, DID, PDS } from \"../constants.ts\";\n\n// Auth -----------------------------------------------------------------------\n\nexport async function createSession(): Promise<{ accessJwt: string; did: string }> {\n const appPassword = Deno.env.get(\"BSKY_APP_PASSWORD\");\n if (!appPassword) throw new Error(\"BSKY_APP_PASSWORD env var is required\");\n const res = await fetch(`${PDS}/xrpc/com.atproto.server.createSession`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ identifier: HANDLE, password: appPassword }),\n });\n if (!res.ok) throw new Error(`createSession failed: ${await res.text()}`);\n const { accessJwt, did } = await res.json();\n return ({ accessJwt, did });\n}\n\n// Records --------------------------------------------------------------------\n\n/** Returns the set of `path` values from all existing site.standard.document records. */\nexport async function listPublishedDocumentPaths(): Promise> {\n const paths = new Set();\n let cursor: string | undefined;\n\n do {\n const params = new URLSearchParams({\n repo: DID,\n collection: \"site.standard.document\",\n limit: \"100\",\n });\n if (cursor) params.set(\"cursor\", cursor);\n\n const res = await fetch(\n `${PDS}/xrpc/com.atproto.repo.listRecords?${params}`,\n );\n if (!res.ok) throw new Error(`listRecords failed: ${await res.text()}`);\n const data = await res.json();\n\n for (const { value } of data.records) {\n if (value.path) paths.add(value.path);\n }\n cursor = data.cursor;\n } while (cursor);\n\n return paths;\n}\n\nexport async function putRecord(\n accessJwt: string,\n repo: string,\n collection: string,\n rkey: string,\n record: unknown,\n): Promise<{ uri: string; cid: string }> {\n const res = await fetch(`${PDS}/xrpc/com.atproto.repo.putRecord`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${accessJwt}`,\n },\n body: JSON.stringify({ repo, collection, rkey, record }),\n });\n if (!res.ok) throw new Error(`putRecord failed: ${await res.text()}`);\n return res.json();\n}\n\n// Blobs ----------------------------------------------------------------------\n\nexport async function uploadBlob(\n accessJwt: string,\n imageUrl: string,\n mimeType: string,\n): Promise<\n { $type: \"blob\"; ref: { $link: string }; mimeType: string; size: number }\n> {\n const imgRes = await fetch(imageUrl);\n if (!imgRes.ok) {\n throw new Error(`Failed to fetch image ${imageUrl}: ${imgRes.status}`);\n }\n const bytes = await imgRes.arrayBuffer();\n\n const res = await fetch(`${PDS}/xrpc/com.atproto.repo.uploadBlob`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": mimeType,\n \"Authorization\": `Bearer ${accessJwt}`,\n },\n body: bytes,\n });\n if (!res.ok) throw new Error(`uploadBlob failed: ${await res.text()}`);\n const { blob } = await res.json();\n return blob;\n}\n\nexport function mimeTypeFromUrl(url: string): string {\n const ext = url.split(\"?\")[0].split(\".\").pop()?.toLowerCase();\n const types: Record = {\n jpg: \"image/jpeg\",\n jpeg: \"image/jpeg\",\n png: \"image/png\",\n gif: \"image/gif\",\n webp: \"image/webp\",\n };\n return types[ext ?? \"\"] ?? \"image/jpeg\";\n}",[],[188,268],"5600cf6b-a47f-4790-a5b7-b2fac5925d5d","init.ts","64a1d32c-5f57-11f1-be8e-1607ee4eb77e",233,["D",1780520967305],25,"/**\n * Creates a site.standard.publication record and writes to your PDS.\n * See https://standard.site/docs/lexicons/publication\n */\n\nimport {\n BLOG_COLORS,\n BLOG_DESCRIPTION,\n BLOG_TITLE,\n BLOG_URL,\n ICON_URL,\n} from \"../constants.ts\";\nimport {\n createSession,\n mimeTypeFromUrl,\n putRecord,\n uploadBlob,\n} from \"./lib.ts\";\nimport { TID } from \"npm:@atproto/common@0.6\";\n\ntry {\n if (\n !BLOG_URL ||\n !BLOG_TITLE ||\n !BLOG_DESCRIPTION ||\n !BLOG_COLORS ||\n !ICON_URL\n ) {\n throw new Error(\"Must configure constants.ts before running init.ts\");\n }\n\n const { accessJwt, did } = await createSession();\n const icon = await uploadBlob(accessJwt, ICON_URL, mimeTypeFromUrl(ICON_URL));\n const publicationRecord = {\n $type: \"site.standard.publication\",\n url: BLOG_URL,\n name: BLOG_TITLE,\n description: BLOG_DESCRIPTION,\n icon,\n basicTheme: {\n $type: \"site.standard.theme.basic\",\n background: {\n $type: \"site.standard.theme.color#rgb\",\n ...BLOG_COLORS.background,\n },\n foreground: {\n $type: \"site.standard.theme.color#rgb\",\n ...BLOG_COLORS.foreground,\n },\n accent: {\n $type: \"site.standard.theme.color#rgb\",\n ...BLOG_COLORS.accent,\n },\n accentForeground: {\n $type: \"site.standard.theme.color#rgb\",\n ...BLOG_COLORS.accentForeground,\n },\n },\n preferences: {\n showInDiscover: true,\n },\n };\n\n const rkey = TID.nextStr(); // e.g. \"3jzfcijpj2z2a\"\n\n await putRecord(\n accessJwt,\n did,\n \"site.standard.publication\",\n rkey,\n publicationRecord,\n );\n\n console.log(\"Initialized site.standard.publication record\")\n console.log({ did, rkey })\n} catch (e) {\n console.error(e);\n}",[],[188,277],"a5295208-5f7a-11f1-9f2a-1607ee4eb77e","ICON.md","feb15c70-5f6c-11f1-a868-1607ee4eb77e",195,["D",1780511578657],4,"Drag and drop an image into this markdown editor, then copy-paste its URL as\n`ICON_URL` in [`constants.ts`](../constants.ts).",[],[188,286],["D",1780494116638],[222,223,224,225],[188],"cba80992-5f89-11f1-be79-1607ee4eb77e","hello-atmosphere.md","7b0915fe-5f51-11f1-b745-1607ee4eb77e",210,["D",1780518085695],17,"---\ntitle: Hello, atmosphere\ndescription: This blog is atmospheric\npublished: 2026-06-03T00:00:00Z\nthumbnail: https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/150dfe14-0345-4a4b-44cf-ca6282d71c00/public\n---\n\nLately on Bluesky you may have seen special link cards for blog posts, sort of\nlike OG images.\n\n![bluesky-card.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/56b7f013-e94b-4da9-68f8-9a7720942900/public)\n\nBehind those cards is [Standard.site](https://standard.site/), a shared schema\nfor publications on the [AT Protocol](https://atproto.com). Bluesky and other\napps can read metadata from your blog in an agreed-upon format and display it in\nrich UIs.\n\nThere are plenty of good AT Protocol explainers out there, and Standard.site\nitself is nice and legible. For integrating a blog that uses a popular\nframework/static site generator with Standard.site,\n[Sequoia](https://sequoia.pub/) seems like a good option.\n\nThat didn't work for the [Val Town blog](https://blog.val.town), though, which\nis [built on](https://www.val.town/x/valdottown/blog) Val Town and doesn't have\na build step. So after wiring up Standard.site with the Val Town blog, we\ncreated this minimal template for new blogs to work with Standard.site.\n\nRemix [this val](/source) to start your own atmospheric blog, or to extract the\nStandard.site bits for your existing blog. We're open to suggestions for\nimproving the template—feel free to reach out, or open a PR.",[],[194,298],["D",1780493895185],[220],[194],"c015dbd1-a585-4d6e-8145-9d7e27afab3e",["D",1780521737349],19,[],[200,39],"b399c7be-a3b9-44f7-abff-07b72a250dee","Layout.tsx","5d96e746-5f72-11f1-bf67-1607ee4eb77e",238,["D",1780521321112],"/** @jsxImportSource npm:hono@4.12/jsx */\nimport type { Child } from \"npm:hono@4.12/jsx\";\nimport { DID, RKEY } from \"../constants.ts\"\n\ninterface LayoutProps {\n title: string;\n children: Child;\n documentUri?: string;\n}\n\nexport default function Layout({ title, children, documentUri }: LayoutProps) {\n return (\n \n \n \n \n {title}\n \n \n {/* https://standard.site/docs/verification */}\n \n {documentUri && (\n \n )}\n \n \n {children}\n \n \n \n );\n}\n",[],[200,315],"4b05aaa2-5f74-11f1-aecc-1607ee4eb77e","Home.tsx","d6bc2782-5f52-11f1-9a19-1607ee4eb77e",157,["D",1780508850458],20,"/** @jsxImportSource npm:hono@4.12/jsx */\nimport Layout from \"./Layout.tsx\";\nimport type { PostMeta } from \"../utils/posts.util.ts\";\n\nexport default function Home({ posts }: { posts: PostMeta[] }) {\n return (\n \n

An atmospheric blog

\n A blog starter built on Val Town{\" \"}\n that integrates with Standard.site.\n

Notes

\n {title}\n {published && (\n <>\n {\" \"}~{\" \"}\n \n {new Date(published).toLocaleDateString(\"en-US\", {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n })}\n \n \n )}\n

\n \n );\n}",[],[200,323],["D",1780494278795],[216,217,218],[200],["D",1780493865708],{"_105":104,"_113":109},{"_105":104,"_106":107,"_108":109,"_19":-5,"_110":111,"_112":67},{"_13":94,"_38":95,"_50":49,"_96":51,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":52,"_103":104},"ctx",{"_87":-5,"_133":371,"_372":373,"_374":375,"_376":31,"_377":31,"_378":31,"_379":67,"_380":-5,"_381":-7,"_382":-7,"_383":205,"_384":31,"_385":31,"_386":-5,"_387":31,"_388":31,"_389":31,"_390":-5},"ENV",{"_342":343,"_344":345,"_346":95,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370},"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 · v247