@4399ywkf/cli 0.0.21 → 1.0.2

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

package/dist/templates/sentry.ts

@@ -0,0 +1,187 @@
+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

@@ -0,0 +1,34 @@
+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/settings/actions.ts

@@ -0,0 +1,23 @@
+import type { StateCreator } from "zustand/vanilla";
+
+import type { UserStore } from "../../store";
+import type { AnimationMode, ThemeMode } from "./initialState";
+
+export interface UserSettingsAction {
+  setAnimationMode: (animationMode: AnimationMode) => void;
+  setThemeMode: (themeMode: ThemeMode) => void;
+}
+
+export const createSettingsSlice: StateCreator<
+  UserStore,
+  [["zustand/devtools", never]],
+  [],
+  UserSettingsAction
+> = (set, get) => ({
+  setAnimationMode: (animationMode: AnimationMode) => {
+    set({ animationMode });
+  },
+  setThemeMode: (themeMode: ThemeMode) => {
+    set({ themeMode });
+  },
+});

package/dist/templates/settings/initialState.ts

@@ -0,0 +1,32 @@
+export type AnimationMode = "disabled" | "agile" | "elegant";
+export type ResponseAnimationStyle = "smooth" | "fadeIn" | "none";
+export type ThemeMode = "auto" | "dark" | "light";
+import type {
+  HighlighterProps,
+  MermaidProps,
+  NeutralColors,
+  PrimaryColors,
+} from "@/styles";
+
+export interface UserSettingsState {
+  animationMode?: AnimationMode;
+  neutralColor?: NeutralColors;
+  primaryColor?: PrimaryColors;
+  fontSize: number;
+  transitionMode?: ResponseAnimationStyle;
+  highlighterTheme?: HighlighterProps["theme"];
+  mermaidTheme?: MermaidProps["theme"];
+
+  themeMode?: ThemeMode;
+}
+
+export const initialState: UserSettingsState = {
+  animationMode: "agile",
+  neutralColor: undefined,
+  primaryColor: undefined,
+  fontSize: 14,
+  transitionMode: "fadeIn",
+  highlighterTheme: "lobe-theme",
+  mermaidTheme: "lobe-theme",
+  themeMode: "auto",
+};

package/dist/templates/setupTests.ts

@@ -0,0 +1,39 @@
+import '@testing-library/jest-dom';
+
+// 模拟 window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation((query) => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // deprecated
+    removeListener: jest.fn(), // deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  })),
+});
+
+// 模拟 ResizeObserver
+global.ResizeObserver = jest.fn().mockImplementation(() => ({
+  observe: jest.fn(),
+  unobserve: jest.fn(),
+  disconnect: jest.fn(),
+}));
+
+// 模拟 IntersectionObserver
+global.IntersectionObserver = jest.fn().mockImplementation(() => ({
+  observe: jest.fn(),
+  unobserve: jest.fn(),
+  disconnect: jest.fn(),
+}));
+
+// 模拟 Garfish (微前端框架)
+(global as any).window = global.window || {};
+(global as any).window.__GARFISH__ = true;
+(global as any).window.Garfish = {
+  channel: {
+    emit: jest.fn(),
+  },
+};

package/dist/templates/slate.ts

@@ -0,0 +1,66 @@
+import { ColorScaleItem } from '../types';
+
+const slate: ColorScaleItem = {
+  dark: [
+    '#000000',
+    '#1b1c1d',
+    '#242527',
+    '#2e2f32',
+    '#383a3c',
+    '#434547',
+    '#4e5052',
+    '#595b5e',
+    '#64676a',
+    '#707276',
+    '#7b7e82',
+    '#b8babc',
+    '#ffffff',
+  ],
+  darkA: [
+    'rgba(255, 255, 255, 0.02)',
+    'rgba(225, 233, 242, 0.12)',
+    'rgba(225, 231, 244, 0.16)',
+    'rgba(230, 235, 250, 0.2)',
+    'rgba(233, 242, 250, 0.24)',
+    'rgba(239, 246, 254, 0.28)',
+    'rgba(236, 242, 248, 0.33)',
+    'rgba(241, 246, 254, 0.37)',
+    'rgba(238, 245, 252, 0.42)',
+    'rgba(238, 243, 251, 0.47)',
+    'rgba(241, 247, 255, 0.51)',
+    'rgba(249, 251, 254, 0.74)',
+    '#ffffff',
+  ],
+  light: [
+    '#ffffff',
+    '#f9f9fa',
+    '#ebebec',
+    '#dcddde',
+    '#cecfd0',
+    '#bfc1c3',
+    '#b1b3b5',
+    '#a4a6a8',
+    '#96989b',
+    '#898b8e',
+    '#7b7e82',
+    '#484a4d',
+    '#111',
+  ],
+  lightA: [
+    'rgba(0, 0, 0, 0.015)',
+    'rgba(55, 55, 88, 0.03)',
+    'rgba(5, 5, 17, 0.08)',
+    'rgba(5, 12, 19, 0.14)',
+    'rgba(10, 15, 20, 0.2)',
+    'rgba(9, 17, 24, 0.26)',
+    'rgba(3, 10, 16, 0.31)',
+    'rgba(2, 8, 13, 0.36)',
+    'rgba(5, 10, 17, 0.42)',
+    'rgba(4, 8, 15, 0.47)',
+    'rgba(1, 7, 15, 0.52)',
+    'rgba(1, 4, 8, 0.72)',
+    'rgba(2, 3, 4, 0.9)',
+  ],
+};
+
+export default slate;

