@mxmweb/aichat 1.1.7 → 1.1.8

package/src/utils/commonFn.tsx

@@ -0,0 +1,111 @@
+import message from 'antd/es/message';
+import { uid } from 'uid';
+import Clipboard from 'clipboard';
+
+export const toCopy = (content: any, event: any) => {
+  // 去除 <think>...</think> 标签及内容
+  let _content = content ? content.replace(/<think>[\s\S]*?<\/think>/g, '') : content;
+
+  // 去除 [retrive-tag ...]...[/retrive-tag] 标签及内容
+  _content = _content.replace(/\[retrive-tag[^\]]*\][\s\S]*?\[\/retrive-tag\]/g, '');
+
+  // 去除 <a> 标签（保留原有逻辑）
+  _content = _content.replace(/<a\s+[^>]*>(.*?)<\/a>/g, '');
+  console.log('_content', _content);
+
+  const clipboard: any = new Clipboard(event.currentTarget || event.target, {
+    text: () => _content,
+  });
+
+  try {
+    clipboard.on('success', () => {
+      message.success('文本复制成功', 2);
+      clipboard.destroy();
+    });
+    clipboard.on('error', e => {
+      message.error('复制失败', 2);
+      clipboard.destroy();
+    });
+
+    clipboard.onClick(event);
+  } catch (error) {
+    clipboard.destroy();
+    message.error('复制失败: ' + error, 2);
+  }
+
+  // if (navigator.clipboard?.writeText) {
+  //   console.log('_content1', navigator);
+  //   navigator.clipboard
+  //     .writeText(_content)
+  //     .then(() => {
+  //       console.log('_content2', _content);
+  //       message.success('文本复制成功', 2);
+  //     })
+  //     .catch(err => {
+  //       message.error('复制失败: ', 2);
+  //       console.log('error occurs when copy:', err);
+  //     });
+  // } else {
+  //   console.log('_content3', _content);
+  //   const textareaDom = document.createElement('textarea');
+  //   console.log('_content4', textareaDom);
+  //   textareaDom.value = _content;
+  //   textareaDom.style.position = 'absolute';
+  //   textareaDom.style.opacity = '0';
+  //   textareaDom.style.left = '-500px';
+  //   textareaDom.style.top = '-500px';
+  //   textareaDom.style.height = '0';
+  //   document.body.appendChild(textareaDom);
+  //   textareaDom.focus();
+  //   textareaDom.select();
+  //   document.execCommand('copy');
+  //   textareaDom.remove();
+  //   message.success('文本复制成功', 2);
+  // }
+};
+
+// 添加文件类型判断辅助函数
+export const getFileTypeByName = (fileName: string): string => {
+  const extension = fileName.toLowerCase().split('.').pop() || '';
+  if (/^(jpg|jpeg|png|gif|bmp|webp)$/.test(extension)) return 'image';
+  if (/^(doc|docx)$/.test(extension)) return 'word';
+  if (/^(xls|xlsx|csv)$/.test(extension)) return 'excel';
+  if (/^(ppt|pptx)$/.test(extension)) return 'ppt';
+  if (extension === 'pdf') return 'pdf';
+  if (/^(txt|json|md|markdown)$/.test(extension)) return 'text';
+  if (/^(zip|rar|7z)$/.test(extension)) return 'archive';
+  return 'file';
+};
+
+// 将 query-reply 对列表转换为消息数组
+export function convertQueryReplyPairListToMessages(queryReplyPairList: any[]): any[] {
+  console.log('convertQueryReplyPairListToMessages', queryReplyPairList);
+  const messages: any[] = [];
+  for (const pair of queryReplyPairList) {
+    console.log(pair, 'pair');
+    if (pair.query) {
+      const _queryId = pair.query.queryId || pair.query.id || pair.queryId || pair.id || uid(32);
+      messages.push({
+        istype: 'user',
+        content: pair.query.content,
+        time: pair.query.gmtCreate,
+        queryId: _queryId,
+        clientSideId: _queryId + '-user',
+        ...pair.query,
+      });
+    }
+    if (pair.reply) {
+      const _queryId = pair.reply.queryId || pair.reply.id || pair.queryId || pair.id || uid(32);
+      messages.push({
+        istype: 'ai',
+        content: pair.reply.content,
+        isDefault: pair.reply.isDefault,
+        time: pair.time || pair.gmtCreate || Date.now(),
+        queryId: _queryId,
+        clientSideId: _queryId + '-ai',
+        ...pair.reply,
+      });
+    }
+  }
+  return messages;
+}

