collabdocchat 2.2.0 → 2.4.0

package/scripts/refactor-step5.js

@@ -0,0 +1,181 @@
+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');
+
+// 替换工作流功能为完整实现
+console.log('完善工作流功能...');
+const workflowPattern = /\/\/ 工作流管理[\s\S]*?async function renderWorkflowView\(container\)[\s\S]*?container\.innerHTML = '<div class="empty-state">工作流功能开发中\.\.\.<\/div>';[\s\S]*?}/;
+const workflowReplacement = `// 工作流管理
+  async function renderWorkflowView(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/workflows/group/\${currentGroup._id}\`, {
+        headers: { 'Authorization': \`Bearer \${token}\` }
+      });
+      const result = await response.json();
+      const workflows = result.data?.workflows || [];
+
+      container.innerHTML = \`
+        <div class="view-header">
+          <h2>⚙️ 工作流管理 - \${currentGroup.name}</h2>
+          <button class="btn-primary" id="createWorkflowBtn">➕ 创建工作流</button>
+        </div>
+        <div class="workflow-grid" id="workflowList" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 20px; padding: 20px;"></div>
+        <div id="workflowModal" class="modal hidden">
+          <div class="modal-content">
+            <h3>创建工作流</h3>
+            <form id="workflowForm">
+              <div class="form-group">
+                <label>⚙️ 工作流名称</label>
+                <input type="text" name="name" required style="width: 100%; padding: 10px; border: 1px solid var(--border); border-radius: 8px;">
+              </div>
+              <div class="form-group">
+                <label>📝 描述</label>
+                <textarea name="description" rows="3" style="width: 100%; padding: 10px; border: 1px solid var(--border); border-radius: 8px;"></textarea>
+              </div>
+              <div class="form-group">
+                <label>🔔 触发条件</label>
+                <select name="trigger" style="width: 100%; padding: 10px; border: 1px solid var(--border); border-radius: 8px;">
+                  <option value="document_create">文档创建时</option>
+                  <option value="document_update">文档更新时</option>
+                  <option value="task_complete">任务完成时</option>
+                  <option value="manual">手动触发</option>
+                </select>
+              </div>
+              <div style="display: flex; gap: 10px; margin-top: 20px;">
+                <button type="submit" class="btn-primary" style="flex: 1;">创建</button>
+                <button type="button" class="btn-secondary" id="closeWorkflowModal" style="flex: 1;">取消</button>
+              </div>
+            </form>
+          </div>
+        </div>
+      \`;
+
+      const workflowList = document.getElementById('workflowList');
+      if (workflows.length === 0) {
+        workflowList.innerHTML = '<div class="empty-state" style="grid-column: 1/-1;">暂无工作流</div>';
+      } else {
+        workflows.forEach(workflow => {
+          const card = document.createElement('div');
+          card.className = 'workflow-card';
+          card.style.cssText = 'background: var(--bg-secondary); padding: 20px; border-radius: 12px; border: 1px solid var(--border); transition: transform 0.2s, box-shadow 0.2s;';
+          const isActive = workflow.status === 'active';
+          card.innerHTML = \`
+            <div style="display: flex; justify-content: space-between; align-items: start; margin-bottom: 10px;">
+              <h3 style="margin: 0; font-size: 18px;">\${workflow.name}</h3>
+              <span style="padding: 4px 10px; border-radius: 12px; font-size: 12px; background: \${isActive ? 'var(--success)' : 'var(--warning)'}; color: white;">\${isActive ? '✅ 活跃' : '⏸️ 暂停'}</span>
+            </div>
+            <p style="color: var(--text-secondary); margin: 10px 0; line-height: 1.6;">\${workflow.description || '无描述'}</p>
+            <div class="workflow-meta" style="font-size: 12px; color: var(--text-tertiary); margin: 10px 0;">
+              <span>🔔 触发: \${workflow.trigger}</span>
+            </div>
+            <div style="display: flex; gap: 10px; margin-top: 15px;">
+              <button class="btn-secondary btn-sm" data-id="\${workflow._id}" data-action="toggle" style="flex: 1;">
+                \${isActive ? '⏸️ 暂停' : '▶️ 启用'}
+              </button>
+              <button class="btn-danger btn-sm" data-id="\${workflow._id}" data-action="delete" style="flex: 1;">🗑️ 删除</button>
+            </div>
+          \`;
+          card.onmouseenter = () => {
+            card.style.transform = 'translateY(-4px)';
+            card.style.boxShadow = '0 8px 16px rgba(0,0,0,0.1)';
+          };
+          card.onmouseleave = () => {
+            card.style.transform = 'translateY(0)';
+            card.style.boxShadow = 'none';
+          };
+          workflowList.appendChild(card);
+        });
+
+        document.querySelectorAll('[data-action="toggle"]').forEach(btn => {
+          btn.addEventListener('click', async () => {
+            try {
+              await fetch(\`http://localhost:3000/api/workflows/\${btn.dataset.id}/toggle\`, {
+                method: 'POST',
+                headers: { 'Authorization': \`Bearer \${token}\` }
+              });
+              await renderWorkflowView(container);
+            } catch (error) {
+              alert('操作失败: ' + error.message);
+            }
+          });
+        });
+
+        document.querySelectorAll('[data-action="delete"]').forEach(btn => {
+          btn.addEventListener('click', async () => {
+            if (confirm('确定要删除这个工作流吗？')) {
+              try {
+                await fetch(\`http://localhost:3000/api/workflows/\${btn.dataset.id}\`, {
+                  method: 'DELETE',
+                  headers: { 'Authorization': \`Bearer \${token}\` }
+                });
+                alert('删除成功！');
+                await renderWorkflowView(container);
+              } catch (error) {
+                alert('删除失败: ' + error.message);
+              }
+            }
+          });
+        });
+      }
+
+      document.getElementById('createWorkflowBtn').addEventListener('click', () => {
+        document.getElementById('workflowModal').classList.remove('hidden');
+      });
+
+      document.getElementById('closeWorkflowModal').addEventListener('click', () => {
+        document.getElementById('workflowModal').classList.add('hidden');
+      });
+
+      document.getElementById('workflowForm').addEventListener('submit', async (e) => {
+        e.preventDefault();
+        const formData = new FormData(e.target);
+        const data = {
+          name: formData.get('name'),
+          description: formData.get('description'),
+          trigger: formData.get('trigger'),
+          groupId: currentGroup._id,
+          actions: []
+        };
+
+        try {
+          await fetch('http://localhost:3000/api/workflows', {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/json',
+              'Authorization': \`Bearer \${token}\`
+            },
+            body: JSON.stringify(data)
+          });
+          alert('创建成功！');
+          document.getElementById('workflowModal').classList.add('hidden');
+          await renderWorkflowView(container);
+        } catch (error) {
+          alert('创建失败: ' + error.message);
+        }
+      });
+    } catch (error) {
+      container.innerHTML = \`<div class="empty-state">加载失败: \${error.message}</div>\`;
+    }
+  }`;
+
+content = content.replace(workflowPattern, workflowReplacement);
+
+console.log('写入文件...');
+fs.writeFileSync(filePath, content, 'utf8');
+
+console.log('✅ 第五步完成！已完善工作流功能');
+

