@4399ywkf/cli 1.0.9 → 2.0.0

package/dist/templates/token-manager.ts

@@ -1,23 +0,0 @@
-import jwt from "@config/jwt";
-import type { TokenManager as TokenManagerType } from "./types";
-/**
- * Token 刷新管理器
- * 使用 Promise 避免并发刷新问题
- */
-export class TokenManager implements TokenManagerType {
-  getToken(token?: string): string | undefined {
-    return jwt.getAccessToken(token);
-  }
-  setToken(token: {
-    token_type: any;
-    access_token: any;
-    expires_at: number;
-  }): void {
-    jwt.setAccessToken(token);
-  }
-  clearToken(token?: string): void {
-    jwt.clearAccessToken(token);
-  }
-}
-
-export const tokenManager = new TokenManager();

package/dist/templates/tsconfig.json

@@ -1,43 +0,0 @@
-{
-  "compilerOptions": {
-    "declaration": false, // 生成声明文件
-    "esModuleInterop": true, // 允许 export = 导出，由import from 导入
-    "module": "commonjs", // 生成代码的模块标准
-    "moduleResolution": "node", // 模块解析策略
-    "noUnusedLocals": false, // 检查只声明，未使用的局部变量
-    "noImplicitAny": false, // 不允许隐式的 any 类型。
-    "noUnusedParameters": true, // 检查未使用的函数参数
-    "sourceMap": true, // 编译器编译时，生成目标文件的sourceMap文件。
-    "strict": true, // 开启所有严格的类型检查
-    "skipLibCheck": true, // 用来控制是否在编译时进行库文件检查的
-    "target": "es5", // 目标语言的版本
-    "jsx": "react-jsx", // 控制如何在 JavaScript 文件中发出 JSX 构造。这只影响以.tsx files 开头的 JS 文件的输出
-    "lib": ["es5", "dom", "dom.iterable", "esnext"], // TypeScript 包含内置 JS API 的一组默认类型定义（如Math），以及浏览器环境中找到的内容的类型定义（如document)
-    "paths": {
-      "@/*": ["./src/*"],
-      "@shared/*": ["./shared/*"],
-      "@config/*": ["./config/*"],
-      "@store/*": ["./store/*"],
-      "@utils/*": ["./utils/*"]
-    }, // 将导入重新映射到相对于baseUrlif 集或 tsconfig 文件本身的查找位置
-    "types": ["jest", "node", "@testing-library/jest-dom"]
-  },
-  "exclude": [
-    "**/node_modules",
-    "**/examples",
-    "**/dist",
-    "**/fixtures",
-    "**/*.test.ts",
-    "**/*.e2e.ts",
-    "**/templates",
-    "ui"
-  ], // 指定解析时应跳过的文件名或模式数组include。
-  "include": [
-    "./src/**/*",
-    "./store/**/*",
-    "./react-app-env.d.ts",
-    "config/router",
-    "**/*.test.ts",
-    "**/*.test.tsx"
-  ] // 指定要包含在程序中的文件名或模式的数组。这些文件名是相对于包含该tsconfig.json文件的目录进行解析的。
-}

package/dist/templates/type.ts

@@ -1,27 +0,0 @@
-export type StorageSelector = string | Record<string, string>;
-
-export interface LocalStorageOptions {
-  dbName?: string;
-  /**
-   * @default 'localStorage'
-   */
-  mode?: 'indexedDB' | 'localStorage';
-  selectors: StorageSelector[];
-}
-
-export type HyperStorageOptionsObj = {
-  localStorage?: LocalStorageOptions | false;
-  url?: {
-    /**
-     * @default 'hash'
-     */
-    mode?: 'hash' | 'search';
-    selectors: StorageSelector[];
-  };
-};
-
-export type HyperStorageOptionsFn = () => HyperStorageOptionsObj;
-
-export type HyperStorageOptions =
-  | HyperStorageOptionsObj
-  | HyperStorageOptionsFn;

package/dist/templates/types/customStylish.ts

@@ -1,20 +0,0 @@
-export interface LobeCustomStylish {
-  active: string;
-  blur: string;
-  blurStrong: string;
-  bottomScrollbar: string;
-  disabled: string;
-  gradientAnimation: string;
-  noScrollbar: string;
-  resetLinkColor: string;
-  shadow: string;
-  variantBorderless: string;
-  variantBorderlessDanger: string;
-  variantBorderlessWithoutHover: string;
-  variantFilled: string;
-  variantFilledDanger: string;
-  variantFilledWithoutHover: string;
-  variantOutlined: string;
-  variantOutlinedDanger: string;
-  variantOutlinedWithoutHover: string;
-}

