@4399ywkf/cli 1.0.9 → 2.0.0

package/dist/templates/ThemeProvider/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;

package/dist/templates/ThemeProvider/ThemeProvider.tsx

@@ -1,109 +0,0 @@
-import { App } from "antd";
-import {
-  ThemeProvider as AntdThemeProvider,
-  CustomStylishParams,
-  CustomTokenParams,
-  GetAntdTheme,
-} from "antd-style";
-import { merge } from "lodash-es";
-import React, { memo, useCallback, useMemo } from "react";
-
-import { useCdnFn } from "@/components/ConfigProvider";
-import FontLoader from "@/components/FontLoader";
-import { lobeCustomStylish, lobeCustomToken } from "@/styles";
-import { createLobeAntdTheme } from "@/styles/theme/antdTheme";
-import { LobeCustomToken } from "@/types/customToken";
-
-import GlobalStyle from "./GlobalStyle";
-import type { ThemeProviderProps } from "./type";
-
-const ThemeProvider = memo<ThemeProviderProps>(
-  ({
-    children,
-    customStylish,
-    customToken,
-    enableCustomFonts = true,
-    enableGlobalStyle = true,
-    customFonts,
-    customTheme = {},
-    className,
-    style,
-    theme: antdTheme,
-    ...rest
-  }) => {
-    const genCdnUrl = useCdnFn();
-
-    const webfontUrls = useMemo(
-      () =>
-        customFonts || [
-          genCdnUrl({ path: "css/index.css", pkg: "@lobehub/webfont-mono" }),
-          genCdnUrl({
-            path: "css/index.css",
-            pkg: "@lobehub/webfont-harmony-sans",
-          }),
-          genCdnUrl({
-            path: "css/index.css",
-            pkg: "@lobehub/webfont-harmony-sans-sc",
-          }),
-          genCdnUrl({ path: "dist/katex.min.css", pkg: "katex" }),
-        ],
-      [customFonts, genCdnUrl]
-    );
-
-    const stylish = useCallback(
-      (theme: CustomStylishParams) => ({
-        ...lobeCustomStylish(theme),
-        ...customStylish?.(theme),
-      }),
-      [customStylish]
-    );
-
-    const token = useCallback(
-      (theme: CustomTokenParams) => ({
-        ...lobeCustomToken(theme),
-        ...customToken?.(theme),
-      }),
-      [customToken]
-    );
-
-    const theme = useCallback<GetAntdTheme>(
-      (appearance) => {
-        const lobeTheme = createLobeAntdTheme({
-          appearance,
-          neutralColor: customTheme.neutralColor,
-          primaryColor: customTheme.primaryColor,
-        });
-        return merge(lobeTheme, antdTheme);
-      },
-      [customTheme.primaryColor, customTheme.neutralColor, antdTheme]
-    );
-
-    return (
-      <>
-        {enableCustomFonts &&
-          webfontUrls?.length > 0 &&
-          webfontUrls.map((webfont) => (
-            <FontLoader key={webfont} url={webfont} />
-          ))}
-        <AntdThemeProvider<LobeCustomToken>
-          customStylish={stylish}
-          customToken={token}
-          theme={theme}
-          {...rest}
-        >
-          {enableGlobalStyle && <GlobalStyle />}
-          <App
-            className={className}
-            style={{ minHeight: "inherit", width: "inherit", ...style }}
-          >
-            {children}
-          </App>
-        </AntdThemeProvider>
-      </>
-    );
-  }
-);
-
-ThemeProvider.displayName = "LobeThemeProvider";
-
-export default ThemeProvider;

package/dist/templates/ThemeProvider/index.md