package/scripts/refactor-step6.js

@@ -0,0 +1,254 @@
+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');
+
+// 替换备份管理功能为完整实现
+console.log('完善备份管理功能...');
+const backupPattern = /\/\/ 备份管理[\s\S]*?async function renderBackupView\(container\)[\s\S]*?container\.innerHTML = '<div class="empty-state">备份功能开发中\.\.\.<\/div>';[\s\S]*?}/;
+const backupReplacement = `// 备份管理
+  async function renderBackupView(container) {
+    try {
+      const token = localStorage.getItem('token');
+      const response = await fetch('http://localhost:3000/api/backup/list', {
+        headers: { 'Authorization': \`Bearer \${token}\` }
+      });
+      const result = await response.json();
+      const backups = result.data?.backups || [];
+
+      container.innerHTML = \`
+        <div class="view-header">
+          <h2>💾 备份管理</h2>
+          <button class="btn-primary" id="createBackupBtn">➕ 创建备份</button>
+        </div>
+        <div class="backup-grid" id="backupList" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 20px; padding: 20px;"></div>
+      \`;
+
+      const backupList = document.getElementById('backupList');
+      if (backups.length === 0) {
+        backupList.innerHTML = '<div class="empty-state" style="grid-column: 1/-1;">暂无备份</div>';
+      } else {
+        backups.forEach(backup => {
+          const card = document.createElement('div');
+          card.className = 'backup-card';
+          card.style.cssText = 'background: var(--bg-secondary); padding: 20px; border-radius: 12px; border: 1px solid var(--border); transition: transform 0.2s, box-shadow 0.2s;';
+          const size = (backup.size / 1024 / 1024).toFixed(2);
+          card.innerHTML = \`
+            <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 15px;">
+              <div style="font-size: 48px;">📦</div>
+              <div style="flex: 1;">
+                <h3 style="margin: 0 0 5px 0; font-size: 16px;">\${backup.filename}</h3>
+                <p style="margin: 0; font-size: 14px; color: var(--text-secondary);">\${size} MB</p>
+              </div>
+            </div>
+            <div class="backup-meta" style="font-size: 12px; color: var(--text-tertiary); margin-bottom: 15px;">
+              <span>📅 \${new Date(backup.createdAt).toLocaleString()}</span>
+            </div>
+            <div style="display: flex; gap: 10px;">
+              <a href="http://localhost:3000/api/backup/download/\${backup.filename}" class="btn-primary btn-sm" download style="flex: 1; text-align: center; text-decoration: none; display: block; padding: 8px;">⬇️ 下载</a>
+              <button class="btn-danger btn-sm" data-filename="\${backup.filename}" data-action="delete" style="flex: 1;">🗑️ 删除</button>
+            </div>
+          \`;
+          card.onmouseenter = () => {
+            card.style.transform = 'translateY(-4px)';
+            card.style.boxShadow = '0 8px 16px rgba(0,0,0,0.1)';
+          };
+          card.onmouseleave = () => {
+            card.style.transform = 'translateY(0)';
+            card.style.boxShadow = 'none';
+          };
+          backupList.appendChild(card);
+        });
+
+        document.querySelectorAll('[data-action="delete"]').forEach(btn => {
+          btn.addEventListener('click', async () => {
+            if (confirm('确定要删除这个备份吗？')) {
+              try {
+                await fetch(\`http://localhost:3000/api/backup/\${btn.dataset.filename}\`, {
+                  method: 'DELETE',
+                  headers: { 'Authorization': \`Bearer \${token}\` }
+                });
+                alert('删除成功！');
+                await renderBackupView(container);
+              } catch (error) {
+                alert('删除失败: ' + error.message);
+              }
+            }
+          });
+        });
+      }
+
+      document.getElementById('createBackupBtn').addEventListener('click', async () => {
+        if (confirm('确定要创建新备份吗？这可能需要一些时间。')) {
+          const btn = document.getElementById('createBackupBtn');
+          btn.disabled = true;
+          btn.textContent = '⏳ 创建中...';
+          try {
+            await fetch('http://localhost:3000/api/backup/create', {
+              method: 'POST',
+              headers: { 'Authorization': \`Bearer \${token}\` }
+            });
+            alert('备份创建成功！');
+            await renderBackupView(container);
+          } catch (error) {
+            alert('创建失败: ' + error.message);
+          } finally {
+            btn.disabled = false;
+            btn.textContent = '➕ 创建备份';
+          }
+        }
+      });
+    } catch (error) {
+      container.innerHTML = \`<div class="empty-state">加载失败: \${error.message}</div>\`;
+    }
+  }`;
+
+content = content.replace(backupPattern, backupReplacement);
+
+// 替换数据导出功能为完整实现（从 switch case 中添加）
+console.log('完善数据导出功能...');
+const exportCasePattern = /(case 'backup':[\s\S]*?await renderBackupView\(contentArea\);[\s\S]*?break;)/;
+const exportCaseReplacement = `$1
+      case 'export':
+        await renderExportView(contentArea);
+        break;`;
+
+content = content.replace(exportCasePattern, exportCaseReplacement);
+
+// 替换数据导出函数为完整实现
+const exportPattern = /\/\/ 数据导出[\s\S]*?async function renderExportView\(container\)[\s\S]*?container\.innerHTML = '<div class="empty-state">数据导出功能开发中\.\.\.<\/div>';[\s\S]*?}/;
+const exportReplacement = `// 数据导出
+  async function renderExportView(container) {
+    container.innerHTML = \`
+      <div class="view-header">
+        <h2>📤 数据导出</h2>
+      </div>
+      <div class="export-container" style="padding: 20px;">
+        <div class="export-options" style="background: var(--bg-secondary); padding: 30px; border-radius: 12px; margin-bottom: 20px;">
+          <h3 style="margin: 0 0 20px 0;">选择导出内容</h3>
+          <div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 15px; margin-bottom: 25px;">
+            <label style="display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--bg); border-radius: 8px; cursor: pointer;">
+              <input type="checkbox" id="exportGroups" checked style="width: 18px; height: 18px;">
+              <span>👥 群组信息</span>
+            </label>
+            <label style="display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--bg); border-radius: 8px; cursor: pointer;">
+              <input type="checkbox" id="exportDocuments" checked style="width: 18px; height: 18px;">
+              <span>📄 文档</span>
+            </label>
+            <label style="display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--bg); border-radius: 8px; cursor: pointer;">
+              <input type="checkbox" id="exportTasks" checked style="width: 18px; height: 18px;">
+              <span>📋 任务</span>
+            </label>
+            <label style="display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--bg); border-radius: 8px; cursor: pointer;">
+              <input type="checkbox" id="exportMessages" checked style="width: 18px; height: 18px;">
+              <span>💬 消息</span>
+            </label>
+            <label style="display: flex; align-items: center; gap: 10px; padding: 12px; background: var(--bg); border-radius: 8px; cursor: pointer;">
+              <input type="checkbox" id="exportFiles" style="width: 18px; height: 18px;">
+              <span>📎 文件</span>
+            </label>
+          </div>
+          
+          <h3 style="margin: 25px 0 15px 0;">导出格式</h3>
+          <select id="exportFormat" style="width: 100%; padding: 12px; border: 1px solid var(--border); border-radius: 8px; margin-bottom: 25px;">
+            <option value="json">JSON</option>
+            <option value="csv">CSV</option>
+            <option value="excel">Excel</option>
+          </select>
+
+          <button class="btn-primary" id="exportBtn" style="width: 100%; padding: 15px; font-size: 16px;">🚀 开始导出</button>
+        </div>
+        
+        <div class="export-history" style="background: var(--bg-secondary); padding: 30px; border-radius: 12px;">
+          <h3 style="margin: 0 0 20px 0;">📜 导出历史</h3>
+          <div id="historyList">加载中...</div>
+        </div>
+      </div>
+    \`;
+
+    // 加载导出历史
+    try {
+      const token = localStorage.getItem('token');
+      const response = await fetch('http://localhost:3000/api/export/history', {
+        headers: { 'Authorization': \`Bearer \${token}\` }
+      });
+      const result = await response.json();
+      const historyList = document.getElementById('historyList');
+      
+      if (result.exports && result.exports.length > 0) {
+        historyList.innerHTML = result.exports.map(exp => \`
+          <div class="export-item" style="display: flex; justify-content: space-between; align-items: center; padding: 15px; background: var(--bg); border-radius: 8px; margin-bottom: 10px;">
+            <div>
+              <div style="font-weight: 600; margin-bottom: 5px;">📦 \${exp.format.toUpperCase()} 导出</div>
+              <div style="font-size: 12px; color: var(--text-secondary);">📅 \${new Date(exp.createdAt).toLocaleString()}</div>
+            </div>
+            <a href="http://localhost:3000/api/export/download/\${exp.filename}" class="btn-sm btn-primary" download style="text-decoration: none;">⬇️ 下载</a>
+          </div>
+        \`).join('');
+      } else {
+        historyList.innerHTML = '<div class="empty-state">暂无导出记录</div>';
+      }
+    } catch (error) {
+      document.getElementById('historyList').innerHTML = '<div class="empty-state">加载失败</div>';
+    }
+
+    document.getElementById('exportBtn').addEventListener('click', async () => {
+      const options = {
+        groups: document.getElementById('exportGroups').checked,
+        documents: document.getElementById('exportDocuments').checked,
+        tasks: document.getElementById('exportTasks').checked,
+        messages: document.getElementById('exportMessages').checked,
+        files: document.getElementById('exportFiles').checked,
+        format: document.getElementById('exportFormat').value
+      };
+
+      const btn = document.getElementById('exportBtn');
+      btn.disabled = true;
+      btn.textContent = '⏳ 导出中...';
+
+      try {
+        const token = localStorage.getItem('token');
+        const response = await fetch('http://localhost:3000/api/export', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            'Authorization': \`Bearer \${token}\`
+          },
+          body: JSON.stringify(options)
+        });
+        
+        if (response.ok) {
+          const blob = await response.blob();
+          const url = window.URL.createObjectURL(blob);
+          const a = document.createElement('a');
+          a.href = url;
+          a.download = \`export-\${Date.now()}.\${options.format}\`;
+          a.click();
+          alert('导出成功！');
+          await renderExportView(container);
+        } else {
+          throw new Error('导出失败');
+        }
+      } catch (error) {
+        alert('导出失败: ' + error.message);
+      } finally {
+        btn.disabled = false;
+        btn.textContent = '🚀 开始导出';
+      }
+    });
+  }`;
+
+content = content.replace(exportPattern, exportReplacement);
+
+console.log('写入文件...');
+fs.writeFileSync(filePath, content, 'utf8');
+
+console.log('✅ 第六步完成！已完善备份管理和数据导出功能');
+