🗑️ 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 [decryptedSecret, setDecryptedSecret] = useState(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n const [notFound, setNotFound] = 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 setDecryptedSecret(plaintext);\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 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 (decryptedSecret !== null) {\n return (\n

🔓 Decrypted Secret

\n \n

\n            {decryptedSecret}\n

\n 💡 Only the secret's creator can delete it.\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","deleted","label",[180,161],"client","permalink","https://www.val.town/x/stevekrouse/secret-share/code/client/app.tsx","extension","actionData","errors"]