function MainComponent() { const [meetingText, setMeetingText] = React.useState(""); const [speakers, setSpeakers] = React.useState([]); const [selectedSpeaker, setSelectedSpeaker] = React.useState("選択してください"); const [excludeSpeaker, setExcludeSpeaker] = React.useState("なし"); const [removeWords, setRemoveWords] = React.useState("校正前のため議員資料となります"); const [extractedText, setExtractedText] = React.useState(""); const [isLoading, setIsLoading] = React.useState(false); const handleInput = (event)=>{ const text = event.target.value; const cleanedText = text.replace(/\n/g, " ").replace(/\s+/g, " ").trim(); setMeetingText(cleanedText); updateSpeakers(cleanedText); }; const updateSpeakers = (text)=>{ const foundSpeakers = [ ...text.matchAll(/[○●◎◆](.*?)（(.*?)）/g) ].map((match)=>match[2]); setSpeakers(Array.from(new Set(foundSpeakers))); }; const handleExtract = ()=>{ setIsLoading(true); setTimeout(()=>{ const questionLabel = "【▼▼議員の質問▼▼】\n"; const answerLabel = "【▽▽答弁▽▽】\n"; const fixedText2 = "\n"; const pattern = /[○●◎◆](.*?)（(.*?)）(.*?)(?=[○●◎◆]|$)/gs; let speeches = []; let matches = [ ...meetingText.matchAll(pattern) ]; matches.forEach((match)=>{ let [_, __, speaker, speechContent] = match; removeWords.split(",").forEach((removeText)=>{ speechContent = speechContent.replace(new RegExp(removeText.trim(), "g"), ""); }); if (speaker === selectedSpeaker) { speechContent = `${questionLabel}${speaker}：${speechContent}${fixedText2}`; speeches.push({ speaker, content: speechContent }); } else if (speeches.length && speaker !== excludeSpeaker && speeches[speeches.length - 1].speaker === selectedSpeaker) { speechContent = `${answerLabel}${speaker}：${speechContent}${fixedText2}`; speeches.push({ speaker, content: speechContent }); } }); const concatenatedSpeeches = speeches.map((speech)=>speech.content).join("\n"); setExtractedText(concatenatedSpeeches); setIsLoading(false); }, 1000); }; return /*#__PURE__*/ React.createElement("div", { className: "text-[#121212] bg-gradient-to-br from-blue-200 to-purple-200 w-full min-h-screen p-8 font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto max-w-4xl bg-white rounded-2xl shadow-2xl p-10 transform transition-all duration-300 hover:scale-[1.02]", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-8 text-center text-blue-700 animate-pulse", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "「質問・答弁」抽出くん"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "meetingText", className: "block text-xl mb-3 font-semibold text-gray-800", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "議事録テキスト"), /*#__PURE__*/ React.createElement("textarea", { id: "meetingText", className: "border-3 border-blue-300 p-5 h-[350px] w-full rounded-xl focus:border-blue-500 focus:ring-2 focus:ring-blue-300 transition duration-300 shadow-md", name: "meetingText", placeholder: "議事録テキストをここに貼り付けてください。", value: meetingText, onChange: handleInput, __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 mb-8", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "speakerName", className: "block text-xl mb-3 font-semibold text-gray-800", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "抽出する議員を選択"), /*#__PURE__*/ React.createElement("select", { id: "speakerName", name: "speakerName", className: "w-full border-3 border-blue-300 p-3 rounded-xl focus:border-blue-500 focus:ring-2 focus:ring-blue-300 transition duration-300 shadow-md", value: selectedSpeaker, onChange: (e)=>setSelectedSpeaker(e.target.value), __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, "選択してください"), speakers.map((speaker)=>/*#__PURE__*/ React.createElement("option", { key: speaker, value: speaker, __source: { fileName: "", lineNumber: 97, columnNumber: 17 }, __self: this }, speaker)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "excludeSpeakerName", className: "block text-xl mb-3 font-semibold text-gray-800", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "除外する発言者を選択（議長等）"), /*#__PURE__*/ React.createElement("select", { id: "excludeSpeakerName", name: "excludeSpeakerName", className: "w-full border-3 border-blue-300 p-3 rounded-xl focus:border-blue-500 focus:ring-2 focus:ring-blue-300 transition duration-300 shadow-md", value: excludeSpeaker, onChange: (e)=>setExcludeSpeaker(e.target.value), __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, "なし"), speakers.map((speaker)=>/*#__PURE__*/ React.createElement("option", { key: speaker, value: speaker, __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, speaker))))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "removeWords", className: "block text-xl mb-3 font-semibold text-gray-800", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, "削除するワード（カンマ区切りで複数入力可能）"), /*#__PURE__*/ React.createElement("textarea", { id: "removeWords", name: "removeWords", className: "w-full border-3 border-blue-300 p-5 h-[100px] resize-y rounded-xl focus:border-blue-500 focus:ring-2 focus:ring-blue-300 transition duration-300 shadow-md", placeholder: "例: 校正前のため議員資料となります", value: removeWords, onChange: (e)=>setRemoveWords(e.target.value), __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { id: "extractButton", className: "w-full mb-8 bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 px-8 rounded-xl transition duration-300 transform hover:scale-105 shadow-lg", onClick: handleExtract, disabled: isLoading, __source: { fileName: "", lineNumber: 136, columnNumber: 9 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }), "抽出中...") : "抽出する"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 151, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "extractedText", className: "block text-xl mb-3 font-semibold text-gray-800", __source: { fileName: "", lineNumber: 152, columnNumber: 11 }, __self: this }, "抽出結果"), /*#__PURE__*/ React.createElement("textarea", { id: "extractedText", readOnly: true, className: "border-3 border-blue-300 p-5 h-[350px] w-full rounded-xl bg-gray-50 shadow-inner", value: extractedText, __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 163, columnNumber: 7 }, __self: this }, ` @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } `)); }