pixuireactcomponents 1.2.0 → 1.2.2

package/src/pixUIReactUtils/GenerateConstructorAndGeterSeter.js

@@ -1,227 +0,0 @@
-#!/usr/bin/env node
-
-/* 对于一个tsx的class文件，自动生成constructor、setter 和 getter
-    commands:
-        fileName xxx
-    其中， xxx 的范围是[1, 7].
-    xxx & 100 == 100: 生成一个默认赋值的constructor
-    xxx & 10 == 10: 生成setter
-    xxx & 1 == 1: 生成getter
-
-
-    需要你先自己预定义好这样一个class文件
-    class RealTimeMatchInfo{
-        bo: number // 赛制bo1, bo3, bo5
-        location: string
-        round: number // 当前是第几场， 从1开始
-        matchId: number
-        seasonId: number
-        stageId: number
-        status: number //  状态 0: 未开始; 1: 进行中; 2: 已结束
-        teamA: number // 战队A id
-        teamAScore: number // 战队A 获胜的游戏单局数
-        teamB: number // 战队B id
-        teamBScore: number // 战队B 获胜的游戏单局数
-        winTeam: number // 系列赛胜利战队ID
-    }
-*/
-const fs = require('fs')
-const path = require('path')
-const child_process = require("child_process")
-
-
-const args = process.argv
-console.log("generateCode args:", args)
-
-if(args.length != 4){
-    console.error("the num of params is wrong!")
-    process.exit()
-}
-
-let _filePath = args[2]
-let _mode = parseInt(args[3], 2)
-
-
-if(!isFileExist(_filePath)){
-    console.error("class 文件不存在！")
-    process.exit()
-}
-if(_mode < 1 || _mode > 7){
-    console.error("模式不正确，请重新输入")
-    process.exit()
-}
-
-
-let isGenerateConstructor = (_mode & 0b100) == 0b100
-let isGenerateSetter = (_mode & 0b10) == 0b10
-let isGenerateGetter = (_mode & 0b1) == 0b1
-
-let lastStartSearchIndex = 0 // 开始查找的起始行，用于处理一个文件里不止一个class的情况
-let results = []
-while(true){
-    let result = checkClassFileFormat(_filePath, lastStartSearchIndex)
-    if(result.ret){
-        results.push(result)
-        lastStartSearchIndex = result.end + 1
-    }
-    else{
-        break
-    }
-}
-
-// console.log(results)
-if(results.length > 0){
-    generateTargetFile(isGenerateConstructor, isGenerateSetter, isGenerateGetter, results)
-    const newFilePath = _filePath + "2"
-    child_process.execSync(`rm ${_filePath}`)
-    child_process.execSync(`mv ${newFilePath} ${_filePath}`)
-    console.log("generate constructor or setter or getter successfully~~~")
-}
-else{
-    const _message = "class file's format is error!"
-    console.error(_message)
-    process.exit()
-}
-
-
-function generateTargetFile(hasConstructor, hasSetter, hasGetter, results){
-    const out = _filePath + "2"
-    fs.writeFileSync(out, "")
-
-    for(let i = 0; i < results.length; i++){
-        const result = results[i]
-        const _copyStartIndex = i == 0 ? 0 : results[i - 1].end + 1
-        const _copyFinalIndex = i == results.length - 1 ? result.lines.length : result.end + 1
-
-        const _start = result.start
-        const _end = result.end
-        const _lines = result.lines
-        const _keys = parseKeys(_start, _end, _lines)
-
-
-        for(let i = _copyStartIndex; i < _end; i++)   fs.writeFileSync(out, _lines[i] + "\n", {flag: 'a+'})
-
-        if(hasConstructor)  addConstructorPart(out, _keys)
-        if(hasSetter)       addSetterPart(out, _keys)
-        if(hasGetter)       addGetterPart(out, _keys)
-
-        for(let i = _end; i < _copyFinalIndex; i++)   fs.writeFileSync(out, _lines[i] + "\n", {flag: 'a+'})
-    }
-}
-
-function parseKeys(start, end, lines){
-    let fields = []
-    for(let i = start; i < end ; i++){
-        const current = lines[i]
-        const matchResult = current.match(/^\s*(\w+): (\w+(\[\])*)/)
-        if(matchResult != null){
-            const fieldName = matchResult[1]
-            const fieldType = matchResult[2]
-            const defalutValue = getDefaultValue(fieldType)
-            fields.push({name:fieldName, type: fieldType, value: defalutValue})
-        }
-    }
-    return fields
-}
-
-function getDefaultValue(_type){
-    if(_type == "string"){
-        return '""'
-    }
-    else if(_type == "number"){
-        return -1
-    }
-    else if(_type == "boolean"){
-        return false
-    }
-    else if(_type.endsWith("[]")){
-        return "[]"
-    }
-    else{
-        return `new ${_type}()`
-    }
-}
-
-function addConstructorPart(out, keys){
-    fs.writeFileSync(out, "\n\tconstructor(){\n", {flag: 'a+'})
-    for(let i = 0; i < keys.length; i++){
-        const _key = keys[i]
-        const _name = _key.name
-        const _type = _key.type
-        const _defaultValue = _key.value
-        fs.writeFileSync(out, `\t\tthis.${_name} = ${_defaultValue}\n`, {flag: 'a+'})
-    }
-
-    fs.writeFileSync(out, "\t}\n\n", {flag: 'a+'})
-}
-
-function addSetterPart(out, keys){
-    for(let i = 0; i < keys.length; i++){
-        const _key = keys[i]
-        const _name = _key.name
-        const _type = _key.type
-
-        const _funcName = "set" + _name.slice(0, 1).toUpperCase() + _name.slice(1)
-        fs.writeFileSync(out, `\t${_funcName}(${_name}: ${_type}){\n`, {flag: 'a+'})
-        fs.writeFileSync(out, `\t\tthis.${_name} = ${_name}\n`, {flag: 'a+'})
-        fs.writeFileSync(out, `\t}\n\n`, {flag: 'a+'})
-    }
-}
-
-function addGetterPart(out, keys){
-    for(let i = 0; i < keys.length; i++){
-        const _key = keys[i]
-        const _name = _key.name
-        const _type = _key.type
-
-        const _funcName = "get" + _name.slice(0, 1).toUpperCase() + _name.slice(1)
-        fs.writeFileSync(out, `\t${_funcName}(){\n`, {flag: 'a+'})
-        fs.writeFileSync(out, `\t\treturn this.${_name}\n`, {flag: 'a+'})
-        fs.writeFileSync(out, `\t}\n\n`, {flag: 'a+'})
-    }
-}
-
-function checkClassFileFormat(path, searchStartIndex){
-    const fileContent = fs.readFileSync(path, {encoding: 'utf-8'})
-    const lines = fileContent.split("\n")
-    
-    let start = findStartLineIndex(lines, searchStartIndex)
-    let end = findEndLineIndex(lines, searchStartIndex)
-    let isOK = true
-    if(start == -1 || end == -1)    isOK = false
-
-    return { ret: isOK, start: start, end: end, lines: lines}
-}
-
-function findStartLineIndex(lines, searchStartIndex){
-    for(let i = searchStartIndex; i < lines.length; i++){
-        const current = lines[i]
-        // console.log(current)
-        if(current.match(/class \w+{/)){
-            return i
-        }
-    }
-    return -1
-}
-
-function findEndLineIndex(lines, searchStartIndex){
-    for(let i = searchStartIndex; i < lines.length; i++){
-        const current = lines[i]
-        if(current.match(/}/)){
-            return i
-        }
-    }
-
-    return -1
-}
-
-function isFileExist(path){
-    let stat
-    try{
-        stat = fs.lstatSync(path)
-    }
-    catch(e){
-        return false
-    }
-    return stat.isFile()
-}

