function MainComponent() { const [lessonContent, setLessonContent] = React.useState(''); const [feedback, setFeedback] = React.useState(''); const [isLoading, setIsLoading] = React.useState(false); const [characterLimit, setCharacterLimit] = React.useState(100); const handleLessonContentChange = (event)=>{ setLessonContent(event.target.value); }; const handleChangeCharacterLimit = (event)=>{ setCharacterLimit(event.target.value); }; const handleSummarizeAndGenerateFeedback = async ()=>{ setIsLoading(true); try { const summaryResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: lessonContent } ], system_prompt: 'Summarize this lesson content' }) }); if (!summaryResponse.ok) { throw new Error('Failed to fetch summary'); } const summaryData = await summaryResponse.json(); const summary = summaryData.choices[0].message.content; const feedbackResponse = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: "user", content: summary } ], system_prompt: 'Generate a typical student feedback limited to ' + characterLimit + ' characters.' }) }); if (!feedbackResponse.ok) { throw new Error('Failed to fetch feedback'); } const feedbackData = await feedbackResponse.json(); setFeedback(feedbackData.choices[0].message.content); } catch (error) { setFeedback('エラーが発生しました: ' + error.message); } setIsLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F0F4F8]", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-xl p-4 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center font-roboto mb-4", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "授業の感想アプリ"), /*#__PURE__*/ React.createElement("form", { className: "space-y-6", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "lesson-content", className: "block mb-2 text-sm font-medium text-gray-900 font-roboto", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "授業のメモ・プリントの内容"), /*#__PURE__*/ React.createElement("textarea", { id: "lesson-content", name: "lesson-content", className: "block w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 p-2.5 h-32", onChange: handleLessonContentChange, value: lessonContent, __source: { fileName: "", lineNumber: 71, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "feedbackLength", className: "block mb-2 text-sm font-medium text-gray-900 font-roboto", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "授業の感想の文字数"), /*#__PURE__*/ React.createElement("input", { type: "number", value: characterLimit, onChange: handleChangeCharacterLimit, id: "feedbackLength", name: "feedbackLength", min: "1", max: "1000", className: "block w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 p-2.5", __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "feedback", className: "block mb-2 text-sm font-medium text-gray-900 font-roboto", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "授業の感想"), /*#__PURE__*/ React.createElement("textarea", { id: "feedback", name: "feedback", value: feedback, readOnly: true, className: "w-full h-32 p-2 rounded-lg border-2 border-gray-300", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleSummarizeAndGenerateFeedback, className: "text-white bg-blue-500 hover:bg-blue-700 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center font-roboto", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, isLoading ? '処理中...' : '提出')))); }