@4399ywkf/cli 1.0.10 → 2.0.0

package/dist/templates/layout/Locale.tsx

@@ -1,85 +0,0 @@
-import { ConfigProvider } from "antd";
-import type { Locale as AntdLocale } from "antd/es/locale";
-import dayjs from "dayjs";
-import React, {
-  type PropsWithChildren,
-  memo,
-  useEffect,
-  useState,
-} from "react";
-
-import { isRtlLang } from "rtl-detect";
-
-import { createI18nNext } from "@/locales/create";
-import { getAntdLocale } from "@/utils/locale";
-
-const updateDayjs = async (lang: string) => {
-  // load default lang
-  let dayJSLocale: any;
-  try {
-    // dayjs locale is using `en` instead of `en-US`
-    // refs: https://github.com/lobehub/lobe-chat/issues/3396
-    const locale = lang.toLowerCase() === "en-us" ? "en" : lang.toLowerCase();
-
-    dayJSLocale = await import(`dayjs/locale/${locale}.js`);
-  } catch {
-    console.warn(`dayjs locale for ${lang} not found, fallback to en`);
-    dayJSLocale = await import("dayjs/locale/en.js");
-  }
-
-  dayjs.locale(dayJSLocale.default);
-};
-
-interface LocaleLayoutProps extends PropsWithChildren {
-  antdLocale?: unknown;
-  defaultLang?: string;
-}
-
-const Locale = memo<LocaleLayoutProps>(
-  ({ children, defaultLang, antdLocale }) => {
-    const [i18n] = useState(createI18nNext(defaultLang));
-    const [lang, setLang] = useState(defaultLang);
-    const [locale, setLocale] = useState(antdLocale);
-
-    // if on browser side, init i18n instance only once
-    if (!i18n.instance.isInitialized)
-      // console.debug('locale', lang);
-      i18n.init().then(async () => {
-        if (!lang) return;
-
-        await updateDayjs(lang);
-      });
-
-    // handle i18n instance language change
-    useEffect(() => {
-      const handleLang = async (lng: string) => {
-        setLang(lng);
-
-        if (lang === lng) return;
-
-        const newLocale = await getAntdLocale(lng);
-        setLocale(newLocale);
-
-        await updateDayjs(lng);
-      };
-
-      i18n.instance.on("languageChanged", handleLang);
-      return () => {
-        i18n.instance.off("languageChanged", handleLang);
-      };
-    }, [i18n, lang]);
-
-    // detect document direction
-    const documentDir = isRtlLang(lang) ? "rtl" : "ltr";
-
-    return (
-      <ConfigProvider direction={documentDir} locale={locale as AntdLocale}>
-        {children}
-      </ConfigProvider>
-    );
-  }
-);
-
-Locale.displayName = "Locale";
-
-export default Locale;

package/dist/templates/layout/MainContentWrap.tsx

@@ -1,64 +0,0 @@
-import React, { useState, useEffect } from "react";
-
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { Outlet } from "react-router";
-import "../index.css";
-import { DEFAULT_LANG } from "@/const/locale";
-import { getAntdLocale } from "@/utils";
-import queryString from "query-string";
-import Locale from "./Locale";
-import AppTheme from "./ThemeContext";
-
-export const MainContentWrap = () => {
-  const [antdLocale, setAntdLocale] = useState<unknown>(null);
-  const [isLocaleLoaded, setIsLocaleLoaded] = useState(false);
-
-  const { lang } = queryString.parse(location.search);
-
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      queries: {
-        refetchOnWindowFocus: false,
-        gcTime: 0,
-      },
-    },
-  });
-
-  useEffect(() => {
-    const loadLocale = async () => {
-      try {
-        const loadedLocale = await getAntdLocale(
-          (lang as string) ?? DEFAULT_LANG
-        );
-        setAntdLocale(loadedLocale);
-      } catch (error) {
-        console.error("Failed to load locale:", error);
-        // 保持默认的中文 locale
-      } finally {
-        setIsLocaleLoaded(true);
-      }
-    };
-
-    loadLocale();
-  }, [lang]);
-
-  // 可以添加一个加载状态
-  if (!isLocaleLoaded) {
-    return <div>Loading...</div>;
-  }
-
-  return (
-    <AppTheme>
-      <Locale
-        antdLocale={antdLocale}
-        defaultLang={lang ? (lang as string) : DEFAULT_LANG}
-      >
-        <QueryClientProvider client={queryClient}>
-          <Outlet />
-        </QueryClientProvider>
-      </Locale>
-    </AppTheme>
-  );
-};
-
-export default MainContentWrap;

