collabdocchat 1.0.0

package/src/services/api.js

@@ -0,0 +1,265 @@
+const API_URL = 'http://localhost:8765/api';
+
+export class ApiService {
+  constructor() {
+    this.token = localStorage.getItem('token');
+  }
+
+  async request(endpoint, options = {}) {
+    const response = await fetch(`${API_URL}${endpoint}`, {
+      ...options,
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': `Bearer ${this.token}`,
+        ...options.headers
+      }
+    });
+
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({ message: '请求失败' }));
+      console.error('API 错误:', {
+        endpoint,
+        status: response.status,
+        error
+      });
+      throw new Error(error.message || `请求失败: ${response.status}`);
+    }
+
+    return await response.json();
+  }
+
+  // 群组相关
+  async getGroups() {
+    return await this.request('/groups');
+  }
+
+  async getAllGroups() {
+    return await this.request('/groups/all');
+  }
+
+  async getGroup(groupId) {
+    return await this.request(`/groups/${groupId}`);
+  }
+
+  async createGroup(name, description, members) {
+    return await this.request('/groups', {
+      method: 'POST',
+      body: JSON.stringify({ name, description, members })
+    });
+  }
+
+  async joinGroup(groupId) {
+    return await this.request(`/groups/${groupId}/join`, {
+      method: 'POST'
+    });
+  }
+
+  async leaveGroup(groupId) {
+    return await this.request(`/groups/${groupId}/leave`, {
+      method: 'POST'
+    });
+  }
+
+  async addMember(groupId, userId) {
+    return await this.request(`/groups/${groupId}/members`, {
+      method: 'POST',
+      body: JSON.stringify({ userId })
+    });
+  }
+
+  async removeMember(groupId, userId) {
+    return await this.request(`/groups/${groupId}/members/${userId}`, {
+      method: 'DELETE'
+    });
+  }
+
+  async setMuteAll(groupId, enabled) {
+    return await this.request(`/groups/${groupId}/mute/all`, {
+      method: 'POST',
+      body: JSON.stringify({ enabled })
+    });
+  }
+
+  async setUserMute(groupId, userId, muted) {
+    return await this.request(`/groups/${groupId}/mute/users/${userId}`, {
+      method: 'POST',
+      body: JSON.stringify({ muted })
+    });
+  }
+
+  async getAllUsers() {
+    return await this.request('/auth/users');
+  }
+
+  async getGroupMessages(groupId) {
+    return await this.request(`/groups/${groupId}/messages`);
+  }
+
+  async randomCall(groupId, count = 1) {
+    return await this.request(`/groups/${groupId}/call`, {
+      method: 'POST',
+      body: JSON.stringify({ count })
+    });
+  }
+
+  // 任务相关
+  async getTasks(groupId) {
+    return await this.request(`/tasks/group/${groupId}`);
+  }
+
+  async getMyTasks() {
+    return await this.request('/tasks/my');
+  }
+
+  async createTask(taskData) {
+    return await this.request('/tasks', {
+      method: 'POST',
+      body: JSON.stringify(taskData)
+    });
+  }
+
+  async updateTaskStatus(taskId, status) {
+    return await this.request(`/tasks/${taskId}/status`, {
+      method: 'PATCH',
+      body: JSON.stringify({ status })
+    });
+  }
+
+  async deleteTask(taskId) {
+    return await this.request(`/tasks/${taskId}`, {
+      method: 'DELETE'
+    });
+  }
+
+  // 文档相关
+  async getDocuments(groupId) {
+    return await this.request(`/documents/group/${groupId}`);
+  }
+
+  async getDocument(documentId) {
+    return await this.request(`/documents/${documentId}`);
+  }
+
+  async createDocument(title, content, groupId, permission = 'editable') {
+    return await this.request('/documents', {
+      method: 'POST',
+      body: JSON.stringify({ title, content, groupId, permission })
+    });
+  }
+
+  async updateDocument(documentId, content) {
+    return await this.request(`/documents/${documentId}`, {
+      method: 'PATCH',
+      body: JSON.stringify({ content })
+    });
+  }
+
+  async getDocumentVersions(documentId) {
+    return await this.request(`/documents/${documentId}/versions`);
+  }
+
+  async deleteDocument(documentId) {
+    return await this.request(`/documents/${documentId}`, {
+      method: 'DELETE'
+    });
+  }
+
+  // 审计日志相关
+  async getAuditLogs(filters = {}, options = {}) {
+    const params = new URLSearchParams();
+    
+    // 添加过滤条件
+    Object.keys(filters).forEach(key => {
+      if (filters[key]) {
+        params.append(key, filters[key]);
+      }
+    });
+    
+    // 添加分页和排序选项
+    Object.keys(options).forEach(key => {
+      if (options[key]) {
+        params.append(key, options[key]);
+      }
+    });
+    
+    const queryString = params.toString();
+    return await this.request(`/audit${queryString ? '?' + queryString : ''}`);
+  }
+
+  async getUserActivityStats(userId, timeRange = {}) {
+    const params = new URLSearchParams(timeRange);
+    const queryString = params.toString();
+    return await this.request(`/audit/user-stats/${userId}${queryString ? '?' + queryString : ''}`);
+  }
+
+  async getDocumentEditHistory(documentId, limit = 20) {
+    return await this.request(`/audit/document-history/${documentId}?limit=${limit}`);
+  }
+
+  async getGroupAuditLogs(groupId, filters = {}, options = {}) {
+    const params = new URLSearchParams();
+    
+    // 添加过滤条件
+    Object.keys(filters).forEach(key => {
+      if (filters[key]) {
+        params.append(key, filters[key]);
+      }
+    });
+    
+    // 添加分页和排序选项
+    Object.keys(options).forEach(key => {
+      if (options[key]) {
+        params.append(key, options[key]);
+      }
+    });
+    
+    const queryString = params.toString();
+    return await this.request(`/audit/group/${groupId}${queryString ? '?' + queryString : ''}`);
+  }
+
+  async getAuditSummary(filters = {}) {
+    const params = new URLSearchParams(filters);
+    const queryString = params.toString();
+    return await this.request(`/audit/stats/summary${queryString ? '?' + queryString : ''}`);
+  }
+
+  // 文件相关
+  async uploadFile(groupId, file, description = '') {
+    const formData = new FormData();
+    formData.append('file', file);
+    formData.append('groupId', groupId);
+    if (description) {
+      formData.append('description', description);
+    }
+
+    const response = await fetch(`${API_URL}/files/upload`, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${this.token}`
+      },
+      body: formData
+    });
+
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({ message: '上传失败' }));
+      throw new Error(error.message || '上传失败');
+    }
+
+    return await response.json();
+  }
+
+  async getGroupFiles(groupId) {
+    return await this.request(`/files/group/${groupId}`);
+  }
+
+  async deleteFile(fileId) {
+    return await this.request(`/files/${fileId}`, {
+      method: 'DELETE'
+    });
+  }
+
+  getFileDownloadUrl(fileId) {
+    return `${API_URL}/files/${fileId}/download?token=${this.token}`;
+  }
+}
+

package/src/services/auth.js

@@ -0,0 +1,54 @@
+const API_URL = 'http://localhost:8765/api';
+
+export class AuthService {
+  async login(username, password) {
+    const response = await fetch(`${API_URL}/auth/login`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ username, password })
+    });
+
+    if (!response.ok) {
+      const error = await response.json();
+      throw new Error(error.message);
+    }
+
+    return await response.json();
+  }
+
+  async register(username, password) {
+    const response = await fetch(`${API_URL}/auth/register`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ username, password })
+    });
+
+    if (!response.ok) {
+      const error = await response.json();
+      throw new Error(error.message);
+    }
+
+    return await response.json();
+  }
+
+  async getCurrentUser() {
+    const token = localStorage.getItem('token');
+    const response = await fetch(`${API_URL}/auth/me`, {
+      headers: { 'Authorization': `Bearer ${token}` }
+    });
+
+    if (!response.ok) {
+      throw new Error('获取用户信息失败');
+    }
+
+    const data = await response.json();
+    return data.user;
+  }
+
+  logout() {
+    localStorage.removeItem('token');
+    window.location.reload();
+  }
+}
+
+

package/src/services/websocket.js

@@ -0,0 +1,80 @@
+export class WebSocketService {
+  constructor() {
+    this.ws = null;
+    this.listeners = new Map();
+  }
+
+  connect(token) {
+    this.ws = new WebSocket('ws://localhost:3000');
+
+    this.ws.onopen = () => {
+      console.log('✅ WebSocket 连接成功');
+      this.send({ type: 'auth', token });
+    };
+
+    this.ws.onmessage = (event) => {
+      const data = JSON.parse(event.data);
+      this.notifyListeners(data.type, data);
+    };
+
+    this.ws.onerror = (error) => {
+      console.error('❌ WebSocket 错误:', error);
+    };
+
+    this.ws.onclose = () => {
+      console.log('🔌 WebSocket 连接关闭');
+      setTimeout(() => this.connect(token), 3000);
+    };
+  }
+
+  send(data) {
+    if (this.ws && this.ws.readyState === WebSocket.OPEN) {
+      this.ws.send(JSON.stringify(data));
+    }
+  }
+
+  on(event, callback) {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, []);
+    }
+    this.listeners.get(event).push(callback);
+  }
+
+  off(event, callback) {
+    if (this.listeners.has(event)) {
+      const callbacks = this.listeners.get(event);
+      const index = callbacks.indexOf(callback);
+      if (index > -1) {
+        callbacks.splice(index, 1);
+      }
+    }
+  }
+
+  notifyListeners(event, data) {
+    if (this.listeners.has(event)) {
+      this.listeners.get(event).forEach(callback => callback(data));
+    }
+  }
+
+  joinGroup(groupId) {
+    this.send({ type: 'join_group', groupId });
+  }
+
+  sendChatMessage(groupId, username, content) {
+    this.send({ type: 'chat_message', groupId, username, content });
+  }
+
+  syncDocument(documentId, content, cursorPosition) {
+    this.send({ type: 'document_sync', documentId, content, cursorPosition });
+  }
+
+  respondToCall(groupId, username) {
+    this.send({ type: 'call_response', groupId, username });
+  }
+
+  sendTyping(documentId, username, isTyping) {
+    this.send({ type: 'typing', documentId, username, isTyping });
+  }
+}
+
+