Improvements

This commit is contained in:
jason5ng32 committed 2026-06-06 14:43:52 +08:00
1 parent 52f708bd68
commit 0c99bf7c5c
9 files changed
+35 -33

No files matched your search

+2 -1
View File
@@ -35,12 +35,13 @@ Feel free to bookmark the demo or deploy your own.
* 🕵️ **IP Information**: Presents detailed information for all IP addresses, including country, region, ASN, geographic location, and more.
* 🛰️ **ASN History & Upstream Topology**: View historical AS announcements for an IP prefix, and visualize the upstream paths from an ASN to the Tier 1 backbone networks.
* 🚦 **Availability Check**: Tests the accessibility of various websites, such as Google, GitHub, YouTube, ChatGPT, and others.
* 📡 **Service Status**: Shows the live availability of well-known services (Claude, OpenAI, GitHub, Cloudflare, and more) from their official status pages, with per-service status and recent incidents.
* 🚥 **WebRTC Detection**: Identifies the IP address used during WebRTC connections.
* 🛑 **DNS Leak Test**: Shows DNS endpoint data to evaluate the risk of DNS leaks when using VPNs or proxies.
* 🚀 **Speed Test**:Test your network speed with edge networks.
* 🚏 **Proxy Rule Testing**: Test the rule settings of proxy software to ensure their correctness.
* ⏱️ **Global Latency Test**: Performe lantency tests on servers located in different regions around the world.
* 📡 **MTR Test**: Perform MTR tests on servers located in different regions around the world.
* 🚉 **MTR Test**: Perform MTR tests on servers located in different regions around the world.
* 🔦 **DNS Resolver**: Performs DNS resolution of a domain name from multiple sources and obtains real-time resolution results that can be used for contamination determination.
* 🚧 **Censorship Check**: Check if a website is blocked in some countries.
* 📓 **Whois Search**: Perform whois information search for domain names or IP addresses
+2 -1
View File
@@ -35,12 +35,13 @@ Notes: Vous pouvez utiliser ma démo gratuitement et vous pouvez également la d
* 🕵️ **Informations sur l'adresse IP** : Présente des informations détaillées pour toutes les adresses IP, y compris le pays, la région, l'ASN, la localisation géographique, et plus encore.
* 🛰️ **Historique ASN et topologie amont** : Consultez l'historique des annonces AS pour un préfixe IP, et visualisez les chemins amont d'un ASN vers les réseaux dorsaux Tier 1.
* 🚦 **Vérification de disponibilité** : Teste l'accessibilité de différents sites web, tels que Google, GitHub, YouTube, ChatGPT, et d'autres.
* 📡 **État des services** : Affiche la disponibilité en temps réel de services populaires (Claude, OpenAI, GitHub, Cloudflare, etc.) depuis leurs pages d'état officielles, avec l'état de chaque sous-service et les incidents récents.
* 🚥 **Détection WebRTC** : Identifie l'adresse IP utilisée lors des connexions WebRTC.
* 🛑 **Test de fuite DNS** : Affiche les données de point de terminaison DNS pour évaluer le risque de fuites DNS lors de l'utilisation de VPN ou de proxies.
* 🚀 **Test de vitesse** : Testez la vitesse de votre réseau avec des réseaux de pointe.
* 🚏 **Test de règles** : Teste si les paramètres de règles fonctionnent correctement avec le logiciel de proxy.
* ⏱️ **Test de latence mondiale** : Effectue des tests de latence sur des serveurs situés dans différentes régions du monde.
* 📡 **Test MTR** : Effectue des tests MTR sur des serveurs situés dans différentes régions du monde.
* 🚉 **Test MTR** : Effectue des tests MTR sur des serveurs situés dans différentes régions du monde.
* 🔦 **Résolveur DNS** : effectue la résolution DNS d'un nom de domaine à partir de plusieurs sources, obtient les résultats de la résolution en temps réel et peut être utilisé pour la détermination de la contamination.
* 🚧 **Test de Censorship**: Vérifier si un site est bloqué dans certains pays.
* 📓 **Recherche Whois** : Effectuer une recherche d'informations Whois pour les noms de domaine ou les adresses IP
+2 -1
View File
@@ -35,12 +35,13 @@ Demo'yu yer imlerine ekleyebilir veya kendi kurulumunuzu yapabilirsiniz.
* 🕵️ **IP Bilgileri**: Ülke, bölge, ASN, coğrafi konum ve daha fazlasını içeren ayrıntılı IP bilgileri sunar.
* 🛰️ **ASN Geçmişi ve Üst Topoloji**: Bir IP önekinin geçmiş AS duyurularını ve ASN'den Tier 1 omurga ağlarına giden üst bağlantı yollarını görüntüleyin.
* 🚦 **Erişilebilirlik Kontrolü**: Google, GitHub, YouTube, ChatGPT ve diğerleri gibi sitelerin erişilebilirliğini test eder.
* 📡 **Servis Durumu**: Tanınmış servislerin (Claude, OpenAI, GitHub, Cloudflare vb.) resmi durum sayfalarından alınan canlı kullanılabilirliğini, her alt servisin durumu ve son olaylarla birlikte gösterir.
* 🚥 **WebRTC Tespiti**: WebRTC bağlantısında kullanılan IP adresini belirler.
* 🛑 **DNS Leak Testi**: VPN veya proxy kullanırken DNS sızıntısı riskini değerlendirmek için DNS uç nokta verilerini gösterir.
* 🚀 **Hız Testi**:Edge ağlarıyla ağ hızınızı test edin.
* 🚏 **Proxy Kural Testi**: Proxy yazılımlarının kural ayarlarını doğru çalışıp çalışmadığını test edin.
* ⏱️ **Küresel Gecikme Testi**: Dünyanın farklı bölgelerindeki sunuculara gecikme testleri yapın.
* 📡 **MTR Testi**: Dünya çapındaki sunucular için MTR testleri gerçekleştirin.
* 🚉 **MTR Testi**: Dünya çapındaki sunucular için MTR testleri gerçekleştirin.
* 🔦 **DNS Çözücüsü**: Bir alan adının birden fazla kaynaktan DNS çözümlemesini yapar ve gerçek zamanlı çözümleme sonuçları alır.
* 🚧 **Sansür Kontrolü**: Bir web sitesinin bazı ülkelerde engellenip engellenmediğini kontrol edin.
* 📓 **Whois Arama**: Alan adı veya IP adresi için whois bilgisi sorgulayın.
+2 -1
View File
@@ -35,12 +35,13 @@
* 🕵️ **看 IP 信息**:显示所有 IP 的相关信息,包括国家、地区、ASN、地理位置等
* 🛰️ **ASN 历史与上游拓扑**:查看 IP 前缀的历史 AS 宣告记录,以及该 ASN 到 Tier 1 骨干网的上游路径图
* 🚦 **可用性检测**:检测一些网站的可用性:Google, Github, Youtube, 网易, 百度等
* 📡 **服务可用性**:展示一些知名服务(Claude、OpenAI、GitHub、Cloudflare 等)的实时可用状态,数据来自它们的官方状态页,可查看各子服务状态与最近的事故
* 🚥 **WebRTC 检测**:查看使用 WebRTC 连接时使用的 IP
* 🛑 **DNS 泄露检测**:查看 DNS 出口信息,以便查看在 VPN/代理的情况下,是否存在 DNS 泄露隐私的风险
* 🚀 **网速测试**:利用边缘网络进行网速测试
* 🚏 **代理规则测试**:配合代理软件的规则设置,测试规则设置是否正常
* ⏱️ **全球延迟测试**:从分布在全球的多个服务器进行延迟测试,了解你与全球网络的连接速度
* 📡 **MTR 测试**:从分布在全球的多个服务器进行 MTR 测试,了解你与全球的连接路径
* 🚉 **MTR 测试**:从分布在全球的多个服务器进行 MTR 测试,了解你与全球的连接路径
* 🔦 **DNS 解析器**:从多个渠道对域名进行 DNS 解析,获取实时的解析结果,可用于污染判断
* 🚧 **封锁测试**:检查特定的网站在部分国家是否被封锁
* 📓 **Whois 查询**:对域名或 IP 进行 whois 信息查询
+19 -21
View File
@@ -20,11 +20,10 @@
</header>
<!-- Provider card grid — always rendered from the static list, so a failed
fetch shows per-card "status unavailable" rather than removing cards. -->
<div class="grid grid-cols-2 md:grid-cols-4 gap-3">
fetch shows per-card "status unavailable" rather than removing cards. -->
<div class="grid grid-cols-1 md:grid-cols-4 gap-3">
<Collapsible v-for="p in PROVIDERS" :key="p.id" v-model:open="openState[p.id]" as-child>
<Card
class="keyboard-shortcut-card jn-card transition-transform duration-300 ease-out hover:-translate-y-1.5">
<Card class="keyboard-shortcut-card jn-card transition-transform duration-300 ease-out hover:-translate-y-1.5">
<!-- Always-visible summary; the whole header toggles the panel -->
<CollapsibleTrigger class="w-full text-left cursor-pointer" @click="onToggle(p)">
<CardContent class="p-4">
@@ -63,8 +62,7 @@
is fetched on first view, not with the overview. -->
<CollapsibleContent>
<CardContent class="px-4 pb-4 pt-0">
<Tabs :model-value="activeTab[p.id] || 'components'"
@update:model-value="(v) => onTabChange(p, v)">
<Tabs :model-value="activeTab[p.id] || 'components'" @update:model-value="(v) => onTabChange(p, v)">
<TabsList class="grid w-full grid-cols-2">
<TabsTrigger value="components">{{ t('serviceStatus.ComponentsTitle') }}</TabsTrigger>
<TabsTrigger value="incidents">{{ t('serviceStatus.IncidentsTitle') }}</TabsTrigger>
@@ -118,15 +116,15 @@
</a>
<!-- Line 2: date · severity (! icon count, no color) · status (colored by lifecycle) -->
<div class="flex items-center justify-between gap-2 text-xs">
<div class="mt-0.5 flex items-center gap-1.5 text-muted-foreground">
<span>{{ formatDate(inc.startedAt) }}</span>
<template v-if="impactLevel(inc.impact) > 0">
<span aria-hidden="true">·</span>
<span class="inline-flex items-center" :title="indicatorLabel(inc.impact)">
<TriangleAlert v-for="n in impactLevel(inc.impact)" :key="n" class="size-3 mr-[2px]" />
</span>
</template>
</div>
<div class="mt-0.5 flex items-center gap-1.5 text-muted-foreground">
<span>{{ formatDate(inc.startedAt) }}</span>
<template v-if="impactLevel(inc.impact) > 0">
<span aria-hidden="true">·</span>
<span class="inline-flex items-center" :title="indicatorLabel(inc.impact)">
<TriangleAlert v-for="n in impactLevel(inc.impact)" :key="n" class="size-3 mr-[2px]" />
</span>
</template>
</div>
<span :class="textClass(incidentStatusTone(inc.status))">
{{ incidentStatusLabel(inc.status) }}
</span>
@@ -185,14 +183,14 @@ const { textClass } = useStatusTone();
// reuses the generic cloud glyph; providers with no reliable `ri` brand glyph
// are left null and fall back to a first-letter tile.
const PROVIDERS = [
{ id: 'claude', name: 'Claude', icon: 'ri:anthropic-fill' },
{ id: 'openai', name: 'OpenAI', icon: 'ri:openai-fill' },
{ id: 'claude', name: 'Claude', icon: 'ri:claude-line' },
{ id: 'openai', name: 'OpenAI', icon: 'ri:openai-line' },
{ id: 'cursor', name: 'Cursor', icon: 'simple-icons:cursor' },
{ id: 'github', name: 'GitHub', icon: 'ri:github-fill' },
{ id: 'discord', name: 'Discord', icon: 'ri:discord-fill' },
{ id: 'notion', name: 'Notion', icon: 'ri:notion-line' },
{ id: 'github', name: 'GitHub', icon: 'ri:github-line' },
{ id: 'cloudflare', name: 'Cloudflare', icon: 'simple-icons:cloudflare' },
{ id: 'reddit', name: 'Reddit', icon: 'ri:reddit-fill' },
{ id: 'notion', name: 'Notion', icon: 'ri:notion-fill' },
{ id: 'discord', name: 'Discord', icon: 'ri:discord-line' },
{ id: 'reddit', name: 'Reddit', icon: 'ri:reddit-line' },
];
const placeholderSizes = [10, 7, 9, 6, 8];
+2 -2
View File
@@ -603,7 +603,7 @@
},
"serviceStatus": {
"Title": "Service Status",
"Note": "Live availability of popular services, pulled from their official status pages. Expand a card to see its sub-services and recent incidents.",
"Note": "When a service won't open, it might not be your problem — the service itself could be down. This section shows the live availability of well-known services; expand a card to see each sub-service's status and recent incidents.",
"Refresh": "Refresh Service Status",
"AllOperational": "All Systems Operational",
"ComponentsTitle": "Services",
@@ -642,7 +642,7 @@
},
"connectivity": {
"Title": "Network Connectivity",
"Note": "Testing is done by loading small images from corresponding websites. Delay values are for reference only and will be smaller in reality. You can add other websites you frequently use to the test list for quick testing.",
"Note": "This test checks whether you can reach a given website. It works by loading a small image from that site. Delay values are for reference only and will be smaller in reality. You can add other websites you frequently use to the test list for quick testing.",
"StatusWait": "Awaiting Test",
"StatusAvailable": "OK",
"StatusUnavailable": "Unavailable",
+2 -2
View File
@@ -603,7 +603,7 @@
},
"serviceStatus": {
"Title": "État des services",
"Note": "Disponibilité en temps réel de services populaires, issue de leurs pages d'état officielles. Dépliez une carte pour voir ses sous-services et ses incidents récents.",
"Note": "Quand un service ne s'ouvre pas, le problème ne vient pas forcément de vous — le service lui-même peut être en panne. Cette section affiche la disponibilité en temps réel de services populaires ; dépliez une carte pour voir l'état de chaque sous-service et les incidents récents.",
"Refresh": "Actualiser l'état des services",
"AllOperational": "Tous les systèmes sont opérationnels",
"ComponentsTitle": "Services",
@@ -642,7 +642,7 @@
},
"connectivity": {
"Title": "Connectivité réseau",
"Note": "Tests via chargement d'images à partir des sites correspondants. Les valeurs de délai sont données à titre indicatif seulement et seront plus petites en réalité. Vous pouvez ajouter d'autres sites web que vous utilisez fréquemment à la liste de tests pour des tests rapides.",
"Note": "Ce test vérifie si vous pouvez atteindre un site web donné. Il fonctionne en chargeant une petite image depuis ce site. Les valeurs de délai sont données à titre indicatif seulement et seront plus petites en réalité. Vous pouvez ajouter d'autres sites web que vous utilisez fréquemment à la liste de tests pour des tests rapides.",
"StatusWait": "En attente du test",
"StatusAvailable": "OK",
"StatusUnavailable": "Non disponible",
+2 -2
View File
@@ -603,7 +603,7 @@
},
"serviceStatus": {
"Title": "Servis Durumu",
"Note": "Popüler servislerin resmi durum sayfalarından alınan canlı kullanılabilirlik bilgisi. Alt servisleri ve son olayları görmek için bir kartı genişletin.",
"Note": "Bir servis açılmadığında sorun sizde olmayabilir — servisin kendisi çökmüş olabilir. Bu bölüm tanınmış servislerin canlı kullanılabilirliğini gösterir; her alt servisin durumunu ve son olayları görmek için bir kartı genişletin.",
"Refresh": "Servis Durumunu Yenile",
"AllOperational": "Tüm Sistemler Çalışıyor",
"ComponentsTitle": "Servisler",
@@ -642,7 +642,7 @@
},
"connectivity": {
"Title": "Ağ Bağlantısı",
"Note": "Test, ilgili web sitelerinden küçük resimler yüklenerek yapılır. Gecikme değerleri yalnızca referans amaçlıdır ve gerçekte daha küçük olacaktır. Sık kullandığınız diğer web sitelerini test listesine ekleyerek hızlı testler yapabilirsiniz.",
"Note": "Bu test, belirli bir web sitesine ulaşıp ulaşamadığınızı kontrol eder. İlgili siteden küçük bir resim yüklenerek çalışır. Gecikme değerleri yalnızca referans amaçlıdır ve gerçekte daha küçük olacaktır. Sık kullandığınız diğer web sitelerini test listesine ekleyerek hızlı testler yapabilirsiniz.",
"StatusWait": "Test Bekleniyor",
"StatusAvailable": "Tamam",
"StatusUnavailable": "Kullanılamıyor",
+2 -2
View File
@@ -603,7 +603,7 @@
},
"serviceStatus": {
"Title": "服务可用性",
"Note": "展示一些知名服务的实时可用状态,数据来自它们的官方状态页。展开卡片可查看各子服务的状态与最近的事故。",
"Note": "当你打开某些服务的时候,可能并不是你的问题,而是这些服务出故障了。本板块展示一些知名服务的实时可用状态,展开卡片可查看各子服务的状态与最近的事故。",
"Refresh": "刷新服务状态",
"AllOperational": "所有系统正常",
"ComponentsTitle": "服务项",
@@ -642,7 +642,7 @@
},
"connectivity": {
"Title": "网络连通性",
"Note": "通过加载对应网站上的小图片进行测试,延迟值仅供参考,实际会更小。你可以添加其它你常用的网站到测试列表中,方便快速测试。",
"Note": "本测试用于测试你是否能够连通到某个网站。测试方法是通过加载对应网站上的小图片进行的。延迟值仅供参考,实际会更小。你可以添加其它你常用的网站到测试列表中,方便快速测试。",
"StatusWait": "待检测",
"StatusAvailable": "可用",
"StatusUnavailable": "不可用",