package/src/utils/index.tsx

@@ -0,0 +1,94 @@
+import dayjs from 'dayjs';
+
+export const dealMinioUrl = (url: string | undefined | string[]) => {
+  if (!url) return '';
+  if (Array.isArray(url)) {
+    const urlArr = url.map(item => {
+      const arr = item.split('/').slice(3);
+      return `/minio/` + arr.join('/');
+    });
+    return urlArr;
+  }
+
+  const arr = url.split('/').slice(3);
+
+  return `/minio/` + arr.join('/');
+};
+
+export const uniqArr2By = (array1: any[], array2: any[], key: string) => {
+  return array2.filter(item2 => !array1.some(item1 => item1[key] === item2[key]));
+};
+
+export const fileViewTypes = [
+  'txt',
+  'pdf',
+  // "xlsx",
+  // "xls",
+  // "csv",
+  '.md',
+  'jpeg',
+  'jpg',
+  'png',
+];
+
+export const getMarkExcludeType = (file_type: string) => {
+  return [''].includes(file_type); //"xls", "xlsx", "csv"
+};
+
+export const isImage = (type: string) => {
+  return ['png', 'jpg', 'jpeg'].includes(type);
+};
+
+export const TempBaseUrl = 'http://10.15.12.13:9000/';
+
+export const smoothScroll = (container: any, distance?: number) => {
+  const d = distance || 20;
+  const { scrollTop, scrollHeight, clientHeight } = container;
+  const isBottom = scrollTop + clientHeight >= scrollHeight;
+  requestAnimationFrame(() => {
+    if (!isBottom) {
+      if (scrollTop + clientHeight + d < scrollHeight) {
+        container.scrollBy({
+          top: d,
+          behavior: 'smooth',
+        });
+        smoothScroll(container, d);
+      } else {
+        container.scrollTo({
+          top: scrollHeight,
+          behavior: 'smooth',
+        });
+      }
+    }
+  });
+};
+
+export const judgeXlS = (item: { type?: string; fileName: string }) => {
+  const validTypes = ['xlsx', 'xls', 'csv', 'png', 'jpg', 'jpeg'];
+  const fileExtension = item.fileName.split('.').pop()?.toLowerCase();
+  return validTypes.includes(item.type || '') || validTypes.includes(fileExtension || '');
+};
+
+export const FileModalSize = {
+  width: 960,
+  height: 742,
+};
+
+export const formatTime = (val: string) => {
+  return val ? dayjs(val).format('YY-MM-DD HH:mm') : '';
+};
+
+export const getUrlPrefix = () => {
+  return import.meta.env.VITE_RAG_PREFIX;
+};
+
+export const getMinioUrlPrefix = () => {
+  return import.meta.env.VITE_MINIO_PREFIX;
+};
+
+export const getNameFromFile = (fileUrl: string) => {
+  if (!fileUrl || typeof fileUrl !== 'string') return '';
+  const arr = fileUrl.split('.');
+  const len = arr.length;
+  return arr[len - 1];
+};

package/src/vite-env.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_APP_TITLE: string;
+  readonly VITE_API_URL: string;
+  readonly VITE_PUBLISH_NAME: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/tailwind.config.js

@@ -0,0 +1,18 @@
+/** @type {import('tailwindcss').Config} */
+import typography from '@tailwindcss/typography';
+export default {
+  darkMode: ['class'],
+  mode: 'jit',
+  prefix: 'aichai-',
+  corePlugins: {
+    preflight: false,
+    aspectRatio: true,
+    divideStyle: true,
+  },
+  content: ['./src/**/*.{html,ts,tsx,mdx}'],
+
+  variants: {
+    extend: {},
+  },
+  plugins: [typography, require('tailwindcss-animate')],
+};

package/tsconfig.app.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    // "allowImportingTsExtensions": false,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": false,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    "forceConsistentCasingInFileNames": true,
+    "declaration": true, // 确保生成类型声明文件
+    "outDir": "./dist"
+  },
+  "include": ["src", "type.d.ts"],
+  "exclude": ["node_modules", "dist"]
+}

package/tsconfig.app.tsbuildinfo

@@ -0,0 +1,11 @@
+{
+  "root": [
+    "./src/preview.tsx",
+    "./src/main.tsx",
+    "./src/type.d.ts",
+    "./src/vite-env.d.ts",
+    "./src/application/index.tsx",
+    "./src/application/@types/system.ts"
+  ],
+  "version": "5.6.3"
+}

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+    }
+  }
+}

