Hindi news

import { useState, useEffect, useRef, useCallback } from "react"; const BLOG_URL = "https://natureegg.blogspot.com"; const RSS_API = "https://api.rss2json.com/v1/api.json?rss_url="; const HINDI_NEWS_RSS = encodeURIComponent( "https://news.google.com/rss?hl=hi&gl=IN&ceid=IN:hi" ); // ── Helpers ────────────────────────────────────────────────────────────────── const sleep = (ms) => new Promise((r) => setTimeout(r, ms)); function timeAgo(dateStr) { const diff = Date.now() - new Date(dateStr).getTime(); const m = Math.floor(diff / 60000); if (m < 1) return "अभी"; if (m < 60) return `${m} मिनट पहले`; const h = Math.floor(m / 60); if (h < 24) return `${h} घंटे पहले`; return `${Math.floor(h / 24)} दिन पहले`; } function stripHtml(html) { return html?.replace(/<[^>]*>/g, "").trim() || ""; } function buildPostContent(item) { const desc = stripHtml(item.description) || item.title; const img = item.enclosure?.link || item.thumbnail || ""; return `

${img ? `

` : ""}

${item.title}

📅 ${new Date(item.pubDate).toLocaleDateString("hi-IN", { dateStyle: "long" })} | 📰 ${item.author || item.source || "Google News"}

${desc}

पूरी खबर पढ़ें →

यह खबर स्वचालित रूप से प्रकाशित की गई है। | NatureEgg Blog

