@gientech/modual 2.0.3 → 2.0.5

package/scripts/preview-demo.js

@@ -0,0 +1,130 @@
+#!/usr/bin/env node
+
+import { spawn } from 'child_process';
+import { main, restoreMainFile } from './demo-selector.js';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// 检测操作系统
+const isWindows = process.platform === 'win32';
+
+/**
+ * 执行打包
+ */
+function runBuild() {
+  return new Promise((resolve, reject) => {
+    console.log('\n🔨 正在执行打包...\n');
+    console.log('🔧 调试信息:');
+    console.log('  操作系统:', process.platform);
+    console.log('  Windows 模式:', isWindows);
+    console.log('  工作目录:', path.resolve(__dirname, '..'));
+    console.log('');
+
+    const buildProcess = spawn('pnpm', ['run', 'build:app'], {
+      stdio: 'inherit',
+      shell: isWindows, // Windows 下需要 shell: true
+      cwd: path.resolve(__dirname, '..'),
+      env: {
+        ...process.env,
+        NODE_OPTIONS: '--max-old-space-size=16384'
+      }
+    });
+
+    buildProcess.on('close', (code) => {
+      if (code === 0) {
+        console.log('\n✅ 打包完成！');
+        console.log('📁 输出目录: dist-app/');
+        resolve();
+      } else {
+        console.error(`\n❌ 打包失败 (退出码: ${code})`);
+        reject(new Error(`打包失败，退出码: ${code}`));
+      }
+    });
+
+    buildProcess.on('error', (error) => {
+      console.error('❌ 执行打包失败:', error);
+      reject(error);
+    });
+
+    // 处理进程退出信号
+    process.on('SIGINT', () => {
+      console.log('\n🔄 正在取消打包...');
+      buildProcess.kill('SIGINT');
+    });
+
+    process.on('SIGTERM', () => {
+      console.log('\n🔄 正在取消打包...');
+      buildProcess.kill('SIGTERM');
+    });
+  });
+}
+
+/**
+ * 启动预览服务
+ */
+function startPreviewServer() {
+  console.log('\n🚀 正在启动预览服务器...\n');
+  console.log('🔧 调试信息:');
+  console.log('  操作系统:', process.platform);
+  console.log('  Windows 模式:', isWindows);
+  console.log('  工作目录:', path.resolve(__dirname, '..'));
+  console.log('');
+
+  const previewProcess = spawn('pnpm', ['run', 'preview:app'], {
+    stdio: 'inherit',
+    shell: isWindows, // Windows 下需要 shell: true
+    cwd: path.resolve(__dirname, '..')
+  });
+
+  previewProcess.on('close', (code) => {
+    console.log(`\n🔄 预览服务器已关闭 (退出码: ${code})`);
+    restoreMainFile();
+  });
+
+  previewProcess.on('error', (error) => {
+    console.error('❌ 启动预览服务器失败:', error);
+    restoreMainFile();
+    process.exit(1);
+  });
+
+  // 处理进程退出信号
+  process.on('SIGINT', () => {
+    console.log('\n🔄 正在关闭预览服务器...');
+    previewProcess.kill('SIGINT');
+  });
+
+  process.on('SIGTERM', () => {
+    console.log('\n🔄 正在关闭预览服务器...');
+    previewProcess.kill('SIGTERM');
+  });
+}
+
+/**
+ * 主函数
+ */
+async function runPreviewDemo() {
+  try {
+    // 先选择示例
+    await main();
+
+    // 执行打包
+    await runBuild();
+
+    // 启动预览服务
+    startPreviewServer();
+  } catch (error) {
+    console.error('❌ 预览模式启动失败:', error);
+    restoreMainFile();
+    process.exit(1);
+  }
+}
+
+// 如果直接运行此脚本
+if (import.meta.url === `file://${process.argv[1]}`) {
+  runPreviewDemo();
+}
+
+export { runPreviewDemo };

package/scripts/run-demo.bat

@@ -0,0 +1,34 @@
+@echo off
+REM Windows 批处理文件用于运行演示脚本
+REM 使用方法: run-demo.bat [dev-demo|build-demo|preview-demo]
+
+set NODE_OPTIONS=--max-old-space-size=16384
+
+if "%1"=="" (
+    echo 请指定要运行的脚本:
+    echo   run-demo.bat dev-demo
+    echo   run-demo.bat build-demo
+    echo   run-demo.bat preview-demo
+    exit /b 1
+)
+
+echo 🔧 调试信息:
+echo   Node.js 版本:
+node --version
+echo   操作系统: Windows
+echo   当前目录: %CD%
+echo   脚本参数: %1
+echo.
+
+node scripts\%1.js
+
+if %ERRORLEVEL% neq 0 (
+    echo.
+    echo ❌ 脚本执行失败，错误代码: %ERRORLEVEL%
+    pause
+    exit /b %ERRORLEVEL%
+)
+
+echo.
+echo ✅ 脚本执行完成
+pause

package/src/examples/ConversationAssistantPage/index.tsx

