@bbki.ng/site 5.8.11 → 6.0.1

package/src/plugins/store/components/storeIcon.tsx

@@ -1,16 +0,0 @@
-import { Link } from '@bbki.ng/ui';
-
-const CupIcon = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16">
-    <path d="M8.75 8h6.5a.75.75 0 0 1 .75.75v6.5a.75.75 0 0 1-.75.75h-6.5a.75.75 0 0 1-.75-.75v-6.5A.75.75 0 0 1 8.75 8Zm.75 6.5h5v-5h-5Z"></path>
-    <path d="M15.25 1a.75.75 0 0 1 .75.75V4h2.25c.966 0 1.75.784 1.75 1.75V8h2.25a.75.75 0 0 1 0 1.5H20v5h2.25a.75.75 0 0 1 0 1.5H20v2.25A1.75 1.75 0 0 1 18.25 20H16v2.25a.75.75 0 0 1-1.5 0V20h-5v2.25a.75.75 0 0 1-1.5 0V20H5.75A1.75 1.75 0 0 1 4 18.25V16H1.75a.75.75 0 0 1 0-1.5H4v-5H1.75a.75.75 0 0 1 0-1.5H4V5.75C4 4.784 4.784 4 5.75 4H8V1.75a.75.75 0 0 1 1.5 0V4h5V1.75a.75.75 0 0 1 .75-.75Zm3 17.5a.25.25 0 0 0 .25-.25V5.75a.25.25 0 0 0-.25-.25H5.75a.25.25 0 0 0-.25.25v12.5c0 .138.112.25.25.25Z"></path>
-  </svg>
-);
-
-export const StoreIcon = () => {
-  return (
-    <Link to="/store" className="flex items-center">
-      <CupIcon />
-    </Link>
-  );
-};

package/src/plugins/store/components/storePage.tsx

