@4399ywkf/cli 1.0.10 → 2.0.0

package/dist/templates/app/src/styles/theme/token/base.ts

@@ -1,16 +0,0 @@
-import { AliasToken } from 'antd/es/theme/interface';
-
-const FONT_EMOJI = `"Segoe UI Emoji","Segoe UI Symbol","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"`;
-const FONT_EN = `"HarmonyOS Sans","Segoe UI","SF Pro Display",-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif`;
-const FONT_CN = `"HarmonyOS Sans SC","PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif`;
-const FONT_CODE = `Hack,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace`;
-
-export const baseToken: Partial<AliasToken> = {
-  borderRadius: 6,
-  borderRadiusLG: 8,
-  borderRadiusSM: 4,
-  borderRadiusXS: 4,
-  controlHeight: 36,
-  fontFamily: [FONT_EN, FONT_CN, FONT_EMOJI].join(','),
-  fontFamilyCode: [FONT_CODE, FONT_CN, FONT_EMOJI].join(','),
-};

package/dist/templates/app/src/styles/theme/token/dark.ts

@@ -1,60 +0,0 @@
-import { AliasToken } from 'antd/es/theme/interface';
-
-import { blue, gold, gray, lime, primary, red } from '@/color/colors';
-
-import { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';
-
-const primaryToken = generateColorPalette({
-  appearance: 'dark',
-  scale: primary,
-  type: 'Primary',
-});
-
-const neutralToken = generateColorNeutralPalette({
-  appearance: 'dark',
-  scale: gray,
-});
-
-const successToken = generateColorPalette({
-  appearance: 'dark',
-  scale: lime,
-  type: 'Success',
-});
-
-const warningToken = generateColorPalette({
-  appearance: 'dark',
-  scale: gold,
-  type: 'Warning',
-});
-
-const errorToken = generateColorPalette({
-  appearance: 'dark',
-  scale: red,
-  type: 'Error',
-});
-
-const infoToken = generateColorPalette({
-  appearance: 'dark',
-  scale: blue,
-  type: 'Info',
-});
-
-const darkBaseToken: Partial<AliasToken> = {
-  ...primaryToken,
-  ...neutralToken,
-  ...successToken,
-  ...warningToken,
-  ...errorToken,
-  ...infoToken,
-
-  boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',
-  boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',
-  boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',
-  colorLink: infoToken.colorInfoText,
-  colorLinkActive: infoToken.colorInfoTextActive,
-
-  colorLinkHover: infoToken.colorInfoTextHover,
-  colorTextLightSolid: neutralToken.colorBgLayout,
-};
-
-export default darkBaseToken;

package/dist/templates/app/src/styles/theme/token/light.ts

@@ -1,60 +0,0 @@
-import { AliasToken } from 'antd/es/theme/interface';
-
-import { geekblue, gold, gray, green, primary, volcano } from '@/color/colors';
-
-import { generateColorNeutralPalette, generateColorPalette } from '../generateColorPalette';
-
-const primaryToken = generateColorPalette({
-  appearance: 'light',
-  scale: primary,
-  type: 'Primary',
-});
-
-const neutralToken = generateColorNeutralPalette({
-  appearance: 'light',
-  scale: gray,
-});
-
-const successToken = generateColorPalette({
-  appearance: 'light',
-  scale: green,
-  type: 'Success',
-});
-
-const warningToken = generateColorPalette({
-  appearance: 'light',
-  scale: gold,
-  type: 'Warning',
-});
-
-const errorToken = generateColorPalette({
-  appearance: 'light',
-  scale: volcano,
-  type: 'Error',
-});
-
-const infoToken = generateColorPalette({
-  appearance: 'light',
-  scale: geekblue,
-  type: 'Info',
-});
-
-const lightBaseToken: Partial<AliasToken> = {
-  ...primaryToken,
-  ...neutralToken,
-  ...successToken,
-  ...warningToken,
-  ...errorToken,
-  ...infoToken,
-
-  boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',
-  boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',
-  boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',
-  colorLink: infoToken.colorInfoText,
-  colorLinkActive: infoToken.colorInfoTextActive,
-
-  colorLinkHover: infoToken.colorInfoTextHover,
-  colorTextLightSolid: neutralToken.colorBgLayout,
-};
-
-export default lightBaseToken;

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

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

@@ -1,26 +0,0 @@
-import isEqual from 'fast-deep-equal';
-import { isArray, isObject, transform } from 'lodash-es';
-
-/**
- * Compare two objects and return the difference.
- * when there are difference in array, just return the new value.
- * it's used mostly in settings
- */
-export const difference = <T extends object>(object: T, base: T) => {
-  const changes = (object: any, base: any) =>
-    transform(object, (result: any, value, key) => {
-      // First, check if value and base[key] are both arrays.
-      // If they are arrays, we directly use isEqual to compare their values.
-      if (isArray(value) && isArray(base[key])) {
-        if (!isEqual(value, base[key])) {
-          result[key] = value;
-        }
-      }
-      // If they are objects, we recursively call changes to compare their values.
-      else if (!isEqual(value, base[key])) {
-        result[key] = isObject(value) && isObject(base[key]) ? changes(value, base[key]) : value;
-      }
-    });
-
-  return changes(object, base);
-};

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

@@ -1,30 +0,0 @@
-import urlJoin from 'url-join';
-
-const UNPKG_API = 'https://unpkg.com';
-const ALIYUN_API = 'https://registry.npmmirror.com';
-
-export type CDN = 'aliyun' | 'unpkg';
-export interface CdnApi {
-  path: string;
-  pkg: string;
-  proxy?: CDN;
-  version?: string;
-}
-
-export const genCdnUrl = ({
-  pkg,
-  version = 'latest',
-  path,
-  proxy,
-}: CdnApi): string => {
-  switch (proxy) {
-    case 'unpkg': {
-      return urlJoin(UNPKG_API, `${pkg}@${version}`, path);
-    }
-    default: {
-      return urlJoin(ALIYUN_API, pkg, version, 'files', path);
-    }
-  }
-};
-
-export { ALIYUN_API, UNPKG_API };

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

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

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

@@ -1,46 +0,0 @@
-import { resolveAcceptLanguage } from 'resolve-accept-language';
-
-import { DEFAULT_LANG } from '@/const/locale';
-import { locales, normalizeLocale } from '@/locales/resources';
-
-export const getAntdLocale = async (lang?: string) => {
-  let normalLang = normalizeLocale(lang);
-
-  // due to antd only have ar-EG locale, we need to convert ar to ar-EG
-  // refs: https://ant.design/docs/react/i18n
-
-  // And we don't want to handle it in `normalizeLocale` function
-  // because of other locale files are all `ar` not `ar-EG`
-  if (normalLang === 'ar') normalLang = 'ar-EG';
-
-  const { default: locale } = await import(`antd/locale/${normalLang.replace('-', '_')}.js`);
-
-  return locale;
-};
-
-/**
- * Parse the browser language and return the fallback language
- */
-export const parseBrowserLanguage = (headers: Headers, defaultLang: string = DEFAULT_LANG) => {
-  // if the default language is not 'en-US', just return the default language as fallback lang
-  if (defaultLang !== 'en-US') return defaultLang;
-
-  /**
-   * The arguments are as follows:
-   *
-   * 1) The HTTP accept-language header.
-   * 2) The available locales (they must contain the default locale).
-   * 3) The default locale.
-   */
-  let browserLang: string = resolveAcceptLanguage(
-    headers.get('accept-language') || '',
-    //  Invalid locale identifier 'ar'. A valid locale should follow the BCP 47 'language-country' format.
-    locales.map((locale) => (locale === 'ar' ? 'ar-EG' : locale)),
-    defaultLang,
-  );
-
-  // if match the ar-EG then fallback to ar
-  if (browserLang === 'ar-EG') browserLang = 'ar';
-
-  return browserLang;
-};

package/dist/templates/app/store/middleware/createDevtools.ts

@@ -1,23 +0,0 @@
-import { optionalDevtools } from "zustand-utils";
-import type { devtools as _devtools } from "zustand/middleware";
-
-import { isDev } from "@/config/env";
-
-export const createDevtools =
-  (name: string): typeof _devtools =>
-  (initializer) => {
-    let showDevtools = false;
-
-    // check url to show devtools
-    if (typeof window !== "undefined") {
-      const url = new URL(window.location.href);
-      const debug = url.searchParams.get("debug");
-      if (debug?.includes(name)) {
-        showDevtools = true;
-      }
-    }
-
-    return optionalDevtools(showDevtools)(initializer, {
-      name: `LobeChat_${name}${isDev ? "_DEV" : ""}`,
-    });
-  };

package/dist/templates/app/store/middleware/createHyperStorage/index.ts

@@ -1,127 +0,0 @@
-import type { PersistStorage, StorageValue } from 'zustand/middleware';
-
-import { createIndexedDB } from './indexedDB';
-import { createKeyMapper } from './keyMapper';
-import { createLocalStorage } from './localStorage';
-import type { HyperStorageOptions } from './type';
-import { creatUrlStorage } from './urlStorage';
-
-export const createHyperStorage = <T extends object>(
-  options: HyperStorageOptions,
-): PersistStorage<T> => {
-  const optionsObj = typeof options === 'function' ? options() : options;
-
-  const getLocalStorageConfig = () => {
-    if (optionsObj.localStorage === false) {
-      return { dbName: '', skipLocalStorage: true, useIndexedDB: false };
-    }
-
-    const useIndexedDB = optionsObj.localStorage?.mode === 'indexedDB';
-    const dbName = optionsObj.localStorage?.dbName || 'indexedDB';
-
-    return { dbName, skipLocalStorage: false, useIndexedDB };
-  };
-
-  const hasUrl = !!optionsObj.url;
-
-  const { skipLocalStorage, useIndexedDB, dbName } = getLocalStorageConfig();
-
-  const { mapStateKeyToStorageKey, getStateKeyFromStorageKey } =
-    createKeyMapper(optionsObj);
-
-  const indexedDB = createIndexedDB(dbName);
-  const localStorage = createLocalStorage();
-  const urlStorage = creatUrlStorage(optionsObj.url?.mode);
-  return {
-    getItem: async (name): Promise<StorageValue<T>> => {
-      const state: any = {};
-      let version: number | undefined;
-
-      // ============== 处理 Local Storage  ============== //
-      if (!skipLocalStorage) {
-        let localState: StorageValue<T> | undefined;
-
-        // 如果使用 indexedDB，优先从 indexedDB 中获取
-        if (useIndexedDB) {
-          localState = await indexedDB.getItem(name);
-        }
-        // 如果 indexedDB 中不存在，则再试试 localStorage
-        if (!localState) localState = localStorage.getItem(name);
-
-        if (localState) {
-          version = localState.version;
-          for (const [k, v] of Object.entries(localState.state)) {
-            const key = getStateKeyFromStorageKey(k, 'localStorage');
-            if (key) state[key] = v;
-          }
-        }
-      }
-
-      // ============== 处理 URL Storage  ============== //
-      // 不从 URL 中获取 version，由于 url 状态是临时态 不作为版本控制的依据
-      if (hasUrl) {
-        const urlState = urlStorage.getItem();
-
-        if (urlState) {
-          for (const [k, v] of Object.entries(urlState.state)) {
-            const key = getStateKeyFromStorageKey(k, 'url');
-            // 当存在 UrlSelector 逻辑，且 key 有效时，才将状态加入终态 state
-            if (hasUrl && key) {
-              state[key] = v;
-            }
-          }
-        }
-      }
-
-      return { state, version };
-    },
-    removeItem: async key => {
-      // ============== 处理 Local Storage  ============== //
-      if (!skipLocalStorage) {
-        if (useIndexedDB) {
-          await indexedDB.removeItem(key);
-        } else {
-          localStorage.removeItem(key);
-        }
-      }
-
-      // ============== 处理 URL Storage  ============== //
-      if (hasUrl) {
-        const storageKey = getStateKeyFromStorageKey(key, 'url');
-
-        urlStorage.removeItem(storageKey);
-      }
-    },
-
-    setItem: async (name, newValue) => {
-      // ============== 处理 Local Storage  ============== //
-      const localState: Record<string, any> = {};
-      for (const [k, v] of Object.entries(newValue.state)) {
-        const localKey = mapStateKeyToStorageKey(k, 'localStorage');
-        if (localKey) localState[localKey] = v;
-      }
-
-      if (!skipLocalStorage) {
-        if (useIndexedDB) {
-          await indexedDB.setItem(name, localState, newValue.version);
-        } else {
-          localStorage.setItem(name, localState, newValue.version);
-        }
-      }
-
-      // ============== 处理 URL Storage  ============== //
-      if (hasUrl) {
-        // 转换 key 为目标 key
-        const finalEntries = Object.entries(newValue.state)
-          .map(([k, v]) => {
-            const urlKey = mapStateKeyToStorageKey(k, 'url');
-            if (!urlKey) return undefined;
-            return [urlKey, v];
-          })
-          .filter(Boolean) as [string, any][];
-
-        urlStorage.setItem(name, Object.fromEntries(finalEntries));
-      }
-    },
-  };
-};