package/dist/templates/layout/ThemeContext.tsx

@@ -1,135 +0,0 @@
-import ThemeProvider from "@/components/ThemeProvider";
-import { CLOUD_THEME_APPEARANCE } from "@/const/theme";
-import { setCookie } from "@/utils/cookie";
-
-// import { useGlobalStore } from "@store/global";
-import React, { memo, useEffect, type ReactNode } from "react";
-
-import { SYSTEM_PREFIX } from "@/const/system";
-import { GlobalStyle } from "@/styles";
-import { useUserStore } from "@store/user";
-import { createStyles } from "antd-style";
-import HarmonyOS_Sans_Regular from "@public/fonts/HarmonyOS_Sans_Regular.woff2";
-
-const useStyles = createStyles(({ css, token }) => ({
-  app: css`
-    position: relative;
-
-    overscroll-behavior: none;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-
-    height: 100%;
-    min-height: 100dvh;
-    max-height: 100dvh;
-
-    @media (min-device-width: 576px) {
-      overflow: hidden;
-    }
-  `,
-  // scrollbar-width and scrollbar-color are supported from Chrome 121
-  // https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-color
-  scrollbar: css`
-    scrollbar-color: ${token.colorFill} transparent;
-    scrollbar-width: thin;
-
-    #lobe-mobile-scroll-container {
-      scrollbar-width: none;
-
-      ::-webkit-scrollbar {
-        width: 0;
-        height: 0;
-      }
-    }
-  `,
-
-  // so this is a polyfill for older browsers
-  scrollbarPolyfill: css`
-    ::-webkit-scrollbar {
-      width: 0.75em;
-      height: 0.75em;
-    }
-
-    ::-webkit-scrollbar-thumb {
-      border-radius: 10px;
-    }
-
-    :hover::-webkit-scrollbar-thumb {
-      border: 3px solid transparent;
-      background-color: ${token.colorText};
-      background-clip: content-box;
-    }
-
-    ::-webkit-scrollbar-track {
-      background-color: transparent;
-    }
-  `,
-}));
-
-interface AppThemeProps {
-  children: ReactNode;
-}
-
-const AppTheme = memo(({ children }: AppThemeProps) => {
-  const themeMode = useUserStore((s) => s.themeMode);
-  const animationMode = useUserStore((s) => s.animationMode);
-  const neutralColor = useUserStore((s) => s.neutralColor);
-  const primaryColor = useUserStore((s) => s.primaryColor);
-  const { styles, cx } = useStyles();
-
-  useEffect(() => {
-    // Update data-theme accordingly if user selects light or dark
-    if (themeMode !== "auto") {
-      document.documentElement.dataset.theme = themeMode;
-      return;
-    }
-
-    // For auto mode, we need to watch system preferences
-    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
-
-    // Set initial theme based on system preference
-    document.documentElement.dataset.theme = mediaQuery.matches
-      ? "dark"
-      : "light";
-
-    // Update theme when system preference changes
-    function handleChange(e) {
-      document.documentElement.dataset.theme = e.matches ? "dark" : "light";
-    }
-
-    mediaQuery.addEventListener("change", handleChange);
-    return () => mediaQuery.removeEventListener("change", handleChange);
-  }, [themeMode]);
-
-  return (
-    <ThemeProvider
-      prefixCls={SYSTEM_PREFIX}
-      appearance={themeMode !== "auto" ? themeMode : undefined}
-      className={cx(styles.app, styles.scrollbar, styles.scrollbarPolyfill)}
-      customTheme={{
-        neutralColor: neutralColor,
-        primaryColor: primaryColor,
-      }}
-      customFonts={[HarmonyOS_Sans_Regular]}
-      theme={{
-        cssVar: true,
-        token: {
-          motion: animationMode !== "disabled",
-          motionUnit: animationMode === "agile" ? 0.05 : 0.1,
-        },
-      }}
-      themeMode={themeMode}
-      onAppearanceChange={(appearance) => {
-        if (themeMode !== "auto") return;
-
-        setCookie(CLOUD_THEME_APPEARANCE, appearance);
-      }}
-    >
-      {children}
-      <GlobalStyle />
-    </ThemeProvider>
-  );
-});
-
-export default AppTheme;

package/dist/templates/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/lightAlgorithm.ts