@@ -1,202 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import classNames from 'classnames';
-import { Button, Table, Link } from '@bbki.ng/ui';
-
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-import { IPluginStoreEntry, PluginID } from '#/types/plugin';
-
-import { StoreCtx } from '../context';
-import { pluginDepDescForHuman } from '../utils';
-
-// 空状态展示
-const EmptyState = () => (
-  <div className="flex flex-col items-center justify-center p-8 text-content-secondary">
-    <p className="text-sm">暂无可用插件</p>
-  </div>
-);
-
-// 错误状态展示
-const ErrorState = ({ error, onRetry }: { error: Error; onRetry: () => void }) => (
-  <div className="flex flex-col items-start justify-center p-8">
-    <p className="text-content-danger text-sm mb-4">加载失败: {error.message}</p>
-    <Button onClick={onRetry} size="sm">
-      重试
-    </Button>
-  </div>
-);
-
-export const StorePage = (_: IComPropsRegisteredToSlot) => {
-  const { list, setLoading, isInstalled, install, uninstall, get, notificationService } =
-    StoreCtx.useCtx();
-  const [plugins, setPlugins] = useState<Array<IPluginStoreEntry>>([]);
-  const [error, setError] = useState<Error | null>(null);
-
-  useEffect(() => {
-    let cancelled = false;
-
-    const fetchPlugins = async () => {
-      setLoading(true);
-      setError(null);
-
-      try {
-        const pluginList = await list();
-        if (!cancelled) {
-          setPlugins(pluginList);
-        }
-      } catch (err) {
-        if (!cancelled) {
-          setError(err instanceof Error ? err : new Error('获取插件列表失败'));
-        }
-      } finally {
-        if (!cancelled) {
-          setLoading(false);
-        }
-      }
-    };
-
-    fetchPlugins();
-
-    return () => {
-      cancelled = true;
-    };
-  }, [list, setLoading]);
-
-  const refreshList = useCallback(async () => {
-    try {
-      const pluginList = await list();
-      setPlugins(pluginList);
-      setError(null);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error('刷新列表失败'));
-    }
-  }, [list]);
-
-  const handleInstall = useCallback(
-    async (id: PluginID) => {
-      setLoading(true);
-      setError(null);
-
-      try {
-        const success = await install(id, true);
-        if (success) {
-          await refreshList();
-        } else {
-          notificationService.notify({
-            message: `安装插件失败，依赖缺失或其他错误`,
-          });
-        }
-      } catch (err) {
-        notificationService.notify({
-          message: `安装插件失败: ${err instanceof Error ? err.message : String(err)}`,
-        });
-      } finally {
-        setLoading(false);
-      }
-    },
-    [install, refreshList, setLoading, notificationService]
-  );
-
-  const handleUninstall = useCallback(
-    async (id: PluginID) => {
-      setLoading(true);
-      setError(null);
-
-      try {
-        await uninstall(id);
-        await refreshList();
-      } catch (err) {
-        setError(err instanceof Error ? err : new Error('卸载失败'));
-      } finally {
-        setLoading(false);
-      }
-    },
-    [uninstall, refreshList, setLoading]
-  );
-
-  const headerRenderer = useCallback(() => {
-    return (
-      <>
-        <Table.HCell>功能清单</Table.HCell>
-        <Table.HCell style={{ width: 'unset', maxWidth: 'unset' }}>&nbsp;</Table.HCell>
-        <Table.HCell style={{ textAlign: 'right' }}>&nbsp;</Table.HCell>
-      </>
-    );
-  }, []);
-
-  const rowRenderer = useCallback(
-    (index: number) => {
-      if (index < 0 || index >= plugins.length) {
-        return null;
-      }
-
-      const plugin = plugins[index];
-      const pluginInstalled = isInstalled(plugin.id);
-
-      return (
-        <>
-          <Table.Cell>{plugin.name}</Table.Cell>
-          <Table.Cell style={{ width: 'unset', maxWidth: 'unset' }}>
-            {plugin.description}
-            {plugin.dependencies && plugin.dependencies.length > 0 && (
-              <div className="mt-4 text-xs text-content-secondary">
-                {pluginDepDescForHuman(plugin, get)}
-              </div>
-            )}
-          </Table.Cell>
-          <Table.Cell style={{ textAlign: 'right' }}>
-            {pluginInstalled ? (
-              <Button
-                variant="ghost"
-                className="text-content-danger"
-                onClick={() => handleUninstall(plugin.id)}
-              >
-                卸载
-              </Button>
-            ) : (
-              <Button color="primary" onClick={() => handleInstall(plugin.id)}>
-                安装
-              </Button>
-            )}
-          </Table.Cell>
-        </>
-      );
-    },
-    [plugins, isInstalled, get, handleUninstall, handleInstall]
-  );
-
-  if (error) {
-    return (
-      <div className="prose">
-        <ErrorState error={error} onRetry={refreshList} />
-      </div>
-    );
-  }
-
-  if (plugins.length === 0) {
-    return (
-      <div className="prose">
-        <EmptyState />
-      </div>
-    );
-  }
-
-  return (
-    <>
-      <div className="prose">
-        <Table
-          className="w-full"
-          rowCount={plugins.length}
-          headerRenderer={headerRenderer}
-          rowRenderer={rowRenderer}
-        />
-      </div>
-      <Link
-        className={classNames('w-fit relative transition-all duration-300 mt-16')}
-        to="/"
-        style={{ left: -4 }}
-      >
-        cd ..
-      </Link>
-    </>
-  );
-};

package/src/plugins/store/context/index.ts

@@ -1,15 +0,0 @@
-import { createPluginCtx } from '#/core/context';
-import { NotificationService } from '#/plugins/notification/services/NotificationService';
-import { IPluginStoreEntry, PluginID } from '#/types/plugin';
-
-export interface IStoreCtx {
-  install: (pid: PluginID, manual?: boolean) => Promise<boolean>;
-  uninstall: (pid: PluginID) => Promise<void>;
-  isInstalled: (pid: PluginID) => boolean;
-  list: () => Promise<Array<IPluginStoreEntry>> | Array<IPluginStoreEntry>;
-  get: (pid: PluginID) => IPluginStoreEntry | undefined;
-  setLoading: (loading: boolean) => void;
-  notificationService: NotificationService | Record<string, never>;
-}
-
-export const StoreCtx = createPluginCtx<IStoreCtx>();

package/src/plugins/store/index.ts

