@bbki.ng/site 5.8.11 → 6.0.1

package/src/core/shared-service/factory/createUIService.ts

@@ -1,121 +0,0 @@
-import type React from 'react';
-
-import type { IMiddlewareEntry, ISlotEntry } from '#/core/plugin-system/registry';
-import { createEventBus } from '#/core/utils/eventBus';
-import type { PluginID } from '#/types/plugin';
-import type { IComPropsRegisteredToSlot } from '#/types/slots';
-
-export interface IUIService<TSlot extends string, THook extends string> {
-  registerSlot(
-    slotName: TSlot,
-    component: React.ComponentType<IComPropsRegisteredToSlot>,
-    pluginId: PluginID,
-    weight?: number
-  ): void;
-
-  registerMiddleware<T>(
-    hookPoint: THook,
-    fn: (data: T) => T | Promise<T>,
-    pluginId: PluginID,
-    weight?: number
-  ): void;
-
-  unregisterAllByPluginId(pluginId: string): void;
-
-  getSlotEntries(slotName: TSlot): ISlotEntry[];
-
-  getComponents(slotName: TSlot): React.ComponentType<IComPropsRegisteredToSlot>[];
-
-  subscribeSlotChange(listener: () => void): () => void;
-
-  subscribeMiddlewareChange(listener: (point: THook) => void): () => void;
-
-  runMiddlewares<T>(point: THook, data: T): Promise<T>;
-}
-
-export function createUIService<TSlot extends string, THook extends string>(
-  _: string
-): IUIService<TSlot, THook> {
-  const slots = new Map<TSlot, Array<ISlotEntry>>();
-  const middlewares = new Map<THook, Array<IMiddlewareEntry<unknown>>>();
-  const bus = createEventBus<{
-    slotsChanged: void;
-    middlewareChanged: THook;
-  }>();
-
-  return {
-    registerSlot(slotName, component, pluginId, weight = 0) {
-      const existing = slots.get(slotName) || [];
-      const newEntry: ISlotEntry = {
-        id: `${pluginId}-${slotName}-${component.name || 'comp'}`,
-        pluginId,
-        component,
-        weight,
-      };
-      const updated = [...existing, newEntry].sort((a, b) => (b.weight || 0) - (a.weight || 0));
-      slots.set(slotName, updated);
-      bus.emit('slotsChanged', undefined);
-    },
-
-    registerMiddleware(hookPoint, fn, pluginId, weight = 0) {
-      const existing = middlewares.get(hookPoint) || [];
-      const newEntry: IMiddlewareEntry<unknown> = {
-        id: `${pluginId}-${hookPoint}-middleware`,
-        pluginId,
-        fn: fn as (data: unknown) => unknown | Promise<unknown>,
-        weight,
-      };
-      const updated = [...existing, newEntry].sort((a, b) => (b.weight || 0) - (a.weight || 0));
-      middlewares.set(hookPoint, updated);
-      bus.emit('middlewareChanged', hookPoint);
-    },
-
-    unregisterAllByPluginId(pluginId) {
-      let slotsChanged = false;
-      slots.forEach((entries, slotName) => {
-        const filtered = entries.filter(entry => entry.pluginId !== pluginId);
-        if (filtered.length !== entries.length) {
-          slots.set(slotName, filtered);
-          slotsChanged = true;
-        }
-      });
-
-      middlewares.forEach((entries, point) => {
-        const filtered = entries.filter(entry => entry.pluginId !== pluginId);
-        if (filtered.length !== entries.length) {
-          middlewares.set(point, filtered);
-          bus.emit('middlewareChanged', point);
-        }
-      });
-
-      if (slotsChanged) {
-        bus.emit('slotsChanged', undefined);
-      }
-    },
-
-    getSlotEntries(slotName) {
-      return slots.get(slotName) || [];
-    },
-
-    getComponents(slotName) {
-      return (slots.get(slotName) || []).map(entry => entry.component);
-    },
-
-    subscribeSlotChange(listener) {
-      return bus.on('slotsChanged', listener as (data: unknown) => void);
-    },
-
-    subscribeMiddlewareChange(listener) {
-      return bus.on('middlewareChanged', listener as (data: unknown) => void);
-    },
-
-    async runMiddlewares(point, data) {
-      const fns = (middlewares.get(point) || []).map(entry => entry.fn);
-      let result: unknown = data;
-      for (const fn of fns) {
-        result = await fn(result);
-      }
-      return result as typeof data;
-    },
-  };
-}

