[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_293":294,"_295":296},"routes/_app.x.$handle.$name",{"_105":104,"_32":45,"_114":91,"_27":115,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_20":-5,"_126":127,"_128":129,"_130":25,"_131":132,"_133":60,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":25},"version",23,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","issue-og.tsx","latestPath","fileId","473bd144-8797-11f1-89a3-1607ee4eb77e","name","fileType","script","content","import React from \"npm:react@18.3.1\";\nimport { ImageResponse } from \"npm:@vercel/og@0.11.1\";\n\ntype Label = {\n name: string;\n color?: string;\n};\n\ntype IssueSnapshot = {\n repository: {\n full_name: string;\n };\n issue: {\n number: number;\n title: string;\n state: string;\n comments_count?: number;\n labels?: Label[];\n author?: {\n login: string;\n } | null;\n };\n comments?: unknown[];\n sub_issues?: unknown[];\n};\n\nfunction readableTextColor(hex = \"6b7280\") {\n const normalized = hex.replace(\"#\", \"\").padEnd(6, \"0\").slice(0, 6);\n const red = Number.parseInt(normalized.slice(0, 2), 16);\n const green = Number.parseInt(normalized.slice(2, 4), 16);\n const blue = Number.parseInt(normalized.slice(4, 6), 16);\n return red * 0.299 + green * 0.587 + blue * 0.114 > 155 ? \"#172033\" : \"#ffffff\";\n}\n\nfunction titleSize(title: string) {\n if (title.length > 120) return 48;\n if (title.length > 80) return 56;\n return 66;\n}\n\nexport function issueOgImage(snapshot: IssueSnapshot) {\n const issue = snapshot.issue;\n const labels = (issue.labels ?? []).slice(0, 4);\n const hiddenLabelCount = Math.max(0, (issue.labels?.length ?? 0) - labels.length);\n const isOpen = issue.state === \"open\";\n const commentCount = issue.comments_count ?? snapshot.comments?.length ?? 0;\n const subIssueCount = snapshot.sub_issues?.length ?? 0;\n\n return new ImageResponse(\n (\n \n

\n \n IS\n

\n Issue Share\n

\n \n {isOpen ? \"●\" : \"◆\"}\n {issue.state}\n \n \n\n \n {snapshot.repository.full_name} · #{issue.number}\n \n\n \n {issue.title}\n \n\n

\n {labels.map((label) => {\n const color = `#${(label.color || \"6b7280\").replace(\"#\", \"\")}`;\n return (\n \n {label.name}\n

\n );\n })}\n {hiddenLabelCount > 0 && (\n

\n +{hiddenLabelCount}\n

\n )}\n

\n {issue.author?.login ? `@${issue.author.login} · ` : \"\"}\n {commentCount} {commentCount === 1 ? \"comment\" : \"comments\"}\n {subIssueCount > 0 ? ` · ${subIssueCount} sub-${subIssueCount === 1 ? \"issue\" : \"issues\"}` : \"\"}\n

\n \n \n ),\n {\n width: 1200,\n height: 630,\n },\n );\n}\n","import React from \"npm:react@18.3.1\";\nimport { ImageResponse } from \"npm:@vercel/og@0.11.1\";\n\ntype Label = {\n name: string;\n color?: string;\n};\n\ntype IssueSnapshot = {\n repository: {\n full_name: string;\n };\n issue: {\n number: number;\n title: string;\n state: string;\n comments_count?: number;\n labels?: Label[];\n author?: {\n login: string;\n } | null;\n };\n comments?: unknown[];\n sub_issues?: unknown[];\n};\n\nfunction readableTextColor(hex = \"6b7280\") {\n const normalized = hex.replace(\"#\", \"\").padEnd(6, \"0\").slice(0, 6);\n const red = Number.parseInt(normalized.slice(0, 2), 16);\n const green = Number.parseInt(normalized.slice(2, 4), 16);\n const blue = Number.parseInt(normalized.slice(4, 6), 16);\n return red * 0.299 + green * 0.587 + blue * 0.114 > 155 ? \"#172033\" : \"#ffffff\";\n}\n\nfunction titleSize(title: string) {\n if (title.length > 120) return 48;\n if (title.length > 80) return 56;\n return 66;\n}\n\nexport function issueOgImage(snapshot: IssueSnapshot) {\n const issue = snapshot.issue;\n const labels = (issue.labels ?? []).slice(0, 4);\n const hiddenLabelCount = Math.max(0, (issue.labels?.length ?? 0) - labels.length);\n const isOpen = issue.state === \"open\";\n const commentCount = issue.comments_count ?? snapshot.comments?.length ?? 0;\n const subIssueCount = snapshot.sub_issues?.length ?? 0;\n\n return new ImageResponse(\n (\n \n

\n \n IS\n

\n Issue Share\n

