collabdocchat 2.1.4 → 2.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "collabdocchat",
-  "version": "2.1.4",
+  "version": "2.2.0",
   "description": "开源的实时协作文档聊天平台 - 集成任务管理、多人文档编辑、智能点名功能",
   "main": "./server/index.js",
   "type": "module",

package/scripts/add-missing-functions.js

@@ -0,0 +1,66 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const filePath = path.join(__dirname, '../src/pages/admin-dashboard.js');
+
+console.log('读取文件...');
+let content = fs.readFileSync(filePath, 'utf8');
+
+// 找到最后一个 renderView('groups'); 之前插入新函数
+const insertPoint = content.lastIndexOf("  renderView('groups');");
+
+if (insertPoint === -1) {
+  console.error('❌ 找不到插入点');
+  process.exit(1);
+}
+
+const newFunctions = `
+  // 知识库管理
+  async function renderKnowledgeView(container) {
+    if (!currentGroup) {
+      container.innerHTML = '<div class="empty-state">请先选择一个群组</div>';
+      return;
+    }
+    container.innerHTML = '<div class="empty-state">知识库功能开发中...</div>';
+  }
+
+  // 工作流管理
+  async function renderWorkflowView(container) {
+    if (!currentGroup) {
+      container.innerHTML = '<div class="empty-state">请先选择一个群组</div>';
+      return;
+    }
+    container.innerHTML = '<div class="empty-state">工作流功能开发中...</div>';
+  }
+
+  // 备份管理
+  async function renderBackupView(container) {
+    container.innerHTML = '<div class="empty-state">备份功能开发中...</div>';
+  }
+
+  // AI助手
+  async function renderAIView(container) {
+    container.innerHTML = '<div class="empty-state">AI助手功能开发中...</div>';
+  }
+
+  // 数据导出
+  async function renderExportView(container) {
+    container.innerHTML = '<div class="empty-state">数据导出功能开发中...</div>';
+  }
+
+`;
+
+const before = content.substring(0, insertPoint);
+const after = content.substring(insertPoint);
+
+content = before + newFunctions + after;
+
+console.log('写入文件...');
+fs.writeFileSync(filePath, content, 'utf8');
+
+console.log('✅ 完成！已添加缺失的函数');
+

package/scripts/add-more-features.js

