@wmj-code/clone_npm 1.0.0

package/main.css

@@ -0,0 +1,374 @@
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            /* padding: 20px; */
+            font-family: Arial;
+            background: #f5f5f5;
+            position: relative;
+            scroll-behavior: smooth;
+            /* 预留底部按钮区域 */
+            /* padding-bottom: 120px; */
+        }
+        
+        .container {
+            background: white;
+            padding: 30px;
+            /* border-radius: 8px; */
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+        }
+        
+        .header {
+            margin-bottom: 20px;
+        }
+        
+        button {
+            padding: 10px 20px;
+            cursor: pointer;
+            border: none;
+            border-radius: 4px;
+            font-size: 14px;
+        }
+        
+        .btn-primary {
+            background: #409eff;
+            color: white;
+        }
+        
+        .btn-primary:hover {
+            background: #66b1ff;
+        }
+        
+        .btn-danger {
+            background: #f56c6c;
+            color: white;
+        }
+        
+        .btn-danger:hover {
+            background: #f78989;
+        }
+        
+        .config-item {
+            border: 1px solid #e6e6e6;
+            padding: 20px;
+            margin-bottom: 15px;
+            border-radius: 6px;
+            position: relative;
+            transition: all 0.3s;
+        }
+        
+        .config-item.highlight {
+            border-color: #409eff;
+            box-shadow: 0 0 8px rgba(64, 158, 255, 0.3);
+        }
+        
+        .config-item .row {
+            margin-bottom: 15px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        
+        .config-item label {
+            width: 120px;
+            text-align: right;
+            font-size: 14px;
+            color: #666;
+        }
+        
+        .config-item input {
+            flex: 1;
+            padding: 10px;
+            border: 1px solid #e6e6e6;
+            border-radius: 4px;
+            font-size: 14px;
+        }
+        
+        .config-item .enable-checkbox {
+            width: 20px;
+            height: 20px;
+            flex: none;
+            cursor: pointer;
+        }
+        
+        .editor-path {
+            margin: 20px 0;
+            padding: 20px;
+            border: 1px solid #e6e6e6;
+            border-radius: 6px;
+        }
+        
+        .editor-path label {
+            display: inline-block;
+            /* width: 120px; */
+            text-align: right;
+            margin-right: 10px;
+            color: #666;
+        }
+        
+        .editor-path input {
+            width: calc(100% - 130px);
+            padding: 10px;
+            border: 1px solid #e6e6e6;
+            border-radius: 4px;
+        }
+        
+        .msg {
+            margin: 0px 0;
+            padding: 10px;
+            border-radius: 4px;
+            font-size: 14px;
+            display: none;
+            position: fixed;
+            /* width: min-content; */
+            top: 10px;
+            left: 50%;
+            transform: translateX(-50%);
+            z-index: 1000;
+        }
+        
+        .msg-success {
+            background: #f0f9ff;
+            color: #67c23a;
+            border: 1px solid #e1f3d8;
+        }
+        
+        .msg-error {
+            background: #fef0f0;
+            color: #f56c6c;
+            border: 1px solid #fbc4c4;
+        }
+        
+        .floating-btn {
+            position: fixed;
+            right: 20px;
+            top: 50%;
+            transform: translateY(-50%);
+            z-index: 1000;
+        }
+        
+        .back-to-top {
+            position: fixed;
+            right: 20px;
+            bottom: 20px;
+            width: 50px;
+            height: 50px;
+            background: #409eff;
+            color: white;
+            border: none;
+            border-radius: 50%;
+            cursor: pointer;
+            display: none;
+            z-index: 1000;
+            font-size: 20px;
+        }
+        
+        .back-to-top:hover {
+            background: #66b1ff;
+        }
+        
+        .enabled-items-panel {
+            position: fixed;
+            top: 20px;
+            right: 20px;
+            width: 300px;
+            max-height: 50vh;
+            background: white;
+            border: 1px solid #e6e6e6;
+            border-radius: 8px;
+            box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
+            padding: 15px;
+            z-index: 1001;
+            overflow-y: auto;
+        }
+        
+        .enabled-items-panel .title {
+            font-size: 16px;
+            font-weight: bold;
+            color: #333;
+            margin-bottom: 10px;
+            padding-bottom: 8px;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .enabled-items-panel .empty-tip {
+            color: #999;
+            font-size: 14px;
+            text-align: center;
+            padding: 10px 0;
+        }
+        
+        .enabled-items-panel .item {
+            font-size: 13px;
+            color: #666;
+            padding: 6px 0;
+            border-bottom: 1px dashed #f0f0f0;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+        
+        .enabled-items-panel .item:hover {
+            color: #409eff;
+            background-color: #f5f9ff;
+            padding-left: 5px;
+        }
+        
+        .enabled-items-panel .item:last-child {
+            border-bottom: none;
+        }
+        
+        .enabled-items-panel .item .name {
+            color: #409eff;
+            font-weight: 500;
+        }
+        /* 新增：功能按钮悬浮栏样式 */
+        
+        .function-buttons {
+            position: fixed;
+            bottom: 10px;
+            left: 50%;
+            transform: translateX(-40%);
+            display: flex;
+            gap: 10px;
+            background: white;
+            padding: 15px;
+            border-radius: 8px;
+            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+            z-index: 999;
+        }
+        
+        .function-btn {
+            padding: 12px 20px;
+            background: #67c23a;
+            color: white;
+            border-radius: 6px;
+            font-size: 14px;
+            transition: all 0.2s;
+        }
+        
+        .function-btn:hover {
+            background: #85ce61;
+            transform: translateY(-2px);
+            box-shadow: 0 2px 8px rgba(103, 194, 58, 0.3);
+        }
+        
+        .function-btn:disabled {
+            background: #cccccc;
+            cursor: not-allowed;
+            transform: none;
+            box-shadow: none;
+        }
+        /* 主容器样式 */
+        
+        .container {
+            position: relative;
+        }
+        /* 项目名称标签样式 */
+        
+        .pName-tabs {
+            border: 1px solid #e6e6e6;
+            border-radius: 6px;
+            padding: 10px;
+            background: #f9f9f9;
+            max-height: 600px;
+            overflow-y: auto;
+            transition: all 0.3s;
+            position: sticky;
+            top: 20px;
+            align-self: flex-start;
+        }
+        /* 悬浮状态样式 */
+        /* .pName-tabs.fixed {
+            position: fixed;
+            top: 20px;
+            left: 20px;
+            z-index: 998;
+            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+            max-height: calc(100vh - 40px);
+        } */
+        
+        .pName-tab {
+            padding: 8px 12px;
+            margin-bottom: 8px;
+            background: white;
+            border: 1px solid #e6e6e6;
+            border-radius: 4px;
+            cursor: pointer;
+            transition: all 0.2s;
+            font-size: 14px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .pName-tab:hover {
+            background: #ecf5ff;
+            border-color: #c6e2ff;
+            color: #409eff;
+        }
+        
+        .pName-tab .count {
+            font-size: 12px;
+            color: #999;
+            background: #f0f0f0;
+            padding: 2px 6px;
+            border-radius: 10px;
+        }
+        
+        .pName-tab:hover .count {
+            background: #d9ecff;
+            color: #409eff;
+        }
+        /* 新增：终端输出面板样式 */
+        
+        .terminal-panel {
+            background: #1e1e1e;
+            color: #ffffff;
+            height: 100vh;
+            /* border-radius: 8px; */
+            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+            padding: 10px;
+            font-family: "Consolas", "Monaco", monospace;
+            font-size: 13px;
+            overflow-y: auto;
+            z-index: 998;
+            display: none;
+        }
+        
+        .terminal-panel .terminal-header {
+            padding-bottom: 8px;
+            border-bottom: 1px solid #333;
+            margin-bottom: 8px;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        .terminal-panel .clear-btn {
+            padding: 4px 8px;
+            font-size: 12px;
+            background: #409eff;
+            color: white;
+            border-radius: 4px;
+            cursor: pointer;
+        }
+        
+        .terminal-panel .log {
+            line-height: 1.4;
+            white-space: pre-wrap;
+        }
+        
+        .terminal-panel .log-success {
+            color: #67c23a;
+        }
+        
+        .terminal-panel .log-error {
+            color: #f56c6c;
+        }
+        
+        .terminal-panel .log-info {
+            color: #409eff;
+        }

package/package.json

@@ -0,0 +1,19 @@
+{
+    "name": "@wmj-code/clone_npm",
+    "version": "1.0.0",
+    "description": "一个自定义命令行工具，打通clone和npm install的流程",
+    "main": "clone_npm.js",
+    "bin": {
+        "cn": "./clone_npm.js"
+    },
+    "keywords": [
+        "cli",
+        "cn"
+    ],
+    "author": "wmj",
+    "license": "MIT",
+    "engines": {
+        "node": ">=14.0.0"
+    },
+    "preferGlobal": true
+}

package/server.js

@@ -0,0 +1,236 @@
+#!/usr/bin/env node
+
+const http = require('http');
+const fs = require('fs');
+const path = require('path');
+const url = require('url');
+const { spawn } = require('child_process');
+
+// 配置文件路径
+const CONFIG_PATH = path.join(__dirname, 'config.json');
+const PORT = 3000;
+
+// 创建服务器
+const server = http.createServer((req, res) => {
+    const parsedUrl = url.parse(req.url, true);
+    const pathname = parsedUrl.pathname;
+    console.log("🚀 ~ pathname:", pathname)
+
+    // 设置跨域和响应头
+    res.setHeader('Access-Control-Allow-Origin', '*');
+    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
+    res.setHeader('Access-Control-Allow-Headers', 'Content-Type');
+
+    // 处理 OPTIONS 预检请求
+    if (req.method === 'OPTIONS') {
+        res.writeHead(200);
+        res.end();
+        return;
+    }
+
+    // 1. 读取配置（GET /api/config）
+    if (req.method === 'GET' && pathname === '/api/config') {
+        try {
+            if (!fs.existsSync(CONFIG_PATH)) {
+                fs.writeFileSync(CONFIG_PATH, JSON.stringify({
+                    CodingEditPath: '',
+                    configList: [{ enable: false, pName: '', projectName: '', gitUrl: '', branch: 'master', savePath: '', codePath: '', testEnvUrl: '', prodEnvUrl: '' }]
+                }, null, 2), 'utf8');
+            }
+            const config = fs.readFileSync(CONFIG_PATH, 'utf8');
+            res.writeHead(200, { 'Content-Type': 'application/json' });
+            res.end(config);
+        } catch (err) {
+            res.writeHead(500, { 'Content-Type': 'application/json' });
+            res.end(JSON.stringify({ error: '读取配置失败：' + err.message }));
+        }
+        return;
+    }
+
+    // 2. 保存配置（POST /api/save）
+    if (req.method === 'POST' && pathname === '/api/save') {
+        let body = '';
+        req.on('data', chunk => body += chunk);
+        req.on('end', () => {
+            try {
+                const config = JSON.parse(body);
+                fs.writeFileSync(CONFIG_PATH, JSON.stringify(config, null, 2), 'utf8');
+                res.writeHead(200, { 'Content-Type': 'application/json' });
+                res.end(JSON.stringify({ success: true, message: '配置保存成功！' }));
+            } catch (err) {
+                res.writeHead(500, { 'Content-Type': 'application/json' });
+                res.end(JSON.stringify({ success: false, error: '保存配置失败：' + err.message }));
+            }
+        });
+        return;
+    }
+
+    // 3. 选择本地文件/文件夹（POST /api/select-path）
+    if (req.method === 'POST' && pathname === '/api/select-path') {
+        let body = '';
+        req.on('data', chunk => body += chunk);
+        req.on('end', () => {
+            try {
+                const { type } = JSON.parse(body); // type: 'file' | 'folder'
+                let psScript;
+                if (type === 'folder') {
+                    psScript = `
+                        Add-Type -AssemblyName System.Windows.Forms
+                        $dialog = New-Object System.Windows.Forms.FolderBrowserDialog
+                        $dialog.Description = '请选择文件夹'
+                        $dialog.ShowNewFolderButton = $true
+                        if ($dialog.ShowDialog() -eq 'OK') { $dialog.SelectedPath } else { '' }
+                    `;
+                } else {
+                    psScript = `
+                        Add-Type -AssemblyName System.Windows.Forms
+                        $dialog = New-Object System.Windows.Forms.OpenFileDialog
+                        $dialog.Title = '请选择文件'
+                        $dialog.Filter = '可执行文件 (*.exe)|*.exe|所有文件 (*.*)|*.*'
+                        if ($dialog.ShowDialog() -eq 'OK') { $dialog.FileName } else { '' }
+                    `;
+                }
+
+                const child = spawn('powershell', ['-NoProfile', '-Command', psScript], { windowsHide: true });
+                let result = '';
+                child.stdout.on('data', (data) => { result += data.toString(); });
+                child.stderr.on('data', (data) => { console.error('select-path stderr:', data.toString()); });
+                child.on('close', (code) => {
+                    const selectedPath = result.trim();
+                    res.writeHead(200, { 'Content-Type': 'application/json' });
+                    res.end(JSON.stringify({ success: true, path: selectedPath }));
+                });
+            } catch (err) {
+                res.writeHead(500, { 'Content-Type': 'application/json' });
+                res.end(JSON.stringify({ success: false, error: err.message }));
+            }
+        });
+        return;
+    }
+
+    // 4. 执行命令（POST /api/execute）
+    if (req.method === 'POST' && pathname === '/api/execute') {
+        let body = '';
+        req.on('data', chunk => body += chunk);
+        req.on('end', async() => {
+            try {
+                const { flag } = JSON.parse(body);
+                if (!flag || isNaN(flag)) {
+                    res.writeHead(400, { 'Content-Type': 'text/plain' });
+                    res.end('ERROR: 无效的命令标识');
+                    return;
+                }
+
+                // 设置流式响应头
+                res.writeHead(200, {
+                    'Content-Type': 'text/plain; charset=utf-8',
+                    'Transfer-Encoding': 'chunked'
+                });
+
+                // 执行clone_npm.js并传递flag参数
+                const child = spawn('node', [path.join(__dirname, 'clone_npm.js'), flag], {
+                    windowsHide: true,
+                });
+
+                // 实时输出stdout
+                child.stdout.on('data', (data) => {
+                    res.write(`INFO: ${data.toString()}`);
+                });
+
+                // 实时输出stderr
+                child.stderr.on('data', (data) => {
+                    res.write(`ERROR: ${data.toString()}`);
+                });
+
+                // 子进程退出
+                child.on('close', (code) => {
+                    if (code === 0) {
+                        res.end(`SUCCESS: 命令 ${flag} 执行完成`);
+                    } else {
+                        res.end(`ERROR: 命令 ${flag} 执行失败，退出码：${code}`);
+                    }
+                });
+
+            } catch (err) {
+                res.writeHead(500, { 'Content-Type': 'text/plain' });
+                res.end(`ERROR: ${err.message}`);
+            }
+        });
+        return;
+    }
+
+    // 4. 提供静态文件
+    if (req.method === 'GET') {
+        // 根路径返回 config-editor.html
+        if (pathname === '/') {
+            const htmlPath = path.join(__dirname, 'config-editor.html');
+            fs.readFile(htmlPath, 'utf8', (err, data) => {
+                if (err) {
+                    res.writeHead(404);
+                    res.end('config-editor.html 不存在');
+                    return;
+                }
+                res.writeHead(200, { 'Content-Type': 'text/html' });
+                res.end(data);
+            });
+            return;
+        }
+
+        // 处理其他静态文件请求
+        const staticFilePath = path.join(__dirname, pathname);
+
+        // 检查文件是否存在
+        if (fs.existsSync(staticFilePath)) {
+            // 根据文件扩展名设置 Content-Type
+            const ext = path.extname(staticFilePath).toLowerCase();
+            let contentType = 'application/octet-stream';
+
+            if (ext === '.html') contentType = 'text/html';
+            else if (ext === '.css') contentType = 'text/css';
+            else if (ext === '.js') contentType = 'text/javascript';
+            else if (ext === '.json') contentType = 'application/json';
+            else if (ext === '.png') contentType = 'image/png';
+            else if (ext === '.jpg' || ext === '.jpeg') contentType = 'image/jpeg';
+            else if (ext === '.gif') contentType = 'image/gif';
+            else if (ext === '.svg') contentType = 'image/svg+xml';
+
+            // 读取并返回静态文件
+            fs.readFile(staticFilePath, (err, data) => {
+                if (err) {
+                    res.writeHead(500);
+                    res.end('读取文件失败');
+                    return;
+                }
+                res.writeHead(200, { 'Content-Type': contentType });
+                res.end(data);
+            });
+            return;
+        }
+    }
+
+    // 5. 404 处理
+    res.writeHead(404);
+    res.end('接口不存在');
+});
+
+// 启动服务
+server.on('error', (err) => {
+    if (err.code === 'EADDRINUSE') {
+        console.log(`\x1B[33m端口 ${PORT} 已被占用（配置服务已启动）\x1B[0m`);
+        return;
+    }
+    console.error('\x1B[31m服务启动失败：\x1B[0m', err.message);
+});
+process.on('SIGTERM', () => {
+    console.log('收到终止信号，开始清理资源...');
+    // 清理完成后主动退出
+    setTimeout(() => {
+        process.exit(0);
+    }, 1000);
+});
+
+server.listen(PORT, 'localhost', () => {
+    console.log(`\x1B[36m配置编辑器服务已启动：http://localhost:${PORT}\x1B[0m`);
+});
+
+module.exports = { server, PORT };

package/server.pid

@@ -0,0 +1 @@
+11500

package//345/256/211/350/243/205/344/273/245/345/217/212/350/257/264/346/230/216.txt

@@ -0,0 +1,3 @@
+前提 node环境、git环境
+
+打开文件夹，右键打开终端  执行npm link ，然后执行cn命令，有功能说明