\n \n \n \n\n",[],[175,282],"7e099358-5aad-11f1-9914-ee650bb23af1","App.tsx","65b726f0-5aab-11f1-b71e-ee650bb23af1","4d37c866-3303-4bf8-af87-1225386568f4",51,["D",1779983661531],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useCallback, 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\nfunction Spinner() {\n return (\n \n \n \n \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(secretId: string, deleteProof: string): 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 } | null\n >(null);\n const [deleting, setDeleting] = useState(false);\n const [deleted, setDeleted] = useState(false);\n const [error, setError] = useState(null);\n\n const handleGenerate = useCallback(() => {\n setPassphrase(generatePassphrase());\n }, []);\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.\")) return;\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

🗑️ Secret Deleted

The secret has been permanently destroyed.

\n {\n setResult(null);\n setDeleted(false);\n setSecret(\"\");\n setPassphrase(generatePassphrase());\n }}\n className=\"w-full py-3 bg-purple-600 hover:bg-purple-500 text-white font-bold rounded-lg transition-colors\"\n >\n Create a New Secret\n \n

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

🔒 Secret Created!

\n Share this link:\n

\n {result.url}\n \n

\n \n Passphrase (send separately!):\n \n

\n {result.passphrase}\n \n

\n ⚠️ Send the link and passphrase via different channels for maximum security.\n

\n {error && (\n

\n {error}\n

\n )}\n \n {deleting && }\n {deleting ? \"Deleting...\" : \"🗑️ Delete This Secret\"}\n \n {\n setResult(null);\n setSecret(\"\");\n setPassphrase(generatePassphrase());\n }}\n className=\"w-full py-3 bg-gray-700 hover:bg-gray-600 text-white font-medium rounded-lg transition-colors\"\n >\n Create Another Secret\n \n

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

\n Your Secret\n setSecret(e.target.value)}\n placeholder=\"Enter password, API key, or any secret text...\"\n rows={4}\n className=\"w-full bg-gray-800 border border-gray-700 rounded-lg p-3 text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent resize-none\"\n />\n

\n Encryption Passphrase\n

\n setPassphrase(e.target.value)}\n className=\"flex-1 bg-gray-800 border border-gray-700 rounded-lg p-3 text-white font-mono focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n />\n \n 🎲 Generate\n \n

\n Expires In\n setExpiresInHours(Number(e.target.value))}\n className=\"w-full bg-gray-800 border border-gray-700 rounded-lg p-3 text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n >\n \n \n \n \n \n \n

\n {error && (\n

\n {error}\n

\n )}\n \n {loading && }\n {loading ? \"Encrypting & Saving...\" : \"🔐 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(data.encrypted_data, data.iv, data.salt, passphrase);\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.\")) return;\n setDeleting(true);\n setError(null);\n try {\n const proof = await deriveDeleteProof(decrypted.passphrase, decrypted.salt);\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

🗑️ Secret Deleted

The secret has been permanently destroyed.

\n \n Create a New Secret\n \n

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

🚫 Secret Not Found

This secret has expired or been deleted.

\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 {error && (\n

\n {error}\n

\n )}\n \n {deleting && }\n {deleting ? \"Deleting...\" : \"🗑️ Delete This Secret\"}\n \n

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

\n \n Create a New Secret\n \n

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

🔒 Someone sent you a secret

Enter the passphrase to decrypt it.

\n Passphrase\n setPassphrase(e.target.value)}\n onKeyDown={(e) => e.key === \"Enter\" && handleDecrypt()}\n placeholder=\"Enter the passphrase you were given...\"\n className=\"w-full bg-gray-800 border border-gray-700 rounded-lg p-3 text-white font-mono placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent\"\n autoFocus\n />\n

\n {error && (\n

\n {error}\n

\n )}\n \n {loading && }\n {loading ? \"Decrypting...\" : \"🔓 Decrypt Secret\"}\n \n

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

\n 🔐 Secret Share\n

End-to-end encrypted secret sharing

\n {secretId ? : }\n

\n Secrets are encrypted in your browser. The server never sees your passphrase or plaintext.\n

\n );\n}\n",[],[175,297,289],"components","65b774de-5aab-11f1-b71e-ee650bb23af1",38,["D",1779982761733],[192],[175,297],["D",1779982704358],[191,193,194],[175],["D",1772823903506],["D",1789515657103],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":55,"_104":105,"_106":48},{"_13":89,"_32":90,"_42":41,"_91":43,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":44,"_98":99},"ctx",{"_82":-5,"_127":344,"_345":346,"_347":348,"_349":48,"_350":48,"_351":48,"_352":25,"_353":-5,"_354":-7,"_355":-7,"_356":161,"_357":48,"_358":48,"_359":-5,"_360":48,"_361":48,"_362":48,"_363":-5},"ENV",{"_315":316,"_317":318,"_319":90,"_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 · v63