@@ -1,69 +0,0 @@
----
-nav: Components
-group: Theme
-title: ThemeProvider
-description: ThemeProvider is a component that provides a theme to all the child components. It supports theme customization, custom stylish objects, and font loading.
----
-
-## Default
-
-<code src="./demos/index.tsx" center></code>
-
-## Custom Fonts
-
-<code src="./demos/CustomFonts.tsx" center></code>
-
-## APIs
-
-### ThemeProvider
-
-| Property          | Description                            | Type                                                             | Default                         |
-| ----------------- | -------------------------------------- | ---------------------------------------------------------------- | ------------------------------- |
-| children          | Child elements                         | `ReactNode`                                                      | -                               |
-| className         | Custom class name                      | `string`                                                         | -                               |
-| customFonts       | Custom font URLs to load               | `string[]`                                                       | Default Lobe webfonts and KaTeX |
-| customStylish     | Customize stylish objects              | `(theme: CustomStylishParams) => { [key: string]: any }`         | -                               |
-| customTheme       | Customize theme colors                 | `{ neutralColor?: NeutralColors; primaryColor?: PrimaryColors }` | -                               |
-| customToken       | Customize theme tokens                 | `(theme: CustomTokenParams) => { [key: string]: any }`           | -                               |
-| enableCustomFonts | Whether to enable custom fonts loading | `boolean`                                                        | `true`                          |
-| enableGlobalStyle | Whether to enable global style         | `boolean`                                                        | `true`                          |
-| style             | Custom style object                    | `CSSProperties`                                                  | -                               |
-
-ThemeProvider inherits all properties from antd-style's ThemeProvider component, including the common appearance-related properties.
-
-### ThemeProvider Features
-
-The ThemeProvider component provides several key features:
-
-1. **Theming**: Provides consistent theming across components with automatic light/dark mode support
-2. **Global Styles**: Applies base styles including font settings and scrollbar styling
-3. **Font Loading**: Automatically loads Lobe's custom webfonts
-4. **Style Extensions**: Adds utility styles like blur effects, gradients, and animations
-5. **Component Styling**: Enhances Ant Design components with Lobe UI styling
-
-### Customization
-
-The ThemeProvider allows for extensive customization:
-
-```tsx
-import { ThemeProvider } from '@lobehub/ui';
-
-export default () => (
-  <ThemeProvider
-    customTheme={{
-      // Customize primary colors
-      primaryColor: {
-        primary: '#1677ff',
-      },
-      // Customize neutral colors
-      neutralColor: {
-        gray: '#666',
-      },
-    }}
-    // Load custom fonts
-    customFonts={['https://fonts.googleapis.com/css2?family=Roboto&display=swap']}
-  >
-    {/* Your application content */}
-  </ThemeProvider>
-);
-```

package/dist/templates/ThemeProvider/index.ts

@@ -1,3 +0,0 @@
-export { default as Meta } from './Meta';
-export { default } from './ThemeProvider';
-export type * from './type';

package/dist/templates/ThemeProvider/type.ts

@@ -1,28 +0,0 @@
-import type {
-  ThemeProviderProps as AntdThemeProviderProps,
-  CustomStylishParams,
-  CustomTokenParams,
-} from 'antd-style';
-import type { CSSProperties } from 'react';
-
-import type { NeutralColors, PrimaryColors } from '@/styles';
-
-export interface ThemeProviderProps extends AntdThemeProviderProps<any> {
-  className?: string;
-  customFonts?: string[];
-  customStylish?: (theme: CustomStylishParams) => { [key: string]: any };
-  customTheme?: {
-    neutralColor?: NeutralColors;
-    primaryColor?: PrimaryColors;
-  };
-  customToken?: (theme: CustomTokenParams) => { [key: string]: any };
-  enableCustomFonts?: boolean;
-  enableGlobalStyle?: boolean;
-  style?: CSSProperties;
-}
-
-export interface MetaProps {
-  description?: string;
-  title?: string;
-  withManifest?: boolean;
-}

package/dist/templates/ThemeProvider.tsx

