@4399ywkf/cli 1.0.7 → 1.0.9

package/dist/templates/type.ts

@@ -1,28 +1,27 @@
-import type {
-  ThemeProviderProps as AntdThemeProviderProps,
-  CustomStylishParams,
-  CustomTokenParams,
-} from 'antd-style';
-import type { CSSProperties } from 'react';
+export type StorageSelector = string | Record<string, string>;
 
-import type { NeutralColors, PrimaryColors } from '@/styles';
+export interface LocalStorageOptions {
+  dbName?: string;
+  /**
+   * @default 'localStorage'
+   */
+  mode?: 'indexedDB' | 'localStorage';
+  selectors: StorageSelector[];
+}
 
-export interface ThemeProviderProps extends AntdThemeProviderProps<any> {
-  className?: string;
-  customFonts?: string[];
-  customStylish?: (theme: CustomStylishParams) => { [key: string]: any };
-  customTheme?: {
-    neutralColor?: NeutralColors;
-    primaryColor?: PrimaryColors;
+export type HyperStorageOptionsObj = {
+  localStorage?: LocalStorageOptions | false;
+  url?: {
+    /**
+     * @default 'hash'
+     */
+    mode?: 'hash' | 'search';
+    selectors: StorageSelector[];
   };
-  customToken?: (theme: CustomTokenParams) => { [key: string]: any };
-  enableCustomFonts?: boolean;
-  enableGlobalStyle?: boolean;
-  style?: CSSProperties;
-}
+};
 
-export interface MetaProps {
-  description?: string;
-  title?: string;
-  withManifest?: boolean;
-}
+export type HyperStorageOptionsFn = () => HyperStorageOptionsObj;
+
+export type HyperStorageOptions =
+  | HyperStorageOptionsObj
+  | HyperStorageOptionsFn;

package/dist/templates/types/global.d.ts

@@ -0,0 +1,19 @@
+import type { Env } from "@/config/env";
+
+declare global {
+  interface Window {
+    __GARFISH__?: boolean;
+    Garfish?: {
+      channel: {
+        emit: (event: string, data: any) => void;
+        on: (event: string, handler: (data: any) => void) => void;
+      };
+    };
+  }
+
+  namespace NodeJS {
+    interface ProcessEnv extends Env {}
+  }
+}
+
+export {};

package/dist/templates/utils/index.ts

@@ -1 +1,3 @@
-export * from "./getMicroApp";
+export * from "./convert";
+export * from "./locale";
+export * from "./copyToClipboard";

package/dist/templates/utils.ts

@@ -0,0 +1,23 @@
+const SAFE_KEY = /^[^.[\]]+$/;
+
+export const toLodashPath = (segments: Array<number | string>) => {
+  let path = '';
+
+  for (const segment of segments) {
+    if (typeof segment === 'number') {
+      path += `[${segment}]`;
+      continue;
+    }
+
+    const key = segment;
+    const safe = SAFE_KEY.test(key);
+    if (safe) {
+      path += path ? `.${key}` : key;
+      continue;
+    }
+
+    path += `[${JSON.stringify(key)}]`;
+  }
+
+  return path;
+};

package/dist/templates/zh-CN/common.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4399ywkf/cli",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "运维开发部脚手架",
   "main": "dist/index.js",
   "bin": {
@@ -9,24 +9,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "node bin/cli.js",
-    "debug": "node --inspect-brk bin/cli.js",
-    "debug:create": "node --inspect-brk bin/cli.js create test-project",
-    "debug:create-with-template": "node --inspect-brk bin/cli.js create test-project -t webpack-mainApplicate_demo",
-    "debug:create-with-template-rspack": "node --inspect-brk bin/cli.js create test-project -t rspack-subApplicate_demo",
-    "debug:help": "node --inspect-brk bin/cli.js --help",
-    "build": "rollup -c && node scripts/postbuild.js",
-    "build:watch": "rollup -c -w",
-    "prepublishOnly": "npm run build",
-    "link": "npm link",
-    "unlink": "npm unlink -g",
-    "changeset": "changeset",
-    "changeset:version": "changeset version",
-    "changeset:publish": "changeset publish",
-    "postpublish": "pnpm build && git push && git push --tags"
-  },
   "repository": {
     "type": "git"
   },
@@ -64,5 +46,21 @@
   ],
   "authors": [
     "ywjszx@4399.com"
-  ]
-}
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "node bin/cli.js",
+    "debug": "node --inspect-brk bin/cli.js",
+    "debug:create": "node --inspect-brk bin/cli.js create test-project",
+    "debug:create-with-template": "node --inspect-brk bin/cli.js create test-project -t webpack-mainApplicate_demo",
+    "debug:create-with-template-rspack": "node --inspect-brk bin/cli.js create test-project -t rspack-subApplicate_demo",
+    "debug:help": "node --inspect-brk bin/cli.js --help",
+    "build": "rollup -c && node scripts/postbuild.js",
+    "build:watch": "rollup -c -w",
+    "link": "npm link",
+    "unlink": "npm unlink -g",
+    "changeset": "changeset",
+    "changeset:version": "changeset version",
+    "changeset:publish": "changeset publish"
+  }
+}

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

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