package/src/pixUIReactUtils/MakeImage.js

@@ -1,207 +0,0 @@
-#!/usr/bin/env node
-
-// 自动生成图集, 生成一个Images.ts文件，引用目标目录下的所有图片, 方便直接使用
-/*
-    commands:
-        create imgDirectoryPath
-        update imgDirectoryPath
-*/
-
-const fs = require('fs');
-const path = require('path');
-
-// 支持的命令
-const Commands = {
-    create: 'create',   //创建图集
-    update: 'update',    //更新图集
-};
-
-const args = process.argv;
-console.log('makeImage args:', args);
-if (args.length != 4) {
-    console.error('the num of params is wrong!');
-    process.exit();
-}
-
-const command = args[2];
-const imgsDirectoryPath = args[3];
-
-const _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) {
-    let _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;
-
-    let 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;
-    }
-
-    let imgUrls = [];
-    collectImageUrls(directoryPath, imgUrls);
-    console.log(imgUrls);
-    generateImage(directoryPath, imgUrls);
-}
-
-function isDirectoryExist(directory) {
-    let stat;
-    try {
-        stat = fs.lstatSync(directory);
-    }
-    catch (e) {
-        return false;
-    }
-
-    return stat.isDirectory();
-}
-
-function collectImageUrls(directoryPath, imgUrls) {
-    const files = fs.readdirSync(directoryPath);
-    for (let i = 0; i < files.length; i++) {
-        let 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) {
-    let out = 'Images.ts';
-    fs.writeFileSync(out, '');
-    // write import
-    for (let i = 0; i < imgUrls.length; i++) {
-        let current = imgUrls[i];
-        let imgKey = generateImgKey(directoryPath, current);
-        if (current.startsWith('../')) current = './' + current;
-        // console.warn(directoryPath, current, imgKey)
-        fs.writeFileSync(out, `import ${imgKey} from "${current}";\n`, { flag: 'a+' });
-    }
-    fs.writeFileSync(out, '\n\n', { flag: 'a+' });
-
-    //write export
-    fs.writeFileSync(out, '\nexport const Images = {\n', { flag: 'a+' });
-    for (let i = 0; i < imgUrls.length; i++) {
-        const current = imgUrls[i];
-        let imgKey = generateImgKey(directoryPath, current);
-        let imgNewname = keyMap == null || keyMap.get(imgKey) == undefined ? imgKey : keyMap.get(imgKey);
-        fs.writeFileSync(out, `  ${imgNewname}: ${imgKey},\n`, { flag: 'a+' });
-    }
-    fs.writeFileSync(out, '}\n\n', { flag: 'a+' });
-    console.log(keyMap == null ? 'generate' : 'update', ' Images.ts successfully!');
-}
-
-function generateImgKey(directoryPath, imgUrl) { // imgsDirectoryPath is prefix of imgUrl
-    let key = imgUrl.substring(directoryPath.length);
-
-    key = key.replace(/\//g, '_');
-    if (key.startsWith('_')) key = key.substring(1);
-
-    let 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;
-    }
-
-    let imagePath = 'Images.ts';
-    if (!isFileExist(imagePath)) {
-        console.error("there is no Images.ts in current path, can't match update commmand!");
-        return;
-    }
-
-    let keyMaps = readOldImagesInfo(imagePath);
-    let imgUrls = [];
-    collectImageUrls(directoryPath, imgUrls);
-    console.log(imgUrls);
-    generateImage(directoryPath, imgUrls, keyMaps);
-}
-
-function isFileExist(path) {
-    let stat;
-    try {
-        stat = fs.lstatSync(path);
-    }
-    catch (e) {
-        return false;
-    }
-    return stat.isFile();
-}
-
-function readOldImagesInfo(imagePath) {
-    let imageContent = fs.readFileSync(imagePath, { encoding: 'utf8' });
-    const lines = imageContent.split('\n');
-
-    let importNames = [];
-    for (let i = 0; i < lines.length; i++) {
-        let currentLine = lines[i];
-        if (currentLine.startsWith('import')) {
-            const result = currentLine.match(/import (\w+) from/);
-            let importName = result[1];
-            importNames.push(importName);
-        }
-    }
-    console.log(importNames);
-
-    let importName2UseName = new Map();
-    for (let i = 0; i < lines.length; i++) {
-        let currentLine = lines[i];
-        const result = currentLine.match(/(\w+): (\w+)/);
-        if (result == null) continue;
-        const useName = result[1];
-        const 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;
-}

package/src/pixUIReactUtils/README.md

@@ -1,124 +0,0 @@
-# 脚本工具
-### 1.MakeImage.js
-React 里用于一键生成图集文件
-用法有2个命令： 
-* node MakeImage.js create path
-* node MakeImage.js update path
-
-(path: 一个文件夹的路径，可以按绝对路径写法，形如：/Users/zhengyanan/Desktop/work_git/LgameVideoGameTest/src/asset/Textures/VideoGame;也可以按相对当前位置的路径，形如../../LgameVideoGameTest/src/asset/Textures/VideoGame。)
-
-第一条命令是创建一个Images.tsx文件，可以直接代码中使用。如图：
-![](./img/makeImage.png)
-
-第二条命令是更新Images.tsx文件，用于增加图片的时候，更新Images.tsx。如上图所示，创建之后按上面的要求，只能改Images的key值（这个已足够满足需求，因为这个key值，代码中才可能用到）。使用update可以保留这些你的改动，无需重新改代码中的引用。如果没改动的话，那就无所谓，直接重新create即可。
-
-### 2. GenerateConstructorAndGeterSeter.js
-先定义好类的字段后，一键生成该类的构造函数，getter方法 和 setter方法。
-
-用法只有一个命令：
-
-* node GenerateConstructorAndGeterSeter.js xxx.tsx 110
-
-其中，xxx.tsx指的是待生成的类文件；110是选项，3个bit位依次表示是否生成构造函数、setter、getter。
-
-
-例如，先定义好类的字段，如下：
-
-```
-class RealTimeMatchInfo{
-        bo: number // 赛制bo1, bo3, bo5
-        location: string
-        round: number // 当前是第几场， 从1开始
-        matchId: number
-        seasonId: number
-        stageId: number
-        status: number //  状态 0: 未开始; 1: 进行中; 2: 已结束
-        teamA: number // 战队A id
-        teamAScore: number // 战队A 获胜的游戏单局数
-        teamB: number // 战队B id
-        teamBScore: number // 战队B 获胜的游戏单局数
-        winTeam: number // 系列赛胜利战队ID
-    }
-```
-
-然后执行 上述命令，即可自动生成构造函数 和 setter方法，生成的结果如下：
-
-```
-class RealTimeMatchInfo{
-    bo: number // 赛制bo1, bo3, bo5
-    location: string
-    round: number // 当前是第几场， 从1开始
-    matchId: number
-    seasonId: number
-    stageId: number
-    status: number //  状态 0: 未开始; 1: 进行中; 2: 已结束
-    teamA: number // 战队A id
-    teamAScore: number // 战队A 获胜的游戏单局数
-    teamB: number // 战队B id
-    teamBScore: number // 战队B 获胜的游戏单局数
-    winTeam: number // 系列赛胜利战队ID
-
-	constructor(){
-		this.bo = -1
-		this.location = ""
-		this.round = -1
-		this.matchId = -1
-		this.seasonId = -1
-		this.stageId = -1
-		this.status = -1
-		this.teamA = -1
-		this.teamAScore = -1
-		this.teamB = -1
-		this.teamBScore = -1
-		this.winTeam = -1
-	}
-
-	setBo(bo: number){
-		this.bo = bo
-	}
-
-	setLocation(location: string){
-		this.location = location
-	}
-
-	setRound(round: number){
-		this.round = round
-	}
-
-	setMatchId(matchId: number){
-		this.matchId = matchId
-	}
-
-	setSeasonId(seasonId: number){
-		this.seasonId = seasonId
-	}
-
-	setStageId(stageId: number){
-		this.stageId = stageId
-	}
-
-	setStatus(status: number){
-		this.status = status
-	}
-
-	setTeamA(teamA: number){
-		this.teamA = teamA
-	}
-
-	setTeamAScore(teamAScore: number){
-		this.teamAScore = teamAScore
-	}
-
-	setTeamB(teamB: number){
-		this.teamB = teamB
-	}
-
-	setTeamBScore(teamBScore: number){
-		this.teamBScore = teamBScore
-	}
-
-	setWinTeam(winTeam: number){
-		this.winTeam = winTeam
-	}
-}
-```

package/src/pixUIReactUtils/Version.js

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-
-console.log("version: 1.1.8")

package/src/pixUIReactUtils/index.js

@@ -1 +0,0 @@
-console.log('welcome to use pixui react utils!')

package/src/pixUIReactUtils/package.json

@@ -1,16 +0,0 @@
-{
-  "name": "pixuireactutils",
-  "version": "1.1.8",
-  "description": "pixui react script tools",
-  "main": "index.js",
-  "bin": {
-    "pmakeimage": "./MakeImage.js",
-    "pgencode": "./GenerateConstructorAndGeterSeter.js",
-    "pversion": "./Version.js"
-  },
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "hardenzheng",
-  "license": "ISC"
-}

package/src/preprocess/index.html

@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8" flex="default"/>
-    <style>
-        body {
-            /*background-color: #0c85d0;*/
-            display: flex;
-            /* flex-direction: column; */
-            align-items: center;
-            justify-content: center;
-            width: 100%;
-            height: 100%;
-            overflow: hidden ;
-            margin: 0px;
-            padding: 0px;
-            box-sizing: border-box;
-            position: relative;
-        }
-
-        a{
-            color:aliceblue;
-
-        }
-
-        div{
-            display: flex;
-            /* flex-direction: column; */
-            box-sizing: border-box;
-        }
-
-        .frame {
-            /* border: 2px solid #990000; */
-            display: flex;
-            flex-direction: column;
-            /* flex-basis: content; */
-            /*justify-content: space-evenly;*/
-            width: 100%;
-            height: 100%;
-        }
-
-    </style>
-  
-</head>
-<body>
-<div id="container" class="frame"></div>
-</body>
-</html>

package/src/preprocess/main.tsx

@@ -1,17 +0,0 @@
-import { h } from 'preact';
-import { renderDom } from 'lib/dom';
-import preact from '../asset/preact.png';
-import {PreprocessPage} from './preprocesspage'
-
-window.addEventListener('load', () => {
-
-});
-
-let render = () => {
-	renderDom(
-		<PreprocessPage/>,
-		document.getElementById('container')!
-	);
-};
-
-render();

package/src/preprocess/preprocesspage.tsx

@@ -1,41 +0,0 @@
-import { h, Component, CSSProperties } from "preact";
-import { platformAPI } from "../common/frame/platform-api"
-
-const bgStyle: CSSProperties = {
-    width: '100%',
-    height:'100%',
-    backgroundColor: 'green',
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'flex-start'
-}
-
-export class PreprocessPage extends Component<any, any>
-{
-    constructor(props){
-        super(props);
-        this.state = {
-            index : 0,
-        }
-    }
-      
-    componentWillMount(){
-        console.log("PreprocessPage componentWillMount");
-        console.log("appId:" + platformAPI.getAppId());
-        console.log("appKey:" + platformAPI.getAppKey());
-     
-        window.onclose = () => {
-            console.log("PreprocessPage onclose")
-        };
-    }
-
-    render(){
-        return (
-            <div>
-                <h1>PreprocessPage | appId {platformAPI.getAppId()} | appKey {platformAPI.getAppKey()}</h1>               
-            </div>
-        );
-    }
-    
-}