weifuwu 0.27.22 → 0.27.24

package/dist/template/locales/en.json

@@ -1,6 +1,5 @@
 {
-  "theme": { "dark": "🌙" },
-  "lang": { "zh": "中文", "en": "EN" },
+  "lang": "中文",
   "title": "Build APIs & UI, Zero Build Step",
   "cta": "Try Me",
   "docs": "Documentation",

package/dist/template/locales/zh-CN.json

@@ -1,6 +1,5 @@
 {
-  "theme": { "dark": "🌙" },
-  "lang": { "zh": "中文", "en": "EN" },
+  "lang": "EN",
   "title": "零编译构建 API 和 UI",
   "cta": "体验一下",
   "docs": "文档",

package/dist/template/ui/app/page.ts

@@ -3,13 +3,20 @@ import { html, raw } from 'weifuwu'
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export default function (ctx: any) {
   const t = ctx.i18n?.t || ((k: string) => k)
+  // Theme/language buttons: show opposite (click to switch)
+  const themeVal = ctx.theme?.value || 'system'
+  const btnTheme = themeVal === 'dark' ? 'light' : 'dark'
+  const btnIcon = btnTheme === 'dark' ? '🌙' : '☀️'
+  const locale = ctx.i18n?.locale || 'en'
+  const btnLang = locale === 'zh-CN' ? 'en' : 'zh-CN'
+  const langLabel = btnLang === 'zh-CN' ? '中文' : 'EN'
 
   return html`<div wu-data='${raw(JSON.stringify({ open: false }))}'>
     <nav class="wu-flex wu-items-center wu-justify-between wu-p-4 wu-border-bottom">
       <strong class="wu-text-lg">weifuwu</strong>
       <div class="wu-flex wu-gap-sm wu-items-center">
-        <button wu-theme="dark" class="wu-btn wu-btn-sm" wu-text-key="theme.dark">🌙</button>
-        <button wu-lang="zh-CN" class="wu-btn wu-btn-sm" wu-text-key="lang.zh">中文</button>
+        <button wu-theme="${btnTheme}" class="wu-btn wu-btn-sm">${raw(btnIcon)}</button>
+        <button wu-lang="${btnLang}" class="wu-btn wu-btn-sm" wu-text-key="lang">${raw(langLabel)}</button>
       </div>
     </nav>
 

package/dist/weifuwu-ui.js

@@ -723,15 +723,19 @@ const WFU_VERSION = '0.27.20';
   // ═══════════════════════════════════════════════════════════════════
 
   function initTheme() {
-    // Set initial theme from cookie
+    // Set initial theme from cookie, sync button state
     const cookie = document.cookie.match(/theme=([^;]+)/)?.[1] || 'system'
-    applyTheme(cookie)
+    const resolved = applyTheme(cookie)
+    syncThemeButtons(resolved)
 
     // Listen for system preference changes
     if (window.matchMedia) {
       window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
         const current = document.cookie.match(/theme=([^;]+)/)?.[1] || 'system'
-        if (current === 'system') applyTheme('system')
+        if (current === 'system') {
+          const r = applyTheme('system')
+          syncThemeButtons(r)
+        }
       })
     }
   }
@@ -744,6 +748,15 @@ const WFU_VERSION = '0.27.20';
           : 'light'
         : value
     document.documentElement.setAttribute('data-theme', theme)
+    return theme
+  }
+
+  function syncThemeButtons(resolved) {
+    const target = resolved === 'dark' ? 'light' : 'dark'
+    document.querySelectorAll('[wu-theme]').forEach((b) => {
+      b.setAttribute('wu-theme', target)
+      b.textContent = target === 'dark' ? '🌙' : '☀️'
+    })
   }
 
   // Theme switching (delegated click)
@@ -756,16 +769,7 @@ const WFU_VERSION = '0.27.20';
     // Sync with server (no redirect, JSON request)
     fetch('/__theme/' + value, { headers: { Accept: 'application/json' } }).catch(() => {})
     // Toggle all [wu-theme] buttons: dark ↔ light
-    document.querySelectorAll('[wu-theme]').forEach((b) => {
-      const v = b.getAttribute('wu-theme')
-      if (v === 'dark') {
-        b.setAttribute('wu-theme', 'light')
-        b.textContent = '☀️'
-      } else if (v === 'light') {
-        b.setAttribute('wu-theme', 'dark')
-        b.textContent = '🌙'
-      }
-    })
+    syncThemeButtons(value)
   })
 
   // ═══════════════════════════════════════════════════════════════════

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "weifuwu",
   "type": "module",
-  "version": "0.27.22",
+  "version": "0.27.24",
   "description": "Web-standard HTTP microframework for Node.js — (req, ctx) => Response",
   "exports": {
     ".": "./dist/index.js"