@@ -0,0 +1,427 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const filePath = path.join(__dirname, '../src/pages/admin-dashboard.js');
+
+console.log('读取文件...');
+let content = fs.readFileSync(filePath, 'utf8');
+
+// 1. 在导出按钮后添加新的菜单项
+console.log('添加新菜单项...');
+const navMenuPattern = /(data-view="export">[\s\S]*?数据导出[\s\S]*?<\/button>)/;
+const navMenuReplacement = `$1
+          <button class="nav-item" data-view="whiteboard">
+            <span class="icon">🎨</span> 协作白板
+          </button>
+          <button class="nav-item" data-view="integrations">
+            <span class="icon">🔌</span> 集成管理
+          </button>`;
+
+content = content.replace(navMenuPattern, navMenuReplacement);
+
+// 2. 在退出登录按钮前添加设置和帮助按钮
+console.log('添加底部菜单...');
+const logoutPattern = /(<button class="btn-logout" id="logoutBtn">退出登录<\/button>)/;
+const logoutReplacement = `<div class="sidebar-footer">
+          <button class="sidebar-footer-btn" id="settingsBtn">
+            <span class="icon">⚙️</span> 设置
+          </button>
+          <button class="sidebar-footer-btn" id="helpBtn">
+            <span class="icon">❓</span> 帮助
+          </button>
+        </div>
+        $1`;
+
+content = content.replace(logoutPattern, logoutReplacement);
+
+// 3. 在 switch 语句中添加新的 case
+console.log('添加 switch case...');
+const switchPattern = /(case 'export':[\s\S]*?await renderExportView\(contentArea\);[\s\S]*?break;)/;
+const switchReplacement = `$1
+      case 'whiteboard':
+        await renderWhiteboardView(contentArea);
+        break;
+      case 'integrations':
+        await renderIntegrationsView(contentArea);
+        break;`;
+
+content = content.replace(switchPattern, switchReplacement);
+
+// 4. 在退出登录事件后添加设置和帮助按钮事件
+console.log('添加按钮事件...');
+const logoutEventPattern = /(document\.getElementById\('logoutBtn'\)\.addEventListener\('click', \(\) => \{[\s\S]*?authService\.logout\(\);[\s\S]*?\}\);)/;
+const logoutEventReplacement = `$1
+
+  // 设置按钮
+  document.getElementById('settingsBtn').addEventListener('click', () => {
+    renderView('settings');
+  });
+
+  // 帮助按钮
+  document.getElementById('helpBtn').addEventListener('click', () => {
+    renderView('help');
+  });`;
+
+content = content.replace(logoutEventPattern, logoutEventReplacement);
+
+// 5. 在 switch 中添加设置和帮助的 case
+const exportCasePattern = /(case 'export':[\s\S]*?await renderExportView\(contentArea\);[\s\S]*?break;[\s\S]*?case 'whiteboard':[\s\S]*?await renderWhiteboardView\(contentArea\);[\s\S]*?break;[\s\S]*?case 'integrations':[\s\S]*?await renderIntegrationsView\(contentArea\);[\s\S]*?break;)/;
+const exportCaseReplacement = `$1
+      case 'settings':
+        await renderSettingsView(contentArea);
+        break;
+      case 'help':
+        await renderHelpView(contentArea);
+        break;`;
+
+content = content.replace(exportCasePattern, exportCaseReplacement);
+
+// 6. 在文件末尾添加新函数
+console.log('添加新函数...');
+const insertPoint = content.lastIndexOf("  renderView('groups');");
+
+if (insertPoint === -1) {
+  console.error('❌ 找不到插入点');
+  process.exit(1);
+}
+
+const newFunctions = `
+  // 协作白板
+  async function renderWhiteboardView(container) {
+    if (!currentGroup) {
+      container.innerHTML = '<div class="empty-state">请先选择一个群组</div>';
+      return;
+    }
+
+    container.innerHTML = \`
+      <div class="view-header">
+        <h2>🎨 协作白板 - \${currentGroup.name}</h2>
+        <div style="display: flex; gap: 10px;">
+          <button class="btn-secondary" id="clearCanvas">清空画布</button>
+          <button class="btn-primary" id="saveCanvas">保存白板</button>
+        </div>
+      </div>
+      <div class="whiteboard-container">
+        <div class="whiteboard-toolbar">
+          <button class="tool-btn active" data-tool="pen">✏️ 画笔</button>
+          <button class="tool-btn" data-tool="eraser">🧹 橡皮擦</button>
+          <button class="tool-btn" data-tool="text">📝 文字</button>
+          <button class="tool-btn" data-tool="shape">⬜ 形状</button>
+          <input type="color" id="colorPicker" value="#000000" title="颜色">
+          <input type="range" id="brushSize" min="1" max="20" value="3" title="画笔大小">
+        </div>
+        <canvas id="whiteboard" width="1200" height="600" style="border: 1px solid var(--border); background: white; cursor: crosshair;"></canvas>
+        <div class="whiteboard-users" id="whiteboardUsers">
+          <span class="user-badge">👤 \${user.username}</span>
+        </div>
+      </div>
+    \`;
+
+    const canvas = document.getElementById('whiteboard');
+    const ctx = canvas.getContext('2d');
+    let isDrawing = false;
+    let currentTool = 'pen';
+    let currentColor = '#000000';
+    let brushSize = 3;
+
+    // 工具切换
+    document.querySelectorAll('.tool-btn').forEach(btn => {
+      btn.addEventListener('click', () => {
+        document.querySelectorAll('.tool-btn').forEach(b => b.classList.remove('active'));
+        btn.classList.add('active');
+        currentTool = btn.dataset.tool;
+      });
+    });
+
+    document.getElementById('colorPicker').addEventListener('change', (e) => {
+      currentColor = e.target.value;
+    });
+
+    document.getElementById('brushSize').addEventListener('input', (e) => {
+      brushSize = e.target.value;
+    });
+
+    // 绘画功能
+    let lastX = 0;
+    let lastY = 0;
+
+    canvas.addEventListener('mousedown', (e) => {
+      isDrawing = true;
+      const rect = canvas.getBoundingClientRect();
+      lastX = e.clientX - rect.left;
+      lastY = e.clientY - rect.top;
+    });
+
+    canvas.addEventListener('mousemove', (e) => {
+      if (!isDrawing) return;
+      
+      const rect = canvas.getBoundingClientRect();
+      const x = e.clientX - rect.left;
+      const y = e.clientY - rect.top;
+
+      ctx.beginPath();
+      ctx.moveTo(lastX, lastY);
+      ctx.lineTo(x, y);
+      ctx.strokeStyle = currentTool === 'eraser' ? '#ffffff' : currentColor;
+      ctx.lineWidth = brushSize;
+      ctx.lineCap = 'round';
+      ctx.stroke();
+
+      lastX = x;
+      lastY = y;
+
+      // 发送绘画数据到其他用户
+      wsService.sendWhiteboardData(currentGroup._id, {
+        tool: currentTool,
+        color: currentColor,
+        size: brushSize,
+        from: { x: lastX, y: lastY },
+        to: { x, y }
+      });
+    });
+
+    canvas.addEventListener('mouseup', () => {
+      isDrawing = false;
+    });
+
+    canvas.addEventListener('mouseleave', () => {
+      isDrawing = false;
+    });
+
+    // 清空画布
+    document.getElementById('clearCanvas').addEventListener('click', () => {
+      if (confirm('确定要清空画布吗？')) {
+        ctx.clearRect(0, 0, canvas.width, canvas.height);
+      }
+    });
+
+    // 保存白板
+    document.getElementById('saveCanvas').addEventListener('click', () => {
+      const dataURL = canvas.toDataURL('image/png');
+      const link = document.createElement('a');
+      link.download = \`whiteboard-\${Date.now()}.png\`;
+      link.href = dataURL;
+      link.click();
+      alert('白板已保存！');
+    });
+
+    // 监听其他用户的绘画
+    wsService.on('whiteboard_draw', (data) => {
+      if (data.groupId === currentGroup._id && data.userId !== currentUserId) {
+        ctx.beginPath();
+        ctx.moveTo(data.from.x, data.from.y);
+        ctx.lineTo(data.to.x, data.to.y);
+        ctx.strokeStyle = data.tool === 'eraser' ? '#ffffff' : data.color;
+        ctx.lineWidth = data.size;
+        ctx.lineCap = 'round';
+        ctx.stroke();
+      }
+    });
+  }
+
+  // 集成管理
+  async function renderIntegrationsView(container) {
+    container.innerHTML = \`
+      <div class="view-header">
+        <h2>🔌 集成管理</h2>
+        <button class="btn-primary" id="addIntegrationBtn">添加集成</button>
+      </div>
+      <div class="integrations-grid">
+        <div class="integration-card">
+          <div class="integration-icon">📧</div>
+          <h3>邮件通知</h3>
+          <p>接收重要事件的邮件通知</p>
+          <button class="btn-secondary">配置</button>
+        </div>
+        <div class="integration-card">
+          <div class="integration-icon">🔔</div>
+          <h3>Webhook</h3>
+          <p>自定义 Webhook 集成</p>
+          <button class="btn-secondary">配置</button>
+        </div>
+        <div class="integration-card">
+          <div class="integration-icon">📱</div>
+          <h3>钉钉机器人</h3>
+          <p>发送消息到钉钉群</p>
+          <button class="btn-secondary">配置</button>
+        </div>
+        <div class="integration-card">
+          <div class="integration-icon">💬</div>
+          <h3>企业微信</h3>
+          <p>发送消息到企业微信</p>
+          <button class="btn-secondary">配置</button>
+        </div>
+        <div class="integration-card">
+          <div class="integration-icon">🤖</div>
+          <h3>Slack</h3>
+          <p>连接到 Slack 工作区</p>
+          <button class="btn-secondary">配置</button>
+        </div>
+        <div class="integration-card">
+          <div class="integration-icon">📊</div>
+          <h3>数据分析</h3>
+          <p>导出数据到分析平台</p>
+          <button class="btn-secondary">配置</button>
+        </div>
+      </div>
+    \`;
+
+    document.getElementById('addIntegrationBtn').addEventListener('click', () => {
+      alert('添加自定义集成功能开发中...');
+    });
+  }
+
+  // 设置
+  async function renderSettingsView(container) {
+    container.innerHTML = \`
+      <div class="view-header">
+        <h2>⚙️ 设置</h2>
+      </div>
+      <div class="settings-container">
+        <div class="settings-section">
+          <h3>个人设置</h3>
+          <div class="setting-item">
+            <label>用户名</label>
+            <input type="text" value="\${user.username}" disabled>
+          </div>
+          <div class="setting-item">
+            <label>邮箱</label>
+            <input type="email" value="\${user.email || '未设置'}" placeholder="请输入邮箱">
+          </div>
+          <div class="setting-item">
+            <label>修改密码</label>
+            <button class="btn-secondary" id="changePasswordBtn">修改密码</button>
+          </div>
+        </div>
+
+        <div class="settings-section">
+          <h3>通知设置</h3>
+          <div class="setting-item">
+            <label>
+              <input type="checkbox" id="emailNotifications" checked>
+              邮件通知
+            </label>
+          </div>
+          <div class="setting-item">
+            <label>
+              <input type="checkbox" id="desktopNotifications" checked>
+              桌面通知
+            </label>
+          </div>
+          <div class="setting-item">
+            <label>
+              <input type="checkbox" id="soundNotifications" checked>
+              声音提示
+            </label>
+          </div>
+        </div>
+
+        <div class="settings-section">
+          <h3>系统设置</h3>
+          <div class="setting-item">
+            <label>主题</label>
+            <select id="themeSelect">
+              <option value="light">浅色</option>
+              <option value="dark">深色</option>
+              <option value="auto">跟随系统</option>
+            </select>
+          </div>
+          <div class="setting-item">
+            <label>语言</label>
+            <select id="languageSelect">
+              <option value="zh-CN">简体中文</option>
+              <option value="en-US">English</option>
+            </select>
+          </div>
+        </div>
+
+        <div class="settings-actions">
+          <button class="btn-primary" id="saveSettingsBtn">保存设置</button>
+        </div>
+      </div>
+    \`;
+
+    document.getElementById('changePasswordBtn').addEventListener('click', () => {
+      alert('修改密码功能开发中...');
+    });
+
+    document.getElementById('saveSettingsBtn').addEventListener('click', () => {
+      alert('设置已保存！');
+    });
+  }
+
+  // 帮助
+  async function renderHelpView(container) {
+    container.innerHTML = \`
+      <div class="view-header">
+        <h2>❓ 帮助中心</h2>
+      </div>
+      <div class="help-container">
+        <div class="help-section">
+          <h3>📖 快速开始</h3>
+          <ul>
+            <li><a href="#" class="help-link">如何创建群组？</a></li>
+            <li><a href="#" class="help-link">如何邀请成员？</a></li>
+            <li><a href="#" class="help-link">如何创建文档？</a></li>
+            <li><a href="#" class="help-link">如何使用协作白板？</a></li>
+          </ul>
+        </div>
+
+        <div class="help-section">
+          <h3>🔧 功能说明</h3>
+          <ul>
+            <li><a href="#" class="help-link">群组管理</a></li>
+            <li><a href="#" class="help-link">任务管理</a></li>
+            <li><a href="#" class="help-link">文档协作</a></li>
+            <li><a href="#" class="help-link">知识库</a></li>
+            <li><a href="#" class="help-link">工作流引擎</a></li>
+            <li><a href="#" class="help-link">AI 助手</a></li>
+          </ul>
+        </div>
+
+        <div class="help-section">
+          <h3>❓ 常见问题</h3>
+          <ul>
+            <li><a href="#" class="help-link">如何重置密码？</a></li>
+            <li><a href="#" class="help-link">如何导出数据？</a></li>
+            <li><a href="#" class="help-link">如何备份数据？</a></li>
+            <li><a href="#" class="help-link">如何联系技术支持？</a></li>
+          </ul>
+        </div>
+
+        <div class="help-section">
+          <h3>📞 联系我们</h3>
+          <p>如果您有任何问题或建议，请通过以下方式联系我们：</p>
+          <ul>
+            <li>📧 邮箱: support@collabdocchat.com</li>
+            <li>🌐 GitHub: <a href="https://github.com/shijinghao/collabdocchat" target="_blank">github.com/shijinghao/collabdocchat</a></li>
+            <li>📦 npm: <a href="https://www.npmjs.com/package/collabdocchat" target="_blank">npmjs.com/package/collabdocchat</a></li>
+          </ul>
+        </div>
+
+        <div class="help-section">
+          <h3>ℹ️ 关于</h3>
+          <p><strong>CollabDocChat</strong> v2.1.5</p>
+          <p>开源的实时协作文档聊天平台</p>
+          <p>© 2026 CollabDocChat. All rights reserved.</p>
+        </div>
+      </div>
+    \`;
+  }
+
+`;
+
+const before = content.substring(0, insertPoint);
+const after = content.substring(insertPoint);
+
+content = before + newFunctions + after;
+
+console.log('写入文件...');
+fs.writeFileSync(filePath, content, 'utf8');
+
+console.log('✅ 完成！已添加协作白板、集成管理、设置和帮助功能');
+