function MainComponent() { const [contractDescription, setContractDescription] = React.useState(""); const [generatedContract, setGeneratedContract] = React.useState(""); const [contractDetails, setContractDetails] = React.useState(null); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(""); const [viewMode, setViewMode] = React.useState("generator"); // 'generator' or 'viewer' // Check if we're viewing a specific contract via URL React.useEffect(()=>{ const urlParams = new URLSearchParams(window.location.search); const alias = urlParams.get("alias"); if (alias) { setViewMode("viewer"); // Load contract details from localStorage using alias const savedContract = localStorage.getItem(`contract_${alias}`); if (savedContract) { setContractDetails(JSON.parse(savedContract)); } } }, []); // Generate random keys and addresses (simulated) const generateKeys = ()=>{ const generateRandomHex = (length)=>{ const chars = "0123456789abcdef"; let result = "0x"; for(let i = 0; i < length; i++){ result += chars.charAt(Math.floor(Math.random() * chars.length)); } return result; }; return { contractAddress: generateRandomHex(40), privateKey: generateRandomHex(64), publicKey: generateRandomHex(128), secretKey: generateRandomHex(64), txHash: generateRandomHex(64), blockHash: generateRandomHex(64), sha256: generateRandomHex(64), timestamp: Date.now(), blockNumber: Math.floor(Math.random() * 1000000) + 1000000 }; }; const generateSmartContract = async ()=>{ if (!contractDescription.trim()) { setError("Please describe what you want your smart contract to do"); return; } setLoading(true); setError(""); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are a Solidity smart contract expert. Generate complete, secure, and well-commented Solidity smart contracts based on user requirements. Include pragma statement, contract structure, state variables, events, modifiers, and functions. Make sure the code is production-ready and follows best practices." }, { role: "user", content: `Generate a Solidity smart contract for: ${contractDescription}` } ] }) }); if (!response.ok) { throw new Error(`API request failed: ${response.status}`); } const data = await response.json(); const contractCode = data.choices[0].message.content; // Generate contract details const keys = generateKeys(); const contractDetails = { ...keys, code: contractCode, description: contractDescription, createdAt: new Date().toISOString(), deploymentStatus: "Deployed", network: "Ethereum Mainnet", gasUsed: Math.floor(Math.random() * 500000) + 100000, gasPrice: "20 Gwei" }; // Save to localStorage using contract address as key localStorage.setItem(`contract_${keys.contractAddress}`, JSON.stringify(contractDetails)); setGeneratedContract(contractCode); setContractDetails(contractDetails); } catch (err) { console.error("Error generating contract:", err); setError("Failed to generate smart contract. Please try again."); } finally{ setLoading(false); } }; const copyToClipboard = (text)=>{ navigator.clipboard.writeText(text); }; const generateShareableLink = ()=>{ if (contractDetails) { const baseUrl = window.location.origin + window.location.pathname; return `${baseUrl}?alias=${contractDetails.contractAddress}`; } return ""; }; // Contract viewer mode if (viewMode === "viewer" && contractDetails) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 text-white p-4", __source: { fileName: "", lineNumber: 129, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg p-6 mb-6", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-4 text-center", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, "Smart Contract Details"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-6", __source: { fileName: "", lineNumber: 136, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 137, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 138, columnNumber: 17 }, __self: this }, "Contract Address"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-sm break-all text-green-400", __source: { fileName: "", lineNumber: 139, columnNumber: 17 }, __self: this }, contractDetails.contractAddress)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 145, columnNumber: 17 }, __self: this }, "Transaction Hash"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-sm break-all text-blue-400", __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this }, contractDetails.txHash)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }, "Block Hash"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-sm break-all text-purple-400", __source: { fileName: "", lineNumber: 153, columnNumber: 17 }, __self: this }, contractDetails.blockHash)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 158, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, "SHA256"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-sm break-all text-yellow-400", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, contractDetails.sha256)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 166, columnNumber: 17 }, __self: this }, "Block Number"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this }, contractDetails.blockNumber)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 171, columnNumber: 17 }, __self: this }, "Gas Used"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, contractDetails.gasUsed.toLocaleString())), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }, "Network"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 179, columnNumber: 17 }, __self: this }, contractDetails.network)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-green-400", __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this }, contractDetails.deploymentStatus))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded mb-4", __source: { fileName: "", lineNumber: 190, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, "Public Key"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-xs break-all text-cyan-400", __source: { fileName: "", lineNumber: 192, columnNumber: 15 }, __self: this }, contractDetails.publicKey)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded mb-4", __source: { fileName: "", lineNumber: 197, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 198, columnNumber: 15 }, __self: this }, "Private Key"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-xs break-all text-red-400", __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this }, contractDetails.privateKey)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded mb-4", __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 205, columnNumber: 15 }, __self: this }, "Secret Key"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-xs break-all text-orange-400", __source: { fileName: "", lineNumber: 206, columnNumber: 15 }, __self: this }, contractDetails.secretKey)), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 211, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 212, columnNumber: 15 }, __self: this }, "Smart Contract Code"), /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-900 p-4 rounded text-xs overflow-x-auto", __source: { fileName: "", lineNumber: 213, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("code", { __source: { fileName: "", lineNumber: 214, columnNumber: 17 }, __self: this }, contractDetails.code))), /*#__PURE__*/ React.createElement("div", { className: "mt-6 text-center", __source: { fileName: "", lineNumber: 218, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = window.location.pathname, className: "bg-blue-600 hover:bg-blue-700 px-6 py-2 rounded font-semibold", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }, "Generate New Contract"))))); } // Generator mode return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 text-white p-4", __source: { fileName: "", lineNumber: 236, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 237, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-800 rounded-lg p-6", __source: { fileName: "", lineNumber: 238, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 text-center", __source: { fileName: "", lineNumber: 239, columnNumber: 11 }, __self: this }, "AI Smart Contract Generator"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 243, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium mb-2", __source: { fileName: "", lineNumber: 244, columnNumber: 13 }, __self: this }, "Describe your smart contract:"), /*#__PURE__*/ React.createElement("textarea", { value: contractDescription, onChange: (e)=>setContractDescription(e.target.value), placeholder: "e.g., Create an ERC-20 token with 1 million supply, or a simple voting contract...", className: "w-full h-32 p-3 bg-gray-700 border border-gray-600 rounded-lg resize-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 247, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: generateSmartContract, disabled: loading, className: "w-full bg-blue-600 hover:bg-blue-700 disabled:bg-gray-600 py-3 px-6 rounded-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 255, columnNumber: 11 }, __self: this }, loading ? "Generating Contract..." : "Generate & Deploy Smart Contract"), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-600 text-white p-4 rounded-lg mb-4", __source: { fileName: "", lineNumber: 266, columnNumber: 13 }, __self: this }, error), contractDetails && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 272, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-600 text-white p-4 rounded-lg", __source: { fileName: "", lineNumber: 273, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 274, columnNumber: 17 }, __self: this }, "✅ Contract Successfully Deployed!")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 279, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 280, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 281, columnNumber: 19 }, __self: this }, "Contract Address"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-sm break-all text-green-400", __source: { fileName: "", lineNumber: 282, columnNumber: 19 }, __self: this }, contractDetails.contractAddress), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(contractDetails.contractAddress), className: "text-xs bg-gray-600 hover:bg-gray-500 px-2 py-1 rounded mt-2", __source: { fileName: "", lineNumber: 285, columnNumber: 19 }, __self: this }, "Copy")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 295, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 296, columnNumber: 19 }, __self: this }, "Transaction Hash"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-sm break-all text-blue-400", __source: { fileName: "", lineNumber: 297, columnNumber: 19 }, __self: this }, contractDetails.txHash), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(contractDetails.txHash), className: "text-xs bg-gray-600 hover:bg-gray-500 px-2 py-1 rounded mt-2", __source: { fileName: "", lineNumber: 300, columnNumber: 19 }, __self: this }, "Copy"))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 309, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 310, columnNumber: 17 }, __self: this }, "Shareable Contract Link"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-sm break-all text-cyan-400 mb-2", __source: { fileName: "", lineNumber: 311, columnNumber: 17 }, __self: this }, generateShareableLink()), /*#__PURE__*/ React.createElement("button", { onClick: ()=>copyToClipboard(generateShareableLink()), className: "text-xs bg-gray-600 hover:bg-gray-500 px-2 py-1 rounded mr-2", __source: { fileName: "", lineNumber: 314, columnNumber: 17 }, __self: this }, "Copy Link"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.open(generateShareableLink(), "_blank"), className: "text-xs bg-blue-600 hover:bg-blue-700 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 320, columnNumber: 17 }, __self: this }, "View Contract")), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 328, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 329, columnNumber: 17 }, __self: this }, "Keys & Security"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 331, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 332, columnNumber: 21 }, __self: this }, "Public Key:"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-xs break-all text-cyan-400", __source: { fileName: "", lineNumber: 333, columnNumber: 21 }, __self: this }, contractDetails.publicKey)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 337, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 338, columnNumber: 21 }, __self: this }, "Private Key:"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-xs break-all text-red-400", __source: { fileName: "", lineNumber: 339, columnNumber: 21 }, __self: this }, contractDetails.privateKey)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 343, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 344, columnNumber: 21 }, __self: this }, "Secret Key:"), /*#__PURE__*/ React.createElement("p", { className: "font-mono text-xs break-all text-orange-400", __source: { fileName: "", lineNumber: 345, columnNumber: 21 }, __self: this }, contractDetails.secretKey)))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-4 rounded", __source: { fileName: "", lineNumber: 352, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 353, columnNumber: 17 }, __self: this }, "Generated Smart Contract"), /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-900 p-4 rounded text-xs overflow-x-auto max-h-96", __source: { fileName: "", lineNumber: 354, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("code", { __source: { fileName: "", lineNumber: 355, columnNumber: 19 }, __self: this }, generatedContract))))))); }