@4399ywkf/cli 0.0.22 → 1.0.2

package/dist/templates/rspack.prod.mjs

@@ -0,0 +1,254 @@
+import { defineConfig } from '@rspack/cli';
+import { merge } from 'webpack-merge';
+import { rspack } from '@rspack/core';
+import baseConfig from './rspack.config.mjs';
+import path from './paths.js';
+import { sentryWebpackPlugin } from '@sentry/webpack-plugin';
+
+export default merge(baseConfig, {
+  mode: 'production',
+  devtool: 'hidden-source-map',
+
+  output: {
+    filename: '[name].[contenthash].bundle.js',
+    chunkFilename: '[name].[contenthash].chunk.js',
+    clean: true,
+  },
+
+  module: {
+    rules: [
+      // Less 处理 - antd
+      {
+        test: /\.less$/,
+        include: [
+          /[\\/]node_modules[\\/].*antd/,
+          /[\\/]node_modules[\\/]@4399ywkf[\\/]design/,
+        ],
+        use: [
+          {
+            loader: rspack.CssExtractRspackPlugin.loader,
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+          {
+            loader: 'less-loader',
+            options: {
+              sourceMap: true,
+              lessOptions: {
+                strictMath: false,
+                math: 'always',
+                javascriptEnabled: true,
+              },
+            },
+          },
+        ],
+      },
+      // Less 处理 - 项目文件
+      {
+        test: /\.less$/,
+        include: [path.resolveApp('src')],
+        exclude: [path.resolveApp('node_modules')],
+        oneOf: [
+          {
+            test: /\.module\.less$/,
+            use: [
+              {
+                loader: rspack.CssExtractRspackPlugin.loader,
+              },
+              {
+                loader: 'css-loader',
+                options: {
+                  sourceMap: true,
+                  modules: {
+                    localIdentName: '[path][name]__[local]--[hash:base64:5]',
+                  },
+                  importLoaders: 2,
+                },
+              },
+              {
+                loader: 'less-loader',
+                options: {
+                  sourceMap: true,
+                  lessOptions: {
+                    javascriptEnabled: true,
+                  },
+                },
+              },
+            ],
+          },
+          {
+            use: [
+              {
+                loader: rspack.CssExtractRspackPlugin.loader,
+              },
+              {
+                loader: 'css-loader',
+                options: {
+                  sourceMap: true,
+                },
+              },
+              {
+                loader: 'less-loader',
+                options: {
+                  sourceMap: true,
+                  lessOptions: {
+                    javascriptEnabled: true,
+                  },
+                },
+              },
+            ],
+          },
+        ],
+      },
+      // Sass 处理
+      {
+        test: /\.s[ac]ss$/i,
+        include: [path.resolveApp('src')],
+        exclude: [path.resolveApp('node_modules')],
+        oneOf: [
+          {
+            test: /\.module\.s[ac]ss$/,
+            use: [
+              {
+                loader: rspack.CssExtractRspackPlugin.loader,
+              },
+              {
+                loader: 'css-loader',
+                options: {
+                  sourceMap: true,
+                  modules: {
+                    localIdentName: '[path][name]__[local]--[hash:base64:5]',
+                  },
+                  importLoaders: 2,
+                },
+              },
+              {
+                loader: 'sass-loader',
+                options: {
+                  sourceMap: true,
+                  sassOptions: {
+                    outputStyle: 'compressed',
+                  },
+                },
+              },
+            ],
+          },
+          {
+            use: [
+              {
+                loader: rspack.CssExtractRspackPlugin.loader,
+              },
+              {
+                loader: 'css-loader',
+                options: {
+                  sourceMap: true,
+                },
+              },
+              {
+                loader: 'sass-loader',
+                options: {
+                  sourceMap: true,
+                  sassOptions: {
+                    outputStyle: 'compressed',
+                  },
+                },
+              },
+            ],
+          },
+        ],
+      },
+      // CSS 处理 - TailwindCSS
+      {
+        test: /\.css$/,
+        include: [path.resolveApp('src/index.css')],
+        use: [
+          {
+            loader: rspack.CssExtractRspackPlugin.loader,
+          },
+          'css-loader',
+          'postcss-loader',
+        ],
+      },
+      // CSS 处理 - src 目录中的其他 CSS
+      {
+        test: /\.css$/,
+        include: [path.resolveApp('src')],
+        exclude: [path.resolveApp('src/index.css')],
+        use: [
+          {
+            loader: rspack.CssExtractRspackPlugin.loader,
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+        ],
+      },
+      // CSS 处理 - node_modules
+      {
+        test: /\.css$/,
+        include: [path.resolveApp('node_modules')],
+        use: [
+          {
+            loader: 'style-loader',
+          },
+          {
+            loader: 'css-loader',
+            options: {
+              sourceMap: true,
+            },
+          },
+        ],
+      },
+    ],
+  },
+
+  plugins: [
+    new rspack.CssExtractRspackPlugin({
+      filename: '[name].[contenthash:8].css',
+      chunkFilename: '[name].[contenthash:8].chunk.css',
+    }),
+
+    // Sentry 插件 (仅生产环境)
+    process.env.SENTRY_ENABLED === 'true' &&
+      process.env.SENTRY_AUTH_TOKEN &&
+      sentryWebpackPlugin({
+        org: process.env.SENTRY_ORG,
+        project: process.env.SENTRY_PROJECT,
+        authToken: process.env.SENTRY_AUTH_TOKEN,
+        url: process.env.SENTRY_URL,
+        errorHandler: () => false,
+      }),
+  ].filter(Boolean),
+
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new rspack.SwcJsMinimizerRspackPlugin({
+        exclude: [path.resolveApp('node_modules')],
+        minimizerOptions: {
+          compress: {
+            pure_funcs: ['console.info', 'console.debug', 'console.warn'],
+            drop_console: false,
+            drop_debugger: false,
+          },
+          mangle: {
+            reserved: [
+              'Sentry',
+              'initSentry',
+              'captureException',
+              'captureMessage',
+            ],
+          },
+        },
+      }),
+      new rspack.LightningCssMinimizerRspackPlugin(),
+    ],
+  },
+});

