[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_311":312,"_313":314},"routes/_app.x.$handle.$name",{"_102":101,"_32":46,"_110":92,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":-5,"_123":-5,"_124":25,"_125":126,"_127":60,"_128":-5,"_129":-5,"_130":131},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":25},"version",149,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","server/og.ts","latestPath","fileId","7814ed9a-5ac0-11f1-a3ed-ee650bb23af1","name","og.ts","fileType","script","content","import satori from \"npm:satori@0.10.13\";\nimport { initWasm, Resvg } from \"npm:@resvg/resvg-wasm@2.6.2\";\n\n// Google Fonts' GitHub repo hosts raw TTFs reliably (Google's own CSS API\n// no longer serves TTF; it gives woff2 even with old User-Agents).\n// Variable fonts crash satori's opentype.js — use static-weight TTFs.\nconst SERIF_BOLD_TTF =\n \"https://raw.githubusercontent.com/google/fonts/main/ofl/ptserif/PT_Serif-Web-Bold.ttf\";\nconst SERIF_REGULAR_TTF =\n \"https://raw.githubusercontent.com/google/fonts/main/ofl/ptserif/PT_Serif-Web-Regular.ttf\";\nconst SERIF_ITALIC_TTF =\n \"https://raw.githubusercontent.com/google/fonts/main/ofl/ptserif/PT_Serif-Web-Italic.ttf\";\nconst RESVG_WASM_URL = \"https://unpkg.com/@resvg/resvg-wasm@2.6.2/index_bg.wasm\";\n\nconst TAGLINE = \"E2E encrypted · 100% open-source\";\n\ntype Fonts = { bold: ArrayBuffer; regular: ArrayBuffer; italic: ArrayBuffer };\nlet fontsPromise: Promise | null = null;\nfunction loadFonts() {\n if (!fontsPromise) {\n const get = (url: string, label: string) =>\n fetch(url).then((r) => {\n if (!r.ok) throw new Error(`${label} font fetch failed: ${r.status}`);\n return r.arrayBuffer();\n });\n fontsPromise = Promise.all([\n get(SERIF_BOLD_TTF, \"Bold\"),\n get(SERIF_REGULAR_TTF, \"Regular\"),\n get(SERIF_ITALIC_TTF, \"Italic\"),\n ]).then(([bold, regular, italic]) => ({ bold, regular, italic }));\n }\n return fontsPromise;\n}\n\nlet wasmPromise: Promise | null = null;\nfunction ensureResvg(): Promise {\n if (!wasmPromise) {\n wasmPromise = fetch(RESVG_WASM_URL)\n .then((r) => {\n if (!r.ok) throw new Error(`resvg wasm fetch failed: ${r.status}`);\n return r.arrayBuffer();\n })\n .then((bytes) => initWasm(bytes));\n }\n return wasmPromise;\n}\n\n// An elegant padlock as a satori SVG node.\n// stroked = thin-line outline; otherwise the body is filled.\nfunction lock(opts: {\n height: number;\n color: string;\n stroked?: boolean;\n strokeWidth?: number;\n}) {\n const { height, color, stroked = false, strokeWidth = 7 } = opts;\n // Glyph occupies x[26,94], y[18,109] of a 0-120 grid. Tighten the viewBox to\n // those bounds (plus stroke padding) so the SVG box hugs the drawing — no\n // internal whitespace to throw off layout. Bounds stay symmetric about x=60.\n const pad = stroked ? Math.ceil(strokeWidth / 2) + 1 : 0;\n const vbX = 26 - pad;\n const vbY = 18 - pad;\n const vbW = 68 + 2 * pad;\n const vbH = 91 + 2 * pad;\n const width = Math.round((height * vbW) / vbH);\n const shackle = {\n type: \"path\",\n props: {\n d: \"M40 55 L40 44 A20 20 0 0 1 80 44 L80 55\",\n fill: \"none\",\n stroke: color,\n strokeWidth,\n strokeLinecap: \"round\",\n },\n };\n const body = {\n type: \"rect\",\n props: {\n x: 26,\n y: 55,\n width: 68,\n height: 52,\n rx: 12,\n fill: stroked ? \"none\" : color,\n stroke: color,\n strokeWidth: stroked ? strokeWidth : 0,\n },\n };\n const keyhole = {\n type: \"circle\",\n props: {\n cx: 60,\n cy: 78,\n r: 6,\n fill: stroked ? \"none\" : \"white\",\n stroke: stroked ? color : \"none\",\n strokeWidth: stroked ? 4 : 0,\n },\n };\n const keyStem = {\n type: \"rect\",\n props: {\n x: 57,\n y: 82,\n width: 6,\n height: 14,\n rx: 3,\n fill: stroked ? \"none\" : \"white\",\n stroke: stroked ? color : \"none\",\n strokeWidth: stroked ? 4 : 0,\n },\n };\n return {\n type: \"svg\",\n props: {\n width,\n height,\n viewBox: `${vbX} ${vbY} ${vbW} ${vbH}`,\n children: [shackle, body, keyhole, keyStem],\n },\n };\n}\n\nconst title = (size: number) => ({\n type: \"div\",\n props: {\n style: { fontSize: size, fontWeight: 700, color: \"#111\", letterSpacing: \"-2px\" },\n children: \"Secret Share\",\n },\n});\n\nconst tagline = (size: number, italic = true) => ({\n type: \"div\",\n props: {\n style: { fontSize: size, fontStyle: italic ? \"italic\" : \"normal\", color: \"#666\" },\n children: TAGLINE,\n },\n});\n\n// Hairline frame shared by all variants.\nfunction frame(children: any) {\n return {\n type: \"div\",\n props: {\n style: {\n width: \"1200px\",\n height: \"630px\",\n display: \"flex\",\n background: \"white\",\n padding: \"28px\",\n },\n children: [\n {\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n border: \"2px solid #e5e5e5\",\n borderRadius: \"24px\",\n overflow: \"hidden\",\n },\n children,\n },\n },\n ],\n },\n };\n}\n\nfunction variantA() {\n // Centered: thin-line lock above wordmark.\n return frame({\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: \"8px\",\n },\n children: [\n lock({ height: 150, color: \"#111\", stroked: true, strokeWidth: 6 }),\n { type: \"div\", props: { style: { height: \"16px\" } } },\n title(96),\n tagline(36),\n ],\n },\n });\n}\n\nfunction variantB() {\n // Horizontal: lock in a soft circular badge, text beside it.\n return frame({\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: \"56px\",\n padding: \"0 90px\",\n },\n children: [\n {\n type: \"div\",\n props: {\n style: {\n width: \"220px\",\n height: \"220px\",\n borderRadius: \"9999px\",\n background: \"#f4f4f5\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n children: [lock({ height: 130, color: \"#111\" })],\n },\n },\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", flexDirection: \"column\", gap: \"10px\" },\n children: [title(84), tagline(34)],\n },\n },\n ],\n },\n });\n}\n\nfunction variantC() {\n // Text left, faint lock right. Flex space-between with equal padding gives\n // identical left/right margins by construction; the tight lock viewBox means\n // the lock's visual right edge — not a padded box — lands on that margin.\n return frame({\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"0 72px\",\n },\n children: [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", flexDirection: \"column\", gap: \"12px\" },\n children: [title(100), tagline(38, false)],\n },\n },\n lock({ height: 320, color: \"#f3f4f6\" }),\n ],\n },\n });\n}\n\nfunction variantD() {\n // Bigger faint lock as a true watermark, bleeding off the right edge; text left.\n return frame({\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n position: \"relative\",\n alignItems: \"center\",\n },\n children: [\n {\n type: \"div\",\n props: {\n style: {\n position: \"absolute\",\n top: \"30px\",\n right: \"-70px\",\n display: \"flex\",\n },\n children: [lock({ height: 470, color: \"#f1f1f3\" })],\n },\n },\n {\n type: \"div\",\n props: {\n style: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"12px\",\n padding: \"0 72px\",\n },\n children: [title(100), tagline(38, false)],\n },\n },\n ],\n },\n });\n}\n\nfunction variantE() {\n // Colorful flat lock: a white padlock in a gradient app-icon badge; text left.\n return frame({\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"0 72px\",\n },\n children: [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", flexDirection: \"column\", gap: \"12px\" },\n children: [title(96), tagline(36, false)],\n },\n },\n {\n type: \"div\",\n props: {\n style: {\n width: \"300px\",\n height: \"300px\",\n borderRadius: \"64px\",\n background: \"linear-gradient(135deg, #8b5cf6, #ec4899)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n boxShadow: \"0 20px 50px rgba(139,92,246,0.35)\",\n },\n children: [lock({ height: 170, color: \"white\" })],\n },\n },\n ],\n },\n });\n}\n\nconst VARIANTS: Record any> = {\n a: variantA,\n b: variantB,\n c: variantC,\n d: variantD,\n e: variantE,\n};\n\nasync function renderSvg(variant: string): Promise {\n const { bold, regular, italic } = await loadFonts();\n const build = VARIANTS[variant] ?? variantA;\n return await satori(build() as any, {\n width: 1200,\n height: 630,\n fonts: [\n { name: \"Serif\", data: bold, weight: 700, style: \"normal\" },\n { name: \"Serif\", data: regular, weight: 400, style: \"normal\" },\n { name: \"Serif\", data: italic, weight: 400, style: \"italic\" },\n ],\n });\n}\n\nexport async function renderOg(variant = \"c\"): Promise {\n try {\n const svg = await renderSvg(variant);\n await ensureResvg();\n const png = new Resvg(svg).render().asPng();\n return new Response(png, {\n headers: {\n \"content-type\": \"image/png\",\n \"cache-control\": \"public, max-age=3600\",\n },\n });\n } catch (err) {\n const msg = err instanceof Error ? err.stack || err.message : String(err);\n return new Response(`OG render failed:\\n${msg}`, {\n status: 500,\n headers: { \"content-type\": \"text/plain\" },\n });\n }\n}\n","import satori from \"npm:satori@0.10.13\";\nimport { initWasm, Resvg } from \"npm:@resvg/resvg-wasm@2.6.2\";\n\n// Google Fonts' GitHub repo hosts raw TTFs reliably (Google's own CSS API\n// no longer serves TTF; it gives woff2 even with old User-Agents).\n// Variable fonts crash satori's opentype.js — use static-weight TTFs.\nconst SERIF_BOLD_TTF =\n \"https://raw.githubusercontent.com/google/fonts/main/ofl/ptserif/PT_Serif-Web-Bold.ttf\";\nconst SERIF_REGULAR_TTF =\n \"https://raw.githubusercontent.com/google/fonts/main/ofl/ptserif/PT_Serif-Web-Regular.ttf\";\nconst SERIF_ITALIC_TTF =\n \"https://raw.githubusercontent.com/google/fonts/main/ofl/ptserif/PT_Serif-Web-Italic.ttf\";\nconst RESVG_WASM_URL = \"https://unpkg.com/@resvg/resvg-wasm@2.6.2/index_bg.wasm\";\n\nconst TAGLINE = \"E2E encrypted · 100% open-source\";\n\ntype Fonts = { bold: ArrayBuffer; regular: ArrayBuffer; italic: ArrayBuffer };\nlet fontsPromise: Promise | null = null;\nfunction loadFonts() {\n if (!fontsPromise) {\n const get = (url: string, label: string) =>\n fetch(url).then((r) => {\n if (!r.ok) throw new Error(`${label} font fetch failed: ${r.status}`);\n return r.arrayBuffer();\n });\n fontsPromise = Promise.all([\n get(SERIF_BOLD_TTF, \"Bold\"),\n get(SERIF_REGULAR_TTF, \"Regular\"),\n get(SERIF_ITALIC_TTF, \"Italic\"),\n ]).then(([bold, regular, italic]) => ({ bold, regular, italic }));\n }\n return fontsPromise;\n}\n\nlet wasmPromise: Promise | null = null;\nfunction ensureResvg(): Promise {\n if (!wasmPromise) {\n wasmPromise = fetch(RESVG_WASM_URL)\n .then((r) => {\n if (!r.ok) throw new Error(`resvg wasm fetch failed: ${r.status}`);\n return r.arrayBuffer();\n })\n .then((bytes) => initWasm(bytes));\n }\n return wasmPromise;\n}\n\n// An elegant padlock as a satori SVG node.\n// stroked = thin-line outline; otherwise the body is filled.\nfunction lock(opts: {\n height: number;\n color: string;\n stroked?: boolean;\n strokeWidth?: number;\n}) {\n const { height, color, stroked = false, strokeWidth = 7 } = opts;\n // Glyph occupies x[26,94], y[18,109] of a 0-120 grid. Tighten the viewBox to\n // those bounds (plus stroke padding) so the SVG box hugs the drawing — no\n // internal whitespace to throw off layout. Bounds stay symmetric about x=60.\n const pad = stroked ? Math.ceil(strokeWidth / 2) + 1 : 0;\n const vbX = 26 - pad;\n const vbY = 18 - pad;\n const vbW = 68 + 2 * pad;\n const vbH = 91 + 2 * pad;\n const width = Math.round((height * vbW) / vbH);\n const shackle = {\n type: \"path\",\n props: {\n d: \"M40 55 L40 44 A20 20 0 0 1 80 44 L80 55\",\n fill: \"none\",\n stroke: color,\n strokeWidth,\n strokeLinecap: \"round\",\n },\n };\n const body = {\n type: \"rect\",\n props: {\n x: 26,\n y: 55,\n width: 68,\n height: 52,\n rx: 12,\n fill: stroked ? \"none\" : color,\n stroke: color,\n strokeWidth: stroked ? strokeWidth : 0,\n },\n };\n const keyhole = {\n type: \"circle\",\n props: {\n cx: 60,\n cy: 78,\n r: 6,\n fill: stroked ? \"none\" : \"white\",\n stroke: stroked ? color : \"none\",\n strokeWidth: stroked ? 4 : 0,\n },\n };\n const keyStem = {\n type: \"rect\",\n props: {\n x: 57,\n y: 82,\n width: 6,\n height: 14,\n rx: 3,\n fill: stroked ? \"none\" : \"white\",\n stroke: stroked ? color : \"none\",\n strokeWidth: stroked ? 4 : 0,\n },\n };\n return {\n type: \"svg\",\n props: {\n width,\n height,\n viewBox: `${vbX} ${vbY} ${vbW} ${vbH}`,\n children: [shackle, body, keyhole, keyStem],\n },\n };\n}\n\nconst title = (size: number) => ({\n type: \"div\",\n props: {\n style: { fontSize: size, fontWeight: 700, color: \"#111\", letterSpacing: \"-2px\" },\n children: \"Secret Share\",\n },\n});\n\nconst tagline = (size: number, italic = true) => ({\n type: \"div\",\n props: {\n style: { fontSize: size, fontStyle: italic ? \"italic\" : \"normal\", color: \"#666\" },\n children: TAGLINE,\n },\n});\n\n// Hairline frame shared by all variants.\nfunction frame(children: any) {\n return {\n type: \"div\",\n props: {\n style: {\n width: \"1200px\",\n height: \"630px\",\n display: \"flex\",\n background: \"white\",\n padding: \"28px\",\n },\n children: [\n {\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n border: \"2px solid #e5e5e5\",\n borderRadius: \"24px\",\n overflow: \"hidden\",\n },\n children,\n },\n },\n ],\n },\n };\n}\n\nfunction variantA() {\n // Centered: thin-line lock above wordmark.\n return frame({\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: \"8px\",\n },\n children: [\n lock({ height: 150, color: \"#111\", stroked: true, strokeWidth: 6 }),\n { type: \"div\", props: { style: { height: \"16px\" } } },\n title(96),\n tagline(36),\n ],\n },\n });\n}\n\nfunction variantB() {\n // Horizontal: lock in a soft circular badge, text beside it.\n return frame({\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: \"56px\",\n padding: \"0 90px\",\n },\n children: [\n {\n type: \"div\",\n props: {\n style: {\n width: \"220px\",\n height: \"220px\",\n borderRadius: \"9999px\",\n background: \"#f4f4f5\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n children: [lock({ height: 130, color: \"#111\" })],\n },\n },\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", flexDirection: \"column\", gap: \"10px\" },\n children: [title(84), tagline(34)],\n },\n },\n ],\n },\n });\n}\n\nfunction variantC() {\n // Text left, faint lock right. Flex space-between with equal padding gives\n // identical left/right margins by construction; the tight lock viewBox means\n // the lock's visual right edge — not a padded box — lands on that margin.\n return frame({\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"0 72px\",\n },\n children: [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", flexDirection: \"column\", gap: \"12px\" },\n children: [title(100), tagline(38, false)],\n },\n },\n lock({ height: 320, color: \"#f3f4f6\" }),\n ],\n },\n });\n}\n\n// Faint lock watermark, parametrized by size + horizontal offset so we can dial\n// it in. `right` is the inset from the right edge (negative bleeds off-screen).\nfunction watermark(height: number, right: number) {\n const top = Math.round((574 - height) / 2); // vertically center within frame\n return frame({\n type: \"div\",\n props: {\n style: { flex: 1, display: \"flex\", position: \"relative\", alignItems: \"center\" },\n children: [\n {\n type: \"div\",\n props: {\n style: { position: \"absolute\", top: `${top}px`, right: `${right}px`, display: \"flex\" },\n children: [lock({ height, color: \"#f1f1f3\" })],\n },\n },\n {\n type: \"div\",\n props: {\n style: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"12px\",\n padding: \"0 72px\",\n },\n children: [title(100), tagline(38, false)],\n },\n },\n ],\n },\n });\n}\n\nconst variantD = () => watermark(470, -70); // original\nconst variantD1 = () => watermark(540, -10); // bigger, nudged left\nconst variantD2 = () => watermark(580, 40); // bigger still, more left\nconst variantD3 = () => watermark(620, 90); // biggest, most left\n\nfunction variantE() {\n // Colorful flat lock: a white padlock in a gradient app-icon badge; text left.\n return frame({\n type: \"div\",\n props: {\n style: {\n flex: 1,\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n padding: \"0 72px\",\n },\n children: [\n {\n type: \"div\",\n props: {\n style: { display: \"flex\", flexDirection: \"column\", gap: \"12px\" },\n children: [title(96), tagline(36, false)],\n },\n },\n {\n type: \"div\",\n props: {\n style: {\n width: \"300px\",\n height: \"300px\",\n borderRadius: \"64px\",\n background: \"linear-gradient(135deg, #8b5cf6, #ec4899)\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n boxShadow: \"0 20px 50px rgba(139,92,246,0.35)\",\n },\n children: [lock({ height: 170, color: \"white\" })],\n },\n },\n ],\n },\n });\n}\n\nconst VARIANTS: Record any> = {\n a: variantA,\n b: variantB,\n c: variantC,\n d: variantD,\n e: variantE,\n};\n\nasync function renderSvg(variant: string): Promise {\n const { bold, regular, italic } = await loadFonts();\n const build = VARIANTS[variant] ?? variantA;\n return await satori(build() as any, {\n width: 1200,\n height: 630,\n fonts: [\n { name: \"Serif\", data: bold, weight: 700, style: \"normal\" },\n { name: \"Serif\", data: regular, weight: 400, style: \"normal\" },\n { name: \"Serif\", data: italic, weight: 400, style: \"italic\" },\n ],\n });\n}\n\nexport async function renderOg(variant = \"c\"): Promise {\n try {\n const svg = await renderSvg(variant);\n await ensureResvg();\n const png = new Resvg(svg).render().asPng();\n return new Response(png, {\n headers: {\n \"content-type\": \"image/png\",\n \"cache-control\": \"public, max-age=3600\",\n },\n });\n } catch (err) {\n const msg = err instanceof Error ? err.stack || err.message : String(err);\n return new Response(`OG render failed:\\n${msg}`, {\n status: 500,\n headers: { \"content-type\": \"text/plain\" },\n });\n }\n}\n","createdAt",["D",1779994065205],"branchVersion","branchId","61afdd2a-198f-11f1-93ed-42dde27851f2","id","61af4568-198f-11f1-93ed-42dde27851f2","secret-share",["D",1772823903506],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","E2E encrypted secret sharing with expiring links","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","b4478132-198f-11f1-9869-42dde27851f2","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",1,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","61af4568198f11f193ed42dde27851f2","tursoHostname","61af4568198f11f193ed42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789515657103],"pinned",3,"userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_109":105},"org",{"_102":101,"_103":-5,"_104":105,"_18":56,"_106":107,"_108":25},"branch",{"_13":91,"_32":92,"_44":43,"_93":45,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":46,"_100":101},"isOwned",159,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","stevekrouse","handle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":306,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_71":307,"_73":74,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":308,"_86":309,"_88":310,"_90":25},"tree",[186,191,197,200,201],"files",[186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201],"counts",{"_176":161,"_177":64,"_178":64,"_179":180,"_181":182},"contents",[132,133,134,135,136],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":170,"_32":171,"_30":172,"_139":-5,"_42":43,"_41":173,"_141":60,"_39":174,"_13":161,"_34":162,"_36":-5,"_24":25,"_146":-5,"_27":175},{"_44":164,"_32":165,"_30":166,"_139":-5,"_42":43,"_41":167,"_141":60,"_39":168,"_13":161,"_34":162,"_36":-5,"_24":25,"_146":-5,"_27":169},{"_44":157,"_32":158,"_30":159,"_139":-5,"_42":43,"_41":64,"_141":60,"_39":160,"_13":161,"_34":162,"_36":-5,"_24":25,"_146":-5,"_27":163},{"_44":149,"_32":150,"_30":151,"_139":-5,"_42":43,"_41":152,"_141":60,"_39":153,"_13":154,"_34":20,"_36":155,"_24":25,"_146":-5,"_27":156},{"_44":137,"_32":138,"_30":58,"_139":-5,"_42":43,"_41":140,"_141":25,"_39":142,"_13":143,"_34":144,"_36":145,"_24":25,"_146":147,"_27":148},"25f02f40-5ac3-11f1-8e9b-ee650bb23af1","main.ts","parentId",133,"latest",["D",1779992962671],15,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono@4\";\nimport api from \"./server/api.ts\";\nimport { renderOg } from \"./server/og.ts\";\n\nconst app = new Hono();\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\napp.get(\"/shared/*\", (c) => serveFile(c.req.path));\napp.route(\"/api\", api);\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.get(\"/og.png\", (c) => renderOg(c.req.query(\"v\") ?? \"c\"));\napp.get(\"*\", () => serveFile(\"/frontend/index.html\"));\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;","label","e2e",[138],"0ab65114-5ab9-11f1-9390-ee650bb23af1","README.md","06dd1eca-1990-11f1-aeb1-42dde27851f2",94,["D",1779988622013],20,"# 🔐 Secret Share – free, trustless E2E secret sharing\n\n🔗 **[https://e2e.val.run/](https://e2e.val.run/)**\n\nSend passwords, API keys, and sensitive text to anyone. Your secret contents are\nencrypted in your browser via a passphrase which never leaves your device.\n\nThe code for this service is 100% open-source on Val Town, so you can audit it\nand trust we're not doing any monkey business with your secrets. What you see at\n[val.town/x/stevekrouse/secret-share](https://www.val.town/x/stevekrouse/secret-share/code/)\nis exactly what runs when you use the app.\n\n## How It Works\n\n```mermaid\nsequenceDiagram\n participant Sender as 🧑 Sender's Browser\n participant Server as 🖥️ Val Town Server\n participant DB as 🗄️ SQLite\n participant Receiver as 🧑 Receiver's Browser\n\n Note over Sender: Enters secret + passphrase\n Sender->>Sender: Encrypt with AES-256-GCM (PBKDF2)\n Sender->>Sender: Compute delete_proof = SHA-256(passphrase ‖ salt)\n Sender->>Server: POST /api/secrets {ciphertext, iv, salt, delete_proof}\n Note over Sender: ⚠️ Passphrase NEVER sent\n Server->>DB: Store encrypted blob + delete_proof + expiry\n Server-->>Sender: {id, expires_at}\n\n Note over Sender: Shares link via one channel\n Note over Sender: Shares passphrase via another channel\n\n Receiver->>Server: GET /api/secrets/:id\n Server->>DB: Lookup (reject if expired)\n DB-->>Server: {ciphertext, iv, salt}\n Server-->>Receiver: {ciphertext, iv, salt}\n Note over Receiver: Enters passphrase\n Receiver->>Receiver: Decrypt with AES-256-GCM (PBKDF2)\n Note over Receiver: ✅ Reads secret\n\n opt Delete (anyone with the passphrase)\n Receiver->>Receiver: Compute delete_proof = SHA-256(passphrase ‖ salt)\n Receiver->>Server: DELETE /api/secrets/:id (X-Delete-Proof header)\n Server->>DB: Compare proof, delete on match\n end\n```\n\n## Project Structure\n\n```\nsecret-share/\n├── main.ts # Hono app — mounts API + serves static + SPA shell\n├── server/\n│ ├── db.ts # SQLite CRUD (stores only ciphertext + proof)\n│ ├── rateLimit.ts # In-memory per-IP token-bucket middleware\n│ ├── validate.ts # UUID + base64 input validation\n│ └── api.ts # POST / GET / DELETE /api/secrets\n├── frontend/\n│ ├── index.html # Static page shell\n│ ├── index.tsx # Client-side React mount; reads window.location.pathname\n│ └── components/\n│ └── App.tsx # CreateView + RevealView\n└── shared/\n ├── types.ts # Shared TypeScript interfaces\n └── crypto.ts # AES-256-GCM + delete-proof derivation\n```\n\n## Tech Stack\n\n- **Server:** [Hono](https://hono.dev)\n- **UI:** React 18 (client-rendered, no SSR)\n- **Styling:** [Twind](https://twind.style)\n- **Database:** Val Town SQLite\n- **Crypto:** Web Crypto API",[150],"64463480-198f-11f1-b146-42dde27851f2","shared","6446358e-198f-11f1-b146-42dde27851f2",["D",1772823907845],0,"directory",[158],"a39c5556-198f-11f1-8039-42dde27851f2","server","a39c5632-198f-11f1-8039-42dde27851f2",7,["D",1772824014091],[165],"4382b284-5aab-11f1-b71e-ee650bb23af1","frontend","d8b0bef1-765c-4f50-b5fe-a22b390b009d",33,["D",1779982704358],[171],"pulls","branches","forks","envVars",{"_183":161,"_185":161},"connections",{"_183":161,"_184":161},"count","unfilledCount","emptyCount",{"_44":170,"_32":171,"_30":172,"_139":-5,"_42":43,"_41":173,"_141":60,"_39":303,"_13":161,"_34":162,"_36":-5,"_24":25,"_146":-5,"_203":304,"_27":305},{"_44":298,"_32":297,"_30":290,"_139":172,"_42":43,"_41":299,"_141":60,"_39":300,"_13":161,"_34":162,"_36":-5,"_24":25,"_146":-5,"_203":301,"_27":302},{"_44":287,"_32":288,"_30":289,"_139":290,"_42":43,"_41":291,"_141":60,"_39":292,"_13":293,"_34":35,"_36":294,"_24":25,"_146":-5,"_203":295,"_27":296},{"_44":278,"_32":279,"_30":280,"_139":172,"_42":43,"_41":281,"_141":60,"_39":282,"_13":283,"_34":20,"_36":284,"_24":25,"_146":-5,"_203":285,"_27":286},{"_44":270,"_32":271,"_30":272,"_139":172,"_42":43,"_41":273,"_141":60,"_39":274,"_13":161,"_34":35,"_36":275,"_24":25,"_146":-5,"_203":276,"_27":277},{"_44":164,"_32":165,"_30":166,"_139":-5,"_42":43,"_41":167,"_141":60,"_39":267,"_13":161,"_34":162,"_36":-5,"_24":25,"_146":-5,"_203":268,"_27":269},{"_44":258,"_32":259,"_30":260,"_139":166,"_42":43,"_41":261,"_141":60,"_39":262,"_13":263,"_34":35,"_36":264,"_24":25,"_146":-5,"_203":265,"_27":266},{"_44":249,"_32":250,"_30":251,"_139":166,"_42":43,"_41":252,"_141":60,"_39":253,"_13":254,"_34":35,"_36":255,"_24":25,"_146":-5,"_203":256,"_27":257},{"_44":245,"_32":33,"_30":31,"_139":166,"_42":43,"_41":14,"_141":25,"_39":246,"_13":240,"_34":35,"_36":38,"_24":25,"_146":-5,"_203":247,"_27":248},{"_44":237,"_32":238,"_30":239,"_139":166,"_42":43,"_41":240,"_141":60,"_39":241,"_13":161,"_34":35,"_36":242,"_24":25,"_146":-5,"_203":243,"_27":244},{"_44":229,"_32":230,"_30":231,"_139":166,"_42":43,"_41":232,"_141":60,"_39":233,"_13":64,"_34":35,"_36":234,"_24":25,"_146":-5,"_203":235,"_27":236},{"_44":157,"_32":158,"_30":159,"_139":-5,"_42":43,"_41":64,"_141":60,"_39":226,"_13":161,"_34":162,"_36":-5,"_24":25,"_146":-5,"_203":227,"_27":228},{"_44":218,"_32":219,"_30":220,"_139":159,"_42":43,"_41":221,"_141":60,"_39":222,"_13":214,"_34":35,"_36":223,"_24":25,"_146":-5,"_203":224,"_27":225},{"_44":209,"_32":210,"_30":211,"_139":159,"_42":43,"_41":212,"_141":60,"_39":213,"_13":214,"_34":35,"_36":215,"_24":25,"_146":-5,"_203":216,"_27":217},{"_44":149,"_32":150,"_30":151,"_139":-5,"_42":43,"_41":152,"_141":60,"_39":206,"_13":154,"_34":20,"_36":155,"_24":25,"_146":-5,"_203":207,"_27":208},{"_44":137,"_32":138,"_30":58,"_139":-5,"_42":43,"_41":140,"_141":25,"_39":202,"_13":143,"_34":144,"_36":145,"_24":25,"_146":147,"_203":204,"_27":205},["D",1779992962671],"children",[],[138],["D",1779988622013],[],[150],"390d0e4c-5aad-11f1-8ec1-ee650bb23af1","types.ts","67a24fce-198f-11f1-a172-42dde27851f2",47,["D",1779983545802],2,"export interface SecretRecord {\n id: string;\n encrypted_data: string;\n iv: string;\n salt: string;\n expires_at: number;\n created_at: number;\n}\n\nexport interface CreateSecretRequest {\n encrypted_data: string;\n iv: string;\n salt: string;\n delete_proof: string;\n expires_in_hours: number;\n}\n\nexport interface CreateSecretResponse {\n id: string;\n expires_at: number;\n}\n\nexport interface FetchSecretResponse {\n encrypted_data: string;\n iv: string;\n salt: string;\n expires_at: number;\n}\n",[],[158,210],"2fe285c2-5aad-11f1-aaa8-ee650bb23af1","crypto.ts","6ddb21b8-198f-11f1-8039-42dde27851f2",45,["D",1779983530424],"export function arrayBufferToBase64(buffer: ArrayBuffer): string {\n const bytes = new Uint8Array(buffer);\n let binary = \"\";\n for (let i = 0; i < bytes.byteLength; i++) {\n binary += String.fromCharCode(bytes[i]);\n }\n return btoa(binary);\n}\n\nexport function base64ToArrayBuffer(base64: string): ArrayBuffer {\n const binary = atob(base64);\n const bytes = new Uint8Array(binary.length);\n for (let i = 0; i < binary.length; i++) {\n bytes[i] = binary.charCodeAt(i);\n }\n return bytes.buffer;\n}\n\nexport async function deriveKey(password: string, salt: Uint8Array): Promise {\n const encoder = new TextEncoder();\n const keyMaterial = await crypto.subtle.importKey(\n \"raw\",\n encoder.encode(password),\n \"PBKDF2\",\n false,\n [\"deriveKey\"],\n );\n return crypto.subtle.deriveKey(\n { name: \"PBKDF2\", salt, iterations: 600000, hash: \"SHA-256\" },\n keyMaterial,\n { name: \"AES-GCM\", length: 256 },\n false,\n [\"encrypt\", \"decrypt\"],\n );\n}\n\nexport async function encryptData(\n plaintext: string,\n password: string,\n): Promise<{ encrypted: string; iv: string; salt: string }> {\n const salt = crypto.getRandomValues(new Uint8Array(16));\n const iv = crypto.getRandomValues(new Uint8Array(12));\n const key = await deriveKey(password, salt);\n const encoder = new TextEncoder();\n const encrypted = await crypto.subtle.encrypt(\n { name: \"AES-GCM\", iv },\n key,\n encoder.encode(plaintext),\n );\n return {\n encrypted: arrayBufferToBase64(encrypted),\n iv: arrayBufferToBase64(iv),\n salt: arrayBufferToBase64(salt),\n };\n}\n\nexport async function decryptData(\n encryptedBase64: string,\n ivBase64: string,\n saltBase64: string,\n password: string,\n): Promise {\n const salt = new Uint8Array(base64ToArrayBuffer(saltBase64));\n const iv = new Uint8Array(base64ToArrayBuffer(ivBase64));\n const key = await deriveKey(password, salt);\n const decrypted = await crypto.subtle.decrypt(\n { name: \"AES-GCM\", iv },\n key,\n base64ToArrayBuffer(encryptedBase64),\n );\n return new TextDecoder().decode(decrypted);\n}\n\n// Proof of passphrase knowledge for the DELETE endpoint.\n// Server stores this; client recomputes from passphrase + salt to authorize deletion.\n// The 16-byte random salt defeats rainbow tables; the passphrase itself never leaves the browser.\nexport async function deriveDeleteProof(passphrase: string, saltBase64: string): Promise {\n const encoder = new TextEncoder();\n const passBytes = encoder.encode(passphrase);\n const saltBytes = new Uint8Array(base64ToArrayBuffer(saltBase64));\n const combined = new Uint8Array(passBytes.length + saltBytes.length);\n combined.set(passBytes, 0);\n combined.set(saltBytes, passBytes.length);\n const digest = await crypto.subtle.digest(\"SHA-256\", combined);\n return arrayBufferToBase64(digest);\n}\n\nexport function generatePassphrase(length = 20): string {\n const chars = \"ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnpqrstuvwxyz23456789!@#$%\";\n const maxUnbiased = 256 - (256 % chars.length); // = 236 for 59 chars\n const result: string[] = [];\n\n while (result.length < length) {\n const values = crypto.getRandomValues(new Uint8Array(length - result.length));\n for (const v of values) {\n if (v < maxUnbiased) {\n result.push(chars[v % chars.length]);\n if (result.length === length) break;\n }\n // Reject biased values and retry\n }\n }\n\n return result.join(\"\");\n}\n",[],[158,219],["D",1772823907845],[198,199],[158],"3fd3cf2c-5aad-11f1-8417-ee650bb23af1","validate.ts","337fe24e-5aab-11f1-9e7a-ee650bb23af1",48,["D",1779983557171],"import type { CreateSecretRequest } from \"../shared/types.ts\";\n\nexport const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;\nconst BASE64_RE = /^[A-Za-z0-9+/]+=*$/;\n\nfunction isValidBase64(s: string, minLen: number, maxLen: number): boolean {\n return typeof s === \"string\"\n && s.length >= minLen\n && s.length <= maxLen\n && BASE64_RE.test(s);\n}\n\nexport function validateCreateBody(body: CreateSecretRequest): string | null {\n if (!body.encrypted_data || !body.iv || !body.salt || !body.delete_proof) {\n return \"Missing required fields\";\n }\n if (!isValidBase64(body.encrypted_data, 1, 131_072)) {\n return \"encrypted_data must be valid base64, max 100KB\";\n }\n if (!isValidBase64(body.iv, 16, 24)) {\n return \"iv must be valid base64 of 12 bytes\";\n }\n if (!isValidBase64(body.salt, 20, 32)) {\n return \"salt must be valid base64 of 16 bytes\";\n }\n // SHA-256 digest → 32 bytes → 44 base64 chars including padding\n if (!isValidBase64(body.delete_proof, 40, 48)) {\n return \"delete_proof must be valid base64 of a 32-byte digest\";\n }\n return null;\n}\n\nexport function isValidProof(proof: string): boolean {\n return isValidBase64(proof, 40, 48);\n}\n",[],[165,230],"30c1a876-5aab-11f1-9859-ee650bb23af1","rateLimit.ts","30c1a920-5aab-11f1-9859-ee650bb23af1",28,["D",1779982672896],"interface RateBucket {\n count: number;\n resetAt: number;\n}\n\nconst buckets = new Map();\n\nsetInterval(() => {\n const now = Date.now();\n for (const [key, bucket] of buckets) {\n if (bucket.resetAt <= now) buckets.delete(key);\n }\n}, 5 * 60 * 1000);\n\nexport function rateLimit(windowMs: number, maxRequests: number) {\n return async (c: any, next: () => Promise) => {\n const ip = c.req.header(\"x-forwarded-for\")?.split(\",\")[0]?.trim()\n || c.req.header(\"cf-connecting-ip\")\n || \"unknown\";\n const key = `${ip}:${c.req.path}:${c.req.method}`;\n const now = Date.now();\n\n let bucket = buckets.get(key);\n if (!bucket || bucket.resetAt <= now) {\n bucket = { count: 0, resetAt: now + windowMs };\n buckets.set(key, bucket);\n }\n\n bucket.count++;\n\n if (bucket.count > maxRequests) {\n const retryAfter = Math.ceil((bucket.resetAt - now) / 1000);\n return c.json(\n { error: \"Too many requests. Please try again later.\" },\n 429,\n { \"Retry-After\": String(retryAfter) },\n );\n }\n\n await next();\n };\n}\n",[],[165,238],"b719f620-5ac5-11f1-9b2c-ee650bb23af1",["D",1779994065205],[],[165,33],"e17ef4a0-5ab7-11f1-8294-ee650bb23af1","db.ts","ab280630-198f-11f1-8038-42dde27851f2",73,["D",1779988123365],5,"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport type { SecretRecord } from \"../shared/types.ts\";\n\nexport async function insertSecret(\n id: string,\n encryptedData: string,\n iv: string,\n salt: string,\n expiresAt: number,\n deleteProof: string,\n): Promise {\n await sqlite.execute({\n sql: `INSERT INTO secrets (id, encrypted_data, iv, salt, expires_at, created_at, delete_proof)\n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n args: [id, encryptedData, iv, salt, expiresAt, Math.floor(Date.now() / 1000), deleteProof],\n });\n}\n\nexport async function getSecret(id: string): Promise {\n const now = Math.floor(Date.now() / 1000);\n const result = await sqlite.execute({\n sql: `SELECT id, encrypted_data, iv, salt, expires_at, created_at\n FROM secrets WHERE id = ? AND expires_at > ?`,\n args: [id, now],\n });\n if (result.rows.length === 0) return null;\n return result.rows[0] as unknown as SecretRecord;\n}\n\nexport async function deleteSecret(id: string, deleteProof: string): Promise {\n if (!deleteProof) return false;\n const result = await sqlite.execute({\n sql: `DELETE FROM secrets WHERE id = ? AND delete_proof = ?`,\n args: [id, deleteProof],\n });\n return result.rowsAffected > 0;\n}\n\nexport async function cleanupExpired(): Promise {\n const now = Math.floor(Date.now() / 1000);\n const result = await sqlite.execute({\n sql: `DELETE FROM secrets WHERE expires_at <= ?`,\n args: [now],\n });\n return result.rowsAffected;\n}\n",[],[165,250],"f9058d64-5ab7-11f1-972f-ee650bb23af1","api.ts","38e52636-5aab-11f1-a2d5-ee650bb23af1",78,["D",1779988162845],14,"import { Hono } from \"npm:hono@4\";\nimport { cleanupExpired, deleteSecret, getSecret, insertSecret } from \"./db.ts\";\nimport { rateLimit } from \"./rateLimit.ts\";\nimport { isValidProof, UUID_RE, validateCreateBody } from \"./validate.ts\";\nimport type { CreateSecretRequest, CreateSecretResponse, FetchSecretResponse } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\napp.post(\"/secrets\", rateLimit(60_000, 10), async (c) => {\n const body = await c.req.json();\n\n const error = validateCreateBody(body);\n if (error) return c.json({ error }, 400);\n\n const hours = Math.min(Math.max(body.expires_in_hours || 168, 1), 720);\n const expiresAt = Math.floor(Date.now() / 1000) + hours * 3600;\n const id = crypto.randomUUID();\n\n await insertSecret(id, body.encrypted_data, body.iv, body.salt, expiresAt, body.delete_proof);\n\n cleanupExpired().catch(() => {});\n\n const response: CreateSecretResponse = { id, expires_at: expiresAt };\n return c.json(response, 201);\n});\n\napp.get(\"/secrets/:id\", rateLimit(60_000, 30), async (c) => {\n const id = c.req.param(\"id\");\n if (!UUID_RE.test(id)) return c.json({ error: \"Invalid secret ID\" }, 400);\n\n const secret = await getSecret(id);\n if (!secret) return c.json({ error: \"Secret not found or expired\" }, 404);\n\n const response: FetchSecretResponse = {\n encrypted_data: secret.encrypted_data,\n iv: secret.iv,\n salt: secret.salt,\n expires_at: secret.expires_at,\n };\n return c.json(response);\n});\n\napp.delete(\"/secrets/:id\", rateLimit(60_000, 10), async (c) => {\n const id = c.req.param(\"id\");\n if (!UUID_RE.test(id)) return c.json({ error: \"Invalid secret ID\" }, 400);\n\n const proof = c.req.header(\"X-Delete-Proof\");\n if (!proof || !isValidProof(proof)) {\n return c.json({ error: \"Missing or invalid X-Delete-Proof header\" }, 401);\n }\n\n const deleted = await deleteSecret(id, proof);\n if (!deleted) {\n return c.json({ error: \"Secret not found or wrong passphrase\" }, 404);\n }\n return c.json({ success: true });\n});\n\nexport default app;\n",[],[165,259],["D",1772824014091],[192,193,194,195,196],[165],"44fe3ee4-5aab-11f1-9f92-ee650bb23af1","index.tsx","44fe3fd4-5aab-11f1-9f92-ee650bb23af1",34,["D",1779982706851],"/** @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) throw new Error(\"No root element found\");\n\nconst match = window.location.pathname.match(/^\\/s\\/([0-9a-f-]+)$/i);\nconst secretId = match?.[1];\n\ncreateRoot(root).render();\n",[],[171,271],"755c0f56-5ac1-11f1-b1ae-ee650bb23af1","index.html","4382a0b4-5aab-11f1-b71e-ee650bb23af1",127,["D",1779992236924],4,"\n\n \n \n \n Secret Share – E2E Encrypted Secret Sharing\n \n\n \n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n

