@4399ywkf/cli 1.0.10 → 2.0.0

package/dist/templates/src/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/src/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/src/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/src/locales/default/common.ts

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

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

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

package/dist/templates/src/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'];

package/dist/templates/src/locales/utils.ts

@@ -1,23 +0,0 @@
-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/src/micro/garfish.ts

@@ -1,53 +0,0 @@
-import type { Root } from "react-dom";
-import { renderClient } from "@config/router";
-import { createRouter } from "@/routes";
-
-interface GarfishProvider {
-  render: (props: { basename: string }) => void;
-  destroy: () => void;
-}
-
-interface RenderContext {
-  basename?: string;
-  rootElement: HTMLElement | null;
-}
-
-/**
- * Garfish 微前端生命周期适配器
- */
-export function createGarfishProvider(appName: string): GarfishProvider {
-  let root: Root | null = null;
-
-  return {
-    render({ basename }: { basename: string }) {
-      const context: RenderContext = {
-        basename,
-        rootElement: document.getElementById(appName) ?? document.body,
-      };
-
-      root = renderClient(context);
-
-      // 向主应用通知路由信息
-      if (window.Garfish?.channel) {
-        window.Garfish.channel.emit("router", {
-          name: appName,
-          routes: createRouter(basename),
-        });
-      }
-    },
-
-    destroy() {
-      if (root) {
-        root.unmount();
-        root = null;
-      }
-    },
-  };
-}
-
-/**
- * 判断是否在微前端环境中运行
- */
-export function isMicroApp(): boolean {
-  return typeof window !== "undefined" && Boolean(window.__GARFISH__);
-}

package/dist/templates/src/pages/404/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export default function NotFound() {
-  return <div>404</div>;
-}

package/dist/templates/src/pages/404/page.tsx

@@ -1,27 +0,0 @@
-import UnFindPng from '@config/public/404.png';
-import { Button, Empty } from 'antd';
-import React from 'react';
-import { useNavigate } from 'react-router';
-
-export const UnPageFind = () => {
-  const navigate = useNavigate();
-
-  return (
-    <div className='p-4 w-full h-full relative flex justify-center items-center'>
-      <Empty
-        image={UnFindPng}
-        description={
-          <div className='flex flex-col gap-2 justify-center items-center'>
-            <h2>抱歉，页面无法访问…</h2>
-            <span>404，网址错误或已失效。请检查网址。</span>
-            <Button size={'large'} type={'primary'} className='w-24' onClick={() => navigate('/')}>
-              返回首页
-            </Button>
-          </div>
-        }
-      ></Empty>
-    </div>
-  );
-};
-
-export default UnPageFind;

package/dist/templates/src/pages/404.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-
-export default function NotFound() {
-  return <div>404页面</div>;
-}