package/dist/templates/types/customToken.ts

@@ -1,70 +0,0 @@
-const PresetColors = [
-  'red',
-  'volcano',
-  'orange',
-  'gold',
-  'yellow',
-  'lime',
-  'green',
-  'cyan',
-  'blue',
-  'geekblue',
-  'purple',
-  'magenta',
-  'gray',
-] as const;
-
-const PresetSystemColors = ['Error', 'Warning', 'Success', 'Info'] as const;
-
-export type PresetColorKey = (typeof PresetColors)[number];
-
-export type PresetSystemColorKey = (typeof PresetSystemColors)[number];
-
-export type PresetColorType = Record<PresetColorKey, string>;
-
-export type PresetSystemColorType = Record<PresetSystemColorKey, string>;
-
-type ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
-
-type ColorTokenKey =
-  | 'Fill'
-  | 'FillSecondary'
-  | 'FillTertiary'
-  | 'FillQuaternary'
-  | 'Bg'
-  | 'BgHover'
-  | 'Border'
-  | 'BorderSecondary'
-  | 'BorderHover'
-  | 'Hover'
-  | ''
-  | 'Active'
-  | 'TextHover'
-  | 'Text'
-  | 'TextActive';
-
-type SystemColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary';
-
-export type ColorToken = {
-  [key in `${keyof PresetColorType}${ColorTokenKey}`]: string;
-};
-
-export type SystemColorToken = {
-  [key in `color${keyof PresetSystemColorType}${SystemColorTokenKey}`]: string;
-};
-
-export type ColorPalettes = {
-  [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}`]: string;
-};
-
-export type ColorPalettesAlpha = {
-  [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}A`]: string;
-};
-
-export interface LobeCustomToken
-  extends ColorPalettes,
-    ColorPalettesAlpha,
-    ColorToken,
-    SystemColorToken {
-  colorBgContainerSecondary: string;
-}

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

@@ -1,19 +0,0 @@
-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/types/index.ts

@@ -1,21 +0,0 @@
-import { AnchorHTMLAttributes, type HTMLAttributes } from "react";
-
-export * from "./customStylish";
-export * from "./customToken";
-export * from "./routes";
-
-export type DivProps = HTMLAttributes<HTMLDivElement>;
-
-export type VideoProps = HTMLAttributes<HTMLVideoElement>;
-
-export type SvgProps = HTMLAttributes<SVGSVGElement>;
-
-export type ImgProps = HTMLAttributes<HTMLImageElement>;
-
-export type AProps = AnchorHTMLAttributes<HTMLAnchorElement>;
-
-export type InputProps = HTMLAttributes<HTMLInputElement>;
-
-export type TextAreaProps = HTMLAttributes<HTMLTextAreaElement>;
-
-export type SpanProps = HTMLAttributes<HTMLSpanElement>;

package/dist/templates/types/routes.ts

@@ -1,70 +0,0 @@
-export interface RouteItem {
-  path?: string;
-  wrappers?: string[];
-  component?: string | (() => React.JSX.Element);
-  redirect?: string;
-  routes?: RouteItem[];
-  [any: string]: any;
-}
-
-export interface IRouteConventionExportProps {
-  routeProps?: Record<string, any>;
-}
-
-export interface IRoute extends IRouteConventionExportProps {
-  id: string;
-  path?: string;
-  index?: boolean;
-  parentId?: string;
-  redirect?: string;
-  loading?: string | React.ReactNode;
-  absPath?: string;
-  file?: string;
-  name?: string;
-  title?: string;
-  cname?: string;
-  key?: string;
-  perarr?: string;
-  microApp?: string;
-  entry?: string;
-  [key: string]: any;
-}
-
-export interface IClientRoute extends IRoute {
-  element: React.ReactNode;
-  children?: IClientRoute[];
-  routes?: IClientRoute[];
-}
-
-export interface IRoutesById {
-  [id: string]: IRoute;
-}
-
-export interface IRouteComponents {
-  [id: string]: any;
-}
-
-export interface RenderClientOpts {
-  /**
-   * react dom 渲染的的目标 dom
-   * @doc 一般不需要改，微前端的时候会变化
-   */
-  rootElement?: HTMLElement;
-  /**
-   * 设置路由 base，部署项目到非根目录下时使用。
-   */
-  basename?: string;
-  /**
-   * loading 中展示的组件 dom （全局加载组件）。
-   */
-  loadingComponent?: () => React.ReactNode;
-  /**
-   * 自定义错误边界组件
-   */
-  errorBoundary?: React.ComponentType<{ error: Error; retry: () => void }>;
-}
-
-export interface IMemo {
-  id: number;
-  ret: any;
-}