package/src/core/shared-service/factory/createUIServiceReactKit.tsx

@@ -1,149 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-
-import type { IComPropsRegisteredToSlot } from '#/types/slots';
-
-import type { IUIService } from './createUIService';
-
-export interface UseMiddlewareRunnerOptions<THook extends string> {
-  hookPoint: THook;
-  onMiddlewareChange?: () => void;
-}
-
-export interface UseMiddlewareRunnerResult<T> {
-  loading: boolean;
-  error: Error | null;
-  run: (inputData: T) => Promise<T>;
-}
-
-export function createSlotHook<TSlot extends string>(service: IUIService<TSlot, string>) {
-  return function useSlotComp(slotName: TSlot) {
-    const [components, setComponents] = useState<React.ComponentType<IComPropsRegisteredToSlot>[]>(
-      () => service.getComponents(slotName)
-    );
-
-    useEffect(() => {
-      setComponents(service.getComponents(slotName));
-
-      const unsubscribe = service.subscribeSlotChange(() => {
-        setComponents(service.getComponents(slotName));
-      });
-
-      return () => {
-        unsubscribe();
-      };
-    }, [slotName]);
-
-    return components;
-  };
-}
-
-export function createSlotComponent<TSlot extends string>(service: IUIService<TSlot, string>) {
-  return function Slot({
-    name,
-    data,
-    placeholder,
-  }: {
-    name: TSlot;
-    data?: unknown;
-    placeholder?: React.ReactNode;
-  }) {
-    const [entries, setEntries] = useState(() => service.getSlotEntries(name));
-
-    useEffect(() => {
-      setEntries(service.getSlotEntries(name));
-
-      const unsubscribe = service.subscribeSlotChange(() => {
-        setEntries(service.getSlotEntries(name));
-      });
-
-      return () => {
-        unsubscribe();
-      };
-    }, [name]);
-
-    if (entries.length === 0) {
-      return <>{placeholder}</>;
-    }
-
-    return (
-      <>
-        {entries.map(({ id, component: Component }) => (
-          <Component key={id} data={data} />
-        ))}
-      </>
-    );
-  };
-}
-
-export function createMiddlewareRunnerHook<THook extends string>(
-  service: IUIService<string, THook>
-) {
-  return function useMiddlewareRunner<T>({
-    hookPoint,
-    onMiddlewareChange,
-  }: UseMiddlewareRunnerOptions<THook>): UseMiddlewareRunnerResult<T> {
-    const [loading, setLoading] = useState(false);
-    const [error, setError] = useState<Error | null>(null);
-
-    const run = useCallback(
-      async (inputData: T) => {
-        setLoading(true);
-        setError(null);
-        try {
-          const result = await service.runMiddlewares(hookPoint, inputData);
-          return result;
-        } catch (err) {
-          const error = err instanceof Error ? err : new Error(String(err));
-          setError(error);
-          throw error;
-        } finally {
-          setLoading(false);
-        }
-      },
-      [hookPoint]
-    );
-
-    useEffect(() => {
-      const unsubscribe = service.subscribeMiddlewareChange(hook => {
-        if (hook === hookPoint) {
-          onMiddlewareChange?.();
-        }
-      });
-
-      return () => {
-        unsubscribe();
-      };
-    }, [hookPoint, onMiddlewareChange]);
-
-    return { loading, error, run };
-  };
-}
-
-export function createMiddlewareTransformedDataHook<THook extends string>(
-  useMiddlewareRunner: <T>(opts: UseMiddlewareRunnerOptions<THook>) => UseMiddlewareRunnerResult<T>
-) {
-  return function useMiddlewareTransformedData<T>(hookPoint: THook, defaultValue: T) {
-    const [result, setResult] = useState<T>(defaultValue);
-
-    const runRef = useRef<(input: T) => Promise<T>>(() => Promise.resolve(defaultValue));
-
-    const onMiddlewareChange = useCallback(() => {
-      runRef.current(defaultValue).then(setResult);
-    }, [defaultValue]);
-
-    const { run } = useMiddlewareRunner<T>({
-      hookPoint,
-      onMiddlewareChange,
-    });
-
-    useEffect(() => {
-      runRef.current = run;
-    }, [run]);
-
-    useEffect(() => {
-      run(defaultValue).then(setResult);
-    }, [defaultValue, run]);
-
-    return result;
-  };
-}

package/src/core/shared-service/service-proxy.ts