`; } // ── OAuth ───────────────────────────────────────────────────────────────────── function loadGapiScript() { return new Promise((res) => { if (document.getElementById("gapi-script")) return res(); const s = document.createElement("script"); s.id = "gapi-script"; s.src = "https://accounts.google.com/gsi/client"; s.onload = res; document.head.appendChild(s); }); } // ── Main App ────────────────────────────────────────────────────────────────── export default function App() { const [screen, setScreen] = useState("setup"); // setup | dashboard const [clientId, setClientId] = useState(""); const [apiKey, setApiKey] = useState(""); const [accessToken, setAccessToken] = useState(null); const [blogId, setBlogId] = useState(null); const [news, setNews] = useState([]); const [posted, setPosted] = useState([]); const [skipped, setSkipped] = useState([]); const [autoOn, setAutoOn] = useState(false); const [intervalMin, setIntervalMin] = useState(30); const [status, setStatus] = useState(""); const [loading, setLoading] = useState(false); const [countdown, setCountdown] = useState(null); const [newsIdx, setNewsIdx] = useState(0); const [category, setCategory] = useState("top"); const timerRef = useRef(null); const countRef = useRef(null); const CATEGORIES = { top: { label: "मुख्य खबर", rss: "https://news.google.com/rss?hl=hi&gl=IN&ceid=IN:hi" }, tech: { label: "तकनीक", rss: "https://news.google.com/rss/headlines/section/topic/TECHNOLOGY?hl=hi&gl=IN&ceid=IN:hi" }, business: { label: "व्यापार", rss: "https://news.google.com/rss/headlines/section/topic/BUSINESS?hl=hi&gl=IN&ceid=IN:hi" }, sports: { label: "खेल", rss: "https://news.google.com/rss/headlines/section/topic/SPORTS?hl=hi&gl=IN&ceid=IN:hi" }, entertainment: { label: "मनोरंजन", rss: "https://news.google.com/rss/headlines/section/topic/ENTERTAINMENT?hl=hi&gl=IN&ceid=IN:hi" }, health: { label: "स्वास्थ्य", rss: "https://news.google.com/rss/headlines/section/topic/HEALTH?hl=hi&gl=IN&ceid=IN:hi" }, }; // ── Fetch Blog ID ───────────────────────────────────────────────────────── const fetchBlogId = useCallback(async (token, key) => { try { const r = await fetch( `https://www.googleapis.com/blogger/v3/blogs/byurl?url=${encodeURIComponent(BLOG_URL)}${key ? `&key=${key}` : ""}`, { headers: { Authorization: `Bearer ${token}` } } ); const d = await r.json(); if (d.id) { setBlogId(d.id); return d.id; } } catch (e) {} return null; }, []); // ── Google OAuth ────────────────────────────────────────────────────────── const handleGoogleLogin = async () => { if (!clientId.trim()) { setStatus("⚠️ पहले Client ID दर्ज करें।"); return; } await loadGapiScript(); setLoading(true); try { const client = window.google.accounts.oauth2.initTokenClient({ client_id: clientId.trim(), scope: "https://www.googleapis.com/auth/blogger", callback: async (resp) => { if (resp.access_token) { setAccessToken(resp.access_token); const bid = await fetchBlogId(resp.access_token, apiKey); if (bid) { setStatus("✅ लॉगिन सफल! Blog ID मिली।"); setScreen("dashboard"); fetchNews(); } else setStatus("⚠️ Blog ID नहीं मिली। API Key जांचें।"); } else setStatus("❌ Login रद्द किया गया।"); setLoading(false); }, }); client.requestAccessToken(); } catch (e) { setStatus("❌ OAuth Error: " + e.message); setLoading(false); } }; // ── Fetch News ──────────────────────────────────────────────────────────── const fetchNews = useCallback(async (cat = category) => { setLoading(true); setStatus("📡 खबरें लोड हो रही हैं..."); try { const url = `${RSS_API}${encodeURIComponent(CATEGORIES[cat].rss)}&count=20`; const r = await fetch(url); const d = await r.json(); if (d.items?.length) { setNews(d.items); setNewsIdx(0); setStatus(`✅ ${d.items.length} खबरें मिलीं`); } else setStatus("⚠️ खबरें नहीं मिलीं।"); } catch (e) { setStatus("❌ Error: " + e.message); } setLoading(false); }, [category]); // ── Post Single Article ─────────────────────────────────────────────────── const postArticle = useCallback(async (item, token, bid) => { const r = await fetch( `https://www.googleapis.com/blogger/v3/blogs/${bid}/posts/`, { method: "POST", headers: { Authorization: `Bearer ${token}`, "Content-Type": "application/json" }, body: JSON.stringify({ title: item.title, content: buildPostContent(item), labels: ["Hindi News", "Auto Post", CATEGORIES[category]?.label || "खबर"], }), } ); const d = await r.json(); if (d.id) return d; throw new Error(d.error?.message || "Post failed"); }, [category]); // ── Auto Post Engine ────────────────────────────────────────────────────── const startAuto = useCallback(() => { if (!accessToken || !blogId) { setStatus("⚠️ पहले लॉगिन करें।"); return; } setAutoOn(true); setStatus("🤖 Auto-Post चालू है!"); let idx = newsIdx; const run = async () => { const remaining = news.filter((_, i) => !posted.map((p) => p.link).includes(news[i]?.link)); if (idx >= news.length) { setStatus("✅ सभी खबरें पोस्ट हो गईं!"); setAutoOn(false); return; } const item = news[idx]; if (posted.find((p) => p.link === item.link)) { idx++; return; } try { setStatus(`📤 पोस्ट हो रहा है: "${item.title.slice(0, 40)}..."`); await postArticle(item, accessToken, blogId); setPosted((p) => [{ ...item, postedAt: new Date().toISOString() }, ...p]); idx++; setNewsIdx(idx); setStatus(`✅ पोस्ट हुआ! अगली खबर ${intervalMin} मिनट बाद।`); } catch (e) { setStatus("❌ Error: " + e.message); if (e.message.includes("401")) { setAutoOn(false); setStatus("❌ Token expire हुआ। फिर लॉगिन करें।"); } } }; run(); timerRef.current = setInterval(run, intervalMin * 60 * 1000); // Countdown let sec = intervalMin * 60; countRef.current = setInterval(() => { sec--; if (sec <= 0) sec = intervalMin * 60; setCountdown(sec); }, 1000); }, [accessToken, blogId, news, posted, newsIdx, intervalMin, postArticle]); const stopAuto = () => { clearInterval(timerRef.current); clearInterval(countRef.current); setAutoOn(false); setCountdown(null); setStatus("⏹ Auto-Post बंद।"); }; const postNow = async (item) => { if (!accessToken || !blogId) return; setStatus(`📤 पोस्ट हो रहा है...`); try { await postArticle(item, accessToken, blogId); setPosted((p) => [{ ...item, postedAt: new Date().toISOString() }, ...p]); setStatus(`✅ "${item.title.slice(0, 35)}..." पोस्ट हुआ!`); } catch (e) { setStatus("❌ Error: " + e.message); } }; useEffect(() => () => { clearInterval(timerRef.current); clearInterval(countRef.current); }, []); // ── Format countdown ────────────────────────────────────────────────────── const fmtCountdown = (s) => { if (!s) return ""; const m = Math.floor(s / 60), sec = s % 60; return `${String(m).padStart(2, "0")}:${String(sec).padStart(2, "0")}`; }; // ═══════════════════════════════════════════════════════════════════════════ // SETUP SCREEN // ═══════════════════════════════════════════════════════════════════════════ if (screen === "setup") return (

