function MainComponent() { const [positivePrompt, setPositivePrompt] = React.useState(''); const [negativePrompt, setNegativePrompt] = React.useState(''); const [images, setImages] = React.useState([]); const [error, setError] = React.useState(''); const [isGenerating, setIsGenerating] = React.useState(false); const fetchImages = async ()=>{ if (!positivePrompt && !negativePrompt) { setError('プロンプトを入力してください'); setIsGenerating(false); return; } setError(''); setIsGenerating(true); const prompt = positivePrompt + (negativePrompt ? `, -${negativePrompt}` : ''); const responses = await Promise.all(Array.from({ length: 4 }).map(()=>fetch(`/integrations/stable-diffusion/?prompt=${encodeURIComponent(prompt)}`, { method: 'GET' }).then((response)=>response.json()))); setImages(responses.flatMap((res)=>res.data)); setIsGenerating(false); }; const handleSubmit = (e)=>{ e.preventDefault(); fetchImages(); }; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#121212] min-h-screen flex flex-col items-center justify-start py-10 font-roboto", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#FFFFFF] text-xl mb-5", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "StableDiffusion SDXL 画像生成ジェネレーター"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mb-5 w-full flex flex-col items-center px-4", __source: { fileName: "", lineNumber: 36, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { placeholder: "ポジティブプロンプトを入力してください", className: "text-black p-2.5 mb-2 resize-none w-[75%] leading-snug h-[6em]", name: "positivePrompt", value: positivePrompt, onChange: (e)=>setPositivePrompt(e.target.value), __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "ネガティブプロンプトを入力してください", className: "text-black p-2.5 mb-2 resize-none w-[75%] leading-snug h-[6em]", name: "negativePrompt", value: negativePrompt, onChange: (e)=>setNegativePrompt(e.target.value), __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#FFFFFF] text-black px-4 py-2", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, "生成")), error && /*#__PURE__*/ React.createElement("div", { className: "text-[#FF0000] mb-5", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, error), isGenerating && /*#__PURE__*/ React.createElement("div", { className: "text-[#FFFFFF] animate-pulse", __source: { fileName: "", lineNumber: 54, columnNumber: 24 }, __self: this }, "生成中..."), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 px-4", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, images.map((image, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: image, alt: `Generated image ${index + 1}`, className: "w-full h-auto", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this })))); }