package/tsconfig.node.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts", "/src/type.d.ts"]
+}

package/tsconfig.node.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./vite.config.ts"],"version":"5.6.3"}

package/vite.config.ts

@@ -0,0 +1,138 @@
+import { defineConfig, loadEnv } from 'vite';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from 'vite-plugin-commonjs';
+import svgr from 'vite-plugin-svgr';
+import path from 'path';
+import react from '@vitejs/plugin-react';
+import generatePackageJson from 'rollup-plugin-generate-package-json';
+import dts from 'vite-plugin-dts';
+import version from 'vite-plugin-package-version';
+import pkg from './package.json';
+import copy from 'rollup-plugin-copy';
+import fs from 'fs';
+function shiftStaticFiles(directories: string[]) {
+  return {
+    name: 'shift-static-file',
+    writeBundle() {
+      directories.forEach(dir => {
+        const targetDir = path.resolve(__dirname, 'dist', dir);
+        if (fs.existsSync(targetDir)) {
+          fs.rmSync(targetDir, { recursive: true, force: true });
+          console.log(`Deleted directory: ${targetDir}`);
+        } else {
+          console.warn(`Directory not found: ${targetDir}`);
+        }
+      });
+    },
+  };
+}
+
+export default ({ mode }: { mode: string }) => {
+  const env = loadEnv(mode, process.cwd());
+  console.log(env);
+
+  return defineConfig({
+    base: './',
+    plugins: [
+      resolve(),
+      commonjs(),
+      svgr(),
+      react(),
+      version(),
+      dts({
+        tsconfigPath: './tsconfig.app.json',
+        insertTypesEntry: true,
+        include: ['src/**/*.ts', 'src/**/*.tsx'], // 覆盖所有源码
+      }),
+      generatePackageJson({
+        outputFolder: 'dist',
+        baseContents: {
+          name: env.VITE_PUBLISH_NAME || pkg.name,
+          main: 'index.js',
+          license: 'MIT',
+          // @ts-expect-error 这里是因为样式文件可能没有类型定义
+          style: 'assets/style.css',
+          types: 'index.d.ts',
+          private: false,
+          version: pkg.version,
+          author: pkg.author,
+          type: 'module',
+          scripts: {
+            test: 'yarn link',
+            disconnect: 'yarn unlink',
+          },
+          exports: {
+            '.': './index.js',
+            './style.css': './assets/style.css',
+          },
+        },
+      }),
+      copy({
+        targets: [{ src: 'README.md', dest: 'dist', rename: 'README.md' }],
+        hook: 'writeBundle',
+      }),
+      shiftStaticFiles(['files']),
+    ],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+      },
+    },
+    esbuild: {
+      charset: 'ascii',
+    },
+    // assetsInclude: ['**/*.mjs'], // 确保 Vite 能识别 .mjs 文件为资源
+    build: {
+      outDir: 'dist',
+      lib: {
+        entry: path.resolve(__dirname, 'src/lib_enter.ts'),
+        formats: ['es'],
+        fileName: format => `index.${format === 'es' ? 'js' : 'umd.js'}`,
+      },
+      rollupOptions: {
+        external: ['react', 'react-dom'],
+        input: {
+          main: path.resolve(__dirname, 'src/lib_enter.ts'), // 改这里
+        },
+        output: {
+          dir: 'dist', // 确保输出在 dist 根目录
+          entryFileNames: `index.js`,
+          assetFileNames: `assets/[name].[ext]`,
+          globals: {
+            react: 'React',
+            // 'react-dom': 'ReactDOM',
+          },
+        },
+        // treeshake: true, // 启用 tree-shaking，减少无用代码
+      },
+    },
+    server: {
+      cors: true,
+      host: '0.0.0.0',
+      port: 8888,
+      proxy: {
+        '/minio': {
+          target: `http://10.15.12.11:9000/`,
+          changeOrigin: true,
+          rewrite: path => path.replace(/^\/minio/, ''),
+        },
+        '/proxy': {
+          // target: "http://10.64.17.78:9001",
+          target: 'http://10.15.12.11:8889',
+          changeOrigin: true,
+          rewrite: path => path.replace(/^\/proxy/, ''),
+        },
+        '/api_proxy': {
+          target: 'http://10.15.12.11:9005',
+          changeOrigin: true,
+          secure: false,
+          rewrite: path => {
+            const newPath = path.replace(/^\/api_proxy/, '/proxy/graph');
+            console.log(`Rewriting path from ${path} to ${newPath}`); // 调试用
+            return newPath;
+          },
+        },
+      },
+    },
+  });
+};

