@4399ywkf/cli 1.0.7 → 1.0.9

package/dist/templates/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/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/src/hooks/useRouteTitle.tsx

@@ -1,36 +0,0 @@
-import { useEffect } from 'react';
-import { useLocation, matchRoutes } from 'react-router';
-import { useAppData } from '@config/router/appContext';
-
-const APP_NAME = process.env.APP_NAME!;
-
-export const useRouteTitle = () => {
-  const location = useLocation();
-  const { routes } = useAppData();
-
-  useEffect(() => {
-    // 将路由配置转换为适合 matchRoutes 的格式
-    const routesList = Object.keys(routes).map((key) => {
-      const route = routes[key];
-      return {
-        path: route.absPath,
-        meta: route.props,
-        id: key,
-      };
-    });
-    // 匹配当前路径的路由
-    const matchedRoutes = matchRoutes(routesList, location);
-
-    if (matchedRoutes && matchedRoutes.length > 0) {
-      // 找到最后一个匹配的路由（叶子路由）
-      const leafRoute = matchedRoutes[matchedRoutes.length - 1];
-      const title = leafRoute.route.meta?.title;
-
-      if (title) {
-        document.title = title;
-      } else {
-        document.title = APP_NAME;
-      }
-    }
-  }, [location.pathname, routes]);
-};

package/dist/templates/src/hooks/useSentry.ts

@@ -1,92 +0,0 @@
-import { useEffect } from 'react';
-import { useLocation } from 'react-router';
-import { sentryPerformance, sentryContext, sentryError, sentrySession } from '@/utils/sentry';
-
-// 页面性能监控 Hook
-export const useSentryPageTracking = (pageName: string) => {
-  const location = useLocation();
-
-  useEffect(() => {
-    // ✨ 记录页面访问（保持会话活跃）
-    sentrySession.recordPageView(pageName, `${location.pathname}${location.search}`);
-
-    const cleanup = sentryPerformance.withSpan(`Page: ${pageName}`, 'navigation', () => {
-      sentryContext.setContext('page', {
-        name: pageName,
-        path: location.pathname,
-        search: location.search,
-      });
-
-      sentryPerformance.addBreadcrumb(`Navigation to ${pageName}`, 'navigation', 'info');
-
-      return () => {
-        // 清理函数
-      };
-    });
-
-    return cleanup;
-  }, [pageName, location]);
-};
-
-// 组件性能监控 Hook
-export const useSentryComponentTracking = (componentName: string) => {
-  useEffect(() => {
-    return sentryPerformance.withSpan(`Component: ${componentName}`, 'ui.react.mount', () => {
-      sentryPerformance.addBreadcrumb(`Component ${componentName} mounted`, 'ui', 'info');
-
-      return () => {
-        sentryPerformance.addBreadcrumb(`Component ${componentName} unmounted`, 'ui', 'info');
-      };
-    });
-  }, [componentName]);
-};
-
-// 错误处理 Hook
-export const useSentryErrorHandler = () => {
-  return {
-    captureError: (error: Error, context?: Record<string, any>) => {
-      sentryError.captureException(error, context);
-    },
-    captureMessage: (message: string, level?: 'info' | 'warning' | 'error') => {
-      sentryError.captureMessage(message, level);
-    },
-  };
-};
-
-// 点击事件追踪 Hook
-export const useSentryClickTracking = () => {
-  return {
-    trackClick: (
-      buttonName: string,
-      context?: {
-        buttonId?: string;
-        location?: string;
-        extraData?: Record<string, any>;
-      },
-    ) => {
-      const clickData = {
-        buttonName,
-        buttonId: context?.buttonId,
-        location: context?.location || window.location.pathname,
-        clickTime: new Date().toISOString(),
-        timestamp: Date.now(),
-        ...context?.extraData,
-      };
-
-      // ✨ 主动发送点击事件到 Sentry（这会立即发送）
-      sentryError.captureMessage(`Button Click: ${buttonName}`, 'info');
-
-      // 设置点击上下文（会包含在上面的消息中）
-      sentryContext.setContext('clickData', clickData);
-
-      // 记录用户操作（用于埋点统计）
-      sentrySession.recordUserAction(`Button Click: ${buttonName}`, clickData);
-
-      // 添加面包屑用于调试
-      sentryPerformance.addBreadcrumb(`Button clicked: ${buttonName}`, 'user.click', 'info');
-
-      // 设置点击上下文
-      sentryContext.setContext('lastClick', clickData);
-    },
-  };
-};

package/dist/templates/src/pages/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/src/pages/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/src/utils/env.ts

@@ -1,3 +0,0 @@
-export const isDev = process.env.NODE_ENV === 'development';
-
-export const isOnServerSide = typeof window === 'undefined';

package/dist/templates/src/utils/format.ts

@@ -1,21 +0,0 @@
-/**
- * 字节转换函数
- * @param kb
- * @returns
- */
-interface FormatSizeUnitsProps {
-  kb: number;
-  units?: string[];
-}
-export function formatSizeUnits(props: FormatSizeUnitsProps) {
-  const { kb, units = ['KB', 'MB', 'GB', 'TB', 'PB'] } = props;
-  let newKb = kb;
-  let unitIndex = 0;
-
-  while (kb >= 1024 && unitIndex < units.length - 1) {
-    newKb = newKb / 1024;
-    unitIndex++;
-  }
-
-  return `${kb.toFixed(2)} ${units[unitIndex]}`;
-}

package/dist/templates/src/utils/getMicroApp.ts

@@ -1,39 +0,0 @@
-// 创建一个空数组来存储匹配的对象
-let matchedObjects: any[] = [];
-
-// 定义一个递归函数来遍历子路由对象
-function traverseRoutes(routes) {
-  for (const route of routes) {
-    // 检查当前子路由对象是否具有"microApp"属性
-    if (Object.prototype.hasOwnProperty.call(route, 'microApp')) {
-      // 如果有，将该子路由对象添加到结果数组中
-      matchedObjects.push(route);
-    }
-
-    // 检查当前子路由对象是否还有更深层级的子路由
-    if (Object.prototype.hasOwnProperty.call(route, 'routes')) {
-      // 递归调用自身来遍历更深层级的子路由对象
-      traverseRoutes(route.routes);
-    }
-  }
-}
-
-export const getMicroApp = (a: any[]) => {
-  matchedObjects = [];
-  // 遍历变量a中的每个对象
-  for (const obj of a) {
-    // 检查当前对象是否具有"microApp"属性
-    if (Object.prototype.hasOwnProperty.call(obj, 'microApp')) {
-      // 如果有，将该对象添加到结果数组中
-      matchedObjects.push(obj);
-    }
-
-    // 检查当前对象是否具有"routes"属性
-    if (Object.prototype.hasOwnProperty.call(obj, 'routes')) {
-      // 调用递归函数来遍历子路由对象
-      traverseRoutes(obj.routes);
-    }
-  }
-
-  return matchedObjects;
-};

package/dist/templates/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/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;
-  };
-}