@shijiu/jsview 1.9.719

package/tools/common.js

@@ -0,0 +1,58 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+
+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);
+  }
+}
+
+module.exports = {
+  cpSync,
+  rmSync,
+}

package/tools/jsview-jsmap-serve.js

@@ -0,0 +1,105 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const http = require('http');
+const os = require('os');
+
+let baseDir = __dirname;
+
+let script_name = __filename.substr(__dirname.length + 1)
+
+let redirect_url;
+if (process.argv.length >= 2) {
+  let args_start = 0;
+  for (let i = 0; i < process.argv.length; i++) {
+    if (process.argv[i].endsWith(script_name)) {
+      args_start = i + 1;
+      break;
+    }
+  }
+  const args = process.argv.slice(args_start)
+  redirect_url = args[0]
+  if (!redirect_url.endsWith('/')) {
+    redirect_url = redirect_url + '/';
+  }
+}
+
+function requestListener(req, res) {
+  console.log("[request] " + req.url);
+
+  if (req.url.endsWith("\.map")) { // return map source file content
+    if (redirect_url) {
+      // redirect with 302 HTTP code in response
+      let redirect_target = redirect_url
+          + convertMapBaseUrl(req.url)
+      console.log(`redirect ${req.url} -> ${redirect_target}`)
+      res.writeHead(302, { "Location": redirect_target });
+      return res.end();
+    }
+
+    try {
+      const fileContent = fs.readFileSync(baseDir + '/' + req.url);
+
+      res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8' });
+      res.write(fileContent);
+      res.end();
+      return;
+    } catch (ex) {
+      console.log("Failed to process " + req.url + "\nException: " + ex);
+    }
+  }
+
+  res.writeHead(404);
+  res.end();
+};
+
+function convertMapBaseUrl(origin_url) {
+  if (origin_url.startsWith('/map/')) {
+    /* 去掉子目录/map/ */
+    return origin_url.substr(5); 
+  } else if (origin_url.startsWith('/')) {
+    /* 去掉'/' */
+    return origin_url.substring(1, origin_url.length);
+  } else {
+    return origin_url;
+  }
+}
+
+function getIPAddress() {
+  let ret = [];
+
+  var interfaces = os.networkInterfaces();
+  for (var devname in interfaces) {
+    var iface = interfaces[devname];
+
+    for (var i = 0; i < iface.length; i++) {
+      var alias = iface[i];
+      if (alias.family === 'IPv4' && !alias.internal)
+        ret.push(alias.address);
+    }
+  }
+  return ret;
+}
+
+function main() {
+  if (process.argv.length >= 3) {
+    baseDir = process.argv[2];
+  }
+
+  const server = http.createServer(requestListener);
+  const port = 57245;
+  server.listen(port, '0.0.0.0', () => {
+    console.log('');
+    console.log('JavaScript source map running at:');
+    if (redirect_url) {
+      console.log('with redirect url=' + redirect_url)
+    }
+    console.log(' - Local:   localhost:' + port);
+    getIPAddress().forEach(ip => {
+      console.log(' - Network: ' + ip + ':' + port);
+    });
+    console.log('');
+  });
+}
+
+main();

package/tools/jsview-post-build.js

