/** @jsxImportSource https://esm.sh/react */ import React, { useState, useEffect } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; import { ethers } from "https://esm.sh/ethers@5.7.2"; function CopyableField({ label, value }) { const copyToClipboard = () => { navigator.clipboard.writeText(value).then(() => { alert(`${label} copied to clipboard!`); }); }; return (

{label}:

); } function App() { const [wallet, setWallet] = useState(null); useEffect(() => { generateWallet(); }, []); const generateWallet = () => { const newWallet = ethers.Wallet.createRandom(); setWallet(newWallet); }; return (

Ethereum Address Generator

⚠️ Use for test purposes only ⚠️

{wallet && (

)}

Warning: Never share your private key with anyone!

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { return new Response(` Ethereum Address Generator

`, { headers: { "content-type": "text/html", }, }); } const css = ` body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } .container { max-width: 600px; margin: 2rem auto; padding: 2rem; background-color: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } h1 { color: #333; text-align: center; } .wallet-info { background-color: #f9f9f9; border: 1px solid #ddd; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; } .field { margin-bottom: 1rem; } .field label { display: block; margin-bottom: 0.5rem; font-weight: bold; } .field-value { display: flex; gap: 0.5rem; } .field-value input { flex-grow: 1; padding: 0.5rem; border: 1px solid #ddd; border-radius: 4px; font-size: 0.9rem; } .copy-button { padding: 0.5rem 1rem; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; } .copy-button:hover { background-color: #0056b3; } .generate-button { display: block; width: 100%; padding: 0.75rem; background-color: #4CAF50; color: white; border: none; border-radius: 4px; font-size: 1rem; cursor: pointer; margin-top: 1rem; } .generate-button:hover { background-color: #45a049; } .warning { color: #ff0000; text-align: center; margin-top: 1rem; } .test-warning { background-color: #fff3cd; color: #856404; border: 1px solid #ffeeba; border-radius: 4px; padding: 0.75rem; margin-bottom: 1rem; text-align: center; font-weight: bold; } `;

alfongj