@@ -1,57 +0,0 @@
-import { BBPlugin } from '#/core/plugin-system/bbplugin';
-import { IHostContext } from '#/types/hostApi';
-import { PluginID } from '#/types/plugin';
-
-import { ArrowCom } from './components/ArrowCom';
-import { StoreIcon } from './components/storeIcon';
-import { StorePage } from './components/storePage';
-import { StoreCtx } from './context';
-
-export class StorePlugin extends BBPlugin {
-  id: PluginID = 'store';
-  override onInstall = async (ctx: IHostContext): Promise<void> => {
-    const coreService = ctx.service.get('core:baseService');
-    if (!coreService) {
-      console.error('Core service not found. StorePlugin installation failed.');
-      return;
-    }
-
-    const systemUIService = ctx.service.get('core:uiService');
-    if (!systemUIService) {
-      console.error('UI service not found. StorePlugin installation failed.');
-      return;
-    }
-
-    systemUIService.registerSlot('nav-right', StoreIcon, this.id);
-
-    systemUIService.registerSlot('centerEntryArea', ArrowCom, this.id);
-
-    systemUIService.registerPluginEntry(
-      {
-        path: '/store',
-        pageComponent: StoreCtx.withCtx(
-          {
-            install: ctx.store?.installPlugin || (async () => false),
-            uninstall: ctx.store?.disablePlugin || (async () => {}),
-            isInstalled: ctx.store?.isPluginInstalled || ((_: PluginID) => false),
-            get: ctx.store?.getPlugin || ((_: PluginID) => undefined),
-            list: async () => {
-              coreService.setLoading('store', true);
-              const all = Array.from((await ctx.store?.getAllPlugins()) || []);
-              coreService.setLoading('store', false);
-              return all.filter(({ id }) => id !== this.id);
-            },
-            notificationService: ctx.service.get('notification'),
-            setLoading: (loading: boolean) => {
-              coreService.setLoading('store', loading);
-            },
-          },
-          StorePage
-        ),
-      },
-      this.id
-    );
-  };
-}
-
-export default new StorePlugin();

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

@@ -1,26 +0,0 @@
-import { IPluginStoreEntry, PluginID } from '#/types/plugin';
-
-export const pluginDepDescForHuman = (
-  plugin: IPluginStoreEntry,
-  infoGetter: (id: PluginID) => IPluginStoreEntry | undefined
-): string => {
-  if (!plugin.dependencies || plugin.dependencies.length === 0) {
-    return '';
-  }
-
-  const desc =
-    plugin.dependencies && plugin.dependencies.length > 0
-      ? plugin.dependencies
-          .map(dep => {
-            const depPlugin = infoGetter(dep);
-            return depPlugin ? depPlugin.name : dep;
-          })
-          .join(', ')
-      : '';
-
-  if (!desc) {
-    return '';
-  }
-
-  return `需要先安装${desc}。`;
-};

package/src/plugins/version/index.ts

@@ -1,28 +0,0 @@
-import { BBPlugin } from '#/core/plugin-system/bbplugin';
-import { IHostContext } from '#/types/hostApi';
-import { PluginID } from '#/types/plugin';
-
-export class VersionPlugin extends BBPlugin {
-  id: PluginID = 'version';
-
-  private _clear = () => {};
-
-  override onInstall?: ((ctx: IHostContext) => void | Promise<void>) | undefined = async ctx => {
-    const fxService = ctx.service.get('fx:service');
-
-    const hash = await ctx.service.get('core:baseService')?.getVersionHash();
-
-    this._clear = fxService.drawText({
-      text: `version: ${hash}`,
-      color: '#f8babc',
-      y: window.innerHeight - 50,
-      x: 16,
-    });
-  };
-
-  override onDestroy?: (() => void) | undefined = () => {
-    this._clear?.();
-  };
-}
-
-export default new VersionPlugin();

package/src/plugins/xwy/components/XwyLink.tsx

@@ -1,7 +0,0 @@
-import { Link } from '@bbki.ng/ui';
-
-export const XwyLink = (
-  <Link to="/blog/小乌鸦合集" className="ml-[var(--toast-button-margin-start)]">
-    打开
-  </Link>
-);

package/src/plugins/xwy/components/article.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-
-export const SpecialTitle = (props: IComPropsRegisteredToSlot) => {
-  const title = props.data as string;
-
-  if (title === '小乌鸦合集') {
-    return <span className="font-xwy text-content-special text-4xl">{title}</span>;
-  }
-
-  return <>{title}</>;
-};

package/src/plugins/xwy/components/logo.tsx

