@bbki.ng/site 5.8.11 → 6.0.0

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

@@ -1,99 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Panel, Link } from '@bbki.ng/ui';
-import classNames from 'classnames';
-
-import { formatStreamingData } from '#/plugins/now/utils/streaming';
-
-import { useStreaming } from '../../hooks/use_streaming';
-
-import { useScrollBtnVisibility } from './useScrollBtnVisibility';
-
-declare global {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace JSX {
-    interface IntrinsicElements {
-      'bb-msg-history': React.DetailedHTMLProps<
-        React.HTMLAttributes<HTMLElement>,
-        BbMsgHistoryElement
-      > & {
-        loading?: boolean;
-        infinite?: boolean;
-      };
-    }
-  }
-}
-
-export interface BbMsgHistoryElement extends HTMLElement {
-  setAuthor(name: string, config: { avatar: string; side: string; bubbleColor: string }): void;
-  scrollToBottom(): void;
-}
-
-const Streaming = () => {
-  const { streaming, isLoading, isError } = useStreaming();
-  const bbMsgHistoryRef = useRef<BbMsgHistoryElement>(null);
-
-  const [scrolled, setScrolled] = useState(false);
-
-  const showScrollBtn = useScrollBtnVisibility(bbMsgHistoryRef.current!);
-
-  const formattedData = formatStreamingData(streaming || []);
-
-  useEffect(() => {
-    const el = bbMsgHistoryRef.current;
-    let timer: ReturnType<typeof setTimeout>;
-    if (!isLoading && el) {
-      // 检查自定义元素是否已定义并升级
-      if (el.scrollToBottom) {
-        requestAnimationFrame(() => {
-          el.scrollToBottom();
-        });
-      } else {
-        // 等待 custom element 定义完成
-        customElements.whenDefined('bb-msg-history').then(() => {
-          el.scrollToBottom?.();
-        });
-      }
-
-      // delay to set scrolled state after scrollToBottom
-      timer = setTimeout(() => {
-        setScrolled(true);
-      }, 500);
-    }
-    return () => {
-      clearTimeout(timer);
-    };
-  }, [isLoading, formattedData]);
-
-  if (isLoading || isError) {
-    return null;
-  }
-
-  return (
-    <>
-      <Panel className="p-2.5! mt-16">
-        <bb-msg-history
-          // infinite
-          hide-scroll-bar
-          hide-scroll-button
-          ref={bbMsgHistoryRef}
-          style={{ height: '100%', '--bb-max-height': '260px' } as React.CSSProperties}
-        >
-          {formattedData}
-        </bb-msg-history>
-      </Panel>
-      <Link
-        className={classNames('w-fit relative opacity-0 transition-all duration-300 mt-16', {
-          'opacity-100': scrolled,
-          'opacity-0': showScrollBtn,
-          'pointer-events-none': showScrollBtn || !scrolled,
-        })}
-        to="/"
-        style={{ left: -4 }}
-      >
-        cd ..
-      </Link>
-    </>
-  );
-};
-
-export default Streaming;

package/src/plugins/now/components/streaming/useScrollBtnVisibility.ts

@@ -1,28 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { BbMsgHistoryElement } from '.';
-
-export const useScrollBtnVisibility = (ele: BbMsgHistoryElement) => {
-  const [visible, setVisible] = useState(false);
-
-  useEffect(() => {
-    if (!ele) {
-      return;
-    }
-
-    const handleShow = () => setVisible(true);
-    const handleHide = () => setVisible(false);
-
-    ele.addEventListener('bb-scrollbuttonshow', handleShow);
-    ele.addEventListener('bb-scrollbuttonhide', handleHide);
-
-    console.log('add event listeners');
-
-    return () => {
-      ele.removeEventListener('bb-scrollbuttonshow', handleShow);
-      ele.removeEventListener('bb-scrollbuttonhide', handleHide);
-    };
-  }, [ele]);
-
-  return visible;
-};

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

@@ -1,10 +0,0 @@
-import { Fetcher } from 'swr';
-
-import { createPluginCtx } from '#/core/context';
-
-export interface INowCtx {
-  setLoading: (loading: boolean) => void;
-  fetch: Fetcher;
-}
-
-export const NowCtx = createPluginCtx<INowCtx>();