package/dist/templates/types.ts

@@ -1,21 +0,0 @@
-type colorStep = [
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-  string,
-];
-export interface ColorScaleItem {
-  dark: colorStep;
-  darkA: colorStep;
-  light: colorStep;
-  lightA: colorStep;
-}

package/dist/templates/url.ts

@@ -1 +0,0 @@
-export const imageUrl = (filename: string) => `/public/images/${filename}`;

package/dist/templates/urlStorage.ts

@@ -1,85 +0,0 @@
-import { isEmpty } from 'lodash-es';
-import type { StorageValue } from 'zustand/middleware';
-
-interface UrlSearchHelper {
-  getUrlSearch: () => string;
-  setUrlSearch: (params: URLSearchParams) => void;
-}
-
-const createUrlSearch = (mode: 'search' | 'hash' = 'hash'): UrlSearchHelper => {
-  if (mode === 'hash')
-    return {
-      getUrlSearch: () => location.hash.slice(1),
-      setUrlSearch: (params: URLSearchParams) => {
-        location.hash = params.toString();
-      },
-    };
-
-  return {
-    getUrlSearch: () => location.search.slice(1),
-    setUrlSearch: (params: URLSearchParams) => {
-      if (params.size === 0) return;
-
-      history.replaceState({}, '', `?${params.toString()}`);
-    },
-  };
-};
-
-export const creatUrlStorage = <State extends object>(
-  mode: 'hash' | 'search' = 'hash',
-) => {
-  const { setUrlSearch, getUrlSearch } = createUrlSearch(mode);
-
-  return {
-    getItem: <T extends State>(): StorageValue<T> | undefined => {
-      const searchParameters = new URLSearchParams(getUrlSearch());
-
-      if (searchParameters.size === 0) return undefined;
-
-      const state = Object.fromEntries(searchParameters.entries()) as T;
-
-      return { state };
-    },
-    removeItem: (key?: string) => {
-      const searchParameters = new URLSearchParams(getUrlSearch());
-      if (key) searchParameters.delete(key);
-
-      setUrlSearch(searchParameters);
-    },
-    setItem: <T extends State>(name: string, state: T) => {
-      const searchParameters = new URLSearchParams(getUrlSearch());
-
-      for (const [urlKey, v] of Object.entries(state)) {
-        switch (typeof v) {
-          case 'boolean': {
-            searchParameters.set(urlKey, (v ? 1 : 0).toString());
-            break;
-          }
-
-          case 'bigint':
-          case 'number': {
-            searchParameters.set(urlKey, v.toString());
-            break;
-          }
-
-          case 'string': {
-            searchParameters.set(urlKey, v);
-            break;
-          }
-
-          case 'object': {
-            if (isEmpty(v)) {
-              searchParameters.delete(urlKey);
-              continue;
-            }
-
-            searchParameters.set(urlKey, JSON.stringify(v));
-            break;
-          }
-        }
-      }
-
-      setUrlSearch(searchParameters);
-    },
-  };
-};

package/dist/templates/user/index.tsx

@@ -1 +0,0 @@
-export * from './store';

package/dist/templates/user/indexApi.tsx

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

package/dist/templates/user/initialState.ts

@@ -1,15 +0,0 @@
-import {
-  type UserProfileState,
-  initialState as initialProfileState,
-} from './slices/profile/initialState';
-import {
-  type UserSettingsState,
-  initialState as initialSettingsState,
-} from './slices/settings/initialState';
-
-export type UserState = UserProfileState & UserSettingsState;
-
-export const initialState: UserState = {
-  ...initialProfileState,
-  ...initialSettingsState,
-};

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

@@ -1,20 +0,0 @@
-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/user/slices/profile/api.ts

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

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

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

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

@@ -1,23 +0,0 @@
-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/user/slices/settings/initialState.ts

@@ -1,32 +0,0 @@
-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/user/store.ts