@@ -1,28 +0,0 @@
-import React from 'react';
-import { useLocation } from 'react-router-dom';
-
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-
-export const Crows = () => {
-  return (
-    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M12.821 17.5305C10.709 18.17 9.68345 19.4423 9.22624 20.1359C9.11159 20.3099 9.21615 20.5428 9.42038 20.5839L12.67 21.2381C12.8291 21.2702 12.9328 21.4275 12.9084 21.5879C11.3004 32.1653 21.5275 36.7547 28.6638 33.0597C28.7443 33.018 28.8408 33.0139 28.9245 33.0487C32.8032 34.6598 35.967 34.5662 37.8217 34.3099C38.131 34.2671 38.1505 33.841 37.855 33.7401C29.1343 30.7633 26.0152 24.5245 25.5144 18.8022C25.3835 17.3066 23.8172 13.2016 19.2675 13.0058C15.7934 12.8563 13.6137 15.6103 13.0319 17.325C12.9986 17.4231 12.9201 17.5004 12.821 17.5305Z"
-        fill="#FBD1D2"
-      />
-      <circle cx="17.6178" cy="18.2688" r="0.995689" fill="white" />
-    </svg>
-  );
-};
-
-export const XwyLogo = ({ data }: IComPropsRegisteredToSlot) => {
-  const location = useLocation();
-
-  const defaultLogo = data as React.ReactNode;
-
-  if (decodeURIComponent(location.pathname).includes('小乌鸦')) {
-    return <Crows />;
-  }
-
-  return <>{defaultLogo}</>;
-};

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

@@ -1,28 +0,0 @@
-import { FontRule } from '../types';
-
-export const LOADING_CLASS = 'fonts-loading';
-
-export const FontRules: Array<FontRule> = [
-  {
-    match: '小乌鸦合集',
-    fontFamily: 'xwy',
-    fontConfig: {
-      name: 'xwy',
-      src: '/fonts/xwy.woff2',
-      format: 'woff2',
-    },
-    extraCls: 'text-2xl w-[81px]',
-    variant: 'special',
-  },
-  {
-    match: '',
-    fontFamily: 'xwy-icon',
-    fontConfig: {
-      name: 'xwy-icon',
-      src: '/fonts/yao-icons.woff2',
-      format: 'woff2',
-      hideGlyphOnLoading: true,
-      preload: true,
-    },
-  },
-];

package/src/plugins/xwy/index.ts

@@ -1,103 +0,0 @@
-import { IHostContext } from '#/types/hostApi';
-import { BBPlugin } from '#/core/plugin-system/bbplugin';
-import { PluginID } from '#/types/plugin';
-
-import { SpecialTitle } from './components/article';
-import { XwyLogo } from './components/logo';
-import { FontRules, LOADING_CLASS } from './const';
-import { loadFont } from './utils';
-import {
-  transformBreadcrumbPaths,
-  transformTitleList,
-  transformPostContent,
-  pinTitle,
-} from './transformers';
-import { XwyLink } from './components/XwyLink';
-
-class XwyPlugin extends BBPlugin {
-  id: PluginID = 'xwy';
-
-  private loadedFonts = new Set<string>();
-
-  private _serviceRegistry?: IHostContext['service'];
-
-  override onInstall = (ctx: IHostContext) => {
-    // add font loading listener
-    this._serviceRegistry = ctx.service;
-    this.initFontLoadingListener();
-
-    // 加载所有需要的字体文件
-    FontRules.forEach(rule => {
-      if (rule.fontConfig && !this.loadedFonts.has(rule.fontConfig.name)) {
-        loadFont(rule.fontConfig);
-        this.loadedFonts.add(rule.fontConfig.name);
-      }
-    });
-
-    this.batchRegisterMiddlewares(ctx);
-
-    // 注册logo插槽组件
-    const systemUIService = ctx.service.get('core:uiService');
-    systemUIService?.registerSlot('logo', XwyLogo, this.id);
-
-    // 注册「小乌鸦合集」标题组件
-    const blogUIService = ctx.service.get('blog:uiService');
-    blogUIService?.registerSlot('blog:articleTitle', SpecialTitle, this.id);
-  };
-
-  private batchRegisterMiddlewares(ctx: IHostContext) {
-    const blogUIService = ctx.service.get('blog:uiService');
-    const systemUIService = ctx.service.get('core:uiService');
-
-    if (!blogUIService || !systemUIService) {
-      console.warn(`[${this.id}] Required UI services not found, skipping middleware registration`);
-      return;
-    }
-
-    // 注册博客相关的中间件
-    for (const transformer of [pinTitle, transformTitleList]) {
-      blogUIService.registerMiddleware('blog:transformTitleList', transformer, this.id);
-    }
-    for (const transformer of [transformPostContent]) {
-      blogUIService.registerMiddleware('blog:transformPostContent', transformer, this.id);
-    }
-
-    // 注册系统相关的中间件
-    for (const transformer of [transformBreadcrumbPaths]) {
-      systemUIService.registerMiddleware('transformBreadcrumbPath', transformer, this.id);
-    }
-  }
-
-  override onManualInstall = () => {
-    this.promptToOpen();
-  };
-
-  private promptToOpen = () => {
-    const notificationService = this._serviceRegistry?.get('notification');
-    notificationService?.notify({
-      message: '小乌鸦安装成功.',
-      action: XwyLink,
-    });
-  };
-
-  private initFontLoadingListener() {
-    // listen font loading status and add class to body for styling
-    console.log('Initializing font loading listener');
-    document.body.classList.add(LOADING_CLASS);
-    document.fonts.ready.then(() => {
-      document.body.classList.remove(LOADING_CLASS);
-    });
-  }
-
-  override onDisable = async () => {
-    this.loadedFonts.forEach(fontName => {
-      const styleEl = document.getElementById(`font-${fontName}`);
-      if (styleEl) {
-        styleEl.remove();
-      }
-    });
-    this.loadedFonts.clear();
-  };
-}
-
-export default new XwyPlugin();

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

