@lobehub/lobehub 2.0.0-next.47 → 2.0.0-next.49

package/packages/model-runtime/src/utils/imageToBase64.test.ts

@@ -1,91 +0,0 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-
-import { imageToBase64, imageUrlToBase64 } from './imageToBase64';
-
-describe('imageToBase64', () => {
-  let mockImage: HTMLImageElement;
-  let mockCanvas: HTMLCanvasElement;
-  let mockContext: CanvasRenderingContext2D;
-
-  beforeEach(() => {
-    mockImage = {
-      width: 200,
-      height: 100,
-    } as HTMLImageElement;
-
-    mockContext = {
-      drawImage: vi.fn(),
-    } as unknown as CanvasRenderingContext2D;
-
-    mockCanvas = {
-      width: 0,
-      height: 0,
-      getContext: vi.fn().mockReturnValue(mockContext),
-      toDataURL: vi.fn().mockReturnValue('data:image/webp;base64,mockBase64Data'),
-    } as unknown as HTMLCanvasElement;
-
-    vi.spyOn(document, 'createElement').mockReturnValue(mockCanvas);
-  });
-
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it('should convert image to base64 with correct size and type', () => {
-    const result = imageToBase64({ img: mockImage, size: 100, type: 'image/jpeg' });
-
-    expect(document.createElement).toHaveBeenCalledWith('canvas');
-    expect(mockCanvas.width).toBe(100);
-    expect(mockCanvas.height).toBe(100);
-    expect(mockCanvas.getContext).toHaveBeenCalledWith('2d');
-    expect(mockContext.drawImage).toHaveBeenCalledWith(mockImage, 50, 0, 100, 100, 0, 0, 100, 100);
-    expect(mockCanvas.toDataURL).toHaveBeenCalledWith('image/jpeg');
-    expect(result).toBe('data:image/webp;base64,mockBase64Data');
-  });
-
-  it('should use default type when not specified', () => {
-    imageToBase64({ img: mockImage, size: 100 });
-    expect(mockCanvas.toDataURL).toHaveBeenCalledWith('image/webp');
-  });
-
-  it('should handle taller images correctly', () => {
-    mockImage.width = 100;
-    mockImage.height = 200;
-    imageToBase64({ img: mockImage, size: 100 });
-    expect(mockContext.drawImage).toHaveBeenCalledWith(mockImage, 0, 50, 100, 100, 0, 0, 100, 100);
-  });
-});
-
-describe('imageUrlToBase64', () => {
-  const mockFetch = vi.fn();
-  const mockArrayBuffer = new ArrayBuffer(8);
-
-  beforeEach(() => {
-    global.fetch = mockFetch;
-    global.btoa = vi.fn().mockReturnValue('mockBase64String');
-  });
-
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it('should convert image URL to base64 string', async () => {
-    mockFetch.mockResolvedValue({
-      arrayBuffer: () => Promise.resolve(mockArrayBuffer),
-      blob: () => Promise.resolve(new Blob([mockArrayBuffer], { type: 'image/jpg' })),
-    });
-
-    const result = await imageUrlToBase64('https://example.com/image.jpg');
-
-    expect(mockFetch).toHaveBeenCalledWith('https://example.com/image.jpg');
-    expect(global.btoa).toHaveBeenCalled();
-    expect(result).toEqual({ base64: 'mockBase64String', mimeType: 'image/jpg' });
-  });
-
-  it('should throw an error when fetch fails', async () => {
-    const mockError = new Error('Fetch failed');
-    mockFetch.mockRejectedValue(mockError);
-
-    await expect(imageUrlToBase64('https://example.com/image.jpg')).rejects.toThrow('Fetch failed');
-  });
-});

package/packages/model-runtime/src/utils/imageToBase64.ts

@@ -1,62 +0,0 @@
-export const imageToBase64 = ({
-  size,
-  img,
-  type = 'image/webp',
-}: {
-  img: HTMLImageElement;
-  size: number;
-  type?: string;
-}) => {
-  const canvas = document.createElement('canvas');
-  const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;
-  let startX = 0;
-  let startY = 0;
-
-  if (img.width > img.height) {
-    startX = (img.width - img.height) / 2;
-  } else {
-    startY = (img.height - img.width) / 2;
-  }
-
-  canvas.width = size;
-  canvas.height = size;
-
-  ctx.drawImage(
-    img,
-    startX,
-    startY,
-    Math.min(img.width, img.height),
-    Math.min(img.width, img.height),
-    0,
-    0,
-    size,
-    size,
-  );
-
-  return canvas.toDataURL(type);
-};
-
-export const imageUrlToBase64 = async (
-  imageUrl: string,
-): Promise<{ base64: string; mimeType: string }> => {
-  try {
-    const res = await fetch(imageUrl);
-    const blob = await res.blob();
-    const arrayBuffer = await blob.arrayBuffer();
-
-    const base64 =
-      typeof btoa === 'function'
-        ? btoa(
-            new Uint8Array(arrayBuffer).reduce(
-              (data, byte) => data + String.fromCharCode(byte),
-              '',
-            ),
-          )
-        : Buffer.from(arrayBuffer).toString('base64');
-
-    return { base64, mimeType: blob.type };
-  } catch (error) {
-    console.error('Error converting image to base64:', error);
-    throw error;
-  }
-};

package/src/app/[variants]/(main)/chat/settings/features/SubmitAgentButton/SubmitAgentModal.tsx