@@ -1,44 +0,0 @@
-import { MappingAlgorithm } from "antd/es/theme/interface";
-
-import { colorScales } from "@/color/colors";
-import { neutralColorScales } from "@/color/neutrals";
-import type { ColorScaleItem } from "@/color/types";
-
-import { NeutralColors, PrimaryColors } from "../../customTheme";
-import {
-  generateColorNeutralPalette,
-  generateColorPalette,
-} from "../generateColorPalette";
-import lightBaseToken from "../token/light";
-
-export const lightAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {
-  const primaryColor = (seedToken as any).primaryColor as PrimaryColors;
-  const neutralColor = (seedToken as any).neutralColor as NeutralColors;
-
-  let primaryTokens = {};
-  let neutralTokens = {};
-  const primaryScale: ColorScaleItem = colorScales[primaryColor];
-
-  if (primaryScale) {
-    primaryTokens = generateColorPalette({
-      appearance: "light",
-      scale: primaryScale,
-      type: "Primary",
-    });
-  }
-
-  const neutralScale = neutralColorScales[neutralColor];
-  if (neutralScale) {
-    neutralTokens = generateColorNeutralPalette({
-      appearance: "light",
-      scale: neutralScale,
-    });
-  }
-
-  return {
-    ...mapToken!,
-    ...lightBaseToken,
-    ...primaryTokens,
-    ...neutralTokens,
-  };
-};

package/dist/templates/lime.ts

@@ -1,66 +0,0 @@
-import { ColorScaleItem } from '../types';
-
-const lime: ColorScaleItem = {
-  dark: [
-    '#020400',
-    '#142100',
-    '#253700',
-    '#374f00',
-    '#4b6800',
-    '#608200',
-    '#769d00',
-    '#8fb81b',
-    '#a9d42f',
-    '#c4f042',
-    '#daf685',
-    '#eefbbe',
-    '#ffffff',
-  ],
-  darkA: [
-    'rgba(100, 200, 0, 0.02)',
-    'rgba(154, 254, 0, 0.13)',
-    'rgba(168, 250, 0, 0.22)',
-    'rgba(177, 255, 0, 0.31)',
-    'rgba(183, 254, 0, 0.41)',
-    'rgba(188, 255, 0, 0.51)',
-    'rgba(190, 253, 0, 0.62)',
-    'rgba(196, 252, 37, 0.73)',
-    'rgba(204, 255, 57, 0.83)',
-    'rgba(209, 255, 70, 0.94)',
-    'rgba(225, 254, 137, 0.97)',
-    'rgba(240, 254, 192, 0.99)',
-    '#ffffff',
-  ],
-  light: [
-    '#ffffff',
-    '#feffeb',
-    '#f9ffd8',
-    '#f2ffc1',
-    '#ebfdaf',
-    '#e4fc9b',
-    '#ddf987',
-    '#d5f773',
-    '#cdf35c',
-    '#c4f042',
-    '#769d00',
-    '#374f00',
-    '#020400',
-  ],
-  lightA: [
-    'rgba(255, 255, 255, 0.01)',
-    'rgba(242, 255, 5, 0.08)',
-    'rgba(218, 255, 11, 0.16)',
-    'rgba(203, 255, 7, 0.25)',
-    'rgba(193, 249, 5, 0.32)',
-    'rgba(187, 247, 5, 0.4)',
-    'rgba(183, 242, 0, 0.47)',
-    'rgba(179, 240, 0, 0.55)',
-    'rgba(177, 236, 0, 0.64)',
-    'rgba(175, 235, 0, 0.74)',
-    '#769d00',
-    '#374f00',
-    '#020400',
-  ],
-};
-
-export default lime;

package/dist/templates/localStorage.ts

@@ -1,23 +0,0 @@
-import type { StorageValue } from 'zustand/middleware';
-
-export const createLocalStorage = <State>() => ({
-  getItem: <T extends State>(name: string): StorageValue<T> | undefined => {
-    if (!global.localStorage) return undefined;
-    const string = localStorage.getItem(name);
-
-    if (string) return JSON.parse(string) as StorageValue<T>;
-
-    return undefined;
-  },
-  removeItem: (name: string) => {
-    if (global.localStorage) localStorage.removeItem(name);
-  },
-  setItem: <T extends State>(
-    name: string,
-    state: T,
-    version: number | undefined,
-  ) => {
-    if (global.localStorage)
-      localStorage.setItem(name, JSON.stringify({ state, version }));
-  },
-});

package/dist/templates/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/locales/create.ts

