function MainComponent() { const [memos, setMemos] = React.useState([ { id: 1, content: "メモ 1の内容" }, { id: 2, content: "メモ 2の内容" }, { id: 3, content: "メモ 3の内容" } ]); const [tags, setTags] = React.useState([ "タグ 1", "タグ 2", "タグ 3" ]); const [activeMemo, setActiveMemo] = React.useState(memos[0].content); const [loading, setLoading] = React.useState(false); const handleMemoClick = (content)=>{ setActiveMemo(content); }; const handleCompleteMemo = async ()=>{ setLoading(true); const response = await fetch('/integrations/chat-gpt/conversationgpt4', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: activeMemo } ], system_prompt: 'Continue or summarize this memo' }) }); const result = await response.json(); const completion = result.choices[0].message.content; setActiveMemo((prev)=>prev + completion); setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex h-screen", __source: { fileName: "", lineNumber: 37, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] bg-gray-200 p-4", __source: { fileName: "", lineNumber: 38, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-sans mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, "メモ一覧"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, memos.map((memo)=>/*#__PURE__*/ React.createElement("li", { className: "mb-2", key: memo.id, __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-blue-500", onClick: ()=>handleMemoClick(memo.content), __source: { fileName: "", lineNumber: 43, columnNumber: 15 }, __self: this }, memo.content.split("\n")[0])))), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-sans mt-6 mb-4", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "タグリスト"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, tags.map((tag, index)=>/*#__PURE__*/ React.createElement("li", { className: "mb-2", key: index, __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-blue-500", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, tag))))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { name: "memo-content", className: "w-full h-[90%] p-2 border border-gray-300 rounded-md", value: activeMemo, onChange: (e)=>setActiveMemo(e.target.value), placeholder: "メモをここに入力...", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleCompleteMemo, className: "mt-2 p-2 bg-blue-500 text-white rounded-md", disabled: loading, __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, loading ? "Loading..." : "Complete Memo"))); }