oipage 1.1.0-alpha.0 → 1.1.0-alpha.2

package/CHANGELOG

@@ -2,15 +2,15 @@ v1.0.0:
     date:2025-02-13
     changes:
       - 原v0.x的功能将独立一个分支继续维护：https://github.com/oi-contrib/OIPage/blob/v0.x/CHANGELOG
-        (v0.x保持对零碎方法这种形式的支持和维护，此版本开始将作为一个框架或一个系统的工具箱以提供更高效的使用方式，这是一次彻底的非兼容改造)
+        （v0.x保持对零碎方法这种形式的支持和维护，此版本开始将作为一个框架或一个系统的工具箱以提供更高效的使用方式，这是一次彻底的非兼容改造）
       - 初始化版本（v1.x）
-        1、API功能(浏览器)
+        1、API功能（浏览器）
           * animation 动画
           * getStyle 获取节点样式
           * setStyle 设置节点样式
           * onReady 加载完毕执行
           * throttle 节流函数
-        2、API功能(Node.js)
+        2、API功能（Node.js）
           * animation 动画
           * deeplog 进度打印
           * linglog 单行打印
@@ -20,10 +20,16 @@ v1.0.0:
 v1.1.0:
     date:
     changes:
+      - 修复bug
+        1、通过路径类型判断以修复开发服务器无法设置绝对路径问题
       - 优化改造
         1、使用流读取以使开发服务器支持大文件下载
+          （同时添加下载进度可查）
       - 新增功能
-        1、API功能(Node.js)
+        1、API功能（Node.js）
           * disk 磁盘相关操作
-            （包括：deleteDisk、copyDisk、moveDisk）
+            （包括：deleteDisk、copyDisk）
           * logform 表单输入
+        2、命令（oipage-cli）
+          * dist 磁盘操作
+          * run 运行多命令

package/README.md

@@ -9,11 +9,14 @@
     <a href="https://www.npmjs.com/package/oipage">
         <img src="https://img.shields.io/npm/v/oipage.svg" alt="npm">
     </a>
-     <a href="https://github.com/oi-contrib/OIPage/issues">
+    <a href="https://github.com/oi-contrib/OIPage/issues">
         <img src="https://img.shields.io/github/issues/oi-contrib/OIPage" alt="issue">
     </a>
     <a href="https://github.com/oi-contrib/OIPage" target='_blank'>
         <img alt="GitHub repo stars" src="https://img.shields.io/github/stars/oi-contrib/OIPage?style=social">
+    </a>
+    <a href="https://github.com/oi-contrib/OIPage">
+        <img src="https://img.shields.io/github/forks/oi-contrib/OIPage" alt="forks">
     </a>
      <a href="https://gitee.com/oi-contrib/OIPage" target='_blank'>
         <img alt="Gitee repo stars" src="https://gitee.com/oi-contrib/OIPage/badge/star.svg">
@@ -51,13 +54,13 @@ oipage-cli
 比如会出现下列内容：
 
 ```
-OIPage@v1.0.0
+OIPage@v1.1.0
 
 可以使用的命令如下：
 
 【1】oipage-cli serve 开发服务器
     --port|-p 端口号
-    --baseUrl 服务器根目录（相对命令行）
+    --baseUrl 服务器根目录
 ......
 ```
 

package/bin/disk.js

@@ -0,0 +1,32 @@
+const { deleteDisk, copyDisk } = require("../nodejs/disk");
+
+module.exports = function (config) {
+    let isForce = false;
+
+    // 判断是否开启强制执行
+    for (let i = 0; i < config.value.length; i++) {
+        if (config.value[i].name === "--force") isForce = true;
+    }
+
+    // 执行一个个任务
+    for (let i = 0; i < config.value.length; i++) {
+
+        // 删除文件或文件夹
+        if (config.value[i].name === "--delete") {
+            for (let j = 0; j < config.value[i].value.length; j++) {
+                deleteDisk(config.value[i].value[j]);
+            }
+        }
+
+        // 移动文件或文件夹
+        else if (config.value[i].name === "--move") {
+            copyDisk(config.value[i].value[0], config.value[i].value[1], isForce);
+            deleteDisk(config.value[i].value[0]);
+        }
+
+        // 复制文件或文件夹
+        else if (config.value[i].name === "--copy") {
+            copyDisk(config.value[i].value[0], config.value[i].value[1], isForce);
+        }
+    }
+};

