function MainComponent() { const [prompt, setPrompt] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const [generatedImages, setGeneratedImages] = React.useState([]); const [baseImage, setBaseImage] = React.useState(''); const [baseImagePreview, setBaseImagePreview] = React.useState(''); const handleBaseImageChange = (e)=>{ const file = e.target.files[0]; if (file) { setBaseImage(file); setBaseImagePreview(URL.createObjectURL(file)); } }; const fetchChatGPTtoStableDiffusion = async ()=>{ setIsLoading(true); try { const body = JSON.stringify({ messages: [ { role: "user", content: prompt } ], system_prompt: "Generate an adult image based on this description" }); const chatResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body }); const chatResult = await chatResponse.json(); const describedContent = chatResult?.choices[0]?.message.content; const formData = new FormData(); formData.append('baseImage', baseImage); formData.append('description', describedContent); const sdResponse = await fetch(`/integrations/stable-diffusion/custom-prompt`, { method: 'POST', body: formData }); const sdResult = await sdResponse.json(); setGeneratedImages(sdResult.data); } catch (error) { console.error(error); } finally{ setIsLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 49, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { placeholder: "Enter the prompt for an adult image or character face swapping", className: "w-full h-32 px-4 py-2 border border-gray-300 rounded shadow-sm focus:outline-none focus:border-blue-500", name: "prompt", value: prompt, onChange: (e)=>setPrompt(e.target.value), __source: { fileName: "", lineNumber: 50, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 57, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "sr-only", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Upload a base image for face swapping"), /*#__PURE__*/ React.createElement("input", { type: "file", name: "baseImage", accept: "image/*", onChange: handleBaseImageChange, className: "block w-full text-sm text-slate-500 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-violet-50 file:text-violet-700 hover:file:bg-violet-100", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this })), baseImagePreview && /*#__PURE__*/ React.createElement("img", { src: baseImagePreview, alt: "Base image preview", className: "w-[100px] h-auto", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "px-4 py-2 bg-purple-500 text-white font-semibold rounded hover:bg-purple-700", onClick: fetchChatGPTtoStableDiffusion, disabled: isLoading, __source: { fileName: "", lineNumber: 71, columnNumber: 7 }, __self: this }, "アダルト画像/顔交換の生成"), /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, "Generated Images"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, generatedImages.map((image, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: image, alt: `Generated image ${index + 1}`, className: "w-full h-auto", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }))), isLoading && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 82, columnNumber: 21 }, __self: this }, "Loading...")); }