@shijiu/jsview-vue 0.0.1-beta.0

package/scripts/git-commit-empty.js

@@ -0,0 +1,21 @@
+#!/usr/bin/env node
+
+const { execSync } = require('child_process');
+
+function main() {
+  // 安装dom和widget
+  let cmdLine = "git diff --cached";
+  console.info("\nRunning [" + cmdLine + "]... ");
+  let ret = execSync(cmdLine, { stderr: "inherit" });
+  if(ret) {
+    console.error("\nError: There have same uncommitted files in cache, please cleanup first.");
+    process.exit(1);
+  }
+
+
+  // 安装dom和widget
+  cmdLine = "git commit --allow-empty -m \"强制版本+1\"";
+  console.info("\nRunning [" + cmdLine + "]... ");
+  execSync(cmdLine, { stdio: "inherit", stderr: "inherit" });
+}
+main();

package/scripts/install-local-packages.js

@@ -0,0 +1,121 @@
+#!/usr/bin/env node
+
+const path = require("path");
+const fs = require("fs");
+const { execSync } = require('child_process');
+
+function cpSync(workDir, src, dest) {
+  const exists = fs.existsSync(src);
+  const stats = exists && fs.statSync(src);
+  const isDirectory = exists && stats.isDirectory();
+  if (isDirectory) {
+    if (fs.existsSync(dest) == false) {
+      fs.mkdirSync(dest);
+    }
+    fs.readdirSync(src).forEach(function(childItemName) {
+      cpSync(
+        workDir,
+        path.join(src, childItemName),
+        path.join(dest, childItemName)
+      );
+    });
+  } else {
+    console.info(
+      "  " + path.relative(workDir, src) + " -> " + path.relative(workDir, dest)
+    );
+    fs.copyFileSync(src, dest);
+  }
+}
+
+function rmSync(path) {
+  if (!!fs.rmSync) {
+    fs.rmSync(path, { recursive: true, force: true });
+  } else {
+    deleteFolderRecursive(path)
+  }
+}
+
+function deleteFolderRecursive(path) {
+  var files = [];
+  if (fs.existsSync(path)) {
+    files = fs.readdirSync(path);
+    files.forEach(function(file, index) {
+      var curPath = path + "/" + file;
+      if (fs.lstatSync(curPath).isDirectory()) {
+        // recurse
+        deleteFolderRecursive(curPath);
+      } else {
+        // delete file
+        fs.unlinkSync(curPath);
+      }
+    });
+    fs.rmdirSync(path);
+  }
+}
+
+function installPackages(options) {
+  // react/vue3共同的dom
+  const jsviewDomDir = options.rootDir + '/jsview/dom/bin/';
+  const jsviewDomPath = fs.readdirSync(jsviewDomDir).pop(); // 选择最后一个tgz
+  console.info('Found jsview-dom package: ' + jsviewDomDir + '/' + jsviewDomPath);
+  let cmdLine = "npm install file:" + jsviewDomDir + '/' + jsviewDomPath + " jsview-dom";
+  console.info("\nRunning [" + cmdLine + "]... ");
+  execSync(cmdLine, { stdio: "inherit", stderr: "inherit" });
+
+  // vue专有的widget
+  const jsviewReactWidgetDir = options.rootDir + '/jsview/utils/JsViewEngineWidget/bin/';
+  const jsviewReactWidgetPath = fs.readdirSync(jsviewReactWidgetDir).pop(); // 选择最后一个tgz
+  console.info('Found jsview-vue-widget package: ' + jsviewReactWidgetDir + '/' + jsviewReactWidgetPath);
+  cmdLine = "npm install file:" + jsviewReactWidgetDir + '/' + jsviewReactWidgetPath + " @shijiu-jsview/vue-widget";
+  console.info("\nRunning [" + cmdLine + "]... ");
+  execSync(cmdLine, { stdio: "inherit", stderr: "inherit" });
+
+  console.info("\nPatching jsview from " + options.patchDir);
+  cpSync(
+    options.rootDir,
+    options.patchDir + "/node_modules",
+    options.rootDir + "/node_modules"
+  );
+
+  console.info("\nCleanup node_modules cache... ");
+  const nodeModuleCacheDir = options.rootDir + "/node_modules/.cache";
+  rmSync(nodeModuleCacheDir);
+}
+
+async function printRevision(options) {
+  const jsveiwVersionFile = options.jsviewDir + "/dom/target_core_revision.js";
+
+  const jsviewTargetVersion = require(jsveiwVersionFile);
+
+  console.log("");
+  console.log("**************************************************");
+  console.log("* Update revision to:");
+  console.log("* CORE: " + jsviewTargetVersion.CoreRevision);
+  console.log("* ENGINE JS URL: " + jsviewTargetVersion.JseUrl);
+  console.log("**************************************************");
+}
+
+function backupPkgLock() {
+  const pkgLockName = 'package-lock.json';
+  const scriptDir = path.resolve(__dirname);
+  const rootDir = path.join(scriptDir, '/../../');
+
+  console.info("\nBackuping " + pkgLockName);
+  cpSync(rootDir, rootDir + pkgLockName, rootDir + '/jsview/patch/' + pkgLockName);
+}
+
+function main() {
+  const options = {
+    rootDir: path.resolve(__dirname, "../../"),
+    jsviewDir: path.resolve(__dirname, "../"),
+    patchDir: path.resolve(__dirname, "../patch"),
+  };
+
+
+  installPackages(options);
+
+  backupPkgLock();
+
+  printRevision(options);
+}
+main();

