function MainComponent({ code, imageGenerated, speechGenerated, onCodeChange, onGenerateExplanation, onGenerateImageStableDiffusion, onGenerateImageDalle }) { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full h-full bg-gray-100 p-4 font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex w-full mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex w-full justify-between mb-4", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1/3", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Generated Image:"), /*#__PURE__*/ React.createElement("img", { src: imageGenerated, alt: "Generated by Stable Diffusion or DALL-E", className: "w-full h-auto border border-gray-300 rounded", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-1/3", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Text to Speech:"), /*#__PURE__*/ React.createElement("audio", { controls: true, src: speechGenerated, className: "w-full", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex w-full justify-between", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onGenerateExplanation, className: "p-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, "Generate Code Explanation (ChatGPT)"), /*#__PURE__*/ React.createElement("button", { onClick: onGenerateImageStableDiffusion, className: "p-2 bg-green-500 text-white rounded", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Generate Image (Stable Diffusion)"), /*#__PURE__*/ React.createElement("button", { onClick: onGenerateImageDalle, className: "p-2 bg-purple-500 text-white rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, "Generate Image (DALL-E)"))); } function StoryComponent() { const [code, setCode] = React.useState("function helloWorld() {...}"); const [imageGenerated, setImageGenerated] = React.useState("/path/to/generated-image.jpg"); const [speechGenerated, setSpeechGenerated] = React.useState("/path/to/generated-speech.mp3"); const handleCodeChange = (e)=>setCode(e.target.value); const handleGenerateExplanation = async ()=>{ const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'user', content: code } ] }), headers: { 'Content-Type': 'application/json' } }); const data = await response.json(); alert(data.choices[0].message.content); }; const handleGenerateImageStableDiffusion = async ()=>{ const response = await fetch('/integrations/stable-diffusion-v-3/?prompt=' + encodeURIComponent(code), { method: 'GET' }); const data = await response.json(); setImageGenerated(data.data[0]); }; const handleGenerateImageDalle = async ()=>{ const response = await fetch('/integrations/dall-e-3/?prompt=' + encodeURIComponent(code), { method: 'GET' }); const data = await response.json(); setImageGenerated(data.data[0]); }; return /*#__PURE__*/ React.createElement("div", { className: "flex w-full h-full", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { code: code, imageGenerated: imageGenerated, speechGenerated: speechGenerated, onCodeChange: handleCodeChange, onGenerateExplanation: handleGenerateExplanation, onGenerateImageStableDiffusion: handleGenerateImageStableDiffusion, onGenerateImageDalle: handleGenerateImageDalle, __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this })); }