@bbki.ng/site 5.8.11 → 6.0.1

package/src/plugins/blog/index.ts

@@ -1,79 +0,0 @@
-import { BBPlugin } from '#/core/plugin-system/bbplugin';
-import { SystemUIService } from '#/core/plugin-system/services/systemUIService';
-import { ServiceRegistry } from '#/core/shared-service/service-registry';
-import { IHostContext } from '#/types/hostApi';
-import { PluginID } from '#/types/plugin';
-
-import { BlogPageApp } from './components/app';
-import { BlogLink } from './components/BlogLink';
-import { BlogContext } from './context';
-import { BlogUIService } from './services/BlogUIService';
-
-const { withCtx } = BlogContext;
-
-export class BlogPlugin extends BBPlugin {
-  id: PluginID = 'blog';
-
-  private _serviceRegistry?: ServiceRegistry;
-
-  private _unsubscribePluginUninstall?: () => void;
-
-  override onInstall = async (ctx: IHostContext) => {
-    ctx.service.register('blog:uiService', BlogUIService.getInstance());
-
-    this._serviceRegistry = ctx.service;
-
-    const coreService = ctx.service.get('core:baseService');
-    const systemUIService = ctx.service.get('core:uiService');
-
-    if (!coreService) {
-      console.error('Core service not found. BlogPlugin installation failed.');
-      return;
-    }
-
-    this._unsubscribePluginUninstall = coreService.subscribePluginUninstall(
-      this.handlePluginUninstall
-    );
-
-    systemUIService?.registerPluginEntry(
-      {
-        path: '/blog',
-        label: 'cd ./blog',
-        pageComponent: withCtx(
-          {
-            setLoading: loading => {
-              coreService.setLoading('blog', loading);
-            },
-          },
-          BlogPageApp
-        ),
-      },
-      this.id
-    );
-  };
-
-  override onManualInstall = () => {
-    this.promptToOpen();
-  };
-
-  private promptToOpen = () => {
-    const notificationService = this._serviceRegistry?.get('notification');
-    notificationService?.notify({
-      message: '博客安装成功.',
-      action: BlogLink,
-    });
-  };
-
-  override onDestroy?: (() => void) | undefined = () => {
-    BlogUIService.getInstance().unregisterAllByPluginId(this.id);
-    this._serviceRegistry?.unregister('blog:uiService');
-    this._unsubscribePluginUninstall?.();
-  };
-
-  private handlePluginUninstall = (payload: PluginID) => {
-    BlogUIService.getInstance().unregisterAllByPluginId(payload);
-    SystemUIService.getInstance().unregisterAllByPluginId(payload);
-  };
-}
-
-export default new BlogPlugin();

package/src/plugins/blog/pages/extensions/txt/article.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import { NotFound } from '@bbki.ng/ui';
-import { useParams } from 'react-router-dom';
-
-import { usePosts } from '#/plugins/blog/hooks/use_posts';
-import { ArticlePage } from '#/plugins/blog/components/article';
-import { useBlogScrollReset } from '#/plugins/blog/hooks/use_blog_scroll_pos_restoration';
-import { useMiddlewareTransformedData } from '#/plugins/blog/hooks/useMiddlewareTransData';
-import { IPost } from '#/types/posts';
-
-function TxtArticle() {
-  const { title } = useParams();
-  const { posts, isError, isLoading } = usePosts(title);
-
-  useBlogScrollReset();
-
-  const p = posts as IPost;
-
-  const transformedContent = useMiddlewareTransformedData('blog:transformPostContent', p?.content);
-
-  if (!title) {
-    return <NotFound />;
-  }
-
-  if (isError) {
-    return <NotFound />;
-  }
-
-  if (isLoading || !posts) {
-    return null;
-  }
-
-  const date = p.createdAt ? p.createdAt.split('T')[0] : '';
-
-  return (
-    <ArticlePage title={title} date={date}>
-      <div dangerouslySetInnerHTML={{ __html: transformedContent }} />
-    </ArticlePage>
-  );
-}
-
-export default TxtArticle;

