function MainComponent() { const [inputContent, setInputContent] = React.useState(""); const [slides, setSlides] = React.useState([]); const [loading, setLoading] = React.useState(false); const [preview, setPreview] = React.useState(false); const [slideCount, setSlideCount] = React.useState(1); const handleInputChange = (e)=>{ setInputContent(e.target.value); }; const handleCountChange = (e)=>{ setSlideCount(e.target.value); }; const handleSubmit = ()=>{ setLoading(true); fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: inputContent } ] }) }).then((response)=>response.json()).then((data)=>{ const content = data.choices[0].message.content; setSlides(content.split('\n').slice(0, slideCount)); setLoading(false); setPreview(true); }).catch((error)=>{ console.error('Error:', error); setLoading(false); }); }; const generatePPTX = ()=>{ const pptx = require('pptxgenjs'); let pres = new pptx(); slides.forEach((slideContent, index)=>{ let slide = pres.addSlide(); slide.addText(slideContent, { x: 1, y: 1, fontSize: 18 }); }); pres.writeFile({ fileName: 'slides.pptx' }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center p-6", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-2xl mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, "スライド作成"), /*#__PURE__*/ React.createElement("textarea", { name: "content", value: inputContent, onChange: handleInputChange, placeholder: "入力してください...", className: "border p-2 w-full max-w-lg h-[150px] mb-4", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", name: "slideCount", value: slideCount, onChange: handleCountChange, placeholder: "スライド枚数", className: "border p-2 w-full max-w-lg mb-4", min: "1", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, className: `btn ${loading ? 'opacity-50' : ''}`, disabled: loading, __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, loading ? '作成中...' : 'スライド作成'), preview && /*#__PURE__*/ React.createElement("div", { className: "mt-6 w-full max-w-lg", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, slides.map((slide, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border mb-2 p-4", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-xl mb-2", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, "スライド ", index + 1), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, slide))), /*#__PURE__*/ React.createElement("button", { onClick: generatePPTX, className: "mt-4 btn bg-blue-500 text-white p-2", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, "pptxとしてダウンロード"))); }