@@ -0,0 +1,184 @@
+#!/usr/bin/env node
+
+const crypto = require('crypto');
+const fs = require('fs');
+const path = require('path');
+
+// main.js处理AppData信息
+async function prepareMainAppData(options, fileMd5)
+{
+  // 加载私钥文件
+  const privateKeyFile = path.resolve(options.appConfigDir, 'app_sign_private_key.crt');
+  if (!fs.existsSync(privateKeyFile)) {
+    console.error('Failed to open private key file from ' + privateKeyFile);
+    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 publicKeyFile = path.resolve(options.appConfigDir, 'app_sign_public_key.pem');
+  if (!fs.existsSync(publicKeyFile)) {
+    console.error('Failed to open public key file from ' + publicKeyFile);
+    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 appConfigFile = path.resolve(options.appConfigDir, 'app.config.mjs');
+  if (!fs.existsSync(appConfigFile)) {
+    console.error('Failed to open app config file from ' + appConfigFile);
+    process.exit(1);
+  }
+  // const appConfigText = fs.readFileSync(appConfigFile);
+  // const appDataOriginJson = JSON.parse(appConfigText);
+  appDataOriginJson = await import(appConfigFile);
+
+  // 组装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(async (file, index) => {
+    if (!file.endsWith('.js')) {
+      return;
+    }
+
+    const jsFile = path.resolve(jsDir, file);
+    console.log('Updating ' + path.relative(options.projectDir, jsFile));
+
+    var jsvAppContents = fs.readFileSync(jsFile);
+    jsvAppContents = jsvAppContents.toString();
+
+    let mapOffset = jsvAppContents.lastIndexOf('# sourceMappingURL='); // 避免代码中间位置的sourceMappingUrl内容被替换
+    let mapStr = (jsvAppContents.substring(mapOffset, jsvAppContents.length)).replace(
+      '# sourceMappingURL=', '# sourceMappingURL=http://localhost:57245/map/');
+    jsvAppContents = jsvAppContents.substring(0, mapOffset) + mapStr;
+
+    jsvAppContents += '\n'; // 把\n归入算进md5计算中
+
+    const jsvAppMd5 = crypto.createHash('md5').update(jsvAppContents).digest('hex');
+    let appDataInfo = '';
+    if (jsFile.indexOf('main.jsv.') > 0) {
+      // 对main文件加入应用头信息
+      appDataInfo = await prepareMainAppData(options, jsvAppMd5);
+
+      // 格式化jsvapp信息 /*jsvapp:内容长度:{内容}*/
+      // 使用TextEncoder解决中文长度问题
+      const infoLen = new TextEncoder().encode(appDataInfo).length;
+      appDataInfo = '/*jsvapp:' + infoLen + ':' + appDataInfo + ':' + infoLen + ':jsvapp*/';
+    }
+    jsvAppContents = jsvAppContents + appDataInfo + '/*jsvmd5:' + jsvAppMd5 + '*/';
+    fs.writeFileSync(jsFile, jsvAppContents);
+  });
+}
+
+function makeDebugMap(options)
+{
+  fs.mkdirSync(options.mapDir, { recursive: true });
+
+  const jsDir = path.resolve(options.distDir, 'js');
+  const jsFiles = fs.readdirSync(jsDir);
+  jsFiles.forEach((file, index) => {
+    if (!file.endsWith('.map')) {
+      return;
+    }
+
+    const from = path.resolve(jsDir, file);
+    const to = path.resolve(options.mapDir, file);
+    console.log("Moving " + path.relative(options.projectDir, to));
+    fs.renameSync(from, to);
+  });
+
+  const jsmapServeName = "jsview-jsmap-serve.js";
+  const jsmapServePath = path.resolve(options.toolsDir, jsmapServeName);
+  if (!fs.existsSync(jsmapServePath)) {
+    console.error("Failed to copy jsview-jsmap-serve.js, file not exists.");
+    process.exit(1);
+  }
+
+  const to = path.resolve(options.debugDir, jsmapServeName);
+  console.log("Making " + path.relative(options.projectDir, to));
+  fs.copyFileSync(jsmapServePath, to);
+}
+
+function main() {
+  const options = {};
+  options.projectDir = process.cwd();
+  options.modulesDir = path.resolve(options.projectDir, "node_modules");
+  options.jsviewDir = path.resolve(options.modulesDir, "@shijiu', 'jsview");
+  options.patchesDir = path.resolve(options.jsviewDir, "patches");
+  options.toolsDir = path.resolve(options.jsviewDir, "tools");
+  options.distDir = path.resolve(options.projectDir, "dist");
+  options.appConfigDir = path.resolve(options.projectDir, "src', 'appConfig");
+  options.debugDir = path.resolve(options.distDir, "debug");
+  options.mapDir = path.resolve(options.debugDir, "map");
+
+
+  vueConfigFile = path.resolve(options.projectDir, 'vue.config.js');
+  if (fs.existsSync(vueConfigFile)) {
+    vueCfgObj = require(vueConfigFile);
+    if(vueCfgObj.outputDir) {
+        options.distDir = path.resolve(options.projectDir, vueCfgObj.outputDir);
+    }
+  }
+
+  console.info('Signing JsView App...');
+  console.info();
+  signApp(options);
+  console.info();
+  console.info('Signed JsView App.');
+
+  console.info('Making JsView Debug map...');
+  console.info();
+  makeDebugMap(options);
+  console.info();
+  console.info('Made JsView Debug map.');
+}
+
+main();

