@4399ywkf/cli 1.0.10 → 2.0.0

package/dist/templates/app/.gitignore.tpl

@@ -1,30 +1,9 @@
 .DS_Store
-
-.pnp
-.pnp.js
-.env.local
-.env.*.local
-.history
-*.log*
-
 node_modules/
-.yarn-integrity
-.pnpm-store/
-*.tsbuildinfo
-.changeset/pre.json
-
 dist/
-coverage/
-release/
-output/
-output_resource/
-log/
-
-.vscode/**/*
-!.vscode/settings.json
-!.vscode/extensions.json
-.idea/
-
-**/*/typings/auto-generated
+*.log*
+.env.local
+.env.*.local
 
-modern.config.local.*
+# 框架生成目录（自动生成，不需要提交）
+.ywkf/

package/dist/templates/app/config/env/.env.development

@@ -1,5 +1,3 @@
-# 本地开发服务器 地址
-APP_HOST = "127.0.0.1"
-# 本地开发服务器 端口
-APP_PORT = 8888
-PUBLIC_PATH="/"
+APP_HOST="localhost"
+APP_PORT=3000
+PUBLIC_PATH="/"

package/dist/templates/app/config/env/.env.production

@@ -1,2 +1 @@
-SENTRY_ENV="production"
-NODE_ENV="production"
+NODE_ENV="production"

package/dist/templates/app/config/env/.env.public.tpl

@@ -1,14 +1,4 @@
-API_PREFIX="/api"
-API_TIMEOUT=60000
-
-COOKIE_NAME='ywkf_jwt'
-
-APP_CNAME='{{{ name }}}'
 APP_NAME='{{{ name }}}'
-OUTPUT_PATH='dist'
+APP_CNAME='{{{ name }}}'
 BASENAME='/'
-
-PUBLIC_PATH='/s{{{ name }}}/'
-
-# 帮助中心
-HELP_CENTER_URL="https://im-support.gz4399.com/"
+PUBLIC_PATH='/'

package/dist/templates/app/package.json.tpl

@@ -3,126 +3,33 @@
   "author": "{{{ author }}}",
   "version": "{{{ version }}}",
   "scripts": {
-    "start": "cross-env NODE_ENV=development rspack serve --config config/rspack/rspack.dev.mjs",
-    "dev": "pnpm run start",
-    "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",
-    "lint": "biome check",
-    "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"
+    "dev": "ywkf dev",
+    "build": "ywkf build",
+    "build:analyze": "ywkf build --analyze",
+    "lint": "biome check"
   },
   "engines": {
     "node": ">=20.0.0",
     "pnpm": ">=8.0.0"
   },
   "dependencies": {
+    "@4399ywkf/core": "^1.0.0",
     "@ant-design/icons": "^6.0.0",
-    "@rspack/cli": "^1.1.8",
-    "@rspack/core": "^1.6.1",
-    "@sentry/react": "^9.27.0",
-    "@sentry/webpack-plugin": "^3.5.0",
-    "@tailwindcss/postcss": "^4.1.8",
     "@tanstack/react-query": "^5.80.6",
-    "ahooks": "^3.8.5",
     "antd": "^6.1.1",
-    "antd-style": "^4.0.0",
-    "clsx": "^2.1.1",
-    "copy-webpack-plugin": "^13.0.1",
-    "dayjs": "^1.11.13",
-    "fast-deep-equal": "^3.1.3",
-    "garfish": "^1.19.3",
-    "i18next": "^25.2.1",
-    "i18next-browser-languagedetector": "^8.1.0",
-    "i18next-resources-to-backend": "^1.2.1",
-    "idb-keyval": "^6.2.2",
-    "lucide-react": "^0.460.0",
-    "nanoid": "^5.0.9",
-    "polished": "^4.3.1",
-    "qs": "^6.13.1",
-    "query-string": "^8.2.0",
+    "axios": "^1.9.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-i18next": "^15.5.2",
-    "react-layout-kit": "^2.0.0",
-    "react-refresh": "^0.14.2",
     "react-router": "^7.6.1",
-    "resolve-accept-language": "^3.1.11",
-    "rtl-detect": "^1.1.2",
-    "rxjs": "^7.8.2",
-    "tailwind-merge": "^3.3.0",
-    "tailwindcss": "^4.1.8",
-    "universal-cookie": "^8.0.1",
-    "url-join": "^5.0.0",
-    "uuid": "^11.0.3",
-    "zod": "^4.2.1",
-    "zustand": "^5.0.5",
-    "zustand-utils": "^2.1.1"
+    "zustand": "^5.0.5"
   },
   "devDependencies": {
     "@biomejs/biome": "2.3.2",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
-    "@rsdoctor/rspack-plugin": "^1.3.8",
-    "@rsdoctor/webpack-plugin": "^0.4.13",
-    "@rspack/cli": "^1.1.8",
-    "@rspack/core": "^1.1.8",
-    "@svgr/webpack": "^7.0.0",
-    "@types/lodash-es": "^4.17.12",
+    "@tailwindcss/postcss": "^4.1.8",
     "@types/node": "^22.9.0",
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.6",
-    "@types/react-resizable": "^3.0.8",
-    "@prettier/sync": "^0.6.1",
-    "@lobehub/i18n-cli": "^1.26.0",
-    "assert": "^2.1.0",
-    "autoprefixer": "^10.4.20",
-    "axios": "^1.6.8",
-    "browserify-fs": "^1.0.0",
-    "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",
-    "css-loader": "^6.11.0",
-    "css-minimizer-webpack-plugin": "^7.0.0",
-    "dotenv": "^16.4.5",
-    "ejs-loader": "^0.5.0",
-    "esbuild-loader": "^4.2.2",
-    "esbuild-register": "^3.6.0",
-    "globals": "^16.3.0",
-    "html-webpack-plugin": "^5.6.3",
-    "husky": "^9.1.7",
-    "less": "^4.2.0",
-    "less-loader": "^12.2.0",
-    "lint-staged": "^16.1.6",
-    "lodash-es": "^4.17.21",
-    "mini-css-extract-plugin": "^2.9.2",
-    "moment": "^2.30.1",
-    "path-browserify": "^1.0.1",
-    "postcss": "^8.4.49",
-    "postcss-loader": "^7.3.4",
-    "process": "^0.11.10",
-    "querystring-es3": "^0.2.1",
-    "react-compiler-webpack": "^0.2.0",
-    "sass": "^1.92.0",
-    "sass-loader": "^16.0.5",
-    "stream-browserify": "^3.0.0",
-    "style-loader": "^3.3.4",
-    "terser-webpack-plugin": "^5.3.11",
-    "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": {
-    "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}": [
-      "biome check --files-ignore-unknown=true"
-    ]
+    "tailwindcss": "^4.1.8",
+    "typescript": "^5.6.3"
   }
 }

package/dist/templates/app/public/index.html

@@ -2,28 +2,10 @@
 <html style="height: 100%">
   <head>
     <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="renderer" content="webkit" />
-    <meta
-      name="viewport"
-      content="width=device-width,initial-scale=1.0,user-scalable=no"
-    />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <title><%= title %></title>
   </head>
   <body style="height: 100%">
-    <!--[if lt IE 9]>
-      <p class="browsehappy">
-        You are using an <strong>outdated</strong> browser. Please
-        <a href="http://browsehappy.com/">upgrade your browser</a> to improve
-        your experience.
-      </p>
-    <![endif]-->
     <div id="<%= mountRoot %>" style="height: 100%; width: 100%"></div>
-    <div id="notificationContainer"></div>
-    <script>
-      function push(subapp) {
-        history.pushState(null, subapp, subapp);
-      }
-    </script>
   </body>
 </html>

package/dist/templates/app/src/index.css

@@ -1,2 +1 @@
-@import "tailwindcss";
-@variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
+/* 基础样式 - Tailwind CSS 由 tailwindPlugin 自动注入到 .ywkf/tailwind.css */