package/src/plugins/now/hooks/use_streaming.ts

@@ -1,88 +0,0 @@
-import useSWR, { type BareFetcher } from 'swr';
-import { useEffect, useState } from 'react';
-
-import { NowCtx } from '../context';
-
-export type StreamingItem = {
-  id: string;
-  author: string;
-  content: string;
-  type?: string;
-  createdAt: string;
-};
-
-interface StreamingResponse {
-  status: string;
-  data: StreamingItem[];
-}
-
-export interface StreamingQueryParams {
-  /** Fetch records older than this ID (for pagination / next page) */
-  before?: string;
-  /** Fetch records newer than this ID (for polling / new messages) */
-  after?: string;
-  /** Number of records to fetch (default: 8, max: 100) */
-  offset?: number;
-}
-
-// SWR key generator for streaming queries
-const getStreamingKey = (params: StreamingQueryParams) => {
-  const parts = [];
-  if (params.before) parts.push(`before=${params.before}`);
-  if (params.after) parts.push(`after=${params.after}`);
-  if (params.offset) parts.push(`offset=${params.offset}`);
-  return 'streaming?' + parts.join('&');
-};
-
-interface UseStreamingOptions {
-  /** Polling interval in ms (default: 1000, set to 0 to disable) */
-  refreshInterval?: number;
-  /** Initial offset for first fetch (default: 8) */
-  offset?: number;
-}
-
-/**
- * Hook for fetching streaming data with polling
- * Use this for simple cases where you just need the latest data
- */
-export function useStreaming(options: UseStreamingOptions = {}) {
-  const { refreshInterval = 1000, offset = 8 } = options;
-
-  const { fetch } = NowCtx.useCtx();
-
-  const key = getStreamingKey({ offset });
-
-  const { data, error, mutate } = useSWR<StreamingResponse>(
-    key,
-    fetch as BareFetcher<StreamingResponse>,
-    {
-      revalidateOnFocus: true,
-      refreshInterval,
-    }
-  );
-
-  const isLoading = !data && !error;
-
-  const nowCtx = NowCtx.useCtx();
-
-  const [, forceUpdate] = useState(0);
-
-  // make rerender when customElement defined
-  useEffect(() => {
-    customElements.whenDefined('bb-msg-history').then(() => {
-      forceUpdate(prev => prev + 1);
-    });
-  }, []);
-
-  useEffect(() => {
-    nowCtx.setLoading(isLoading);
-  }, [nowCtx, isLoading]);
-
-  return {
-    streaming: data?.data ?? [],
-    isError: error,
-    isLoading,
-    /** Refetch data manually */
-    mutate,
-  };
-}

package/src/plugins/now/index.ts

@@ -1,62 +0,0 @@
-import { BBPlugin } from '#/core/plugin-system/bbplugin';
-import { IHostContext } from '#/types/hostApi';
-import { PluginID } from '#/types/plugin';
-
-import { pageNow } from './components';
-import { NowLink } from './components/NowLink';
-import { NowCtx } from './context';
-
-export class NowPlugin extends BBPlugin {
-  id: PluginID = 'now';
-
-  private _serviceRegistry?: IHostContext['service'];
-
-  override onInstall = async (ctx: IHostContext): Promise<void> => {
-    const systemUIService = ctx.service.get('core:uiService');
-    this._serviceRegistry = ctx.service;
-    if (!systemUIService) {
-      console.warn(`[${this.id}] core:uiService not found, cannot register entry`);
-      return;
-    }
-    const { withCtx } = NowCtx;
-
-    const coreService = ctx.service.get('core:baseService');
-
-    if (!coreService) {
-      console.error('Core service not found. NowPlugin installation failed.');
-      return;
-    }
-
-    systemUIService.registerPluginEntry(
-      {
-        path: '/now',
-        label: 'cd ./now',
-        pageComponent: withCtx(
-          {
-            setLoading: loading => {
-              // ctx.api.setLoading('now', loading);
-              coreService.setLoading('now', loading);
-            },
-            fetch: coreService.fetch, // 直接使用 coreService 的 fetch 方法
-          },
-          pageNow
-        ),
-      },
-      this.id
-    );
-  };
-
-  override onManualInstall = () => {
-    this.promptToOpen();
-  };
-
-  private promptToOpen = () => {
-    const notificationService = this._serviceRegistry?.get('notification');
-    notificationService?.notify({
-      message: '安装成功.',
-      action: NowLink,
-    });
-  };
-}
-
-export default new NowPlugin();

