@4399ywkf/cli 1.0.8 → 1.0.9

package/dist/templates/locales/utils.ts

@@ -0,0 +1,23 @@
+const SAFE_KEY = /^[^.[\]]+$/;
+
+export const toLodashPath = (segments: Array<number | string>) => {
+  let path = '';
+
+  for (const segment of segments) {
+    if (typeof segment === 'number') {
+      path += `[${segment}]`;
+      continue;
+    }
+
+    const key = segment;
+    const safe = SAFE_KEY.test(key);
+    if (safe) {
+      path += path ? `.${key}` : key;
+      continue;
+    }
+
+    path += `[${JSON.stringify(key)}]`;
+  }
+
+  return path;
+};

package/dist/templates/package.json.tpl

@@ -8,11 +8,10 @@
     "dev:test": "cross-env NODE_ENV=testDevelopment rspack serve --config config/rspack/rspack.dev.mjs",
     "build:test": "cross-env NODE_ENV=test rspack build --config config/rspack/rspack.prod.mjs --mode production",
     "build": "cross-env NODE_ENV=production rspack build --config config/rspack/rspack.prod.mjs --mode production",
-    "test": "jest",
     "lint": "biome check",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
     "prepare": "husky install",
+    "i18n": "npm run workflow:i18n && lobe-i18n && prettier -c --write \"locales/**\"",
+    "workflow:i18n": "tsx ./scripts/i18nWorkflow/index.ts",
     "test:ci": "jest --coverage --watchAll=false"
   },
   "engines": {
@@ -29,7 +28,7 @@
     "@tanstack/react-query": "^5.80.6",
     "ahooks": "^3.8.5",
     "antd": "^6.1.1",
-    "antd-style": "^3.7.1",
+    "antd-style": "^4.0.0",
     "clsx": "^2.1.1",
     "copy-webpack-plugin": "^13.0.1",
     "dayjs": "^1.11.13",
@@ -53,7 +52,6 @@
     "resolve-accept-language": "^3.1.11",
     "rtl-detect": "^1.1.2",
     "rxjs": "^7.8.2",
-    "styled-components": "^5.3.11",
     "tailwind-merge": "^3.3.0",
     "tailwindcss": "^4.1.8",
     "universal-cookie": "^8.0.1",
@@ -71,16 +69,13 @@
     "@rspack/cli": "^1.1.8",
     "@rspack/core": "^1.1.8",
     "@svgr/webpack": "^7.0.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^29.5.14",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.9.0",
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.6",
     "@types/react-resizable": "^3.0.8",
-    "@types/styled-components": "^5.1.34",
+    "@prettier/sync": "^0.6.1",
+    "@lobehub/i18n-cli": "^1.26.0",
     "assert": "^2.1.0",
     "autoprefixer": "^10.4.20",
     "axios": "^1.6.8",
@@ -88,6 +83,7 @@
     "browserify-zlib": "^0.2.0",
     "buffer": "^6.0.3",
     "chokidar": "^4.0.3",
+    "consola": "^3.4.2",
     "clean-webpack-plugin": "^4.0.0",
     "cross-env": "^7.0.3",
     "crypto-browserify": "^3.12.1",
@@ -100,10 +96,6 @@
     "globals": "^16.3.0",
     "html-webpack-plugin": "^5.6.3",
     "husky": "^9.1.7",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "30.0.0-beta.3",
-    "jiti": "^2.5.1",
-    "js-cookie": "^2.2.1",
     "less": "^4.2.0",
     "less-loader": "^12.2.0",
     "lint-staged": "^16.1.6",
@@ -121,11 +113,11 @@
     "stream-browserify": "^3.0.0",
     "style-loader": "^3.3.4",
     "terser-webpack-plugin": "^5.3.11",
-    "ts-jest": "^29.3.4",
     "ts-loader": "^9.5.1",
     "typescript": "^5.6.3",
     "url": "^0.11.4",
     "util": "^0.12.5",
+    "tsx": "^4.21.0",
     "webpack-merge": "^6.0.1"
   },
   "lint-staged": {

package/dist/templates/pages/base/index.tsx

@@ -11,14 +11,117 @@ import {
 import React from "react";
 import { createStyles } from "antd-style";
 
-const { Title, Paragraph, Text, Link } = Typography;
+const { Title, Paragraph, Text } = Typography;
 
-const useStyles = createStyles(({ css, token }) => ({
-  app: css`
+const px = (value: number | string) =>
+  typeof value === "number" ? `${value}px` : value;
+
+const useStyles = createStyles(({ token, css }) => ({
+  root: css`
     width: 100%;
-    height: 100%;
+    min-height: 100vh;
+    padding: ${px(token.paddingLG)};
+    background: linear-gradient(180deg, ${token.colorFillTertiary}, ${token.colorPrimaryHover});
     overflow: auto;
   `,
+  container: css`
+    margin: 0 auto;
+    max-width: 960px;
+  `,
+  hero: css`
+    text-align: center;
+    margin-bottom: ${px(token.marginLG)};
+  `,
+  heroIcon: css`
+    font-size: 3.5rem;
+    color: ${token.colorPrimary};
+    animation: bounce 1.2s infinite alternate;
+
+    @keyframes bounce {
+      from {
+        transform: translateY(0);
+      }
+      to {
+        transform: translateY(-6px);
+      }
+    }
+  `,
+  tagSpace: css`
+    margin-top: ${px(token.marginMD)};
+  `,
+  featuresGrid: css`
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+    gap: ${px(token.marginSM)};
+    margin-bottom: ${px(token.marginLG)};
+  `,
+  featureCard: css`
+    text-align: center;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+
+    &:hover {
+      transform: translateY(-6px);
+      box-shadow: ${token.boxShadowSecondary};
+    }
+  `,
+  quickLinkGrid: css`
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+    gap: ${px(token.marginSM)};
+  `,
+  quickLink: css`
+    padding: ${px(token.paddingMD)};
+    border-radius: ${px(token.borderRadiusLG)};
+    background: ${token.colorBgContainer};
+    cursor: pointer;
+    transition: background 0.2s ease;
+
+    &:hover {
+      background: ${token.colorBgElevated};
+    }
+  `,
+  footerActions: css`
+    margin-top: ${px(token.marginMD)};
+    text-align: center;
+  `,
+  cardTitle: css`
+    display: inline-flex;
+    align-items: center;
+    gap: ${px(token.marginXS)};
+    font-size: ${px(token.fontSizeHeading4)};
+  `,
+  codeBlock: css`
+    margin-top: ${px(token.marginXS)};
+    padding: ${px(token.paddingSM)};
+    background: ${token.colorFillAlter};
+    border-radius: ${px(token.borderRadiusLG)};
+    font-family: ${token.fontFamilyCode};
+    font-size: ${px(token.fontSizeSM)};
+  `,
+  stepLabel: css`
+    font-size: ${px(token.fontSizeBase)};
+  `,
+  quickLinkLabel: css`
+    font-size: ${px(token.fontSizeHeading2)};
+    margin-bottom: ${px(token.marginXS)};
+  `,
+  quickLinkDescription: css`
+    color: ${token.colorTextTertiary};
+  `,
+  panelCard: css`
+    margin-bottom: ${px(token.marginLG)};
+    background: ${token.colorBgElevated};
+  `,
+  featureIcon: css`
+    margin-bottom: ${px(token.marginMD)};
+  `,
+  footerParagraph: css`
+    margin-top: ${px(token.marginMD)};
+    color: ${token.colorTextTertiary};
+  `,
+  textCenterCard: css`
+    text-align: center;
+  `,
 }));
 
 export default function BasePage() {
@@ -28,17 +131,17 @@ export default function BasePage() {
 
   const features = [
     {
-      icon: <ThunderboltOutlined className="text-4xl text-blue-500" />,
+      icon: <ThunderboltOutlined className={styles.heroIcon} />,
       title: "Rspack 构建",
       description: "基于 Rspack 的极速构建体验，开发效率翻倍",
     },
     {
-      icon: <BulbOutlined className="text-4xl text-yellow-500" />,
+      icon: <BulbOutlined className={styles.heroIcon} />,
       title: "React 19",
       description: "使用最新的 React 19 特性，享受并发渲染",
     },
     {
-      icon: <SettingOutlined className="text-4xl text-green-500" />,
+      icon: <SettingOutlined className={styles.heroIcon} />,
       title: "TypeScript",
       description: "完整的 TypeScript 支持，类型安全有保障",
     },
@@ -52,107 +155,94 @@ export default function BasePage() {
   ];
 
   return (
-    <div
-      className={cx(
-        styles.app,
-        "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-gray-900 dark:to-gray-800 p-8"
-      )}
-    >
-      <div className="max-w-6xl mx-auto">
+    <div className={cx(styles.root)}>
+      <div className={styles.container}>
         <Flex vertical gap={12}>
-          {/* 头部欢迎区域 */}
-          <div className="text-center mb-12 animate-fade-in">
-            <div className="inline-block mb-4">
-              <RocketOutlined className="text-6xl text-blue-500 animate-bounce" />
+          <section className={styles.hero}>
+            <div>
+              <RocketOutlined className={styles.heroIcon} />
             </div>
-            <Title level={1} className="!mb-4">
+            <Title level={1} style={{ marginBottom: 16 }}>
               🎉 恭喜！项目创建成功
             </Title>
-            <Paragraph className="text-lg text-gray-600 dark:text-gray-300">
+            <Paragraph>
               你的项目已经准备就绪，现在可以开始开发了
             </Paragraph>
-            <Space size="middle" className="mt-4">
+            <Space size="middle" className={styles.tagSpace}>
               <Tag color="blue">React 19</Tag>
               <Tag color="green">TypeScript</Tag>
               <Tag color="orange">Rspack</Tag>
               <Tag color="purple">Ant Design</Tag>
               <Tag color="cyan">Tailwind CSS</Tag>
             </Space>
-          </div>
+          </section>
 
-          {/* 特性卡片 */}
-          <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-12">
+          <div className={styles.featuresGrid}>
             {features.map((feature, index) => (
               <Card
                 key={index}
                 hoverable
-                className="text-center transition-all duration-300 hover:shadow-xl dark:bg-gray-800"
+                className={cx(styles.featureCard)}
+                bodyStyle={{ padding: 24 }}
               >
-                <div className="mb-4">{feature.icon}</div>
+                <div className={styles.featureIcon}>{feature.icon}</div>
                 <Title level={4}>{feature.title}</Title>
-                <Paragraph className="text-gray-600 dark:text-gray-400">
-                  {feature.description}
-                </Paragraph>
+                <Paragraph type="secondary">{feature.description}</Paragraph>
               </Card>
             ))}
           </div>
 
-          {/* 快速开始 */}
           <Card
             title={
-              <span className="text-xl">
-                <BookOutlined className="mr-2" />
+              <span className={styles.cardTitle}>
+                <BookOutlined />
                 快速开始
               </span>
             }
-            className="mb-8 dark:bg-gray-800"
+            className={styles.panelCard}
           >
-            <Space direction="vertical" size="large" className="w-full">
+            <Space direction="vertical" size="large">
               <div>
-                <Text strong className="text-base">
+                <Text strong className={styles.stepLabel}>
                   1. 安装依赖
                 </Text>
-                <div className="mt-2 p-4 bg-gray-100 dark:bg-gray-900 rounded-lg font-mono text-sm">
+                <div className={styles.codeBlock}>
                   <code>pnpm install</code>
                 </div>
               </div>
               <div>
-                <Text strong className="text-base">
+                <Text strong className={styles.stepLabel}>
                   2. 启动开发服务器
                 </Text>
-                <div className="mt-2 p-4 bg-gray-100 dark:bg-gray-900 rounded-lg font-mono text-sm">
+                <div className={styles.codeBlock}>
                   <code>pnpm dev</code>
                 </div>
               </div>
               <div>
-                <Text strong className="text-base">
+                <Text strong className={styles.stepLabel}>
                   3. 构建生产版本
                 </Text>
-                <div className="mt-2 p-4 bg-gray-100 dark:bg-gray-900 rounded-lg font-mono text-sm">
+                <div className={styles.codeBlock}>
                   <code>pnpm build</code>
                 </div>
               </div>
             </Space>
           </Card>
 
-          {/* 快捷链接 */}
           <Card
             title={
-              <span className="text-xl">
-                <GithubOutlined className="mr-2" />
+              <span className={styles.cardTitle}>
+                <GithubOutlined />
                 快捷链接
               </span>
             }
-            className="mb-8 dark:bg-gray-800"
+            className={styles.panelCard}
           >
-            <div className="grid grid-cols-2 md:grid-cols-4 gap-4">
+            <div className={styles.quickLinkGrid}>
               {quickLinks.map((link, index) => (
-                <div
-                  key={index}
-                  className="p-4 bg-gray-50 dark:bg-gray-900 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer transition-colors"
-                >
-                  <div className="text-2xl mb-2">{link.label}</div>
-                  <Text className="text-sm text-gray-600 dark:text-gray-400">
+                <div key={index} className={styles.quickLink}>
+                  <div className={styles.quickLinkLabel}>{link.label}</div>
+                  <Text className={styles.quickLinkDescription}>
                     {link.description}
                   </Text>
                 </div>
@@ -160,34 +250,35 @@ export default function BasePage() {
             </div>
           </Card>
 
-          {/* 底部操作区 */}
-          <Card className="text-center dark:bg-gray-800">
-            <Space size="large" wrap>
-              <Button
-                type="primary"
-                size="large"
-                icon={<RocketOutlined />}
-                onClick={() => window.open("https://ant.design", "_blank")}
-              >
-                查看 Ant Design 文档
-              </Button>
-              <Button
-                size="large"
-                icon={<BookOutlined />}
-                onClick={() => window.open("https://react.dev", "_blank")}
-              >
-                React 文档
-              </Button>
-              <Button
-                size="large"
-                onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
-              >
-                切换主题 ({theme === "dark" ? "🌙 暗色" : "☀️ 亮色"})
-              </Button>
-            </Space>
-            <Paragraph className="mt-6 text-gray-500 dark:text-gray-400">
-              祝你开发愉快！如有问题，请查阅文档或联系技术支持 💪
-            </Paragraph>
+          <Card className={cx(styles.panelCard, styles.textCenterCard)}>
+            <div className={styles.footerActions}>
+              <Space size="large" wrap>
+                <Button
+                  type="primary"
+                  size="large"
+                  icon={<RocketOutlined />}
+                  onClick={() => window.open("https://ant.design", "_blank")}
+                >
+                  查看 Ant Design 文档
+                </Button>
+                <Button
+                  size="large"
+                  icon={<BookOutlined />}
+                  onClick={() => window.open("https://react.dev", "_blank")}
+                >
+                  React 文档
+                </Button>
+                <Button
+                  size="large"
+                  onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
+                >
+                  切换主题 ({theme === "dark" ? "🌙 暗色" : "☀️ 亮色"})
+                </Button>
+              </Space>
+              <Paragraph className={styles.footerParagraph}>
+                祝你开发愉快！如有问题，请查阅文档或联系技术支持 💪
+              </Paragraph>
+            </div>
           </Card>
         </Flex>
       </div>

package/dist/templates/protectedPatterns.ts

@@ -0,0 +1,91 @@
+/**
+ * Protected patterns for i18n keys
+ *
+ * Keys matching these patterns will be considered "used" even if not found in static analysis.
+ * This is useful for dynamically generated keys like:
+ * - t(`modelProvider.${providerId}.title`)
+ * - t('error.' + errorCode)
+ */
+
+/**
+ * Files to ignore at file level (won't be scanned at all)
+ */
+export const IGNORED_FILES = [
+  'providers.ts', // Dynamically generated from DEFAULT_MODEL_PROVIDER_LIST
+  'models.ts', // Dynamically generated from LOBE_DEFAULT_MODEL_LIST
+  'auth.ts', // Auth-related dynamic keys
+  'authError.ts', // Auth error dynamic keys
+  'error.ts', // Error messages with dynamic codes
+  'migration.ts', // Migration-related dynamic keys
+  'subscription.ts',
+  'electron.ts', // Electron-specific dynamic keys
+  'editor.ts', // Editor-related dynamic keys
+  'changelog.ts', // Changelog dynamic keys
+  'ragEval.ts',
+  'plugin.ts',
+  'tools.ts',
+  'oauth.ts',
+];
+
+/**
+ * Namespace patterns to protect (keys won't be marked as unused)
+ */
+export const PROTECTED_KEY_PATTERNS = [
+  // === Namespaces with extensive dynamic usage ===
+  'modelProvider', // t(`modelProvider.${providerId}.title`)
+
+  // Discover namespace has many dynamic keys
+  'discover', // t(`assistants.status.${statusKey}.subtitle`)
+
+  // Setting namespace with dynamic agent configurations
+  'setting', // t(`systemAgent.${key}.label`)
+
+  // Hotkey namespace uses dynamic key construction
+  'hotkey', // t(`${item.id}.desc`, { ns: 'hotkey' })
+
+  // Home namespace with dynamic starter keys
+  'home', // t(`starter.${key}`)
+
+  // Welcome namespace with returnObjects usage
+  'welcome', // t('welcomeMessages', { returnObjects: true })
+
+  // Chat namespace has dynamic input keys
+  'chat', // t(`input.${key}`)
+
+  // File namespace - used in hooks that receive t as parameter
+  'file', // TFunction<'file'> passed as parameter
+
+  // MarketAuth namespace - has Trans components with dynamic keys
+  'marketAuth', // <Trans i18nKey="authorize.footer.agreement" />
+
+  // Onboarding namespace - has various dynamic usage patterns
+  'onboarding', // Onboarding flow with complex Trans usage
+  'error',
+  'errors',
+  'consent.error',
+  'builtins',
+
+  // === Add your custom patterns here ===
+  // Examples:
+  // 'error.code',           // Protects all error.code.* keys
+  // 'plugin.settings',      // Protects all plugin.settings.* keys
+  // 'tool',                 // Protects entire 'tool' namespace
+];
+
+/**
+ * How to use:
+ *
+ * 1. IGNORED_FILES - Files to completely skip during analysis:
+ *    Add filename with .ts extension (e.g., 'auth.ts')
+ *    These files won't be scanned at all
+ *
+ * 2. PROTECTED_KEY_PATTERNS - Namespace/patterns to protect:
+ *    - Full namespace: 'myNamespace' protects all keys under that namespace
+ *    - Prefix pattern: 'namespace.prefix' protects keys starting with that prefix
+ *      (e.g., 'error.code' protects 'error.code.NOT_FOUND', 'error.code.TIMEOUT', etc.)
+ *
+ * 3. After modifying this file:
+ *    - Run `bun run workflow:i18n-analyze` to regenerate the report
+ *    - Run `bun run workflow:i18n-clean` to preview cleanup (both use same config)
+ *    - Check the console output for "Protected patterns" to verify your config
+ */

package/dist/templates/routes.tsx

@@ -1,13 +1,13 @@
 import React, { lazy } from "react";
 import { createBrowserRouter, Navigate } from "react-router";
-import MainContentWrap from "@/layout/MainContentWrap";
+import GlobalProvider from "@/layout/GlobalProvider";
 
 export const createRouter = (basename?: string) => {
   return createBrowserRouter(
     [
       {
         path: "",
-        element: <MainContentWrap />,
+        element: <GlobalProvider />,
         children: [
           {
             path: "/",