function MainComponent() { const [keyword, setKeyword] = useState(""); const [analysis, setAnalysis] = useState(null); const [loading, setLoading] = useState(false); const analyzeKeyword = async ()=>{ if (!keyword.trim()) return; setLoading(true); try { const response = await fetch("/api/analyze-keywords", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ text: keyword }) }); const data = await response.json(); setAnalysis(data); } catch (error) { console.error(error); } setLoading(false); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f9fafb] p-6", __source: { fileName: "", lineNumber: 25, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold text-[#1f2937] font-roboto mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, "YouTube Insights 🎥"), /*#__PURE__*/ React.createElement("p", { className: "text-[#4b5563] text-lg md:text-xl font-roboto", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "キーワードを分析して動画のトレンドを把握")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 mb-8", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "keyword", value: keyword, onChange: (e)=>setKeyword(e.target.value), placeholder: "キーワードを入力", className: "flex-1 px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: analyzeKeyword, disabled: loading, className: "bg-[#2563eb] text-white px-6 py-3 rounded-lg hover:bg-[#1d4ed8] transition-colors font-roboto disabled:opacity-50", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, loading ? "分析中..." : "分析開始"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 text-[#1f2937] font-roboto", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }, "感情分析 📈"), /*#__PURE__*/ React.createElement("div", { className: "h-[300px] bg-gray-100 rounded-lg p-4 overflow-auto", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, analysis ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 64, columnNumber: 21 }, __self: this }, "感情スコア"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 65, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-1", __source: { fileName: "", lineNumber: 67, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 68, columnNumber: 27 }, __self: this }, "ポジティブ度"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 69, columnNumber: 27 }, __self: this }, analysis.emotions.positive.length * 20, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 71, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-green-500 h-2.5 rounded-full", style: { width: `${analysis.emotions.positive.length * 20}%` }, __source: { fileName: "", lineNumber: 72, columnNumber: 27 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-1", __source: { fileName: "", lineNumber: 81, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 82, columnNumber: 27 }, __self: this }, "ネガティブ度"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 83, columnNumber: 27 }, __self: this }, analysis.emotions.negative.length * 20, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 85, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-500 h-2.5 rounded-full", style: { width: `${analysis.emotions.negative.length * 20}%` }, __source: { fileName: "", lineNumber: 86, columnNumber: 27 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 96, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 97, columnNumber: 21 }, __self: this }, "検出された感情表現:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 98, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-green-600 font-semibold mb-1", __source: { fileName: "", lineNumber: 100, columnNumber: 25 }, __self: this }, "ポジティブ:"), analysis.emotions.positive.length > 0 ? /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-4", __source: { fileName: "", lineNumber: 104, columnNumber: 27 }, __self: this }, analysis.emotions.positive.map((word, i)=>/*#__PURE__*/ React.createElement("li", { key: i, className: "text-sm", __source: { fileName: "", lineNumber: 106, columnNumber: 31 }, __self: this }, word))) : /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 112, columnNumber: 27 }, __self: this }, "なし")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 115, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-red-600 font-semibold mb-1", __source: { fileName: "", lineNumber: 116, columnNumber: 25 }, __self: this }, "ネガティブ:"), analysis.emotions.negative.length > 0 ? /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-4", __source: { fileName: "", lineNumber: 120, columnNumber: 27 }, __self: this }, analysis.emotions.negative.map((word, i)=>/*#__PURE__*/ React.createElement("li", { key: i, className: "text-sm", __source: { fileName: "", lineNumber: 122, columnNumber: 31 }, __self: this }, word))) : /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 128, columnNumber: 27 }, __self: this }, "なし"))))) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 font-roboto text-center", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }, "分析結果がここに表示されます"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 text-[#1f2937] font-roboto", __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, "キーワード分析 🎯"), /*#__PURE__*/ React.createElement("div", { className: "h-[300px] bg-gray-100 rounded-lg p-4 overflow-auto", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this }, analysis ? /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 148, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 149, columnNumber: 19 }, __self: this }, "抽出されたキーワード:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 150, columnNumber: 19 }, __self: this }, analysis.keywords.map((word, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "bg-blue-100 px-2 py-1 rounded", __source: { fileName: "", lineNumber: 152, columnNumber: 23 }, __self: this }, word)))) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 font-roboto text-center", __source: { fileName: "", lineNumber: 162, columnNumber: 17 }, __self: this }, "キーワードがここに表示されます"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 169, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 text-[#1f2937] font-roboto", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, "緊急度分析 🔍"), /*#__PURE__*/ React.createElement("div", { className: "h-[300px] bg-gray-100 rounded-lg p-4 overflow-auto", __source: { fileName: "", lineNumber: 173, columnNumber: 13 }, __self: this }, analysis ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 176, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 177, columnNumber: 21 }, __self: this }, "緊急度スコア"), /*#__PURE__*/ React.createElement("div", { className: "relative pt-1", __source: { fileName: "", lineNumber: 178, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-1", __source: { fileName: "", lineNumber: 179, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 180, columnNumber: 25 }, __self: this }, "緊急性レベル"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 181, columnNumber: 25 }, __self: this }, analysis.emotions.urgent.length * 25, "%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2.5", __source: { fileName: "", lineNumber: 183, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `h-2.5 rounded-full ${analysis.emotions.urgent.length === 0 ? "bg-green-500" : analysis.emotions.urgent.length === 1 ? "bg-yellow-500" : analysis.emotions.urgent.length === 2 ? "bg-orange-500" : "bg-red-500"}`, style: { width: `${analysis.emotions.urgent.length * 25}%` }, __source: { fileName: "", lineNumber: 184, columnNumber: 25 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 201, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 202, columnNumber: 21 }, __self: this }, "検出された緊急表現:"), analysis.emotions.urgent.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 204, columnNumber: 23 }, __self: this }, analysis.emotions.urgent.map((word, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "flex items-center gap-2 bg-red-50 p-2 rounded", __source: { fileName: "", lineNumber: 206, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 210, columnNumber: 29 }, __self: this }, "⚠️"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 211, columnNumber: 29 }, __self: this }, word)))) : /*#__PURE__*/ React.createElement("p", { className: "text-sm bg-green-50 p-2 rounded", __source: { fileName: "", lineNumber: 216, columnNumber: 23 }, __self: this }, "緊急性の高い表現は検出されませんでした")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 221, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 222, columnNumber: 21 }, __self: this }, "緊急度評価:"), /*#__PURE__*/ React.createElement("p", { className: `text-sm p-2 rounded ${analysis.emotions.urgent.length === 0 ? "bg-green-50 text-green-700" : analysis.emotions.urgent.length === 1 ? "bg-yellow-50 text-yellow-700" : analysis.emotions.urgent.length === 2 ? "bg-orange-50 text-orange-700" : "bg-red-50 text-red-700"}`, __source: { fileName: "", lineNumber: 223, columnNumber: 21 }, __self: this }, analysis.emotions.urgent.length === 0 ? "低：通常の優先度で対応可能" : analysis.emotions.urgent.length === 1 ? "中：できるだけ早めの対応を推奨" : analysis.emotions.urgent.length === 2 ? "高：優先的な対応が必要" : "最高：即時対応が必要"))) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 font-roboto text-center", __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }, "緊急度がここに表示されます"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 252, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 text-[#1f2937] font-roboto", __source: { fileName: "", lineNumber: 253, columnNumber: 13 }, __self: this }, "文章パターン 👥"), /*#__PURE__*/ React.createElement("div", { className: "h-[300px] bg-gray-100 rounded-lg p-4 overflow-auto", __source: { fileName: "", lineNumber: 256, columnNumber: 13 }, __self: this }, analysis ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 259, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 260, columnNumber: 21 }, __self: this }, "検出されたパターン:"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 261, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 262, columnNumber: 23 }, __self: this }, "質問文: ", analysis.patterns.isQuestion ? "✅" : "❌"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 265, columnNumber: 23 }, __self: this }, "比較表現: ", analysis.patterns.isComparison ? "✅" : "❌"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 268, columnNumber: 23 }, __self: this }, "要望表現: ", analysis.patterns.isRequest ? "✅" : "❌")))) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 font-roboto text-center", __source: { fileName: "", lineNumber: 275, columnNumber: 17 }, __self: this }, "パターン分析がここに表示されます")))))); }