collabdocchat 1.2.0 → 1.2.2

package/QUICK_START.md

@@ -0,0 +1,147 @@
+# CollabDocChat 快速启动指南 🚀
+
+## 方法一：使用一键启动脚本（推荐）
+
+### Windows 用户
+
+1. 下载启动脚本：
+   ```bash
+   curl -O https://raw.githubusercontent.com/shijinghao/collabdocchat/main/install-and-start.bat
+   ```
+
+2. 双击运行 `install-and-start.bat`
+
+或者在命令行中运行：
+```bash
+install-and-start.bat
+```
+
+### Linux/Mac 用户
+
+1. 下载启动脚本：
+   ```bash
+   curl -O https://raw.githubusercontent.com/shijinghao/collabdocchat/main/install-and-start.sh
+   chmod +x install-and-start.sh
+   ```
+
+2. 运行脚本：
+   ```bash
+   ./install-and-start.sh
+   ```
+
+---
+
+## 方法二：手动安装并启动
+
+### 1. 安装（跳过 postinstall 脚本）
+
+```bash
+npm install collabdocchat --ignore-scripts
+```
+
+### 2. 启动
+
+```bash
+cd node_modules/collabdocchat
+node scripts/quick-start.js
+```
+
+或者手动分别启动：
+
+**启动后端：**
+```bash
+cd node_modules/collabdocchat
+node server/index.js
+```
+
+**启动前端（新终端）：**
+```bash
+cd node_modules/collabdocchat
+npm run client
+```
+
+**打开浏览器：**
+访问 `http://localhost:5173`
+
+---
+
+## 方法三：一行命令
+
+### Windows (PowerShell)
+
+```powershell
+npm install collabdocchat --ignore-scripts; cd node_modules\collabdocchat; Start-Process node -ArgumentList "server/index.js" -WindowStyle Hidden; Start-Sleep -Seconds 3; Start-Process npm -ArgumentList "run","client" -WindowStyle Hidden; Start-Sleep -Seconds 8; Start-Process "http://localhost:5173"
+```
+
+### Linux/Mac
+
+```bash
+npm install collabdocchat --ignore-scripts && cd node_modules/collabdocchat && node server/index.js & sleep 3 && npm run client & sleep 8 && open http://localhost:5173
+```
+
+---
+
+## 停止服务
+
+### Windows
+
+```bash
+taskkill /F /IM node.exe
+```
+
+### Linux/Mac
+
+```bash
+pkill -f node
+```
+
+或者：
+
+```bash
+cd node_modules/collabdocchat
+npm run stop
+```
+
+---
+
+## 注意事项
+
+- 确保 MongoDB 已启动
+- 确保端口 3000 和 5173 未被占用
+- 首次运行需要配置 `.env` 文件（可选）
+
+---
+
+## 常见问题
+
+### Q: 安装卡住了怎么办？
+
+A: 使用 `--ignore-scripts` 选项：
+```bash
+npm install collabdocchat --ignore-scripts
+```
+
+### Q: 浏览器没有自动打开？
+
+A: 手动访问 `http://localhost:5173`
+
+### Q: 如何查看是否启动成功？
+
+A: 检查端口占用：
+```bash
+# Windows
+netstat -ano | findstr :3000
+netstat -ano | findstr :5173
+
+# Linux/Mac
+lsof -i:3000
+lsof -i:5173
+```
+
+---
+
+**提示**: 推荐使用一键启动脚本，最简单快捷！
+
+
+
+

package/bin/cli.js

@@ -0,0 +1,82 @@
+#!/usr/bin/env node
+
+import { spawn } from 'child_process';
+import { platform } from 'os';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
+import { existsSync } from 'fs';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const rootDir = join(__dirname, '..');
+const CLIENT_URL = 'http://localhost:5173';
+const isWindows = platform() === 'win32';
+
+// 打开浏览器
+function openBrowser(url) {
+  const command = isWindows ? 'cmd' : (platform() === 'darwin' ? 'open' : 'xdg-open');
+  const args = isWindows ? ['/c', 'start', url] : [url];
+  const browser = spawn(command, args, { stdio: 'ignore', detached: true });
+  browser.unref();
+}
+
+// 检查是否在正确的目录
+function checkEnvironment() {
+  const serverPath = join(rootDir, 'server', 'index.js');
+  if (!existsSync(serverPath)) {
+    console.error('❌ 错误：找不到服务器文件');
+    console.error('   请确保在正确的目录运行此命令');
+    process.exit(1);
+  }
+}
+
+console.log('\n🎉 欢迎使用 CollabDocChat！\n');
+console.log('📦 开源的实时协作文档聊天平台\n');
+console.log('🚀 正在启动服务器和客户端...\n');
+
+checkEnvironment();
+
+// 启动服务器
+const server = spawn('node', ['server/index.js'], {
+  cwd: rootDir,
+  stdio: 'inherit',
+  detached: true,
+  windowsHide: true
+});
+server.unref();
+
+// 启动客户端
+const client = spawn(isWindows ? 'npm.cmd' : 'npm', ['run', 'client'], {
+  cwd: rootDir,
+  stdio: 'inherit',
+  detached: true,
+  windowsHide: true
+});
+client.unref();
+
+// 8秒后打开浏览器
+setTimeout(() => {
+  console.log(`\n🌐 正在打开浏览器: ${CLIENT_URL}`);
+  openBrowser(CLIENT_URL);
+  console.log('\n✅ 应用已启动成功！');
+  console.log('   如果页面未加载，请稍等片刻后刷新页面。');
+  console.log('\n💡 提示：');
+  console.log('   • 服务器运行在: http://localhost:3000');
+  console.log('   • 客户端运行在: http://localhost:5173');
+  console.log('   • 默认管理员账号: admin / admin123');
+  console.log('\n📖 更多信息请访问: https://github.com/shijinghao/collabdocchat');
+  console.log('\n⚠️  要停止服务，请运行: npm run stop');
+  console.log('   或者关闭终端窗口\n');
+}, 8000);
+
+// 处理退出信号
+process.on('SIGINT', () => {
+  console.log('\n\n👋 正在关闭应用...');
+  process.exit(0);
+});
+
+process.on('SIGTERM', () => {
+  console.log('\n\n👋 正在关闭应用...');
+  process.exit(0);
+});
+