package/dist/templates/sage.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const sage: ColorScaleItem = {
+  dark: [
+    '#000000',
+    '#1a1b1c',
+    '#232526',
+    '#2d2f30',
+    '#383a3a',
+    '#424545',
+    '#4d5050',
+    '#585c5c',
+    '#636766',
+    '#6e7371',
+    '#797f7c',
+    '#b5bab6',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(255, 255, 255, 0.02)',
+    'rgba(236, 246, 255, 0.11)',
+    'rgba(233, 246, 253, 0.15)',
+    'rgba(237, 248, 253, 0.19)',
+    'rgba(243, 252, 252, 0.23)',
+    'rgba(236, 246, 246, 0.28)',
+    'rgba(241, 250, 250, 0.32)',
+    'rgba(238, 249, 249, 0.37)',
+    'rgba(241, 251, 248, 0.41)',
+    'rgba(239, 250, 246, 0.46)',
+    'rgba(242, 254, 248, 0.5)',
+    'rgba(248, 255, 250, 0.73)',
+    'rgba(255, 255, 255, 1)',
+  ],
+  light: [
+    '#ffffff',
+    '#f5faf4',
+    '#e7ece6',
+    '#d7ddd7',
+    '#c9cfc9',
+    '#bbc1bc',
+    '#aeb4b0',
+    '#a0a6a2',
+    '#939996',
+    '#868c89',
+    '#797f7c',
+    '#484b4b',
+    '#111111',
+  ],
+  lightA: [
+    'rgba(0, 0, 0, 0.015)',
+    'rgba(55, 155, 35, 0.05)',
+    'rgba(15, 65, 5, 0.1)',
+    'rgba(5, 43, 5, 0.16)',
+    'rgba(10, 37, 10, 0.22)',
+    'rgba(3, 25, 6, 0.27)',
+    'rgba(2, 21, 9, 0.32)',
+    'rgba(5, 21, 10, 0.38)',
+    'rgba(4, 18, 11, 0.43)',
+    'rgba(3, 15, 9, 0.48)',
+    'rgba(2, 13, 7, 0.53)',
+    'rgba(1, 5, 5, 0.72)',
+    'rgba(1, 2, 3, 0.9)',
+  ],
+};
+
+export default sage;