package/vite.config_mainapp.ts

@@ -0,0 +1,126 @@
+import { defineConfig, loadEnv } from 'vite';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from 'vite-plugin-commonjs';
+import svgr from 'vite-plugin-svgr';
+import path from 'path';
+import react from '@vitejs/plugin-react';
+import generatePackageJson from 'rollup-plugin-generate-package-json';
+import dts from 'vite-plugin-dts';
+import version from 'vite-plugin-package-version';
+import pkg from './package.json';
+import copy from 'rollup-plugin-copy';
+import fs from 'fs';
+function shiftStaticFiles(directories: string[]) {
+  return {
+    name: 'shift-static-file',
+    writeBundle() {
+      directories.forEach(dir => {
+        const targetDir = path.resolve(__dirname, 'dist', dir);
+        if (fs.existsSync(targetDir)) {
+          fs.rmSync(targetDir, { recursive: true, force: true });
+          console.log(`Deleted directory: ${targetDir}`);
+        } else {
+          console.warn(`Directory not found: ${targetDir}`);
+        }
+      });
+    },
+  };
+}
+
+export default ({ mode }: { mode: string }) => {
+  const env = loadEnv(mode, process.cwd());
+  console.log(env);
+
+  return defineConfig({
+    base: './',
+    plugins: [
+      resolve(),
+      // commonjs(),
+      svgr(),
+      react(),
+      // version(),
+      // dts({
+      //   tsconfigPath: './tsconfig.app.json',
+      //   insertTypesEntry: true,
+      //   include: ['src/application/**/*.ts'], // 仅包含 application 目录
+      // }),
+      // generatePackageJson({
+      //   outputFolder: 'dist',
+      //   baseContents: {
+      //     name: env.VITE_PUBLISH_NAME || pkg.name,
+      //     main: 'index.js',
+      //     license: 'MIT',
+      //     // @ts-expect-error 这里是因为样式文件可能没有类型定义
+      //     style: 'assets/style.css',
+      //     types: 'index.d.ts',
+      //     private: false,
+      //     version: pkg.version,
+      //     author: pkg.author,
+      //     type: 'module',
+      //     scripts: {
+      //       test: 'yarn link',
+      //       disconnect: 'yarn unlink',
+      //     },
+      //     exports: {
+      //       '.': './index.js',
+      //       './style.css': './assets/style.css',
+      //     },
+      //   },
+      // }),
+      copy({
+        targets: [{ src: 'NPMREADME.md', dest: 'dist', rename: 'README.md' }],
+        hook: 'writeBundle',
+      }),
+      shiftStaticFiles(['files']),
+    ],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+      },
+    },
+    esbuild: {
+      charset: 'ascii',
+    },
+    // assetsInclude: ['**/*.mjs'], // 确保 Vite 能识别 .mjs 文件为资源
+    build: {
+      outDir: 'dist',
+      // lib: {
+      //   entry: path.resolve(__dirname, 'src/lib_enter.ts'),
+      //   formats: ['es'],
+      //   fileName: format => `index.${format === 'es' ? 'js' : 'umd.js'}`,
+      // },
+      rollupOptions: {
+        // external: ['react', 'react-dom'],
+        // input: {
+        //   main: path.resolve(__dirname, 'src/application/lib_enter.ts'),
+        // },
+        output: {
+          // dir: 'dist', // 确保输出在 dist 根目录
+          // entryFileNames: `index.js`,
+          // assetFileNames: `assets/[name].[ext]`,
+          // globals: {
+          //   react: 'React',
+          // },
+        },
+        // treeshake: true, // 启用 tree-shaking，减少无用代码
+      },
+    },
+    server: {
+      cors: true,
+      host: '0.0.0.0',
+      port: 8888,
+      proxy: {
+        '/api_proxy': {
+          target: 'http://10.15.12.13:9005',
+          changeOrigin: true,
+          secure: false,
+          rewrite: path => {
+            const newPath = path.replace(/^\/api_proxy/, '/proxy/graph');
+            console.log(`Rewriting path from ${path} to ${newPath}`); // 调试用
+            return newPath;
+          },
+        },
+      },
+    },
+  });
+};