\n \n {isOpen ? \"●\" : \"◆\"}\n {issue.state}\n \n \n\n \n {snapshot.repository.full_name} · #{issue.number}\n \n\n \n {issue.title}\n \n\n

\n {labels.map((label) => {\n const color = `#${(label.color || \"6b7280\").replace(\"#\", \"\")}`;\n return (\n \n {label.name}\n

\n );\n })}\n {hiddenLabelCount > 0 && (\n

\n +{hiddenLabelCount}\n

\n )}\n

\n \n \n ),\n {\n width: 1200,\n height: 630,\n },\n );\n}\n\ntype ViewSnapshot = {\n repository: {\n full_name: string;\n };\n view: {\n name: string;\n state: string;\n query?: string;\n };\n issues: Array<{\n state: string;\n labels?: Label[];\n }>;\n};\n\nexport function viewOgImage(snapshot: ViewSnapshot) {\n const openCount = snapshot.issues.filter((issue) => issue.state === \"open\").length;\n const labelCount = new Set(snapshot.issues.flatMap((issue) => (issue.labels ?? []).map((label) => label.name))).size;\n const stateLabel = snapshot.view.state === \"all\" ? \"All states\" : `${snapshot.view.state[0].toUpperCase()}${snapshot.view.state.slice(1)} issues`;\n\n return new ImageResponse(\n (\n \n

\n \n IS\n

\n Issue Share\n

\n \n Public repository view\n \n \n\n

\n {snapshot.repository.full_name} · {stateLabel}\n

\n\n \n {snapshot.view.name}\n \n\n {snapshot.view.query && (\n

\n Filter: “{snapshot.view.query}”\n

\n )}\n\n

\n {snapshot.issues.length} {snapshot.issues.length === 1 ? \"issue\" : \"issues\"}\n

\n · {openCount} open · {labelCount} {labelCount === 1 ? \"label\" : \"labels\"}\n

\n Stable snapshot\n

\n \n ),\n { width: 1200, height: 630 },\n );\n}\n","createdAt",["D",1784922231621],"branchVersion","branchId","9b0b808f-0c24-447e-a47a-3ad20621e5c8","id","bdb7eb4e-e6f9-4c00-be94-578db0fe4c8c","issue-share",["D",1784919467427],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Browse and share GitHub issues with one public link","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789552799&sig=b32577280eb127e4de2b63a06a7bd0de022303ec239a56e6599056e91939e4de","4415b31e-7137-48dd-a702-ba6ff1d9bd0b","pinnedFileId","019f957d-a643-7685-9a7e-854dfee3e568","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019ef236-fc96-74eb-95f7-9a47681ead32","tursoName","bdb7eb4ee6f94c00be94578db0fe4c8c","tursoHostname","bdb7eb4ee6f94c00be94578db0fe4c8c-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789473046147],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_105":104,"_113":109},"org",{"_105":104,"_106":107,"_108":109,"_18":56,"_110":111,"_112":25},"branch",{"_13":90,"_32":91,"_43":42,"_92":44,"_93":94,"_95":96,"_97":50,"_98":99,"_100":101,"_102":45,"_103":104},"isOwned",52,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",89,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","raskin","handle","displayName","Perry Raskin","avatar","https://avatars.githubusercontent.com/u/17967465?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":288,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":289,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":290,"_85":291,"_87":292,"_89":25},"tree",[195,205,206,207],"files",[195,196,197,198,199,200,201,202,203,204,205,206,207],"counts",{"_184":64,"_185":180,"_186":64,"_187":188,"_189":190},"contents",[149,150,151,152],"upstreamProject",{"_43":99,"_32":145,"_52":146,"_54":55,"_49":50,"_83":147},"upstreamBranch",{"_43":94,"_38":138,"_139":140,"_32":91,"_92":99,"_13":141,"_93":-5,"_95":-5,"_142":143,"_47":-5,"_89":25,"_49":50,"_103":144,"_65":101,"_102":145},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server",{"_105":144,"_113":148},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789552799&sig=d49f90d93e120483cdf15d03d3545ffc812712f79bb9ed726650e50aa3216f06",{"_43":177,"_32":178,"_30":179,"_154":-5,"_41":42,"_40":180,"_155":60,"_38":181,"_13":64,"_33":182,"_35":-5,"_24":25,"_158":-5,"_27":183},{"_43":169,"_32":170,"_30":171,"_154":-5,"_41":42,"_40":172,"_155":25,"_38":173,"_13":174,"_33":20,"_35":175,"_24":25,"_158":-5,"_27":176},{"_43":160,"_32":161,"_30":58,"_154":-5,"_41":42,"_40":162,"_155":25,"_38":163,"_13":164,"_33":165,"_35":166,"_24":25,"_158":167,"_27":168},{"_43":153,"_32":28,"_30":31,"_154":-5,"_41":42,"_40":14,"_155":60,"_38":156,"_13":157,"_33":34,"_35":37,"_24":25,"_158":-5,"_27":159},"7dbf16e9-040f-48a8-a34f-9a3b64fb8efb","parentId","latest",["D",1784922231621],3,"label",[28],"8ae2e448-f8ef-4dce-9692-aa7ce9270a98","index.ts",20,["D",1784921927384],5,"http","import { parseVal, readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { Hono } from \"npm:hono\";\nimport { deleteCookie, getCookie, setCookie } from \"npm:hono/cookie\";\nimport { issueOgImage } from \"./issue-og.tsx\";\n\nconst app = new Hono();\nconst GH_API = \"https://api.github.com\";\nconst GH_VERSION = \"2026-03-10\";\n\ntype SessionRow = {\n id: string;\n github_id: number;\n login: string;\n avatar_url: string;\n access_token: string;\n refresh_token: string | null;\n token_expires_at: number | null;\n refresh_expires_at: number | null;\n};\n\nawait sqlite.batch([\n `CREATE TABLE IF NOT EXISTS sessions (\n id TEXT PRIMARY KEY,\n github_id INTEGER NOT NULL,\n login TEXT NOT NULL,\n avatar_url TEXT NOT NULL,\n access_token TEXT NOT NULL,\n refresh_token TEXT,\n token_expires_at INTEGER,\n refresh_expires_at INTEGER,\n created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP,\n updated_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP\n )`,\n `CREATE TABLE IF NOT EXISTS shares (\n slug TEXT PRIMARY KEY,\n creator_github_id INTEGER NOT NULL,\n repo_full_name TEXT NOT NULL,\n issue_number INTEGER NOT NULL,\n include_sub_issues INTEGER NOT NULL,\n snapshot_json TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT CURRENT_TIMESTAMP\n )`,\n `CREATE INDEX IF NOT EXISTS shares_creator_idx ON shares(creator_github_id, created_at)`,\n]);\n\nfunction config() {\n return {\n clientId: Deno.env.get(\"GITHUB_CLIENT_ID\") ?? \"\",\n clientSecret: Deno.env.get(\"GITHUB_CLIENT_SECRET\") ?? \"\",\n appSlug: Deno.env.get(\"GITHUB_APP_SLUG\") ?? \"\",\n sessionSecret: Deno.env.get(\"SESSION_SECRET\") ?? \"\",\n };\n}\n\nfunction requireConfig() {\n const c = config();\n const missing = Object.entries(c).filter(([, value]) => !value).map(([key]) => key);\n if (missing.length) throw new Error(`Missing configuration: ${missing.join(\", \")}`);\n return c;\n}\n\nfunction bytesToBase64Url(bytes: Uint8Array) {\n return btoa(String.fromCharCode(...bytes))\n .replaceAll(\"+\", \"-\")\n .replaceAll(\"/\", \"_\")\n .replaceAll(\"=\", \"\");\n}\n\nfunction base64UrlToBytes(value: string) {\n const padded = value.replaceAll(\"-\", \"+\").replaceAll(\"_\", \"/\") +\n \"=\".repeat((4 - value.length % 4) % 4);\n return Uint8Array.from(atob(padded), (char) => char.charCodeAt(0));\n}\n\nfunction randomToken(size = 32) {\n return bytesToBase64Url(crypto.getRandomValues(new Uint8Array(size)));\n}\n\nasync function sha256(value: string) {\n return new Uint8Array(await crypto.subtle.digest(\"SHA-256\", new TextEncoder().encode(value)));\n}\n\nasync function hmac(value: string, secret: string) {\n const key = await crypto.subtle.importKey(\n \"raw\",\n new TextEncoder().encode(secret),\n { name: \"HMAC\", hash: \"SHA-256\" },\n false,\n [\"sign\"],\n );\n return bytesToBase64Url(new Uint8Array(await crypto.subtle.sign(\"HMAC\", key, new TextEncoder().encode(value))));\n}\n\nasync function sealCookie(payload: Record, secret: string) {\n const body = bytesToBase64Url(new TextEncoder().encode(JSON.stringify(payload)));\n return `${body}.${await hmac(body, secret)}`;\n}\n\nasync function openCookie(value: string | undefined, secret: string) {\n if (!value) return null;\n const [body, signature] = value.split(\".\");\n if (!body || !signature || await hmac(body, secret) !== signature) return null;\n try {\n return JSON.parse(new TextDecoder().decode(base64UrlToBytes(body)));\n } catch {\n return null;\n }\n}\n\nasync function encryptionKey(secret: string) {\n return crypto.subtle.importKey(\"raw\", await sha256(secret), \"AES-GCM\", false, [\"encrypt\", \"decrypt\"]);\n}\n\nasync function encrypt(value: string, secret: string) {\n const iv = crypto.getRandomValues(new Uint8Array(12));\n const encrypted = new Uint8Array(await crypto.subtle.encrypt(\n { name: \"AES-GCM\", iv },\n await encryptionKey(secret),\n new TextEncoder().encode(value),\n ));\n return `${bytesToBase64Url(iv)}.${bytesToBase64Url(encrypted)}`;\n}\n\nasync function decrypt(value: string, secret: string) {\n const [iv, encrypted] = value.split(\".\");\n const clear = await crypto.subtle.decrypt(\n { name: \"AES-GCM\", iv: base64UrlToBytes(iv) },\n await encryptionKey(secret),\n base64UrlToBytes(encrypted),\n );\n return new TextDecoder().decode(clear);\n}\n\nfunction githubHeaders(token: string) {\n return {\n Accept: \"application/vnd.github.full+json\",\n Authorization: `Bearer ${token}`,\n \"X-GitHub-Api-Version\": GH_VERSION,\n \"User-Agent\": \"Val-Town-Issue-Share\",\n };\n}\n\nasync function githubFetch(path: string, token: string, init: RequestInit = {}) {\n const response = await fetch(`${GH_API}${path}`, {\n ...init,\n headers: { ...githubHeaders(token), ...(init.headers ?? {}) },\n });\n if (!response.ok) {\n const detail = await response.text();\n throw new Error(`GitHub ${response.status}: ${detail.slice(0, 400)}`);\n }\n return response;\n}\n\nasync function githubAllPages(path: string, token: string, key?: string) {\n const items: any[] = [];\n for (let page = 1; page <= 100; page++) {\n const separator = path.includes(\"?\") ? \"&\" : \"?\";\n const data = await githubFetch(`${path}${separator}per_page=100&page=${page}`, token).then((r) => r.json());\n const batch = key ? data[key] ?? [] : data;\n if (!Array.isArray(batch)) throw new Error(\"Unexpected paginated response from GitHub\");\n items.push(...batch);\n if (batch.length < 100) break;\n }\n return items;\n}\n\nasync function refreshSession(row: SessionRow) {\n const c = requireConfig();\n if (!row.refresh_token || (row.refresh_expires_at && row.refresh_expires_at < Date.now())) return null;\n const params = new URLSearchParams({\n client_id: c.clientId,\n client_secret: c.clientSecret,\n grant_type: \"refresh_token\",\n refresh_token: await decrypt(row.refresh_token, c.sessionSecret),\n });\n const response = await fetch(\"https://github.com/login/oauth/access_token\", {\n method: \"POST\",\n headers: { Accept: \"application/json\", \"Content-Type\": \"application/x-www-form-urlencoded\" },\n body: params,\n });\n const tokens = await response.json();\n if (!response.ok || !tokens.access_token) return null;\n await sqlite.execute({\n sql: `UPDATE sessions SET access_token = ?, refresh_token = ?, token_expires_at = ?,\n refresh_expires_at = ?, updated_at = CURRENT_TIMESTAMP WHERE id = ?`,\n args: [\n await encrypt(tokens.access_token, c.sessionSecret),\n tokens.refresh_token ? await encrypt(tokens.refresh_token, c.sessionSecret) : row.refresh_token,\n tokens.expires_in ? Date.now() + tokens.expires_in * 1000 : null,\n tokens.refresh_token_expires_in ? Date.now() + tokens.refresh_token_expires_in * 1000 : row.refresh_expires_at,\n row.id,\n ],\n });\n return tokens.access_token as string;\n}\n\nasync function currentSession(c: any) {\n const id = getCookie(c, \"issue_share_session\");\n if (!id) return null;\n const result = await sqlite.execute({ sql: \"SELECT * FROM sessions WHERE id = ?\", args: [id] });\n const row = result.rows[0] as unknown as SessionRow | undefined;\n if (!row) return null;\n const conf = requireConfig();\n let token = await decrypt(row.access_token, conf.sessionSecret);\n if (row.token_expires_at && row.token_expires_at < Date.now() + 60_000) {\n token = await refreshSession(row) ?? \"\";\n }\n if (!token) return null;\n return { row, token };\n}\n\nasync function requireSession(c: any) {\n const session = await currentSession(c);\n if (!session) return c.json({ error: \"Authentication required\" }, 401);\n return session;\n}\n\nfunction safeIssue(issue: any) {\n return {\n id: issue.id,\n number: issue.number,\n title: issue.title,\n state: issue.state,\n state_reason: issue.state_reason,\n body: issue.body ?? \"\",\n body_text: issue.body_text ?? \"\",\n body_html: issue.body_html ?? \"\",\n html_url: issue.html_url,\n created_at: issue.created_at,\n updated_at: issue.updated_at,\n closed_at: issue.closed_at,\n comments_count: issue.comments ?? 0,\n author: issue.user ? {\n login: issue.user.login,\n avatar_url: issue.user.avatar_url,\n html_url: issue.user.html_url,\n } : null,\n labels: (issue.labels ?? []).map((label: any) =>\n typeof label === \"string\" ? { name: label, color: \"6b7280\", description: null } : {\n name: label.name,\n color: label.color,\n description: label.description,\n }\n ),\n assignees: (issue.assignees ?? []).map((user: any) => ({\n login: user.login,\n avatar_url: user.avatar_url,\n html_url: user.html_url,\n })),\n milestone: issue.milestone ? {\n title: issue.milestone.title,\n state: issue.milestone.state,\n due_on: issue.milestone.due_on,\n html_url: issue.milestone.html_url,\n } : null,\n };\n}\n\nfunction safeComment(comment: any) {\n return {\n id: comment.id,\n body: comment.body ?? \"\",\n body_text: comment.body_text ?? \"\",\n body_html: comment.body_html ?? \"\",\n created_at: comment.created_at,\n updated_at: comment.updated_at,\n html_url: comment.html_url,\n author: comment.user ? {\n login: comment.user.login,\n avatar_url: comment.user.avatar_url,\n html_url: comment.user.html_url,\n } : null,\n };\n}\n\nasync function issueSnapshot(owner: string, repo: string, number: number, token: string, includeSubIssues: boolean) {\n const issue = await githubFetch(`/repos/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/issues/${number}`, token)\n .then((r) => r.json());\n const comments = await githubAllPages(\n `/repos/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/issues/${number}/comments`,\n token,\n );\n let subIssues: any[] = [];\n if (includeSubIssues) {\n const children = await githubAllPages(\n `/repos/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/issues/${number}/sub_issues`,\n token,\n );\n subIssues = await Promise.all(children.map(async (child: any) => {\n const childRepoUrl = new URL(child.repository_url);\n const parts = childRepoUrl.pathname.split(\"/\").filter(Boolean);\n const childOwner = parts.at(-2) ?? owner;\n const childRepo = parts.at(-1) ?? repo;\n return issueSnapshot(childOwner, childRepo, child.number, token, true);\n }));\n }\n return {\n repository: { owner, name: repo, full_name: `${owner}/${repo}` },\n issue: safeIssue(issue),\n comments: comments.map(safeComment),\n sub_issues: subIssues,\n };\n}\n\nasync function getShareRow(slug: string) {\n const result = await sqlite.execute({\n sql: `SELECT slug, creator_github_id, repo_full_name, issue_number,\n include_sub_issues, snapshot_json, created_at FROM shares WHERE slug = ?`,\n args: [slug],\n });\n return result.rows[0] as any;\n}\n\nfunction escapeHtml(value: string) {\n return value\n .replaceAll(\"&\", \"&\")\n .replaceAll(\"<\", \"<\")\n .replaceAll(\">\", \">\")\n .replaceAll('\"', \""\")\n .replaceAll(\"'\", \"'\");\n}\n\nfunction shareDescription(snapshot: any) {\n const body = String(snapshot.issue?.body_text || snapshot.issue?.body || \"\")\n .replace(/!\\[[^\\]]*\\]\$[^)]*\$/g, \"\")\n .replace(/\\[([^\\]]+)\\]\$[^)]*\$/g, \"$1\")\n .replace(/[`*_>#~]/g, \"\")\n .replace(/\\s+/g, \" \")\n .trim();\n const fallback = `A shared GitHub issue from ${snapshot.repository?.full_name ?? \"Issue Share\"}.`;\n return (body || fallback).slice(0, 200);\n}\n\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/s/:slug\", async (c) => {\n const row = await getShareRow(c.req.param(\"slug\"));\n const shell = await readFile(\"/frontend/share.html\");\n const origin = new URL(c.req.url).origin;\n const url = `${origin}/s/${c.req.param(\"slug\")}`;\n const image = row ? `${origin}/og/${row.slug}/image.png` : `${origin}/og-image.png`;\n if (!row) {\n const title = \"Shared issue unavailable · Issue Share\";\n const description = \"This public issue link is unavailable or has been removed.\";\n const html = shell\n .replaceAll(\"__OG_TITLE__\", escapeHtml(title))\n .replaceAll(\"__OG_DESCRIPTION__\", escapeHtml(description))\n .replaceAll(\"__OG_URL__\", escapeHtml(url))\n .replaceAll(\"__OG_IMAGE__\", escapeHtml(image));\n return c.html(html, 404);\n }\n const snapshot = JSON.parse(String(row.snapshot_json));\n const title = `${snapshot.issue.title} · ${snapshot.repository.full_name} #${snapshot.issue.number}`;\n const description = shareDescription(snapshot);\n const html = shell\n .replaceAll(\"__OG_TITLE__\", escapeHtml(title))\n .replaceAll(\"__OG_DESCRIPTION__\", escapeHtml(description))\n .replaceAll(\"__OG_URL__\", escapeHtml(url))\n .replaceAll(\"__OG_IMAGE__\", escapeHtml(image));\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html; charset=utf-8\",\n \"Cache-Control\": \"public, max-age=60\",\n },\n });\n});\napp.get(\"/og-image\", () => serveFile(\"/frontend/og-image.html\"));\napp.get(\"/og/:slug/image.png\", async (c) => {\n const row = await getShareRow(c.req.param(\"slug\"));\n if (!row) return c.redirect(\"/og-image.png\", 302);\n return issueOgImage(JSON.parse(String(row.snapshot_json)));\n});\napp.get(\"/og-image.png\", async () => {\n try {\n const image = await blob.get(\"og-image.png\");\n return new Response(image.body, {\n headers: {\n \"Content-Type\": \"image/png\",\n \"Cache-Control\": \"public, max-age=31536000, immutable\",\n },\n });\n } catch {\n return new Response(\"Open Graph image unavailable\", { status: 404 });\n }\n});\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\napp.get(\"/api/config\", (c) => {\n const conf = config();\n return c.json({\n configured: Boolean(conf.clientId && conf.clientSecret && conf.appSlug && conf.sessionSecret),\n appSlug: conf.appSlug || null,\n });\n});\n\napp.get(\"/auth/github\", async (c) => {\n const conf = requireConfig();\n const state = randomToken();\n const verifier = randomToken(48);\n const challenge = bytesToBase64Url(await sha256(verifier));\n const cookie = await sealCookie({ state, verifier, createdAt: Date.now() }, conf.sessionSecret);\n setCookie(c, \"github_oauth\", cookie, {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\",\n path: \"/\",\n maxAge: 600,\n });\n const redirectUri = `${new URL(c.req.url).origin}/auth/github/callback`;\n const params = new URLSearchParams({\n client_id: conf.clientId,\n redirect_uri: redirectUri,\n state,\n code_challenge: challenge,\n code_challenge_method: \"S256\",\n prompt: \"select_account\",\n });\n return c.redirect(`https://github.com/login/oauth/authorize?${params}`);\n});\n\napp.get(\"/auth/github/callback\", async (c) => {\n const conf = requireConfig();\n const saved = await openCookie(getCookie(c, \"github_oauth\"), conf.sessionSecret);\n deleteCookie(c, \"github_oauth\", { path: \"/\" });\n const code = c.req.query(\"code\");\n const state = c.req.query(\"state\");\n if (!saved || !code || state !== saved.state || Date.now() - saved.createdAt > 600_000) {\n return c.text(\"Invalid or expired GitHub login. Please try again.\", 400);\n }\n const redirectUri = `${new URL(c.req.url).origin}/auth/github/callback`;\n const params = new URLSearchParams({\n client_id: conf.clientId,\n client_secret: conf.clientSecret,\n code,\n redirect_uri: redirectUri,\n code_verifier: saved.verifier,\n });\n const tokenResponse = await fetch(\"https://github.com/login/oauth/access_token\", {\n method: \"POST\",\n headers: { Accept: \"application/json\", \"Content-Type\": \"application/x-www-form-urlencoded\" },\n body: params,\n });\n const tokens = await tokenResponse.json();\n if (!tokenResponse.ok || !tokens.access_token) {\n return c.text(`GitHub login failed: ${tokens.error_description ?? tokens.error ?? \"unknown error\"}`, 400);\n }\n const user = await githubFetch(\"/user\", tokens.access_token).then((r) => r.json());\n const sessionId = randomToken();\n await sqlite.execute({\n sql: `INSERT INTO sessions (\n id, github_id, login, avatar_url, access_token, refresh_token, token_expires_at, refresh_expires_at\n ) VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n sessionId,\n user.id,\n user.login,\n user.avatar_url,\n await encrypt(tokens.access_token, conf.sessionSecret),\n tokens.refresh_token ? await encrypt(tokens.refresh_token, conf.sessionSecret) : null,\n tokens.expires_in ? Date.now() + tokens.expires_in * 1000 : null,\n tokens.refresh_token_expires_in ? Date.now() + tokens.refresh_token_expires_in * 1000 : null,\n ],\n });\n setCookie(c, \"issue_share_session\", sessionId, {\n httpOnly: true,\n secure: true,\n sameSite: \"Lax\",\n path: \"/\",\n maxAge: 60 * 60 * 24 * 30,\n });\n return c.redirect(\"/\");\n});\n\napp.post(\"/auth/logout\", async (c) => {\n const id = getCookie(c, \"issue_share_session\");\n if (id) await sqlite.execute({ sql: \"DELETE FROM sessions WHERE id = ?\", args: [id] });\n deleteCookie(c, \"issue_share_session\", { path: \"/\" });\n return c.json({ ok: true });\n});\n\napp.get(\"/api/me\", async (c) => {\n const session = await currentSession(c);\n return c.json(session ? {\n authenticated: true,\n user: {\n id: session.row.github_id,\n login: session.row.login,\n avatar_url: session.row.avatar_url,\n },\n } : { authenticated: false });\n});\n\napp.get(\"/api/repos\", async (c) => {\n const session = await requireSession(c);\n if (session instanceof Response) return session;\n const installations = await githubAllPages(\"/user/installations\", session.token, \"installations\");\n const groups = await Promise.all(installations.map(async (installation: any) => {\n const repositories = await githubAllPages(\n `/user/installations/${installation.id}/repositories`,\n session.token,\n \"repositories\",\n );\n return {\n installation_id: installation.id,\n account: {\n login: installation.account.login,\n avatar_url: installation.account.avatar_url,\n type: installation.account.type,\n },\n repository_selection: installation.repository_selection,\n repositories: repositories.map((repo: any) => ({\n id: repo.id,\n name: repo.name,\n full_name: repo.full_name,\n private: repo.private,\n html_url: repo.html_url,\n open_issues_count: repo.open_issues_count,\n description: repo.description,\n })),\n };\n }));\n return c.json({ installations: groups });\n});\n\napp.get(\"/api/repos/:owner/:repo/issues\", async (c) => {\n const session = await requireSession(c);\n if (session instanceof Response) return session;\n const { owner, repo } = c.req.param();\n const page = Math.max(1, Number(c.req.query(\"page\") ?? 1));\n const state = c.req.query(\"state\") === \"closed\" ? \"closed\" : c.req.query(\"state\") === \"open\" ? \"open\" : \"all\";\n const issues = await githubAllPages(\n `/repos/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/issues?state=${state}&sort=updated&direction=desc`,\n session.token,\n );\n return c.json({ issues: issues.filter((issue: any) => !issue.pull_request).map(safeIssue), page });\n});\n\napp.get(\"/api/repos/:owner/:repo/issues/:number\", async (c) => {\n const session = await requireSession(c);\n if (session instanceof Response) return session;\n const { owner, repo, number } = c.req.param();\n const snapshot = await issueSnapshot(owner, repo, Number(number), session.token, c.req.query(\"subIssues\") === \"true\");\n return c.json(snapshot);\n});\n\napp.post(\"/api/shares\", async (c) => {\n const session = await requireSession(c);\n if (session instanceof Response) return session;\n const body = await c.req.json();\n const owner = String(body.owner ?? \"\");\n const repo = String(body.repo ?? \"\");\n const number = Number(body.number);\n const includeSubIssues = Boolean(body.includeSubIssues);\n if (!owner || !repo || !Number.isInteger(number) || number < 1) {\n return c.json({ error: \"owner, repo, and a valid issue number are required\" }, 400);\n }\n const snapshot = await issueSnapshot(owner, repo, number, session.token, includeSubIssues);\n const slug = randomToken(12);\n await sqlite.execute({\n sql: `INSERT INTO shares (\n slug, creator_github_id, repo_full_name, issue_number, include_sub_issues, snapshot_json\n ) VALUES (?, ?, ?, ?, ?, ?)`,\n args: [\n slug,\n session.row.github_id,\n `${owner}/${repo}`,\n number,\n includeSubIssues ? 1 : 0,\n JSON.stringify(snapshot),\n ],\n });\n return c.json({ slug, url: `${new URL(c.req.url).origin}/s/${slug}` }, 201);\n});\n\napp.get(\"/api/shares\", async (c) => {\n const session = await requireSession(c);\n if (session instanceof Response) return session;\n const result = await sqlite.execute({\n sql: `SELECT slug, repo_full_name, issue_number, include_sub_issues,\n snapshot_json, created_at FROM shares\n WHERE creator_github_id = ? ORDER BY created_at DESC`,\n args: [session.row.github_id],\n });\n const origin = new URL(c.req.url).origin;\n return c.json({\n shares: result.rows.map((row: any) => {\n const snapshot = JSON.parse(String(row.snapshot_json));\n return {\n slug: row.slug,\n url: `${origin}/s/${row.slug}`,\n repo_full_name: row.repo_full_name,\n issue_number: row.issue_number,\n title: snapshot.issue?.title ?? `Issue #${row.issue_number}`,\n include_sub_issues: Boolean(row.include_sub_issues),\n created_at: row.created_at,\n };\n }),\n });\n});\n\napp.delete(\"/api/shares/:slug\", async (c) => {\n const session = await requireSession(c);\n if (session instanceof Response) return session;\n const result = await sqlite.execute({\n sql: \"DELETE FROM shares WHERE slug = ? AND creator_github_id = ?\",\n args: [c.req.param(\"slug\"), session.row.github_id],\n });\n if (!result.rowsAffected) return c.json({ error: \"Public link not found\" }, 404);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/public/:slug\", async (c) => {\n const row = await getShareRow(c.req.param(\"slug\"));\n if (!row) return c.json({ error: \"Shared issue not found\" }, 404);\n return c.json({\n ...JSON.parse(String(row.snapshot_json)),\n share: { include_sub_issues: Boolean(row.include_sub_issues), created_at: row.created_at },\n });\n});\n\napp.onError((err, c) => {\n console.error(err);\n return c.json({ error: err instanceof Error ? err.message : \"Unexpected error\" }, 500);\n});\n\nexport default app.fetch;\n","raskin-issue-share",[161],"e5fe85cf-f976-4bbc-b1a9-44c466894be1","README.md","019f957d-a643-7685-9a7e-8056acae9408",7,["D",1784919802420],2,"# Issue Share\n\nBrowse GitHub issues across repositories selected during GitHub App installation,\nthen create stable public issue snapshots with one click. Snapshots include the\nissue body, labels, assignees, milestone, comments, and—when selected—sub-issues.\n\n## GitHub App setup\n\nCreate a public GitHub App at\nhttps://github.com/settings/apps/new with these settings:\n\n- Homepage URL: the live URL for `index.ts`\n- Callback URL: `/auth/github/callback`\n- Request user authorization (OAuth) during installation: optional\n- Repository permissions → Issues: Read-only\n- Repository permissions → Metadata: Read-only\n- Webhooks: disabled\n- Where can this GitHub App be installed?: Any account\n\nAfter creating the app:\n\n1. Generate a client secret.\n2. Copy the app's Client ID (not App ID), client secret, and app slug.\n3. Add the environment variables below in Val Town.\n4. Generate a strong random `SESSION_SECRET` (at least 32 bytes).\n\nRequired environment variables:\n\n- `GITHUB_CLIENT_ID`\n- `GITHUB_CLIENT_SECRET`\n- `GITHUB_APP_SLUG`\n- `SESSION_SECRET`\n\n## Security model\n\n- GitHub login uses OAuth state validation and PKCE.\n- GitHub tokens are AES-GCM encrypted at rest using `SESSION_SECRET`.\n- Session cookies are `HttpOnly`, `Secure`, and `SameSite=Lax`.\n- Public links use 96-bit random slugs and contain a stored snapshot, never a\n GitHub token.\n- Only repositories selected in each GitHub App installation are listed.\n- Creating a public link intentionally copies the selected private issue data\n into this Val's SQLite database.\n\n## Routes\n\n- `/` — authenticated issue browser\n- `/s/:slug` — public issue snapshot\n- `/auth/github` — GitHub App OAuth login\n- `/api/repos` — installations and selected repositories\n- `/api/repos/:owner/:repo/issues` — issues grouped by selected repository\n- `/api/shares` — create a public snapshot\n- `/source` — view and remix the Val\n\n## Notes\n\nGitHub's REST Issues endpoints can include pull requests, so the app filters\nentries with a `pull_request` field. Issues, comments, repositories per\ninstallation, and sub-issues are fetched across GitHub's paginated responses.\n",[170],"6f0c5636-9ca0-40d1-b241-907787d220ee","frontend","019f957d-a643-7685-9a7e-7db9eb0d0412",1,["D",1784919467427],"directory",[178],"pulls","branches","forks","envVars",{"_191":193,"_194":64},"connections",{"_191":64,"_192":64},"count","unfilledCount",6,"emptyCount",{"_43":177,"_32":178,"_30":179,"_154":-5,"_41":42,"_40":180,"_155":60,"_38":285,"_13":64,"_33":182,"_35":-5,"_24":25,"_158":-5,"_209":286,"_27":287},{"_43":281,"_32":272,"_30":267,"_154":179,"_41":42,"_40":180,"_155":60,"_38":282,"_13":64,"_33":182,"_35":-5,"_24":25,"_158":-5,"_209":283,"_27":284},{"_43":273,"_32":274,"_30":275,"_154":267,"_41":42,"_40":276,"_155":25,"_38":277,"_13":193,"_33":34,"_35":278,"_24":25,"_158":-5,"_209":279,"_27":280},{"_43":264,"_32":265,"_30":266,"_154":267,"_41":42,"_40":180,"_155":60,"_38":268,"_13":64,"_33":34,"_35":269,"_24":25,"_158":-5,"_209":270,"_27":271},{"_43":257,"_32":258,"_30":259,"_154":179,"_41":42,"_40":180,"_155":60,"_38":260,"_13":64,"_33":20,"_35":261,"_24":25,"_158":-5,"_209":262,"_27":263},{"_43":249,"_32":250,"_30":251,"_154":179,"_41":42,"_40":252,"_155":60,"_38":253,"_13":174,"_33":20,"_35":254,"_24":25,"_158":-5,"_209":255,"_27":256},{"_43":242,"_32":243,"_30":244,"_154":179,"_41":42,"_40":180,"_155":60,"_38":245,"_13":64,"_33":34,"_35":246,"_24":25,"_158":-5,"_209":247,"_27":248},{"_43":234,"_32":235,"_30":236,"_154":179,"_41":42,"_40":237,"_155":60,"_38":238,"_13":64,"_33":20,"_35":239,"_24":25,"_158":-5,"_209":240,"_27":241},{"_43":226,"_32":227,"_30":228,"_154":179,"_41":42,"_40":229,"_155":60,"_38":230,"_13":64,"_33":20,"_35":231,"_24":25,"_158":-5,"_209":232,"_27":233},{"_43":218,"_32":219,"_30":220,"_154":179,"_41":42,"_40":221,"_155":25,"_38":222,"_13":64,"_33":20,"_35":223,"_24":25,"_158":-5,"_209":224,"_27":225},{"_43":169,"_32":170,"_30":171,"_154":-5,"_41":42,"_40":172,"_155":25,"_38":215,"_13":174,"_33":20,"_35":175,"_24":25,"_158":-5,"_209":216,"_27":217},{"_43":160,"_32":161,"_30":58,"_154":-5,"_41":42,"_40":162,"_155":25,"_38":212,"_13":164,"_33":165,"_35":166,"_24":25,"_158":167,"_209":213,"_27":214},{"_43":153,"_32":28,"_30":31,"_154":-5,"_41":42,"_40":14,"_155":60,"_38":208,"_13":157,"_33":34,"_35":37,"_24":25,"_158":-5,"_209":210,"_27":211},["D",1784922231621],"children",[],[28],["D",1784921927384],[],[161],["D",1784919802420],[],[170],"05458ca5-0b21-4923-bb75-5ba25d9abacd","share.html","7a58cfd8-8796-11f1-8bd0-1607ee4eb77e",16,["D",1784921579248],"\n\n \n \n \n \n \n __OG_TITLE__\n\n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n