@@ -1,28 +0,0 @@
-import { ServiceIdentifierMap, ServiceRegistry } from '#/core/shared-service/service-registry';
-
-const empty = {};
-
-// core/ServiceProxy.ts
-export function createServiceProxy<T extends object, K extends keyof ServiceIdentifierMap>(
-  serviceId: K,
-  container: ServiceRegistry
-): T {
-  return new Proxy({} as T, {
-    get(target, prop, receiver) {
-      const actualService = container.getRawInstance(serviceId);
-
-      if (!actualService) {
-        return (..._: unknown[]) => {
-          console.warn(
-            `[System] Service ${serviceId} is currently unavailable. Call to ${String(prop)} ignored.`
-          );
-          return empty;
-        };
-      }
-
-      // 3. 正常转发调用
-      const value = Reflect.get(actualService, prop, receiver);
-      return typeof value === 'function' ? value.bind(actualService) : value;
-    },
-  });
-}

package/src/core/shared-service/service-registry.ts

@@ -1,54 +0,0 @@
-import { createServiceProxy } from './service-proxy';
-
-export interface ServiceIdentifierMap {}
-
-export class ServiceRegistry {
-  private services: Map<string, unknown> = new Map();
-
-  private constructor() {}
-
-  private static instance: ServiceRegistry;
-
-  static getInstance(): ServiceRegistry {
-    if (!ServiceRegistry.instance) {
-      ServiceRegistry.instance = new ServiceRegistry();
-    }
-    return ServiceRegistry.instance;
-  }
-
-  register<T extends keyof ServiceIdentifierMap>(name: T, service: ServiceIdentifierMap[T]): void {
-    if (this.services.has(name)) {
-      console.warn(`Service with name ${name} is already registered. It will be overwritten.`);
-    }
-    this.services.set(name, service);
-  }
-
-  getRawInstance<T extends keyof ServiceIdentifierMap>(
-    name: T
-  ): ServiceIdentifierMap[T] | undefined {
-    const target = this.services.get(name);
-    if (!target) {
-      console.warn(`Service with name ${name} is not registered.`);
-      return undefined;
-    }
-
-    return target as ServiceIdentifierMap[T];
-  }
-
-  get<T extends keyof ServiceIdentifierMap>(
-    name: T
-  ): ServiceIdentifierMap[T] | Record<string, never> {
-    // const target = this.services.get(name);
-    // if (!target) {
-    //   console.warn(`Service with name ${name} is not registered.`);
-    //   return undefined;
-    // }
-
-    // return target as ServiceIdentifierMap[T];
-    return createServiceProxy(name, this) as ServiceIdentifierMap[T];
-  }
-
-  unregister<T extends keyof ServiceIdentifierMap>(name: T): void {
-    this.services.delete(name);
-  }
-}

package/src/core/utils/eventBus.ts

@@ -1,29 +0,0 @@
-export interface EventBus<Events extends Record<string, unknown>> {
-  on<K extends keyof Events>(event: K, callback: (data: Events[K]) => void): () => void;
-  emit<K extends keyof Events>(event: K, data: Events[K]): void;
-}
-
-export function createEventBus<Events extends Record<string, unknown>>(): EventBus<Events> {
-  const listeners = new Map<keyof Events, Set<(data: Events[keyof Events]) => void>>();
-
-  return {
-    on<K extends keyof Events>(event: K, callback: (data: Events[K]) => void): () => void {
-      if (!listeners.has(event)) {
-        listeners.set(event, new Set());
-      }
-      const set = listeners.get(event)!;
-      const cb = callback as (data: Events[keyof Events]) => void;
-      set.add(cb);
-
-      return () => {
-        set.delete(cb);
-      };
-    },
-
-    emit<K extends keyof Events>(event: K, data: Events[K]): void {
-      const set = listeners.get(event);
-      if (!set) return;
-      set.forEach(callback => callback(data as Events[keyof Events]));
-    },
-  };
-}

package/src/plugins/blog/components/BlogLink.tsx

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

package/src/plugins/blog/components/BlogSlotCom.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-
-import { createSlotComponent } from '#/core/shared-service/factory/createUIServiceReactKit';
-
-import { BlogUIService } from '../services/BlogUIService';
-import { BlogSlotName } from '../services/IBlogUIService';
-
-export interface ISlotProps {
-  name: BlogSlotName;
-  data?: unknown;
-  placeholder?: React.ReactNode;
-}
-
-export const Slot = createSlotComponent<BlogSlotName>(BlogUIService.getInstance());