@@ -1,67 +0,0 @@
-import { PathObj } from '@bbki.ng/ui';
-
-import { TitleListItem } from '#/types/posts';
-
-import { FontRules } from '../const';
-
-export const transformPostContent = (content: string = '') => {
-  // 在文章内容中替换特定关键词为特殊样式
-  return content
-    .replace(
-      /小乌鸦/g,
-      `<span class="font-xwy text-content-special text-[1.6rem] align-middle leading-[1.09]">小乌鸦</span>`
-    )
-    .replace(
-      /公园/,
-      `公园 <span class="font-xwy-icon text-[#679867] text-[1.6rem] align-middle leading-[1.09]">&#xE01A&#xE003</span>`
-    );
-};
-
-export const pinTitle = (titleList: TitleListItem[]) => {
-  const pinnedTitle = '小乌鸦合集';
-  const index = titleList.findIndex(item => item.name === pinnedTitle);
-  if (index > -1) {
-    const [item] = titleList.splice(index, 1);
-    titleList.unshift(item);
-  }
-  return titleList;
-};
-
-export const transformBreadcrumbPaths = (paths: PathObj[]) => {
-  const result = paths.map(p => {
-    if (p.name === '小乌鸦合集') {
-      return {
-        ...p,
-        name: '小乌鸦合集',
-        className: 'font-xwy text-content-special text-[1.2rem] align-middle relative top-[1px]',
-      };
-    }
-
-    return p;
-  });
-
-  console.log('Transformed breadcrumb paths:', result);
-
-  return result;
-};
-
-/**
- * 转换标题列表，为匹配的标题添加字体类名
- */
-export const 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;
-  });
-};

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

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

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

@@ -1,43 +0,0 @@
-import { LOADING_CLASS } from '../const';
-import { type FontConfig } from '../types';
-
-export const loadFont = (config: FontConfig) => {
-  const styleId = `font-${config.name}`;
-  if (document.getElementById(styleId)) return;
-
-  const hideCssRule = config.hideGlyphOnLoading
-    ? `
-      .${LOADING_CLASS} .font-${config.name} {
-        visibility: hidden;
-      }
-    `
-    : '';
-
-  const existingLink = document.querySelector(`link[rel="preload"][href="${config.src}"]`);
-  if (config.preload && !existingLink) {
-    const link = document.createElement('link');
-    link.rel = 'preload';
-    link.as = 'font';
-    link.href = config.src;
-    link.type = `font/${config.format}`;
-    link.crossOrigin = 'anonymous';
-    document.head.appendChild(link);
-  }
-
-  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: block;
-      }
-      .font-${config.name} {
-        font-family: '${config.name}', monospace;
-      }
-      ${hideCssRule}
-    `;
-  document.head.appendChild(style);
-};