@4399ywkf/cli 1.0.10 → 2.0.1

package/dist/templates/GlobalProvider/Locale.tsx

@@ -1,84 +0,0 @@
-import { ConfigProvider } from 'antd';
-import dayjs from 'dayjs';
-import { 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) => {
-  let dayJSLocale;
-  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?: any;
-  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 (!i18n.instance.isInitialized)
-      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}
-      theme={{
-        components: {
-          Button: {
-            contentFontSizeSM: 12,
-          },
-        },
-      }}
-    >
-      {children}
-    </ConfigProvider>
-  );
-});
-
-Locale.displayName = 'Locale';
-
-export default Locale;

package/dist/templates/GlobalProvider/Query.tsx

@@ -1,12 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import React, { type PropsWithChildren, useEffect, useState } from 'react';
-
-const QueryProvider = ({ children }: PropsWithChildren) => {
-  const [queryClient] = useState(() => new QueryClient());
-
-  return (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  );
-};
-
-export default QueryProvider;

package/dist/templates/GlobalProvider/StyleRegistry.tsx

@@ -1,9 +0,0 @@
-import { StyleProvider } from 'antd-style';
-import { type PropsWithChildren } from 'react';
-
-
-const StyleRegistry = ({ children }: PropsWithChildren) => {
-  return <StyleProvider>{children}</StyleProvider>;
-};
-
-export default StyleRegistry;

package/dist/templates/GlobalProvider/index.tsx

@@ -1,23 +0,0 @@
-import StyleRegistry from "./StyleRegistry";
-import AppTheme from "./AppTheme";
-import QueryProvider from "./Query";
-import Locale from "./Locale";
-import { Outlet } from "react-router";
-
-interface GlobalProviderProps {
-
-}
-
-export default function GlobalProvider({  }: GlobalProviderProps) {
-  return (
-    <StyleRegistry>
-      <Locale>
-        <AppTheme>
-          <QueryProvider>
-            <Outlet />
-          </QueryProvider>
-        </AppTheme>
-      </Locale>
-    </StyleRegistry>
-  );
-}

package/dist/templates/GlobalStyle/antdOverride.ts

@@ -1,89 +0,0 @@
-import { Theme, css } from 'antd-style';
-import { readableColor, rgba } from 'polished';
-
-export default (token: Theme) => {
-  const readColor = readableColor(token.colorPrimary);
-  return css`
-    .${token.prefixCls}-checkbox-inner:after {
-      border-color: ${readableColor(token.colorPrimary)} !important;
-    }
-
-    .${token.prefixCls}-btn {
-      box-shadow: none;
-    }
-
-    .${token.prefixCls}-btn-primary:not(:disabled) {
-      color: ${readColor} !important;
-
-      &:hover {
-        color: ${readColor} !important;
-      }
-
-      &:active {
-        color: ${readColor} !important;
-      }
-    }
-
-    .${token.prefixCls}-tooltip-inner {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      min-height: unset;
-      padding-block: 4px;
-      padding-inline: 8px;
-
-      color: ${token.colorBgLayout} !important;
-
-      background-color: ${token.colorText} !important;
-      border-radius: ${token.borderRadiusSM}px !important;
-    }
-
-    .${token.prefixCls}-tooltip-arrow {
-      &::before,
-      &::after {
-        background: ${token.colorText} !important;
-      }
-    }
-
-    .${token.prefixCls}-switch-handle::before {
-      background: ${token.colorBgContainer} !important;
-    }
-
-    .${token.prefixCls}-image-preview-close,
-      .${token.prefixCls}-image-preview-switch-right,
-      .${token.prefixCls}-image-preview-switch-left {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      width: 32px;
-      height: 32px;
-      padding: 0;
-
-      background: ${rgba(token.colorBgMask, 0.1)};
-      border-radius: ${token.borderRadiusLG}px;
-
-      ${token.stylish.blur};
-    }
-
-    .${token.prefixCls}-popover-inner,
-      .${token.prefixCls}-dropdown-menu,
-      .${token.prefixCls}-select-dropdown {
-      border-radius: ${token.borderRadius}px !important;
-      box-shadow:
-        0 0 0 1px ${token.colorFillTertiary},
-        ${token.boxShadowSecondary} !important;
-    }
-
-    .${token.prefixCls}-modal-content {
-      border: 1px solid ${token.colorBorderSecondary} !important;
-    }
-
-    .${token.prefixCls}-radio-wrapper
-      .${token.prefixCls}-radio-checked
-      .${token.prefixCls}-radio-inner:after {
-      background: ${readColor};
-    }
-  `;
-};

package/dist/templates/GlobalStyle/global.ts

