@4399ywkf/cli 1.0.7 → 1.0.9

package/dist/templates/app/src/utils/sentry.ts

@@ -1,187 +0,0 @@
-import * as Sentry from '@sentry/react';
-
-// 性能监控
-export const sentryPerformance = {
-  // 开始性能追踪
-  startSpan: (name: string, op?: string) => {
-    return Sentry.startSpan(
-      {
-        name,
-        op: op || 'custom',
-      },
-      (span) => {
-        return span;
-      },
-    );
-  },
-
-  // 测量函数执行时间
-  measureFunction: <T extends any[], R>(fn: (...args: T) => R, name: string, op?: string): ((...args: T) => R) => {
-    return (...args: T): R => {
-      return Sentry.startSpan(
-        {
-          name,
-          op: op || 'function',
-        },
-        () => fn(...args),
-      );
-    };
-  },
-
-  // 测量异步函数
-  measureAsyncFunction: <T extends any[], R>(fn: (...args: T) => Promise<R>, name: string, op?: string): ((...args: T) => Promise<R>) => {
-    return async (...args: T): Promise<R> => {
-      return Sentry.startSpan(
-        {
-          name,
-          op: op || 'async_function',
-        },
-        async () => await fn(...args),
-      );
-    };
-  },
-
-  // 添加面包屑
-  addBreadcrumb: (message: string, category?: string, level?: Sentry.SeverityLevel) => {
-    Sentry.addBreadcrumb({
-      message,
-      category: category || 'custom',
-      level: level || 'info',
-      timestamp: Date.now() / 1000,
-    });
-  },
-
-  // 手动创建 span
-  withSpan: <T>(name: string, op: string, callback: () => T): T => {
-    return Sentry.startSpan({ name, op }, callback);
-  },
-};
-
-// 错误报告
-export const sentryError = {
-  // 捕获异常
-  captureException: (error: Error, context?: Record<string, any>) => {
-    Sentry.withScope((scope) => {
-      if (context) {
-        Object.entries(context).forEach(([key, value]) => {
-          scope.setExtra(key, value);
-        });
-      }
-      Sentry.captureException(error);
-    });
-  },
-
-  // 捕获消息
-  captureMessage: (message: string, level?: Sentry.SeverityLevel) => {
-    Sentry.captureMessage(message, level || 'info');
-  },
-
-  // 手动报告错误
-  reportError: (error: Error, tags?: Record<string, string>) => {
-    Sentry.withScope((scope) => {
-      if (tags) {
-        Object.entries(tags).forEach(([key, value]) => {
-          scope.setTag(key, value);
-        });
-      }
-      scope.setLevel('error');
-      Sentry.captureException(error);
-    });
-  },
-};
-
-// 用户上下文
-export const sentryUser = {
-  // 设置用户信息
-  setUser: (user: { id: string; email?: string; username?: string }) => {
-    Sentry.setUser(user);
-  },
-
-  // 清除用户信息
-  clearUser: () => {
-    Sentry.setUser(null);
-  },
-
-  // 设置用户反馈
-  showReportDialog: (options?: Sentry.ReportDialogOptions) => {
-    Sentry.showReportDialog(options);
-  },
-};
-
-// 自定义标签和上下文
-export const sentryContext = {
-  // 设置标签
-  setTag: (key: string, value: string) => {
-    Sentry.setTag(key, value);
-  },
-
-  // 设置上下文
-  setContext: (key: string, context: Record<string, any>) => {
-    Sentry.setContext(key, context);
-  },
-
-  // 设置额外信息
-  setExtra: (key: string, extra: any) => {
-    Sentry.setExtra(key, extra);
-  },
-};
-
-// ✨ 新增：会话管理
-export const sentrySession = {
-  // 开始用户会话
-  startUserSession: (userId: string, userInfo?: { email?: string; username?: string }) => {
-    // 设置用户信息
-    Sentry.setUser({
-      id: userId,
-      ...userInfo,
-    });
-
-    // 开始会话
-    Sentry.startSession();
-
-    // 添加会话开始的面包屑
-    Sentry.addBreadcrumb({
-      message: `User session started for ${userId}`,
-      category: 'session',
-      level: 'info',
-    });
-  },
-
-  // 结束用户会话
-  endUserSession: () => {
-    Sentry.addBreadcrumb({
-      message: 'User session ended',
-      category: 'session',
-      level: 'info',
-    });
-
-    Sentry.endSession();
-    Sentry.setUser(null);
-  },
-
-  // 记录页面访问（会话活动）
-  recordPageView: (pageName: string, url: string) => {
-    Sentry.addBreadcrumb({
-      message: `Page view: ${pageName}`,
-      category: 'navigation',
-      level: 'info',
-      data: {
-        url,
-        timestamp: new Date().toISOString(),
-      },
-    });
-  },
-
-  // 记录用户操作（保持会话活跃）
-  recordUserAction: (action: string, details?: Record<string, any>) => {
-    Sentry.addBreadcrumb({
-      message: `User action: ${action}`,
-      category: 'user',
-      level: 'info',
-      data: {
-        ...details,
-        timestamp: new Date().toISOString(),
-      },
-    });
-  },
-};

