@lobehub/lobehub 2.0.0-next.46 → 2.0.0-next.48

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;
-  `,
-}));