\n \n \n \n\n",[],[171,279],"66f300e2-5ac5-11f1-8fce-ee650bb23af1","App.tsx","65b726f0-5aab-11f1-b71e-ee650bb23af1","4d37c866-3303-4bf8-af87-1225386568f4",147,["D",1779993930732],23,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport type {\n CreateSecretRequest,\n CreateSecretResponse,\n FetchSecretResponse,\n} from \"../../shared/types.ts\";\nimport {\n decryptData,\n deriveDeleteProof,\n encryptData,\n generatePassphrase,\n} from \"../../shared/crypto.ts\";\n\nconst EXPIRY_OPTIONS: { hours: number; label: string }[] = [\n { hours: 1, label: \"1 hour\" },\n { hours: 24, label: \"1 day\" },\n { hours: 72, label: \"3 days\" },\n { hours: 168, label: \"1 week\" },\n { hours: 720, label: \"30 days\" },\n];\n\nfunction Spinner() {\n return (\n \n \n \n \n );\n}\n\nfunction StepHeading({ n, children }: { n: number; children: React.ReactNode }) {\n return (\n

\n \n {n}\n \n

{children}

\n );\n}\n\nfunction CopyButton({ text }: { text: string }) {\n const [copied, setCopied] = useState(false);\n const handleCopy = useCallback(async () => {\n await navigator.clipboard.writeText(text);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n }, [text]);\n return (\n \n {copied ? \"✓ copied\" : \"copy\"}\n \n );\n}\n\nasync function deleteSecretRequest(\n secretId: string,\n deleteProof: string,\n): Promise {\n const res = await fetch(`/api/secrets/${secretId}`, {\n method: \"DELETE\",\n headers: { \"X-Delete-Proof\": deleteProof },\n });\n if (!res.ok) throw new Error(await res.text());\n}\n\nfunction CreateView() {\n const [secret, setSecret] = useState(\"\");\n const [passphrase, setPassphrase] = useState(() => generatePassphrase());\n const [expiresInHours, setExpiresInHours] = useState(168);\n const [loading, setLoading] = useState(false);\n const [result, setResult] = useState<\n | { url: string; passphrase: string; secretId: string; deleteProof: string }\n | null\n >(null);\n const [deleting, setDeleting] = useState(false);\n const [deleted, setDeleted] = useState(false);\n const [error, setError] = useState(null);\n const [isDragging, setIsDragging] = useState(false);\n\n useEffect(() => {\n if (result || deleted) return;\n let depth = 0;\n const onDragEnter = (e: DragEvent) => {\n if (!e.dataTransfer?.types.includes(\"Files\")) return;\n e.preventDefault();\n depth++;\n setIsDragging(true);\n };\n const onDragOver = (e: DragEvent) => {\n if (e.dataTransfer?.types.includes(\"Files\")) e.preventDefault();\n };\n const onDragLeave = () => {\n depth = Math.max(0, depth - 1);\n if (depth === 0) setIsDragging(false);\n };\n const onDrop = (e: DragEvent) => {\n const file = e.dataTransfer?.files[0];\n if (!file) return;\n e.preventDefault();\n depth = 0;\n setIsDragging(false);\n const reader = new FileReader();\n reader.onload = () => setSecret(String(reader.result ?? \"\"));\n reader.onerror = () => setError(\"Couldn't read that file.\");\n reader.readAsText(file);\n };\n document.addEventListener(\"dragenter\", onDragEnter);\n document.addEventListener(\"dragover\", onDragOver);\n document.addEventListener(\"dragleave\", onDragLeave);\n document.addEventListener(\"drop\", onDrop);\n return () => {\n document.removeEventListener(\"dragenter\", onDragEnter);\n document.removeEventListener(\"dragover\", onDragOver);\n document.removeEventListener(\"dragleave\", onDragLeave);\n document.removeEventListener(\"drop\", onDrop);\n };\n }, [result, deleted]);\n\n const handleSubmit = useCallback(async () => {\n if (!secret.trim()) {\n setError(\"Please enter a secret to share.\");\n return;\n }\n if (!passphrase.trim()) {\n setError(\"Please enter or generate a passphrase.\");\n return;\n }\n setLoading(true);\n setError(null);\n try {\n const { encrypted, iv, salt } = await encryptData(secret, passphrase);\n const deleteProof = await deriveDeleteProof(passphrase, salt);\n const body: CreateSecretRequest = {\n encrypted_data: encrypted,\n iv,\n salt,\n delete_proof: deleteProof,\n expires_in_hours: expiresInHours,\n };\n const res = await fetch(\"/api/secrets\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(body),\n });\n if (!res.ok) throw new Error(await res.text());\n const data: CreateSecretResponse = await res.json();\n const url = `${window.location.origin}/s/${data.id}`;\n setResult({ url, passphrase, secretId: data.id, deleteProof });\n } catch (e: any) {\n setError(e.message || \"Something went wrong\");\n } finally {\n setLoading(false);\n }\n }, [secret, passphrase, expiresInHours]);\n\n const handleDelete = useCallback(async () => {\n if (!result) return;\n if (!confirm(\"Are you sure? This secret will be permanently deleted.\")) {\n return;\n }\n setDeleting(true);\n setError(null);\n try {\n await deleteSecretRequest(result.secretId, result.deleteProof);\n setDeleted(true);\n } catch (e: any) {\n setError(e.message || \"Failed to delete\");\n } finally {\n setDeleting(false);\n }\n }, [result]);\n\n if (deleted) {\n return (\n

\n Secret deleted. It has been permanently destroyed.\n

\n {\n setResult(null);\n setDeleted(false);\n setSecret(\"\");\n setPassphrase(generatePassphrase());\n }}\n className=\"w-full py-2 border border-gray-400 text-gray-800 hover:bg-gray-50 rounded transition-colors\"\n >\n Create a new secret\n \n

\n );\n }\n\n if (result) {\n return (\n

\n Encrypted. Share the link and passphrase via{\" \"}\n different channels.\n

\n Link\n

\n \n {result.url}\n \n \n

\n Passphrase\n

\n \n {result.passphrase}\n \n \n

\n {error && (\n

{error}

\n )}\n

\n {\n setResult(null);\n setSecret(\"\");\n setPassphrase(generatePassphrase());\n }}\n className=\"flex-1 py-2 border border-gray-400 hover:bg-gray-50 rounded transition-colors\"\n >\n Create another\n \n \n {deleting && }\n {deleting ? \"Deleting…\" : \"Delete\"}\n \n

\n );\n }\n\n return (\n

\n {isDragging && (\n

\n Drop file to load its contents\n

\n )}\n

\n Your secret\n setSecret(e.target.value)}\n placeholder=\"Enter secret text, or drag and drop a file…\"\n rows={4}\n className=\"w-full border border-gray-300 rounded p-3 font-mono text-sm placeholder-gray-400 focus:outline-none focus:border-gray-700 resize-none\"\n />\n

\n\n

\n Encryption passphrase\n

\n setPassphrase(e.target.value)}\n className=\"flex-1 border border-gray-300 rounded p-3 font-mono text-sm focus:outline-none focus:border-gray-700\"\n />\n setPassphrase(generatePassphrase())}\n className=\"px-3 py-2 border border-gray-400 hover:bg-gray-50 rounded text-sm transition-colors whitespace-nowrap\"\n >\n regenerate\n \n

\n\n

\n Expires in\n

\n {EXPIRY_OPTIONS.map(({ hours, label }) => (\n setExpiresInHours(hours)}\n className={\n \"px-3 py-1 border rounded text-sm transition-colors \" +\n (expiresInHours === hours\n ? \"border-gray-700 bg-gray-100 text-gray-900\"\n : \"border-gray-300 text-gray-700 hover:bg-gray-50\")\n }\n >\n {label}\n \n ))}\n

\n\n {error &&

{error}

}\n\n \n {loading && }\n {loading ? \"Encrypting…\" : \"Encrypt & create link\"}\n \n

\n );\n}\n\nfunction RevealView({ secretId }: { secretId: string }) {\n const [passphrase, setPassphrase] = useState(\"\");\n const [decrypted, setDecrypted] = useState<\n { plaintext: string; salt: string; passphrase: string } | null\n >(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [notFound, setNotFound] = useState(false);\n const [deleting, setDeleting] = useState(false);\n const [deleted, setDeleted] = useState(false);\n\n const handleDecrypt = useCallback(async () => {\n if (!passphrase.trim()) {\n setError(\"Please enter the passphrase.\");\n return;\n }\n setLoading(true);\n setError(null);\n try {\n const res = await fetch(`/api/secrets/${secretId}`);\n if (res.status === 404) {\n setNotFound(true);\n return;\n }\n if (!res.ok) throw new Error(await res.text());\n const data: FetchSecretResponse = await res.json();\n const plaintext = await decryptData(\n data.encrypted_data,\n data.iv,\n data.salt,\n passphrase,\n );\n setDecrypted({ plaintext, salt: data.salt, passphrase });\n } catch (e: any) {\n if (e.name === \"OperationError\") {\n setError(\"Wrong passphrase. Please try again.\");\n } else {\n setError(e.message || \"Something went wrong\");\n }\n } finally {\n setLoading(false);\n }\n }, [secretId, passphrase]);\n\n const handleDelete = useCallback(async () => {\n if (!decrypted) return;\n if (!confirm(\"Are you sure? This secret will be permanently deleted.\")) {\n return;\n }\n setDeleting(true);\n setError(null);\n try {\n const proof = await deriveDeleteProof(\n decrypted.passphrase,\n decrypted.salt,\n );\n await deleteSecretRequest(secretId, proof);\n setDeleted(true);\n } catch (e: any) {\n setError(e.message || \"Failed to delete\");\n } finally {\n setDeleting(false);\n }\n }, [decrypted, secretId]);\n\n if (deleted) {\n return (\n

\n Secret deleted. It has been permanently destroyed.\n

\n \n Create a new secret\n \n

\n );\n }\n\n if (notFound) {\n return (\n

\n Secret not found. It has expired or been deleted.\n

\n \n Create a new secret\n \n

\n );\n }\n\n if (decrypted) {\n return (\n

Decrypted secret

\n \n

\n            {decrypted.plaintext}\n

\n Anyone with the passphrase can delete this secret.\n

\n {error &&

{error}

}\n

\n \n Create a new secret\n \n \n {deleting && }\n {deleting ? \"Deleting…\" : \"Delete\"}\n \n

\n );\n }\n\n return (\n

\n Someone sent you a secret. Enter the passphrase to decrypt it.\n

\n Passphrase\n setPassphrase(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && handleDecrypt()}\n placeholder=\"Enter the passphrase…\"\n className=\"w-full border border-gray-300 rounded p-3 font-mono text-sm placeholder-gray-400 focus:outline-none focus:border-gray-700\"\n autoFocus\n />\n

\n {error &&

{error}

}\n \n {loading && }\n {loading ? \"Decrypting…\" : \"Decrypt secret\"}\n \n

\n );\n}\n\nexport function App({ secretId }: { secretId?: string }) {\n return (\n

Secret Share

\n End-to-end encrypted sharing for passwords, API keys, and sensitive text\n

\n {secretId ? : }\n

\n \n

\n );\n}\n",[],[171,297,288],"components","65b774de-5aab-11f1-b71e-ee650bb23af1",38,["D",1779982761733],[188],[171,297],["D",1779982704358],[187,189,190],[171],["D",1772823903506],["D",1789515657103],{"_102":101,"_109":105},{"_102":101,"_103":-5,"_104":105,"_18":56,"_106":107,"_108":25},{"_13":91,"_32":92,"_44":43,"_93":45,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":46,"_100":101},"ctx",{"_84":-5,"_129":344,"_345":346,"_347":348,"_349":25,"_350":25,"_351":25,"_352":60,"_353":-5,"_354":-7,"_355":-7,"_356":161,"_357":25,"_358":25,"_359":-5,"_360":25,"_361":25,"_362":25,"_363":-5},"ENV",{"_315":316,"_317":318,"_319":92,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343},"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 · v149