tmui-cli 1.1.5 → 1.1.7

package/README.md

@@ -7,13 +7,31 @@
 ### tmui-cli使用介绍
 
 #### 全局安装
-
+必须nodejs 18+以上版本才能使用
 ```npm
+
+windows:
 npm -g install tmui-cli
+mac/liunx:
+sudo pm -g install tmui-cli
+
 安装成功后输入:tmui
 即可查看所有可用命令
 ```
 
+## 1.1.6及以上的使用方式
+
+```npm
+在命令行中输入:tmui
+会打开默认浏览器,出现可视化安装界面,可以选择导入和管理你的项目.
+
+```
+1.1.6及以上的界面如下:
+
+![TMUI 3.0](https://cdn.tmui.design/public/design/tmuicli_img.png)
+
+## 1.1.5及以下的使用方式
+
 #### 使用
 请在项目文件的根目录下执行命令
 输入 ```tmui```
@@ -83,9 +101,3 @@ npm -g install tmui-cli
 
 ----
 
-### 3.0.4新功能特性快速了解 
-
-![3.0.4](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f5b1722f-8766-40af-a22a-acc454202a37/86bce318-d3a0-4c88-8e9c-cd764fed81e1.gif)
-![3.0.4](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f5b1722f-8766-40af-a22a-acc454202a37/f33285fd-5f26-4092-95a2-2fe8f4aee2ed.gif)
-
-![tmui预览图](https://vkceyugu.cdn.bspapp.com/VKCEYUGU-f5b1722f-8766-40af-a22a-acc454202a37/0672c1be-2519-4e36-962b-072852193025.png)

package/bin/cmdTool.js

@@ -0,0 +1,223 @@
+import fs from "fs"
+import path from "path"
+import {
+	spawn,
+	exec
+} from "child_process"
+import process from "process"
+import codecs from "codecs"
+import psTree from "ps-tree"
+import iconv from "iconv-lite"
+
+
+function detectEncoding(str) {
+	const buffer = Buffer.from(str);
+	if (buffer[0] < 128) {
+		return 'ascii';
+	} else if (buffer[0] < 224) {
+		return 'utf8';
+	} else if (buffer[0] < 240) {
+		return 'utf16le';
+	} else {
+		return 'utf32le';
+	}
+}
+
+
+function send(ws, arg) {
+	ws.forEach(el => {
+		el.send(arg)
+	})
+}
+
+export function execCmd(cb, end, command) {
+	try {
+		// const npmPath = path.join(process.env.APPDATA, 'npm', 'npm.cmd');
+		const spawnObj = exec(command, {
+			encoding: 'binary'
+		})
+		// const spawnObj = spawn("npm.cmd",["run","dev:h5"],{detached:true})
+
+		spawnObj.stdout?.on('data', function(chunk) {
+			// Buffer.from(chunk,'binary').toString('utf-8')
+			// var str = iconv.decode(, 'cp936');
+			if (cb) {
+				let str = Buffer.from(chunk, 'binary').toString("utf8")
+
+				var codecsDecode = codecs(detectEncoding(chunk))
+				let strii = codecsDecode.decode(Buffer.from(chunk, 'binary')).toString('utf-8');
+				// 去除控制符
+				const cleanStr = strii.replace(
+					/[\u001B\u009B][[\]()#;?]*(?:(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[A-PR-Za-z~])/g, '');
+				cb(cleanStr, spawnObj.pid || 0)
+			}
+		});
+		spawnObj.addListener('error', (err) => {
+			if (end) {
+				cb(err)
+				end('error')
+			}
+		})
+		spawnObj.on('close', function(code) {
+			// console.log('close code : ' + code);
+			if (end) {
+				end('end')
+			}
+		})
+		spawnObj.on('exit', (code) => {
+			// console.log('exit code : ' + code);
+			if (end) {
+				end('end')
+			}
+		});
+
+		return spawnObj;
+	} catch (error) {
+		if (end) {
+			cb(error)
+			end('end')
+		}
+		return null;
+	}
+}
+// 杀死子进程及其所有子孙进程
+export function killChildAndGrandChildren(pid) {
+
+	if (process.platform === 'win32') {
+		// 在 Windows 系统上执行的代码
+		const command = `taskkill /T /F /PID ${pid}`;
+		exec(command, (err, stdout, stderr) => {
+			if (err) {
+				console.error(`服务进程退出失败！不要担心，当你关闭主进程时，未退出的子进程会一并关闭哦`);
+			}
+			// console.log(`stdout: ${stdout}`);
+			// console.error(`stderr: ${stderr}`);
+		});
+	} else {
+		// 在 Linux/Unix/Mac 系统上执行的代码
+		psTree(pid, (err, children) => {
+			// 使用 kill 命令杀死所有子孙进程
+			console.log(5555)
+			exec(`kill -TERM ${pid} ${children.map(c => c.PID).join(' ')}`);
+		});
+	}
+
+}
+
+export function devRunApp(ws, obj) {
+
+	const nowcd = process.cwd();
+	process.chdir(path.normalize(obj.data.path));
+
+	const childreProcess = execCmd(function(msg, pid) {
+		send(ws, JSON.stringify({
+			event: 'info',
+			data: msg
+		}))
+		const reg_1 = /http:\/\/localhost(:\d+)?(\/[^\s]*)?/g;
+		const reg_2 = /http:\/\/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}(:\d+)?(\/[^\s]*)?/g;
+
+
+		if (reg_1.test(msg)) {
+			send(ws, JSON.stringify({
+				event: '1',
+				data: {
+					id: obj.data.id,
+					msg: msg.match(reg_1)[0],
+					pid: pid
+				}
+			}))
+		}
+		if (reg_2.test(msg)) {
+			send(ws, JSON.stringify({
+				event: '1',
+				data: {
+					id: obj.data.id,
+					msg: msg.match(reg_2)[0],
+					pid: pid
+				}
+			}))
+		}
+		if (msg.indexOf('ready') > -1) {
+			send(ws, JSON.stringify({
+				event: 'ready',
+				data: {
+					id: obj.data.id,
+					pid: pid
+				},
+			}))
+		}
+	}, function(type) {
+
+
+		if (type == 'end') {
+			send(ws, JSON.stringify({
+				event: 'end',
+				data: {
+					id: obj.data.id
+				},
+			}))
+		} else {
+			send(ws, JSON.stringify({
+				event: 'error',
+				data: {
+					id: obj.data.id
+				},
+			}))
+
+		}
+
+	}, obj.command)
+
+	return childreProcess;
+}
+
+export function buildApp(ws, obj, end) {
+
+	const nowcd = process.cwd();
+	process.chdir(path.normalize(obj.data.path));
+
+	const childreProcess = execCmd(function(msg, pid) {
+		send(ws, JSON.stringify({
+			event: 'info',
+			data: msg
+		}))
+		if (msg.indexOf('DONE') > -1) {
+			send(ws, JSON.stringify({
+				event: 'buildSucess',
+				data: {
+					id: obj.data.id,
+					pid: pid
+				},
+			}))
+		}
+	}, function(type) {
+
+
+		if (type == 'end') {
+			send(ws, JSON.stringify({
+				event: 'end',
+				data: {
+					id: obj.data.id
+				},
+			}))
+
+			console.log('编译完成')
+		} else {
+			send(ws, JSON.stringify({
+				event: 'error',
+				data: {
+					id: obj.data.id
+				},
+			}))
+		}
+		if (end) {
+			end()
+		}
+
+	}, obj.command)
+
+	return childreProcess;
+}
+
+

package/bin/createTmui.js

@@ -0,0 +1,375 @@
+import path from "path";
+import fs from "fs"
+import compressing from "compressing"
+import { execCmd } from "./cmdTool.js";
+
+
+const uniappDevListVer = [
+    "@dcloudio/uni-app",
+    "@dcloudio/uni-app-plus",
+    "@dcloudio/uni-components",
+    "@dcloudio/uni-h5",
+    "@dcloudio/uni-mp-alipay",
+    "@dcloudio/uni-mp-baidu",
+    "@dcloudio/uni-mp-kuaishou",
+    "@dcloudio/uni-mp-lark",
+    "@dcloudio/uni-mp-qq",
+    "@dcloudio/uni-mp-toutiao",
+    "@dcloudio/uni-mp-weixin",
+    "@dcloudio/uni-quickapp-webview",
+    "@dcloudio/uni-automator",
+    "@dcloudio/uni-cli-shared",
+    "@dcloudio/vite-plugin-uni"
+]
+
+//递归删除目录文件.
+function delFile(fileUrl, flag) {
+    if (!fs.existsSync(fileUrl)) return;
+    // 当前文件为文件夹时
+    if (fs.statSync(fileUrl).isDirectory()) {
+        var files = fs.readdirSync(fileUrl);
+        var len = files.length,
+            removeNumber = 0;
+        if (len > 0) {
+            files.forEach(function (file) {
+                removeNumber++;
+                var stats = fs.statSync(fileUrl + '/' + file);
+                var url = fileUrl + '/' + file;
+                if (fs.statSync(url).isDirectory()) {
+                    delFile(url, true);
+                } else {
+                    fs.unlinkSync(url);
+                }
+            });
+            if (len == removeNumber && flag) {
+                fs.rmdirSync(fileUrl);
+            }
+        } else if (len == 0 && flag) {
+            fs.rmdirSync(fileUrl);
+        }
+    } else {
+        // 当前文件为文件时
+        fs.unlinkSync(fileUrl);
+        console.log('删除文件' + fileUrl + '成功');
+    }
+}
+//读取项目的配置资料.
+function readPackageJson(filepath) {
+    let str = fs.readFileSync(filepath).toString('utf-8');
+    let reg = /("([^\\\"]*(\\.)?)*")|('([^\\\']*(\\.)?)*')|(\/{2,}.*?(\r|\n|$))|(\/\*(\n|.)*?\*\/)/g;
+    str = str.replace(reg, function (word) {
+        // 去除注释后的文本 
+        return /^\/{2,}/.test(word) || /^\/\*/.test(word) ? "" : word;
+    });
+    const d = JSON.parse(str);
+    return d;
+}
+
+function writePackageJson(filepath, str) {
+    fs.writeFileSync(filepath, str, { encoding: 'utf-8' })
+}
+
+
+
+/**
+ * 更新项目.
+ * @param {{path,type,uvue,tmui,uniappver}} arg 
+ * @param {(str)=>{}} call 
+ * @param {()=>{}} end 
+ */
+export async function UpdateTmui(arg, call, end) {
+    let rootdir = path.normalize(arg.path)
+    call('检测目录...')
+    if (!fs.existsSync(rootdir)) {
+        call('项目目录有误...')
+        end()
+        return;
+    }
+
+    process.chdir(arg.path);
+
+    let tmui32_hbx_dir = ''
+    let is32 = parseFloat(arg.tmui.replace('.', '')) >= 32 ? true : false;
+
+    if (arg.type == 'hbx') {
+        if (is32) {
+            let tmuidir = path.join(rootdir, 'uni_modules')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmuidir = path.join(tmuidir, 'tm-ui')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmui32_hbx_dir = tmuidir
+        } else {
+            let tmuidir = path.join(rootdir, 'tmui')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmui32_hbx_dir = tmuidir
+        }
+    } else if (arg.type == 'cli') {
+        if (is32) {
+            let tmuidir = path.join(rootdir, 'src', 'uni_modules')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmuidir = path.join(tmuidir, 'tm-ui')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmui32_hbx_dir = tmuidir
+        } else {
+            let tmuidir = path.join(rootdir, 'src', 'tmui')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmui32_hbx_dir = tmuidir
+        }
+    }
+
+    call('已创建/检测/清除...tmui目录...')
+    if (!fs.existsSync(tmui32_hbx_dir)) {
+        call('无法检测和创建目录,请检查权限...')
+        end()
+        return
+    }
+    //删除tmui目录.
+    delFile(tmui32_hbx_dir, true)
+    //再重新创建,确保目录被清空.
+    fs.mkdirSync(tmui32_hbx_dir)
+    call('下载tmui中,版本号为:' + arg.tmui)
+
+    // 下载tmui文件.
+    let donloadTmui = `https://cdn.tmui.design/public/static/tmui${arg.tmui}.zip`
+    let tmuizipdatabufrre = await fetch(donloadTmui);
+    let buffer = await tmuizipdatabufrre.arrayBuffer();
+    let tmuizipdir = path.join(rootdir, 'tmui.zip')
+    if (fs.existsSync(tmuizipdir)) {
+        fs.rmSync(tmuizipdir)
+    }
+    fs.writeFileSync(tmuizipdir, Buffer.from(buffer))
+    call(`tmui${arg.tmui}下载完成,正在解压处理中...`)
+
+    // 解压
+    let resutl = await compressing.zip.uncompress(tmuizipdir, tmui32_hbx_dir)
+
+    call(`tmui${arg.tmui}安装成功`)
+    call(`正在清理缓存文件...`)
+    if (fs.existsSync(tmuizipdir)) {
+        fs.rmSync(tmuizipdir)
+    }
+    call(`恭喜安装tmui成功!!!`)
+    // 
+
+    if (arg.uniappver && arg.type == 'cli') {
+        call(`正在检查cli sdk 版本...`)
+        let packjsonDir = path.join(rootdir, 'package.json')
+        let initjson = readPackageJson(packjsonDir)
+        if (initjson['dependencies']['@dcloudio/uni-app'] != arg.uniappver) {
+            call(`检测到cli版本与你选中的不一样,正在设置你选中的版本号`)
+            uniappDevListVer.forEach(el => {
+                if (initjson['dependencies'][el]) {
+                    initjson['dependencies'][el] = arg.uniappver
+                }
+                if (initjson['devDependencies'][el]) {
+                    initjson['devDependencies'][el] = arg.uniappver
+                }
+            })
+            call(`更新版本号完成,正在重新安装依赖,这个过程可能比较缓慢,如果失败,请手动在项目目录执行npm install或者重试`)
+
+            writePackageJson(packjsonDir, JSON.stringify(initjson, null, 4))
+
+            execCmd((datastr) => {
+                call(datastr)
+            }, () => {
+                end()
+            }, 'npm install --save --registry=https://registry.npmmirror.com/')
+
+            return;
+        } else {
+            call(`检测到cli版本与你选中的一样,跳过更新`)
+        }
+    }
+
+    end()
+
+}
+
+//创建一个全新的项目.
+/**
+ * 
+ * @param {{name,rootDir,type,ver,uniappver,uniappBuildType,machine}} arg 
+ * @param {(str)=>{}} call 
+ * @param {(str?:string)=>{}} end 
+ */
+export async function createTmui(arg, call, end) {
+    let rootdir = path.normalize(arg.rootDir)
+    call('检测目录...')
+    if (!fs.existsSync(rootdir)) {
+        call('目录有误...')
+        end()
+        return;
+    }
+    rootdir = path.join(rootdir, arg.name);
+    if (!fs.existsSync(rootdir)) {
+        fs.mkdirSync(rootdir)
+    }
+
+    if (arg.type == 'uniappx') {
+        call('暂不支持uniappx更新sdk及下载更新tmui库,请联系作者授权,当前仅是创建一个空项目.')
+        call('开始创建项目中...')
+        // 创建4x的空项目.
+        let donloadTmui = `https://cdn.tmui.design/tmui4.0/tmui4.0xhbxModel.zip`
+        let tmuizipdatabufrre = await fetch(donloadTmui);
+        let buffer = await tmuizipdatabufrre.arrayBuffer();
+        let tmuizipdir = path.join(rootdir, 'tmui.zip')
+        if (fs.existsSync(tmuizipdir)) {
+            fs.rmSync(tmuizipdir)
+        }
+        fs.writeFileSync(tmuizipdir, Buffer.from(buffer))
+        call(`正在解压处理中...`)
+        // 解压
+        let resutl = await compressing.zip.uncompress(tmuizipdir, rootdir)
+
+        call(`创建uniAppx tmui4.0x 项目成功`)
+        call(`正在清理缓存文件...`)
+        if (fs.existsSync(tmuizipdir)) {
+            fs.rmSync(tmuizipdir)
+        }
+        call(`恭喜成功!!!`)
+        end(rootdir)
+        return;
+    }
+
+    process.chdir(rootdir)
+   
+
+    let is32 = parseFloat(arg.ver.replace('.', '')) >= 32 ? true : false;
+    let hbxDonwload = `https://cdn.tmui.design/public/static/${is32 ? 'tmuiHBX32' : 'tmuiHBX'}.zip`
+    let cliDonwload = `https://cdn.tmui.design/public/static/${is32 ? 'cli32' : 'cli'}.zip`
+    let creatRootdirZipMod = arg.type == 'uniapp' && arg.uniappBuildType == 'cli' ? cliDonwload : hbxDonwload
+
+    // 下载模板.
+    let tmuiModZipdatabufrre = await fetch(creatRootdirZipMod);
+    let tmuimodeBuffer = await tmuiModZipdatabufrre.arrayBuffer();
+    let tmuimodDir = path.join(rootdir, 'tmuimode.zip')
+    if (fs.existsSync(tmuimodDir)) {
+        fs.rmSync(tmuimodDir)
+    }
+    fs.writeFileSync(tmuimodDir, Buffer.from(tmuimodeBuffer))
+    call(`正在创建项目模板`)
+    // 解压
+    let resutl = await compressing.zip.uncompress(tmuimodDir, rootdir)
+    call(`tmui模板创建成功,正在下载tmuiUi库`)
+    if (fs.existsSync(tmuimodDir)) {
+        fs.rmSync(tmuimodDir)
+    }
+
+
+
+    let tmui32_hbx_dir = ""
+    if (arg.uniappBuildType == 'hbx') {
+        if (is32) {
+            let tmuidir = path.join(rootdir, 'uni_modules')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmuidir = path.join(tmuidir, 'tm-ui')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmui32_hbx_dir = tmuidir
+        } else {
+            let tmuidir = path.join(rootdir, 'tmui')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmui32_hbx_dir = tmuidir
+        }
+    } else if (arg.uniappBuildType == 'cli') {
+        if (is32) {
+            let tmuidir = path.join(rootdir, 'src', 'uni_modules')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmuidir = path.join(tmuidir, 'tm-ui')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmui32_hbx_dir = tmuidir
+        } else {
+            let tmuidir = path.join(rootdir, 'src', 'tmui')
+            if (!fs.existsSync(tmuidir)) {
+                fs.mkdirSync(tmuidir)
+            }
+            tmui32_hbx_dir = tmuidir
+        }
+    }
+
+
+
+
+    call('下载tmui中,版本号为:' + arg.ver)
+
+    // 下载tmui文件.
+    let donloadTmui = `https://cdn.tmui.design/public/static/tmui${arg.ver}.zip`
+    let tmuizipdatabufrre = await fetch(donloadTmui);
+    let buffer = await tmuizipdatabufrre.arrayBuffer();
+    let tmuizipdir = path.join(rootdir, 'tmui.zip')
+    if (fs.existsSync(tmuizipdir)) {
+        fs.rmSync(tmuizipdir)
+    }
+    fs.writeFileSync(tmuizipdir, Buffer.from(buffer))
+    call(`tmui${arg.ver}下载完成,正在解压处理中...`)
+
+    // 解压
+    let resutl2 = await compressing.zip.uncompress(tmuizipdir, tmui32_hbx_dir)
+
+    call(`tmui${arg.ver}安装成功`)
+    call(`正在清理缓存文件...`)
+    if (fs.existsSync(tmuizipdir)) {
+        fs.rmSync(tmuizipdir)
+    }
+    call(`恭喜安装tmui成功!!!`)
+    // 
+
+    if (arg.uniappver && arg.uniappBuildType == 'cli') {
+        call(`正在检查cli sdk 版本...`)
+        let packjsonDir = path.join(rootdir, 'package.json')
+        let initjson = readPackageJson(packjsonDir)
+        
+        
+        uniappDevListVer.forEach(el => {
+            if (initjson['dependencies'][el]) {
+                initjson['dependencies'][el] = arg.uniappver
+            }
+            if (initjson['devDependencies'][el]) {
+                initjson['devDependencies'][el] = arg.uniappver
+            }
+        })
+        call(`更新版本号完成,正在重新安装依赖,这个过程可能比较缓慢,如果失败,请手动在项目目录执行npm install或者重试`)
+
+        // 检查是不是mac m1芯片系列
+        if (arg.machine == 'arm') {
+            initjson['dependencies']["@esbuild/darwin-x64"] = "^0.21.5"
+            initjson['dependencies']["@rollup/rollup-darwin-x64"] = "^4.24.0"
+        }
+      
+        writePackageJson(packjsonDir, JSON.stringify(initjson, null, 4))
+
+        execCmd((datastr) => {
+            call(datastr)
+        }, () => {
+            end(rootdir)
+        }, 'npm install --save --registry=https://registry.npmmirror.com/')
+
+        return;
+        
+    }
+
+
+    end(rootdir)
+
+}