function MainComponent() { const [url, setUrl] = useState(""); const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const [articleData, setArticleData] = useState(null); const [showAnalysis, setShowAnalysis] = useState(false); const [analysisData, setAnalysisData] = useState(null); const [activeAlignment, setActiveAlignment] = useState(0); function getGradeColor(grade) { const colors = { A: "bg-green-100 text-green-800", B: "bg-blue-100 text-blue-800", C: "bg-yellow-100 text-yellow-800", D: "bg-orange-100 text-orange-800", F: "bg-red-100 text-red-800" }; return colors[grade] || "bg-gray-100 text-gray-800"; } function getGradeText(grade) { const texts = { A: "Strong Alignment", B: "Good Alignment", C: "Moderate Alignment", D: "Weak Alignment", F: "No Alignment" }; return texts[grade] || "Unknown"; } const handleAlignmentReview = useCallback(async ()=>{ if (!articleData) return; setLoading(true); try { const alignmentResponse = await fetch("/integrations/google-gemini-1-5/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are an expert analyst of Project 2025 policy. Analyze this article and identify all relevant sections, titles, and subtitles from Project 2025 that the content aligns with. Provide alignment grades (A-F) and explanations for each match." }, { role: "user", content: `Analyze this article for Project 2025 alignment: Title: ${articleData.title} Summary: ${articleData.summary} Content: ${articleData.text}` } ], json_schema: { name: "alignment_analysis", schema: { type: "object", properties: { alignments: { type: "array", items: { type: "object", properties: { section: { type: "string" }, title: { type: "string" }, subtitle: { type: "string" }, grade: { type: "string" }, explanation: { type: "string" } }, required: [ "section", "title", "subtitle", "grade", "explanation" ] } } }, required: [ "alignments" ] } } }) }); const alignmentResult = await alignmentResponse.json(); const alignmentData = JSON.parse(alignmentResult.choices[0].message.content); setAnalysisData(alignmentData); setActiveAlignment(0); setShowAnalysis(true); await fetch("/api/db/project2025map-4177914", { method: "POST", body: JSON.stringify({ query: "UPDATE `news_articles` SET `alignments` = ? WHERE `title` = ? AND `article_url` = ?", values: [ JSON.stringify(alignmentData.alignments), articleData.title, url ] }) }); } catch (err) { setError("Failed to analyze alignment. Please try again."); } finally{ setLoading(false); } }, [ articleData, url ]); const handleSubmit = useCallback(async ()=>{ if (!url.trim()) return; setLoading(true); setError(""); setArticleData(null); setShowAnalysis(false); setAnalysisData(null); try { const scrapeResponse = await fetch("/integrations/web-scraping/post", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url, getText: true }) }); const scrapedText = await scrapeResponse.text(); if (!scrapedText) { throw new Error("Failed to extract text from article"); } const analysisResponse = await fetch("/integrations/google-gemini-1-5/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "Analyze this article and provide: 1) The main title 2) A one-sentence summary 3) Identify one primary tag (I-IV) and one sub-tag (A-Z) based on Project2025Map framework. Return as structured data." }, { role: "user", content: `Please analyze this article: ${scrapedText}` } ], json_schema: { name: "article_analysis", schema: { type: "object", properties: { title: { type: "string" }, summary: { type: "string" }, titleTag: { type: "string" }, subtitleTag: { type: "string" } }, required: [ "title", "summary", "titleTag", "subtitleTag" ], additionalProperties: false } } }) }); const geminiResponse = await analysisResponse.json(); const analysisData = JSON.parse(geminiResponse.choices[0].message.content); await fetch("/api/db/project2025map-4177914", { method: "POST", body: JSON.stringify({ query: "INSERT INTO `news_articles` (`title`, `image_url`, `article_url`, `article_text`, `title_tag`, `subtitle_tag`, `created_at`) VALUES (?, ?, ?, ?, ?, ?, ?)", values: [ analysisData.title, null, url, scrapedText, analysisData.titleTag, analysisData.subtitleTag, new Date().toISOString() ] }) }); setArticleData({ title: analysisData.title, text: scrapedText, summary: analysisData.summary, titleTag: analysisData.titleTag, subtitleTag: analysisData.subtitleTag }); setUrl(""); } catch (err) { setError("Failed to analyze article. Please try a different URL."); } finally{ setLoading(false); } }, [ url ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f5f5f5] p-4", __source: { fileName: "", lineNumber: 211, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 212, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center py-8 mb-8 border-b", __source: { fileName: "", lineNumber: 213, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-blue-800 mb-4", __source: { fileName: "", lineNumber: 214, columnNumber: 11 }, __self: this }, "Project 2025 Alignment Checker"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 217, columnNumber: 11 }, __self: this }, "Analyze Trump's behaviour to determine the alignment with Project 2025 policies and initiatives. This tool helps identify how current events and policies correspond with the comprehensive framework outlined in Project 2025.")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 225, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-4 p-6 border-b", __source: { fileName: "", lineNumber: 226, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "url", name: "newsUrl", value: url, onChange: (e)=>setUrl(e.target.value), placeholder: "Enter news article URL", className: "flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", disabled: loading, __source: { fileName: "", lineNumber: 227, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, className: "bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg transition-colors duration-200 disabled:bg-gray-400", disabled: loading, __source: { fileName: "", lineNumber: 236, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${loading ? "fa-spinner fa-spin" : "fa-search"} mr-2`, __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }), loading ? "Analyzing..." : "Analyze")), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-red-500 text-sm", __source: { fileName: "", lineNumber: 250, columnNumber: 21 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8 p-6", __source: { fileName: "", lineNumber: 252, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 253, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 254, columnNumber: 15 }, __self: this }, "Project 2025 News Analyzer"), articleData && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, articleData.image && /*#__PURE__*/ React.createElement("img", { src: articleData.image, alt: "Article cover", className: "w-full h-[300px] object-cover rounded-lg", __source: { fileName: "", lineNumber: 260, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-[#333333]", __source: { fileName: "", lineNumber: 266, columnNumber: 19 }, __self: this }, articleData.title), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-[#666666] italic border-l-4 border-blue-500 pl-4", __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this }, articleData.summary), /*#__PURE__*/ React.createElement("button", { onClick: handleAlignmentReview, className: "bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg transition-colors duration-200", disabled: loading, __source: { fileName: "", lineNumber: 272, columnNumber: 19 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 278, columnNumber: 23 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line mr-2", __source: { fileName: "", lineNumber: 280, columnNumber: 23 }, __self: this }), "Review Alignment"))), /*#__PURE__*/ React.createElement("div", { className: "border-l pl-8", __source: { fileName: "", lineNumber: 288, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 289, columnNumber: 15 }, __self: this }, "Alignment Analysis"), showAnalysis && analysisData && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 291, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-b border-gray-200", __source: { fileName: "", lineNumber: 292, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-4 overflow-x-auto pb-2", __source: { fileName: "", lineNumber: 293, columnNumber: 21 }, __self: this }, analysisData.alignments.map((alignment, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>setActiveAlignment(index), className: `px-6 py-2 text-sm font-medium rounded-t-lg ${activeAlignment === index ? "bg-blue-600 text-white" : "text-blue-600 hover:bg-blue-50"}`, __source: { fileName: "", lineNumber: 295, columnNumber: 25 }, __self: this }, index + 1)))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-6 rounded-lg", __source: { fileName: "", lineNumber: 310, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 311, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 312, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 313, columnNumber: 25 }, __self: this }, "Section:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 314, columnNumber: 25 }, __self: this }, analysisData.alignments[activeAlignment].section)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 318, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 319, columnNumber: 25 }, __self: this }, "Title:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 320, columnNumber: 25 }, __self: this }, analysisData.alignments[activeAlignment].title)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 324, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 325, columnNumber: 25 }, __self: this }, "Subtitle:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 326, columnNumber: 25 }, __self: this }, analysisData.alignments[activeAlignment].subtitle)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 330, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 331, columnNumber: 25 }, __self: this }, "Alignment Grade:"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 332, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-2xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 333, columnNumber: 27 }, __self: this }, analysisData.alignments[activeAlignment].grade), /*#__PURE__*/ React.createElement("div", { className: `px-3 py-1 rounded text-sm ${getGradeColor(analysisData.alignments[activeAlignment].grade)}`, __source: { fileName: "", lineNumber: 336, columnNumber: 27 }, __self: this }, getGradeText(analysisData.alignments[activeAlignment].grade)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 347, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 348, columnNumber: 25 }, __self: this }, "Analysis:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 349, columnNumber: 25 }, __self: this }, analysisData.alignments[activeAlignment].explanation)))))))))); }