package/dist/templates/slices/profile/actions.ts

@@ -0,0 +1,20 @@
+import type { StateCreator } from 'zustand/vanilla';
+
+import type { UserStore } from '../../store';
+import { apiGetV1GatewayProfile } from './api';
+
+export interface UserProfileAction {
+  getUserProfile: () => Promise<void>;
+}
+
+export const createProfileSlice: StateCreator<
+  UserStore,
+  [['zustand/devtools', never]],
+  [],
+  UserProfileAction
+> = (set, get) => ({
+  getUserProfile: async () => {
+    const { data } = await apiGetV1GatewayProfile();
+    set({ user: data });
+  },
+});

package/dist/templates/slices/profile/api.ts

@@ -0,0 +1,5 @@
+import request from '@config/request';
+
+export function apiGetV1GatewayProfile(params?: Record<string, any>) {
+  return request.get('/v1/gateway/profile', params);
+}

package/dist/templates/slices/profile/initialState.ts

@@ -0,0 +1,14 @@
+import type { User } from '@/types/user';
+
+export interface UserProfileState {
+  user?: User;
+}
+
+export const initialState: UserProfileState = {
+  user: {
+    id: 0,
+    name: '',
+    cname: '',
+    staffId: '',
+  },
+};

package/dist/templates/slices/settings/actions.ts

@@ -0,0 +1,23 @@
+import type { StateCreator } from "zustand/vanilla";
+
+import type { UserStore } from "../../store";
+import type { AnimationMode, ThemeMode } from "./initialState";
+
+export interface UserSettingsAction {
+  setAnimationMode: (animationMode: AnimationMode) => void;
+  setThemeMode: (themeMode: ThemeMode) => void;
+}
+
+export const createSettingsSlice: StateCreator<
+  UserStore,
+  [["zustand/devtools", never]],
+  [],
+  UserSettingsAction
+> = (set, get) => ({
+  setAnimationMode: (animationMode: AnimationMode) => {
+    set({ animationMode });
+  },
+  setThemeMode: (themeMode: ThemeMode) => {
+    set({ themeMode });
+  },
+});

package/dist/templates/slices/settings/initialState.ts

@@ -0,0 +1,32 @@
+export type AnimationMode = "disabled" | "agile" | "elegant";
+export type ResponseAnimationStyle = "smooth" | "fadeIn" | "none";
+export type ThemeMode = "auto" | "dark" | "light";
+import type {
+  HighlighterProps,
+  MermaidProps,
+  NeutralColors,
+  PrimaryColors,
+} from "@/styles";
+
+export interface UserSettingsState {
+  animationMode?: AnimationMode;
+  neutralColor?: NeutralColors;
+  primaryColor?: PrimaryColors;
+  fontSize: number;
+  transitionMode?: ResponseAnimationStyle;
+  highlighterTheme?: HighlighterProps["theme"];
+  mermaidTheme?: MermaidProps["theme"];
+
+  themeMode?: ThemeMode;
+}
+
+export const initialState: UserSettingsState = {
+  animationMode: "agile",
+  neutralColor: undefined,
+  primaryColor: undefined,
+  fontSize: 14,
+  transitionMode: "fadeIn",
+  highlighterTheme: "lobe-theme",
+  mermaidTheme: "lobe-theme",
+  themeMode: "auto",
+};

package/dist/templates/src/__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

package/dist/templates/src/__mocks__/styleMock.ts

@@ -0,0 +1 @@
+export default {};