@@ -0,0 +1,41 @@
+import ConversationAssistant from '../../modules/assistantConfig';
+import { rag_dev_conversation_assistant } from '../../utils/testconfigs';
+
+const token = rag_dev_conversation_assistant.token;
+const url = rag_dev_conversation_assistant.url;
+
+export default function DatabasePage() {
+  const customComponents: any = {
+    ContentLoading: () => (
+      <div className="flex flex-col items-center justify-center h-full">
+        <div className="text-xl font-semibold mb-3">
+          {/* <Spin indicator={<LoadingOutlined spin />} size="large" /> */}
+        </div>
+        <div className="text-base mb-2" style={{ color: '#055AFF' }}>
+          加载中...
+        </div>
+      </div>
+    ),
+  };
+
+  const handlePageEventsEmit = (name: string, data: any) => {
+    console.log('[DatabasePage] pageEventsEmit ', name, data);
+  };
+
+  return (
+    <>
+      <ConversationAssistant
+        url={url}
+        token={token}
+        role={'admin'}
+        id={711}
+        showDatabase={false}
+        showGraph={true}
+        isShare={false}
+        disabled={false}
+        eventsEmit={handlePageEventsEmit}
+        CustomComponents={customComponents}
+      />
+    </>
+  );
+}

package/src/examples/Demo/index.tsx

@@ -0,0 +1,12 @@
+import '@mxmweb/xviewer/style.css';
+
+const Demo = () => {
+  return (
+    <div style={{ width: '200px', height: '200px', margin: '20px', backgroundColor: 'lightgray' }}>
+      {/* <Input /> */}
+      <input></input>
+    </div>
+  );
+};
+
+export default Demo;

package/src/examples/LoginPage/index.tsx

@@ -0,0 +1,18 @@
+import LoginMain from "../../modules/login"
+
+const LoginPage = ()=>{
+  return <LoginMain eventsEmit={ (eventName: string, data: any)=> {
+    switch(eventName) {
+      case 'afterLogin':
+        localStorage.setItem('token',data);
+        //window.location.reload();
+        console.log('afterLogin',data);
+        
+        break;
+    } 
+  }
+  } />
+}
+
+export default LoginPage;
+   

package/src/examples/chat/components/DrawerGraphPreview.tsx