@@ -1,98 +0,0 @@
-'use client';
-
-import { Alert, Button, Input, Modal, type ModalProps } from '@lobehub/ui';
-import { Divider } from 'antd';
-import { useTheme } from 'antd-style';
-import isEqual from 'fast-deep-equal';
-import { kebabCase } from 'lodash-es';
-import qs from 'query-string';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { AGENTS_INDEX_GITHUB_ISSUE } from '@/const/url';
-import AgentInfo from '@/features/AgentInfo';
-import { useAgentStore } from '@/store/agent';
-import { agentSelectors } from '@/store/agent/selectors';
-import { useGlobalStore } from '@/store/global';
-import { globalGeneralSelectors } from '@/store/global/selectors';
-import { useSessionStore } from '@/store/session';
-import { sessionMetaSelectors } from '@/store/session/selectors';
-
-const SubmitAgentModal = memo<ModalProps>(({ open, onCancel }) => {
-  const { t } = useTranslation('setting');
-  const [identifier, setIdentifier] = useState('');
-  const systemRole = useAgentStore(agentSelectors.currentAgentSystemRole);
-  const theme = useTheme();
-  const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
-  const language = useGlobalStore(globalGeneralSelectors.currentLanguage);
-
-  const isMetaPass = Boolean(
-    meta && meta.title && meta.description && (meta.tags as string[])?.length > 0 && meta.avatar,
-  );
-
-  const handleSubmit = () => {
-    const body = [
-      '### systemRole',
-      systemRole,
-      '### identifier',
-      kebabCase(identifier),
-      '### avatar',
-      meta.avatar,
-      '### title',
-      meta.title,
-      '### description',
-      meta.description,
-      '### tags',
-      (meta.tags as string[]).join(', '),
-      '### locale',
-      language,
-    ].join('\n\n');
-
-    const url = qs.stringifyUrl({
-      query: { body, labels: '🤖 Agent PR', title: `[Agent] ${meta.title}` },
-      url: AGENTS_INDEX_GITHUB_ISSUE,
-    });
-
-    window.open(url, '_blank');
-  };
-
-  return (
-    <Modal
-      allowFullscreen
-      footer={
-        <Button
-          block
-          disabled={!isMetaPass || !identifier}
-          onClick={handleSubmit}
-          size={'large'}
-          type={'primary'}
-        >
-          {t('submitAgentModal.button')}
-        </Button>
-      }
-      onCancel={onCancel}
-      open={open}
-      title={t('submitAgentModal.tooltips')}
-    >
-      <Flexbox gap={16}>
-        {!isMetaPass && (
-          <Alert message={t('submitAgentModal.metaMiss')} showIcon type={'warning'} />
-        )}
-        <AgentInfo meta={meta} systemRole={systemRole} />
-        <Divider style={{ margin: '8px 0' }} />
-        <strong>
-          <span style={{ color: theme.colorError, marginRight: 4 }}>*</span>
-          {t('submitAgentModal.identifier')}
-        </strong>
-        <Input
-          onChange={(e) => setIdentifier(e.target.value)}
-          placeholder={t('submitAgentModal.placeholder')}
-          value={identifier}
-        />
-      </Flexbox>
-    </Modal>
-  );
-});
-
-export default SubmitAgentModal;

package/src/app/[variants]/(main)/chat/settings/features/SubmitAgentButton/index.tsx

@@ -1,35 +0,0 @@
-import { ActionIcon, Button } from '@lobehub/ui';
-import { Share2 } from 'lucide-react';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { HEADER_ICON_SIZE } from '@/const/layoutTokens';
-import { useServerConfigStore } from '@/store/serverConfig';
-
-import SubmitAgentModal from './SubmitAgentModal';
-
-const SubmitAgentButton = memo<{ modal?: boolean }>(({ modal }) => {
-  const { t } = useTranslation('setting');
-  const mobile = useServerConfigStore((s) => s.isMobile);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-
-  return (
-    <>
-      {modal ? (
-        <Button block icon={Share2} onClick={() => setIsModalOpen(true)} variant={'filled'}>
-          {t('submitAgentModal.tooltips')}
-        </Button>
-      ) : (
-        <ActionIcon
-          icon={Share2}
-          onClick={() => setIsModalOpen(true)}
-          size={HEADER_ICON_SIZE(mobile)}
-          title={t('submitAgentModal.tooltips')}
-        />
-      )}
-      <SubmitAgentModal onCancel={() => setIsModalOpen(false)} open={isModalOpen} />
-    </>
-  );
-});
-
-export default SubmitAgentButton;

package/src/app/[variants]/(main)/chat/settings/features/SubmitAgentButton/style.ts

@@ -1,47 +0,0 @@
-import { createStyles } from 'antd-style';
-
-export const useStyles = createStyles(({ css, token, prefixCls }) => ({
-  author: css`
-    font-size: 12px;
-  `,
-
-  avatar: css`
-    flex: none;
-  `,
-  container: css`
-    position: relative;
-    padding-block: 16px 24px;
-    padding-inline: 16px;
-    border-block-end: 1px solid ${token.colorBorderSecondary};
-  `,
-  date: css`
-    font-size: 12px;
-    color: ${token.colorTextDescription};
-  `,
-  desc: css`
-    color: ${token.colorTextDescription};
-    text-align: center;
-  `,
-  loading: css`
-    .${prefixCls}-skeleton-content {
-      display: flex;
-      flex-direction: column;
-    }
-  `,
-  nav: css`
-    padding-block-start: 4px;
-
-    .${prefixCls}-tabs-tab {
-      margin: 4px !important;
-
-      + .${prefixCls}-tabs-tab {
-        margin: 4px !important;
-      }
-    }
-  `,
-  title: css`
-    font-size: 20px;
-    font-weight: 600;
-    text-align: center;
-  `,
-}));