@@ -1,61 +0,0 @@
-import { Theme, css } from 'antd-style';
-
-export default (token: Theme) => css`
-  :root {
-    --font-settings: 'cv01', 'tnum', 'kern';
-    --font-variations: 'opsz' auto, tabular-nums;
-  }
-
-  html {
-    overscroll-behavior: none;
-    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};
-  }
-
-  body {
-    overflow: hidden auto;
-
-    min-height: 100vh;
-    margin: 0;
-    padding: 0;
-
-    font-family: ${token.fontFamily};
-    font-size: ${token.fontSize}px;
-    font-feature-settings: var(--font-settings);
-    font-variation-settings: var(--font-variations);
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    line-height: 1;
-    color: ${token.colorTextBase};
-    text-size-adjust: none;
-    text-rendering: optimizelegibility;
-    word-wrap: break-word;
-    vertical-align: baseline;
-
-    background-color: ${token.colorBgLayout};
-
-    -webkit-overflow-scrolling: touch;
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  code {
-    font-family: ${token.fontFamilyCode} !important;
-
-    span {
-      font-family: ${token.fontFamilyCode} !important;
-    }
-  }
-
-  ::selection {
-    color: #000;
-    background: ${token.yellow9};
-
-    -webkit-text-fill-color: unset !important;
-  }
-
-  * {
-    scrollbar-color: ${token.colorFill} transparent;
-    scrollbar-width: thin;
-    box-sizing: border-box;
-    vertical-align: baseline;
-  }
-`;

package/dist/templates/GlobalStyle/index.ts

@@ -1,10 +0,0 @@
-'use client';
-
-import { createGlobalStyle } from 'antd-style';
-
-import antdOverride from './antdOverride';
-import global from './global';
-
-const GlobalStyle = createGlobalStyle(({ theme }) => [global(theme), antdOverride(theme)]);
-
-export default GlobalStyle;

package/dist/templates/Loading/index.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-
-const Loading = () => {
-  return (
-    <div className='flex flex-row items-center justify-center p-8 min-h-[200px] absolute inset-0' data-testid='loading-container'>
-      <div className='inline-flex cursor-not-allowed items-center rounded-md px-4 py-2 text-sm leading-6 font-semibold text-blue-600 transition duration-150 ease-in-out'>
-        <svg className='mr-3 -ml-1 size-5 animate-spin text-blue-500' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' data-testid='loading-spinner'>
-          <circle className='opacity-25' cx='12' cy='12' r='10' stroke='currentColor' strokeWidth={4}></circle>
-          <path
-            className='opacity-75'
-            fill='currentColor'
-            d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'
-          ></path>
-        </svg>
-        {/* Processing… */}
-      </div>
-    </div>
-  );
-};
-
-export default Loading;

package/dist/templates/Locale.tsx

@@ -1,84 +0,0 @@
-import { ConfigProvider } from 'antd';
-import dayjs from 'dayjs';
-import { 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) => {
-  let dayJSLocale;
-  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?: any;
-  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 (!i18n.instance.isInitialized)
-      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}
-      theme={{
-        components: {
-          Button: {
-            contentFontSizeSM: 12,
-          },
-        },
-      }}
-    >
-      {children}
-    </ConfigProvider>
-  );
-});
-
-Locale.displayName = 'Locale';
-
-export default Locale;

package/dist/templates/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/ManualSlave/ManualSlavePage.module.less

@@ -1,25 +0,0 @@
-.micro-container {
-  position: relative;
-  height: 100%;
-  width: 100%;
-
-  :global {
-    div[id*="garfish_app_for"] {
-      position: relative;
-      height: 100%;
-      width: 100%;
-    }
-
-    div[__garfishmockhtml__] {
-      position: relative;
-      height: 100%;
-      width: 100%;
-    }
-
-    div[__garfishmockbody__] {
-      position: relative;
-      height: 100%;
-      width: 100%;
-    }
-  }
-}

package/dist/templates/ManualSlave/ManualSlavePage.tsx

@@ -1,45 +0,0 @@
-import React, { useEffect } from 'react';
-import { useRouteData } from '@config/router/routeContext';
-import useGlobalStore from '@store/global';
-import Garfish from 'garfish';
-import styles from './ManualSlavePage.module.less';
-import Loading from '@/loading';
-
-let app: any;
-
-const ManualSlavePage = () => {
-  const { route } = useRouteData();
-  let domId = `manual_${route.microApp}`;
-  let basename = `/${route.microApp}`;
-
-  const { microActiveApps } = useGlobalStore();
-
-  const asyncLoadApp = async ({ route }) => {
-    app = await Garfish.loadApp(route.microApp, {
-      cache: true,
-      basename: basename,
-      entry: route.entry,
-      domGetter: `#${domId}`,
-    });
-    await app?.mount();
-  };
-
-  useEffect(() => {
-    if (route.microApp) {
-      asyncLoadApp({ route });
-    }
-    return () => {
-      app.unmount();
-    };
-  }, []);
-
-  let loading = microActiveApps.findIndex((o) => o.loading);
-  return (
-    <>
-      <div id={domId} className={`h-full ${styles['micro-container']}`}></div>
-      {loading !== -1 ? <Loading name={microActiveApps[loading]?.props?.cname ?? ''} /> : undefined}
-    </>
-  );
-};
-
-export default ManualSlavePage;

