\n {label}:\n

\n \n \n

\n );\n}\n\nfunction App() {\n const [activeTab, setActiveTab] = useState('EVM');\n const [evmWallet, setEvmWallet] = useState(null);\n const [solanaWallet, setSolanaWallet] = useState(null);\n\n useEffect(() => {\n if (activeTab === 'EVM') {\n generateEvmWallet();\n } else {\n generateSolanaWallet();\n }\n }, [activeTab]);\n\n const generateEvmWallet = () => {\n const newWallet = ethers.Wallet.createRandom();\n setEvmWallet(newWallet);\n };\n\n const generateSolanaWallet = () => {\n const keypair = Keypair.generate();\n const privateKeyArray = keypair.secretKey;\n const privateKeyBase58 = bs58.encode(privateKeyArray);\n \n setSolanaWallet({\n publicKey: keypair.publicKey.toString(),\n privateKey: privateKeyBase58,\n secretKey: `[${Array.from(privateKeyArray).join(',')}]`\n });\n };\n\n const handleTabChange = (tab) => {\n setActiveTab(tab);\n };\n\n const handleGenerate = () => {\n if (activeTab === 'EVM') {\n generateEvmWallet();\n } else {\n generateSolanaWallet();\n }\n };\n\n return (\n

Crypto Address Generator

⚠️ Use for test purposes only ⚠️

\n \n

\n \n \n

\n\n {activeTab === 'EVM' && evmWallet && (\n

\n \n \n \n

\n )}\n\n {activeTab === 'Solana' && solanaWallet && (\n

\n \n \n \n

\n )}\n\n \n

Warning: Never share your private key with anyone!

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(`\n \n \n Crypto Address Generator\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f0f0f0;\n}\n.container {\n max-width: 600px;\n margin: 2rem auto;\n padding: 2rem;\n background-color: white;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\nh1 {\n color: #333;\n text-align: center;\n}\n.tabs {\n display: flex;\n margin-bottom: 2rem;\n border-bottom: 2px solid #e0e0e0;\n}\n.tab {\n flex: 1;\n padding: 1rem;\n background: none;\n border: none;\n border-bottom: 3px solid transparent;\n cursor: pointer;\n font-size: 1rem;\n font-weight: 500;\n color: #666;\n transition: all 0.3s ease;\n}\n.tab:hover {\n background-color: #f5f5f5;\n color: #333;\n}\n.tab.active {\n color: #007bff;\n border-bottom-color: #007bff;\n background-color: #f8f9fa;\n}\n.wallet-info {\n background-color: #f9f9f9;\n border: 1px solid #ddd;\n border-radius: 4px;\n padding: 1rem;\n margin-bottom: 1rem;\n}\n.field {\n margin-bottom: 1rem;\n}\n.field label {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: bold;\n}\n.field-value {\n display: flex;\n gap: 0.5rem;\n}\n.field-value input {\n flex-grow: 1;\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 0.9rem;\n}\n.copy-button {\n padding: 0.5rem 1rem;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n}\n.copy-button:hover {\n background-color: #0056b3;\n}\n.generate-button {\n display: block;\n width: 100%;\n padding: 0.75rem;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n font-size: 1rem;\n cursor: pointer;\n margin-top: 1rem;\n}\n.generate-button:hover {\n background-color: #45a049;\n}\n.warning {\n color: #ff0000;\n text-align: center;\n margin-top: 1rem;\n}\n.test-warning {\n background-color: #fff3cd;\n color: #856404;\n border: 1px solid #ffeeba;\n border-radius: 4px;\n padding: 0.75rem;\n margin-bottom: 1rem;\n text-align: center;\n font-weight: bold;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/Crossmint/crypto-address-generator/code/main.tsx","extension","actionData","errors"]