package/bin/format.js

@@ -1,5 +1,8 @@
-
-// 把字节转换成更可读的内容
+/**
+ * 把字节转换成更可读的内容
+ * @param {*} value 
+ * @returns 
+ */
 exports.formatByte = function (value) {
     if (value < 1024) return value + "Byte";
 
@@ -13,7 +16,11 @@ exports.formatByte = function (value) {
     return gb.toFixed(1) + "GB";
 };
 
-// 把时间变成更可读的格式
+/**
+ * 把时间变成更可读的格式
+ * @param {*} value 
+ * @returns 
+ */
 exports.formatTime = function (value) {
     let year = value.getFullYear();
     let month = value.getMonth() + 1;
@@ -30,22 +37,40 @@ exports.formatTime = function (value) {
     }
 };
 
-exports.formatArgv = function (argvs, shorts) {
-    let result = {};
+/**
+ * 命令行参数解析
+ * @param {*} argvs 
+ * @param {*} shorts 
+ * @param {*} isArray 是否按序号记录
+ * @returns 
+ */
+exports.formatArgv = function (argvs, shorts, isArray) {
+    let result = {}, keyName = "args", value = [];
+    if (isArray) result["value"] = [];
+
+    let pushValue = function () {
+        if (isArray && keyName !== "args") {
+            result["value"].push({
+                name: keyName,
+                value
+            });
+        } else {
+            result[keyName] = value;
+        }
+    };
 
-    let keyName = "args", value = [];
     for (let index = 3; index < argvs.length; index++) {
         let argv = argvs[index];
 
         if (/^\-/.test(argv)) {
-            result[keyName] = value;
+            pushValue();
             keyName = shorts[argv] || argv;
             value = [];
         } else {
             value.push(argv);
         }
     }
-    result[keyName] = value;
+    pushValue();
 
     return result;
 };

package/bin/help.js

@@ -8,7 +8,15 @@ OIPage@v${packageValue.version}
 
 【1】oipage-cli serve 开发服务器
     --port|-p 端口号
-    --baseUrl 服务器根目录（相对命令行）
+    --baseUrl 服务器根目录
+
+【2】oipage-cli disk 磁盘操作
+    --force|-f 强制执行
+    --delete|-d 删除文件或文件夹
+    --move|m 移动文件或文件夹
+    --copy|-c 复制文件或文件夹
+
+【3】oipage-cli run "任务一" "任务二" ... 运行多命令
 
 Powered by https://github.com/zxl20070701
 \x1b[0m`);

package/bin/run

@@ -4,24 +4,67 @@
 
 process.title = 'OIPage';
 
+const { exec } = require('child_process');
 const { formatArgv } = require("./format");
-const doServe = require("./serve");
-const doHelp = require("./help");
 
 // 开发服务器
-if (process.argv[2] == "serve") {
+if (process.argv[2] === "serve") {
 
     let argvObj = formatArgv(process.argv, {
         "-p": "--port"
     });
 
-    doServe({
+    require("./serve")({
         port: (argvObj["--port"] || [])[0] || 8080,
         baseUrl: (argvObj["--baseUrl"] || [])[0] || "./",
     });
 }
 
+// 磁盘操作
+else if (process.argv[2] === "disk") {
+
+    let argvObj = formatArgv(process.argv, {
+        "-f": "--force",
+        "-d": "--delete",
+        "-m": "--move",
+        "-c": "--copy"
+    }, true);
+
+    require("./disk")(argvObj);
+}
+
+// 运行多命令
+else if (process.argv[2] === "run") {
+
+    let argvObj = formatArgv(process.argv, {});
+
+    for (let index = 0; index < argvObj.args.length; index++) {
+        const child = exec(argvObj.args[index]);
+
+        // 监听子线程的stdout
+        child.stdout.on('data', (data) => {
+            console.log(`[${index + 1}] log:${data}`);
+        });
+
+        // 监听子线程的stderr
+        child.stderr.on('data', (data) => {
+            console.error(`[${index + 1}] error:${data}`);
+        });
+
+        // 子线程结束处理
+        child.on('close', (code) => {
+            console.log(`[${index + 1}] 子线程结束，退出码 ${code}`);
+        });
+
+        // 子线程出错处理
+        child.on('error', (error) => {
+            console.error(`[${index + 1}] 子线程错误: ${error.message}`);
+        });
+    }
+
+}
+
 // 默认，帮助
 else {
-    doHelp();
+    require("./help")();
 }

package/bin/serve.js

@@ -1,5 +1,5 @@
 const { join } = require("path");
-const { existsSync, lstatSync, readFileSync, createReadStream } = require("fs");
+const { existsSync, lstatSync, readFileSync, statSync, createReadStream } = require("fs");
 const { createServer } = require('http');
 const packageValue = require("../package.json");
 const network = require("./network");
@@ -26,21 +26,31 @@ module.exports = function (config) {
 
             let dotName = /\./.test(filePath) ? filePath.match(/\.([^.]+)$/)[1] : "";
             let fileType = mineTypes[dotName]; // 文件类型
+            let fileInfo = statSync(filePath);
 
             response.writeHead('200', {
                 'Content-type': (fileType || "text/plain") + ";charset=utf-8",
                 'Access-Control-Allow-Origin': '*',
+                'Content-Length': fileInfo.size,
                 'Server': 'Powered by OIPage-dev-server@' + packageValue.version
             });
 
-            // 方式一
-            // response.write(readFileSync(filePath));
-            // response.end();
+            let sendType = "";
 
-            // 方式二
-            createReadStream(filePath).pipe(response);
+            // 如果文件小于10M，认为不大，直接读取
+            if (fileInfo.size < 10 * 1024 * 1024) {
+                sendType = "Read";
+                response.write(readFileSync(filePath));
+                response.end();
+            }
 
-            console.log("<i> \x1b[1m\x1b[32m[OIPage-dev-server] Read File: " + url + '\x1b[0m ' + new Date().toLocaleString());
+            // 对于大文件，使用流读取
+            else {
+                sendType = "Stream";
+                createReadStream(filePath).pipe(response);
+            }
+
+            console.log("<i> \x1b[1m\x1b[32m[OIPage-dev-server] " + sendType + " File: " + url + '\x1b[0m ' + new Date().toLocaleString());
         }
 
         // 否则就是404

package/nodejs/animation/index.js

@@ -1,5 +1,5 @@
 /*!
-* animation of OIPage v1.1.0-alpha.0
+* animation of OIPage v1.1.0-alpha.2
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/cmdlog/index.js

@@ -1,5 +1,5 @@
 /*!
-* cmdlog of OIPage v1.1.0-alpha.0
+* cmdlog of OIPage v1.1.0-alpha.2
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/nodejs/disk/index.d.ts

@@ -11,16 +11,7 @@ export let deleteDisk: deleteDiskType
  * 复制文件或文件夹
  */
 export interface copyDiskType {
-    (sourcePath: string, targetPath: string): void
+    (sourcePath: string, targetPath: string, isForce?: boolean): void
 }
 
-export let copyDisk: copyDiskType
-
-/**
- * 移动文件或文件夹
- */
-export interface moveDiskType {
-    (sourcePath: string, targetPath: string): void
-}
-
-export let moveDisk: moveDiskType
+export let copyDisk: copyDiskType

package/nodejs/disk/index.js

@@ -1,9 +1,85 @@
 /*!
-* disk of OIPage v1.1.0-alpha.0
+* disk of OIPage v1.1.0-alpha.2
 * git+https://github.com/oi-contrib/OIPage.git
 */
 
-
+const { join } = require("path");
+const { existsSync, readdirSync, lstatSync, unlinkSync, rmdirSync, mkdirSync, copyFileSync } = require("fs");
+
+/**
+ * 删除文件或文件夹
+ * @param {string} diskPath 
+ */
+function deleteDisk(diskPath) {
+    // 如果文件夹不存在，直接返回即可
+    if (!existsSync(diskPath)) return;
+
+    // 如果是文件，直接删除即可
+    if (!lstatSync(diskPath).isDirectory()) {
+        unlinkSync(diskPath);
+    } else {
+
+        // 读取子文件
+        const subFiles = readdirSync(diskPath);
+
+        subFiles.forEach(function (item) {
+
+            // 调用这个方法，删除子文件或文件夹
+            const curPath = join(diskPath, "./" + item);
+            deleteDisk(curPath);
+
+        });
+
+        // 等子文件或文件夹删除完毕以后，删除本文件夹
+        rmdirSync(diskPath);
+    }
+}
+
+/**
+ * 复制文件或文件夹
+ * @param {string} sourcePath 
+ * @param {string} targetPath 
+ * @param {boolean} isForce 可选，是否强制执行 
+ */
+function copyDisk(sourcePath, targetPath, isForce) {
+
+    // 如果源文件不存在
+    if (!existsSync(sourcePath)) {
+        console.log("\x1b[0m\x1b[31m" + sourcePath + "\x1b[0m");
+        throw new Error("OIPage: The source path does not exist");
+    }
+
+    // 如果模板文件已经存在
+    if (existsSync(targetPath)) {
+        if (isForce) {
+            deleteDisk(targetPath);
+        } else {
+            console.log("\x1b[0m\x1b[31m" + targetPath + "\x1b[0m");
+            throw new Error("OIPage: The target path already exists.");
+        }
+    }
+
+    (function copyDiskFun(sourcePath, targetPath) {
+        // 如果是文件，直接复制即可
+        if (!lstatSync(sourcePath).isDirectory()) {
+            copyFileSync(sourcePath, targetPath);
+        } else {
+
+            // 读取子文件
+            const subFiles = readdirSync(sourcePath);
+
+            // 如果文件夹不存在，创建
+            if (!existsSync(targetPath)) {
+                mkdirSync(targetPath, { recursive: true });
+            }
+
+            // 复制子文件或文件夹
+            subFiles.forEach(function (item) {
+                copyDiskFun(join(sourcePath, "./" + item), join(targetPath, "./" + item));
+            });
+
+        }
+    })(sourcePath, targetPath);
+}
 exports.deleteDisk = deleteDisk;
 exports.copyDisk = copyDisk;
-exports.moveDisk = moveDisk;

package/nodejs/logform/index.js

@@ -1,5 +1,5 @@
 /*!
-* logform of OIPage v1.1.0-alpha.0
+* logform of OIPage v1.1.0-alpha.2
 * git+https://github.com/oi-contrib/OIPage.git
 */
 const {linelog} = require("../cmdlog/index.js");

package/nodejs/throttle/index.js

@@ -1,5 +1,5 @@
 /*!
-* throttle of OIPage v1.1.0-alpha.0
+* throttle of OIPage v1.1.0-alpha.2
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oipage",
-  "version": "1.1.0-alpha.0",
+  "version": "1.1.0-alpha.2",
   "description": "前端网页或应用快速开发助手，包括开发服务器、辅助命令、实用API等",
   "sideEffects": false,
   "scripts": {
@@ -27,7 +27,7 @@
   ],
   "author": {
     "name": "zxl20070701",
-    "url": "https://github.com/zxl20070701"
+    "url": "https://zxl20070701.github.io/notebook/home.html"
   },
   "license": "MIT",
   "bugs": {

package/web/animation/index.js

@@ -1,5 +1,5 @@
 /*!
-* animation of OIPage v1.1.0-alpha.0
+* animation of OIPage v1.1.0-alpha.2
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/onReady/index.js

@@ -1,5 +1,5 @@
 /*!
-* onReady of OIPage v1.1.0-alpha.0
+* onReady of OIPage v1.1.0-alpha.2
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/style/index.js

@@ -1,5 +1,5 @@
 /*!
-* style of OIPage v1.1.0-alpha.0
+* style of OIPage v1.1.0-alpha.2
 * git+https://github.com/oi-contrib/OIPage.git
 */
 

package/web/throttle/index.js

@@ -1,5 +1,5 @@
 /*!
-* throttle of OIPage v1.1.0-alpha.0
+* throttle of OIPage v1.1.0-alpha.2
 * git+https://github.com/oi-contrib/OIPage.git
 */