Site Not Found

The site "${aliasParam}" could not be found.

← Back to AI Code Generator

`; } } catch (err) { console.error("Error loading site:", err); document.body.innerHTML = `

Error

Failed to load the site. Please try again later.

← Back to AI Code Generator

`; } }; const generateCode = async ()=>{ if (!prompt.trim()) { setError("Please enter a description of what you want to create"); return; } setLoading(true); setError(""); setSuccess(""); try { const response = await fetch("/api/generate-code", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ prompt }) }); const data = await response.json(); if (data.success) { setGeneratedCode(data.code); setSuccess("Code generated successfully! You can now publish it or edit it further."); } else { setError(data.error || "Failed to generate code"); } } catch (err) { console.error("Error generating code:", err); setError("Failed to connect to code generation service"); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 font-inter", __source: { fileName: "", lineNumber: 97, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto p-6", __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 99, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot mr-3 text-blue-600", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }), "AI Software Engineer"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-gray-600", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "Generate any website, game, or application with AI and publish it instantly")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle text-red-500 mr-2", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-red-700", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, error))), success && /*#__PURE__*/ React.createElement("div", { className: "bg-green-50 border border-green-200 rounded-lg p-4 mb-6", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-green-500 mr-2", __source: { fileName: "", lineNumber: 122, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-green-700", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }, success))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-6", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-6", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMode("generate"), className: `px-6 py-3 rounded-lg font-medium transition-colors ${mode === "generate" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 130, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic mr-2", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }), "Generate with AI"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMode("upload"), className: `px-6 py-3 rounded-lg font-medium transition-colors ${mode === "upload" ? "bg-blue-600 text-white" : "bg-gray-100 text-gray-700 hover:bg-gray-200"}`, __source: { fileName: "", lineNumber: 141, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-upload mr-2", __source: { fileName: "", lineNumber: 149, columnNumber: 15 }, __self: this }), "Upload Files")), mode === "generate" ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 155, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }, "Describe what you want to create:"), /*#__PURE__*/ React.createElement("textarea", { value: prompt, onChange: (e)=>setPrompt(e.target.value), placeholder: "e.g., Create a modern portfolio website with dark theme, or Build a simple snake game, or Make a todo app with local storage...", className: "w-full h-32 p-4 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: generateCode, disabled: loading, className: "mt-4 px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 172, columnNumber: 21 }, __self: this }), "Generating...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code mr-2", __source: { fileName: "", lineNumber: 177, columnNumber: 21 }, __self: this }), "Generate Code"))) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 184, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, "Upload your files (HTML, CSS, JS, images):"), /*#__PURE__*/ React.createElement("input", { type: "file", multiple: true, onChange: (e)=>setFiles(Array.from(e.target.files)), className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", accept: ".html,.css,.js,.png,.jpg,.jpeg,.gif,.webp,.svg", __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }), files.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-3", __source: { fileName: "", lineNumber: 196, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-2", __source: { fileName: "", lineNumber: 197, columnNumber: 19 }, __self: this }, "Selected files:"), /*#__PURE__*/ React.createElement("ul", { className: "text-sm text-gray-700", __source: { fileName: "", lineNumber: 198, columnNumber: 19 }, __self: this }, files.map((file, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "flex items-center", __source: { fileName: "", lineNumber: 200, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file mr-2 text-gray-400", __source: { fileName: "", lineNumber: 201, columnNumber: 25 }, __self: this }), file.name)))))), (generatedCode || files.length > 0) && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-6", __source: { fileName: "", lineNumber: 213, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket mr-2 text-green-600", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }), "Publish Your Project"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 219, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, "Choose a unique alias for your site:"), /*#__PURE__*/ React.createElement("input", { type: "text", value: alias, onChange: (e)=>setAlias(e.target.value), placeholder: "my-awesome-site", className: "w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent", __source: { fileName: "", lineNumber: 223, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500 mt-1", __source: { fileName: "", lineNumber: 230, columnNumber: 15 }, __self: this }, "Your site will be available at: ", window.location.origin, "/?alias=", alias || "your-alias")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 236, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: async ()=>{ // Inline publish logic here due to space constraints if (!alias.trim()) { setError("Please enter a valid alias"); return; } if (!/^[A-Za-z0-9-_]+$/.test(alias)) { setError("Alias can only contain letters, numbers, hyphens, and underscores"); return; } let contentToPublish = ""; if (mode === "generate") { if (!generatedCode.trim()) { setError("Please generate code first"); return; } contentToPublish = generatedCode; } else { if (files.length === 0) { setError("Please upload at least one file"); return; } const mainHTML = files.find((f)=>f.name.toLowerCase().endsWith(".html")); if (!mainHTML) { setError("Please include at least one .html file"); return; } try { const readFileAsBase64 = (file)=>{ return new Promise((resolve, reject)=>{ const reader = new FileReader(); reader.onload = ()=>resolve({ name: file.name, content: reader.result }); reader.onerror = ()=>reject("Error reading file: " + file.name); reader.readAsDataURL(file); }); }; const allFiles = await Promise.all(files.map(readFileAsBase64)); let rawHTML = atob(allFiles.find((f)=>f.name === mainHTML.name).content.split(",")[1]); let processedHTML = rawHTML; for (const f of allFiles){ if (f.name === mainHTML.name) continue; const ext = f.name.split(".").pop().toLowerCase(); const decoded = atob(f.content.split(",")[1]); if (ext === "css") { processedHTML = processedHTML.replace(new RegExp(`]+href=["'].*?${f.name}["'][^>]*>`, "gi"), ``); } else if (ext === "js") { processedHTML = processedHTML.replace(new RegExp(`]+src=["'].*?${f.name}["'][^>]*><\\/script>`, "gi"), ``); } else if ([ "png", "jpg", "jpeg", "gif", "webp", "svg" ].includes(ext)) { const regex = new RegExp(f.name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi"); processedHTML = processedHTML.replace(regex, f.content); } } contentToPublish = processedHTML; } catch (err) { setError("Error processing files: " + err.message); return; } } setLoading(true); setError(""); setSuccess(""); try { const checkResponse = await fetch("/api/check-alias", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ alias }) }); const checkData = await checkResponse.json(); if (checkData.exists) { setError(`Alias "${alias}" already exists. Please choose another.`); setLoading(false); return; } const bundledBase64 = btoa(contentToPublish); const saveResponse = await fetch("/api/save-site", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ alias, content: bundledBase64 }) }); const saveData = await saveResponse.json(); if (saveData.success) { const hostedLink = `${window.location.origin}/?alias=${encodeURIComponent(alias)}`; setPublishedLink(hostedLink); setSuccess(`Site published successfully!`); } else { setError(saveData.error || "Failed to publish site"); } } catch (err) { console.error("Error publishing site:", err); setError("Failed to publish site"); } finally{ setLoading(false); } }, disabled: loading, className: "px-6 py-3 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 392, columnNumber: 21 }, __self: this }), "Publishing...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe mr-2", __source: { fileName: "", lineNumber: 397, columnNumber: 21 }, __self: this }), "Publish Site")), mode === "generate" && generatedCode && /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const content = generatedCode; const blob = new Blob([ content ], { type: "text/html" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = `${alias || "generated-code"}.html`; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }, className: "px-6 py-3 bg-gray-600 text-white rounded-lg hover:bg-gray-700 transition-colors", __source: { fileName: "", lineNumber: 404, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download mr-2", __source: { fileName: "", lineNumber: 419, columnNumber: 19 }, __self: this }), "Download Code"))), publishedLink && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 428, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 429, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2 text-green-600", __source: { fileName: "", lineNumber: 430, columnNumber: 15 }, __self: this }), "Site Published Successfully!"), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 433, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-2", __source: { fileName: "", lineNumber: 434, columnNumber: 15 }, __self: this }, "Your site is live at:"), /*#__PURE__*/ React.createElement("a", { href: publishedLink, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-800 font-medium break-all", __source: { fileName: "", lineNumber: 437, columnNumber: 15 }, __self: this }, publishedLink))), mode === "generate" && generatedCode && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mt-6", __source: { fileName: "", lineNumber: 450, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 451, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code mr-2 text-purple-600", __source: { fileName: "", lineNumber: 452, columnNumber: 15 }, __self: this }), "Generated Code Preview"), /*#__PURE__*/ React.createElement("pre", { className: "bg-gray-900 text-green-400 p-4 rounded-lg overflow-x-auto text-sm max-h-96", __source: { fileName: "", lineNumber: 455, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("code", { __source: { fileName: "", lineNumber: 456, columnNumber: 15 }, __self: this }, generatedCode))))); }