lucasrguerra/ESPDocs
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 10 Wiki Activity

feat(i18n): Simplified Chinese (zh-CN), search answers per locale, fr/de/es data fixes
CI / Lint e auditorias (push) Successful in 1m10s
Details
CI / Trivy (dependências e segredos) (push) Successful in 12s
Details
CI / Imagem Docker (linux/arm64) (push) Successful in 2m39s
Details
Release / Plano (reaproveitar a imagem?) (push) Successful in 6s
Details
Release / ci (push) Skipped
Details
Release / Publica a imagem (linux/arm64) (push) Successful in 18s
Details
Release / Cria a release no Gitea (push) Successful in 5s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
Lucas RayanandClaude Sonnet 5.5 committed 2026-11-01 23:28:39 -03:00
1 parent ae61416468
commit 5a9fe676fc
61 files changed
+2517 -920
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

components/Header.jsx
+60 -19
View File
@@ -177,6 +177,35 @@ const MENUS_DE = [
],
},
];
const MENUS_ZH = [
{
id: "hardware",
label: "硬件",
items: [
{ href: "/series", label: "ESP32 系列", desc: "12 款芯片的引脚与规格", icon: Cpu },
{ href: "/comparacao", label: "对比工具", desc: "最多四个系列并排对比", icon: Scale },
{ href: "/catalogo", label: "开发板目录", desc: "DevKit、引脚与购买渠道", icon: Box },
],
},
{
id: "tools",
label: "工具",
items: [
{ href: "/seletor", label: "智能选型", desc: "为你的项目找到合适的芯片", icon: SlidersHorizontal },
{ href: "/diagnostico", label: "故障诊断", desc: "欠压、启动循环、看门狗等问题", icon: AlertTriangle },
{ href: "/componentes", label: "Component Registry", desc: "驱动与 idf_component.yml 清单", icon: Search },
],
},
{
id: "library",
label: "资料库",
items: [
{ href: "/frameworks", label: "框架与 SDK", desc: "ESP-IDF、Arduino、Rust 与 Matter", icon: BookOpen },
{ href: "/glossario", label: "技术术语表", desc: "数据手册中出现的术语", icon: BookA },
{ href: "/sobre", label: "关于本项目", desc: "作者、方法与开放性", icon: Sparkles },
],
},
];
const MOBILE_LINKS_PT = [
{ href: "/series", label: "Séries ESP32" },
@@ -238,6 +267,17 @@ const MOBILE_LINKS_DE = [
{ href: "/catalogo", label: "Board-Katalog" },
{ href: "/sobre", label: "Über uns" },
];
const MOBILE_LINKS_ZH = [
{ href: "/series", label: "ESP32 系列" },
{ href: "/comparacao", label: "对比工具" },
{ href: "/seletor", label: "智能选型" },
{ href: "/diagnostico", label: "故障诊断" },
{ href: "/frameworks", label: "框架与 SDK" },
{ href: "/componentes", label: "Component Registry" },
{ href: "/glossario", label: "术语表" },
{ href: "/catalogo", label: "开发板目录" },
{ href: "/sobre", label: "关于" },
];
function isActivePath(pathname, href, currentLocale) {
const localized = getLocalizedHref(`/${currentLocale}${href}`, currentLocale);
@@ -263,6 +303,7 @@ export default function Header() {
const isEs = currentLocale === "es";
const isFr = currentLocale === "fr";
const isDe = currentLocale === "de";
const isZh = currentLocale === "zh-CN";
const getLinkHref = (href) => getLocalizedHref(`/${currentLocale}${href}`, currentLocale);
@@ -308,10 +349,10 @@ export default function Header() {
? MOBILE_LINKS_ES
: isFr
? MOBILE_LINKS_FR
: isDe
: isZh ? MOBILE_LINKS_ZH : isDe
? MOBILE_LINKS_DE
: MOBILE_LINKS_EN;
const MENUS = isPt ? MENUS_PT : isEs ? MENUS_ES : isFr ? MENUS_FR : isDe ? MENUS_DE : MENUS_EN;
const MENUS = isPt ? MENUS_PT : isEs ? MENUS_ES : isFr ? MENUS_FR : isZh ? MENUS_ZH : isDe ? MENUS_DE : MENUS_EN;
return (
<header className="sticky top-0 z-50 pt-3 sm:pt-4">
@@ -327,7 +368,7 @@ export default function Header() {
? "ESPDocs, página de inicio"
: isFr
? "ESPDocs, page d'accueil"
: isDe
: isZh ? "ESPDocs，首页" : isDe
? "ESPDocs, Startseite"
: "ESPDocs, homepage"
}
@@ -346,7 +387,7 @@ export default function Header() {
? "Navegación principal"
: isFr
? "Navigation principale"
: isDe
: isZh ? "主导航" : isDe
? "Hauptnavigation"
: "Main navigation"
}
@@ -403,18 +444,18 @@ export default function Header() {
</Link>
)}
<Link href={getLinkHref("/sobre")} className={`nav-link ${isActivePath(pathname, "/sobre", currentLocale) ? "is-active" : ""}`} aria-current={isActivePath(pathname, "/sobre", currentLocale) ? "page" : undefined}>
{isPt ? "Sobre" : isEs ? "Acerca de" : isFr ? "À propos" : isDe ? "Über uns" : "About"}
{isPt ? "Sobre" : isEs ? "Acerca de" : isFr ? "À propos" : isZh ? "关于" : isDe ? "Über uns" : "About"}
</Link>
</nav>
<div className="flex items-center gap-1 sm:gap-1.5">
<Link href={getLinkHref("/seletor")} className="btn btn-primary btn-sm hidden lg:inline-flex">
<SlidersHorizontal className="h-4 w-4" aria-hidden="true" />
{isPt ? "Selecionar chip" : isEs ? "Seleccionar chip" : isFr ? "Choisir une puce" : isDe ? "Chip auswählen" : "Select chip"}
{isPt ? "Selecionar chip" : isEs ? "Seleccionar chip" : isFr ? "Choisir une puce" : isZh ? "选择芯片" : isDe ? "Chip auswählen" : "Select chip"}
</Link>
<SearchDialog />
<LanguageSelector />
<ThemeToggle isPt={isPt} isEs={isEs} isFr={isFr} isDe={isDe} />
<ThemeToggle isPt={isPt} isEs={isEs} isFr={isFr} isDe={isDe} isZh={isZh} />
<button
ref={menuButtonRef}
type="button"
@@ -426,7 +467,7 @@ export default function Header() {
? "Abrir menú de navegación"
: isFr
? "Ouvrir le menu de navigation"
: isDe
: isZh ? "打开导航菜单" : isDe
? "Navigationsmenü öffnen"
: "Open navigation menu"
}
@@ -459,7 +500,7 @@ export default function Header() {
? "Menú de navegación"
: isFr
? "Menu de navigation"
: isDe
: isZh ? "导航菜单" : isDe
? "Navigationsmenü"
: "Navigation menu"
}
@@ -472,10 +513,10 @@ export default function Header() {
<div className="flex items-start justify-between px-5 py-5">
<div>
<p className="text-xs font-semibold text-muted">
{isPt ? "Navegação" : isEs ? "Navegación" : isFr ? "Navigation" : isDe ? "Navigation" : "Navigation"}
{isPt ? "Navegação" : isEs ? "Navegación" : isFr ? "Navigation" : isZh ? "导航" : isDe ? "Navigation" : "Navigation"}
</p>
<p className="mt-1 font-display text-2xl font-semibold tracking-[-0.04em] text-ink">
{isPt ? "Para onde ir" : isEs ? "A dónde ir" : isFr ? "Où aller" : isDe ? "Wohin möchten Sie" : "Where to go"}
{isPt ? "Para onde ir" : isEs ? "A dónde ir" : isFr ? "Où aller" : isZh ? "前往" : isDe ? "Wohin möchten Sie" : "Where to go"}
</p>
</div>
<button
@@ -483,7 +524,7 @@ export default function Header() {
type="button"
onClick={() => setDrawerOpen(false)}
className="grid h-10 w-10 place-items-center rounded-full border border-line text-ink transition-colors hover:bg-surface-2"
aria-label={isPt ? "Fechar menu" : isEs ? "Cerrar menú" : isFr ? "Fermer le menu" : isDe ? "Menü schließen" : "Close menu"}
aria-label={isPt ? "Fechar menu" : isEs ? "Cerrar menú" : isFr ? "Fermer le menu" : isZh ? "关闭菜单" : isDe ? "Menü schließen" : "Close menu"}
>
<X className="h-5 w-5" aria-hidden="true" />
</button>
@@ -517,7 +558,7 @@ export default function Header() {
<nav
className="flex-1 overflow-y-auto px-3 py-2"
aria-label={isPt ? "Navegação móvel" : isEs ? "Navegación móvil" : isFr ? "Navigation mobile" : isDe ? "Mobile Navigation" : "Mobile navigation"}
aria-label={isPt ? "Navegação móvel" : isEs ? "Navegación móvil" : isFr ? "Navigation mobile" : isZh ? "移动端导航" : isDe ? "Mobile Navigation" : "Mobile navigation"}
>
{visibleMobileLinks.map((link) => (
<Link
@@ -536,7 +577,7 @@ export default function Header() {
<div className="p-4 pt-2">
<Link href={getLinkHref("/seletor")} onClick={() => setDrawerOpen(false)} className="btn btn-primary w-full">
<SlidersHorizontal className="h-4 w-4" aria-hidden="true" />
{isPt ? "Selecionar meu chip" : isEs ? "Seleccionar mi chip" : isFr ? "Choisir ma puce" : isDe ? "Meinen Chip auswählen" : "Select my chip"}
{isPt ? "Selecionar meu chip" : isEs ? "Seleccionar mi chip" : isFr ? "Choisir ma puce" : isZh ? "选择我的芯片" : isDe ? "Meinen Chip auswählen" : "Select my chip"}
</Link>
</div>
</div>
@@ -547,7 +588,7 @@ export default function Header() {
);
}
function ThemeToggle({ isPt = true, isEs = false, isFr = false, isDe = false }) {
function ThemeToggle({ isPt = true, isEs = false, isFr = false, isDe = false, isZh = false }) {
const { resolvedTheme, setTheme } = useTheme();
const [mounted, setMounted] = useState(false);
@@ -572,7 +613,7 @@ function ThemeToggle({ isPt = true, isEs = false, isFr = false, isDe = false })
? "Activar tema claro"
: isFr
? "Activer le thème clair"
: isDe
: isZh ? "切换到浅色主题" : isDe
? "Helles Design aktivieren"
: "Switch to light theme"
: isPt
@@ -581,7 +622,7 @@ function ThemeToggle({ isPt = true, isEs = false, isFr = false, isDe = false })
? "Activar tema oscuro"
: isFr
? "Activer le thème sombre"
: isDe
: isZh ? "切换到深色主题" : isDe
? "Dunkles Design aktivieren"
: "Switch to dark theme"
}
@@ -593,7 +634,7 @@ function ThemeToggle({ isPt = true, isEs = false, isFr = false, isDe = false })
? "Tema claro"
: isFr
? "Thème clair"
: isDe
: isZh ? "浅色主题" : isDe
? "Helles Design"
: "Light theme"
: isPt
@@ -602,7 +643,7 @@ function ThemeToggle({ isPt = true, isEs = false, isFr = false, isDe = false })
? "Tema oscuro"
: isFr
? "Thème sombre"
: isDe
: isZh ? "深色主题" : isDe
? "Dunkles Design"
: "Dark theme"
}