package/src/plugins/blog/components/app.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import { useRoutes } from 'react-router-dom';
-
-import ArticlePage from '#/plugins/blog/pages/extensions/txt/article';
-import Txt from '#/plugins/blog/pages/extensions/txt';
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-
-export const BlogPageApp = (_: IComPropsRegisteredToSlot) => {
-  const element = useRoutes([
-    { path: '/', element: <Txt /> },
-    { path: '/:title', element: <ArticlePage /> },
-  ]);
-
-  return <>{element}</>;
-};

package/src/plugins/blog/components/article/index.tsx

@@ -1,51 +0,0 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { Article, Link } from '@bbki.ng/ui';
-import classNames from 'classnames';
-
-import { Slot } from '../BlogSlotCom';
-
-export type ArticlePageProps = {
-  tags?: string[];
-  title: string;
-  date?: string;
-  description?: ReactNode;
-  headless?: boolean;
-  className?: string;
-  children: ReactElement;
-};
-
-export const ArticlePage = (props: ArticlePageProps) => {
-  const { title, description, headless } = props;
-  // const navgation = useNavigate();
-
-  if (headless) {
-    return props.children;
-  }
-
-  const articleCls = classNames('prose', 'mb-16');
-
-  return (
-    <>
-      <Article
-        title={<Slot name="blog:articleTitle" data={title} placeholder={<>{title}</>} />}
-        date={props.date}
-        description={description}
-        className={`${props.className || ''}`}
-        loading={false}
-      >
-        <article className={articleCls}>{props.children}</article>
-        {/*<div className="relative -left-8">
-          <Reaction title={title} url={window.location.href} />
-        </div>*/}
-      </Article>
-      <div className="flex flex-col gap-4" style={{ position: 'relative', left: -4 }}>
-        <Link className="w-fit" to="/blog">
-          cd ..
-        </Link>
-        <Link className="w-fit" to="/">
-          cd ~
-        </Link>
-      </div>
-    </>
-  );
-};

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

@@ -1,10 +0,0 @@
-import React from 'react';
-import { LinkList, LinkListProps } from '@bbki.ng/ui';
-
-export const CenterLinkList = (props: LinkListProps) => {
-  return (
-    <div className="flex justify-center relative h-full">
-      <LinkList {...props} />
-    </div>
-  );
-};

package/src/plugins/blog/constants/index.ts

@@ -1 +0,0 @@
-export const PLUGIN_NAME = 'blog';

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

@@ -1,7 +0,0 @@
-import { createPluginCtx } from '#/core/context';
-
-export interface IBlogContext {
-  setLoading: (loading: boolean) => void;
-}
-
-export const BlogContext = createPluginCtx<IBlogContext>();

package/src/plugins/blog/hooks/useMiddlewareTransData.ts

@@ -1,14 +0,0 @@
-import {
-  createMiddlewareRunnerHook,
-  createMiddlewareTransformedDataHook,
-} from '#/core/shared-service/factory/createUIServiceReactKit';
-
-import { BlogUIService } from '../services/BlogUIService';
-
-export const useMiddlewareRunner = createMiddlewareRunnerHook(BlogUIService.getInstance());
-export const useMiddlewareTransformedData =
-  createMiddlewareTransformedDataHook(useMiddlewareRunner);
-export type {
-  UseMiddlewareRunnerOptions,
-  UseMiddlewareRunnerResult as UseMiddlewareTransformedDataResult,
-} from '#/core/shared-service/factory/createUIServiceReactKit';

package/src/plugins/blog/hooks/use_blog_scroll_pos_restoration.ts