package/dist/templates/ManualSlave/index.ts

@@ -1 +0,0 @@
-export * from "./ManualSlavePage";

package/dist/templates/ManualSlavePage.module.less

@@ -1,25 +0,0 @@
-.micro-container {
-  position: relative;
-  height: 100%;
-  width: 100%;
-
-  :global {
-    div[id*="garfish_app_for"] {
-      position: relative;
-      height: 100%;
-      width: 100%;
-    }
-
-    div[__garfishmockhtml__] {
-      position: relative;
-      height: 100%;
-      width: 100%;
-    }
-
-    div[__garfishmockbody__] {
-      position: relative;
-      height: 100%;
-      width: 100%;
-    }
-  }
-}

package/dist/templates/ManualSlavePage.tsx

@@ -1,45 +0,0 @@
-import React, { useEffect } from 'react';
-import { useRouteData } from '@config/router/routeContext';
-import useGlobalStore from '@store/global';
-import Garfish from 'garfish';
-import styles from './ManualSlavePage.module.less';
-import Loading from '@/loading';
-
-let app: any;
-
-const ManualSlavePage = () => {
-  const { route } = useRouteData();
-  let domId = `manual_${route.microApp}`;
-  let basename = `/${route.microApp}`;
-
-  const { microActiveApps } = useGlobalStore();
-
-  const asyncLoadApp = async ({ route }) => {
-    app = await Garfish.loadApp(route.microApp, {
-      cache: true,
-      basename: basename,
-      entry: route.entry,
-      domGetter: `#${domId}`,
-    });
-    await app?.mount();
-  };
-
-  useEffect(() => {
-    if (route.microApp) {
-      asyncLoadApp({ route });
-    }
-    return () => {
-      app.unmount();
-    };
-  }, []);
-
-  let loading = microActiveApps.findIndex((o) => o.loading);
-  return (
-    <>
-      <div id={domId} className={`h-full ${styles['micro-container']}`}></div>
-      {loading !== -1 ? <Loading name={microActiveApps[loading]?.props?.cname ?? ''} /> : undefined}
-    </>
-  );
-};
-
-export default ManualSlavePage;

package/dist/templates/Meta.tsx

@@ -1,75 +0,0 @@
-import React, { memo, useCallback } from "react";
-
-import { useCdnFn } from "@/components/ConfigProvider";
-
-import type { MetaProps } from "./type";
-
-const Meta = memo<MetaProps>(
-  ({
-    title = "LobeHub",
-    description = "Empowering your AI dreams with LobeHub",
-    withManifest,
-  }) => {
-    const genCdnUrl = useCdnFn();
-    const genAssets = useCallback(
-      (path: string) =>
-        genCdnUrl({
-          path,
-          pkg: "@lobehub/assets-favicons",
-          version: "latest",
-        }),
-      []
-    );
-    return (
-      <>
-        <link href={genAssets("assets/favicon.ico")} rel="shortcut icon" />
-        <link
-          href={genAssets("assets/apple-touch-icon.png")}
-          rel="apple-touch-icon"
-          sizes="180x180"
-        />
-        <link
-          href={genAssets("assets/favicon-32x32.png")}
-          rel="icon"
-          sizes="32x32"
-          type="image/png"
-        />
-        <link
-          href={genAssets("assets/favicon-16x16.png")}
-          rel="icon"
-          sizes="16x16"
-          type="image/png"
-        />
-        <meta
-          content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no"
-          name="viewport"
-        />
-        <meta content={title} name="apple-mobile-web-app-title" />
-        <meta content={title} name="application-name" />
-        <meta content={description} name="description" />
-        <meta content="#000000" name="msapplication-TileColor" />
-        <meta
-          content="#fff"
-          media="(prefers-color-scheme: light)"
-          name="theme-color"
-        />
-        <meta
-          content="#000"
-          media="(prefers-color-scheme: dark)"
-          name="theme-color"
-        />
-        <meta content="yes" name="apple-mobile-web-app-capable" />
-        <meta content={title} name="apple-mobile-web-app-title" />
-        <meta
-          content="black-translucent"
-          name="apple-mobile-web-app-status-bar-style"
-        />
-        {withManifest && (
-          <link href={genAssets("assets/site.webmanifest")} rel="manifest" />
-        )}
-      </>
-    );
-  }
-);
-
-export default Meta;