package/dist/templates/app/src/pages/$.tsx

@@ -0,0 +1,19 @@
+import { Button, Result } from "antd";
+import { useNavigate } from "react-router";
+
+export default function NotFoundPage() {
+  const navigate = useNavigate();
+
+  return (
+    <Result
+      status="404"
+      title="404"
+      subTitle="页面不存在"
+      extra={
+        <Button type="primary" onClick={() => navigate("/")}>
+          返回首页
+        </Button>
+      }
+    />
+  );
+}

package/dist/templates/app/src/pages/dashboard/analytics/page.tsx

@@ -0,0 +1,16 @@
+import { Typography } from "antd";
+
+const { Paragraph } = Typography;
+
+export default function AnalyticsPage() {
+  return (
+    <div>
+      <Paragraph>
+        数据分析页面 — <code>src/pages/dashboard/analytics/page.tsx</code>
+      </Paragraph>
+      <Paragraph>
+        该页面与 <code>/dashboard</code> 共享 <code>dashboard/layout.tsx</code> 布局。
+      </Paragraph>
+    </div>
+  );
+}

package/dist/templates/app/src/pages/dashboard/layout.tsx

@@ -0,0 +1,29 @@
+import { Outlet, Link, useLocation } from "react-router";
+import { Card, Menu } from "antd";
+
+const SUB_NAV = [
+  { key: "/dashboard", label: <Link to="/dashboard">概览</Link> },
+  { key: "/dashboard/analytics", label: <Link to="/dashboard/analytics">数据分析</Link> },
+];
+
+export default function DashboardLayout() {
+  const { pathname } = useLocation();
+
+  return (
+    <div style={{ maxWidth: 960, margin: "0 auto" }}>
+      <Card
+        title="工作台"
+        extra={
+          <Menu
+            mode="horizontal"
+            selectedKeys={[pathname]}
+            items={SUB_NAV}
+            style={{ border: "none" }}
+          />
+        }
+      >
+        <Outlet />
+      </Card>
+    </div>
+  );
+}