@@ -1,56 +0,0 @@
-import i18n from 'i18next';
-import LanguageDetector from 'i18next-browser-languagedetector';
-import resourcesToBackend from 'i18next-resources-to-backend';
-import { initReactI18next } from 'react-i18next';
-import { isRtlLang } from 'rtl-detect';
-
-import { DEFAULT_LANG } from '@/const/locale';
-import { normalizeLocale } from '@/locales/resources';
-
-const isDev = process.env.NODE_ENV === 'development';
-const debugMode = isDev;
-
-export const createI18nNext = (lang?: string) => {
-  const instance = i18n
-    .use(initReactI18next)
-    .use(LanguageDetector)
-    .use(
-      resourcesToBackend(async (lng: string, ns: string) => {
-        return import(`@locales/${normalizeLocale(lng)}/${ns}.json`);
-      }),
-    );
-  // Dynamically set HTML direction on language change
-  instance.on('languageChanged', (lng) => {
-    if (typeof window !== 'undefined') {
-      const direction = isRtlLang(lng) ? 'rtl' : 'ltr';
-      document.documentElement.dir = direction;
-    }
-  });
-  return {
-    init: () =>
-      instance.init({
-        debug: debugMode,
-        defaultNS: ['error', 'common', 'chat'],
-        // detection: {
-        //   caches: ['cookie'],
-        //   cookieMinutes: 60 * 24 * COOKIE_CACHE_DAYS,
-        //   /**
-        //      Set `sameSite` to `lax` so that the i18n cookie can be passed to the
-        //      server side when returning from the OAuth authorization website.
-        //      ref: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie#samesitesamesite-value
-        //      discussion: https://github.com/lobehub/lobe-chat/pull/1474
-        //   */
-        //   cookieOptions: {
-        //     sameSite: 'lax',
-        //   },
-        //   lookupCookie: LOBE_LOCALE_COOKIE,
-        // },
-        fallbackLng: DEFAULT_LANG,
-        interpolation: {
-          escapeValue: false,
-        },
-        lng: lang,
-      }),
-    instance,
-  };
-};

package/dist/templates/locales/default/common.ts

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

package/dist/templates/locales/default/index.ts

@@ -1,7 +0,0 @@
-import common from "./common";
-
-const resources = {
-  common,
-} as const;
-
-export default resources;

package/dist/templates/locales/resources.ts

@@ -1,104 +0,0 @@
-import { DEFAULT_LANG } from '@/const/locale';
-
-export const locales = ['ar', 'bg-BG', 'de-DE', 'en-US', 'es-ES', 'fr-FR', 'ja-JP', 'ko-KR', 'pt-BR', 'ru-RU', 'tr-TR', 'zh-CN', 'zh-TW', 'vi-VN', 'fa-IR'] as const;
-
-export type Locales = (typeof locales)[number];
-
-type LocaleOptions = {
-  label: string;
-  value: Locales;
-}[];
-
-export const localeOptions: LocaleOptions = [
-  {
-    label: 'English',
-    value: 'en-US',
-  },
-  {
-    label: '简体中文',
-    value: 'zh-CN',
-  },
-  {
-    label: '繁體中文',
-    value: 'zh-TW',
-  },
-  {
-    label: '日本語',
-    value: 'ja-JP',
-  },
-  {
-    label: '한국어',
-    value: 'ko-KR',
-  },
-  {
-    label: 'Deutsch',
-    value: 'de-DE',
-  },
-  {
-    label: 'Español',
-    value: 'es-ES',
-  },
-  {
-    label: 'العربية',
-    value: 'ar',
-  },
-  {
-    label: 'Français',
-    value: 'fr-FR',
-  },
-  {
-    label: 'Português',
-    value: 'pt-BR',
-  },
-  {
-    label: 'Русский',
-    value: 'ru-RU',
-  },
-  {
-    label: 'Türkçe',
-    value: 'tr-TR',
-  },
-  {
-    label: 'Polski',
-    value: 'pl-PL',
-  },
-  {
-    label: 'Nederlands',
-    value: 'nl-NL',
-  },
-  {
-    label: 'Italiano',
-    value: 'it-IT',
-  },
-  {
-    label: 'Tiếng Việt',
-    value: 'vi-VN',
-  },
-  {
-    label: 'Български',
-    value: 'bg-BG',
-  },
-  {
-    label: 'فارسی',
-    value: 'fa-IR',
-  },
-] as LocaleOptions;
-
-export const normalizeLocale = (locale?: string): string => {
-  if (!locale) return DEFAULT_LANG;
-
-  if (locale.startsWith('ar')) return 'ar';
-  if (locale.startsWith('fa')) return 'fa-IR';
-
-  if (locale.startsWith('cn')) return 'zh-CN';
-
-  for (const l of locales) {
-    if (l.startsWith(locale)) {
-      return l;
-    }
-  }
-
-  return DEFAULT_LANG;
-};
-
-export const supportLocales: string[] = [...locales, 'en', 'zh'];