📰

Hindi News Auto-Poster

Google Hindi News → NatureEgg Blogger

🔗 {BLOG_URL}

{/* Steps */}

⚙️ सेटअप करने के चरण:
1. Google Cloud Console खोलें
2. नया Project बनाएं → Blogger API Enable करें
3. Credentials → OAuth 2.0 Client ID बनाएं (Web app)
4. Authorized origins में https://claude.ai जोड़ें
5. नीचे Client ID & API Key पेस्ट करें

OAuth 2.0 Client ID * setClientId(e.target.value)} placeholder="xxxx.apps.googleusercontent.com" style={{ width: "100%", padding: "12px 14px", borderRadius: 10, border: "1px solid rgba(255,255,255,0.15)", background: "rgba(255,255,255,0.07)", color: "#fff", fontSize: 13, outline: "none", boxSizing: "border-box" }} />

API Key (वैकल्पिक, Blog ID के लिए) setApiKey(e.target.value)} placeholder="AIzaSy..." style={{ width: "100%", padding: "12px 14px", borderRadius: 10, border: "1px solid rgba(255,255,255,0.15)", background: "rgba(255,255,255,0.07)", color: "#fff", fontSize: 13, outline: "none", boxSizing: "border-box" }} />

{status &&

{status}

}

यह ऐप केवल Blogger API से पोस्ट करता है। आपका डेटा कहीं स्टोर नहीं होता।

); // ═══════════════════════════════════════════════════════════════════════════ // DASHBOARD // ═══════════════════════════════════════════════════════════════════════════ const unpostedNews = news.filter(n => !posted.find(p => p.link === n.link)); return (

{/* Header */}

📰

Hindi News Auto-Poster

Blog ID: {blogId || "..."} | {BLOG_URL}

{autoOn && countdown && (

⏱ अगली पोस्ट: {fmtCountdown(countdown)}

)}

✅ {posted.length} पोस्ट | 📋 {unpostedNews.length} बाकी

{/* Status Bar */} {status && (

{status}

)}

{/* ── Sidebar Controls ── */}

{/* Category */}

📂 श्रेणी चुनें

{Object.entries(CATEGORIES).map(([k, v]) => ( ))}

{/* Auto Post Settings */}

🤖 Auto-Post सेटिंग

पोस्टिंग अंतराल (मिनट) setIntervalMin(Math.max(5, +e.target.value))} min={5} max={1440} disabled={autoOn} style={{ width: "100%", padding: "10px 12px", borderRadius: 8, border: "1px solid rgba(255,255,255,0.1)", background: "rgba(255,255,255,0.06)", color: "#fff", fontSize: 14, boxSizing: "border-box", outline: "none" }} />

न्यूनतम: 5 मिनट

{!autoOn ? ( ) : ( )}

{/* Refresh */} {/* Stats */}

📊 आँकड़े

{[["✅ पोस्ट हुईं", posted.length], ["📋 बाकी", unpostedNews.length], ["📥 कुल", news.length]].map(([l, v]) => (

{l} {v}

))}

{/* ── News Feed ── */}

{CATEGORIES[category].label} – ताज़ी खबरें

{loading &&

⏳ लोड हो रहा है...

}

{news.length === 0 && !loading && (

📭

खबरें लोड करने के लिए "ताज़ा करें" दबाएं

)}

{news.map((item, i) => { const isPosted = !!posted.find(p => p.link === item.link); const img = item.enclosure?.link || item.thumbnail; return (

{img &&

e.target.style.display = "none"} />}

{isPosted ? "✅ " : ""}{item.title}

{item.author || item.source || "Google News"} · {timeAgo(item.pubDate)}

{isPosted ? ( ✅ पोस्ट हो गई ) : ( )}

); })}

{/* Posted History */} {posted.length > 0 && (

📜 पोस्ट इतिहास

{posted.slice(0, 5).map((p, i) => (

✅ {p.title.slice(0, 60)}... {timeAgo(p.postedAt)}

))}

)}

); }

Search This Blog

welcome to nature egg

Pawsitively Pawesome

Comments

Post a Comment

Popular posts from this blog

Men's Health Week 2023! 15% Reward Dollar, Max Reward $25 ,Use code :HPMHW

Motivational hindi image

The Wolf and the Clock: A Reminder to Be Patient and Live in the Present

Hindi News Auto-Poster

{CATEGORIES[category].label} – ताज़ी खबरें

📜 पोस्ट इतिहास