package/src/plugins/blog/pages/extensions/txt/index.tsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import { LinkProps, Button } from '@bbki.ng/ui';
-
-import { usePosts } from '#/plugins/blog/hooks/use_posts';
-import { CenterLinkList } from '#/plugins/blog/components';
-import {
-  useBlogScroll,
-  useBlogScrollRestoration,
-} from '#/plugins/blog/hooks/use_blog_scroll_pos_restoration';
-
-type TxtProps = {
-  title?: string;
-  articleList?: LinkProps[];
-};
-
-const Txt = (props: TxtProps) => {
-  const { titleList, isError } = usePosts();
-
-  useBlogScrollRestoration();
-
-  const { gotoTop } = useBlogScroll();
-
-  if (isError) {
-    return <CenterLinkList links={props.articleList ?? titleList} />;
-  }
-
-  const links = props.articleList ?? titleList;
-
-  return (
-    <CenterLinkList
-      links={links}
-      footer={
-        links.length > 0 ? (
-          <Button onClick={gotoTop} className="mt-32">
-            <svg
-              data-testid="geist-icon"
-              height="16"
-              strokeLinejoin="round"
-              viewBox="0 0 16 16"
-              width="16"
-            >
-              <path
-                fillRule="evenodd"
-                clipRule="evenodd"
-                d="M8.70711 1.39644C8.31659 1.00592 7.68342 1.00592 7.2929 1.39644L2.21968 6.46966L1.68935 6.99999L2.75001 8.06065L3.28034 7.53032L7.25001 3.56065V14.25V15H8.75001V14.25V3.56065L12.7197 7.53032L13.25 8.06065L14.3107 6.99999L13.7803 6.46966L8.70711 1.39644Z"
-                fill="currentColor"
-              ></path>
-            </svg>
-          </Button>
-        ) : null
-      }
-    />
-  );
-};
-
-Txt.displayName = 'Txt';
-
-export default Txt;

package/src/plugins/blog/services/BlogUIService.ts

@@ -1,27 +0,0 @@
-import { createUIService } from '#/core/shared-service/factory/createUIService';
-
-import { BlogDataHookPoint, BlogSlotName, IBlogUIService } from './IBlogUIService';
-
-const baseService = createUIService<BlogSlotName, BlogDataHookPoint>('blog');
-
-export class BlogUIService implements IBlogUIService {
-  private static instance: BlogUIService;
-
-  private constructor() {}
-
-  static getInstance(): BlogUIService {
-    if (!BlogUIService.instance) {
-      BlogUIService.instance = new BlogUIService();
-    }
-    return BlogUIService.instance;
-  }
-
-  registerSlot = baseService.registerSlot.bind(baseService);
-  registerMiddleware = baseService.registerMiddleware.bind(baseService);
-  unregisterAllByPluginId = baseService.unregisterAllByPluginId.bind(baseService);
-  getSlotEntries = baseService.getSlotEntries.bind(baseService);
-  getComponents = baseService.getComponents.bind(baseService);
-  subscribeSlotChange = baseService.subscribeSlotChange.bind(baseService);
-  subscribeMiddlewareChange = baseService.subscribeMiddlewareChange.bind(baseService);
-  runMiddlewares = baseService.runMiddlewares.bind(baseService);
-}

package/src/plugins/blog/services/IBlogUIService.ts

@@ -1,16 +0,0 @@
-import { type IBaseUIService } from '#/core/shared-service/contract/IUIService';
-
-declare module '#/core/shared-service/service-registry' {
-  interface ServiceIdentifierMap {
-    'blog:uiService': IBlogUIService;
-  }
-}
-
-export type BlogSlotName = 'blog:articleActionRow' | 'blog:articleTitle';
-
-export type BlogDataHookPoint =
-  | 'blog:filterPosts'
-  | 'blog:transformPostContent'
-  | 'blog:transformTitleList';
-
-export interface IBlogUIService extends IBaseUIService<BlogSlotName, BlogDataHookPoint> {}

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

@@ -1,36 +0,0 @@
-import { BBPlugin } from '#/core/plugin-system/bbplugin';
-import { IHostContext } from '#/types/hostApi';
-import { PluginID } from '#/types/plugin';
-import { TitleListItem } from '#/types/posts';
-
-class ExtraCd extends BBPlugin {
-  id: PluginID = 'extra-cd';
-
-  override onInstall = async (ctx: IHostContext): Promise<void> => {
-    const blogUIService = ctx.service.get('blog:uiService');
-    if (!blogUIService) {
-      console.error('Blog UI service not found. ExtraCd installation failed.');
-      return;
-    }
-
-    blogUIService.registerMiddleware(
-      'blog:transformTitleList',
-      this.transformTitleList,
-      this.id,
-      10
-    );
-  };
-
-  private transformTitleList = (titleList: Array<TitleListItem>) => {
-    return [
-      ...titleList,
-      {
-        name: 'cd ~',
-        to: '/',
-        children: 'cd ~',
-      },
-    ];
-  };
-}
-
-export default new ExtraCd();