package/index.html

@@ -1,14 +1,16 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>CollabDocChat - 协作文档聊天平台</title>
-  <link rel="stylesheet" href="/src/styles/main.css">
-</head>
-<body>
-  <div id="app"></div>
-  <script type="module" src="/src/main.js"></script>
-</body>
-</html>
-
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>CollabDocChat - 协作文档聊天平台</title>
+  <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
+  <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
+  <link rel="stylesheet" href="/src/styles/main.css">
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+</html>
+

package/install-and-start.bat

@@ -45,3 +45,6 @@ echo   - 要停止服务，请关闭所有 node 进程
 echo.
 pause
 
+
+
+

package/install-and-start.sh

@@ -1,49 +1,52 @@
-#!/bin/bash
-
-echo "========================================"
-echo "  CollabDocChat 一键安装并启动"
-echo "========================================"
-echo ""
-
-echo "[1/3] 正在安装 CollabDocChat..."
-npm install collabdocchat@latest --ignore-scripts
-if [ $? -ne 0 ]; then
-    echo "安装失败！"
-    exit 1
-fi
-
-echo ""
-echo "[2/3] 安装完成！正在启动应用..."
-cd node_modules/collabdocchat
-
-echo ""
-echo "[3/3] 启动服务器和客户端..."
-node server/index.js &
-sleep 3
-npm run client &
-
-echo ""
-echo "等待服务器启动..."
-sleep 8
-
-echo ""
-echo "正在打开浏览器..."
-if [[ "$OSTYPE" == "darwin"* ]]; then
-    open http://localhost:5173
-elif [[ "$OSTYPE" == "linux-gnu"* ]]; then
-    xdg-open http://localhost:5173
-fi
-
-echo ""
-echo "========================================"
-echo "  启动完成！"
-echo "========================================"
-echo ""
-echo "浏览器已打开，访问: http://localhost:5173"
-echo ""
-echo "提示："
-echo "  - 服务器运行在端口 3000"
-echo "  - 客户端运行在端口 5173"
-echo "  - 按 Ctrl+C 停止服务"
-echo ""
-
+#!/bin/bash
+
+echo "========================================"
+echo "  CollabDocChat 一键安装并启动"
+echo "========================================"
+echo ""
+
+echo "[1/3] 正在安装 CollabDocChat..."
+npm install collabdocchat@latest --ignore-scripts
+if [ $? -ne 0 ]; then
+    echo "安装失败！"
+    exit 1
+fi
+
+echo ""
+echo "[2/3] 安装完成！正在启动应用..."
+cd node_modules/collabdocchat
+
+echo ""
+echo "[3/3] 启动服务器和客户端..."
+node server/index.js &
+sleep 3
+npm run client &
+
+echo ""
+echo "等待服务器启动..."
+sleep 8
+
+echo ""
+echo "正在打开浏览器..."
+if [[ "$OSTYPE" == "darwin"* ]]; then
+    open http://localhost:5173
+elif [[ "$OSTYPE" == "linux-gnu"* ]]; then
+    xdg-open http://localhost:5173
+fi
+
+echo ""
+echo "========================================"
+echo "  启动完成！"
+echo "========================================"
+echo ""
+echo "浏览器已打开，访问: http://localhost:5173"
+echo ""
+echo "提示："
+echo "  - 服务器运行在端口 3000"
+echo "  - 客户端运行在端口 5173"
+echo "  - 按 Ctrl+C 停止服务"
+echo ""
+
+
+
+

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "collabdocchat",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "开源的实时协作文档聊天平台 - 集成任务管理、多人文档编辑、智能点名功能",
   "main": "./server/index.js",
   "type": "module",
+  "bin": {
+    "collabdocchat": "./bin/cli.js"
+  },
   "files": [
+    "bin",
     "server",
     "src",
     "scripts",

package/src/pages/admin-dashboard.js

@@ -1,7 +1,7 @@
 import { ApiService } from '../services/api.js';
 import { AuthService } from '../services/auth.js';
-import Quill from 'quill';
-import 'quill/dist/quill.snow.css';
+// import Quill from 'quill/dist/quill.js';
+// import 'quill/dist/quill.snow.css';
 import 'emoji-picker-element';
 
 export function renderAdminDashboard(user, wsService) {