package/dist/templates/sand.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const sand: ColorScaleItem = {
+  dark: [
+    '#000000',
+    '#1c1c18',
+    '#262521',
+    '#30302b',
+    '#3a3a35',
+    '#45453f',
+    '#505049',
+    '#5c5b54',
+    '#67675f',
+    '#73726a',
+    '#7f7e76',
+    '#bcbab2',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(255, 255, 255, 0.02)',
+    'rgba(255, 255, 218, 0.11)',
+    'rgba(253, 247, 220, 0.15)',
+    'rgba(253, 253, 226, 0.19)',
+    'rgba(252, 252, 230, 0.23)',
+    'rgba(246, 246, 225, 0.28)',
+    'rgba(250, 250, 228, 0.32)',
+    'rgba(249, 246, 227, 0.37)',
+    'rgba(251, 251, 232, 0.41)',
+    'rgba(250, 248, 230, 0.46)',
+    'rgba(254, 252, 236, 0.5)',
+    'rgba(254, 251, 241, 0.74)',
+    'rgba(255, 252, 245, 0.99)',
+  ],
+  light: [
+    '#ffffff',
+    '#fcf9f3',
+    '#edebe4',
+    '#dfddd5',
+    '#d1cfc7',
+    '#c3c1b9',
+    '#b5b3ab',
+    '#a7a69d',
+    '#999890',
+    '#8c8b83',
+    '#7f7e76',
+    '#4b4a44',
+    '#111',
+  ],
+  lightA: [
+    'rgba(0, 0, 0, 0.015)',
+    'rgba(195, 135, 15, 0.05)',
+    'rgba(91, 73, 10, 0.11)',
+    'rgba(67, 55, 8, 0.17)',
+    'rgba(46, 37, 0, 0.22)',
+    'rgba(41, 34, 5, 0.28)',
+    'rgba(31, 25, 0, 0.33)',
+    'rgba(29, 27, 4, 0.39)',
+    'rgba(23, 21, 3, 0.44)',
+    'rgba(20, 18, 2, 0.49)',
+    'rgba(18, 16, 1, 0.54)',
+    'rgba(12, 10, 2, 0.74)',
+    'rgba(6, 6, 1, 0.91)',
+  ],
+};
+
+export default sand;

package/dist/templates/scripts/convert-locales-to-json.js

@@ -0,0 +1,47 @@
+const fs = require("fs");
+const path = require("path");
+
+const sourceDir = path.join(__dirname, "../src/locales/default");
+
+// 动态读取源目录下所有 .ts 文件（排除 index.ts）
+const files = fs
+  .readdirSync(sourceDir)
+  .filter((file) => {
+    return (
+      file.endsWith(".ts") && // 只处理 .ts 文件
+      file !== "index.ts" // 排除 index.ts
+    );
+  })
+  .map((file) => path.basename(file, ".ts")); // 去掉 .ts 扩展名
+
+// 使用 ts-node 加载 TypeScript 文件
+require("ts-node/register");
+
+const targetDir = path.join(__dirname, "../locales/zh-CN");
+
+// 确保目标目录存在
+if (!fs.existsSync(targetDir)) {
+  fs.mkdirSync(targetDir, { recursive: true });
+}
+
+console.log("开始转换 TypeScript 文件到 JSON...\n");
+
+files.forEach((fileName) => {
+  try {
+    // 动态导入 TypeScript 模块
+    const modulePath = path.join(sourceDir, `${fileName}.ts`);
+    delete require.cache[require.resolve(modulePath)]; // 清除缓存
+    const moduleContent = require(modulePath).default;
+
+    // 转换为 JSON 并保存
+    const jsonContent = JSON.stringify(moduleContent, null, 2);
+    const targetPath = path.join(targetDir, `${fileName}.json`);
+
+    fs.writeFileSync(targetPath, jsonContent, "utf8");
+    console.log(`✅ ${fileName}.ts → ${fileName}.json`);
+  } catch (error) {
+    console.error(`❌ 转换 ${fileName}.ts 失败:`, error.message);
+  }
+});
+
+console.log("\n✨ 转换完成！");

package/dist/templates/segmentation.json

@@ -0,0 +1,4 @@
+{
+  "title": "Segmentation",
+  "desc": "Auto segment your model and make each part editable"
+}

package/dist/templates/sentry/sentry.config.ts