package/dist/templates/app/src/pages/dashboard/page.tsx

@@ -0,0 +1,31 @@
+import { Typography, Card, Row, Col, Statistic } from "antd";
+
+const { Paragraph } = Typography;
+
+export default function DashboardPage() {
+  return (
+    <div>
+      <Paragraph>
+        这是 <code>/dashboard</code> 的默认页面（<code>page.tsx</code>），
+        与 <code>layout.tsx</code> 配合实现嵌套布局。
+      </Paragraph>
+      <Row gutter={16}>
+        <Col span={8}>
+          <Card>
+            <Statistic title="用户总数" value={1128} />
+          </Card>
+        </Col>
+        <Col span={8}>
+          <Card>
+            <Statistic title="今日活跃" value={93} suffix="/ 1128" />
+          </Card>
+        </Col>
+        <Col span={8}>
+          <Card>
+            <Statistic title="系统健康" value="99.9" suffix="%" />
+          </Card>
+        </Col>
+      </Row>
+    </div>
+  );
+}

package/dist/templates/app/src/pages/error.tsx

@@ -0,0 +1,20 @@
+import { Button, Result } from "antd";
+import { useRouteError, useNavigate } from "react-router";
+
+export default function RootError() {
+  const error = useRouteError() as Error;
+  const navigate = useNavigate();
+
+  return (
+    <Result
+      status="error"
+      title="页面出错了"
+      subTitle={error?.message || "发生了未知错误"}
+      extra={
+        <Button type="primary" onClick={() => navigate("/")}>
+          返回首页
+        </Button>
+      }
+    />
+  );
+}

package/dist/templates/app/src/pages/layout.tsx

@@ -0,0 +1,36 @@
+import { Outlet, Link, useLocation } from "react-router";
+import { Layout, Menu } from "antd";
+
+const { Header, Content, Footer } = Layout;
+
+const NAV_ITEMS = [
+  { key: "/", label: <Link to="/">首页</Link> },
+  { key: "/dashboard", label: <Link to="/dashboard">工作台</Link> },
+  { key: "/user", label: <Link to="/user">用户管理</Link> },
+];
+
+export default function RootLayout() {
+  const { pathname } = useLocation();
+  const activeKey = NAV_ITEMS.find((item) => pathname.startsWith(item.key) && item.key !== "/")?.key
+    || (pathname === "/" ? "/" : "");
+
+  return (
+    <Layout style={{ minHeight: "100vh" }}>
+      <Header style={{ display: "flex", alignItems: "center" }}>
+        <Menu
+          theme="dark"
+          mode="horizontal"
+          selectedKeys={[activeKey]}
+          style={{ flex: 1 }}
+          items={NAV_ITEMS}
+        />
+      </Header>
+      <Content style={{ padding: "24px 48px" }}>
+        <Outlet />
+      </Content>
+      <Footer style={{ textAlign: "center" }}>
+        YWKF Framework ©{new Date().getFullYear()}
+      </Footer>
+    </Layout>
+  );
+}

