@lppx/lanshare 1.0.1

package/dist/src/routers/upload.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createUploadRouter = createUploadRouter;
+const express_1 = require("express");
+const multer_1 = __importDefault(require("multer"));
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const logger_1 = __importDefault(require("../utils/logger"));
+function createUploadRouter(uploadDir) {
+    const router = (0, express_1.Router)();
+    // #region 配置文件上传
+    const storage = multer_1.default.diskStorage({
+        destination: (_req, _file, cb) => {
+            cb(null, uploadDir);
+        },
+        filename: (_req, file, cb) => {
+            // 保留原始文件名，如果文件已存在则添加数字后缀
+            let filename = file.originalname;
+            let filepath = path_1.default.join(uploadDir, filename);
+            let counter = 1;
+            while (fs_1.default.existsSync(filepath)) {
+                const ext = path_1.default.extname(file.originalname);
+                const basename = path_1.default.basename(file.originalname, ext);
+                filename = `${basename} (${counter})${ext}`;
+                filepath = path_1.default.join(uploadDir, filename);
+                counter++;
+            }
+            cb(null, filename);
+        }
+    });
+    const upload = (0, multer_1.default)({ storage });
+    // #endregion
+    // #region 上传路由
+    router.post('/upload', upload.single('file'), (_req, res) => {
+        if (!_req.file) {
+            logger_1.default.warn('上传失败: 没有文件');
+            return res.status(400).json({ error: '没有文件上传' });
+        }
+        logger_1.default.info(`文件上传成功: ${_req.file.originalname} -> ${_req.file.filename} (${_req.file.size} bytes)`);
+        res.json({ message: '文件上传成功', filename: _req.file.filename });
+    });
+    // #endregion
+    return router;
+}

package/dist/src/socket/index.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupSocketIO = setupSocketIO;
+const socket_io_1 = require("socket.io");
+const logger_1 = __importDefault(require("../utils/logger"));
+function setupSocketIO(httpServer) {
+    const io = new socket_io_1.Server(httpServer, {
+        cors: {
+            origin: '*',
+            methods: ['GET', 'POST']
+        }
+    });
+    const connectedDevices = new Map();
+    io.on('connection', (socket) => {
+        logger_1.default.info(`新连接: ${socket.id} - ${socket.handshake.address}`);
+        // 设备注册
+        socket.on('register', (deviceInfo) => {
+            const deviceId = deviceInfo.deviceId || socket.id;
+            // 检查是否已存在该设备，如果存在则更新socketId
+            let existingDevice;
+            for (const [key, device] of connectedDevices.entries()) {
+                if (device.id === deviceId) {
+                    existingDevice = device;
+                    // 删除旧的socket映射
+                    connectedDevices.delete(key);
+                    break;
+                }
+            }
+            const device = {
+                id: deviceId,
+                socketId: socket.id,
+                name: deviceInfo.name || 'Unknown Device',
+                ip: socket.handshake.address,
+                platform: deviceInfo.platform || 'Unknown',
+                connectedAt: existingDevice?.connectedAt || Date.now(),
+                lastSeen: Date.now()
+            };
+            connectedDevices.set(socket.id, device);
+            logger_1.default.info(`设备注册: ${device.name} (${device.ip}) [${existingDevice ? '重连' : '新设备'}]`);
+            // 通知所有客户端设备列表更新
+            io.emit('devices-update', Array.from(connectedDevices.values()));
+        });
+        // 心跳更新
+        socket.on('heartbeat', () => {
+            const device = connectedDevices.get(socket.id);
+            if (device) {
+                device.lastSeen = Date.now();
+                connectedDevices.set(socket.id, device);
+            }
+        });
+        // 断开连接
+        socket.on('disconnect', () => {
+            const device = connectedDevices.get(socket.id);
+            if (device) {
+                logger_1.default.info(`设备断开: ${device.name} (${device.ip})`);
+                connectedDevices.delete(socket.id);
+                io.emit('devices-update', Array.from(connectedDevices.values()));
+            }
+        });
+    });
+    return { io, connectedDevices };
+}