@@ -0,0 +1,78 @@
+import axios from 'axios';
+import { useEffect, useMemo, useState } from 'react';
+import { rag_dev_server } from '../../../utils/testconfigs';
+import '@mxmweb/nodegraph/style.css';
+import { KnowledgeGraphPreview, registerPreviewViewer } from '@mxmweb/nodegraph';
+registerPreviewViewer();
+
+const DrawerGraphPreview = ({ curFileInfo, onClose }: { curFileInfo: any; onClose: any }) => {
+  const [config, setConfig] = useState({
+    title: '',
+    subtitle: '',
+    backgroundColor: '#f8f9fa',
+    showGrid: true,
+    showLegend: false,
+    showTooltip: true,
+    showFullscreen: false,
+    showMinimap: false,
+  });
+  const [graphList, setGraphList] = useState<any>({ nodeList: [], edgeList: [] });
+  const getGraphData = async (curFileInfo: any) => {
+    if (!curFileInfo?.id || !curFileInfo?.cyphers || !curFileInfo?.fetchUrl) return;
+    try {
+      const { cyphers, fetchUrl, id } = curFileInfo || {};
+      const res = await axios.post(
+        fetchUrl,
+        {
+          cyphers: ['match (n:`疾病`)-[e]-(m) where id(n) == "疾病上睑下垂" return n,e,m;'],
+          ontologyId: id,
+        },
+        {
+          headers: { Authorization: rag_dev_server.token },
+        }
+      );
+      console.log('getGraphData res', res);
+      setGraphList(res?.data || {});
+    } catch (error) {
+      console.log('error', error);
+    }
+  };
+  //const { getToken } = useAppPassport();
+  useEffect(() => {
+    getGraphData(curFileInfo);
+  }, [curFileInfo]);
+
+  useEffect(() => {
+    console.log('graphList', graphList);
+  }, [graphList]);
+  return (
+    <div>
+      <div className="h-[52px] leading-[52px] font-bold text-[16px] px-[15px] overflow-hidden border-t-none border-l-none border-b-[1px] border-solid border-[rgb(222,226,230)]">
+        {curFileInfo?.name || '图谱预览'}
+      </div>
+      <div
+        className="w-full h-[calc(100vh-52)]"
+        style={{ width: '100%', height: 'calc(100vh - 52px)' }}
+      >
+        <KnowledgeGraphPreview
+          data={graphList}
+          layout={{ type: 'force', linkDistance: 190 }}
+          title={config.title}
+          subtitle={config.subtitle}
+          backgroundColor={config.backgroundColor}
+          showGrid={config.showGrid}
+          showLegend={config.showLegend}
+          showTooltip={config.showTooltip}
+          showFullscreen={config.showFullscreen}
+          showMinimap={config.showMinimap}
+          customPlugins={{}}
+          onReady={(graph: any) => {
+            console.log('KnowledgeGraphPreview ready:', graph);
+          }}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default DrawerGraphPreview;

package/src/examples/chat/index.tsx

@@ -0,0 +1,154 @@
+import React, { useState } from 'react';
+import withGientechChatAdopter from '../../modules/chat';
+import {
+  Brain,
+  FileText,
+  Globe,
+  LoaderPinwheel,
+  Mic,
+  Paperclip,
+  Search,
+  Settings,
+} from 'lucide-react';
+import { rag_dev_server } from '../../utils/testconfigs';
+import { Icon } from '@mxmweb/zui';
+const defaultToken = rag_dev_server.token;
+const defaultUrl = rag_dev_server.url;
+
+const mockSenderConfig = {
+  actions: [
+
+  ],
+};
+
+const GientechChat = withGientechChatAdopter();
+
+export default function Preview() {
+  const [token] = useState(defaultToken);
+  const [url] = useState(defaultUrl);
+  const [open, setOpen] = useState(false);
+  const [drawerType, setDrawerType] = useState<string>('graphPreview');
+  const [curFileInfo, setCurFileInfo] = useState<any>({});
+  let parsedStyles = {
+    theme: {
+      colors: {
+        primary: '#4E6EF2',
+        secondary: '#6c757d',
+        success: '#008000',
+        warning: '#FFA500',
+        error: '#FF0000',
+        info: '#0000FF',
+        background: '#ffff',
+        text: '#000000',
+        border: '#dee2e6',
+        disabled: '#808080',
+        disabledBackground: '#F5F5F5',
+        disabledText: '#808080',
+        shadow: '#000000',
+        appBackground: '#fff',
+        listBackground: '#f9f9f9',
+        dashboardBackground: '#ffffff',
+        sidebarBg: 'transparent',
+        itemBg: 'transparent',
+        itemHoverBg: '#f0f4ff',
+        activeItemBg: 'linear-gradient(#E3ECFF, #EEEBFF)',
+        activeItemText: '#1D2129',
+        itemText: '#333',
+        groupBg: 'transparent',
+        groupText: '#333',
+        groupBorder: '#dee2e6',
+      },
+      space: {
+        sidebar: 'md',
+        size: 'md',
+        radius: 'md',
+        padding: 'md',
+        margin: 'md',
+        shadow: 'md',
+        lineHeight: 'md',
+      },
+      icons: {
+        aiAvatar: '/icons/sheets.png',
+        userAvatar:
+          'http://10.15.12.13:9000/dev-rag-data/header_pic/JIABINBIN00/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20231212161213.jpg',
+        pdf: '/icons/pdf.png',
+        word: '/icons/docx-file.png',
+        image: '/icons/image.png',
+        video: '/icons/video.png',
+        audio: '/icons/audio.png',
+        excel: '/icons/sheets.png',
+        ppt: '/icons/pptx.png',
+        docx: '/icons/docx-file.png',
+        sheets: '/icons/sheets.png',
+        pptx: '/icons/pptx.png',
+        txt: '/icons/txt.png',
+      },
+      others: {
+        baseFontWeight: 'normal',
+      },
+    },
+  };
+  return (
+    <div className="w-screen h-screen relative overflow-hidden">
+      {/* 演示：侧栏折叠/展开开关（调用层触发全局事件） */}
+
+      <GientechChat
+        token={token}
+        // sidebar={[]}
+        CustomComponents={{
+          LogoBox: null,
+        }}
+        senderConfig={mockSenderConfig}
+        appLoadingConfig={{
+          // title: '"睿思"智能会话助手',
+          subtitle: '让智能对话更简单',
+        }}
+        url={url}
+        styles={parsedStyles}
+        eventsEmit={(eventName, data) => {
+          console.log('事件触发:', eventName, data);
+          setCurFileInfo(data);
+          setOpen(true);
+          return;
+          switch (eventName) {
+            case 'graph_reference:click':
+              if (!data) return;
+
+              setCurFileInfo(data);
+              setOpen(true);
+              break;
+            case 'conversations:delete_icon_clicked':
+              const label = data.data?.label || '未命名会话';
+              if (window.confirm(`确定要删除会话「${label}」吗？删除后无法恢复。`)) {
+                data
+                  .async_deleteConversation()
+                  .then(() => {
+                    data.fn_removeItemFromList();
+                  })
+                  .catch(() => {
+                    // 删除失败
+                  });
+              }
+              break;
+            case 'conversations:rename_icon_clicked':
+              const oldLabel = data.data?.label || '未命名会话';
+              const newLabel = window.prompt(`请输入新的会话名称（原名：${oldLabel}）：`, oldLabel);
+              if (newLabel && newLabel !== oldLabel) {
+                data
+                  .async_renameConversation(newLabel)
+                  .then(() => {
+                    data.fn_renameItemInList(newLabel);
+                  })
+                  .catch(() => {
+                    // 重命名失败
+                  });
+              }
+          }
+        }}
+        productLogo={undefined} // Logo 图片文件不存在，设置为 undefined
+        scrollOld={false}
+        disclaimer="内容由AI生成，仅供参考，不代表本公司观点。"
+      />
+    </div>
+  );
+}