package/tools/jsview-post-install-react.js

@@ -0,0 +1,13 @@
+#!/usr/bin/env node
+
+const { doPostInstall } = require('./jsview-post-install');
+
+function main() {
+  const pkgNeedPatch = [
+    { name: '@vitejs/plugin-react', version: '2.2.0' },
+    { name: 'postcss-js', version: '4.0.0' },
+    { name: 'vite', version: '3.0.9' }
+  ];
+  doPostInstall('react', pkgNeedPatch);
+}
+main();

package/tools/jsview-post-install-vue.js

@@ -0,0 +1,16 @@
+#!/usr/bin/env node
+
+const { doPostInstall } = require('./jsview-post-install');
+
+function main() {
+  const pkgNeedPatch = [
+    { name: '@vue/compiler-sfc', version: '3.2.37' },
+    { name: '@vue/runtime-core', version: '3.2.37' },
+    { name: '@vue/runtime-dom', version: '3.2.37' },
+    { name: 'postcss-js', version: '4.0.0' },
+    { name: 'vite', version: '3.0.9' },
+    { name: 'vue-router', version: '4.1.4' }
+  ];
+  doPostInstall('vue', pkgNeedPatch);
+}
+main();

package/tools/jsview-post-install.js

@@ -0,0 +1,116 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+const { pathToFileURL } = require('url');
+const { cpSync, rmSync } = require('./common');
+
+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 checkPackageVersion(options, name, version)
+{
+  pkgPkgFile = path.resolve(options.modulesDir, name, 'package.json');
+  if (!fs.existsSync(pkgPkgFile)) {
+    console.error('Error: Failed to install jsview patches, "' + path.relative(options.projectDir, pkgPkgFile) + '" is not exists.');
+    process.exit(1);
+  }
+  pkgPkgObj = require(pkgPkgFile);
+  if (pkgPkgObj.version != version) {
+    console.error('Error: ' + name + '@' + pkgPkgObj.version + ' is not supported, required version is ' + version);
+    process.exit(1);
+  }
+}
+
+function checkPatches(options, pkgNeedPatch) {
+  console.info("Checking package:");
+  for (pkg of pkgNeedPatch) {
+    console.info("  ", pkg);
+    checkPackageVersion(options, pkg.name, pkg.version);
+  }
+}
+
+function installPatches(options, pkgNeedPatch) {
+  console.info('\nPatching JsView:');
+  for (pkg of pkgNeedPatch) {
+    const patchSrc = path.resolve(options.patchesDir, 'node_modules', pkg.name);
+    const patchDest = path.resolve(options.modulesDir, pkg.name);
+
+    cpSync(options.projectDir, patchSrc, patchDest);
+  }
+
+  console.info('\nCleanup node_modules cache... ');
+  const nodeModuleCacheDir = path.resolve(options.modulesDir, 'node_modules', '.cache');
+  rmSync(nodeModuleCacheDir);
+}
+
+async function printRevision(options) {
+  const jsviewVersionFile = path.resolve(options.jsviewDir, 'dom', 'target_core_revision.mjs');
+
+  const jsviewVersionURL = pathToFileURL(jsviewVersionFile);
+  const { default: jsviewTargetVersion } = await import(jsviewVersionURL);
+
+  console.log('**************************************************');
+  console.log('* Update revision to:');
+  console.log('* CORE: ' + jsviewTargetVersion.CoreRevisionAndBranch);
+  console.log('* ENGINE JS URL: ' + jsviewTargetVersion.JseUrl);
+  console.log('* PLUGIN LIST: ');
+
+  // print plugin info
+  let pluginCount = 0;
+  {
+    let pluginDirPath = path.resolve(options.jsviewFrameworkDir, 'utils', 'JsViewPlugin');
+    if(fs.existsSync(pluginDirPath)) {
+      fs.readdirSync(pluginDirPath).forEach((file) => {
+        var pathname = path.resolve(pluginDirPath, file);
+        if (fs.statSync(pathname).isDirectory()) {
+          let versionFilePath = path.resolve(pathname, 'version.js'); 
+          if (fs.existsSync(versionFilePath)) {
+            const targetVersion = require(versionFilePath);
+            console.log(`*    [${path.basename
+              (pathname)}] : ${targetVersion.packageName
+              } : ${targetVersion.version}`);
+            pluginCount++;
+          }
+        }
+      })
+    }
+  }
+  console.log(`*    total:${pluginCount}`);
+
+  console.log('**************************************************');
+}
+
+function doPostInstall(framework, pkgNeedPatch) {
+  const options = {};
+  options.projectDir = process.cwd();
+  options.modulesDir = path.resolve(options.projectDir, 'node_modules');
+  options.jsviewDir = path.resolve(options.modulesDir, '@shijiu', 'jsview');
+  options.jsviewFrameworkDir = path.resolve(options.modulesDir, '@shijiu', 'jsview-' + framework);
+  options.patchesDir = path.resolve(options.jsviewDir, 'patches');
+  options.distDir = path.resolve(options.projectDir, 'dist');
+
+  checkNpmCommand();
+
+  checkPatches(options, pkgNeedPatch);
+
+  installPatches(options, pkgNeedPatch);
+
+  printRevision(options);
+}
+
+module.exports = {
+  doPostInstall
+};

