weifuwu 0.27.19 → 0.27.21

package/dist/index.d.ts

@@ -66,4 +66,4 @@ export { loadModule, clearModuleCache } from './ssr/compile.ts';
 export { cssContext, cssRouter, clearCSSCache } from './ssr/css.ts';
 export type { CssAsset } from './ssr/css.ts';
 export { assetRouter, assetScripts } from './ssr/assets.ts';
-export { wfuwAssets } from './ssr/ui/assets.ts';
+export { wfuwAssets, wfuwVersion } from './ssr/ui/assets.ts';

package/dist/index.js

@@ -3664,6 +3664,15 @@ import { readFileSync as readFileSync3 } from "node:fs";
 import { resolve as resolve7, dirname } from "node:path";
 import { fileURLToPath } from "node:url";
 var __dirname = dirname(fileURLToPath(import.meta.url));
+var wfuwVersion = (() => {
+  try {
+    const js = readFileSync3(resolve7(__dirname, "weifuwu-ui.js"), "utf-8");
+    const m = js.match(/WFU_VERSION = '([^']+)'/);
+    return m ? m[1] : "0.0.0";
+  } catch {
+    return "0.0.0";
+  }
+})();
 function wfuwAssets() {
   const router = new Router();
   const jsPath = resolve7(__dirname, "weifuwu-ui.js");
@@ -3786,5 +3795,6 @@ export {
   validate,
   view,
   wfuwAssets,
+  wfuwVersion,
   withTestDb
 };

package/dist/ssr/ui/assets.d.ts

@@ -1,2 +1,4 @@
 import { Router } from '../../core/router.ts';
+/** Current weifuwu version, extracted from weifuwu-ui.js header. */
+export declare const wfuwVersion: string;
 export declare function wfuwAssets(): Router;

package/dist/template/locales/en.json

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

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

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

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

@@ -1,4 +1,4 @@
-import { html, raw } from 'weifuwu'
+import { html, raw, wfuwVersion } from 'weifuwu'
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export default function (body: string, ctx: any) {
@@ -16,8 +16,8 @@ export default function (body: string, ctx: any) {
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>weifuwu</title>
-        <link rel="stylesheet" href="/__wfw/css/weifuwu-ui.css" />
-        <script src="/__wfw/js/weifuwu-ui.js"></script>
+        <link rel="stylesheet" href="/__wfw/css/weifuwu-ui.css?v=${wfuwVersion}" />
+        <script src="/__wfw/js/weifuwu-ui.js?v=${wfuwVersion}"></script>
         <script id="__wfw-i18n" type="application/json">
           ${raw(JSON.stringify(messages))}
         </script>

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

@@ -3,33 +3,28 @@ 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)
-  const theme = ctx.theme?.value || 'system'
-  const locale = ctx.i18n?.locale || 'en'
 
   return html`<div wu-data='${raw(JSON.stringify({ open: false }))}'>
-    <!-- Navbar -->
     <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">🌙</button>
-        <button wu-lang="zh-CN" class="wu-btn wu-btn-sm">中文</button>
+        <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>
       </div>
     </nav>
 
-    <!-- Hero -->
     <section class="wu-p-4" style="max-width: 640px; margin: 80px auto; text-align: center;">
-      <h1 class="wu-text-2xl" style="margin-bottom: 8px;">${t('title')}</h1>
+      <h1 class="wu-text-2xl" style="margin-bottom: 8px;" wu-text-key="title">${t('title')}</h1>
       <p class="wu-text-secondary wu-text-md" style="margin-bottom: 32px;">
         Pure Node.js, no build step
       </p>
 
       <div class="wu-flex wu-justify-center wu-gap-md">
-        <button class="wu-btn wu-btn-primary" wu-on="click: open = !open">${t('cta')}</button>
-        <a href="https://weifuwu.dev" class="wu-btn" target="_blank"> ${t('docs')} </a>
+        <button class="wu-btn wu-btn-primary" wu-on="click: open = !open" wu-text-key="cta">${t('cta')}</button>
+        <a href="https://weifuwu.dev" class="wu-btn" target="_blank" wu-text-key="docs">${t('docs')}</a>
       </div>
 
-      <!-- Demo: toggled content -->
-      <div wu-show="open" class="wu-card" style="margin-top: 24px; text-align: left;">
+      <div wu-show="open" class="wu-card" style="margin-top: 24px; text-align: left;" wu-text-key="demo">
         ${t('demo')}
       </div>
     </section>

package/dist/weifuwu-ui.js

@@ -11,6 +11,7 @@
  * @license MIT
  * @version 0.1.0
  */
+const WFU_VERSION = '0.27.20';
 (function () {
   'use strict'
 

package/package.json

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