package/src/plugins/now/utils/streaming.ts

@@ -1,33 +0,0 @@
-export type StreamingItem = {
-  id: string;
-  author: string;
-  content: string;
-  type?: string;
-  createdAt: string;
-};
-
-export const formatStreamingData = (items: StreamingItem[]): string => {
-  if (!items || items.length === 0) {
-    return '';
-  }
-  // Reverse to show oldest first (bb-msg-history appends to bottom)
-  return [...items]
-    .reverse()
-    .map(item => {
-      const time = item.createdAt
-        ? new Date(item.createdAt)
-            .toLocaleString('zh-CN', {
-              year: 'numeric',
-              month: '2-digit',
-              day: '2-digit',
-              hour: '2-digit',
-              minute: '2-digit',
-              second: '2-digit',
-              hour12: false,
-            })
-            .replace(/\//g, '-')
-        : '';
-      return time ? `[${time}] ${item.author}: ${item.content}` : `${item.author}: ${item.content}`;
-    })
-    .join('\n');
-};

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

@@ -1,45 +0,0 @@
-import React from 'react';
-import { PathObj } from '@bbki.ng/ui';
-
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-
-import { STICKERS } from '../const';
-
-export const StickerCom = ({ data }: IComPropsRegisteredToSlot) => {
-  const paths = data as PathObj[];
-
-  if (paths.length === 0) {
-    return null;
-  }
-
-  // const lastPath = paths[paths.length - 1];
-
-  // if (lastPath.name !== '~') {
-  //   return null;
-  // }
-
-  return (
-    <div className="fixed bottom-32 left-16">
-      {STICKERS.map(sticker => (
-        <div
-          key={sticker.id}
-          className="inline-flex"
-          style={{
-            transform: `rotate(${sticker.rotation}deg)`,
-            marginRight: '16px',
-          }}
-        >
-          <bb-img
-            src={sticker.imageUrl}
-            max-width={sticker.maxWidth || 80}
-            max-height={sticker.maxHeight || 80}
-            aspect-ratio={sticker.aspectRatio || '1/1'}
-            style={{
-              transform: `translate(${sticker.xOffset || 0}px, ${sticker.yOffset || 0}px)`,
-            }}
-          ></bb-img>
-        </div>
-      ))}
-    </div>
-  );
-};

package/src/plugins/sticker/const.ts

@@ -1,76 +0,0 @@
-import { IStickerConfig } from './types';
-
-export const STICKERS: IStickerConfig[] = [
-  // {
-  //   id: 'copilot',
-  //   imageUrl: '/stickers/copilot.svg',
-  //   rotation: 20,
-  //   maxWidth: 60,
-  //   aspectRatio: '505/410',
-  //   xOffset: 0,
-  //   yOffset: 0,
-  // },
-  {
-    id: 'unlock',
-    imageUrl: '/stickers/sticker-unlock.svg',
-    rotation: -17,
-    maxWidth: 66,
-    aspectRatio: '66/35',
-    xOffset: 0,
-    yOffset: 0,
-  },
-  // {
-  //   id: 'npm',
-  //   imageUrl: '/stickers/npm.svg',
-  //   rotation: -10,
-  //   maxHeight: 220,
-  //   aspectRatio: '540/210',
-  //   xOffset: 0,
-  //   yOffset: -70,
-  // },
-  // {
-  //   id: 'react',
-  //   imageUrl: '/stickers/react.svg',
-  //   rotation: 10,
-  //   maxHeight: 200,
-  //   aspectRatio: '512/456',
-  //   xOffset: -250,
-  //   yOffset: -50,
-  // },
-  // {
-  //   id: 'vite',
-  //   imageUrl: '/stickers/vitejs.svg',
-  //   rotation: -5,
-  //   maxWidth: 30,
-  //   aspectRatio: '512/512',
-  //   xOffset: 100,
-  //   yOffset: -30,
-  // },
-  {
-    id: 'ollama',
-    imageUrl: '/stickers/ollama.svg',
-    rotation: 15,
-    maxHeight: 150,
-    aspectRatio: '17/25',
-    xOffset: 150,
-    yOffset: -20,
-  },
-  {
-    id: 'cat',
-    imageUrl: '/stickers/cat.svg',
-    rotation: -40,
-    maxWidth: 30,
-    aspectRatio: '187/249',
-    xOffset: 150,
-    yOffset: -20,
-  },
-  {
-    id: 'dog',
-    imageUrl: '/stickers/dog.svg',
-    rotation: -90,
-    maxWidth: 40,
-    aspectRatio: '82/76',
-    xOffset: 50,
-    yOffset: 170,
-  },
-];

package/src/plugins/sticker/context.ts

@@ -1,7 +0,0 @@
-import { createPluginCtx } from '#/core/context';
-
-export interface IStickerCtx {
-  deviceId: string;
-}
-
-export const StickerCtx = createPluginCtx<IStickerCtx>();

package/src/plugins/sticker/index.ts

@@ -1,43 +0,0 @@
-import { BBPlugin } from '#/core/plugin-system/bbplugin';
-import { IHostContext } from '#/types/hostApi';
-import { PluginID } from '#/types/plugin';
-
-import { StickerCom } from './components/StickerCom';
-import { IStickerCtx, StickerCtx } from './context';
-
-class Sticker extends BBPlugin {
-  id: PluginID = 'sticker';
-
-  private createPluginCtx = async (ctx: IHostContext): Promise<IStickerCtx> => {
-    const coreService = ctx.service.get('core:baseService');
-
-    if (!coreService) {
-      console.error('Core service not found. StickerPlugin installation failed.');
-      return {
-        deviceId: '',
-      };
-    }
-
-    return {
-      deviceId: (await coreService.getDeviceId()).id,
-    };
-  };
-
-  override onInstall = async (ctx: IHostContext): Promise<void> => {
-    const { withCtx } = StickerCtx;
-
-    const pluginCtx = await this.createPluginCtx(ctx);
-
-    const Sticker = withCtx(pluginCtx, StickerCom);
-
-    const systemUIService = ctx.service.get('core:uiService');
-    if (!systemUIService) {
-      console.error('UI service not found. StickerPlugin installation failed.');
-      return;
-    }
-
-    systemUIService.registerSlot('centerEntryArea', Sticker, this.id);
-  };
-}
-
-export default new Sticker();

package/src/plugins/sticker/types.ts

@@ -1,10 +0,0 @@
-export interface IStickerConfig {
-  id: string;
-  imageUrl: string;
-  rotation: number;
-  maxWidth?: number;
-  maxHeight?: number;
-  xOffset?: number;
-  aspectRatio?: string;
-  yOffset?: number;
-}

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

@@ -1,34 +0,0 @@
-import { FC, useEffect, useState } from 'react';
-
-import { IComPropsRegisteredToSlot } from '#/types/slots';
-
-import { ArrowSvg } from './ArrowSvg';
-
-export const ArrowCom: FC<IComPropsRegisteredToSlot> = ({ data }) => {
-  const hasEntry = data as boolean;
-
-  const [visible, setVisible] = useState(false);
-
-  useEffect(() => {
-    // Delay one frame so the initial opacity:0 is painted first
-    const raf = requestAnimationFrame(() => setVisible(true));
-    return () => cancelAnimationFrame(raf);
-  }, []);
-
-  if (hasEntry) {
-    return null;
-  }
-
-  // transition from opacity 0 to 1 when hasEntry changes from true to false
-
-  return (
-    <div
-      style={{
-        opacity: visible ? 1 : 0,
-        transition: 'opacity 1s ease-in',
-      }}
-    >
-      <ArrowSvg />
-    </div>
-  );
-};