@bbki.ng/site 5.5.16 → 5.5.18

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @bbki.ng/site
 
+## 5.5.18
+
+### Patch Changes
+
+- 43fb1e3: add xwy plugin
+- Updated dependencies [43fb1e3]
+  - @bbki.ng/ui@0.2.12
+
+## 5.5.17
+
+### Patch Changes
+
+- ae8b5c4: add cd plugin
+
 ## 5.5.16
 
 ### Patch Changes

package/index.d.ts

@@ -1,5 +1,18 @@
+import React from 'react';
+
 declare const GLOBAL_BBKING_VERSION: string;
 declare const GLOBAL_COMMIT_HASH: string;
 interface ImportMeta {
-  glob: (pattern: string) => Record<string, () => Promise<any>>;
+  glob: (pattern: string) => Record<string, () => Promise<unknown>>;
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      'bb-img': React.DetailedHTMLProps<
+        React.ImgHTMLAttributes<HTMLImageElement>,
+        HTMLImageElement
+      >;
+    }
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "5.5.16",
+  "version": "5.5.18",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "type": "module",
@@ -14,7 +14,7 @@
     "react-dom": "^18.0.0",
     "react-router-dom": "6",
     "swr": "^2.2.5",
-    "@bbki.ng/ui": "0.2.11"
+    "@bbki.ng/ui": "0.2.12"
   },
   "devDependencies": {
     "@eslint/compat": "^1.0.0",
@@ -57,7 +57,7 @@
     "vite-plugin-mdx": "^3.5.8",
     "vite-plugin-pwa": "0.19",
     "workbox-window": "^6.3.0",
-    "@bbki.ng/config": "1.0.6"
+    "@bbki.ng/config": "1.0.8"
   },
   "author": "bbbottle",
   "license": "MIT",

package/src/blog/app.tsx

@@ -1,24 +1,28 @@
-import React, { useContext, useEffect } from 'react';
-import { Outlet, Route, Routes } from 'react-router-dom';
-import { Cover, Streaming } from './pages';
-import { Nav, NotFound, Page, Grid, ErrorBoundary, Container } from '@bbki.ng/ui';
+import React, { useContext } from 'react';
+import { Outlet, Route, Routes, useNavigate } from 'react-router-dom';
+import { Logo, Nav, NotFound, Page, Grid, ErrorBoundary, Container } from '@bbki.ng/ui';
 
+import { usePaths } from '@/hooks';
 import ArticlePage from '@/pages/extensions/txt/article';
 import Txt from '@/pages/extensions/txt';
-
-import { usePaths } from '@/hooks';
-import { SWR } from '@/swr';
 import { GlobalLoadingContext } from '@/context/global_loading_state_provider';
 import { BotRedirect } from '@/pages/bot';
 import { BBContext } from '@/context/bbcontext';
 import { Slot } from '#/core/components/SlotComp';
 import { usePlugins } from '#/core/hooks/use_plugins';
