var __CODE__ = (() => { var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // virtual:/page.jsx var page_exports = {}; __export(page_exports, { default: () => page_default }); // virtual:/__injected-globals.js var fetch = /* @__PURE__ */ function(originalFetch) { const getURlFromArgs = (...args) => { const [urlArg] = args; let url; if (typeof urlArg === "string") { url = urlArg; } else if (urlArg instanceof Request) { url = urlArg.url; } else { url = `${urlArg.protocol}//${urlArg.host}${urlArg.pathname}`; } return url; }; const isFirstPartyURL = (url) => { return url.startsWith(window.location.origin) || url.startsWith("/") || url.startsWith("https://created.app"); }; return async function fetchWithHeaders(input, init = {}) { const url = getURlFromArgs(input, init); const isExternalFetch = !isFirstPartyURL(url); if (isExternalFetch) { return originalFetch(input, init); } const initHeaders = init?.headers ?? {}; const finalHeaders = new Headers(initHeaders); finalHeaders.set("x-createxyz-project-id", "2a66a9f7-59c6-4728-a05e-788144b0ef00"); if (input instanceof Request) { input.headers.set("x-createxyz-project-id", "2a66a9f7-59c6-4728-a05e-788144b0ef00"); } return originalFetch(input, { ...init, headers: finalHeaders }); }; }(globalThis.fetch); // virtual:/page.jsx function MainComponent() { const [theme, setTheme] = useState("light"); const [isDark, setIsDark] = useState(false); const [selectedLanguage, setSelectedLanguage] = useState("web"); const [html, setHtml] = useState(""); const [css, setCss] = useState(""); const [javascript, setJavascript] = useState(""); const [pythonCode, setPythonCode] = useState(""); const [cppCode, setCppCode] = useState(""); const [csharpCode, setCsharpCode] = useState(""); const [rubyCode, setRubyCode] = useState(""); const [goCode, setGoCode] = useState(""); const [preview, setPreview] = useState(""); const [previewWidth, setPreviewWidth] = useState(400); const [previewHeight, setPreviewHeight] = useState(400); const [resizeMode, setResizeMode] = useState(null); const [startX, setStartX] = useState(0); const [startY, setStartY] = useState(0); const [startWidth, setStartWidth] = useState(0); const [startHeight, setStartHeight] = useState(0); const [uploading, setUploading] = useState(false); const [uploadSuccess, setUploadSuccess] = useState(false); const [error, setError] = useState(null); const [selectedFile, setSelectedFile] = useState(null); const [selectedFilePreview, setSelectedFilePreview] = useState(null); const [isRoadmapExpanded, setIsRoadmapExpanded] = useState(true); const [showPreview, setShowPreview] = useState(true); const [isPreviewFullScreen, setIsPreviewFullScreen] = useState(false); const handleFileSelect = async (event) => { const file = event.target.files[0]; if (!file) return; setSelectedFile(file); setSelectedFilePreview(URL.createObjectURL(file)); }; const handleImageUpload = async (file) => { if (!file) return; setUploading(true); setError(null); try { const reader = new FileReader(); reader.onloadend = async () => { const base64 = reader.result.split(",")[1]; const messages = [ { role: "user", content: [ { type: "text", text: "Analyze this image and suggest where to place it in the code" }, { type: "image_url", image_url: { url: `data:${file.type};base64,${base64}` } } ] } ]; const response = await fetch("/integrations/gpt-vision/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages }) }); if (!response.ok) throw new Error(`Error analyzing image: ${response.status}`); const result = await response.json(); if (result.error) throw new Error(result.error); const imageResponse = await fetch("/api/analyze-and-place-image", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ html, css, javascript, imageUrl: `data:${file.type};base64,${base64}` }) }); if (!imageResponse.ok) throw new Error(`Error placing image: ${imageResponse.status}`); const imageResult = await imageResponse.json(); if (imageResult.error) throw new Error(imageResult.error); setHtml(imageResult.html); setCss(imageResult.css); setJavascript(imageResult.javascript); setUploadSuccess(true); setTimeout(() => setUploadSuccess(false), 3e3); }; reader.readAsDataURL(file); } catch (err) { console.error(err); setError(err.message); } finally { setUploading(false); } }; const handleRun = async () => { if (selectedLanguage === "web") { const fullHtml = ` ${html}

Feature Roadmap

Coming in Next Update

Implemented Features

Not Currently Planned