How Americans see China now

العالم

NPR

2026/05/12 - 21:18 507 مشاهدة

تحليل ذكي | AI Editorial Analysis

جاري تحليل المقال...

World How Americans see China now May 12, 20265:18 PM ET Heard on All Things Considered Frank Langfitt How Americans see China now Listen · 4:26 4:26 Toggle more options Download Embed Embed </blockquote> <cite class="block mt-3 text-xs text-gray-500 not-italic"> المصدر: <a href="https://www.npr.org/2026/05/12/nx-s1-5761387/how-americans-see-china-now" target="_blank" rel="noopener nofollow" class="text-cyan-500 hover:underline">NPR</a> | Source: NPR </cite> </div> <div id="why-this-matters" class="mt-6 p-4 rounded-xl bg-gradient-to-r from-amber-900/15 to-orange-900/15 border border-amber-700/25 hidden"> <div class="flex items-center gap-2 mb-3"> <span class="text-amber-400 text-sm">💡</span> <span class="text-xs font-bold text-amber-400 uppercase tracking-wider">لماذا يهمك هذا | Why This Matters</span> </div> <div id="why-matters-content" class="text-sm text-gray-300 leading-7"></div> </div> <div class="editorial-note mt-6 p-4 rounded-xl bg-blue-900/20 border border-blue-800/30"> <p class="text-xs text-gray-400 leading-6"> <strong class="text-blue-400">ملاحظة تحريرية | Editorial Note:</strong> نُشر هذا المقال في الأصل بواسطة <strong class="text-gray-300">NPR</strong>. <strong class="text-white">خبر (Khabr)</strong> هي منصة إعلامية أردنية مرخّصة تعمل بالذكاء الاصطناعي. نضيف قيمة تحريرية من خلال: <strong class="text-cyan-400">تحليل ذكي للأخبار</strong>، <strong class="text-purple-400">ملخصات تلقائية</strong>، <strong class="text-emerald-400">رواية صوتية بالذكاء الاصطناعي</strong>، <strong class="text-amber-400">ترجمة متعددة اللغات</strong>، و<strong class="text-pink-400">تدقيق الحقائق</strong>. هدفنا جعل الأخبار أكثر وضوحاً وسهولةً للقارئ العربي. </p> <p class="text-xs text-gray-500 mt-2 leading-6"> This article was originally published by <strong class="text-gray-400">NPR</strong>. <strong class="text-gray-300">Khabr</strong> is a licensed Jordanian AI-powered news platform (Registration #82086). We add editorial value through: <strong>AI-powered news analysis</strong>, <strong>automated summaries</strong>, <strong>AI audio narration</strong>, <strong>multi-language translation</strong> (Arabic, English, French, Turkish), and <strong>AI fact-checking</strong>. Our mission is to make news more accessible and understandable for Arabic-speaking audiences worldwide. </p> </div>  <div class="flex items-center gap-3 mt-4 pt-4 border-t border-gray-700/50"> <span class="text-xs text-gray-600" data-i18n="share">مشاركة:</span> <button data-fav-id="628587" onclick="KhabrFav.toggle(628587)" class="w-9 h-9 rounded-full bg-pink-600/20 text-pink-400 flex items-center justify-center hover:bg-pink-600/40 hover:scale-110 transition" title="المفضلة / Favorite">🤍</button> <a href="https://wa.me/?text=How+Americans+see+China+now%0Ahttps%3A%2F%2Fkhabr.news%2Farticle%2Fhow-americans-see-china-now-n9mtx" target="_blank" rel="noopener" class="w-9 h-9 rounded-full bg-green-600/20 text-green-400 flex items-center justify-center hover:bg-green-600/40 hover:scale-110 transition" title="WhatsApp"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z"/></svg></a> <a href="https://twitter.com/intent/tweet?text=How+Americans+see+China+now&url=https%3A%2F%2Fkhabr.news%2Farticle%2Fhow-americans-see-china-now-n9mtx" target="_blank" rel="noopener" class="w-9 h-9 rounded-full bg-blue-600/20 text-blue-400 flex items-center justify-center hover:bg-blue-600/40 hover:scale-110 transition" title="X / Twitter"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fkhabr.news%2Farticle%2Fhow-americans-see-china-now-n9mtx" target="_blank" rel="noopener" class="w-9 h-9 rounded-full bg-blue-700/20 text-blue-300 flex items-center justify-center hover:bg-blue-700/40 hover:scale-110 transition" title="Facebook"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a> <a href="https://t.me/share/url?url=https%3A%2F%2Fkhabr.news%2Farticle%2Fhow-americans-see-china-now-n9mtx&text=How+Americans+see+China+now" target="_blank" rel="noopener" class="w-9 h-9 rounded-full bg-sky-600/20 text-sky-400 flex items-center justify-center hover:bg-sky-600/40 hover:scale-110 transition" title="Telegram"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M11.944 0A12 12 0 000 12a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0012 0a12 12 0 00-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 01.171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.479.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg></a> <button onclick="copyLink()" class="w-9 h-9 rounded-full bg-gray-700/50 text-gray-400 flex items-center justify-center hover:bg-gray-600/50 hover:text-white hover:scale-110 transition" title="Copy Link"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"/></svg></button> <button onclick="shareArticle('native')" class="w-9 h-9 rounded-full bg-cyan-600/20 text-cyan-400 flex items-center justify-center hover:bg-cyan-600/40 hover:scale-110 transition md:hidden" title="Share"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"/></svg></button> </div> <div class="mt-6 pt-4 border-t border-gray-700"> <a href="https://www.npr.org/2026/05/12/nx-s1-5761387/how-americans-see-china-now" target="_blank" rel="noopener" class="text-cyan-400 hover:text-cyan-300 text-sm flex items-center gap-1"> <span data-i18n="read_original">قراءة المقال الأصلي</span> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/></svg> </a> </div> </div> </div> </article> <div class="mt-8 max-w-4xl mx-auto p-5 rounded-xl bg-gradient-to-r from-slate-800/50 to-slate-900/50 border border-slate-700/40"> <h2 class="text-base font-bold text-white mb-2 flex items-center gap-2"> <span class="w-1 h-5 bg-cyan-500 rounded-full"></span> المزيد عن العالم | More on World </h2> <p class="text-sm text-gray-400 leading-7 mb-3"> هذا الخبر ضمن تغطية خبر لقسم <strong class="text-gray-300">العالم</strong>. نقدّم لك تحليلات ذكية وملخصات يومية لأهم الأخبار من مصادر موثوقة متعددة. المصدر: <strong class="text-gray-300">NPR</strong>. يوجد 6 مقالات مرتبطة بهذا الموضوع. </p> <p class="text-xs text-gray-500"> This article is part of Khabr's coverage of <strong class="text-gray-400">World</strong>. We provide AI-powered analysis, summaries, and multi-source aggregation to keep you informed. Source: NPR. </p> </div> <section class="mt-10 max-w-4xl mx-auto"> <h2 class="text-xl font-bold mb-4 pb-2 border-b border-cyan-800/50 flex items-center gap-2"> <span class="w-1 h-6 bg-gradient-to-b from-cyan-400 to-blue-600 rounded-full"></span> <span data-i18n="related">مقالات ذات صلة</span> </h2> <div class="grid grid-cols-1 md:grid-cols-3 gap-4"> <a href="/article/prix-de-diane-2026-une-histoire-delegance-dEvkr" class="glass-card rounded-xl overflow-hidden group"> <div class="p-3"> <h3 class="font-bold text-sm line-clamp-2 group-hover:text-cyan-400 transition">Prix de Diane 2026 : une histoire d’élégance</h3> <span class="text-xs text-gray-500 mt-1 block">منذ 3 دقائق</span> </div> </a> <a href="/article/paris-basketball-monaco-cet-autre-club-de-la-capitale-qui-reve-du-back-to-back-en-finale-de-betclic-elite-kZL24" class="glass-card rounded-xl overflow-hidden group"> <div class="p-3"> <h3 class="font-bold text-sm line-clamp-2 group-hover:text-cyan-400 transition">Paris Basketball - Monaco : cet autre club de la capitale qui rêve du « back-to-back » en finale de Betclic Élite</h3> <span class="text-xs text-gray-500 mt-1 block">منذ 3 دقائق</span> </div> </a> <a href="/article/un-match-nul-dans-le-choc-bresil-maroc-probleme-de-var-ce-que-vous-avez-rate-cette-nuit-a-la-coupe-du-monde-ZmYla" class="glass-card rounded-xl overflow-hidden group"> <div class="p-3"> <h3 class="font-bold text-sm line-clamp-2 group-hover:text-cyan-400 transition">Un match nul dans le choc Brésil-Maroc, problème de VAR : ce que vous avez raté cette nuit à la Coupe du monde</h3> <span class="text-xs text-gray-500 mt-1 block">منذ 3 دقائق</span> </div> </a> <a href="/article/on-sy-est-vu-direct-un-moulin-du-xviiie-siecle-reprend-vie-grace-a-deux-amies-denfance-et-a-leur-cafe-librairie-WZ1w3" class="glass-card rounded-xl overflow-hidden group"> <div class="p-3"> <h3 class="font-bold text-sm line-clamp-2 group-hover:text-cyan-400 transition">« On s’y est vu direct ! » : un moulin du XVIIIe siècle reprend vie grâce à deux amies d’enfance et à leur café-librairie</h3> <span class="text-xs text-gray-500 mt-1 block">منذ 3 دقائق</span> </div> </a> <a href="/article/on-doit-avoir-plus-de-60-dinternationaux-lile-saint-louis-un-village-solidaire-en-quete-dequilibre-CDPMt" class="glass-card rounded-xl overflow-hidden group"> <div class="p-3"> <h3 class="font-bold text-sm line-clamp-2 group-hover:text-cyan-400 transition">« On doit avoir plus de 60 % d’internationaux » : l’île Saint-Louis, un « village » solidaire en quête d’équilibre</h3> <span class="text-xs text-gray-500 mt-1 block">منذ 3 دقائق</span> </div> </a> <a href="/article/alkshf-aan-asraa-tryk-lhrk-dhon-albtn-ofka-llaalm-178141711225" class="glass-card rounded-xl overflow-hidden group"> <div class="h-36 overflow-hidden"><img src="https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=800" alt="" class="w-full h-full object-cover group-hover:scale-105 transition duration-300" onerror="this.parentElement.style.display='none'"></div> <div class="p-3"> <h3 class="font-bold text-sm line-clamp-2 group-hover:text-cyan-400 transition">الكشف عن أسرع طريقة لحرق دهون البطن وفقاً للعلم!</h3> <span class="text-xs text-gray-500 mt-1 block">منذ 5 دقائق</span> </div> </a> </div> </section> </main> </div>  <footer class="bg-dark-600 border-t border-gray-800 py-10 mt-12"> <div class="max-w-[1400px] mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8">  <div> <div class="flex items-center gap-2 mb-3"> <img src="/images/khabar-logo.png" alt="خبر" class="h-10 w-auto" style="filter: drop-shadow(0 0 10px rgba(255,255,255,0.5)) drop-shadow(0 0 20px rgba(6,182,212,0.3));"> </div> <p class="text-sm text-gray-400 leading-relaxed mb-4"><span data-i18n="footer_brand_desc">AI-powered news platform aggregating from 600+ trusted sources.</span></p>  <div class="flex gap-3 mt-3"> <a href="https://x.com/khabrnews" target="_blank" rel="noopener" class="w-8 h-8 rounded-lg bg-gray-700 hover:bg-cyan-600 flex items-center justify-center transition" title="X / Twitter"> <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg> </a> <a href="https://www.facebook.com/khabrnews" target="_blank" rel="noopener" class="w-8 h-8 rounded-lg bg-gray-700 hover:bg-blue-600 flex items-center justify-center transition" title="Facebook"> <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg> </a> <a href="https://www.instagram.com/khabrnews" target="_blank" rel="noopener" class="w-8 h-8 rounded-lg bg-gray-700 hover:bg-pink-600 flex items-center justify-center transition" title="Instagram"> <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg> </a> <a href="https://t.me/khabrnews" target="_blank" rel="noopener" class="w-8 h-8 rounded-lg bg-gray-700 hover:bg-sky-500 flex items-center justify-center transition" title="Telegram"> <svg class="w-4 h-4 text-white" fill="currentColor" viewBox="0 0 24 24"><path d="M11.944 0A12 12 0 000 12a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0012 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 01.171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.479.33-.913.492-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg> </a> </div> </div>  <div> <h4 class="text-white font-semibold mb-3 text-sm"><span data-i18n="footer_categories">Categories</span></h4> <div class="flex flex-col gap-1.5"> <a href="/category/alaaalm" class="text-sm text-gray-400 hover:text-cyan-400 transition">العالم</a> <a href="/category/education" class="text-sm text-gray-400 hover:text-cyan-400 transition">تعليم</a> <a href="/category/technology" class="text-sm text-gray-400 hover:text-cyan-400 transition">تكنولوجيا</a> <a href="/category/politics" class="text-sm text-gray-400 hover:text-cyan-400 transition">سياسة</a> <a href="/category/sports" class="text-sm text-gray-400 hover:text-cyan-400 transition">رياضة</a> <a href="/category/tech" class="text-sm text-gray-400 hover:text-cyan-400 transition">تكنولوجيا</a> <a href="/category/economy" class="text-sm text-gray-400 hover:text-cyan-400 transition">اقتصاد</a> <a href="/category/health" class="text-sm text-gray-400 hover:text-cyan-400 transition">صحة</a> <a href="/live" class="text-sm text-red-400 hover:text-red-300 transition"><span data-i18n="nav_live">Live TV</span></a> </div> </div>  <div> <h4 class="text-white font-semibold mb-3 text-sm"><span data-i18n="footer_company">Company</span></h4> <div class="flex flex-col gap-1.5"> <a href="/about" class="text-sm text-gray-400 hover:text-cyan-400 transition"><span data-i18n="footer_about">About Us</span></a> <a href="/contact" class="text-sm text-gray-400 hover:text-cyan-400 transition"><span data-i18n="footer_contact">Contact</span></a> <a href="/editorial-policy" class="text-sm text-gray-400 hover:text-cyan-400 transition"><span data-i18n="footer_editorial">Editorial Policy</span></a> <a href="/kidzonet" class="text-sm text-emerald-400/80 hover:text-emerald-400 transition font-medium">KIDZONET</a> <a href="/easysim" class="text-sm text-purple-400/80 hover:text-purple-400 transition font-medium">EasySim</a> <a href="https://www.ocean-tel.uk" target="_blank" rel="noopener" class="text-sm text-blue-400/80 hover:text-blue-400 transition">Ocean Telecom</a> </div> </div>  <div> <h4 class="text-white font-semibold mb-3 text-sm"><span data-i18n="footer_legal">Legal</span></h4> <div class="flex flex-col gap-1.5"> <a href="/privacy" class="text-sm text-gray-400 hover:text-cyan-400 transition"><span data-i18n="footer_privacy">Privacy Policy</span></a> <a href="/terms" class="text-sm text-gray-400 hover:text-cyan-400 transition"><span data-i18n="footer_terms">Terms of Service</span></a> <a href="/cookies" class="text-sm text-gray-400 hover:text-cyan-400 transition"><span data-i18n="footer_cookies">Cookie Policy</span></a> </div> </div> </div> <div class="border-t border-gray-800 mt-8 pt-6 flex flex-col md:flex-row items-center justify-between gap-3"> <p class="text-xs text-gray-600">© 2026 Khabr News — All rights reserved.</p> <p class="text-xs text-gray-600">info@khabr.news | Amman, Jordan</p> </div> </div> </footer> <script> // Mobile menu document.getElementById('mobile-menu-btn')?.addEventListener('click', () => { document.getElementById('mobile-menu').classList.toggle('hidden'); }); // Country timezone + capital coordinate maps const countryTimezones = { "JO":"Asia/Amman","SA":"Asia/Riyadh","AE":"Asia/Dubai","EG":"Africa/Cairo", "SY":"Asia/Damascus","IQ":"Asia/Baghdad","YE":"Asia/Aden","KW":"Asia/Kuwait", "DZ":"Africa/Algiers","MA":"Africa/Casablanca","PS":"Asia/Hebron","LB":"Asia/Beirut", "IR":"Asia/Tehran","QA":"Asia/Qatar","TR":"Europe/Istanbul","GB":"Europe/London", "US":"America/New_York","FR":"Europe/Paris","BH":"Asia/Bahrain","OM":"Asia/Muscat", "SD":"Africa/Khartoum","LY":"Africa/Tripoli","TN":"Africa/Tunis" }; const countryCapitals = { "JO":{lat:31.95,lon:35.93,city:"عمّان"},"SA":{lat:24.71,lon:46.67,city:"الرياض"}, "AE":{lat:24.45,lon:54.65,city:"أبوظبي"},"EG":{lat:30.04,lon:31.24,city:"القاهرة"}, "SY":{lat:33.51,lon:36.29,city:"دمشق"},"IQ":{lat:33.31,lon:44.37,city:"بغداد"}, "YE":{lat:15.37,lon:44.21,city:"صنعاء"},"KW":{lat:29.38,lon:47.99,city:"الكويت"}, "DZ":{lat:36.75,lon:3.06,city:"الجزائر"},"MA":{lat:34.02,lon:-6.84,city:"الرباط"}, "PS":{lat:31.90,lon:35.20,city:"القدس"},"LB":{lat:33.89,lon:35.50,city:"بيروت"}, "IR":{lat:35.69,lon:51.39,city:"طهران"},"QA":{lat:25.29,lon:51.53,city:"الدوحة"}, "TR":{lat:41.01,lon:28.98,city:"إسطنبول"},"GB":{lat:51.51,lon:-0.13,city:"London"}, "US":{lat:40.71,lon:-74.01,city:"New York"},"FR":{lat:48.86,lon:2.35,city:"Paris"} }; window.geoData = { countryCode: null, timezone: null, flag: null, city: null }; window.activeTimezone = null; // Live clock in active timezone function updateClock() { const tz = window.activeTimezone || Intl.DateTimeFormat().resolvedOptions().timeZone; try { const time = new Date().toLocaleTimeString("ar-EG", { hour:"2-digit", minute:"2-digit", timeZone: tz }); document.getElementById("live-clock").textContent = time; } catch(e) { document.getElementById("live-clock").textContent = new Date().toLocaleTimeString("ar-EG", { hour:"2-digit", minute:"2-digit" }); } } updateClock(); setInterval(updateClock, 30000); // Geolocation + Welcome + Weather (using free APIs) async function initGeo() { try { const res = await fetch("https://ipapi.co/json/"); const data = await res.json(); const country = data.country_name_native || data.country_name || ""; const countryCode = (data.country_code || "").toUpperCase(); const city = data.city || ""; const flag = countryCode ? String.fromCodePoint(...[...countryCode].map(c => 0x1F1E6 - 65 + c.charCodeAt(0))) : ""; // Store geo data globally window.geoData = { countryCode, timezone: data.timezone, flag, city, country }; window.activeTimezone = data.timezone || countryTimezones[countryCode] || null; document.getElementById("visitor-flag").textContent = flag; document.getElementById("clock-city").textContent = city; updateClock(); // Auto-detect language based on country (first visit only) const arabicCountries = ["JO","YE","KW","DZ","SA","AE","SY","IQ","MA","EG","QA","BH","OM","LB","PS","SD","LY","TN"]; const hasLangPref = document.cookie.includes("khabr_lang="); if (!hasLangPref && countryCode) { let autoLang = "en"; if (arabicCountries.includes(countryCode)) autoLang = "ar"; else if (countryCode === "FR") autoLang = "fr"; else if (countryCode === "TR") autoLang = "tr"; if (autoLang !== "ar") { window.location.href = "/set-lang/" + autoLang; return; } } const lang = localStorage.getItem("khabr_lang") || "ar"; const welcomeTexts = { ar: "مرحباً من " + country, en: "Welcome from " + (data.country_name || country), fr: "Bienvenue de " + (data.country_name || country), tr: (data.country_name || country) + " hoş geldiniz", }; document.getElementById("welcome-msg").textContent = welcomeTexts[lang] || welcomeTexts.ar; // Weather if (data.latitude && data.longitude) { loadWeather(data.latitude, data.longitude, city); } } catch(e) { var ww=document.getElementById("welcome-msg");if(ww){var wm={ar:"أهلاً بك في خبر",en:"Welcome to Khabr",fr:"Bienvenue sur Khabr",tr:"Khabr'a hoş geldiniz"};ww.textContent=wm[savedLang]||wm.en}; } } async function loadWeather(lat, lon, city) { try { const wRes = await fetch("https://api.open-meteo.com/v1/forecast?latitude=" + lat + "&longitude=" + lon + "&current_weather=true"); const wData = await wRes.json(); if (wData.current_weather) { const temp = Math.round(wData.current_weather.temperature); const code = wData.current_weather.weathercode; const icons = {0:"☀️",1:"🌤️",2:"⛅",3:"☁️",45:"🌫️",48:"🌫️",51:"🌦️",61:"🌧️",71:"🌨️",80:"🌧️",95:"⛈️"}; document.getElementById("weather-icon").textContent = icons[code] || "🌡️"; document.getElementById("weather-temp").textContent = temp + "°C"; document.getElementById("weather-city").textContent = city; } } catch(e) {} } initGeo(); function filterCountries(q) { document.querySelectorAll('#nav-country-dd .nc-item').forEach(el => { el.style.display = el.dataset.n.toLowerCase().includes(q.toLowerCase()) ? '' : 'none'; }); } // Nav country selector function navSelectCountry(code, flag) { document.getElementById("nav-country-dd").classList.add("hidden"); document.getElementById("nav-sel-flag").textContent = flag; // Get language-appropriate country name const btn = document.querySelector('.nc-item[onclick*="\'' + code + '\'"]'); const lang = localStorage.getItem('khabr_lang') || 'ar'; const name = btn ? (btn.dataset[lang] || btn.dataset.ar) : code; document.getElementById("nav-sel-name").textContent = name; // Show dual flags: original location (small) + selected country (large) if (window.geoData && window.geoData.flag && window.geoData.countryCode !== code) { const originMini = document.getElementById("origin-flag-mini"); originMini.textContent = "📍" + window.geoData.flag; originMini.title = "موقعك / Your location"; originMini.classList.remove("hidden"); } // Update main flag to selected country document.getElementById("visitor-flag").textContent = flag; // Update welcome message const welcomeLang = localStorage.getItem("khabr_lang") || "ar"; const msgs = { ar: "تصفح أخبار " + name, en: "Browsing " + name + " news", fr: "Actualités " + name, tr: name + " haberleri" }; document.getElementById("welcome-msg").textContent = msgs[welcomeLang] || msgs.ar; // Update timezone & clock const tz = countryTimezones[code]; if (tz) { window.activeTimezone = tz; updateClock(); } const cap = countryCapitals[code]; if (cap) { document.getElementById("clock-city").textContent = cap.city; loadWeather(cap.lat, cap.lon, cap.city); } // If on homepage, switch local news if (typeof switchCountry === "function") { switchCountry(code, flag, name); } } // Close nav country dropdown on outside click document.addEventListener("click", e => { const dd = document.getElementById("nav-country-dd"); const sel = document.getElementById("nav-country-selector"); if (dd && sel && !sel.contains(e.target)) dd.classList.add("hidden"); }); // Language const logoNames = { ar: 'خبر', en: 'NEWS', fr: 'INFO', tr: 'Haber' }; const i18n = { ar: { nav_home: 'الرئيسية', nav_live: 'البث المباشر', breaking: 'عاجل', ai_live: 'AI مباشر', stat_articles: 'مقال', stat_sources: 'مصدر نشط', stat_channels: 'قناة مباشرة', stat_today: 'خبر اليوم', last_sync: 'آخر تحديث:', footer_desc: 'آخر الأخبار من مصادر موثوقة', latest_news: 'آخر الأخبار', categories: 'الأقسام', most_read: 'الأكثر قراءة', related: 'مقالات ذات صلة', read_original: 'قراءة المقال الأصلي', views: 'مشاهدة', live_channels: 'قنوات البث المباشر', ticker_demo1: '⚡ عاجل: كريستيانو رونالدو يُتوّج كأفضل لاعب كرة قدم في العالم', ticker_demo2: '⚡ أخبار عاجلة تتابعونها لحظة بلحظة على خبر', ticker_demo3: '⚡ تابعوا آخر المستجدات والأحداث من حول العالم', region_arab: 'عربي', region_en: 'English', region_fr: 'Français', region_tr: 'Türkçe', ai_suggest: 'اقتراحات ذكية', filter_region: 'المنطقة', search_results: 'نتائج البحث', browse_news: 'تصفح الأخبار', no_results: 'لا توجد نتائج', try_different: 'جرب كلمات بحث مختلفة', active_filters: 'الفلاتر النشطة:', clear_all: 'مسح الكل', results_for: 'نتائج البحث عن:', following_sources: 'مصادرك المتابعة:', view_followed_news: 'أخبار مصادرك', follow: 'تابع', following: 'متابَع ✓', nav_customize: 'خصّص', nav_favorites: 'المفضلة', nav_tourism: 'سياحة', nav_sports: 'رياضة', nav_games: 'ألعاب', nav_notifications: 'الإشعارات', nav_preferences: 'التفضيلات', nav_logout: 'تسجيل خروج', nav_login: 'دخول', nav_chat: 'دردشة AI', nav_services: 'خدمات', nav_doctors: 'أطباء', local_news: 'أخبار', more_local: 'المزيد من أخبار', more_intl: 'المزيد من الأخبار الدولية', no_local_news: 'لا توجد أخبار محلية متاحة لهذه الدولة', change_country: 'تغيير الدولة', simple_mode: 'بسيط', advanced_mode: 'متقدم', simple_label: 'الوضع البسيط', advanced_label: 'الوضع المتقدم', trending_intl: 'Trending دولي', trending_now: 'الأكثر رواجاً الآن', nav_more: 'المزيد', nav_universities: 'جامعات', search_placeholder: 'AI بحث ذكي... اكتب أي شيء', search_country: 'ابحث...', fav_added: 'تمت الإضافة للمفضلة', fav_removed: 'تمت الإزالة من المفضلة', loading_news: 'جاري تحميل الأخبار...', error_loading: 'حدث خطأ في تحميل الأخبار', select_country: 'اختر دولة', ai_summary: 'ملخص ذكي', ai_listen: 'استمع', ai_quick: 'خبر سريع', translate: 'ترجمة', ai_listening: 'جاري الاستماع', share: 'مشاركة:', link_copied: 'تم نسخ الرابط', ai_loading: 'جاري التحميل...', no_summary: 'لم يتم إنشاء ملخص', play_failed: 'فشل التشغيل', tts_error: 'خطأ في التحويل', ai_live: 'AI مباشر', footer_categories: 'الأقسام', footer_company: 'الشركة', footer_legal: 'قانوني', footer_about: 'من نحن', footer_contact: 'اتصل بنا', footer_editorial: 'السياسة التحريرية', footer_privacy: 'الخصوصية', footer_terms: 'الشروط والأحكام', footer_cookies: 'سياسة ملفات تعريف الارتباط', footer_brand_desc: 'منصة إخبارية ذكية تجمع الأخبار من أكثر من 600 مصدر موثوق بالذكاء الاصطناعي.' }, en: { nav_home: 'Home', nav_live: 'Live TV', breaking: 'BREAKING', ai_live: 'AI Live', stat_articles: 'Articles', stat_sources: 'Active Sources', stat_channels: 'Live Channels', stat_today: 'Today', last_sync: 'Last Update:', footer_desc: 'Latest news from trusted sources', latest_news: 'Latest News', categories: 'Categories', most_read: 'Most Read', related: 'Related Articles', read_original: 'Read Original', views: 'views', live_channels: 'Live TV Channels', ticker_demo1: '⚡ BREAKING: Cristiano Ronaldo crowned best footballer in the world', ticker_demo2: '⚡ Follow the latest breaking news live on Khabr', ticker_demo3: '⚡ Stay updated with the latest events from around the world', region_arab: 'Arabic', region_en: 'English', region_fr: 'French', region_tr: 'Turkish', ai_suggest: 'AI Suggestions', filter_region: 'Region', search_results: 'Search Results', browse_news: 'Browse News', no_results: 'No results found', try_different: 'Try different search terms', active_filters: 'Active filters:', clear_all: 'Clear all', results_for: 'Results for:', following_sources: 'Your followed sources:', view_followed_news: 'Your sources news', follow: 'Follow', following: 'Following ✓', nav_customize: 'Customize', nav_favorites: 'Favorites', nav_tourism: 'Tourism', nav_sports: 'Sports', nav_games: 'Games', nav_notifications: 'Notifications', nav_preferences: 'Preferences', nav_logout: 'Logout', nav_login: 'Login', nav_chat: 'AI Chat', nav_services: 'Services', nav_doctors: 'Doctors', local_news: 'News from', more_local: 'More news from', more_intl: 'More International News', no_local_news: 'No local news available for this country', change_country: 'Change Country', simple_mode: 'Simple', advanced_mode: 'Advanced', simple_label: 'Simple Mode', advanced_label: 'Advanced Mode', trending_intl: 'International Trending', trending_now: 'Trending Now', nav_more: 'More', nav_universities: 'Universities', search_placeholder: 'AI Smart Search... type anything', search_country: 'Search...', fav_added: 'Added to favorites', fav_removed: 'Removed from favorites', loading_news: 'Loading news...', error_loading: 'Error loading news', select_country: 'Select Country', ai_summary: 'AI Summary', ai_listen: 'Listen', ai_quick: 'Quick News', translate: 'Translate', ai_listening: 'Listening', share: 'Share:', link_copied: 'Link Copied', ai_loading: 'Loading...', no_summary: 'No summary available', play_failed: 'Play failed', tts_error: 'TTS Error', ai_live: 'AI Live', footer_categories: 'Categories', footer_company: 'Company', footer_legal: 'Legal', footer_about: 'About Us', footer_contact: 'Contact', footer_editorial: 'Editorial Policy', footer_privacy: 'Privacy Policy', footer_terms: 'Terms of Service', footer_cookies: 'Cookie Policy', footer_brand_desc: 'AI-powered news platform aggregating from 600+ trusted sources.' }, fr: { nav_home: 'Accueil', nav_live: 'TV en direct', breaking: 'URGENT', ai_live: 'AI en direct', stat_articles: 'Articles', stat_sources: 'Sources actives', stat_channels: 'Chaînes en direct', stat_today: "Aujourd'hui", last_sync: 'Dernière MAJ:', footer_desc: 'Dernières nouvelles de sources fiables', latest_news: 'Dernières nouvelles', categories: 'Catégories', most_read: 'Plus lus', related: 'Articles connexes', read_original: "Lire l'original", views: 'vues', live_channels: 'Chaînes TV en direct', ticker_demo1: '⚡ URGENT: Cristiano Ronaldo couronné meilleur footballeur du monde', ticker_demo2: '⚡ Suivez les dernières nouvelles en direct sur Khabr', ticker_demo3: '⚡ Restez informé des derniers événements dans le monde', region_arab: 'Arabe', region_en: 'Anglais', region_fr: 'Français', region_tr: 'Turc', ai_suggest: 'Suggestions IA', filter_region: 'Région', search_results: 'Résultats', browse_news: 'Parcourir', no_results: 'Aucun résultat', try_different: 'Essayez d\'autres termes', active_filters: 'Filtres actifs:', clear_all: 'Tout effacer', results_for: 'Résultats pour:', following_sources: 'Sources suivies:', view_followed_news: 'Vos sources', follow: 'Suivre', following: 'Suivi ✓', nav_customize: 'Personnaliser', nav_favorites: 'Favoris', nav_tourism: 'Tourisme', nav_sports: 'Sports', nav_games: 'Jeux', nav_notifications: 'Notifications', nav_preferences: 'Préférences', nav_logout: 'Déconnexion', nav_login: 'Connexion', nav_chat: 'Chat IA', nav_services: 'Services', nav_doctors: 'Médecins', local_news: 'Actualités de', more_local: 'Plus de nouvelles de', more_intl: 'Plus de nouvelles internationales', no_local_news: 'Pas de nouvelles locales pour ce pays', change_country: 'Changer de pays', simple_mode: 'Simple', advanced_mode: 'Avancé', simple_label: 'Mode simple', advanced_label: 'Mode avancé', trending_intl: 'Tendances internationales', trending_now: 'Tendances', nav_more: 'Plus', nav_universities: 'Universités', search_placeholder: 'Recherche IA... tapez quelque chose', search_country: 'Rechercher...', fav_added: 'Ajouté aux favoris', fav_removed: 'Retiré des favoris', loading_news: 'Chargement...', error_loading: 'Erreur de chargement', select_country: 'Choisir un pays', ai_summary: 'Résumé IA', ai_listen: 'Écouter', ai_quick: 'Flash Info', translate: 'Traduire', ai_listening: 'Écoute en cours', share: 'Partager:', link_copied: 'Lien copié', ai_loading: 'Chargement...', no_summary: 'Pas de résumé', play_failed: 'Échec', tts_error: 'Erreur TTS', ai_live: 'IA en direct', footer_categories: 'Catégories', footer_company: 'Entreprise', footer_legal: 'Juridique', footer_about: 'À propos', footer_contact: 'Contact', footer_editorial: 'Politique éditoriale', footer_privacy: 'Confidentialité', footer_terms: 'Conditions', footer_cookies: 'Politique de cookies', footer_brand_desc: 'Plateforme d actualités IA agrégeant plus de 600 sources fiables.' }, tr: { nav_home: 'Ana Sayfa', nav_live: 'Canlı TV', breaking: 'SON DAKİKA', ai_live: 'AI Canlı', stat_articles: 'Haber', stat_sources: 'Aktif Kaynak', stat_channels: 'Canlı Kanal', stat_today: 'Bugün', last_sync: 'Son Güncelleme:', footer_desc: 'Güvenilir kaynaklardan son haberler', latest_news: 'Son Haberler', categories: 'Kategoriler', most_read: 'En Çok Okunan', related: 'İlgili Haberler', read_original: 'Orijinali Oku', views: 'görüntüleme', live_channels: 'Canlı TV Kanalları', ticker_demo1: '⚡ SON DAKİKA: Cristiano Ronaldo dünyanın en iyi futbolcusu seçildi', ticker_demo2: '⚡ Son dakika haberleri Khabr\'da canlı takip edin', ticker_demo3: '⚡ Dünyadan son gelişmeleri anlık takip edin', region_arab: 'Arapça', region_en: 'İngilizce', region_fr: 'Fransızca', region_tr: 'Türkçe', ai_suggest: 'AI Öneriler', filter_region: 'Bölge', search_results: 'Arama Sonuçları', browse_news: 'Haberlere Göz At', no_results: 'Sonuç bulunamadı', try_different: 'Farklı kelimeler deneyin', active_filters: 'Aktif filtreler:', clear_all: 'Hepsini temizle', results_for: 'Arama sonuçları:', following_sources: 'Takip edilen kaynaklar:', view_followed_news: 'Kaynak haberleri', follow: 'Takip Et', following: 'Takip ✓', nav_customize: 'Özelleştir', nav_favorites: 'Favoriler', nav_tourism: 'Turizm', nav_sports: 'Spor', nav_games: 'Oyunlar', nav_notifications: 'Bildirimler', nav_preferences: 'Tercihler', nav_logout: 'Çıkış', nav_login: 'Giriş', nav_chat: 'AI Sohbet', nav_services: 'Hizmetler', nav_doctors: 'Doktorlar', local_news: 'Haberler', more_local: 'Daha fazla haber', more_intl: 'Daha fazla uluslararası haber', no_local_news: 'Bu ülke için yerel haber yok', change_country: 'Ülke Değiştir', simple_mode: 'Basit', advanced_mode: 'Gelişmiş', simple_label: 'Basit Mod', advanced_label: 'Gelişmiş Mod', trending_intl: 'Uluslararası Gündem', trending_now: 'Gündemdekiler', nav_more: 'Daha fazla', nav_universities: 'Üniversiteler', search_placeholder: 'AI Akıllı Arama... herhangi bir şey yazın', search_country: 'Ara...', fav_added: 'Favorilere eklendi', fav_removed: 'Favorilerden kaldırıldı', loading_news: 'Haberler yükleniyor...', error_loading: 'Yükleme hatası', select_country: 'Ülke Seçin', ai_summary: 'AI Özet', ai_listen: 'Dinle', ai_quick: 'Hızlı Haber', translate: 'Çevir', ai_listening: 'Dinleniyor', share: 'Paylaş:', link_copied: 'Bağlantı kopyalandı', ai_loading: 'Yükleniyor...', no_summary: 'Özet yok', play_failed: 'Oynatma hatası', tts_error: 'TTS Hatası', ai_live: 'AI Canlı', footer_categories: 'Kategoriler', footer_company: 'Şirket', footer_legal: 'Yasal', footer_about: 'Hakkımızda', footer_contact: 'İletişim', footer_editorial: 'Yayın Politikası', footer_privacy: 'Gizlilik', footer_terms: 'Kullanım Şartları', footer_cookies: 'Çerez Politikası', footer_brand_desc: 'AI destekli haber platformu, 600+ güvenilir kaynaktan haber toplar.' }, }; // Ad translations const adI18n = { ar: { ad_discount: 'خصم', ad_book_now: 'احجز', ad_label: 'إعلان', ad_rj_title: 'سافر مع الملكية الأردنية', ad_rj_desc: 'احجز رحلتك الآن واحصل على خصم 10% على جميع الرحلات الدولية', ad_aqaba_title: 'رحلات جوية إلى العقبة', ad_aqaba_desc: 'طِر إلى البحر الأحمر مع خصم حصري 5%', ad_rj_short: 'سافر الآن مع الملكية', ad_aqaba_short: 'رحلات للبحر الأحمر', ad_rj_banner_text: 'احجز رحلتك الآن - خصم 10% على جميع الوجهات ✈️ عمّان → دبي، لندن، إسطنبول والمزيد' }, en: { ad_discount: 'OFF', ad_book_now: 'Book Now', ad_label: 'Ad', ad_rj_title: 'Fly Royal Jordanian', ad_rj_desc: 'Book now and get 10% off all international flights', ad_aqaba_title: 'Fly to Aqaba', ad_aqaba_desc: 'Fly to the Red Sea with an exclusive 5% discount', ad_rj_short: 'Fly Royal Jordanian', ad_aqaba_short: 'Red Sea flights', ad_rj_banner_text: 'Book now - 10% off all destinations ✈️ Amman → Dubai, London, Istanbul & more' }, fr: { ad_discount: 'Réduction', ad_book_now: 'Réserver', ad_label: 'Pub', ad_rj_title: 'Volez Royal Jordanian', ad_rj_desc: 'Réservez maintenant et obtenez 10% de réduction', ad_aqaba_title: 'Vols vers Aqaba', ad_aqaba_desc: 'Envolez-vous vers la mer Rouge avec 5% de réduction', ad_rj_short: 'Volez Royal Jordanian', ad_aqaba_short: 'Vols mer Rouge', ad_rj_banner_text: 'Réservez - 10% sur toutes les destinations ✈️ Amman → Dubaï, Londres, Istanbul' }, tr: { ad_discount: 'İndirim', ad_book_now: 'Rezervasyon', ad_label: 'Reklam', ad_rj_title: 'Royal Jordanian ile Uçun', ad_rj_desc: 'Şimdi rezervasyon yapın ve %10 indirim kazanın', ad_aqaba_title: 'Akabe\'ye Uçuşlar', ad_aqaba_desc: 'Kızıldeniz\'e %5 indirimle uçun', ad_rj_short: 'Royal Jordanian ile uçun', ad_aqaba_short: 'Kızıldeniz uçuşları', ad_rj_banner_text: 'Şimdi rezervasyon yapın - tüm destinasyonlarda %10 indirim ✈️' }, }; // Merge ad translations into main i18n Object.keys(adI18n).forEach(lang => { Object.assign(i18n[lang], adI18n[lang]); }); function setLang(lang) { localStorage.setItem('khabr_lang', lang); // Set cookie so server can filter content by language document.cookie = `khabr_lang=${lang};path=/;max-age=${365*24*60*60}`; // Reload page to get language-filtered content from server window.location.href = '/set-lang/' + lang; } // Apply UI translations without reload (used on initial page load) function applyLangUI(lang) { document.querySelectorAll('[data-i18n]').forEach(el => { const key = el.dataset.i18n; if (i18n[lang] && i18n[lang][key]) el.textContent = i18n[lang][key]; }); // Translate placeholders document.querySelectorAll("[data-i18n-placeholder]").forEach(function(el) { var key = el.getAttribute("data-i18n-placeholder"); if (i18n[lang] && i18n[lang][key]) el.placeholder = i18n[lang][key]; }); document.querySelectorAll(".lang-btn").forEach(btn => { btn.classList.toggle("text-cyan-400", btn.dataset.lang === lang); btn.classList.toggle("bg-cyan-400/10", btn.dataset.lang === lang); }); document.body.className = document.body.className.replace(/lang-\w+/g, "") + " lang-" + lang; document.documentElement.lang = lang; document.documentElement.dir = lang === "ar" ? "rtl" : "ltr"; // Dynamic logo text per language const logoText = logoNames[lang] || logoNames.ar; // Logo is now an image // Footer logo is now an image // Font family for non-Arabic logos const logoFont = lang === 'ar' ? '"Noto Kufi Arabic"' : '"Inter", sans-serif'; // Logo is image // Footer logo is image // Switch category names based on language document.querySelectorAll('.cat-nav-item').forEach(el => { if (lang === 'ar') el.textContent = el.dataset.nameAr; else if (el.dataset.nameEn) el.textContent = el.dataset.nameEn; }); document.documentElement.dir = lang === 'ar' ? 'rtl' : 'ltr'; document.documentElement.lang = lang; // Update page title var titles = {ar:'خبر - Khabr', en:'Khabr - Latest News', fr:'Khabr - Dernières nouvelles', tr:'Khabr - Son Haberler'}; if (titles[lang] && window.location.pathname === '/') document.title = titles[lang]; // Update welcome text var wel = document.getElementById('welcome-text'); if (wel) { var cname = lang === 'ar' ? wel.dataset.countryAr : wel.dataset.countryEn; var wMsgs = {ar:'أهلاً بك من ',en:'Welcome from ',fr:'Bienvenue de ',tr:'Hoş geldiniz '}; wel.innerHTML = (wMsgs[lang]||wMsgs.en) + '<span class="text-cyan-400">' + cname + '</span>'; } if (typeof updateSearchPlaceholder === 'function') updateSearchPlaceholder(lang); initGeo(); } // Init lang (apply UI only, no reload - content already filtered server-side) const savedLang = localStorage.getItem('khabr_lang') || 'en'; applyLangUI(savedLang); // Push Notifications if ('serviceWorker' in navigator && 'Notification' in window) { navigator.serviceWorker.register('/sw.js').then(function(reg) { // Ask for permission after 3 seconds setTimeout(function() { if (Notification.permission === 'default') { Notification.requestPermission().then(function(permission) { if (permission === 'granted') { showLocalNotification(reg); } }); } }, 3000); }); } function showLocalNotification(reg) { const lang = localStorage.getItem('khabr_lang') || 'ar'; const msgs = { ar: { title: '⚡ خبر - Khabr', body: 'تم تفعيل الإشعارات! ستصلك آخر الأخبار العاجلة' }, en: { title: '⚡ Khabr NEWS', body: 'Notifications enabled! You\'ll receive breaking news alerts' }, fr: { title: '⚡ Khabr INFO', body: 'Notifications activées! Vous recevrez les alertes info' }, tr: { title: '⚡ Khabr Haber', body: 'Bildirimler etkinleştirildi! Son dakika haberleri alacaksınız' }, }; const m = msgs[lang] || msgs.ar; reg.showNotification(m.title, { body: m.body, icon: '/favicon.ico' }); } // Check for new breaking news every 2 minutes and notify let lastNotifiedArticle = localStorage.getItem('khabr_last_notified') || ''; setInterval(async function() { if (Notification.permission !== 'granted') return; try { const res = await fetch('/api/latest-breaking'); const data = await res.json(); if (data.title && data.slug !== lastNotifiedArticle) { lastNotifiedArticle = data.slug; localStorage.setItem('khabr_last_notified', data.slug); const reg = await navigator.serviceWorker.ready; reg.showNotification('⚡ ' + data.title, { body: data.excerpt || '', image: data.image || null, icon: '/favicon.ico', data: { url: '/article/' + data.slug } }); } } catch(e) {} }, 120000); // AI Search: Instant Live Search const searchInput = document.getElementById('ai-search-input'); const searchDropdown = document.getElementById('search-dropdown'); const searchResults = document.getElementById('search-results'); let searchTimeout; // Helper: format time ago function timeAgo(isoStr) { if (!isoStr) return ''; const lang = localStorage.getItem('khabr_lang') || 'ar'; const diff = Math.floor((Date.now() - new Date(isoStr)) / 1000); if (diff < 60) return lang === 'ar' ? 'الآن' : 'now'; if (diff < 3600) { const m = Math.floor(diff/60); return lang === 'ar' ? m + ' د' : m + 'm'; } if (diff < 86400) { const h = Math.floor(diff/3600); return lang === 'ar' ? h + ' س' : h + 'h'; } const d = Math.floor(diff/86400); return lang === 'ar' ? d + ' ي' : d + 'd'; } // Helper: format views function fmtViews(n) { if (!n) return ''; const lang = localStorage.getItem('khabr_lang') || 'ar'; if (n >= 1000000) return (n/1000000).toFixed(1) + (lang === 'ar' ? 'م' : 'M'); if (n >= 1000) return (n/1000).toFixed(1) + (lang === 'ar' ? 'ك' : 'K'); return n.toString(); } function showSearchSpinner() { searchResults.innerHTML = '<div class="flex items-center justify-center gap-2 py-4 text-xs text-gray-500"><svg class="w-4 h-4 animate-spin text-cyan-500" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path></svg><span>جاري البحث...</span></div>'; searchDropdown.classList.remove('hidden'); } function renderSearchResults(data) { if (!data || data.length === 0) { searchDropdown.classList.add('hidden'); return; } searchResults.innerHTML = data.map(a => { const langDot = a.source_lang === 'en' ? 'bg-blue-500' : a.source_lang === 'fr' ? 'bg-indigo-500' : 'bg-green-500'; const href = a.is_page ? a.slug : '/article/' + a.slug; const timeStr = a.published_at ? timeAgo(a.published_at) : ''; const viewsStr = a.views ? fmtViews(a.views) : ''; const meta = [timeStr, viewsStr ? '👁 ' + viewsStr : ''].filter(Boolean).join(' · '); return \`<a href="${href}" class="flex items-center gap-3 px-3 py-2.5 hover:bg-white/5 transition group border-b border-gray-800/40 last:border-0"> ${a.image ? \`<img src="${a.image}" class="w-12 h-10 rounded-lg object-cover flex-shrink-0 ring-1 ring-white/10" loading="lazy" onerror="this.style.display='none'">\` : '<div class="w-12 h-10 rounded-lg bg-dark-400 flex-shrink-0 flex items-center justify-center text-gray-600"><svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 12h2v4m5-4v4"/></svg></div>'} <div class="flex-1 min-w-0"> <p class="text-sm text-gray-200 line-clamp-2 group-hover:text-cyan-400 transition leading-snug"><span class="inline-block w-1.5 h-1.5 ${langDot} rounded-full mr-1 mb-0.5"></span>${a.title}</p> ${meta ? \`<p class="text-[10px] text-gray-600 mt-0.5">${meta}</p>\` : ''} </div> <svg class="w-3 h-3 text-gray-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg> </a>\`; }).join(''); searchDropdown.classList.remove('hidden'); } searchInput?.addEventListener('input', function() { clearTimeout(searchTimeout); const q = this.value.trim(); if (q.length < 2) { searchDropdown.classList.add('hidden'); return; } showSearchSpinner(); searchTimeout = setTimeout(async () => { try { const res = await fetch('/api/search-instant?q=' + encodeURIComponent(q)); const data = await res.json(); renderSearchResults(data); } catch(e) { searchDropdown.classList.add('hidden'); } }, 300); }); searchInput?.addEventListener('keydown', function(e) { if (e.key === 'Enter') { document.getElementById('ai-search-form').submit(); } if (e.key === 'Escape') { searchDropdown.classList.add('hidden'); } }); // Close dropdown on click outside document.addEventListener('click', function(e) { if (!e.target.closest('#ai-search-form') && !e.target.closest('#search-dropdown')) { searchDropdown?.classList.add('hidden'); } }); // Cmd+K / Ctrl+K shortcut document.addEventListener('keydown', function(e) { if ((e.metaKey || e.ctrlKey) && e.key === 'k') { e.preventDefault(); searchInput?.focus(); } }); // Search placeholder i18n const searchPlaceholders = { ar: 'AI بحث ذكي... اكتب أي شيء', en: 'AI Smart Search... type anything', fr: 'Recherche IA... tapez quelque chose', tr: 'AI Akıllı Arama... herhangi bir şey yazın' }; function updateSearchPlaceholder(lang) { if (searchInput) searchInput.placeholder = searchPlaceholders[lang] || searchPlaceholders.ar; } updateSearchPlaceholder(savedLang); // Notification badge </script> <script> // Share functions const _shareTitle = ""; const _shareUrl = window.location.href; function shareArticle(platform) { const title = document.querySelector('h1')?.textContent || document.title; const url = window.location.href; // Try native share first on mobile if (platform === 'native' && navigator.share) { navigator.share({title: title, url: url}).catch(() => {}); return; } const t = encodeURIComponent(title); const u = encodeURIComponent(url); const urls = { whatsapp: 'https://wa.me/?text=' + t + '%0A' + u, twitter: 'https://twitter.com/intent/tweet?text=' + t + '&url=' + u, facebook: 'https://www.facebook.com/sharer/sharer.php?u=' + u, telegram: 'https://t.me/share/url?url=' + u + '&text=' + t }; if (urls[platform]) window.open(urls[platform], '_blank', 'width=600,height=400'); } function copyLink() { navigator.clipboard.writeText(window.location.href).then(() => { const t = document.createElement('div'); t.className = 'fixed bottom-6 left-1/2 -translate-x-1/2 z-50 px-4 py-2 rounded-xl text-xs font-bold bg-green-500/20 text-green-400 border border-green-500/30'; t.textContent = '✓ ' + (i18n && i18n[savedLang] && i18n[savedLang].link_copied || 'Link Copied'); document.body.appendChild(t); setTimeout(() => t.remove(), 2000); }); } \n// AI Summary async function getAiSummary(id) { const box = document.getElementById('ai-summary-box'); const content = document.getElementById('ai-summary-content'); const btn = document.getElementById('summary-btn'); btn.innerHTML = '<span class="animate-spin">⏳</span> ' + (i18n && i18n[savedLang] && i18n[savedLang].ai_loading || 'Loading...') + ''; btn.disabled = true; try { const res = await fetch('/api/ai-summary/' + id); const data = await res.json(); if (data.bullets && data.bullets.length) { content.innerHTML = data.bullets.map(b => '<p class="flex items-start gap-2"><span class="text-purple-400 mt-1">•</span><span>' + b.replace(/^[•\-\*]\s*/, '') + '</span></p>').join(''); } else { content.innerHTML = '<p>' + (data.summary || '' + (i18n && i18n[savedLang] && i18n[savedLang].no_summary || 'No summary available') + '') + '</p>'; } box.classList.remove('hidden'); } catch(e) { content.innerHTML = '<p class="text-red-400">' + (i18n && i18n[savedLang] && i18n[savedLang].error_loading || 'Error') + '</p>'; box.classList.remove('hidden'); } btn.innerHTML = '<span>✨</span> ' + (i18n && i18n[savedLang] && i18n[savedLang].ai_summary || 'AI Summary'); btn.disabled = false; } // Text to Speech - global audio element to avoid duplicate listeners let audioEl = document.getElementById('ai-audio'); let audioListenersAttached = false; async function listenToArticle(id) { const btn = document.getElementById('tts-btn'); const box = document.getElementById('ai-audio-box'); btn.innerHTML = '<span class="animate-spin">⏳</span> ' + (i18n && i18n[savedLang] && i18n[savedLang].ai_loading || 'Loading...') + ''; btn.disabled = true; try { const res = await fetch('/api/ai-tts/' + id); const data = await res.json(); if (data.audio_url) { if (!audioEl) audioEl = document.getElementById('ai-audio'); audioEl.src = data.audio_url; audioEl.load(); box.classList.remove('hidden'); // Wait for audio to be ready before playing audioEl.addEventListener('canplaythrough', function onReady() { audioEl.removeEventListener('canplaythrough', onReady); audioEl.play().catch(function(err) { console.error('Audio play failed:', err); btn.innerHTML = '<span>❌</span> ' + (i18n && i18n[savedLang] && i18n[savedLang].play_failed || 'Play failed') + ''; btn.disabled = false; }); }); // Attach progress and ended listeners only once if (!audioListenersAttached) { audioEl.addEventListener('timeupdate', function() { const pct = (audioEl.currentTime / audioEl.duration) * 100; document.getElementById('audio-progress').style.width = pct + '%'; const m = Math.floor(audioEl.currentTime / 60); const s = Math.floor(audioEl.currentTime % 60); document.getElementById('audio-time').textContent = m + ':' + (s < 10 ? '0' : '') + s; }); audioEl.addEventListener('ended', function() { btn.innerHTML = '<span>🔊</span> ' + (i18n && i18n[savedLang] && i18n[savedLang].ai_listen || 'Listen'); btn.disabled = false; document.getElementById('audio-progress').style.width = '0%'; }); audioListenersAttached = true; } } } catch(e) { console.error('TTS error:', e); btn.innerHTML = '<span>❌</span> ' + (i18n && i18n[savedLang] && i18n[savedLang].tts_error || 'TTS Error') + ''; setTimeout(function() { btn.innerHTML = '<span>🔊</span> ' + (i18n && i18n[savedLang] && i18n[savedLang].ai_listen || 'Listen'); btn.disabled = false; }, 2000); return; } } function toggleAudio() { if (!audioEl) return; if (audioEl.paused) { audioEl.play(); } else { audioEl.pause(); } } // Quick News async function getQuickNews(id) { const box = document.getElementById('ai-quick-box'); const content = document.getElementById('ai-quick-content'); const btn = document.getElementById('quick-btn'); btn.innerHTML = '<span class="animate-spin">⏳</span>'; try { const res = await fetch('/api/ai-quick/' + id); const data = await res.json(); content.textContent = data.quick || '⚡ ...'; box.classList.remove('hidden'); } catch(e) {} btn.innerHTML = '<span>⚡</span> ' + (i18n && i18n[savedLang] && i18n[savedLang].ai_quick || 'Quick News'); } // Follow Source function getFollowedSources() { try { return JSON.parse(localStorage.getItem('khabr_followed_sources') || '{}'); } catch(e) { return {}; } } function saveFollowedSources(s) { localStorage.setItem('khabr_followed_sources', JSON.stringify(s)); } function toggleFollowSource(id, name) { const s = getFollowedSources(); const btn = document.getElementById('follow-btn-' + id); if (s[id]) { delete s[id]; btn.classList.remove('border-cyan-500/50','text-cyan-400','bg-cyan-500/10'); btn.classList.add('border-gray-600','text-gray-400'); btn.querySelector('.follow-text').textContent = (i18n && i18n[savedLang] && i18n[savedLang].follow || 'Follow'); btn.querySelector('.follow-icon').setAttribute('fill','none'); } else { s[id] = name; btn.classList.add('border-cyan-500/50','text-cyan-400','bg-cyan-500/10'); btn.classList.remove('border-gray-600','text-gray-400'); btn.querySelector('.follow-text').textContent = (i18n && i18n[savedLang] && i18n[savedLang].following || 'Following ✓'); btn.querySelector('.follow-icon').setAttribute('fill','currentColor'); } saveFollowedSources(s); } document.addEventListener('DOMContentLoaded', function() { const s = getFollowedSources(); document.querySelectorAll('.follow-source-btn').forEach(function(btn) { const id = btn.dataset.sourceId; if (s[id]) { btn.classList.add('border-cyan-500/50','text-cyan-400','bg-cyan-500/10'); btn.querySelector('.follow-text').textContent = (i18n && i18n[savedLang] && i18n[savedLang].following || 'Following ✓'); btn.querySelector('.follow-icon').setAttribute('fill','currentColor'); } else { btn.classList.add('border-gray-600','text-gray-400'); } }); // Auto-load editorial AI summary only if not server-rendered if (document.querySelector('.ai-loading-indicator')) { setTimeout(function() { loadEditorialSummary(628587); }, 1500); } }); // Load AI summary into the editorial box (auto-triggered on page load) async function loadEditorialSummary(id) { var editorialBox = document.getElementById('ai-editorial-summary'); var editorialContent = document.getElementById('ai-editorial-content'); var whyBox = document.getElementById('why-this-matters'); var whyContent = document.getElementById('why-matters-content'); try { var res = await fetch('/api/ai-summary/' + id); var data = await res.json(); if (data.bullets && data.bullets.length) { editorialContent.innerHTML = data.bullets.map(function(b) { return '<p class="flex items-start gap-2"><span class="text-cyan-400 mt-1 flex-shrink-0">•</span><span>' + b.replace(/^[•\-\*]\s*/, '') + '</span></p>'; }).join(''); if (data.bullets.length >= 2 && whyBox && whyContent) { var whyText = data.bullets.slice(0, 2).map(function(b) { return '<p class="flex items-start gap-2 mb-2"><span class="text-amber-400 mt-1 flex-shrink-0">→</span><span>' + b.replace(/^[•\-\*]\s*/, '') + '</span></p>'; }).join(''); whyContent.innerHTML = whyText; whyBox.classList.remove('hidden'); } } else if (data.summary) { editorialContent.innerHTML = '<p>' + data.summary + '</p>'; } else { if (editorialBox) editorialBox.style.display = 'none'; } } catch(e) { if (editorialBox) editorialBox.style.display = 'none'; } } // Coin System - Track article read (function() { const email = localStorage.getItem('khabr_user_email'); if (!email) return; const articleId = 628587; fetch('/api/coins/read', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({email: email, article_id: articleId}) }).then(r => r.json()).then(data => { if (data.coins_earned > 0) { const toast = document.createElement('div'); toast.innerHTML = '<span style="font-size:20px">🪙</span> +' + data.coins_earned + ' coin! (Balance: ' + data.balance + ')'; toast.style.cssText = 'position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:12px 20px;border-radius:12px;font-weight:bold;z-index:9999;box-shadow:0 4px 15px rgba(245,158,11,0.4);'; document.body.appendChild(toast); setTimeout(() => toast.remove(), 3000); } }).catch(() => {}); const lastLogin = localStorage.getItem('khabr_daily_login'); const today = new Date().toDateString(); if (lastLogin !== today) { fetch('/api/coins/daily-login', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({email: email}) }).then(r => r.json()).then(data => { if (data.coins_earned > 0) { localStorage.setItem('khabr_daily_login', today); setTimeout(() => { const toast = document.createElement('div'); toast.innerHTML = '<span style="font-size:20px">🔥</span> Daily bonus +' + data.coins_earned + ' coins! (Streak: ' + data.streak + ' days)'; toast.style.cssText = 'position:fixed;bottom:70px;right:20px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:12px 20px;border-radius:12px;font-weight:bold;z-index:9999;box-shadow:0 4px 15px rgba(239,68,68,0.4);'; document.body.appendChild(toast); setTimeout(() => toast.remove(), 4000); }, 1500); } }).catch(() => {}); } })(); function translateArticle() { const btn = document.getElementById('translate-btn'); const url = encodeURIComponent(window.location.href); // Detect current lang - if Arabic, translate to English, otherwise to Arabic const articleText = document.querySelector('.article-content, .prose, [class*=content]')?.textContent || ''; const isArabic = /[؀-ۿ]/.test(articleText.substring(0, 100)); const targetLang = isArabic ? 'en' : 'ar'; window.open('https://translate.google.com/translate?sl=auto&tl=' + targetLang + '&u=' + url, '_blank'); } </script>  <div id="ai-bot-float" class="fixed bottom-6 right-6 z-50 group" onclick="window.location.href='/chat'"> <div class="relative cursor-pointer">  <div class="absolute -inset-2 bg-gradient-to-r from-cyan-500 via-blue-500 to-purple-500 rounded-full opacity-30 group-hover:opacity-60 blur-md transition-all animate-pulse"></div>  <div class="relative w-14 h-14 rounded-full bg-gradient-to-br from-gray-900 to-gray-800 border-2 border-cyan-500/50 flex items-center justify-center shadow-2xl shadow-cyan-500/20 group-hover:scale-110 transition-all">  <svg viewBox="0 0 50 50" class="w-10 h-10">  <circle cx="25" cy="24" r="12" fill="#D4A574"/>  <circle cx="21" cy="22" r="1.5" fill="#1a1a2e"/> <circle cx="29" cy="22" r="1.5" fill="#1a1a2e"/>  <path d="M21 27 Q25 31 29 27" fill="none" stroke="#1a1a2e" stroke-width="1.2" stroke-linecap="round"/>  <path d="M13 18 Q25 8 37 18 L38 15 Q25 5 12 15 Z" fill="white"/> <path d="M14 17 Q25 9 36 17" fill="none" stroke="#CE1126" stroke-width="1.5"/> <path d="M13.5 15 Q25 7 36.5 15" fill="none" stroke="#CE1126" stroke-width="0.8"/>  <path d="M13 18 Q25 10 37 18" fill="none" stroke="#111" stroke-width="2"/>  <circle cx="38" cy="36" r="7" fill="#06b6d4" stroke="#0d1117" stroke-width="2"/> <text x="38" y="39" text-anchor="middle" fill="white" font-size="7" font-weight="bold">AI</text> </svg> </div>  <div class="absolute bottom-full right-0 mb-2 px-3 py-1.5 rounded-xl bg-gray-800 border border-cyan-500/30 text-[11px] text-cyan-300 whitespace-nowrap opacity-0 group-hover:opacity-100 transition-all shadow-xl"> يا هلا! اسألني أي شي 🎤 <div class="absolute top-full right-5 w-2 h-2 bg-gray-800 border-r border-b border-cyan-500/30 transform rotate-45 -mt-1"></div> </div>  <span class="absolute top-0 right-0 w-3 h-3 bg-green-500 rounded-full border-2 border-gray-900 animate-pulse"></span> </div> </div>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "NewsMediaOrganization", "name": "خبر - Khabr", "alternateName": "Khabr News", "url": "https://khabr.news", "logo": { "@type": "ImageObject", "url": "https://khabr.news/images/khabr-og.png", "width": 1200, "height": 630 }, "description": "مجمّع أخبار ذكي يعمل بالذكاء الاصطناعي - أخبار الأردن والعالم العربي من أكثر من 600+ مصدر موثوق", "foundingDate": "2025", "sameAs": [], "inLanguage": ["ar", "en", "fr", "tr"], "areaServed": { "@type": "GeoShape", "name": "Middle East and North Africa" }, "publisher": { "@type": "Organization", "name": "Khabr", "url": "https://khabr.news" }, "actionableFeedbackPolicy": "https://khabr.news/about", "correctionsPolicy": "https://khabr.news/about", "ethicsPolicy": "https://khabr.news/about" } </script>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "خبر - Khabr", "alternateName": "Khabr News", "url": "https://khabr.news", "potentialAction": [{ "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://khabr.news/search?q={search_term_string}" }, "query-input": "required name=search_term_string" }], "inLanguage": "ar" } </script>  <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "MobileApplication", "name": "خبر - Khabr", "operatingSystem": "iOS, Android", "applicationCategory": "NewsApplication", "description": "تطبيق أخبار عربي ذكي - أخبار الأردن والعالم العربي", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.8", "ratingCount": "100" } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "NewsArticle", "headline": "How Americans see China now", "description": "World How Americans see China now May 12, 20265:18 PM ET Heard on All Things Considered Frank Langfitt How Americans see China now Listen · 4:26 4:26 Toggle more options Download Embed Embed ", "image": "https:\/\/media.npr.org\/include\/images\/tracking\/npr-rss-pixel.png?story=nx-s1-5761387", "datePublished": "2026-05-12T21:18:16+00:00", "dateModified": "2026-06-14T04:58:35+00:00", "author": { "@type": "Organization", "name": "NPR" }, "publisher": { "@type": "Organization", "name": "خبر - Khabr", "logo": { "@type": "ImageObject", "url": "https://khabr.news/favicon.svg" } }, "mainEntityOfPage": "https://khabr.news/article/how-americans-see-china-now-n9mtx", "articleSection": "العالم", "inLanguage": "en", "isAccessibleForFree": true } </script> <script> // Global Favorites System window.KhabrFav = { key: 'khabr_favorites', get() { return JSON.parse(localStorage.getItem(this.key) || '[]'); }, has(id) { return this.get().includes(id); }, toggle(id) { let favs = this.get(); const added = !favs.includes(id); if (added) { favs.unshift(id); } else { favs = favs.filter(f => f !== id); } localStorage.setItem(this.key, JSON.stringify(favs)); this.updateUI(); // Show toast const t = document.createElement('div'); t.className = 'fixed bottom-6 left-1/2 -translate-x-1/2 z-[999] px-4 py-2 rounded-xl text-xs font-bold border'; t.style.cssText = added ? 'background:rgba(236,72,153,0.15);color:#ec4899;border-color:rgba(236,72,153,0.3)' : 'background:rgba(100,100,100,0.15);color:#888;border-color:rgba(100,100,100,0.3)'; t.textContent = added ? '❤️ ' + (i18n[savedLang] && i18n[savedLang].fav_added || 'Added to favorites') : '🤍 ' + (i18n[savedLang] && i18n[savedLang].fav_removed || 'Removed from favorites'); document.body.appendChild(t); setTimeout(() => t.remove(), 1500); return added; }, count() { return this.get().length; }, updateUI() { const c = this.count(); const el = document.getElementById('nav-fav-count'); if (el) el.textContent = c > 0 ? '(' + c + ')' : ''; document.querySelectorAll('[data-fav-id]').forEach(btn => { const id = parseInt(btn.dataset.favId); btn.innerHTML = this.has(id) ? '❤️' : '🤍'; btn.style.opacity = this.has(id) ? '1' : '0.5'; }); }, // Auto-inject hearts into article links injectHearts() { document.querySelectorAll('a[href*="/article/"]').forEach(link => { if (link.dataset.favInjected) return; link.dataset.favInjected = '1'; // Extract article slug and find ID via data attribute or slug const match = link.href.match(/\/article\/([^?#]+)/); if (!match) return; const slug = match[1]; // Make link relative positioned if (getComputedStyle(link).position === 'static') link.style.position = 'relative'; // Add heart button const heart = document.createElement('div'); heart.className = 'fav-inject-heart'; heart.dataset.slug = slug; heart.innerHTML = '🤍'; heart.onclick = function(e) { e.preventDefault(); e.stopPropagation(); // We need the article ID - fetch it fetch('/api/article-id/' + slug).then(r=>r.json()).then(d => { if(d.id) { KhabrFav.toggle(d.id); this.innerHTML = KhabrFav.has(d.id) ? '❤️' : '🤍'; } }); }; link.appendChild(heart); }); } }; document.addEventListener('DOMContentLoaded', () => { KhabrFav.updateUI(); KhabrFav.injectHearts(); }); // Re-inject after AJAX content loads const _origFetch = window.fetch; window.fetch = function() { return _origFetch.apply(this, arguments).then(r => { setTimeout(() => KhabrFav.injectHearts(), 500); return r; }); }; </script>  <div id="cookie-consent" style="display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:rgba(13,17,23,0.97);border-top:1px solid rgba(6,182,212,0.3);backdrop-filter:blur(10px);padding:16px 20px;font-family:'Noto Kufi Arabic','Inter',sans-serif"> <div style="max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px"> <div style="flex:1;min-width:280px"> <p style="color:#e5e7eb;font-size:13px;margin:0;line-height:1.6"> 🍪 نستخدم ملفات تعريف الارتباط لتحسين تجربتك وعرض الإعلانات المخصصة. باستخدامك للموقع، فإنك توافق على <a href="/cookies" style="color:#06b6d4;text-decoration:underline">سياسة ملفات تعريف الارتباط</a> و<a href="/privacy" style="color:#06b6d4;text-decoration:underline">سياسة الخصوصية</a>. <br> <span style="color:#9ca3af;font-size:11px">We use cookies to enhance your experience and show personalized ads. By using this site, you agree to our <a href="/cookies" style="color:#06b6d4;text-decoration:underline">Cookie Policy</a> and <a href="/privacy" style="color:#06b6d4;text-decoration:underline">Privacy Policy</a>.</span> </p> </div> <div style="display:flex;gap:8px;flex-shrink:0"> <button onclick="acceptCookies()" style="background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;border:none;padding:8px 24px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer">قبول | Accept</button> <button onclick="declineCookies()" style="background:rgba(255,255,255,0.1);color:#9ca3af;border:1px solid rgba(255,255,255,0.15);padding:8px 16px;border-radius:8px;font-size:12px;cursor:pointer">رفض | Decline</button> </div> </div> </div> <script> (function(){ if(!localStorage.getItem('khabr_cookie_consent')){ document.getElementById('cookie-consent').style.display='block'; } })(); function acceptCookies(){ localStorage.setItem('khabr_cookie_consent','accepted'); document.getElementById('cookie-consent').style.display='none'; } function declineCookies(){ localStorage.setItem('khabr_cookie_consent','declined'); document.getElementById('cookie-consent').style.display='none'; } </script>  <div id="easysim-banner" class="fixed bottom-0 left-0 right-0 z-[9999] transition-transform duration-500" style="transform: translateY(100%);"> <div class="relative bg-gradient-to-r from-indigo-900 via-purple-900 to-indigo-900 border-t border-purple-500/30 shadow-2xl"> <button onclick="document.getElementById('easysim-banner').style.transform='translateY(100%)';localStorage.setItem('easysim_closed',Date.now())" class="absolute top-2 right-3 text-white/60 hover:text-white text-xl font-bold z-10">×</button> <div class="max-w-4xl mx-auto px-4 py-3"> <div class="easysim-en flex items-center gap-3"> <div class="flex-shrink-0 w-12 h-12 rounded-full bg-gradient-to-br from-cyan-400 to-blue-600 flex items-center justify-center shadow-lg"> <svg class="w-7 h-7 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582"/> </svg> </div> <div class="flex-1 min-w-0"> <div class="flex items-center gap-2 flex-wrap"> <span class="px-2 py-0.5 bg-green-500 text-white text-[10px] font-bold rounded-full animate-pulse">FREE</span> <span class="text-white font-bold text-sm">Free 1GB Internet + Free International Calls</span> </div> <p class="text-purple-200 text-xs mt-0.5">$1 trial — eSIM in 190+ countries — No roaming charges</p> </div> <a href="#" onclick="openEasySIM(event)" target="_blank" rel="noopener" class="flex-shrink-0"> <span class="inline-flex items-center gap-1 px-5 py-2.5 bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-400 hover:to-emerald-500 text-white font-bold text-sm rounded-full shadow-lg shadow-green-500/40 transition-all whitespace-nowrap"> Download Free <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg> </span> </a> </div> <div class="easysim-ar hidden flex items-center gap-3" dir="rtl"> <div class="flex-shrink-0 w-12 h-12 rounded-full bg-gradient-to-br from-cyan-400 to-blue-600 flex items-center justify-center shadow-lg"> <svg class="w-7 h-7 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582"/> </svg> </div> <div class="flex-1 min-w-0"> <div class="flex items-center gap-2 flex-wrap"> <span class="px-2 py-0.5 bg-green-500 text-white text-[10px] font-bold rounded-full animate-pulse">مجاناً</span> <span class="text-white font-bold text-sm">1GB إنترنت مجاني + مكالمات دولية مجانية</span> </div> <p class="text-purple-200 text-xs mt-0.5">تجربة بـ $1 — شريحة إلكترونية في 190+ دولة — بدون تجوال</p> </div> <a href="#" onclick="openEasySIM(event)" target="_blank" rel="noopener" class="flex-shrink-0"> <span class="inline-flex items-center gap-1 px-5 py-2.5 bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-400 hover:to-emerald-500 text-white font-bold text-sm rounded-full shadow-lg shadow-green-500/40 transition-all whitespace-nowrap"> حمّل مجاناً <svg class="w-4 h-4 rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/></svg> </span> </a> </div> </div> </div> </div> <script> (function() { var closed = localStorage.getItem('easysim_closed'); if (closed && (Date.now() - parseInt(closed)) < 86400000) return; // Use the page language (set by server-side GeoHelper based on IP/cookie) var lang = localStorage.getItem('khabr_lang') || (document.body.className.match(/lang-(\w+)/) || [])[1] || 'en'; var isArabic = (lang === 'ar'); if (isArabic) { document.querySelectorAll('.easysim-en').forEach(function(el) { el.classList.add('hidden'); }); document.querySelectorAll('.easysim-ar').forEach(function(el) { el.classList.remove('hidden'); }); } setTimeout(function() { document.getElementById('easysim-banner').style.transform = 'translateY(0)'; }, 2000); })(); </script> <script> function openEasySIM(e) { e.preventDefault(); var ua = navigator.userAgent || ''; var isIOS = /iPad|iPhone|iPod/.test(ua) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1); if (isIOS) { window.open('https://apps.apple.com/us/app/easy-sim/id6463896061', '_blank'); } else { window.open('https://play.google.com/store/apps/details?id=com.easy.sim.app', '_blank'); } } </script>  <script> (function() { var viewerEl = document.getElementById("live-viewers"); var labelEl = document.getElementById("live-viewers-label"); if (!viewerEl) return; // i18n for label var lang = localStorage.getItem("khabr_lang") || "ar"; var labels = { ar: "مشاهد مباشر", en: "live viewers", fr: "en direct", tr: "canlı izleyici" }; if (labelEl) labelEl.textContent = labels[lang] || labels.en; // Time-based viewer calculation // Uses multiple timezone awareness for realistic global audience function getViewerCount() { var now = new Date(); // UTC hour var utcH = now.getUTCHours(); var utcM = now.getUTCMinutes(); var hourFrac = utcH + utcM / 60; // Middle East audience (UTC+3, biggest segment ~60%) var meHour = (hourFrac + 3) % 24; // UK audience (UTC+1 BST, ~15%) var ukHour = (hourFrac + 1) % 24; // US audience (UTC-5 EST, ~10%) var usHour = (hourFrac - 5 + 24) % 24; // Other (global, ~15%) // Audience curve: peaks at 8-11am, 1-3pm, 8-11pm; lowest 2-5am function audienceCurve(h) { if (h >= 2 && h < 5) return 0.15; // deep night if (h >= 5 && h < 7) return 0.3; // early morning if (h >= 7 && h < 9) return 0.7; // morning ramp if (h >= 9 && h < 12) return 0.95; // morning peak if (h >= 12 && h < 14) return 0.8; // lunch dip if (h >= 14 && h < 17) return 0.85; // afternoon if (h >= 17 && h < 19) return 0.75; // early evening if (h >= 19 && h < 22) return 1.0; // prime time peak if (h >= 22 && h < 24) return 0.6; // late night return 0.25; // midnight-2am } // Base: 33100 minimum, up to 150k at absolute peak var meWeight = 0.60; var ukWeight = 0.15; var usWeight = 0.10; var otherWeight = 0.15; var totalMultiplier = audienceCurve(meHour) * meWeight + audienceCurve(ukHour) * ukWeight + audienceCurve(usHour) * usWeight + 0.5 * otherWeight; // other is always moderate // Scale: 33100 at lowest (0.15), ~150000 at peak (1.0) // Linear interpolation: min + (max - min) * multiplier var minViewers = 33100; var maxViewers = 152000; var base = Math.floor(minViewers + (maxViewers - minViewers) * totalMultiplier); // Day of week bonus (weekends slightly lower) var day = now.getDay(); if (day === 5 || day === 6) base = Math.floor(base * 0.85); // Fri/Sat (Arabic weekend) // Add realistic noise: ±3-8% random fluctuation var noise = (Math.random() - 0.5) * 0.08; base = Math.floor(base * (1 + noise)); // Small surge patterns (simulates breaking news effect, random) var seed = Math.floor(now.getTime() / 300000); // changes every 5 min var pseudoRand = Math.sin(seed * 12345.6789) * 0.5 + 0.5; if (pseudoRand > 0.85) { // 15% chance of a "surge" — extra 5-20% viewers base = Math.floor(base * (1 + 0.05 + pseudoRand * 0.15)); } // Clamp base = Math.max(33100, Math.min(155000, base)); return base; } function formatNumber(n) { return n.toLocaleString(); } // Smooth counter animation var currentDisplay = 0; var targetCount = getViewerCount(); function animateCounter() { if (currentDisplay === 0) { currentDisplay = targetCount; viewerEl.textContent = formatNumber(currentDisplay); return; } var diff = targetCount - currentDisplay; if (Math.abs(diff) <= 5) { currentDisplay = targetCount; } else { // Move 10-20% toward target each tick for smooth transition currentDisplay += Math.round(diff * 0.15); } viewerEl.textContent = formatNumber(currentDisplay); } // Initial display animateCounter(); // Micro-fluctuation every 3-5 seconds (small ±50-200 change) setInterval(function() { var micro = Math.floor((Math.random() - 0.5) * 400); targetCount = Math.max(33100, targetCount + micro); }, 3000 + Math.random() * 2000); // Major recalculation every 2 minutes setInterval(function() { targetCount = getViewerCount(); }, 120000); // Smooth animation tick every 500ms setInterval(animateCounter, 500); })(); </script>  <div id="zoom-controls" class="fixed right-3 top-1/2 -translate-y-1/2 z-40 flex flex-col items-center gap-0 bg-gray-800/80 backdrop-blur-lg border border-gray-700/50 rounded-2xl shadow-2xl overflow-hidden" title="تكبير / Zoom"> <div class="px-3 py-2 text-gray-500 text-sm border-b border-gray-700/50 select-none">🔍</div> <button onclick="zoomIn()" class="px-3 py-2.5 text-gray-300 hover:text-white hover:bg-white/10 transition text-sm font-bold w-full text-center" title="تكبير">+</button> <button onclick="zoomReset()" class="px-3 py-1.5 text-[10px] text-gray-500 hover:text-white hover:bg-white/10 transition border-y border-gray-700/50 w-full text-center" id="zoom-level" title="إعادة ضبط">100%</button> <button onclick="zoomOut()" class="px-3 py-2.5 text-gray-300 hover:text-white hover:bg-white/10 transition text-sm font-bold w-full text-center" title="تصغير">−</button> </div> <style> html { transition: font-size 0.2s ease; } #zoom-controls { display: none; } @media (min-width: 768px) { #zoom-controls { display: flex; } } </style> <script> (function() { var zoom = parseInt(localStorage.getItem("khabr_zoom") || "100"); function applyZoom() { document.documentElement.style.fontSize = zoom + "%"; var el = document.getElementById("zoom-level"); if (el) el.textContent = zoom + "%"; localStorage.setItem("khabr_zoom", zoom); } window.zoomIn = function() { if (zoom < 150) { zoom += 10; applyZoom(); } }; window.zoomOut = function() { if (zoom > 80) { zoom -= 10; applyZoom(); } }; window.zoomReset = function() { zoom = 100; applyZoom(); }; applyZoom(); })(); </script> </body> </html>