package/src/plugins/extra-entry/components/page.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import { PathRouteProps } from 'react-router-dom';
-
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-
-export const ExtendedRoutesPage = ({ data }: IComPropsRegisteredToSlot) => {
-  const route = data as Omit<PathRouteProps, 'element'>;
-
-  if (route.path === '/hello') {
-    return <div className="p-4 text-center">Hello from Extra Entry Plugin!</div>;
-  }
-
-  return <></>;
-};

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

@@ -1,28 +0,0 @@
-import { BBPlugin } from '#/core/plugin-system/bbplugin';
-import { IHostContext } from '#/types/hostApi';
-import { PluginID } from '#/types/plugin';
-
-import { ExtendedRoutesPage } from './components/page';
-
-export class ExtraEntryPlugin extends BBPlugin {
-  id: PluginID = 'extra-entry';
-
-  override onInstall = async (ctx: IHostContext): Promise<void> => {
-    const systemUIService = ctx.service.get('core:uiService');
-    if (!systemUIService) {
-      console.warn(`[${this.id}] core:uiService not found, cannot register entry`);
-      return;
-    }
-
-    systemUIService.registerPluginEntry(
-      {
-        pageComponent: ExtendedRoutesPage,
-        path: '/hello',
-        label: 'cd ./hello',
-      },
-      this.id
-    );
-  };
-}
-
-export default new ExtraEntryPlugin();

package/src/plugins/fx/components/index.tsx

@@ -1,45 +0,0 @@
-import React, { useMemo } from 'react';
-import { EffectLayer, grain, paper, spiral, watermark, Effect } from '@bbki.ng/ui';
-
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-
-import { FxContext } from '../context';
-import { useTextEffects } from '../hooks/useTextEffects';
-
-const useLoadingState = () => {
-  const ctx = FxContext.useCtx();
-  const [isLoading, setIsLoading] = React.useState(false);
-
-  React.useEffect(() => {
-    const unsubscribe = ctx.subscribeToLoading(setIsLoading);
-    return () => {
-      unsubscribe();
-    };
-  }, [ctx]);
-
-  return isLoading;
-};
-
-export const FxCom = (_: IComPropsRegisteredToSlot) => {
-  const ctx = FxContext.useCtx();
-  // const hashStr = ctx.versionHash;
-  const deviceId = ctx.deviceId;
-  const isLoading = useLoadingState();
-
-  const textEffects = useTextEffects();
-
-  const effects: Effect[] = useMemo(() => {
-    const wmLines = [];
-    if (deviceId) wmLines.push(deviceId);
-
-    return [
-      grain(),
-      paper(),
-      spiral({ active: isLoading }),
-      watermark({ lines: wmLines }),
-      ...textEffects,
-    ];
-  }, [isLoading, deviceId, textEffects]);
-
-  return <EffectLayer effects={effects} />;
-};

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

@@ -1,12 +0,0 @@
-import { createPluginCtx } from '#/core/context';
-import { PluginEvents } from '#/types/plugin';
-
-export interface IFxContext {
-  versionHash: string;
-  deviceId: string;
-  subscribeToLoading: (
-    listener: (payload: PluginEvents['site:loading:changed']) => void
-  ) => () => void;
-}
-
-export const FxContext = createPluginCtx<IFxContext>();

package/src/plugins/fx/hooks/useTextEffects.ts

@@ -1,39 +0,0 @@
-import { useEffect, useMemo, useState } from 'react';
-import { drawText } from '@bbki.ng/ui';
-
-import { DrawTextConfig } from '../services/IFxService';
-import { FxService } from '../services/FxService';
-
-const empty = {};
-
-export const useTextEffects = () => {
-  const fxServiceInst = FxService.getInstance();
-  const [fxMap, setFxMap] = useState<Record<string, DrawTextConfig>>(empty);
-  const [v, setVersion] = useState(0); // 用于强制更新组件
-
-  useEffect(() => {
-    const drawTextUnsub = fxServiceInst.subscribeDrawText(config => {
-      setFxMap(prev => ({ ...prev, [config.id]: config }));
-      setVersion(v => v + 1); // 强制更新组件以应用新的文本效果
-    });
-
-    const clearTextUnsub = fxServiceInst.subscribeClearText(id => {
-      setFxMap(prev => {
-        const newMap = { ...prev };
-        delete newMap[id];
-        return newMap;
-      });
-      setVersion(v => v + 1); // 强制更新组件以移除文本效果
-    });
-
-    return () => {
-      drawTextUnsub();
-      clearTextUnsub();
-    };
-  }, [fxServiceInst]);
-
-  return useMemo(() => {
-    console.log("fx text's snapshot version:", v);
-    return Object.values(fxMap).map(drawText);
-  }, [fxMap, v]);
-};

