function Component({ prompt, setPrompt, negativePrompt, setNegativePrompt, style, setStyle, seed, setSeed, styles, loading, generateImage, images, uploadHandler, waitTime }) { return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#1e1e2e] min-h-screen font-mono text-[#cddcfe]", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-semibold text-2xl mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, "画像生成"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "prompt", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, "プロンプト"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border text-black", type: "text", id: "prompt", name: "prompt", value: prompt, onChange: (e)=>setPrompt(e.target.value), __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "negativePrompt", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "ネガティブプロンプト (日本語)"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border text-black", type: "text", id: "negativePrompt", name: "negativePrompt", value: negativePrompt, onChange: (e)=>setNegativePrompt(e.target.value), __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "style", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "スタイル選択"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border text-black", id: "style", name: "style", value: style, onChange: (e)=>setStyle(e.target.value), __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, styles.map((s)=>/*#__PURE__*/ React.createElement("option", { key: s, value: s, __source: { fileName: "", lineNumber: 31, columnNumber: 30 }, __self: this }, s)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex items-center", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border mr-2 text-black", type: "text", id: "seed", name: "seed", value: seed, onChange: (e)=>setSeed(e.target.value), placeholder: "シード値", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-gray-500 text-white rounded", type: "button", onClick: ()=>setSeed(Math.floor(Math.random() * 100000).toString()), __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dice", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), " シード値ランダム")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "uploadImages", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "画像読み込み"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border", type: "file", id: "uploadImages", name: "uploadImages", multiple: true, onChange: uploadHandler, __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full bg-blue-500 text-white font-bold rounded", onClick: generateImage, disabled: loading, __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, loading ? '生成中...' : '画像生成'), loading && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-2 text-white rounded-l-lg flex items-center", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "待ち時間: ", waitTime, "秒")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 54, 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 mb-4", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this })))); } function ComponentStory() { const [prompt, setPrompt] = React.useState(''); const [negativePrompt, setNegativePrompt] = React.useState(''); const [seed, setSeed] = React.useState(''); const [loading, setLoading] = React.useState(false); const [images, setImages] = React.useState([]); const [style, setStyle] = React.useState(''); const [uploadImages, setUploadImages] = React.useState([]); const [waitTime, setWaitTime] = React.useState(0); const styles = [ "", "実写", "ポートレート", "アニメ", "漫画", "ジブリ", "ディズニー", "ピクサー", "アメコミ", "魔法少女", "萌えキャラ", "RPG", "水彩画", "水墨画", "浮絵", "線画", "ドット絵", "モノクロ", "三面図", "縫製仕様書" ]; React.useEffect(()=>{ let timer; if (loading) { timer = setInterval(()=>{ setWaitTime((prev)=>prev + 1); }, 1000); } else { setWaitTime(0); } return ()=>timer && clearInterval(timer); }, [ loading ]); const generateImage = async ()=>{ setLoading(true); const randomSeed = seed ? seed : Math.floor(Math.random() * 100000); const prompts = `prompt=${encodeURIComponent(`${prompt}, ${style}`)}&seed=${randomSeed}`; const response = await fetch(`/integrations/dall-e-3/?${prompts}`, { method: 'GET' }); const data = await response.json(); setImages(data.data); setLoading(false); }; const uploadHandler = (e)=>{ const files = Array.from(e.target.files); setUploadImages(files); }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 104, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Component, { prompt: prompt, setPrompt: setPrompt, negativePrompt: negativePrompt, setNegativePrompt: setNegativePrompt, style: style, setStyle: setStyle, seed: seed, setSeed: setSeed, styles: styles, loading: loading, generateImage: generateImage, images: images, uploadHandler: uploadHandler, waitTime: waitTime, __source: { fileName: "", lineNumber: 105, columnNumber: 7 }, __self: this })); } function MainComponent() { const [prompt, setPrompt] = React.useState(''); const [negativePrompt, setNegativePrompt] = React.useState(''); const [style, setStyle] = React.useState(''); const [seed, setSeed] = React.useState(''); const [loading, setLoading] = React.useState(false); const [images, setImages] = React.useState([]); const [waitTime, setWaitTime] = React.useState(0); const [autoGenerate, setAutoGenerate] = React.useState(false); const [autoSave, setAutoSave] = React.useState(false); const styles = [ "", "実写", "ポートレート", "アニメ", "漫画", "ジブリ", "ディズニー", "ピクサー", "アメコミ", "魔法少女", "萌えキャラ", "RPG", "水彩画", "水墨画", "浮絵", "線画", "ドット絵", "モノクロ", "三面図", "縫製仕様書" ]; React.useEffect(()=>{ let timer; if (loading) { timer = setInterval(()=>{ setWaitTime((prev)=>prev + 1); }, 1000); } else { setWaitTime(0); } return ()=>timer && clearInterval(timer); }, [ loading ]); const generateImage = async ()=>{ setLoading(true); const refinedPrompt = await refinePrompt(prompt, negativePrompt); const randomSeed = seed ? seed : Math.floor(Math.random() * 100000).toString(); const prompts = `prompt=${encodeURIComponent(`${refinedPrompt}, ${style}`)}&seed=${randomSeed}`; const dynamicResponse = await fetch(`/integrations/dall-e-3/?${prompts}`, { method: 'GET' }); const data = await dynamicResponse.json(); setImages(data.data); if (autoSave) { saveImages(data.data); } setLoading(false); }; const refinePrompt = async (prompt, negativePrompt)=>{ const gptPrompt = `Refine the prompt: ${prompt}. Include or enhance the style: ${style}. Exclude elements described in this negative prompt: ${negativePrompt}.`; const gptResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', body: JSON.stringify({ messages: [ { role: 'user', content: gptPrompt } ] }) }); const gptData = await gptResponse.json(); return gptData.choices[0].message.content; }; const saveImages = (images)=>{ images.forEach((image, index)=>{ const link = document.createElement('a'); link.href = image; link.download = `generated_image_${index + 1}.png`; link.click(); }); }; React.useEffect(()=>{ if (autoGenerate) { const interval = setInterval(generateImage, 10000); // Auto-generate every 10 seconds return ()=>clearInterval(interval); } }, [ autoGenerate, prompt, negativePrompt, style, seed ]); return /*#__PURE__*/ React.createElement(Component, { prompt: prompt, setPrompt: setPrompt, negativePrompt: negativePrompt, setNegativePrompt: setNegativePrompt, style: style, setStyle: setStyle, seed: seed, setSeed: setSeed, styles: styles, loading: loading, generateImage: generateImage, images: images, uploadHandler: (e)=>{}, waitTime: waitTime, __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }); } function StoryComponent() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 93, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { __source: { fileName: "", lineNumber: 94, columnNumber: 7 }, __self: this })); } function Component({ prompt, setPrompt, negativePrompt, setNegativePrompt, style, setStyle, seed, setSeed, styles, loading, generateImage, images, uploadHandler, waitTime }) { return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#1e1e2e] min-h-screen font-mono text-[#cddcfe]", __source: { fileName: "", lineNumber: 115, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-semibold text-2xl mb-4", __source: { fileName: "", lineNumber: 116, columnNumber: 7 }, __self: this }, "画像生成"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "prompt", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, "プロンプト"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border text-black", type: "text", id: "prompt", name: "prompt", value: prompt, onChange: (e)=>setPrompt(e.target.value), __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "negativePrompt", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, "ネガティブプロンプト (日本語)"), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-2 border text-black", type: "text", id: "negativePrompt", name: "negativePrompt", value: negativePrompt, onChange: (e)=>setNegativePrompt(e.target.value), __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 125, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "style", __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, "スタイル選択"), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border text-black", id: "style", name: "style", value: style, onChange: (e)=>setStyle(e.target.value), __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, styles.map((s)=>/*#__PURE__*/ React.createElement("option", { key: s, value: s, __source: { fileName: "", lineNumber: 128, columnNumber: 30 }, __self: this }, s)))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 flex items-center", __source: { fileName: "", lineNumber: 131, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border mr-2 text-black", type: "text", id: "seed", name: "seed", value: seed, onChange: (e)=>setSeed(e.target.value), placeholder: "シード値", __source: { fileName: "", lineNumber: 132, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { className: "p-2 bg-gray-500 text-white rounded", type: "button", onClick: ()=>setSeed(Math.floor(Math.random() * 100000).toString()), __source: { fileName: "", lineNumber: 133, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dice", __source: { fileName: "", lineNumber: 134, columnNumber: 11 }, __self: this }), " シード値ランダム")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 137, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-2", htmlFor: "uploadImages", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, "画像読み込み"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border", type: "file", id: "uploadImages", name: "uploadImages", multiple: true, onChange: uploadHandler, __source: { fileName: "", lineNumber: 139, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 141, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-2 w-full bg-blue-500 text-white font-bold rounded", onClick: generateImage, disabled: loading, __source: { fileName: "", lineNumber: 142, columnNumber: 9 }, __self: this }, loading ? '生成中...' : '画像生成'), loading && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-700 p-2 text-white rounded-l-lg flex items-center", __source: { fileName: "", lineNumber: 146, columnNumber: 11 }, __self: this }, "待ち時間: ", waitTime, "秒")), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 151, 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 mb-4", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this })))); }