-import { useDynamicLogo } from './hooks/use_dynamic_logo';
+import { SWR } from '@/swr';
+
+import { Cover, Streaming } from './pages';
 
 const Layout = () => {
   const paths = usePaths();
   const { isLoading } = useContext(GlobalLoadingContext);
-  const logo = useDynamicLogo();
+
+  const nav = useNavigate();
+
+  const defaultLogo = (
+    <Logo className="mr-2 cursor-pointer hover:opacity-80" onClick={() => nav('/')} />
+  );
 
   return (
     <Page
@@ -27,7 +31,7 @@ const Layout = () => {
           paths={paths}
           className="gradient-blur-cover select-none"
           loading={isLoading}
-          customLogo={logo}
+          customLogo={<Slot name="logo" data={defaultLogo} placeholder={defaultLogo} />}
           style={{
             paddingTop: 'var(--safe-top)',
             transition: 'all .2s ease-in-out',
@@ -59,7 +63,7 @@ const Layout = () => {
 };
 
 export const App = () => {
-  usePlugins(['sticker', 'fontstyler']);
+  usePlugins(['sticker', 'xwy', 'extra-cd']);
 
   return (
     <SWR>

package/src/blog/components/Spinner.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
-import { useLoading } from '@/hooks';
+import { useGlobalLoading } from '@/hooks';
 
 export const Spinner = (props: { disableDotIndicator?: boolean }) => {
   const { disableDotIndicator } = props;
 
-  useLoading('spinner', !disableDotIndicator);
+  useGlobalLoading('spinner', !disableDotIndicator);
 
   return <div className="h-full w-full grid place-items-center"></div>;
 };

package/src/blog/components/effect-layer/EffectContextProvider.tsx

@@ -1,5 +1,4 @@
 import React, { ReactNode, useContext, useMemo } from 'react';
-
 import { EffectLayer, grain, paper, spiral, watermark, Effect } from '@bbki.ng/ui';
 
 import { GlobalLoadingContext } from '@/context/global_loading_state_provider';

package/src/blog/context/bbcontext.tsx

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
+
 import { GlobalLoadingStateProvider } from '@/context/global_loading_state_provider';
-import { GlobalRoutesContext, GlobalRoutesProvider } from '@/context/global_routes_provider';
+import { GlobalRoutesProvider } from '@/context/global_routes_provider';
 import { EffectContextProvider } from '@/components/effect-layer/EffectContextProvider';
 
 export const BBContext = (props: { children: ReactNode }) => {

package/src/blog/context/global_loading_state_provider.tsx

@@ -1,4 +1,5 @@
 import React, { createContext, ReactNode, useState, useCallback, useMemo } from 'react';
+
 import { useFontLoading } from '@/hooks/use_font_loading';
 
 type LoadingStates = Map<string, boolean>;
@@ -48,8 +49,8 @@ export const GlobalLoadingStateProvider = (props: { children: ReactNode }) => {
   }, []);
 
   const isLoading = useMemo(() => {
-    return Array.from(loadingStates.values()).some(Boolean);
-  }, [loadingStates]);
+    return Array.from(loadingStates.values()).some(Boolean) || isFontLoading;
+  }, [loadingStates, isFontLoading]);
 
   const contextValue = useMemo(
     () => ({

package/src/blog/hooks/index.ts

@@ -1,4 +1,4 @@
 export { usePaths } from './use_paths';
 export { useStreaming } from './use_streaming';
 export type { StreamingItem } from './use_streaming';
-export { useLoading } from './use_loading';
+export { useGlobalLoading } from './use_loading';

package/src/blog/hooks/use_loading.ts

@@ -1,4 +1,5 @@
 import { useContext, useEffect } from 'react';
+
 import { GlobalLoadingContext } from '@/context/global_loading_state_provider';
 
 /**
@@ -7,23 +8,19 @@ import { GlobalLoadingContext } from '@/context/global_loading_state_provider';
  *
  * @param id - Unique identifier for this loading state
  * @param loading - Whether this specific loading state is active
- *
- * @example
- * // In a data fetching hook
- * useLoading('posts', isDataLoading);
- *
- * @example
- * // In a component
- * useLoading('spinner', true);
  */
-export function useLoading(id: string, loading: boolean) {
-  const { register, setLoading, unregister } = useContext(GlobalLoadingContext);
+export function useGlobalLoading(id: string | undefined, loading: boolean | undefined) {
+  const { register, setLoading, unregister, isLoading } = useContext(GlobalLoadingContext);
 
   useEffect(() => {
+    if (!id || loading === undefined) return;
+
     register(id);
     setLoading(id, loading);
     return () => {
       unregister(id);
     };
-  }, [id, loading, register, setLoading, unregister]);
+  }, [id, loading]);
+
+  return isLoading;
 }

package/src/blog/hooks/use_posts.ts

@@ -1,13 +1,12 @@
 import useSWR from 'swr';
 import { useMemo } from 'react';
-import { useLoading } from '@/hooks';
+
+import { useGlobalLoading } from '@/hooks';
 import { baseFetcher } from '@/utils';
 import { API_ENDPOINT } from '@/constants/routes';
 import { useMiddlewareTransData } from '#/core/hooks';
 
-// In dev, use /api prefix to leverage Vite proxy to localhost:8787
 const isProd = true;
-// const isProd = typeof window !== 'undefined' && /^https:\/\/bbki\.ng/.test(window.location.href);
 const POSTS_API = !isProd ? '/api/posts' : `${API_ENDPOINT}/posts`;
 
 export interface TitleListItem {
@@ -23,25 +22,17 @@ export const usePosts = (name: string = '', suspense?: boolean) => {
     suspense,
   });
 
-  // Extract posts array from API response { status: "success", data: [...] }
   const data = response?.data;
   const isDataLoading = !data && !swrError;
 
-  // Build base title list from posts data
   const baseTitleList: TitleListItem[] = useMemo(() => {
     if (!data || swrError) return [];
-    return [
-      ...data.map((p: any) => ({
-        name: p.title,
-        to: p.title,
-        children: p.title,
-      })),
-      {
-        name: 'cd ~',
-        to: '/',
-        children: 'cd ~',
-      },
-    ];
+
+    return data.map((p: any) => ({
+      name: p.title,
+      to: p.title,
+      children: p.title,
+    }));
   }, [data, swrError]);
 
   // Use middleware hook to transform title list
@@ -55,7 +46,7 @@ export const usePosts = (name: string = '', suspense?: boolean) => {
     immediate: baseTitleList.length > 0,
   });
 
-  useLoading('posts', isDataLoading || isTransforming);
+  const gLoading = useGlobalLoading('posts', isDataLoading || isTransforming);
 
   const posts =
     isDataLoading || name === '' || swrError || !data
@@ -66,6 +57,6 @@ export const usePosts = (name: string = '', suspense?: boolean) => {
     posts,
     titleList: titleList ?? [],
     isError: swrError || transformError,
-    isLoading: isDataLoading || (baseTitleList.length > 0 && isTransforming),
+    isLoading: gLoading,
   };
 };

package/src/blog/hooks/use_streaming.ts

@@ -1,9 +1,10 @@
 import useSWR from 'swr';
-import useSWRInfinite from 'swr/infinite';
-import { baseFetcher, withBBApi } from '@/utils';
+import { useEffect, useState } from 'react';
+
+import { baseFetcher } from '@/utils';
 import { API_ENDPOINT } from '@/constants/routes';
-import { useEffect, useState, useCallback } from 'react';
-import { useLoading } from '@/hooks';
+
+import { useGlobalLoading } from './use_loading';
 
 // In dev, use /api prefix to leverage Vite proxy to localhost:8787
 // const isProd = typeof window !== 'undefined' && /^https:\/\/bbki.ng/.test(window.location.href);
@@ -101,7 +102,7 @@ export function useStreaming(options: UseStreamingOptions = {}) {
     });
   }, []);
 
-  useLoading('streaming', isLoading);
+  useGlobalLoading('streaming', isLoading);
 
   return {
     streaming: data?.data ?? [],

package/src/core/components/SlotComp.tsx

@@ -1,15 +1,23 @@
 import React from 'react';
-import { SlotName } from 'src/types/slots';
+
+import { SlotName } from '#/types/slots';
+
 import { useSlotComp } from '../hooks/useSlotComp';
 
 export interface ISlotProps {
   name: SlotName;
   data?: unknown;
+
+  placeholder?: React.ReactNode;
 }
 
-export const Slot: React.FC<ISlotProps> = ({ name, data }) => {
+export const Slot: React.FC<ISlotProps> = ({ name, data, placeholder }) => {
   const components = useSlotComp(name);
 
+  if (components.length === 0) {
+    return <>{placeholder}</>;
+  }
+
   return (
     <>
       {components.map((Component, index) => (

package/src/core/hooks/useSlotComp.ts

@@ -1,5 +1,7 @@
-import { SlotName } from 'src/types/slots';
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
+
+import { SlotName } from '#/types/slots';
+
 import { registry } from '../registry';
 
 export const useSlotComp = (slotName: SlotName) => {

package/src/core/hooks/use_plugins.ts

@@ -1,6 +1,7 @@
 import { useEffect } from 'react';
 
 import { pluginManager } from '#/core/pluginManager';
+import { PluginID } from '#/types/plugin';
 
 /**
  * 通用插件管理 hook
@@ -11,7 +12,7 @@ import { pluginManager } from '#/core/pluginManager';
  * @example
  * usePlugins(['sticker', 'fontstyler']);
  */
-export const usePlugins = (pluginIds: string[]) => {
+export const usePlugins = (pluginIds: Array<PluginID>) => {
   useEffect(() => {
     // 加载指定的插件
     pluginIds.forEach(id => {

package/src/plugins/extra-cd/index.ts

@@ -0,0 +1,38 @@
+import { IHostContext } from '#/types/hostApi';
+import { IPlugin } from '#/types/plugin';
+import { TitleListItem } from '#/types/posts';
+
+class ExtraCd implements IPlugin {
+  id: string = 'extra-cd';
+  name: string = 'Extra CD';
+  description: string =
+    'Provides additional change directory functionalities for enhanced user experience.';
+  version: string = '1.0.0';
+  author: string = 'bbki.ng';
+
+  async onInstall(ctx: IHostContext): Promise<void> {
+    // Initialize any required resources or settings
+    ctx.api.registerMiddleware('transformTitleList', this.transformTitleList, this.id, 10);
+  }
+
+  async onDisable(): Promise<void> {
+    // Clean up active operations
+  }
+
+  onDestroy(): void {
+    // Release all resources
+  }
+
+  private transformTitleList = (titleList: Array<TitleListItem>) => {
+    return [
+      ...titleList,
+      {
+        name: 'cd ~',
+        to: '/',
+        children: 'cd ~',
+      },
+    ];
+  };
+}
+
+export default new ExtraCd();

package/src/plugins/manifest.ts

@@ -1,10 +1,4 @@
 export const PLUGIN_MANIFEST = [
-  {
-    name: 'test',
-    id: 'test',
-    version: '0.1.0',
-    description: 'A test plugin',
-  },
   {
     name: 'sticker',
     id: 'sticker',
@@ -12,9 +6,16 @@ export const PLUGIN_MANIFEST = [
     description: 'A sticker plugin',
   },
   {
-    name: 'fontstyler',
-    id: 'fontstyler',
+    name: 'extra-cd',
+    id: 'extra-cd',
+    version: '0.1.0',
+    description:
+      'Provides additional change directory functionalities for enhanced user experience.',
+  },
+  {
+    name: 'xwy',
+    id: 'xwy',
     version: '0.1.0',
-    description: 'Apply custom fonts to specific post',
+    description: 'customize for xwy',
   },
 ];

package/src/plugins/sticker/components/StickerCom.tsx

@@ -3,17 +3,6 @@ import React from 'react';
 
 import { StickerCtx } from '../context';
 
-declare global {
-  namespace JSX {
-    interface IntrinsicElements {
-      'bb-img': React.DetailedHTMLProps<
-        React.ImgHTMLAttributes<HTMLImageElement>,
-        HTMLImageElement
-      >;
-    }
-  }
-}
-
 export const StickerCom = ({ data }: { data: PathObj[] }) => {
   const ctx = StickerCtx.useCtx();
 

package/src/plugins/sticker/index.ts

@@ -1,5 +1,6 @@
 import { IHostContext } from '#/types/hostApi';
 import { IPlugin } from '#/types/plugin';
+
 import { StickerCom } from './components/StickerCom';
 import { IStickerCtx, StickerCtx } from './context';
 

package/src/{blog/components/Pochacco/xwy.tsx → plugins/xwy/components/logo.tsx}

@@ -1,4 +1,5 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
+import { useLocation } from 'react-router-dom';
 
 export const Crows = () => {
   return (
@@ -11,3 +12,13 @@ export const Crows = () => {
     </svg>
   );
 };
+
+export const XwyLogo = ({ data: defaultLogo }: { data: ReactNode }) => {
+  const location = useLocation();
+
+  if (decodeURIComponent(location.pathname).includes('小乌鸦')) {
+    return <Crows />;
+  }
+
+  return <>{defaultLogo}</>;
+};

package/src/plugins/xwy/const/index.ts

@@ -0,0 +1,15 @@
+import { FontRule } from '../types';
+
+export const FontRules: Array<FontRule> = [
+  {
+    match: '小乌鸦合集',
+    fontFamily: 'xwy',
+    fontConfig: {
+      name: 'xwy',
+      src: '/fonts/xwy.woff2',
+      format: 'woff2',
+    },
+    extraCls: 'text-2xl',
+    variant: 'special',
+  },
+];

package/src/plugins/xwy/index.ts

@@ -0,0 +1,73 @@
+import { IHostContext } from '#/types/hostApi';
+import { IPlugin } from '#/types/plugin';
+import { TitleListItem } from '#/types/posts';
+
+import { XwyLogo } from './components/logo';
+import { FontRules } from './const';
+import { loadFont } from './utils';
+
+class XwyPlugin implements IPlugin {
+  id = 'fontstyler';
+  name = 'Font Styler';
+  description = 'Apply custom fonts to specific post titles';
+  version = '1.0.0';
+  author = 'bbki.ng';
+
+  private loadedFonts = new Set<string>();
+
+  onInstall = (ctx: IHostContext) => {
+    // 加载所有需要的字体文件
+    FontRules.forEach(rule => {
+      if (rule.fontConfig && !this.loadedFonts.has(rule.fontConfig.name)) {
+        loadFont(rule.fontConfig);
+        this.loadedFonts.add(rule.fontConfig.name);
+      }
+    });
+
+    // 注册中间件，修改标题列表
+    ctx.api.registerMiddleware(
+      'transformTitleList',
+      this.transformTitleList,
+      this.id,
+      10 // weight
+    );
+
+    // 注册logo插槽组件
+    ctx.api.registerSlot('logo', XwyLogo, this.id);
+  };
+
+  /**
+   * 转换标题列表，为匹配的标题添加字体类名
+   */
+  private transformTitleList = (titleList: TitleListItem[]): TitleListItem[] => {
+    return titleList.map(item => {
+      for (const rule of FontRules) {
+        const match =
+          typeof rule.match === 'string' ? item.name === rule.match : rule.match.test(item.name);
+
+        if (match) {
+          return {
+            ...item,
+            variant: rule.variant || 'default',
+            className: `font-${rule.fontFamily} ${rule.extraCls || ''}`.trim(),
+          };
+        }
+      }
+      return item;
+    });
+  };
+
+  onDisable = async () => {
+    this.loadedFonts.forEach(fontName => {
+      const styleEl = document.getElementById(`font-${fontName}`);
+      if (styleEl) {
+        styleEl.remove();
+      }
+    });
+    this.loadedFonts.clear();
+  };
+
+  onDestroy = () => {};
+}
+
+export default new XwyPlugin();

package/src/plugins/xwy/types/index.ts

@@ -0,0 +1,15 @@
+export interface FontConfig {
+  name: string;
+  src: string;
+  format: 'woff2' | 'woff' | 'ttf' | 'otf';
+  fontWeight?: string;
+  fontStyle?: string;
+}
+
+export interface FontRule {
+  match: string | RegExp;
+  fontFamily: string;
+  fontConfig?: FontConfig;
+  extraCls?: string;
+  variant?: 'default' | 'special';
+}

package/src/plugins/xwy/utils/index.ts

@@ -0,0 +1,22 @@
+import { type FontConfig } from '../types';
+
+export const loadFont = (config: FontConfig) => {
+  const styleId = `font-${config.name}`;
+  if (document.getElementById(styleId)) return;
+
+  const style = document.createElement('style');
+  style.id = styleId;
+  style.textContent = `
+      @font-face {
+        font-family: '${config.name}';
+        src: url('${config.src}') format('${config.format}');
+        font-weight: ${config.fontWeight || 'normal'};
+        font-style: ${config.fontStyle || 'normal'};
+        font-display: swap;
+      }
+      .font-${config.name} {
+        font-family: '${config.name}', monospace;
+      }
+    `;
+  document.head.appendChild(style);
+};

package/src/types/hostApi.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 
-import { HookPoint, SlotName } from './slots';
 import { type FingerprintData } from '@/utils/fingerprints';
 
+import { HookPoint, SlotName } from './slots';
+
 export interface IHostApi {
   getDeviceId: () => Promise<{ id: string; fp: FingerprintData }>;
   registerMiddleware: <T>(

package/src/types/plugin.ts

@@ -11,3 +11,5 @@ export interface IPlugin {
   onDisable?: () => Promise<void> | void;
   onDestroy?: () => void;
 }
+
+export type PluginID = 'sticker' | 'xwy' | 'extra-cd';

package/src/types/posts.ts

@@ -0,0 +1,7 @@
+export interface TitleListItem {
+  name: string;
+  to: string;
+  children: string;
+  className?: string;
+  variant?: 'default' | 'special';
+}

package/src/types/slots.ts

@@ -1,2 +1,2 @@
-export type SlotName = 'leftCol' | 'rightCol' | 'articleActionRow';
+export type SlotName = 'leftCol' | 'rightCol' | 'articleActionRow' | 'logo';
 export type HookPoint = 'filterPosts' | 'transformPostContent' | 'transformTitleList';

package/tsconfig.json

@@ -5,6 +5,7 @@
     "jsx": "react",
     "noEmit": true,
     "moduleResolution": "bundler",
+    "ignoreDeprecations": "6.0",
     "baseUrl": ".",
     "paths": {
       "@/*": ["src/blog/*"],

package/src/blog/hooks/use_dynamic_logo.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { Role, useRole } from './use_role';
-import { useLocation } from 'react-router-dom';
-import { Crows } from '@/components/Pochacco/xwy';
-
-export const useDynamicLogo = () => {
-  const role = useRole();
-  const location = useLocation();
-
-  if (decodeURIComponent(location.pathname).includes('小乌鸦')) {
-    return <Crows />;
-  }
-
-  return null;
-};

package/src/plugins/fontstyler/index.ts

@@ -1,132 +0,0 @@
-import { IHostContext } from '#/types/hostApi';
-import { IPlugin } from '#/types/plugin';
-
-export interface TitleListItem {
-  name: string;
-  to: string;
-  children: string;
-  className?: string;
-}
-
-export interface FontConfig {
-  name: string;
-  src: string;
-  format: 'woff2' | 'woff' | 'ttf' | 'otf';
-  fontWeight?: string;
-  fontStyle?: string;
-}
-
-export interface FontRule {
-  match: string | RegExp;
-  fontFamily: string;
-  fontConfig?: FontConfig;
-  extraCls?: string;
-}
-
-class FontStylerPlugin implements IPlugin {
-  id = 'fontstyler';
-  name = 'Font Styler';
-  description = 'Apply custom fonts to specific post titles';
-  version = '1.0.0';
-  author = 'bbki.ng';
-
-  /**
-   * 配置：标题匹配规则 → 字体配置
-   * 支持精确字符串匹配或正则表达式匹配
-   *
-   * 示例：
-   * - 精确匹配: { match: '某篇文章标题', fontFamily: 'CustomFont1', fontConfig: {...} }
-   * - 正则匹配: { match: /^示例/, fontFamily: 'CustomFont2', fontConfig: {...} }
-   */
-  private fontRules: FontRule[] = [
-    {
-      match: '小乌鸦合集',
-      fontFamily: 'xwy',
-      fontConfig: {
-        name: 'xwy',
-        src: '/fonts/xwy.woff2',
-        format: 'woff2',
-      },
-      extraCls: 'text-2xl',
-    },
-  ];
-
-  private loadedFonts = new Set<string>();
-
-  onInstall = (ctx: IHostContext) => {
-    // 加载所有需要的字体文件
-    this.fontRules.forEach(rule => {
-      if (rule.fontConfig && !this.loadedFonts.has(rule.fontConfig.name)) {
-        this.loadFont(rule.fontConfig);
-        this.loadedFonts.add(rule.fontConfig.name);
-      }
-    });
-
-    ctx.api.registerMiddleware(
-      'transformTitleList',
-      this.transformTitleList,
-      this.id,
-      10 // weight
-    );
-  };
-
-  /**
-   * 动态加载字体文件
-   * 通过创建 style 标签添加 @font-face 规则
-   */
-  private loadFont = (config: FontConfig) => {
-    const styleId = `font-${config.name}`;
-    if (document.getElementById(styleId)) return;
-
-    const style = document.createElement('style');
-    style.id = styleId;
-    style.textContent = `
-      @font-face {
-        font-family: '${config.name}';
-        src: url('${config.src}') format('${config.format}');
-        font-weight: ${config.fontWeight || 'normal'};
-        font-style: ${config.fontStyle || 'normal'};
-        font-display: swap;
-      }
-      .font-${config.name} {
-        font-family: '${config.name}', monospace;
-      }
-    `;
-    document.head.appendChild(style);
-  };
-
-  /**
-   * 转换标题列表，为匹配的标题添加字体类名
-   */
-  private transformTitleList = (titleList: TitleListItem[]): TitleListItem[] => {
-    return titleList.map(item => {
-      for (const rule of this.fontRules) {
-        const match =
-          typeof rule.match === 'string' ? item.name === rule.match : rule.match.test(item.name);
-
-        if (match) {
-          return {
-            ...item,
-            className: `font-${rule.fontFamily} ${rule.extraCls || ''}`.trim(),
-          };
-        }
-      }
-      return item;
-    });
-  };
-
-  onDisable = async () => {
-    // 清理加载的字体样式
-    this.loadedFonts.forEach(fontName => {
-      const styleEl = document.getElementById(`font-${fontName}`);
-      if (styleEl) {
-        styleEl.remove();
-      }
-    });
-    this.loadedFonts.clear();
-  };
-
-  onDestroy = () => {};
-}
-
-export default new FontStylerPlugin();

package/src/plugins/test/components/emoji.tsx

@@ -1,8 +0,0 @@
-import { type PathObj } from '@bbki.ng/ui';
-import React from 'react';
-
-export const Emoji = ({ data }: { data: any }) => {
-  const path = data as PathObj[];
-  console.log(path);
-  return <span>😊</span>;
-};

package/src/plugins/test/index.ts

@@ -1,22 +0,0 @@
-import { IHostContext } from '#/types/hostApi';
-import { IPlugin } from '#/types/plugin';
-import { Emoji } from './components/emoji';
-
-class TestPlugin implements IPlugin {
-  id: string = 'test';
-  name: string = 'Test Plugin';
-  description?: string | undefined;
-  version: string = '0.1.0';
-  author?: string | undefined;
-
-  onInstall?: ((ctx: IHostContext) => void) | undefined = (ctx: IHostContext) => {
-    ctx.api.registerSlot('leftCol', Emoji, this.id);
-  };
-
-  onDisable?: (() => Promise<void> | void) | undefined;
-  onDestroy?: (() => void) | undefined;
-}
-
-const testPlugin = new TestPlugin();
-
-export default testPlugin;