package/scripts/make-js.sh

@@ -0,0 +1,181 @@
+#!/bin/bash
+
+set -o errexit
+set -o nounset
+
+print_usage()
+{
+	echo '
+NAME
+       make-js
+
+SYNOPSIS
+       make-js
+
+DESCRIPTION
+       build sample_with_button APK. auto setup code revision
+       Example: ./make-js
+
+OPTIONS
+		--certpath=Path(from folder react_js) of certification, such as src/appConfig = react_js/src/appConfig/
+			default value is src/appConfig
+		-h, --help
+                 Optional. Print help infomation and exit successfully.;
+    ';
+}
+
+parse_options()
+{
+	cmd_getopt="getopt";
+	if [ "$KERNEL_NAME" == "Darwin" ]; then
+		cmd_getopt="/usr/local/Cellar/gnu-getopt/2.37.2/bin/getopt";
+	fi
+
+	options=`$cmd_getopt -o h \
+			 --long "certpath:,help" \
+			 -n 'make-js' -- "$@"`;
+	eval set -- "$options"
+	while true; do
+		case "$1" in
+			(-h | --help)
+				print_usage;
+				exit 0;
+				;;
+			(--certpath)
+				CERT_PATH=$2;
+				shift 2;
+				;;
+			(- | --)
+				shift;
+				break;
+				;;
+			(*)
+				echo "Internal error!";
+				exit 1;
+				;;
+		esac
+	done
+}
+
+logdbg()
+{
+	if [[ $DEBUG_VERBOSE == false ]]; then
+		return;
+	fi
+
+	echo -e " [d]: $@";
+}
+
+logtrace()
+{
+	echo -e "\033[1;34m [-]: $@ \033[00m";
+}
+
+loginfo()
+{
+	echo -e "\033[1;32m [+]: $@ \033[00m";
+}
+
+logwarn()
+{
+	echo -e "\033[1;33m [!]: $@ \033[00m";
+}
+
+logerr_and_exit()
+{
+	echo -e "\033[1;31m [x]: $@ \033[00m";
+	exit 1;
+}
+
+trim() {
+	local var="$*"
+	var="${var#"${var%%[![:space:]]*}"}"   # remove leading whitespace characters
+	var="${var%"${var##*[![:space:]]}"}"   # remove trailing whitespace characters
+	echo -n "$var"
+}
+
+print_version_log()
+{
+	logtrace "*********************************************************";
+	logtrace " Version infomation";
+	logtrace "    codeRevision   : ${CODE_REVISION}";
+	logtrace "*********************************************************";
+}
+
+prepare_env()
+{
+	CODE_REVISION="$(git rev-list --count HEAD)";
+}
+
+# common variable
+SCRIPT_DIR=$(cd $(dirname "${BASH_SOURCE[0]}") && pwd);
+PROJECT_DIR=$(dirname "$SCRIPT_DIR");
+PROJECT_DIR=$(dirname "$PROJECT_DIR");
+KERNEL_NAME=$(uname -s);
+DEBUG_VERBOSE=false;
+CERT_PATH=src/appConfig
+
+# specific variable
+CODE_REVISION=0;
+
+main_run()
+{
+	loginfo "parsing options";
+	parse_options $@;
+	
+	loginfo "prepare env";
+	prepare_env;
+
+	print_version_log;
+
+	# TODO: cd 到vue工程代码的根目录(有node_modules的那个目录)
+	# cd react_js;
+	
+	# 更新环境状态
+	#if [ -f "package-lock.json-perfect" ]; then
+		#loginfo "USE package-lock.json-perfect"
+		#cp package-lock.json-perfect package-lock.json
+	#fi
+	npm ci
+	#cd jsview/
+	#node scripts/do-patch.js
+	#cd ../
+		
+	loginfo "CERT_PATH=${CERT_PATH}"
+		
+    # 替换App为DemoHomepage
+    SED_CMD='sed -i ';
+    if [ "$KERNEL_NAME" == "Darwin" ]; then
+        SED_CMD+=' ""';
+    fi
+    $SED_CMD 's|@/App.vue|jsview/samples/DemoHomepage/App.vue|' src/main.ts;
+
+
+	# 生成crt和pem签名文件
+	cp ${CERT_PATH}/app_sign_private_key_sample.crt src/appConfig/app_sign_private_key.crt
+	cp ${CERT_PATH}/app_sign_public_key_sample.pem src/appConfig/app_sign_public_key.pem
+		
+	# 编译JS
+	npm run-script build
+
+	# 输出主文件路径
+	local main_path=`find dist | grep "main\..*\.js$"`
+	echo "MAIN JS SUB_PATH: ${main_path}"
+
+	# 输出 Core 版本信息
+	local core_revision=`cat jsview/dom/target_core_revision.js | grep "CoreRevision"`
+	core_revision=${core_revision#*\"CoreRevision\":}; # 去掉开头
+	core_revision=${core_revision%,*}; # 去掉末尾的引号
+	echo "CORE REVISION: ${core_revision}"
+	
+	# 输出 engineJs 信息
+	local engine_js=`cat jsview/dom/target_core_revision.js | grep "JsViewES6"`
+	engine_js=${engine_js#*\"}; # 去掉开头的引号
+	engine_js=${engine_js%\",*}; # 去掉末尾的引号
+	echo "ENGINE JS: ${engine_js}"
+	
+	loginfo "DONE !!!";
+	loginfo "BUILD SUCCESSED";
+}
+
+main_run $@;

package/scripts/post-build.js

@@ -0,0 +1,132 @@
+#!/usr/bin/env node
+
+const crypto = require('crypto');
+const fs = require('fs');
+const md5 = require('md5.js');
+const path = require('path');
+
+// main.js处理AppData信息
+function prepareMainAppData(options, fileMd5)
+{
+
+  // 加载私钥文件
+  const privateKeyPath = 'src/appConfig/app_sign_private_key.crt';
+  const privateKeyFile = path.resolve(options.rootDir, privateKeyPath);
+  if (!fs.existsSync(privateKeyFile)) {
+    console.error('Failed to open private key file from ' + privateKeyPath);
+    process.exit(1);
+  }
+  const privateKeyText = fs.readFileSync(privateKeyFile);
+  if (privateKeyText.indexOf('-----BEGIN PRIVATE KEY-----') < 0) {
+    console.error('Get private from src/appConfig/app_sign_private_key.crt failed.');
+    process.exit(1);
+  }
+
+  // 加载公钥文件
+  const publicKeyPath = 'src/appConfig/app_sign_public_key.pem';
+  const publicKeyFile = path.resolve(options.rootDir, publicKeyPath);
+  if (!fs.existsSync(publicKeyFile)) {
+    console.error('Failed to open public key file from ' + publicKeyPath);
+    process.exit(1);
+  }
+  const publicKeyText = fs.readFileSync(publicKeyFile);
+  if (publicKeyText.indexOf('-----BEGIN PUBLIC KEY-----') < 0) {
+    console.error('Get private from src/appConfig/app_sign_public_key.pem failed.');
+    process.exit(1);
+  }
+  // 公钥格式转化pem -> der，因为java中的解码处理只识别der格式
+  let publicKeyDerText = publicKeyText.toString();
+  if (publicKeyDerText.indexOf('\r') >= 0) {
+    publicKeyDerText = publicKeyDerText.replace(/\r/g, '');
+  }        
+  if (publicKeyDerText.indexOf('\n') >= 0) {
+    publicKeyDerText = publicKeyDerText.replace(/\n/g, '');
+  }
+  publicKeyDerText = publicKeyDerText.replace('-----BEGIN PUBLIC KEY-----', '');
+  publicKeyDerText = publicKeyDerText.replace('-----END PUBLIC KEY-----', '');
+
+  // 编码md5值
+  const encryptCodeBase64 = crypto.privateEncrypt({
+      key: privateKeyText, 
+      padding: crypto.constants.RSA_PKCS1_PADDING
+    }, 
+    Buffer.from(fileMd5)
+  ).toString('base64');
+
+  // 校验publicKey是否是配对的
+  const decryptCode = crypto.publicDecrypt({
+      key: publicKeyText,
+      padding: crypto.constants.RSA_PKCS1_PADDING
+    }, 
+    Buffer.from(encryptCodeBase64, 'base64')
+  ).toString();
+  if (decryptCode !== fileMd5) {
+    console.error('Error: public key dismath to private key!');
+    process.exit(1);
+  }
+
+  // 获取AppData信息
+  const appConfigPath = 'src/appConfig/app_config.json';
+  const appConfigFile = path.resolve(options.rootDir, appConfigPath);
+  if (!fs.existsSync(appConfigFile)) {
+    console.error('Failed to open app config file from ' + appConfigPath);
+    process.exit(1);
+  }
+  const appConfigText = fs.readFileSync(appConfigFile);
+  const appDataOriginJson = JSON.parse(appConfigText);
+
+  // 组装AppData
+  let targetAppData = {};
+  Object.assign(targetAppData, appDataOriginJson); // 同步包括AppName在内的所有信息
+  targetAppData.PublicKeys = [publicKeyDerText]; // 使用签名数组，支持后续追加签名
+  targetAppData.EncryptCodes = [encryptCodeBase64]; // 同样使用数组，支持后续追加
+
+  return JSON.stringify(targetAppData);
+}
+
+function signApp(options)
+{
+  const jsDir = path.resolve(options.distDir, 'js');
+  const jsFiles = fs.readdirSync(jsDir);
+  jsFiles.forEach((file, index) => {
+    if (!file.endsWith('.js')) {
+      return;
+    }
+
+    const jsFile = path.resolve(jsDir, file);
+    console.log('Updating ' + path.relative(options.rootDir, jsFile));
+
+    var jsvAppContents = fs.readFileSync(jsFile);
+    const jsvAppMd5 = new md5().update(jsvAppContents).digest('hex');
+    let appDataInfo = '';
+    if (jsFile.indexOf('main.jsv.') > 0) {
+      // 对main文件加入应用头信息
+      appDataInfo = prepareMainAppData(options, jsvAppMd5);
+
+      // 格式化jsvapp信息 /*jsvapp:内容长度:{内容}*/
+      // 使用TextEncoder解决中文长度问题
+      const infoLen = new TextEncoder().encode(appDataInfo).length;
+      appDataInfo = '/*jsvapp:' + infoLen + ':' + appDataInfo + '*/';
+    }
+    jsvAppContents = '/*jsvmd5:' + jsvAppMd5 + '*/' + appDataInfo + jsvAppContents;
+    fs.writeFileSync(jsFile, jsvAppContents);
+  });
+}
+
+function main() {
+  const rootDir = process.cwd();
+  const options = {
+    rootDir: rootDir,
+    jsviewDir: path.resolve(rootDir, 'jsview'),
+    patchDir: path.resolve(rootDir, 'jsview/patch'),
+    distDir: path.resolve(rootDir, 'dist'),
+  };
+
+  console.info('Signing JsView App...');
+  console.info();
+  signApp(options);
+  console.info();
+  console.info('Sign complete.');
+}
+
+main();

package/scripts/post-install.js

@@ -0,0 +1,127 @@
+#!/usr/bin/env node
+
+const path = require("path");
+const fs = require("fs");
+const { execSync } = require('child_process');
+
+function cpSync(workDir, src, dest) {
+  const exists = fs.existsSync(src);
+  const stats = exists && fs.statSync(src);
+  const isDirectory = exists && stats.isDirectory();
+  if (isDirectory) {
+    if (fs.existsSync(dest) == false) {
+      fs.mkdirSync(dest);
+    }
+    fs.readdirSync(src).forEach(function(childItemName) {
+      cpSync(
+        workDir,
+        path.join(src, childItemName),
+        path.join(dest, childItemName)
+      );
+    });
+  } else {
+    console.info(
+      "  " + path.relative(workDir, src) + " -> " + path.relative(workDir, dest)
+    );
+    fs.copyFileSync(src, dest);
+  }
+}
+
+function rmSync(path) {
+  if (!!fs.rmSync) {
+    fs.rmSync(path, { recursive: true, force: true });
+  } else {
+    deleteFolderRecursive(path)
+  }
+}
+
+function deleteFolderRecursive(path) {
+  var files = [];
+  if (fs.existsSync(path)) {
+    files = fs.readdirSync(path);
+    files.forEach(function(file, index) {
+      var curPath = path + "/" + file;
+      if (fs.lstatSync(curPath).isDirectory()) {
+        // recurse
+        deleteFolderRecursive(curPath);
+      } else {
+        // delete file
+        fs.unlinkSync(curPath);
+      }
+    });
+    fs.rmdirSync(path);
+  }
+}
+
+function checkNpmCommand() {
+  let command = process.env.npm_command;
+  if(!command) {
+    command = process.env.npm_config_refer; // for linux
+  }
+  if(command == 'ci') {
+    return;
+  }
+
+  console.warn();
+  console.warn(`!!! Warn: Not recommended for use 'npm ${process.env.npm_command} '.`);
+  console.warn("Please use 'npm ci' to install node modules.");
+  console.warn();
+}
+
+function installDepends(options) {
+  // react/vue3共同的dom
+  //const jsviewDomPath =
+    //options.rootDir + "/jsview/dom/bin/jsview-dom-1.0.1.tgz";
+
+  // react专有的widget
+  //const jsviewReactWidgetPath =
+    //options.rootDir +
+    //"/jsview/utils/JsViewEngineWidget/bin/shijiu-jsview-vue-widget-1.0.0.tgz";
+
+  // 安装dom和widget
+  // 废弃：通过package依赖安装
+  //const cmdLine =
+    //"npm install file:" + jsviewDomPath + " file:" + jsviewReactWidgetPath;
+  //console.info("\nRunning [" + cmdLine + "]... ");
+  //execSync(cmdLine, { stdio: "inherit", stderr: "inherit" });
+
+  console.info("\nPatching jsview from " + options.patchDir);
+  cpSync(
+    options.rootDir,
+    options.patchDir + "/node_modules",
+    options.rootDir + "/node_modules"
+  );
+
+  console.info("\nCleanup node_modules cache... ");
+  const nodeModuleCacheDir = options.rootDir + "/node_modules/.cache";
+  rmSync(nodeModuleCacheDir);
+}
+
+async function printRevision(options) {
+  const jsveiwVersionFile = options.jsviewDir + "/dom/target_core_revision.js";
+
+  const jsviewTargetVersion = require(jsveiwVersionFile);
+
+  console.log("**************************************************");
+  console.log("* Update revision to:");
+  console.log("* CORE: " + jsviewTargetVersion.CoreRevision);
+  console.log("* ENGINE JS URL: " + jsviewTargetVersion.JseUrl);
+  console.log("**************************************************");
+}
+
+function main() {
+  const rootDir = process.cwd();
+  const options = {
+    rootDir: rootDir,
+    jsviewDir: path.resolve(rootDir, "jsview"),
+    patchDir: path.resolve(rootDir, "jsview/patch"),
+    distDir: path.resolve(rootDir, "dist"),
+  };
+
+  checkNpmCommand();
+
+  installDepends(options);
+
+  printRevision(options);
+}
+main();

package/scripts/pre-pack.js

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+

package/scripts/run-android.js

@@ -0,0 +1,64 @@
+#!/usr/bin/env node
+
+const childProcess = require('child_process');
+const path = require('path');
+
+function getOptions() {
+    const options = {
+        androidPackage: "com.qcode.jsview.sample_demo/com.qcode.jsview.sample.SingleActivity",
+        coreRevision: null,
+        jseUrl: null,
+        homepageUrl: null,
+    }
+
+    if (process.argv.length >= 3) {
+        options.androidPackage = process.argv[2];
+    }
+
+    const rootDir = process.cwd();
+    const jsviewDir = path.resolve(rootDir, 'jsview');
+    const jsveiwVersionFile = path.resolve(jsviewDir, 'dom/target_core_revision.js');
+    const jsviewTargetVersion = require(jsveiwVersionFile);
+    options.coreRevision = jsviewTargetVersion.CoreRevision;
+    options.jseUrl = jsviewTargetVersion.JseUrl;
+
+    const homepageUrlFile = path.resolve(rootDir, 'node_modules/.cache/jsview/network');
+    let homepageUrl = require(homepageUrlFile);
+    homepageUrl = homepageUrl.replace(/\u001b\[.*?m/g, '')
+    options.homepageUrl = homepageUrl + "js/main.jsv.js";
+
+    return options;
+}
+
+function printRevision(options) {
+    console.log("**************************************************");
+    console.log("* Android Package: " + options.androidPackage);
+    console.log("* Core:            " + options.coreRevision);
+    console.log("* Engine JS url:   " + options.jseUrl);
+    console.log("* Homepage url:    " + options.homepageUrl);
+    console.log("**************************************************");
+}
+
+function androidStartActivity(options) {
+    let cmdline = "adb shell am start";
+    cmdline += ` -n ${options.androidPackage}`;
+    cmdline += ` --es COREVERSIONRANGE "${options.coreRevision}"`;
+    cmdline += ` --es ENGINE "${options.jseUrl}"`;
+    cmdline += ` --es URL "${options.homepageUrl}"`;
+    console.log(`Run command: ${cmdline}\n`);
+    try {
+        childProcess.execSync(cmdline, {stdio: [0, 1, 2]});
+    } catch (e) {
+        // console.log(e);
+    }
+}
+
+
+function main() {
+    const options = getOptions();
+
+    printRevision(options);
+
+    androidStartActivity(options);
+}
+main()

package/utils/JsViewEngineWidget/index.d.ts

@@ -0,0 +1,32 @@
+// 添加jsvCreateFocusManager的声明
+export declare function jsvCreateFocusManager(): Plugin_2;
+
+// 添加JsvFocusManager的声明
+export declare interface JsvFocusManager {
+  // declareAlias(alias: String, block?: String): Void;
+  // changeFocusTo(nameOrSpace: String, name?: String, exact?: Boolean): Void
+}
+
+declare module '@vue/runtime-core' {
+  export interface ComponentCustomProperties {
+    $jsvFocusManager: JsvFocusManager
+  }
+}
+
+// 添加JsvFocusBlock的声明
+export declare interface JsvFocusBlock {
+  getName(): String; 
+  getNamespace(): String; 
+  findBlockByName(name: String): JsvFocusBlock; 
+  requestFocus(): Void
+  debugPrintFocusChain(): Void
+  debugPrintLastFocus(): Void
+}
+
+// 添加JsvFocusEvent的声明
+export declare interface JsvFocusEvent {
+  ownerNode: JsvFocusBlock; 
+  type: string; 
+  keyCode: number; 
+  key: string; 
+}

package/utils/JsViewEngineWidget/index.js

@@ -0,0 +1,6 @@
+// Release Entry
+export * from "@shijiu-jsview/vue-widget"
+
+// Debug Entry
+// TODO: 进行编译(yarn build)时，需要关闭掉此require
+// export * from "./code"