package/src/plugins/fx/index.ts

@@ -1,53 +0,0 @@
-import { BBPlugin } from '#/core/plugin-system/bbplugin';
-import { IHostContext } from '#/types/hostApi';
-import { PluginID } from '#/types/plugin';
-
-import { FxCom } from './components';
-import { FxContext } from './context';
-import { FxService } from './services/FxService';
-
-class FxPlugin extends BBPlugin {
-  id: PluginID = 'fx';
-
-  private _ctx: IHostContext | null = null;
-
-  override onInstall = async (ctx: IHostContext) => {
-    this._ctx = ctx;
-
-    const coreService = ctx.service.get('core:baseService');
-
-    if (!coreService) {
-      console.error('Core service not found. FxPlugin installation failed.');
-      return;
-    }
-
-    const systemUIService = ctx.service.get('core:uiService');
-    if (!systemUIService) {
-      console.error('UI service not found. FxPlugin installation failed.');
-      return;
-    }
-
-    ctx.service.register('fx:service', FxService.getInstance());
-
-    systemUIService.registerSlot(
-      'pageFooter',
-      FxContext.withCtx(
-        {
-          versionHash: await coreService.getVersionHash(),
-          deviceId: (await coreService.getDeviceId())?.id,
-          subscribeToLoading: listener => {
-            return coreService.subscribeLoadingChange(listener);
-          },
-        },
-        FxCom
-      ),
-      this.id
-    );
-  };
-
-  override onDestroy?: (() => void) | undefined = () => {
-    this._ctx?.service.unregister('fx:service');
-  };
-}
-
-export default new FxPlugin();

package/src/plugins/fx/services/FxService.ts

@@ -1,47 +0,0 @@
-import { createEventBus } from '#/core/utils/eventBus';
-
-import { DrawTextConfig, IFxService } from './IFxService';
-
-export type DrawTextEvent = {
-  'fx:drawText': DrawTextConfig & { id: string };
-  'fx:clearText': string; // id of the text to clear
-};
-
-export class FxService implements IFxService {
-  private bus = createEventBus<DrawTextEvent>();
-
-  private configs: Array<DrawTextConfig & { id: string }> = [];
-
-  drawText: (c: DrawTextConfig) => () => void = (opts: DrawTextConfig) => {
-    const id = `${Date.now()}-${Math.random()}`;
-
-    const fullConfig = { ...opts, id };
-
-    this.configs.push(fullConfig);
-
-    this.bus.emit('fx:drawText', fullConfig);
-
-    return () => {
-      this.configs = this.configs.filter(c => c.id !== id);
-      // Emit an empty config to signal clearing the text
-      this.bus.emit('fx:clearText', id);
-    };
-  };
-
-  subscribeDrawText(listener: (payload: DrawTextEvent['fx:drawText']) => void) {
-    return this.bus.on('fx:drawText', listener);
-  }
-
-  subscribeClearText(listener: (payload: DrawTextEvent['fx:clearText']) => void) {
-    return this.bus.on('fx:clearText', listener);
-  }
-
-  private static instance: FxService | null = null;
-
-  static getInstance(): FxService {
-    if (!FxService.instance) {
-      FxService.instance = new FxService();
-    }
-    return FxService.instance;
-  }
-}

package/src/plugins/fx/services/IFxService.ts

@@ -1,15 +0,0 @@
-import { DrawTextEffect } from '@bbki.ng/ui';
-
-declare module '#/core/shared-service/service-registry' {
-  interface ServiceIdentifierMap {
-    'fx:service': IFxService;
-  }
-}
-
-export type DrawTextConfig = Omit<DrawTextEffect, 'clear' | 'type'>;
-
-export interface IFxService {
-  drawText: (opts: DrawTextConfig) => () => void;
-  subscribeDrawText: (listener: (payload: DrawTextConfig & { id: string }) => void) => () => void;
-  subscribeClearText: (listener: (payload: string) => void) => () => void;
-}

package/src/plugins/notification/components/index.tsx