package/tools/jsview-run-android.js

@@ -0,0 +1,67 @@
+#!/usr/bin/env node
+
+const childProcess = require('child_process');
+const path = require('path');
+const { pathToFileURL } = require('url');
+
+async 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 projectDir = process.cwd();
+    const modulesDir = path.resolve(projectDir, 'node_modules');
+    const jsviewDir = path.resolve(modulesDir, '@shijiu', 'jsview');
+    const jsviewVersionFile = path.resolve(jsviewDir, 'dom', 'target_core_revision.mjs');
+    const jsviewVersionURL = pathToFileURL(jsviewVersionFile);
+    const { default: jsviewTargetVersion } = await import(jsviewVersionURL);
+    options.coreRevision = jsviewTargetVersion.CoreRevision;
+    options.jseUrl = jsviewTargetVersion.JseUrl;
+
+    const homepageUrlFile = path.resolve(modulesDir, '.vite', 'jsview', 'network.mjs');
+    let { default: homepageDomain } = await import(homepageUrlFile);
+    homepageDomain = homepageDomain.replace(/\u001b\[.*?m/g, '')
+    options.homepageUrl = homepageDomain + "js/main.jsv.js?module=true";
+
+    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);
+    }
+}
+
+
+async function main() {
+    const options = await getOptions();
+
+    printRevision(options);
+
+    androidStartActivity(options);
+}
+main()

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "module": "esnext",
+    "strict": true,
+    "jsx": "preserve",
+    "importHelpers": true,
+    "moduleResolution": "node",
+    "experimentalDecorators": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "sourceMap": true,
+    "baseUrl": ".",
+    "paths": {
+      "jsview/*": [
+        "./*"
+      ],
+      "jsview": [
+        "./index.js"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ],
+
+    "alwaysStrict": true,
+    "noImplicitReturns": true
+  }
+}