function MainComponent() { const [inputText, setInputText] = React.useState(""); const [events, setEvents] = React.useState([]); const handleChange = (e)=>{ setInputText(e.target.value); }; const handleSubmit = async (e)=>{ e.preventDefault(); try { const response = await fetch("https://api.openai.com/v1/engines/chatgpt-003/completions", { method: "POST", headers: { "Content-Type": "application/json", "Authorization": `Bearer YOUR_OPENAI_API_KEY` }, body: JSON.stringify({ prompt: `Extract event details such as title, date/time, and location from the following text:\n\n${inputText}`, max_tokens: 1024 }) }); const data = await response.json(); const lines = data.choices[0].text.trim().split('\n'); const newEvents = lines.map((line)=>{ const titleMatch = line.match(/タイトル:(.*)/); const dateTimeMatch = line.match(/日時:(.*)/); const locationMatch = line.match(/場所:(.*)/); return { title: titleMatch ? titleMatch[1].trim() : '', dateTime: dateTimeMatch ? dateTimeMatch[1].trim() : '', location: locationMatch ? locationMatch[1].trim() : '' }; }); setEvents(newEvents); } catch (error) { console.error("There was an error processing your request: ", error); } }; const handleEventChange = (e, index)=>{ const { name, value } = e.target; const updatedEvents = [ ...events ]; updatedEvents[index][name] = value.trim(); setEvents(updatedEvents); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5] p-5", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#333] font-roboto text-2xl mb-5", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, "予定情報から情報を抽出"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "inputText", className: "font-roboto text-lg text-[#333]", __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, "予定情報"), /*#__PURE__*/ React.createElement("textarea", { name: "inputText", className: "w-full p-2 border border-[#ccc] rounded-md h-[200px]", value: inputText, onChange: handleChange, __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#1a73e8] text-white px-4 py-2 rounded-md font-semibold", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, "解析")), /*#__PURE__*/ React.createElement("div", { className: "mt-5", __source: { fileName: "", lineNumber: 60, columnNumber: 7 }, __self: this }, events.map((event, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg text-[#333]", __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "タイトル"), /*#__PURE__*/ React.createElement("div", { className: "w-full p-2 border border-[#ccc] rounded-md", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, event.title)), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg text-[#333]", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "日時"), /*#__PURE__*/ React.createElement("div", { className: "w-full p-2 border border-[#ccc] rounded-md", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, event.dateTime)), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 72, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto text-lg text-[#333]", __source: { fileName: "", lineNumber: 73, columnNumber: 17 }, __self: this }, "場所"), /*#__PURE__*/ React.createElement("div", { className: "w-full p-2 border border-[#ccc] rounded-md", __source: { fileName: "", lineNumber: 74, columnNumber: 17 }, __self: this }, event.location))))))); }