@4399ywkf/cli 1.0.7 → 1.0.9

package/dist/templates/base/index.tsx

@@ -1,32 +1,287 @@
-import React from 'react';
-import { createStyles } from "antd-style"
-
-
-const useStyles = createStyles(({ token, isDarkMode }) => ({
-  button: {
-    backgroundColor: token.colorPrimary,
-    width: '100px',
-    color: isDarkMode ? token.colorText : "#fff",
-    padding: `${token.paddingXS}px ${token.paddingSM}px`,
-    borderRadius: token.borderRadius,
-    cursor: 'pointer',
-    transition: 'all 0.3s ease',
-
-    '&:hover': {
-      backgroundColor: token.colorPrimaryHover,
+import { useUserStore } from "@store/user";
+import { Button, Card, Space, Typography, Tag, Flex } from "antd";
+import {
+  RocketOutlined,
+  ThunderboltOutlined,
+  BulbOutlined,
+  GithubOutlined,
+  BookOutlined,
+  SettingOutlined,
+} from "@ant-design/icons";
+import React from "react";
+import { createStyles } from "antd-style";
+
+const { Title, Paragraph, Text } = Typography;
+
+const px = (value: number | string) =>
+  typeof value === "number" ? `${value}px` : value;
+
+const useStyles = createStyles(({ token, css }) => ({
+  root: css`
+    width: 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() {
+  const theme = useUserStore((state) => state.themeMode);
+  const setTheme = useUserStore((state) => state.setThemeMode);
+  const { styles, cx } = useStyles();
+
+  const features = [
+    {
+      icon: <ThunderboltOutlined className={styles.heroIcon} />,
+      title: "Rspack 构建",
+      description: "基于 Rspack 的极速构建体验，开发效率翻倍",
     },
-    '&:active': {
-      backgroundColor: token.colorPrimaryActive,
+    {
+      icon: <BulbOutlined className={styles.heroIcon} />,
+      title: "React 19",
+      description: "使用最新的 React 19 特性，享受并发渲染",
     },
-  },
-}));
+    {
+      icon: <SettingOutlined className={styles.heroIcon} />,
+      title: "TypeScript",
+      description: "完整的 TypeScript 支持，类型安全有保障",
+    },
+  ];
+
+  const quickLinks = [
+    { label: "📖 文档", description: "查看完整文档" },
+    { label: "🎨 组件库", description: "Ant Design 组件" },
+    { label: "🔧 配置", description: "项目配置说明" },
+    { label: "🚀 部署", description: "部署指南" },
+  ];
 
-export default function Base() {
-  const { styles } = useStyles();
   return (
-    <div className={styles.button}>
-      Base
-      {/* <Button type="primary">antd按钮</Button> */}
+    <div className={cx(styles.root)}>
+      <div className={styles.container}>
+        <Flex vertical gap={12}>
+          <section className={styles.hero}>
+            <div>
+              <RocketOutlined className={styles.heroIcon} />
+            </div>
+            <Title level={1} style={{ marginBottom: 16 }}>
+              🎉 恭喜！项目创建成功
+            </Title>
+            <Paragraph>
+              你的项目已经准备就绪，现在可以开始开发了
+            </Paragraph>
+            <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>
+          </section>
+
+          <div className={styles.featuresGrid}>
+            {features.map((feature, index) => (
+              <Card
+                key={index}
+                hoverable
+                className={cx(styles.featureCard)}
+                bodyStyle={{ padding: 24 }}
+              >
+                <div className={styles.featureIcon}>{feature.icon}</div>
+                <Title level={4}>{feature.title}</Title>
+                <Paragraph type="secondary">{feature.description}</Paragraph>
+              </Card>
+            ))}
+          </div>
+
+          <Card
+            title={
+              <span className={styles.cardTitle}>
+                <BookOutlined />
+                快速开始
+              </span>
+            }
+            className={styles.panelCard}
+          >
+            <Space direction="vertical" size="large">
+              <div>
+                <Text strong className={styles.stepLabel}>
+                  1. 安装依赖
+                </Text>
+                <div className={styles.codeBlock}>
+                  <code>pnpm install</code>
+                </div>
+              </div>
+              <div>
+                <Text strong className={styles.stepLabel}>
+                  2. 启动开发服务器
+                </Text>
+                <div className={styles.codeBlock}>
+                  <code>pnpm dev</code>
+                </div>
+              </div>
+              <div>
+                <Text strong className={styles.stepLabel}>
+                  3. 构建生产版本
+                </Text>
+                <div className={styles.codeBlock}>
+                  <code>pnpm build</code>
+                </div>
+              </div>
+            </Space>
+          </Card>
+
+          <Card
+            title={
+              <span className={styles.cardTitle}>
+                <GithubOutlined />
+                快捷链接
+              </span>
+            }
+            className={styles.panelCard}
+          >
+            <div className={styles.quickLinkGrid}>
+              {quickLinks.map((link, index) => (
+                <div key={index} className={styles.quickLink}>
+                  <div className={styles.quickLinkLabel}>{link.label}</div>
+                  <Text className={styles.quickLinkDescription}>
+                    {link.description}
+                  </Text>
+                </div>
+              ))}
+            </div>
+          </Card>
+
+          <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>
     </div>
   );
 }

package/dist/templates/bootstrap/index.ts

@@ -0,0 +1,34 @@
+import "dayjs/locale/zh-cn";
+import dayjs from "dayjs";
+import { ConfigProvider } from "antd";
+import { env } from "@/config/env";
+
+interface BootstrapConfig {
+  appName: string;
+}
+
+/**
+ * 应用启动前的初始化配置
+ */
+export function bootstrap(config: BootstrapConfig) {
+  const { appName } = config;
+
+  // 配置 dayjs 国际化
+  dayjs.locale("zh-cn");
+
+  // 配置 antd 静态方法的前缀
+  ConfigProvider.config({
+    prefixCls: appName,
+  });
+
+  console.log(`✅ Application [${appName}] bootstrapped successfully`);
+}
+
+/**
+ * 使用环境变量初始化应用
+ */
+export function bootstrapWithEnv() {
+  bootstrap({
+    appName: env.APP_NAME,
+  });
+}

package/dist/templates/cleanUnusedKeys.ts

@@ -0,0 +1,344 @@
+/* eslint-disable unicorn/prefer-top-level-await */
+import { consola } from 'consola';
+import { colors } from 'consola/utils';
+import * as fs from 'node:fs';
+import * as path from 'node:path';
+
+import { IGNORED_FILES } from './protectedPatterns';
+
+interface UnusedKey {
+  filePath: string;
+  fullKey: string;
+  key: string;
+  namespace: string;
+}
+
+interface ReportData {
+  generatedAt: string;
+  statistics: {
+    totalKeys: number;
+    unusedKeys: number;
+    usageRate: string;
+    usedKeys: number;
+  };
+  unusedKeys: UnusedKey[];
+  unusedKeysByNamespace: Array<{
+    count: number;
+    keys: string[];
+    namespace: string;
+  }>;
+}
+
+/**
+ * Remove a key from a nested object
+ */
+function removeKeyFromObject(obj: any, keyPath: string): boolean {
+  const keys = keyPath.split('.');
+  const lastKey = keys.pop()!;
+
+  let current = obj;
+  const parents: Array<{ key: string; obj: any }> = [];
+
+  // Navigate to the parent of the target key
+  for (const key of keys) {
+    if (!current[key]) {
+      return false; // Key path doesn't exist
+    }
+    parents.push({ key, obj: current });
+    current = current[key];
+  }
+
+  // Remove the key
+  if (lastKey in current) {
+    delete current[lastKey];
+
+    // Clean up empty parent objects
+    for (let i = parents.length - 1; i >= 0; i--) {
+      const { obj, key } = parents[i];
+      if (Object.keys(obj[key]).length === 0) {
+        delete obj[key];
+      } else {
+        break; // Stop if parent still has other keys
+      }
+    }
+
+    return true;
+  }
+
+  return false;
+}
+
+/**
+ * Clean unused keys from TypeScript default locale files
+ */
+function cleanDefaultLocaleFiles(unusedKeys: UnusedKey[], dryRun: boolean = true) {
+  const defaultLocalesPath = path.join(process.cwd(), 'src/locales/default');
+
+  // Get ignored namespace names from IGNORED_FILES (remove .ts extension)
+  const ignoredNamespaces = new Set(IGNORED_FILES.map((f) => f.replace('.ts', '')));
+
+  // Group by namespace
+  const byNamespace = new Map<string, string[]>();
+  for (const key of unusedKeys) {
+    // Skip ignored namespaces (from IGNORED_FILES)
+    if (ignoredNamespaces.has(key.namespace)) {
+      continue;
+    }
+
+    if (!byNamespace.has(key.namespace)) {
+      byNamespace.set(key.namespace, []);
+    }
+    byNamespace.get(key.namespace)!.push(key.key);
+  }
+
+  consola.info(`Processing ${byNamespace.size} namespace files...`);
+  consola.info('');
+
+  let totalRemoved = 0;
+
+  for (const [namespace, keys] of byNamespace.entries()) {
+    const filePath = path.join(defaultLocalesPath, `${namespace}.ts`);
+
+    if (!fs.existsSync(filePath)) {
+      consola.warn(`File not found: ${filePath}`);
+      continue;
+    }
+
+    try {
+      // eslint-disable-next-line @typescript-eslint/no-require-imports
+      const loadedModule = require(filePath);
+      const translations = loadedModule.default || loadedModule;
+
+      // Create a deep copy to avoid modifying the original
+      const updatedTranslations = structuredClone(translations);
+
+      let removedCount = 0;
+
+      // Remove each unused key
+      for (const key of keys) {
+        if (removeKeyFromObject(updatedTranslations, key)) {
+          removedCount++;
+          totalRemoved++;
+        }
+      }
+
+      if (removedCount > 0) {
+        consola.info(
+          colors.cyan(namespace.padEnd(20)),
+          colors.gray('→'),
+          colors.red(`${removedCount} keys to remove`),
+        );
+
+        if (!dryRun) {
+          // Generate new content
+          // eslint-disable-next-line @typescript-eslint/no-use-before-define
+          const newContent = generateTypeScriptContent(updatedTranslations);
+
+          // Write back to file
+          fs.writeFileSync(filePath, newContent, 'utf8');
+          consola.success(`  ✓ Updated ${filePath}`);
+        } else {
+          consola.info(`  ${colors.gray('(dry run - no changes made)')}`);
+        }
+      }
+    } catch (error) {
+      consola.error(`Failed to process ${namespace}:`, error);
+    }
+  }
+
+  return totalRemoved;
+}
+
+/**
+ * Clean unused keys from JSON locale files
+ */
+function cleanLocaleJsonFiles(unusedKeys: UnusedKey[], dryRun: boolean = true) {
+  const localesPath = path.join(process.cwd(), 'locales');
+  const locales = fs
+    .readdirSync(localesPath)
+    .filter((f) => fs.statSync(path.join(localesPath, f)).isDirectory());
+
+  consola.info(`Processing ${locales.length} locale directories...`);
+  consola.info('');
+
+  // Get ignored namespace names from IGNORED_FILES (remove .ts extension)
+  const ignoredNamespaces = new Set(IGNORED_FILES.map((f) => f.replace('.ts', '')));
+
+  // Group by namespace
+  const byNamespace = new Map<string, string[]>();
+  for (const key of unusedKeys) {
+    // Skip ignored namespaces (from IGNORED_FILES)
+    if (ignoredNamespaces.has(key.namespace)) {
+      continue;
+    }
+
+    if (!byNamespace.has(key.namespace)) {
+      byNamespace.set(key.namespace, []);
+    }
+    byNamespace.get(key.namespace)!.push(key.key);
+  }
+
+  let totalRemoved = 0;
+
+  for (const locale of locales) {
+    consola.info(colors.cyan(`Locale: ${locale}`));
+
+    for (const [namespace, keys] of byNamespace.entries()) {
+      const filePath = path.join(localesPath, locale, `${namespace}.json`);
+
+      if (!fs.existsSync(filePath)) {
+        continue;
+      }
+
+      try {
+        const content = fs.readFileSync(filePath, 'utf8');
+        const translations = JSON.parse(content);
+
+        let removedCount = 0;
+
+        // Remove each unused key
+        for (const key of keys) {
+          if (removeKeyFromObject(translations, key)) {
+            removedCount++;
+            totalRemoved++;
+          }
+        }
+
+        if (removedCount > 0) {
+          consola.info(
+            `  ${colors.gray(namespace.padEnd(20))} → ${colors.red(removedCount + ' keys removed')}`,
+          );
+
+          if (!dryRun) {
+            // Write back to file with pretty formatting
+            fs.writeFileSync(filePath, JSON.stringify(translations, null, 2) + '\n', 'utf8');
+          }
+        }
+      } catch (error) {
+        consola.error(`Failed to process ${locale}/${namespace}:`, error);
+      }
+    }
+
+    consola.info('');
+  }
+
+  return totalRemoved;
+}
+
+/**
+ * Check if a key needs quotes in TypeScript object notation
+ */
+function needsQuotes(key: string): boolean {
+  // Keys that need quotes:
+  // - Contains special characters (-, ., spaces, etc.)
+  // - Starts with a number
+  // - Is a reserved keyword
+  return !/^[$A-Z_a-z][\w$]*$/.test(key);
+}
+
+/**
+ * Generate TypeScript file content from object
+ */
+function generateTypeScriptContent(obj: any): string {
+  const jsonString = JSON.stringify(obj, null, 2);
+
+  // Convert JSON to TypeScript object notation
+  // Handle keys that need quotes vs those that don't
+  let tsContent = jsonString.replaceAll(/"([^"]+)":/g, (match, key) => {
+    if (needsQuotes(key)) {
+      // Keep quotes for keys with special characters
+      return `'${key}':`;
+    }
+    // Remove quotes for valid identifiers
+    return `${key}:`;
+  });
+
+  // Use single quotes for string values
+  tsContent = tsContent.replaceAll(/: "([^"]*)"/g, ": '$1'");
+
+  return `export default ${tsContent};\n`;
+}
+
+/**
+ * Main function
+ */
+async function main() {
+  const reportPath = path.join(process.cwd(), 'i18n-unused-keys-report.json');
+
+  // Check if report exists
+  if (!fs.existsSync(reportPath)) {
+    consola.error(
+      `Report file not found: ${reportPath}\n` +
+        'Please run "bun run workflow:i18n-analyze" first to generate the report.',
+    );
+    throw new Error('Report file not found');
+  }
+
+  // Load report
+  const reportContent = fs.readFileSync(reportPath, 'utf8');
+  const report: ReportData = JSON.parse(reportContent);
+
+  consola.box('🧹 Clean Unused i18n Keys');
+  consola.info('');
+
+  // Show statistics
+  consola.info(colors.cyan('Statistics from report:'));
+  consola.info(`  Total keys: ${report.statistics.totalKeys}`);
+  consola.info(`  Used keys: ${report.statistics.usedKeys}`);
+  consola.info(`  Unused keys: ${colors.red(report.statistics.unusedKeys.toString())}`);
+  consola.info(`  Usage rate: ${report.statistics.usageRate}`);
+  consola.info('');
+
+  if (report.unusedKeys.length === 0) {
+    consola.success('No unused keys to clean!');
+    return;
+  }
+
+  // Ask for confirmation
+  const args = process.argv.slice(2);
+  const dryRun = !args.includes('--no-dry-run');
+
+  if (dryRun) {
+    consola.warn('Running in DRY RUN mode - no files will be modified');
+    consola.info('To actually clean the files, run: bun run workflow:i18n-clean --no-dry-run');
+    consola.info('');
+  } else {
+    consola.warn('⚠️  WARNING: This will modify your locale files!');
+    consola.info('Make sure you have committed your changes or have a backup.');
+    consola.info('');
+  }
+
+  // Clean default locale files (TypeScript)
+  consola.box('Step 1: Cleaning default locale files (TypeScript)');
+  const removedFromDefault = cleanDefaultLocaleFiles(report.unusedKeys, dryRun);
+  consola.info('');
+
+  // Clean locale JSON files
+  consola.box('Step 2: Cleaning locale JSON files');
+  const removedFromJson = cleanLocaleJsonFiles(report.unusedKeys, dryRun);
+  consola.info('');
+
+  // Summary
+  consola.box('Summary');
+  consola.info(`Keys marked for removal: ${colors.red(report.unusedKeys.length.toString())}`);
+  consola.info(
+    `Total operations: ${colors.yellow((removedFromDefault + removedFromJson).toString())}`,
+  );
+
+  if (dryRun) {
+    consola.info('');
+    consola.warn('This was a DRY RUN - no files were modified');
+    consola.info('To actually clean the files, run:');
+    consola.info(colors.cyan('  bun run workflow:i18n-clean --no-dry-run'));
+  } else {
+    consola.success('✓ Cleanup completed!');
+    consola.info('');
+    consola.info('Next steps:');
+    consola.info('  1. Review the changes with git diff');
+    consola.info('  2. Run "bun run i18n" to regenerate all locale files');
+    consola.info('  3. Test your application');
+    consola.info('  4. Commit the changes');
+  }
+}
+
+main();

package/dist/templates/common.json

@@ -0,0 +1,3 @@
+{
+  "appName": "Chat应用"
+}

package/dist/templates/common.ts

@@ -1 +1,3 @@
-export default {};
+export default {
+  appName: "Chat应用",
+};