@@ -1,39 +0,0 @@
-import { subscribeWithSelector } from 'zustand/middleware';
-import { shallow } from 'zustand/shallow';
-import { createWithEqualityFn } from 'zustand/traditional';
-import type { StateCreator } from 'zustand/vanilla';
-
-import { createDevtools } from '../middleware/createDevtools';
-import { type UserState, initialState } from './initialState';
-
-import {
-  type UserProfileAction,
-  createProfileSlice,
-} from './slices/profile/actions';
-import {
-  type UserSettingsAction,
-  createSettingsSlice,
-} from './slices/settings/actions';
-
-//  ===============  聚合 createStoreFn ============ //
-
-export type UserStore = UserState & UserProfileAction & UserSettingsAction;
-
-const createStore: StateCreator<UserStore, [['zustand/devtools', never]]> = (
-  ...parameters
-) => ({
-  ...initialState,
-  ...createProfileSlice(...parameters),
-  ...createSettingsSlice(...parameters),
-});
-
-//  ===============  实装 useStore ============ //
-
-const devtools = createDevtools('user');
-
-export const useUserStore = createWithEqualityFn<UserStore>()(
-  subscribeWithSelector(devtools(createStore)),
-  shallow,
-);
-
-export const getUserStoreState = () => useUserStore.getState();

package/dist/templates/utils/convert.ts

@@ -1,40 +0,0 @@
-/**
- * 将文件大小从一个单位转换为另一个单位。
- *
- * @param {number} size 文件大小。
- * @param {string} fromUnit 初始单位（'B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'）。
- * @param {string} toUnit 目标单位（'B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'）。
- * @param {number} [decimalPoint=2] 结果保留的小数位数，默认为2。
- * @return {string} 转换后的文件大小，带单位。
- */
-export const convertFileSize = (
-  size: number,
-  fromUnit: string,
-  toUnit: string,
-  decimalPoint = 2,
-): string => {
-  // 定义单位与字节之间的转换关系
-  const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
-  // 获取初始单位和目标单位的索引
-  const fromIndex = units.indexOf(fromUnit);
-  const toIndex = units.indexOf(toUnit);
-
-  // 如果单位不在列表中，抛出错误
-  if (fromIndex === -1 || toIndex === -1) {
-    throw new Error('Invalid units');
-  }
-
-  // 计算初始单位与目标单位之间的转换系数
-  const exponent = toIndex - fromIndex;
-  // 计算结果大小
-  const resultSize = size / 1024 ** exponent;
-
-  // 返回格式化后的结果
-  return `${Number.parseFloat(resultSize.toFixed(decimalPoint))} ${toUnit}`;
-};
-
-// // 示例使用
-// console.log(convertFileSize(1, 'GB', 'MB')); // 输出: 1024.00 MB
-// console.log(convertFileSize(1, 'MB', 'KB')); // 输出: 1024.00 KB
-// console.log(convertFileSize(1, 'KB', 'B'));  // 输出: 1024.00 B
-// console.log(convertFileSize(1, 'MB', 'GB', 5)); // 输出: 0.00098 GB

package/dist/templates/utils/cookie.ts

@@ -1,25 +0,0 @@
-import dayjs from 'dayjs';
-
-export const COOKIE_CACHE_DAYS = 30;
-
-export const setCookie = (
-  key: string,
-  value: string | undefined,
-  expireDays: string | number = COOKIE_CACHE_DAYS,
-) => {
-  if (typeof value === 'undefined') {
-    // Set the expiration time to yesterday (expire immediately)
-    const expiredDate = new Date(0).toUTCString(); // 1970-01-01T00:00:00Z
-
-    // eslint-disable-next-line unicorn/no-document-cookie
-    document.cookie = `${key}=; expires=${expiredDate}; path=/;`;
-  } else {
-    const expires =
-      typeof expireDays === 'string'
-        ? expireDays
-        : dayjs().add(expireDays, 'day').toDate().toUTCString();
-
-    // eslint-disable-next-line unicorn/no-document-cookie
-    document.cookie = `${key}=${value};expires=${expires};path=/;`;
-  }
-};

package/dist/templates/utils/copyToClipboard.ts

@@ -1,13 +0,0 @@
-export const copyToClipboard = async (text: string) => {
-  try {
-    await navigator.clipboard.writeText(text);
-  } catch {
-    const textArea = document.createElement('textarea');
-    textArea.value = text;
-    document.body.append(textArea);
-    textArea.focus();
-    textArea.select();
-    document.execCommand('copy');
-    textArea.remove();
-  }
-};