@@ -1,109 +0,0 @@
-import { App } from "antd";
-import {
-  ThemeProvider as AntdThemeProvider,
-  CustomStylishParams,
-  CustomTokenParams,
-  GetAntdTheme,
-} from "antd-style";
-import { merge } from "lodash-es";
-import React, { memo, useCallback, useMemo } from "react";
-
-import { useCdnFn } from "@/components/ConfigProvider";
-import FontLoader from "@/components/FontLoader";
-import { lobeCustomStylish, lobeCustomToken } from "@/styles";
-import { createLobeAntdTheme } from "@/styles/theme/antdTheme";
-import { LobeCustomToken } from "@/types/customToken";
-
-import GlobalStyle from "./GlobalStyle";
-import type { ThemeProviderProps } from "./type";
-
-const ThemeProvider = memo<ThemeProviderProps>(
-  ({
-    children,
-    customStylish,
-    customToken,
-    enableCustomFonts = true,
-    enableGlobalStyle = true,
-    customFonts,
-    customTheme = {},
-    className,
-    style,
-    theme: antdTheme,
-    ...rest
-  }) => {
-    const genCdnUrl = useCdnFn();
-
-    const webfontUrls = useMemo(
-      () =>
-        customFonts || [
-          genCdnUrl({ path: "css/index.css", pkg: "@lobehub/webfont-mono" }),
-          genCdnUrl({
-            path: "css/index.css",
-            pkg: "@lobehub/webfont-harmony-sans",
-          }),
-          genCdnUrl({
-            path: "css/index.css",
-            pkg: "@lobehub/webfont-harmony-sans-sc",
-          }),
-          genCdnUrl({ path: "dist/katex.min.css", pkg: "katex" }),
-        ],
-      [customFonts, genCdnUrl]
-    );
-
-    const stylish = useCallback(
-      (theme: CustomStylishParams) => ({
-        ...lobeCustomStylish(theme),
-        ...customStylish?.(theme),
-      }),
-      [customStylish]
-    );
-
-    const token = useCallback(
-      (theme: CustomTokenParams) => ({
-        ...lobeCustomToken(theme),
-        ...customToken?.(theme),
-      }),
-      [customToken]
-    );
-
-    const theme = useCallback<GetAntdTheme>(
-      (appearance) => {
-        const lobeTheme = createLobeAntdTheme({
-          appearance,
-          neutralColor: customTheme.neutralColor,
-          primaryColor: customTheme.primaryColor,
-        });
-        return merge(lobeTheme, antdTheme);
-      },
-      [customTheme.primaryColor, customTheme.neutralColor, antdTheme]
-    );
-
-    return (
-      <>
-        {enableCustomFonts &&
-          webfontUrls?.length > 0 &&
-          webfontUrls.map((webfont) => (
-            <FontLoader key={webfont} url={webfont} />
-          ))}
-        <AntdThemeProvider<LobeCustomToken>
-          customStylish={stylish}
-          customToken={token}
-          theme={theme}
-          {...rest}
-        >
-          {enableGlobalStyle && <GlobalStyle />}
-          <App
-            className={className}
-            style={{ minHeight: "inherit", width: "inherit", ...style }}
-          >
-            {children}
-          </App>
-        </AntdThemeProvider>
-      </>
-    );
-  }
-);
-
-ThemeProvider.displayName = "LobeThemeProvider";
-
-export default ThemeProvider;

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

@@ -1,47 +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 darkBaseToken from "../token/dark";
-
-export const darkAlgorithm: MappingAlgorithm = (seedToken, mapToken) => {
-  const primaryColor = (seedToken as any).primaryColor as PrimaryColors;
-  const neutralColor = (seedToken as any).neutralColor as NeutralColors;
-
-  let primaryTokens = {};
-  let neutralTokens = {};
-
-  // generate primary color Token with colorPrimary
-  const primaryScale: ColorScaleItem = colorScales[primaryColor];
-
-  if (primaryScale) {
-    primaryTokens = generateColorPalette({
-      appearance: "dark",
-      scale: primaryScale,
-      type: "Primary",
-    });
-  }
-
-  // generate neutral color Token with colorBgBase
-  const neutralScale = neutralColorScales[neutralColor];
-  if (neutralScale) {
-    neutralTokens = generateColorNeutralPalette({
-      appearance: "dark",
-      scale: neutralScale,
-    });
-  }
-
-  return {
-    ...mapToken!,
-    ...darkBaseToken,
-    ...primaryTokens,
-    ...neutralTokens,
-  };
-};

package/dist/templates/algorithms/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,
-  };
-};