\n \n \n \n\n",[],[178,219],"22b9209f-6eba-4167-ba2f-83ac093c4a87","og-image.html","7a8ce26e-8796-11f1-a84c-1607ee4eb77e",17,["D",1784921579590],"\n\n \n \n \n Issue Share social preview\n \n \n \n

Issue Share

GitHub issues,
clearly shared.

Complete public snapshots with labels, discussion, milestones, and optional sub-issues.

raskin-issue-share.val.run

acme/roadmap #218● Open

Add audit history to shared reports

featurepriority: high

Public snapshot ↗

\n \n\n",[],[178,227],"9bb9e775-2737-4104-98f4-39640b7b3d58","markdown.css","1af656f0-8796-11f1-bb22-1607ee4eb77e",13,["D",1784921419150],".markdown-body {\n color: #334155;\n font-size: 15px;\n line-height: 1.75;\n overflow-wrap: anywhere;\n}\n\n.markdown-body > :first-child {\n margin-top: 0;\n}\n\n.markdown-body > :last-child {\n margin-bottom: 0;\n}\n\n.markdown-body h1,\n.markdown-body h2,\n.markdown-body h3,\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n color: #0f172a;\n font-weight: 800;\n line-height: 1.3;\n margin-bottom: 0.65em;\n margin-top: 1.6em;\n}\n\n.markdown-body h1 {\n border-bottom: 1px solid #e2e8f0;\n font-size: 1.75em;\n padding-bottom: 0.35em;\n}\n\n.markdown-body h2 {\n border-bottom: 1px solid #e2e8f0;\n font-size: 1.4em;\n padding-bottom: 0.3em;\n}\n\n.markdown-body h3 {\n font-size: 1.15em;\n}\n\n.markdown-body h4,\n.markdown-body h5,\n.markdown-body h6 {\n font-size: 1em;\n}\n\n.markdown-body p,\n.markdown-body blockquote,\n.markdown-body ul,\n.markdown-body ol,\n.markdown-body dl,\n.markdown-body table,\n.markdown-body pre,\n.markdown-body details {\n margin-bottom: 1.15em;\n margin-top: 0;\n}\n\n.markdown-body a {\n color: #0369a1;\n font-weight: 600;\n text-decoration: none;\n}\n\n.markdown-body a:hover {\n text-decoration: underline;\n}\n\n.markdown-body strong {\n color: #1e293b;\n font-weight: 750;\n}\n\n.markdown-body ul,\n.markdown-body ol {\n padding-left: 1.6em;\n}\n\n.markdown-body ul {\n list-style: disc;\n}\n\n.markdown-body ol {\n list-style: decimal;\n}\n\n.markdown-body li {\n margin: 0.25em 0;\n padding-left: 0.15em;\n}\n\n.markdown-body li > ul,\n.markdown-body li > ol {\n margin-bottom: 0;\n margin-top: 0.25em;\n}\n\n.markdown-body .task-list-item {\n list-style: none;\n}\n\n.markdown-body .task-list-item input[type=\"checkbox\"] {\n accent-color: #0284c7;\n margin: 0 0.5em 0.15em -1.45em;\n vertical-align: middle;\n}\n\n.markdown-body blockquote {\n border-left: 4px solid #cbd5e1;\n color: #64748b;\n padding: 0.15em 1em;\n}\n\n.markdown-body code {\n background: #f1f5f9;\n border-radius: 0.35em;\n color: #0f172a;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n font-size: 0.88em;\n padding: 0.16em 0.38em;\n}\n\n.markdown-body pre {\n background: #0f172a;\n border-radius: 0.75rem;\n color: #e2e8f0;\n overflow-x: auto;\n padding: 1rem 1.1rem;\n}\n\n.markdown-body pre code {\n background: transparent;\n color: inherit;\n font-size: 0.875em;\n padding: 0;\n}\n\n.markdown-body table {\n border-collapse: collapse;\n display: block;\n max-width: 100%;\n overflow-x: auto;\n width: max-content;\n}\n\n.markdown-body th,\n.markdown-body td {\n border: 1px solid #cbd5e1;\n padding: 0.55rem 0.75rem;\n text-align: left;\n}\n\n.markdown-body th {\n background: #f8fafc;\n color: #1e293b;\n font-weight: 750;\n}\n\n.markdown-body tr:nth-child(even) td {\n background: #f8fafc;\n}\n\n.markdown-body hr {\n border: 0;\n border-top: 1px solid #cbd5e1;\n margin: 1.75em 0;\n}\n\n.markdown-body img {\n border-radius: 0.65rem;\n height: auto;\n max-width: 100%;\n}\n\n.markdown-body details {\n border: 1px solid #e2e8f0;\n border-radius: 0.65rem;\n padding: 0.75rem 1rem;\n}\n\n.markdown-body summary {\n color: #1e293b;\n cursor: pointer;\n font-weight: 700;\n}\n",[],[178,235],"c46b5e85-3ad7-4162-8b11-20d86a11c53f","index.tsx","019f957d-a643-7685-9a7e-7a675280704d",["D",1784919467427],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[178,243],"94690a91-c5e1-4d6f-b8f5-9b17c7687e5b","index.html","019f957d-a643-7685-9a7e-747ca8979be5",12,["D",1784921418566],"\n\n \n \n \n \n \n Issue Share\n \n \n \n \n \n

\n \n \n \n\n",[],[178,250],"a1371dd2-4685-4de9-b36a-e9f13653f5fa","favicon.svg","019f957d-a643-7685-9a7e-7140f9207764",["D",1784919467427],"\n",[],[178,258],"0d4e2eee-6242-4638-93d9-5526ed8b3575","Counter.tsx","019f957d-a643-7685-9a7e-6af96964ced6","019f957d-a643-7685-9a7e-6fe9f0d30b1c",["D",1784919467427],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[178,272,265],"components","35c18ccf-e5d1-42b9-92bf-c38d80718031","App.tsx","019f957d-a643-7685-9a7e-64944daf55d9",15,["D",1784921579038],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\nimport DOMPurify from \"https://esm.sh/dompurify@3.2.6\";\nimport { marked } from \"https://esm.sh/marked@15.0.12\";\n\ntype Label = { name: string; color: string; description?: string | null };\ntype Issue = {\n number: number;\n title: string;\n state: string;\n state_reason?: string | null;\n body: string;\n body_html?: string;\n html_url: string;\n created_at: string;\n updated_at: string;\n closed_at?: string | null;\n comments_count: number;\n author?: { login: string; avatar_url: string; html_url: string } | null;\n labels: Label[];\n assignees: { login: string; avatar_url: string; html_url: string }[];\n milestone?: { title: string; state: string; due_on?: string | null; html_url: string } | null;\n};\ntype Snapshot = {\n repository: { owner: string; name: string; full_name: string };\n issue: Issue;\n comments: any[];\n sub_issues: Snapshot[];\n share?: { include_sub_issues: boolean; created_at: string };\n};\n\nasync function api(path: string, init?: RequestInit) {\n const response = await fetch(path, {\n ...init,\n headers: { \"Content-Type\": \"application/json\", ...(init?.headers ?? {}) },\n });\n const data = await response.json();\n if (!response.ok) throw new Error(data.error ?? `Request failed (${response.status})`);\n return data;\n}\n\nfunction timeAgo(value: string) {\n const seconds = Math.round((Date.now() - new Date(value).getTime()) / 1000);\n const formatter = new Intl.RelativeTimeFormat(undefined, { numeric: \"auto\" });\n if (seconds < 60) return formatter.format(-seconds, \"second\");\n if (seconds < 3600) return formatter.format(-Math.round(seconds / 60), \"minute\");\n if (seconds < 86400) return formatter.format(-Math.round(seconds / 3600), \"hour\");\n if (seconds < 2592000) return formatter.format(-Math.round(seconds / 86400), \"day\");\n return formatter.format(-Math.round(seconds / 2592000), \"month\");\n}\n\nfunction labelTextColor(hex: string) {\n const value = parseInt(hex || \"6b7280\", 16);\n const r = value >> 16;\n const g = value >> 8 & 255;\n const b = value & 255;\n return (r * 299 + g * 587 + b * 114) / 1000 > 150 ? \"#111827\" : \"#ffffff\";\n}\n\nfunction Labels({ labels }: { labels: Label[] }) {\n return (\n

\n {labels.map((label) => (\n \n {label.name}\n \n ))}\n

\n );\n}\n\nfunction StateBadge({ state }: { state: string }) {\n const open = state === \"open\";\n return (\n \n \n {open ? \"Open\" : \"Closed\"}\n \n );\n}\n\nfunction MarkdownText({ children, html }: { children: string; html?: string }) {\n const rendered = useMemo(() => {\n if (!children && !html) return \"\";\n const source = html || marked.parse(children, { gfm: true, breaks: false });\n return DOMPurify.sanitize(String(source), {\n USE_PROFILES: { html: true },\n ADD_ATTR: [\"target\", \"rel\"],\n });\n }, [children, html]);\n\n if (!rendered) return

No description provided.

;\n return

;\n}\n\nfunction IssueDetail({\n snapshot,\n publicView = false,\n onBack,\n onShare,\n sharing,\n}: {\n snapshot: Snapshot;\n publicView?: boolean;\n onBack?: () => void;\n onShare?: (includeSubIssues: boolean) => void;\n sharing?: boolean;\n}) {\n const [includeSubs, setIncludeSubs] = useState(true);\n const issue = snapshot.issue;\n return (\n

\n {!publicView && onBack && (\n \n )}\n

\n \n {snapshot.repository.full_name} #{issue.number}\n {publicView && Shared snapshot}\n

{issue.title}

\n {issue.author && (\n \n $\"\"$ \n {issue.author.login}\n \n )}\n opened {timeAgo(issue.created_at)}\n {issue.comments_count} comment{issue.comments_count === 1 ? \"\" : \"s\"}\n View on GitHub ↗\n

\n {issue.labels.length > 0 &&

}\n

\n\n

\n {issue.body}\n {snapshot.comments.length > 0 && (\n

Conversation

\n {snapshot.comments.map((comment) => (\n

\n {comment.author && $\"\"$ }\n {comment.author?.login ?? \"ghost\"}\n commented {timeAgo(comment.created_at)}\n

{comment.body}

\n ))}\n

\n )}\n

\n \n

\n\n {!publicView && onShare && (\n

\n \n setIncludeSubs(e.target.checked)} className=\"h-4 w-4 rounded border-slate-300\" />\n Include sub-issues in public link\n \n onShare(includeSubs)}\n disabled={sharing}\n className=\"rounded-xl bg-gray-900 px-5 py-3 text-sm font-bold text-white hover:bg-gray-800 disabled:cursor-wait disabled:opacity-60\"\n >\n {sharing ? \"Creating snapshot…\" : \"Share issue\"}\n \n

\n )}\n\n {snapshot.sub_issues.length > 0 && (\n

Sub-issues ({snapshot.sub_issues.length})

\n {snapshot.sub_issues.map((child) => (\n

\n \n {child.repository.full_name} #{child.issue.number}\n

\n {child.issue.title}\n {child.issue.labels.length > 0 &&

}\n

\n ))}\n

\n )}\n

\n );\n}\n\nfunction PublicShare({ slug }: { slug: string }) {\n const [snapshot, setSnapshot] = useState(null);\n const [error, setError] = useState(\"\");\n useEffect(() => {\n api(`/api/public/${encodeURIComponent(slug)}`).then(setSnapshot).catch((e) => setError(e.message));\n }, [slug]);\n if (error) return ;\n if (!snapshot) return ;\n return ;\n}\n\nfunction Empty({ title, body, action }: { title: string; body: string; action?: React.ReactNode }) {\n return (\n

◫

{title}

{body}

\n {action &&

{action}

}\n

\n );\n}\n\nfunction Loading({ label = \"Loading…\" }: { label?: string }) {\n return

{label}

;\n}\n\nfunction AppShell({ children, user, onLogout }: any) {\n return (\n

\n \n #\n \n Issue Share\n GitHub issues, clearly shared\n \n \n

\n {user && (\n <>\n $\"\"$ \n {user.login}\n \n \n )}\n View source\n

{children}

\n \n

\n );\n}\n\nexport function App() {\n const publicSlug = location.pathname.match(/^\\/s\\/([^/]+)$/)?.[1];\n const [config, setConfig] = useState(null);\n const [me, setMe] = useState(null);\n const [repos, setRepos] = useState([]);\n const [selectedRepo, setSelectedRepo] = useState(null);\n const [issues, setIssues] = useState([]);\n const [snapshot, setSnapshot] = useState(null);\n const [stateFilter, setStateFilter] = useState(\"open\");\n const [query, setQuery] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [sharing, setSharing] = useState(false);\n const [error, setError] = useState(\"\");\n const [shareUrl, setShareUrl] = useState(\"\");\n const [publicLinks, setPublicLinks] = useState([]);\n\n useEffect(() => {\n Promise.all([api(\"/api/config\"), api(\"/api/me\")]).then(([c, m]) => {\n setConfig(c);\n setMe(m);\n if (m.authenticated) {\n loadRepos();\n loadPublicLinks();\n }\n }).catch((e) => setError(e.message));\n }, []);\n\n async function loadRepos() {\n setLoading(true);\n try {\n const data = await api(\"/api/repos\");\n setRepos(data.installations ?? []);\n } catch (e) {\n setError(e.message);\n } finally {\n setLoading(false);\n }\n }\n\n async function loadPublicLinks() {\n try {\n const data = await api(\"/api/shares\");\n setPublicLinks(data.shares ?? []);\n } catch (e) {\n setError(e.message);\n }\n }\n\n async function chooseRepo(repo: any) {\n setSelectedRepo(repo);\n setSnapshot(null);\n setLoading(true);\n setError(\"\");\n try {\n const [owner, name] = repo.full_name.split(\"/\");\n const data = await api(`/api/repos/${encodeURIComponent(owner)}/${encodeURIComponent(name)}/issues?state=${stateFilter}`);\n setIssues(data.issues);\n } catch (e) {\n setError(e.message);\n } finally {\n setLoading(false);\n }\n }\n\n useEffect(() => {\n if (selectedRepo) chooseRepo(selectedRepo);\n }, [stateFilter]);\n\n async function openIssue(issue: Issue) {\n setLoading(true);\n setError(\"\");\n try {\n const [owner, repo] = selectedRepo.full_name.split(\"/\");\n setSnapshot(await api(`/api/repos/${encodeURIComponent(owner)}/${encodeURIComponent(repo)}/issues/${issue.number}`));\n } catch (e) {\n setError(e.message);\n } finally {\n setLoading(false);\n }\n }\n\n async function shareIssue(includeSubIssues: boolean) {\n if (!snapshot) return;\n setSharing(true);\n setError(\"\");\n try {\n const data = await api(\"/api/shares\", {\n method: \"POST\",\n body: JSON.stringify({\n owner: snapshot.repository.owner,\n repo: snapshot.repository.name,\n number: snapshot.issue.number,\n includeSubIssues,\n }),\n });\n setShareUrl(data.url);\n await loadPublicLinks();\n try {\n await navigator.clipboard.writeText(data.url);\n } catch {\n // URL remains visible if clipboard permission is unavailable.\n }\n } catch (e) {\n setError(e.message);\n } finally {\n setSharing(false);\n }\n }\n\n async function revokeShare(share: any) {\n if (!globalThis.confirm(`Remove public access to ${share.repo_full_name} #${share.issue_number}? The shared URL will stop working immediately.`)) return;\n setError(\"\");\n try {\n await api(`/api/shares/${encodeURIComponent(share.slug)}`, { method: \"DELETE\" });\n setPublicLinks((links) => links.filter((link) => link.slug !== share.slug));\n if (shareUrl === share.url) setShareUrl(\"\");\n } catch (e) {\n setError(e.message);\n }\n }\n\n async function logout() {\n await api(\"/auth/logout\", { method: \"POST\", body: \"{}\" });\n location.href = \"/\";\n }\n\n const visibleIssues = useMemo(() => {\n const needle = query.toLowerCase().trim();\n if (!needle) return issues;\n return issues.filter((issue) =>\n issue.title.toLowerCase().includes(needle) ||\n String(issue.number).includes(needle) ||\n issue.labels.some((label) => label.name.toLowerCase().includes(needle))\n );\n }, [issues, query]);\n\n if (publicSlug) return ;\n if (!config || !me) return ;\n\n if (!config.configured) {\n return (\n \n Open setup instructions}\n />\n \n );\n }\n\n if (!me.authenticated) {\n return (\n \n

\n Private by default · public when you choose\n

Turn any GitHub issue into a clean, shareable page.

Browse every issue across the repositories you select. Share a complete, stable snapshot—with labels, comments, assignees, milestones, and optional sub-issues—in one click.

\n \n \n Continue with GitHub\n \n

Then choose your personal account or a GitHub organization and select its repositories.

\n acme/roadmap #218\n \n

Add audit history to shared reports

\n 3 comments · 2 sub-issuesPublic snapshot ↗\n

\n \n );\n }\n\n const repoCount = repos.reduce((sum, group) => sum + group.repositories.length, 0);\n return (\n \n {error && (\n

\n {error}\n

\n )}\n {shareUrl && (\n

Public link created and copied{shareUrl}

\n Open link ↗\n

\n )}\n\n {snapshot ? (\n { setSnapshot(null); setShareUrl(\"\"); }} onShare={shareIssue} sharing={sharing} />\n ) : (\n

Repositories

{repoCount} with access

\n {config.appSlug && Add org / repos}\n

\n {loading && !repos.length ? : repos.length === 0 ? (\n Choose organization & repositories}\n />\n ) : (\n

\n {repos.map((group) => (\n

\n $\"\"$ \n {group.account.login}\n \n {group.account.type === \"Organization\" ? \"Organization\" : \"Personal\"}\n \n

\n {group.repositories.map((repo) => (\n chooseRepo(repo)}\n className={`w-full rounded-xl px-3 py-2.5 text-left text-sm font-semibold ${\n selectedRepo?.id === repo.id ? \"bg-gray-900 text-white\" : \"text-slate-700 hover:bg-slate-100\"\n }`}\n >\n {repo.name}\n \n {repo.private ? \"Private\" : \"Public\"} · {repo.open_issues_count} open\n \n \n ))}\n

\n ))}\n

\n )}\n

Public links

\n {publicLinks.length} active\n

\n {publicLinks.length === 0 ? (\n

Shared issues will appear here so you can remove public access later.

\n ) : (\n

\n {publicLinks.map((share) => (\n

\n {share.title}\n

{share.repo_full_name} #{share.issue_number}

\n \n

\n ))}\n

\n )}\n

\n\n

\n {!selectedRepo ? (\n \n ) : (\n <>\n

Repository

{selectedRepo.full_name}

\n setQuery(e.target.value)} placeholder=\"Search issues or labels…\" className=\"min-w-[230px] rounded-xl border border-slate-200 bg-white px-4 py-2.5 text-sm outline-none focus:border-sky-400\" />\n \n

\n {loading ? : visibleIssues.length === 0 ? (\n \n ) : (\n

\n {visibleIssues.map((issue, index) => (\n openIssue(issue)}\n className={`w-full p-5 text-left hover:bg-slate-50 ${index ? \"border-t border-slate-100\" : \"\"}`}\n >\n

\n \n

{issue.title}

\n #{issue.number}\n

\n {issue.labels.length > 0 &&

}\n

\n {issue.state === \"open\" ? \"opened\" : \"updated\"} {timeAgo(issue.updated_at)} by {issue.author?.login ?? \"ghost\"}\n {issue.comments_count > 0 && ` · ${issue.comments_count} comments`}\n

\n \n ))}\n

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

\n )}\n \n );\n}\n",[],[178,272,274],"cd3e570c-deca-47f8-beba-ae30ebaea107",["D",1784919467427],[197,198],[178,272],["D",1784919467427],[196,199,200,201,202,203,204],[178],["D",1784919467427],["D",1789473046147],{"_105":104,"_113":109},{"_105":104,"_106":107,"_108":109,"_18":56,"_110":111,"_112":25},{"_13":90,"_32":91,"_43":42,"_92":44,"_93":94,"_95":96,"_97":50,"_98":99,"_100":101,"_102":45,"_103":104},"ctx",{"_83":-5,"_135":326,"_327":328,"_329":330,"_331":25,"_332":25,"_333":25,"_334":60,"_335":-5,"_336":-7,"_337":-7,"_338":64,"_339":25,"_340":25,"_341":-5,"_342":25,"_343":25,"_344":25,"_345":-5},"ENV",{"_297":298,"_299":300,"_301":91,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325},"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"]

GitHub issues,clearly shared.

Add audit history to shared reports

{issue.title}

Conversation

Sub-issues ({snapshot.sub_issues.length})

{title}

Turn any GitHub issue into a clean, shareable page.

Add audit history to shared reports

{selectedRepo.full_name}

{issue.title}

GitHub issues,
clearly shared.

Diff · v23