@@ -1,89 +0,0 @@
-import { useCallback, useEffect, useRef } from 'react';
-
-const SCROLL_STORAGE_KEY = 'div-scroll-positions';
-
-function getScrollPositions(): Record<string, number> {
-  const stored = sessionStorage.getItem(SCROLL_STORAGE_KEY);
-  return stored ? JSON.parse(stored) : {};
-}
-
-function saveScrollPosition(key: string, position: number) {
-  const positions = getScrollPositions();
-  positions[key] = position;
-  sessionStorage.setItem(SCROLL_STORAGE_KEY, JSON.stringify(positions));
-}
-
-export function useBlogScrollReset() {
-  useEffect(() => {
-    const element = document.getElementById('app');
-    if (!element) return;
-
-    element.scrollTop = 0;
-  }, []);
-}
-
-export function useBlogScroll() {
-  const element = document.getElementById('app');
-
-  const gotoTop = useCallback(() => {
-    if (!element) return;
-
-    const id = setTimeout(() => {
-      element.scrollTo({ top: 0, behavior: 'smooth' });
-    }, 150);
-
-    return () => clearTimeout(id);
-  }, [element]);
-
-  return {
-    gotoTop,
-  };
-}
-
-export function useBlogScrollRestoration(debounceMs: number = 100) {
-  const isFirstRender = useRef(true);
-  const scrollTimeoutRef = useRef<number>();
-  const element = document.getElementById('blog');
-  const scrollKey = `blog`;
-
-  // Restore scroll position on mount
-  useEffect(() => {
-    if (!isFirstRender.current || !element) return;
-
-    const positions = getScrollPositions();
-    const savedPosition = positions[scrollKey];
-    if (!savedPosition) {
-      return;
-    }
-
-    requestAnimationFrame(() => {
-      element.scrollTop = savedPosition;
-    });
-    isFirstRender.current = false;
-  }, [element, scrollKey]);
-
-  // Save scroll position with debouncing
-  useEffect(() => {
-    if (!element) return;
-
-    const handleScroll = () => {
-      // Clear previous timeout
-      if (scrollTimeoutRef.current) {
-        clearTimeout(scrollTimeoutRef.current);
-      }
-
-      // Debounce the save operation
-      scrollTimeoutRef.current = window.setTimeout(() => {
-        if (element) {
-          saveScrollPosition(scrollKey, element.scrollTop);
-        }
-      }, debounceMs);
-    };
-
-    element.addEventListener('scroll', handleScroll, { passive: true });
-
-    return () => {
-      element.removeEventListener('scroll', handleScroll);
-    };
-  }, [debounceMs, element, scrollKey]);
-}

package/src/plugins/blog/hooks/use_blog_slot_com.ts

@@ -1,5 +0,0 @@
-import { createSlotHook } from '#/core/shared-service/factory/createUIServiceReactKit';
-
-import { BlogUIService } from '../services/BlogUIService';
-
-export const useBlogSlotComp = createSlotHook(BlogUIService.getInstance());

package/src/plugins/blog/hooks/use_posts.ts

@@ -1,74 +0,0 @@
-import useSWR from 'swr';
-import { useEffect, useMemo, useState } from 'react';
-
-import { IPost } from '#/types/posts';
-
-import { BlogContext } from '../context';
-
-import { useMiddlewareRunner } from './useMiddlewareTransData';
-
-interface PostsApiResponse {
-  data: IPost[];
-  // 可能还有其他字段如 status, message 等
-}
-
-export interface TitleListItem {
-  name: string;
-  to: string;
-  children: string;
-  className?: string;
-}
-
-export const usePosts = (name: string = '', suspense?: boolean) => {
-  const { data: response, error: swrError } = useSWR<PostsApiResponse>('posts', {
-    revalidateOnFocus: false,
-    suspense,
-  });
-
-  const { setLoading } = BlogContext.useCtx();
-
-  const data = response?.data;
-  const isDataLoading = !data && !swrError;
-
-  const baseTitleList: TitleListItem[] = useMemo(() => {
-    if (!data || swrError) return [];
-
-    return data.map((p: IPost) => ({
-      name: p.title,
-      to: p.title,
-      children: p.title,
-    }));
-  }, [data, swrError]);
-
-  const [fullTitleList, setFullTitleList] = useState<TitleListItem[]>(baseTitleList);
-
-  const {
-    loading: isTransforming,
-    error: transformError,
-    run,
-  } = useMiddlewareRunner<TitleListItem[]>({
-    hookPoint: 'blog:transformTitleList',
-  });
-
-  useEffect(() => {
-    if (baseTitleList.length > 0) {
-      run(baseTitleList).then(setFullTitleList);
-    }
-  }, [baseTitleList, run]);
-
-  useEffect(() => {
-    setLoading(isDataLoading || isTransforming);
-  }, [isDataLoading, isTransforming, setLoading]);
-
-  const posts =
-    isDataLoading || name === '' || swrError || !data
-      ? data
-      : data.find((p: IPost) => p.title === name);
-
-  return {
-    posts,
-    titleList: fullTitleList ?? [],
-    isError: swrError || transformError,
-    isLoading: isDataLoading || isTransforming,
-  };
-};