collabdocchat 2.1.4 → 2.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "collabdocchat",
-  "version": "2.1.4",
+  "version": "2.1.5",
   "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-user-functions.js

@@ -0,0 +1,201 @@
+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/user-dashboard.js');
+
+console.log('读取 user-dashboard.js...');
+let content = fs.readFileSync(filePath, 'utf8');
+
+// 1. 在导航菜单中添加知识库和AI助手
+console.log('添加导航菜单项...');
+const navMenuPattern = /(<button class="nav-item" data-view="search">[\s\S]*?<\/button>)/;
+const navMenuReplacement = `$1
+          <button class="nav-item" data-view="knowledge">
+            <span class="icon">📚</span> 知识库
+          </button>
+          <button class="nav-item" data-view="ai">
+            <span class="icon">🤖</span> AI助手
+          </button>`;
+
+content = content.replace(navMenuPattern, navMenuReplacement);
+
+// 2. 在 switch 语句中添加 case
+console.log('添加 switch case...');
+const switchPattern = /(case 'search':[\s\S]*?await renderSearchView\(contentArea\);[\s\S]*?break;)/;
+const switchReplacement = `$1
+      case 'knowledge':
+        await renderKnowledgeView(contentArea);
+        break;
+      case 'ai':
+        await renderAIView(contentArea);
+        break;`;
+
+content = content.replace(switchPattern, switchReplacement);
+
+// 3. 在文件末尾添加函数实现
+console.log('添加函数实现...');
+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;
+    }
+
+    try {
+      const token = localStorage.getItem('token');
+      const response = await fetch(\`http://localhost:3000/api/knowledge/group/\${currentGroup._id}\`, {
+        headers: { 'Authorization': \`Bearer \${token}\` }
+      });
+      const result = await response.json();
+      const knowledgeItems = result.data || [];
+
+      container.innerHTML = \`
+        <div class="view-header">
+          <h2>知识库 - \${currentGroup.name}</h2>
+          <input type="text" id="knowledgeSearch" placeholder="搜索知识..." style="padding: 8px; border: 1px solid var(--border); border-radius: 4px;">
+        </div>
+        <div class="knowledge-list" id="knowledgeList"></div>
+      \`;
+
+      const knowledgeList = document.getElementById('knowledgeList');
+      if (knowledgeItems.length === 0) {
+        knowledgeList.innerHTML = '<div class="empty-state">暂无知识条目</div>';
+      } else {
+        const renderItems = (items) => {
+          knowledgeList.innerHTML = items.map(item => \`
+            <div class="knowledge-card">
+              <h3>\${item.title}</h3>
+              <p>\${item.content}</p>
+              <div class="knowledge-meta">
+                <span>创建者: \${item.creator?.username || '未知'}</span>
+                <span>创建时间: \${new Date(item.createdAt).toLocaleDateString()}</span>
+              </div>
+              \${item.tags && item.tags.length > 0 ? \`
+                <div class="tags">
+                  \${item.tags.map(tag => \`<span class="tag">\${tag}</span>\`).join('')}
+                </div>
+              \` : ''}
+            </div>
+          \`).join('');
+        };
+
+        renderItems(knowledgeItems);
+
+        // 搜索功能
+        document.getElementById('knowledgeSearch').addEventListener('input', (e) => {
+          const query = e.target.value.toLowerCase();
+          const filtered = knowledgeItems.filter(item =>
+            item.title.toLowerCase().includes(query) ||
+            item.content.toLowerCase().includes(query) ||
+            (item.tags && item.tags.some(tag => tag.toLowerCase().includes(query)))
+          );
+          renderItems(filtered);
+        });
+      }
+    } catch (error) {
+      container.innerHTML = \`<div class="empty-state">加载失败: \${error.message}</div>\`;
+    }
+  }
+
+  // AI助手（用户版）
+  async function renderAIView(container) {
+    container.innerHTML = \`
+      <div class="view-header">
+        <h2>🤖 AI助手</h2>
+      </div>
+      <div class="ai-container">
+        <div class="ai-chat" id="aiChat">
+          <div class="ai-message ai">
+            <p>你好！我是AI助手，有什么可以帮助你的吗？</p>
+            <p>你可以问我关于文档、任务、群组的问题。</p>
+          </div>
+        </div>
+        <div class="ai-input">
+          <textarea id="aiInput" placeholder="向AI助手提问..." rows="3"></textarea>
+          <button class="btn-primary" id="aiSendBtn">发送</button>
+        </div>
+      </div>
+    \`;
+
+    const aiChat = document.getElementById('aiChat');
+    const aiInput = document.getElementById('aiInput');
+    const aiSendBtn = document.getElementById('aiSendBtn');
+
+    const sendMessage = async () => {
+      const question = aiInput.value.trim();
+      if (!question) return;
+
+      // 显示用户消息
+      const userMsg = document.createElement('div');
+      userMsg.className = 'ai-message user';
+      userMsg.textContent = question;
+      aiChat.appendChild(userMsg);
+      aiInput.value = '';
+
+      // 显示加载中
+      const loadingMsg = document.createElement('div');
+      loadingMsg.className = 'ai-message ai loading';
+      loadingMsg.textContent = '思考中...';
+      aiChat.appendChild(loadingMsg);
+      aiChat.scrollTop = aiChat.scrollHeight;
+
+      try {
+        const token = localStorage.getItem('token');
+        const response = await fetch('http://localhost:3000/api/ai/ask', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': \`Bearer \${token}\`
+          },
+          body: JSON.stringify({ question, groupId: currentGroup?._id })
+        });
+        const result = await response.json();
+
+        loadingMsg.remove();
+        const aiMsg = document.createElement('div');
+        aiMsg.className = 'ai-message ai';
+        aiMsg.textContent = result.answer || '抱歉，我无法回答这个问题。';
+        aiChat.appendChild(aiMsg);
+        aiChat.scrollTop = aiChat.scrollHeight;
+      } catch (error) {
+        loadingMsg.remove();
+        const errorMsg = document.createElement('div');
+        errorMsg.className = 'ai-message ai error';
+        errorMsg.textContent = '抱歉，发生了错误: ' + error.message;
+        aiChat.appendChild(errorMsg);
+      }
+    };
+
+    aiSendBtn.addEventListener('click', sendMessage);
+    aiInput.addEventListener('keypress', (e) => {
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault();
+        sendMessage();
+      }
+    });
+  }
+
+`;
+
+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/check-encoding.js

@@ -0,0 +1,41 @@
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const files = [
+  '../src/pages/optimized-knowledge-view.js',
+  '../src/pages/optimized-backup-view.js',
+  '../src/pages/optimized-workflow-view.js'
+];
+
+files.forEach(file => {
+  const filePath = path.join(__dirname, file);
+  console.log(`\n检查文件: ${file}`);
+  
+  // 读取文件为 Buffer
+  const buffer = fs.readFileSync(filePath);
+  
+  // 检查 BOM
+  if (buffer[0] === 0xEF && buffer[1] === 0xBB && buffer[2] === 0xBF) {
+    console.log('  ⚠️  发现 UTF-8 BOM，正在移除...');
+    const content = buffer.slice(3).toString('utf8');
+    fs.writeFileSync(filePath, content, 'utf8');
+    console.log('  ✅ BOM 已移除');
+  } else {
+    console.log('  ✅ 无 BOM');
+  }
+  
+  // 读取内容检查乱码
+  const content = fs.readFileSync(filePath, 'utf8');
+  if (content.includes('�')) {
+    console.log('  ❌ 发现乱码字符！');
+  } else {
+    console.log('  ✅ 无乱码');
+  }
+});
+
+console.log('\n✅ 检查完成！');
+

package/src/pages/admin-dashboard.js

@@ -1,9 +1,6 @@
 import { ApiService } from '../services/api.js';
 import { AuthService } from '../services/auth.js';
 import 'emoji-picker-element';
-import { renderOptimizedKnowledgeView } from './optimized-knowledge-view.js';
-import { renderOptimizedWorkflowView } from './optimized-workflow-view.js';
-import { renderOptimizedBackupView } from './optimized-backup-view.js';
 
 export function renderAdminDashboard(user, wsService) {
   const app = document.getElementById('app');
@@ -64,6 +61,12 @@ export function renderAdminDashboard(user, wsService) {
           <button class="nav-item" data-view="backup">
             <span class="icon">💾</span> 备份管理
           </button>
+          <button class="nav-item" data-view="ai">
+            <span class="icon">🤖</span> AI助手
+          </button>
+          <button class="nav-item" data-view="export">
+            <span class="icon">📤</span> 数据导出
+          </button>
         </nav>
 
         <button class="btn-logout" id="logoutBtn">退出登录</button>
@@ -119,13 +122,19 @@ export function renderAdminDashboard(user, wsService) {
         await renderAuditView(contentArea);
         break;
       case 'knowledge':
-        await renderOptimizedKnowledgeView(contentArea, currentGroup, apiService, currentUserId);
+        await renderKnowledgeView(contentArea);
         break;
       case 'workflow':
-        await renderOptimizedWorkflowView(contentArea, currentGroup, apiService);
+        await renderWorkflowView(contentArea);
         break;
       case 'backup':
-        await renderOptimizedBackupView(contentArea);
+        await renderBackupView(contentArea);
+        break;
+      case 'ai':
+        await renderAIView(contentArea);
+        break;
+      case 'export':
+        await renderExportView(contentArea);
         break;
     }
   }
@@ -1489,6 +1498,40 @@ export function renderAdminDashboard(user, wsService) {
     return statusMap[status] || status;
   }
 
+
+  // 知识库管理
+  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>';
+  }
+
   renderView('groups');
 }
 

package/src/pages/user-dashboard.js

@@ -48,6 +48,12 @@ export function renderUserDashboard(user, wsService) {
           </button>
           <button class="nav-item" data-view="search">
             <span class="icon">🔍</span> 搜索
+          </button>
+          <button class="nav-item" data-view="knowledge">
+            <span class="icon">📚</span> 知识库
+          </button>
+          <button class="nav-item" data-view="ai">
+            <span class="icon">🤖</span> AI助手
           </button>
         </nav>
 
@@ -99,6 +105,12 @@ export function renderUserDashboard(user, wsService) {
         break;
       case 'search':
         await renderSearchView(contentArea);
+        break;
+      case 'knowledge':
+        await renderKnowledgeView(contentArea);
+        break;
+      case 'ai':
+        await renderAIView(contentArea);
         break;
     }
   }
@@ -899,6 +911,148 @@ export function renderUserDashboard(user, wsService) {
     return statusMap[status] || status;
   }
 
+
+  // 知识库（用户版）
+  async function renderKnowledgeView(container) {
+    if (!currentGroup) {
+      container.innerHTML = '<div class="empty-state">请先选择一个群组</div>';
+      return;
+    }
+
+    try {
+      const token = localStorage.getItem('token');
+      const response = await fetch(`http://localhost:3000/api/knowledge/group/${currentGroup._id}`, {
+        headers: { 'Authorization': `Bearer ${token}` }
+      });
+      const result = await response.json();
+      const knowledgeItems = result.data || [];
+
+      container.innerHTML = `
+        <div class="view-header">
+          <h2>知识库 - ${currentGroup.name}</h2>
+          <input type="text" id="knowledgeSearch" placeholder="搜索知识..." style="padding: 8px; border: 1px solid var(--border); border-radius: 4px;">
+        </div>
+        <div class="knowledge-list" id="knowledgeList"></div>
+      `;
+
+      const knowledgeList = document.getElementById('knowledgeList');
+      if (knowledgeItems.length === 0) {
+        knowledgeList.innerHTML = '<div class="empty-state">暂无知识条目</div>';
+      } else {
+        const renderItems = (items) => {
+          knowledgeList.innerHTML = items.map(item => `
+            <div class="knowledge-card">
+              <h3>${item.title}</h3>
+              <p>${item.content}</p>
+              <div class="knowledge-meta">
+                <span>创建者: ${item.creator?.username || '未知'}</span>
+                <span>创建时间: ${new Date(item.createdAt).toLocaleDateString()}</span>
+              </div>
+              ${item.tags && item.tags.length > 0 ? `
+                <div class="tags">
+                  ${item.tags.map(tag => `<span class="tag">${tag}</span>`).join('')}
+                </div>
+              ` : ''}
+            </div>
+          `).join('');
+        };
+
+        renderItems(knowledgeItems);
+
+        // 搜索功能
+        document.getElementById('knowledgeSearch').addEventListener('input', (e) => {
+          const query = e.target.value.toLowerCase();
+          const filtered = knowledgeItems.filter(item =>
+            item.title.toLowerCase().includes(query) ||
+            item.content.toLowerCase().includes(query) ||
+            (item.tags && item.tags.some(tag => tag.toLowerCase().includes(query)))
+          );
+          renderItems(filtered);
+        });
+      }
+    } catch (error) {
+      container.innerHTML = `<div class="empty-state">加载失败: ${error.message}</div>`;
+    }
+  }
+
+  // AI助手（用户版）
+  async function renderAIView(container) {
+    container.innerHTML = `
+      <div class="view-header">
+        <h2>🤖 AI助手</h2>
+      </div>
+      <div class="ai-container">
+        <div class="ai-chat" id="aiChat">
+          <div class="ai-message ai">
+            <p>你好！我是AI助手，有什么可以帮助你的吗？</p>
+            <p>你可以问我关于文档、任务、群组的问题。</p>
+          </div>
+        </div>
+        <div class="ai-input">
+          <textarea id="aiInput" placeholder="向AI助手提问..." rows="3"></textarea>
+          <button class="btn-primary" id="aiSendBtn">发送</button>
+        </div>
+      </div>
+    `;
+
+    const aiChat = document.getElementById('aiChat');
+    const aiInput = document.getElementById('aiInput');
+    const aiSendBtn = document.getElementById('aiSendBtn');
+
+    const sendMessage = async () => {
+      const question = aiInput.value.trim();
+      if (!question) return;
+
+      // 显示用户消息
+      const userMsg = document.createElement('div');
+      userMsg.className = 'ai-message user';
+      userMsg.textContent = question;
+      aiChat.appendChild(userMsg);
+      aiInput.value = '';
+
+      // 显示加载中
+      const loadingMsg = document.createElement('div');
+      loadingMsg.className = 'ai-message ai loading';
+      loadingMsg.textContent = '思考中...';
+      aiChat.appendChild(loadingMsg);
+      aiChat.scrollTop = aiChat.scrollHeight;
+
+      try {
+        const token = localStorage.getItem('token');
+        const response = await fetch('http://localhost:3000/api/ai/ask', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': `Bearer ${token}`
+          },
+          body: JSON.stringify({ question, groupId: currentGroup?._id })
+        });
+        const result = await response.json();
+
+        loadingMsg.remove();
+        const aiMsg = document.createElement('div');
+        aiMsg.className = 'ai-message ai';
+        aiMsg.textContent = result.answer || '抱歉，我无法回答这个问题。';
+        aiChat.appendChild(aiMsg);
+        aiChat.scrollTop = aiChat.scrollHeight;
+      } catch (error) {
+        loadingMsg.remove();
+        const errorMsg = document.createElement('div');
+        errorMsg.className = 'ai-message ai error';
+        errorMsg.textContent = '抱歉，发生了错误: ' + error.message;
+        aiChat.appendChild(errorMsg);
+      }
+    };
+
+    aiSendBtn.addEventListener('click', sendMessage);
+    aiInput.addEventListener('keypress', (e) => {
+      if (e.key === 'Enter' && !e.shiftKey) {
+        e.preventDefault();
+        sendMessage();
+      }
+    });
+  }
+
   renderView('groups');
 }