pixuireactcomponents 1.3.0 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pixuireactcomponents",
-    "version": "1.3.0",
+    "version": "1.3.2",
     "description": "pixui react components",
     "main": "index.js",
     "scripts": {

package/tools/MakeImage.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/tools/MakeImage.js

@@ -0,0 +1,184 @@
+#!/usr/bin/env node
+"use strict";
+// 自动生成图集, 生成一个Images.ts文件，引用目标目录下的所有图片, 方便直接使用
+/*
+    commands:
+        create imgDirectoryPath
+        update imgDirectoryPath
+*/
+var fs = require('fs');
+var path = require('path');
+// 支持的命令
+var Commands = {
+    create: 'create',
+    update: 'update', //更新图集
+};
+var args = process.argv;
+console.log('makeImage args:', args);
+if (args.length != 4) {
+    console.error('the num of params is wrong!');
+    process.exit();
+}
+var command = args[2];
+var imgsDirectoryPath = args[3];
+var _unifiedPath = preProcessPath(imgsDirectoryPath);
+switch (command) {
+    case Commands.create:
+        createImages(_unifiedPath);
+        break;
+    case Commands.update:
+        updateImages(_unifiedPath);
+        break;
+    default:
+        console.log('unsupport this command!!!');
+}
+function preProcessPath(directoryPath) {
+    var _path = directoryPath;
+    if (isStartWithLetter(_path)) {
+        _path = './' + _path;
+    }
+    else if (_path.startsWith('../')) {
+        _path = './' + _path;
+    }
+    if (_path.endsWith('/'))
+        _path = _path.substring(0, _path.length - 1);
+    return _path;
+}
+function isStartWithLetter(path) {
+    if (path.length == 0)
+        return false;
+    var firstChar = path.charAt(0);
+    if ((firstChar >= 'a' && firstChar <= 'z') || (firstChar >= 'A' && firstChar <= 'Z'))
+        return true;
+    return false;
+}
+function createImages(directoryPath) {
+    if (!isDirectoryExist(directoryPath)) {
+        console.error('images directory is wrong!');
+        return;
+    }
+    var imgUrls = [];
+    collectImageUrls(directoryPath, imgUrls);
+    console.log(imgUrls);
+    generateImage(directoryPath, imgUrls);
+}
+function isDirectoryExist(directory) {
+    var stat;
+    try {
+        stat = fs.lstatSync(directory);
+    }
+    catch (e) {
+        return false;
+    }
+    return stat.isDirectory();
+}
+function collectImageUrls(directoryPath, imgUrls) {
+    var files = fs.readdirSync(directoryPath);
+    for (var i = 0; i < files.length; i++) {
+        var current = path.join(directoryPath, files[i]).replaceAll('\\', '/');
+        if (isDirectoryExist(current)) { // if it's a directory ,recursive
+            collectImageUrls(current, imgUrls);
+        }
+        else {
+            if (!isAnImg(current))
+                continue;
+            if (isStartWithLetter(current) || current.startsWith('../'))
+                current = './' + current;
+            imgUrls.push(current);
+        }
+    }
+}
+function isAnImg(imgUrl) {
+    if (imgUrl.endsWith('.png') || imgUrl.endsWith('.jpg') || imgUrl.endsWith('.jpeg') || imgUrl.endsWith('.gif'))
+        return true;
+    return false;
+}
+function generateImage(directoryPath, imgUrls, keyMap) {
+    var out = 'Images.ts';
+    fs.writeFileSync(out, '');
+    // write import
+    for (var i = 0; i < imgUrls.length; i++) {
+        var current = imgUrls[i];
+        var imgKey = generateImgKey(directoryPath, current);
+        if (current.startsWith('../'))
+            current = './' + current;
+        // console.warn(directoryPath, current, imgKey)
+        fs.writeFileSync(out, "import ".concat(imgKey, " from \"").concat(current, "\";\n"), { flag: 'a+' });
+    }
+    fs.writeFileSync(out, '\n\n', { flag: 'a+' });
+    //write export
+    fs.writeFileSync(out, '\nexport const Images = {\n', { flag: 'a+' });
+    for (var i = 0; i < imgUrls.length; i++) {
+        var current = imgUrls[i];
+        var imgKey = generateImgKey(directoryPath, current);
+        var imgNewname = keyMap == null || keyMap.get(imgKey) == undefined ? imgKey : keyMap.get(imgKey);
+        fs.writeFileSync(out, "  ".concat(imgNewname, ": ").concat(imgKey, ",\n"), { flag: 'a+' });
+    }
+    fs.writeFileSync(out, '}\n\n', { flag: 'a+' });
+    console.log(keyMap == null ? 'generate' : 'update', ' Images.ts successfully!');
+}
+function generateImgKey(directoryPath, imgUrl) {
+    var key = imgUrl.substring(directoryPath.length);
+    key = key.replace(/\//g, '_');
+    if (key.startsWith('_'))
+        key = key.substring(1);
+    var extname = path.extname(key);
+    key = key.substring(0, key.length - extname.length);
+    return key;
+}
+function updateImages(directoryPath) {
+    if (!isDirectoryExist(directoryPath)) {
+        console.error('images directory is wrong!');
+        return;
+    }
+    var imagePath = 'Images.ts';
+    if (!isFileExist(imagePath)) {
+        console.error("there is no Images.ts in current path, can't match update commmand!");
+        return;
+    }
+    var keyMaps = readOldImagesInfo(imagePath);
+    var imgUrls = [];
+    collectImageUrls(directoryPath, imgUrls);
+    console.log(imgUrls);
+    generateImage(directoryPath, imgUrls, keyMaps);
+}
+function isFileExist(path) {
+    var stat;
+    try {
+        stat = fs.lstatSync(path);
+    }
+    catch (e) {
+        return false;
+    }
+    return stat.isFile();
+}
+function readOldImagesInfo(imagePath) {
+    var imageContent = fs.readFileSync(imagePath, { encoding: 'utf8' });
+    var lines = imageContent.split('\n');
+    var importNames = [];
+    for (var i = 0; i < lines.length; i++) {
+        var currentLine = lines[i];
+        if (currentLine.startsWith('import')) {
+            var result = currentLine.match(/import (\w+) from/);
+            var importName = result[1];
+            importNames.push(importName);
+        }
+    }
+    console.log(importNames);
+    var importName2UseName = new Map();
+    for (var i = 0; i < lines.length; i++) {
+        var currentLine = lines[i];
+        var result = currentLine.match(/(\w+): (\w+)/);
+        if (result == null)
+            continue;
+        var useName = result[1];
+        var importName = result[2];
+        importName2UseName.set(importName, useName);
+    }
+    if (importName2UseName.size != importNames.length) {
+        console.log('the Images.ts’s format is not correct!');
+        console.log('importNames len:', importNames.length, ' useNames len:', importName2UseName.size);
+        return;
+    }
+    return importName2UseName;
+}