package/dist/templates/app/src/utils/sentryDecorators.ts

@@ -1,34 +0,0 @@
-import { sentryPerformance } from './sentry';
-
-// 函数性能监控装饰器
-export function withSentryPerformance(name: string, op = 'function') {
-  return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {
-    const originalMethod = descriptor.value;
-
-    descriptor.value = sentryPerformance.measureFunction(
-      originalMethod,
-      name,
-      op,
-    );
-
-    return descriptor;
-  };
-}
-
-// 异步函数性能监控装饰器
-export function withSentryAsyncPerformance(
-  name: string,
-  op = 'async_function',
-) {
-  return (target: any, propertyKey: string, descriptor: PropertyDescriptor) => {
-    const originalMethod = descriptor.value;
-
-    descriptor.value = sentryPerformance.measureAsyncFunction(
-      originalMethod,
-      name,
-      op,
-    );
-
-    return descriptor;
-  };
-}

package/dist/templates/app/src/utils/updateVersion.ts

@@ -1,186 +0,0 @@
-import { message, notification } from 'antd';
-import React from 'react';
-
-const APP_NAME = process.env.APP_NAME;
-interface IVersionRecord {
-  action: '' | 'refreshedByClick';
-  stack: string[];
-}
-// 对应的数组的key
-const RECORD_KEY = `${APP_NAME}_version_record`;
-
-// 当前版本号
-let CUR_VERSION = '';
-// 页面是否有通知
-let CUR_STATE = false;
-// 是否通过点击通知触发刷新
-let REFRESHED_BY_CLICK = false;
-
-window.addEventListener('beforeunload', () => {
-  if (!REFRESHED_BY_CLICK) {
-    const recordStr = localStorage.getItem(RECORD_KEY);
-    if (recordStr === null) return;
-    const record: IVersionRecord = JSON.parse(recordStr);
-    if (record.action !== '') {
-      record.action = '';
-      localStorage.setItem(RECORD_KEY, JSON.stringify(record));
-    }
-  }
-});
-
-const Interval = {
-  clearInterval: function () {
-    cancelAnimationFrame(this.timer);
-  },
-  setInterval: function (callback: any, interval: any) {
-    let startTime = new Date().valueOf();
-    let endTime = new Date().valueOf();
-    const self: any = this; // eslint-disable-line
-    const loop = () => {
-      self.timer = requestAnimationFrame(loop);
-      endTime = new Date().valueOf();
-      if (endTime - startTime >= interval) {
-        endTime = startTime = new Date().valueOf();
-        callback?.(); // eslint-disable-line
-      }
-    };
-    this.timer = requestAnimationFrame(loop);
-    return this.timer;
-  },
-  timer: 0,
-};
-
-/**
- * 读取到更新的json文件版本内容
- */
-const fetchUpdateVersionFile = () => {
-  return new Promise((resolve, reject) => {
-    fetch('/update_version.json')
-      .then(res => {
-        return res.body;
-      })
-      .then(body => {
-        const reader = body?.getReader();
-        if (reader) {
-          reader
-            .read()
-            .then(val => {
-              let str = '';
-              if (val.value) {
-                for (let i = 0; i < val.value.length; i++) {
-                  str += String.fromCharCode(val.value[i]);
-                }
-              }
-              return JSON.parse(str);
-            })
-            .then(json => {
-              resolve(json);
-            })
-            .catch(err => {
-              reject(err);
-            });
-        }
-      })
-      .catch(err => {
-        reject(err);
-      });
-  });
-};
-
-const ENV = process.env.NODE_ENV;
-
-const notifyUserUpdate = () => {
-  const handleClick = () => {
-    REFRESHED_BY_CLICK = true;
-    const recordStr = localStorage.getItem(RECORD_KEY);
-    if (recordStr === null) return;
-    const record: IVersionRecord = JSON.parse(recordStr);
-    record.action = 'refreshedByClick';
-    localStorage.setItem(RECORD_KEY, JSON.stringify(record));
-    window.location.reload();
-  };
-  const handleClose = () => {
-    Interval.clearInterval();
-    message.open({
-      content: '页面将不会提示更新',
-      type: 'warning',
-    });
-  };
-  const openNotification = () => {
-    const element = React.createElement(
-      'div', // 类型
-      {
-        onClick: handleClick,
-        style: { color: '#1677ff', cursor: 'pointer' },
-      }, // 属性
-      '页面已更新，请点击此处刷新页面!', // 子元素
-    );
-    notification.warning({
-      description: element,
-      duration: null,
-      message: '温馨提示',
-      onClose: handleClose,
-      placement: 'bottomRight',
-    });
-  };
-  openNotification();
-  CUR_STATE = true;
-};
-
-const handleMain = (version: string, handleCb: any, fetchDelay: number) => {
-  // 记录当前版本号
-  CUR_VERSION = version;
-  // 从本地获取历史记录
-  const oldVersionRecordStr = localStorage.getItem(RECORD_KEY);
-  // 继承历史记录中的action、stack
-  let oldAction: IVersionRecord['action'] = '';
-  const oldStack: IVersionRecord['stack'] = [version];
-  if (oldVersionRecordStr !== null) {
-    const record: IVersionRecord = JSON.parse(oldVersionRecordStr);
-    oldAction = record.action;
-  }
-  // 创建变量记录版本、操作
-  const curVersionRecord: IVersionRecord = {
-    action: oldAction,
-    stack: oldStack,
-  };
-
-  localStorage.setItem(RECORD_KEY, JSON.stringify(curVersionRecord));
-
-  Interval.setInterval(() => {
-    fetchUpdateVersionFile().then((res: any) => {
-      // 读取版本记录
-      const versionRecordStr = localStorage.getItem(RECORD_KEY);
-      if (typeof versionRecordStr === 'string') {
-        const versionRecord: IVersionRecord = JSON.parse(versionRecordStr);
-        // 读取对应栈
-        const lastVersion = versionRecord.stack[0];
-        localStorage.setItem(RECORD_KEY, JSON.stringify(versionRecord));
-        // 在服务器的版本与当前版本不一致
-        if (res.version !== CUR_VERSION) {
-          if (CUR_STATE === false) {
-            // 发起通知
-            handleCb();
-          } else if (
-            versionRecord.action === 'refreshedByClick' &&
-            lastVersion !== CUR_VERSION
-          ) {
-            // 上一个标签页更新过，且当前标签页未更新
-            REFRESHED_BY_CLICK = true;
-            window.location.reload();
-          }
-        }
-      }
-    });
-  }, fetchDelay);
-};
-
-export const openUpdateVersionNotify = (fetchDelay: number) => {
-  // 开发环境没有必要开启版本检测功能
-  if (ENV === 'development') {
-    return;
-  }
-  fetchUpdateVersionFile().then((res: any) => {
-    handleMain(res.version, notifyUserUpdate, fetchDelay);
-  });
-};

package/dist/templates/base/layout.tsx

@@ -1,6 +0,0 @@
-import React from 'react';
-import { Outlet } from 'react-router';
-
-export default function BaseLayout() {
-  return <Outlet />;
-}

package/dist/templates/base/page.tsx

@@ -1,25 +0,0 @@
-import { useThemeStore } from '@store/theme';
-import { Button } from 'antd';
-import React from 'react';
-
-export default function BasePage() {
-  const theme = useThemeStore(state => state.theme);
-  const setTheme = useThemeStore(state => state.setTheme);
-
-  return (
-    <>
-      <Button type="primary">antd按钮</Button>
-      <button
-        type="button"
-        className={
-          ' dark:text-red-600 dark:bg-[var(--tailwindssantd-color-primary)] bg-[var(--tailwindssantd-color-primary)]'
-        }
-      >
-        tailwind按钮
-      </button>
-      <button type="button" onClick={() => setTheme('dark')}>
-        切换主题({theme})
-      </button>
-    </>
-  );
-}

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

@@ -1,29 +0,0 @@
-<!DOCTYPE html>
-<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"
-    />
-    <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/config/sentry/sentry.config.ts

@@ -1,188 +0,0 @@
-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);
-  },
-};