package/dist/src/socket/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/utils/logger.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logDir = void 0;
+const winston_1 = __importDefault(require("winston"));
+const path_1 = __importDefault(require("path"));
+const os_1 = __importDefault(require("os"));
+const fs_1 = __importDefault(require("fs"));
+// #region 日志配置
+const logDir = path_1.default.join(os_1.default.homedir(), '.lanshare', 'logs');
+exports.logDir = logDir;
+// 确保日志目录存在
+if (!fs_1.default.existsSync(logDir)) {
+    fs_1.default.mkdirSync(logDir, { recursive: true });
+}
+const logFormat = winston_1.default.format.combine(winston_1.default.format.timestamp({ format: 'YYYY-MM-DD HH:mm:ss' }), winston_1.default.format.errors({ stack: true }), winston_1.default.format.printf(({ timestamp, level, message, stack }) => {
+    const msg = `[${timestamp}] ${level.toUpperCase()}: ${message}`;
+    return stack ? `${msg}\n${stack}` : msg;
+}));
+// #endregion
+// #region 创建日志实例
+const logger = winston_1.default.createLogger({
+    level: process.env.LOG_LEVEL || 'info',
+    format: logFormat,
+    transports: [
+        // 控制台输出（彩色）
+        new winston_1.default.transports.Console({
+            format: winston_1.default.format.combine(winston_1.default.format.colorize(), logFormat)
+        }),
+        // 所有日志写入文件
+        new winston_1.default.transports.File({
+            filename: path_1.default.join(logDir, 'lanshare.log'),
+            maxsize: 5 * 1024 * 1024, // 5MB
+            maxFiles: 5
+        }),
+        // 错误日志单独写入文件
+        new winston_1.default.transports.File({
+            filename: path_1.default.join(logDir, 'error.log'),
+            level: 'error',
+            maxsize: 5 * 1024 * 1024,
+            maxFiles: 5
+        })
+    ]
+});
+// #endregion
+exports.default = logger;

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@lppx/lanshare",
+  "publishConfig": {
+    "access": "public"
+  },
+  "version": "1.0.1",
+  "description": "ts test",
+  "bin": {
+    "lanshare": "dist/src/cli.js",
+    "lsh": "dist/src/cli.js"
+  },
+  "scripts": {
+    "sync": "ts-node scripts/gitsync.ts",
+    "build": "tsc",
+    "start": "node dist/src/cli/index.js",
+    "ccx": "npm version patch --force && npm run build && npm publish "
+  },
+  "author": "lipanpanx",
+  "license": "MIT",
+  "files": [
+    "dist",
+    "public"
+  ],
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "dependencies": {
+    "@types/socket.io": "^3.0.1",
+    "commander": "^12.0.0",
+    "express": "^4.18.2",
+    "multer": "^1.4.5-lts.1",
+    "prompts": "^2.4.2",
+    "socket.io": "^4.8.3",
+    "winston": "^3.19.0"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.21",
+    "@types/multer": "^1.4.11",
+    "@types/node": "^20.11.0",
+    "@types/prompts": "^2.4.9",
+    "@types/winston": "^2.4.4",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.3.3"
+  }
+}

package/public/css/base.css

@@ -0,0 +1,44 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  background: #f5f7fa;
+  color: #333;
+}
+
+.main-container {
+  display: flex;
+  gap: 24px;
+  padding: 24px 32px;
+  max-width: 1600px;
+  margin: 0 auto;
+}
+
+.left-panel {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+
+.right-panel {
+  width: 320px;
+  flex-shrink: 0;
+}
+
+.section-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.section-header h3 {
+  font-size: 18px;
+  font-weight: 600;
+  color: #1a1a1a;
+}

package/public/css/device-list.css

@@ -0,0 +1,76 @@
+.connected-devices {
+  background: white;
+  border-radius: 12px;
+  padding: 24px;
+}
+
+.connected-devices h3 {
+  font-size: 18px;
+  font-weight: 600;
+  color: #1a1a1a;
+  margin-bottom: 8px;
+}
+
+.devices-subtitle {
+  font-size: 13px;
+  color: #666;
+  margin-bottom: 20px;
+}
+
+.devices-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.device-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 12px;
+  background: #fafbfc;
+  border-radius: 8px;
+  transition: background 0.2s;
+}
+
+.device-item:hover {
+  background: #f5f7fa;
+}
+
+.device-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  background: #e8f4ff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #4A90E2;
+  font-size: 20px;
+  flex-shrink: 0;
+}
+
+.device-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.device-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: #1a1a1a;
+  margin-bottom: 2px;
+}
+
+.device-ip {
+  font-size: 12px;
+  color: #666;
+}
+
+.device-status {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #4caf50;
+  flex-shrink: 0;
+}

package/public/css/drop-zone.css