package/dist/templates/app/src/pages/loading.tsx

@@ -0,0 +1,9 @@
+import { Spin } from "antd";
+
+export default function RootLoading() {
+  return (
+    <div style={{ display: "flex", justifyContent: "center", alignItems: "center", height: "60vh" }}>
+      <Spin size="large" tip="加载中..." />
+    </div>
+  );
+}

package/dist/templates/app/src/pages/page.tsx

@@ -0,0 +1,47 @@
+import { Typography, Space, Card } from "antd";
+import { Link } from "react-router";
+
+const { Title, Paragraph } = Typography;
+
+export default function HomePage() {
+  return (
+    <div style={{ maxWidth: 720, margin: "0 auto" }}>
+      <Title>Welcome to YWKF Framework</Title>
+      <Paragraph>
+        应用由 <code>@4399ywkf/core</code> 驱动，采用 Modern.js 风格的文件约定路由。
+      </Paragraph>
+
+      <Space direction="vertical" size="middle" style={{ width: "100%" }}>
+        <Card title="路由文件约定">
+          <ul>
+            <li><code>page.tsx</code> — 页面内容</li>
+            <li><code>layout.tsx</code> — 布局组件（使用 Outlet）</li>
+            <li><code>loading.tsx</code> — 加载状态（Suspense fallback）</li>
+            <li><code>error.tsx</code> — 错误边界</li>
+            <li><code>$.tsx</code> — 通配 / 404 路由</li>
+          </ul>
+        </Card>
+
+        <Card title="目录约定">
+          <ul>
+            <li><code>[id]/</code> — 动态路由（<code>/:id</code>）</li>
+            <li><code>[id$]/</code> — 可选动态路由（<code>/:id?</code>）</li>
+            <li><code>[...slug]/</code> — 全匹配路由（<code>/*</code>）</li>
+            <li><code>__auth/</code> — 无路径布局（路由分组，不生成 URL 片段）</li>
+            <li><code>user.profile/</code> — 扁平路由（<code>/user/profile</code>）</li>
+          </ul>
+        </Card>
+
+        <Card title="本模板包含的示例路由">
+          <ul>
+            <li><Link to="/">/</Link> — 首页（当前页面）</li>
+            <li><Link to="/dashboard">/dashboard</Link> — 工作台（嵌套布局 + 子路由）</li>
+            <li><Link to="/user">/user</Link> — 用户列表</li>
+            <li><Link to="/user/42">/user/42</Link> — 动态路由示例</li>
+            <li><Link to="/not-exist">/not-exist</Link> — 404 通配路由</li>
+          </ul>
+        </Card>
+      </Space>
+    </div>
+  );
+}

package/dist/templates/app/src/pages/user/[id]/page.tsx

@@ -0,0 +1,28 @@
+import { Typography, Descriptions, Button } from "antd";
+import { useParams, useNavigate } from "react-router";
+
+const { Title } = Typography;
+
+export default function UserDetailPage() {
+  const { id } = useParams<{ id: string }>();
+  const navigate = useNavigate();
+
+  return (
+    <div style={{ maxWidth: 720, margin: "0 auto" }}>
+      <Title level={2}>用户详情</Title>
+      <Descriptions bordered column={1}>
+        <Descriptions.Item label="用户 ID">{id}</Descriptions.Item>
+        <Descriptions.Item label="路由路径">
+          <code>/user/[id]/page.tsx</code> → <code>/user/:id</code>
+        </Descriptions.Item>
+        <Descriptions.Item label="说明">
+          目录名 <code>[id]</code> 会被解析为动态路由参数，
+          使用 <code>useParams()</code> 获取值。
+        </Descriptions.Item>
+      </Descriptions>
+      <div style={{ marginTop: 16 }}>
+        <Button onClick={() => navigate("/user")}>返回列表</Button>
+      </div>
+    </div>
+  );
+}

package/dist/templates/app/src/pages/user/page.tsx

@@ -0,0 +1,42 @@
+import { Typography, Table, Button } from "antd";
+import { Link } from "react-router";
+
+const { Title } = Typography;
+
+const MOCK_USERS = [
+  { id: 1, name: "张三", role: "管理员" },
+  { id: 2, name: "李四", role: "编辑" },
+  { id: 42, name: "王五", role: "用户" },
+];
+
+const columns = [
+  { title: "ID", dataIndex: "id", key: "id" },
+  { title: "姓名", dataIndex: "name", key: "name" },
+  { title: "角色", dataIndex: "role", key: "role" },
+  {
+    title: "操作",
+    key: "action",
+    render: (_: unknown, record: (typeof MOCK_USERS)[0]) => (
+      <Link to={`/user/${record.id}`}>查看详情</Link>
+    ),
+  },
+];
+
+export default function UserListPage() {
+  return (
+    <div style={{ maxWidth: 720, margin: "0 auto" }}>
+      <Title level={2}>用户列表</Title>
+      <Table
+        dataSource={MOCK_USERS}
+        columns={columns}
+        rowKey="id"
+        pagination={false}
+      />
+      <div style={{ marginTop: 16 }}>
+        <Button type="link">
+          <Link to="/user/42">直接访问 /user/42（动态路由）</Link>
+        </Button>
+      </div>
+    </div>
+  );
+}

package/dist/templates/app/tsconfig.json

@@ -1,43 +1,32 @@
 {
   "compilerOptions": {
-    "declaration": false, // 生成声明文件
-    "esModuleInterop": true, // 允许 export = 导出，由import from 导入
-    "module": "commonjs", // 生成代码的模块标准
-    "moduleResolution": "node", // 模块解析策略
-    "noUnusedLocals": false, // 检查只声明，未使用的局部变量
-    "noImplicitAny": false, // 不允许隐式的 any 类型。
-    "noUnusedParameters": true, // 检查未使用的函数参数
-    "sourceMap": true, // 编译器编译时，生成目标文件的sourceMap文件。
-    "strict": true, // 开启所有严格的类型检查
-    "skipLibCheck": true, // 用来控制是否在编译时进行库文件检查的
-    "target": "es5", // 目标语言的版本
-    "jsx": "react-jsx", // 控制如何在 JavaScript 文件中发出 JSX 构造。这只影响以.tsx files 开头的 JS 文件的输出
-    "lib": ["es5", "dom", "dom.iterable", "esnext"], // TypeScript 包含内置 JS API 的一组默认类型定义（如Math），以及浏览器环境中找到的内容的类型定义（如document)
+    "target": "es2020",
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "lib": ["dom", "dom.iterable", "esnext"],
     "paths": {
       "@/*": ["./src/*"],
-      "@shared/*": ["./shared/*"],
-      "@config/*": ["./config/*"],
       "@store/*": ["./store/*"],
-      "@utils/*": ["./utils/*"]
-    }, // 将导入重新映射到相对于baseUrlif 集或 tsconfig 文件本身的查找位置
-    "types": ["jest", "node", "@testing-library/jest-dom"]
+      "@ywkf/request": ["./.ywkf/request.ts"],
+      "@ywkf/store": ["./.ywkf/store.ts"]
+    }
   },
-  "exclude": [
-    "**/node_modules",
-    "**/examples",
-    "**/dist",
-    "**/fixtures",
-    "**/*.test.ts",
-    "**/*.e2e.ts",
-    "**/templates",
-    "ui"
-  ], // 指定解析时应跳过的文件名或模式数组include。
   "include": [
-    "./src/**/*",
-    "./store/**/*",
-    "./react-app-env.d.ts",
-    "config/router",
-    "**/*.test.ts",
-    "**/*.test.tsx"
-  ] // 指定要包含在程序中的文件名或模式的数组。这些文件名是相对于包含该tsconfig.json文件的目录进行解析的。
+    "src/**/*",
+    "store/**/*",
+    ".ywkf/**/*",
+    "ywkf.config.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
 }