@@ -0,0 +1,188 @@
+import * as Sentry from '@sentry/react';
+
+// Sentry 配置接口
+export interface SentryConfig {
+  dsn: string;
+  environment: string;
+  release?: string;
+  sampleRate: number;
+  tracesSampleRate: number;
+  enabled: boolean;
+  sessionSampleRate: number;
+  beforeSend?: (event: Sentry.ErrorEvent, hint: Sentry.EventHint) => Sentry.ErrorEvent | null;
+}
+
+// 开发环境配置
+const developmentConfig: Partial<SentryConfig> = {
+  enabled: true, // 开发环境可以选择关闭
+  sampleRate: 1.0,
+  tracesSampleRate: 1.0,
+  sessionSampleRate: 1.0, // 开发环境记录所有会话
+  beforeSend: (event, hint) => {
+    console.group('🐛 Sentry Event (Development)');
+    console.log('Event:', event);
+    console.log('Hint:', hint);
+    console.log('Event:', event);
+    console.groupEnd();
+
+    return event;
+  },
+};
+
+// 生产环境配置
+const productionConfig: Partial<SentryConfig> = {
+  enabled: true,
+  sampleRate: 1.0, // 临时设置为100%以排查问题，后续可调整
+  tracesSampleRate: 0.1, // 提高到10%性能采样
+  sessionSampleRate: 1.0, // 记录所有会话以获得准确的健康度数据
+  beforeSend: (event, hint) => {
+    // 生产环境也打印日志以便调试
+    console.log('🐛 Sentry Event (Production):', event);
+
+    // 过滤敏感信息
+    if (event.exception) {
+      const error = event.exception.values?.[0];
+      if (error?.value?.includes('密码') || error?.value?.includes('token')) {
+        return null; // 不发送包含敏感信息的错误
+      }
+    }
+    return event;
+  },
+};
+
+// 获取环境配置
+const getEnvironmentConfig = (): Partial<SentryConfig> => {
+  const env = process.env.NODE_ENV || 'development';
+  console.log(env, 'env');
+  switch (env) {
+    case 'development':
+      return developmentConfig;
+    case 'production':
+      return productionConfig;
+    default:
+      return developmentConfig;
+  }
+};
+
+// 基础配置
+const baseConfig: SentryConfig = {
+  dsn: process.env.REACT_APP_SENTRY_DSN || '',
+  environment: process.env.SENTRY_ENV || 'development',
+  enabled: true,
+  sampleRate: 1.0,
+  tracesSampleRate: 1.0,
+  sessionSampleRate: 1.0, // 默认记录所有会话
+};
+
+// 合并配置
+export const sentryConfig: SentryConfig = {
+  ...baseConfig,
+  ...getEnvironmentConfig(),
+};
+
+// 安全的会话重放集成初始化
+const getSafeReplayIntegration = () => {
+  try {
+    return Sentry.replayIntegration({
+      maskAllText: false,
+      maskAllInputs: false,
+      blockAllMedia: true,
+      networkDetailAllowUrls: [window.location.origin],
+    }) as any; // 添加类型断言
+  } catch (error) {
+    console.warn('会话重放初始化失败:', error);
+    return null;
+  }
+};
+
+// 初始化 Sentry
+export const initSentry = () => {
+  // 修复 fetch 上下文问题
+  if (typeof window !== 'undefined' && window.fetch) {
+    window.fetch = window.fetch.bind(window);
+  }
+
+  if (!sentryConfig.enabled || !sentryConfig.dsn) {
+    console.warn('❌ Sentry not enabled or DSN not provided');
+    return;
+  }
+
+  const integrations = [Sentry.browserTracingIntegration()];
+
+  // 安全地添加会话重放集成
+  const replayIntegration = getSafeReplayIntegration();
+  if (replayIntegration && !window.__GARFISH__) {
+    // 目前微服务无法使用会话重放
+    integrations.push(replayIntegration);
+  }
+
+  Sentry.init({
+    dsn: sentryConfig.dsn,
+    environment: sentryConfig.environment,
+    sampleRate: sentryConfig.sampleRate,
+    tracesSampleRate: sentryConfig.tracesSampleRate,
+    beforeSend: sentryConfig.beforeSend,
+
+    // 使用自定义传输层，确保fetch上下文正确
+    transport: Sentry.makeBrowserOfflineTransport((options) => Sentry.makeFetchTransport(options, window.fetch.bind(window))),
+
+    // 设置追踪的 URL 匹配规则
+    tracePropagationTargets: ['localhost', /^https:\/\/yourapi\.domain\.com\/api/],
+
+    // 使用安全的集成配置
+    integrations,
+
+    // 错误过滤
+    ignoreErrors: [
+      // 忽略常见的无害错误
+      'Non-Error promise rejection captured',
+      'ResizeObserver loop limit exceeded',
+      'Script error.',
+      'Network Error',
+      'Loading chunk',
+      'Loading CSS chunk',
+    ],
+
+    // URL 过滤
+    denyUrls: [
+      // 忽略浏览器扩展
+      /extensions\//i,
+      /^chrome:\/\//i,
+      /^moz-extension:\/\//i,
+    ],
+
+    // 只在会话重放可用时设置这些选项
+    ...(replayIntegration && {
+      replaysSessionSampleRate: 0.1,
+      replaysOnErrorSampleRate: 1.0,
+    }),
+  });
+
+  // 设置应用上下文
+  Sentry.setContext('app', {
+    name: process.env.APP_NAME || 'React App',
+  });
+
+  // ✨ 手动开始会话（确保会话被正确追踪）
+  Sentry.startSession();
+
+  console.log('✅ Sentry initialized successfully with session tracking');
+};
+
+// ✨ 新增：会话管理工具
+export const sentrySession = {
+  // 开始新会话
+  startSession: () => {
+    Sentry.startSession();
+  },
+
+  // 结束当前会话
+  endSession: () => {
+    Sentry.endSession();
+  },
+
+  // 标记会话为崩溃
+  captureSession: (crashed: boolean = false) => {
+    Sentry.captureSession(crashed);
+  },
+};