@@ -0,0 +1,39 @@
+.drop-zone {
+  background: white;
+  border: 2px dashed #d0d7de;
+  border-radius: 12px;
+  padding: 60px 40px;
+  text-align: center;
+  cursor: pointer;
+  transition: all 0.3s ease;
+}
+
+.drop-zone:hover {
+  border-color: #4A90E2;
+  background: #f8fbff;
+}
+
+.drop-zone.drag-over {
+  border-color: #4A90E2;
+  background: #e8f4ff;
+}
+
+.drop-zone-icon {
+  margin-bottom: 16px;
+}
+
+.drop-zone-icon svg {
+  display: inline-block;
+}
+
+.drop-zone-title {
+  font-size: 18px;
+  font-weight: 500;
+  color: #1a1a1a;
+  margin-bottom: 8px;
+}
+
+.drop-zone-subtitle {
+  font-size: 14px;
+  color: #666;
+}

package/public/css/file-list.css

@@ -0,0 +1,167 @@
+.active-shares {
+  background: white;
+  border-radius: 12px;
+  padding: 24px;
+}
+
+.file-count {
+  font-size: 14px;
+  color: #666;
+  background: #f5f7fa;
+  padding: 4px 12px;
+  border-radius: 12px;
+}
+
+.shares-table {
+  width: 100%;
+}
+
+.table-header {
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr 1fr;
+  gap: 16px;
+  padding: 12px 16px;
+  background: #f5f7fa;
+  border-radius: 8px;
+  font-size: 11px;
+  font-weight: 600;
+  color: #666;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 8px;
+}
+
+.table-body {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.file-row {
+  display: grid;
+  grid-template-columns: 2fr 1fr 1fr 1fr;
+  gap: 16px;
+  padding: 16px;
+  background: #fafbfc;
+  border-radius: 8px;
+  align-items: center;
+  transition: background 0.2s;
+}
+
+.file-row:hover {
+  background: #f5f7fa;
+}
+
+.file-info {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.file-icon {
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  flex-shrink: 0;
+}
+
+.file-icon.pdf {
+  background: #ffe5e5;
+  color: #d32f2f;
+}
+
+.file-icon.zip {
+  background: #e3f2fd;
+  color: #1976d2;
+}
+
+.file-icon.video {
+  background: #f3e5f5;
+  color: #7b1fa2;
+}
+
+.file-details {
+  min-width: 0;
+}
+
+.file-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: #1a1a1a;
+  margin-bottom: 4px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.file-meta {
+  font-size: 12px;
+  color: #666;
+}
+
+.file-size {
+  font-size: 14px;
+  color: #666;
+}
+
+.file-downloads {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.download-progress {
+  flex: 1;
+  height: 6px;
+  background: #e0e0e0;
+  border-radius: 3px;
+  overflow: hidden;
+  max-width: 100px;
+}
+
+.progress-bar {
+  height: 100%;
+  background: #4A90E2;
+  border-radius: 3px;
+  transition: width 0.3s;
+}
+
+.download-count {
+  font-size: 14px;
+  color: #666;
+  min-width: 20px;
+}
+
+.file-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
+
+.action-btn {
+  width: 32px;
+  height: 32px;
+  border: none;
+  background: transparent;
+  border-radius: 6px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #666;
+  transition: all 0.2s;
+}
+
+.action-btn:hover {
+  background: #e8f4ff;
+  color: #4A90E2;
+}
+
+.action-btn.delete:hover {
+  background: #ffebee;
+  color: #d32f2f;
+}

package/public/css/header.css

@@ -0,0 +1,48 @@
+.header {
+  background: white;
+  padding: 16px 32px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.header-left {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.share-icon {
+  color: #4A90E2;
+}
+
+.title {
+  font-size: 20px;
+  font-weight: 600;
+  color: #1a1a1a;
+}
+
+.header-right {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+
+.ip-address {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 12px;
+  background: #f5f7fa;
+  border-radius: 6px;
+  font-size: 14px;
+  color: #666;
+}
+
+.user-avatar {
+  width: 36px;
+  height: 36px;
+  border-radius: 50%;
+  overflow: hidden;
+}

package/public/css/responsive.css

@@ -0,0 +1,9 @@
+@media (max-width: 1200px) {
+  .main-container {
+    flex-direction: column;
+  }
+  
+  .right-panel {
+    width: 100%;
+  }
+}

package/public/index.html

@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>LAN Share Control</title>
+  <link rel="stylesheet" href="/css/base.css">
+  <link rel="stylesheet" href="/css/header.css">
+  <link rel="stylesheet" href="/css/drop-zone.css">
+  <link rel="stylesheet" href="/css/file-list.css">
+  <link rel="stylesheet" href="/css/device-list.css">
+  <link rel="stylesheet" href="/css/responsive.css">
+</head>
+<body>
+  <header class="header">
+    <div class="header-left">
+      <svg class="share-icon" width="24" height="24" viewBox="0 0 24 24" fill="none">
+        <path d="M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 6.65685 16.3431 8 18 8Z" stroke="currentColor" stroke-width="2"/>
+        <path d="M6 15C7.65685 15 9 13.6569 9 12C9 10.3431 7.65685 9 6 9C4.34315 9 3 10.3431 3 12C3 13.6569 4.34315 15 6 15Z" stroke="currentColor" stroke-width="2"/>
+        <path d="M18 22C19.6569 22 21 20.6569 21 19C21 17.3431 19.6569 16 18 16C16.3431 16 15 17.3431 15 19C15 20.6569 16.3431 22 18 22Z" stroke="currentColor" stroke-width="2"/>
+        <path d="M8.59 13.51L15.42 17.49M15.41 6.51L8.59 10.49" stroke="currentColor" stroke-width="2"/>
+      </svg>
+      <h1 class="title">LAN Share Control</h1>
+    </div>
+    <div class="header-right">
+      <span class="ip-address" id="ipAddress">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none">
+          <rect x="3" y="3" width="18" height="18" rx="2" stroke="currentColor" stroke-width="2"/>
+          <line x1="3" y1="9" x2="21" y2="9" stroke="currentColor" stroke-width="2"/>
+          <line x1="9" y1="9" x2="9" y2="21" stroke="currentColor" stroke-width="2"/>
+        </svg>
+        <span id="ipText">192.168.1.15</span>
+      </span>
+      <div class="user-avatar">
+        <svg width="32" height="32" viewBox="0 0 32 32">
+          <circle cx="16" cy="16" r="16" fill="#FF9800"/>
+          <circle cx="16" cy="12" r="5" fill="white"/>
+          <path d="M8 26C8 21 11 18 16 18C21 18 24 21 24 26" fill="white"/>
+        </svg>
+      </div>
+    </div>
+  </header>
+
+  <div class="main-container">
+    <div class="left-panel">
+      <div class="drop-zone" id="dropZone">
+        <div class="drop-zone-icon">
+          <svg width="64" height="64" viewBox="0 0 24 24" fill="none">
+            <path d="M7 18C4.79086 18 3 16.2091 3 14C3 11.7909 4.79086 10 7 10C7.17822 10 7.35381 10.0104 7.52614 10.0305C7.84294 7.14916 10.2207 5 13 5C15.7793 5 18.1571 7.14916 18.4739 10.0305C18.6462 10.0104 18.8218 10 19 10C21.2091 10 23 11.7909 23 14C23 16.2091 21.2091 18 19 18H7Z" stroke="#4A90E2" stroke-width="2"/>
+            <path d="M12 12V19M12 12L9 15M12 12L15 15" stroke="#4A90E2" stroke-width="2" stroke-linecap="round"/>
+          </svg>
+        </div>
+        <h2 class="drop-zone-title">Drag & Drop files here</h2>
+        <p class="drop-zone-subtitle">or click to browse your computer</p>
+        <input type="file" id="fileInput" multiple hidden>
+      </div>
+
+      <div class="active-shares">
+        <div class="section-header">
+          <h3>Active Shares</h3>
+          <span class="file-count" id="fileCount">0 Files</span>
+        </div>
+        <div class="shares-table">
+          <div class="table-header">
+            <div class="col-name">FILE NAME</div>
+            <div class="col-size">SIZE</div>
+            <div class="col-downloads">DOWNLOADS</div>
+            <div class="col-actions">ACTIONS</div>
+          </div>
+          <div class="table-body" id="fileList"></div>
+        </div>
+      </div>
+    </div>
+
+    <div class="right-panel">
+      <div class="connected-devices">
+        <h3>Connected Devices</h3>
+        <p class="devices-subtitle">Devices currently accessing shared files</p>
+        <div class="devices-list" id="devicesList"></div>
+      </div>
+    </div>
+  </div>
+
+  <script src="/socket.io/socket.io.js"></script>
+  <script src="/js/socket.js"></script>
+  <script src="/js/upload.js"></script>
+  <script src="/js/file-list.js"></script>
+  <script src="/js/device-list.js"></script>
+  <script src="/js/api.js"></script>
+  <script src="/js/main.js"></script>
+</body>
+</html>