@@ -1,26 +0,0 @@
-import React, { FC } from 'react';
-import { Toaster } from 'sonner';
-
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-
-export const NotifyComp: FC<IComPropsRegisteredToSlot> = _ => {
-  return (
-    <Toaster
-      position="bottom-center"
-      style={{
-        position: 'fixed',
-        zIndex: 998,
-      }}
-      toastOptions={{
-        style: {
-          borderRadius: 0,
-          border: 'none',
-        },
-        classNames: {
-          actionButton: 'rounded-none!',
-          toast: 'font-mono',
-        },
-      }}
-    />
-  );
-};

package/src/plugins/notification/index.ts

@@ -1,26 +0,0 @@
-import { BBPlugin } from '#/core/plugin-system/bbplugin';
-import { IHostContext } from '#/types/hostApi';
-import { PluginID } from '#/types/plugin';
-
-import { NotifyComp } from './components';
-import { NotificationService } from './services/NotificationService';
-
-export class NotificationPlugin extends BBPlugin {
-  id: PluginID = 'notification' as const;
-
-  private _serviceRegistry?: IHostContext['service'];
-
-  override onInstall = async (ctx: IHostContext) => {
-    this._serviceRegistry = ctx.service;
-    this._serviceRegistry.register('notification', NotificationService.getInstance());
-
-    const coreUIService = ctx.service.get('core:uiService');
-    coreUIService.registerSlot('pageFooter', NotifyComp, this.id);
-  };
-
-  override onDestroy = () => {
-    this._serviceRegistry?.unregister('notification');
-  };
-}
-
-export default new NotificationPlugin();

package/src/plugins/notification/services/INotificationService.ts

@@ -1,24 +0,0 @@
-import type React from 'react';
-import { ToastT } from 'sonner';
-
-declare module '#/core/shared-service/service-registry' {
-  interface ServiceIdentifierMap {
-    notification: INotificationService;
-  }
-}
-
-export type NotificationType = 'toast' | 'banner' | 'modal';
-
-export interface INotificationOptions extends Omit<
-  ToastT,
-  'message' | 'id' | 'type' | 'title' | 'jsx' | 'delete' | 'promise'
-> {
-  uiType?: NotificationType;
-  message: (() => React.ReactNode) | React.ReactNode;
-  duration?: number; // 持续时间，单位为毫秒，默认为4000ms
-}
-
-export interface INotificationService {
-  notify: (options: INotificationOptions) => string;
-  dismiss: (id: string) => void;
-}

package/src/plugins/notification/services/NotificationService.ts

@@ -1,29 +0,0 @@
-import { toast } from 'sonner';
-
-import { INotificationOptions, INotificationService } from './INotificationService';
-
-export class NotificationService implements INotificationService {
-  private static instance: NotificationService;
-
-  private constructor() {}
-
-  static getInstance(): NotificationService {
-    if (!NotificationService.instance) {
-      NotificationService.instance = new NotificationService();
-    }
-    return NotificationService.instance;
-  }
-
-  notify(options: INotificationOptions): string {
-    const id = toast(options.message, {
-      duration: options.duration || 3000,
-      ...options,
-    });
-
-    return id as string;
-  }
-
-  dismiss(id: string): void {
-    toast.dismiss(id);
-  }
-}

package/src/plugins/now/components/NowLink.tsx

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

package/src/plugins/now/components/index.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-
-import Streaming from './streaming';
-
-export const pageNow = (_: IComPropsRegisteredToSlot) => {
-  return <Streaming />;
-};

package/src/plugins/now/components/streaming/arrow-down.tsx

@@ -1,26 +0,0 @@
-import classNames from 'classnames';
-import React from 'react';
-
-export const ArrowDownIcon = ({ show }: { show: boolean }) => (
-  <svg
-    data-testid="geist-icon"
-    height="16"
-    strokeLinejoin="round"
-    viewBox="0 0 16 16"
-    width="16"
-    style={{
-      rotate: '180deg',
-    }}
-    className={classNames('transition-opacity duration-200 inline-block', {
-      'opacity-0': !show,
-      'opacity-100': show,
-    })}
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M8.70711 1.39644C8.31659 1.00592 7.68342 1.00592 7.2929 1.39644L2.21968 6.46966L1.68935 6.99999L2.75001 8.06065L3.28034 7.53032L7.25001 3.56065V14.25V15H8.75001V14.25V3.56065L12.7197 7.53032L13.25 8.06065L14.3107 6.99999L13.7803 6.46966L8.70711 1.39644Z"
-      fill="currentColor"
-    ></path>
-  </svg>
-);