@shijiu/jsview 2.2.373 → 2.3.0

package/loader/jsv-core-api/wasm/wasm-extension.js

@@ -0,0 +1,37 @@
+
+// wasm glue 特有api
+export default class WasmCoreApisExtension {
+    constructor() {
+        this.ForgeCanvasRef = null;
+        this._EventBridge = null; // listenerToAckEvent 的分发处理
+    }
+
+    setForgeCanvasSingleton(forge_canvas_ref) {
+        this.ForgeCanvasRef = forge_canvas_ref;
+    }
+
+    setEventBridge(event_bridge) {
+        this._EventBridge = event_bridge;
+    }
+
+    listenerToAckEvent(category, type, track_id_from_js, callback_func) {
+        this._EventBridge?.listenerToAckEvent(category, type, track_id_from_js, callback_func);
+    }
+
+    recycleAckListener(callback_func) {
+        this._EventBridge?.recycleAckListener(callback_func);
+    }
+
+    onForgeAppReady() {
+        this.ForgeCanvasRef?.onForgeAppReady();
+    }
+
+    measurePosition(position, designMapWidth) {
+        return this.ForgeCanvasRef?.measurePosition(position, designMapWidth);
+    }
+
+    setLogSingleton(forge_log_ref, jse_log_ref) {
+        this.ForgeLogRef = forge_log_ref;
+        this.JseLogRef = jse_log_ref;
+    }
+}

package/loader/jsview-config.js

@@ -1,8 +1,11 @@
 import appConfig from "/src/appConfig/app.config.mjs";
 import jsviewVendorConfig from "/src/appConfig/jsview.config.mjs";
 import { PERMISSION } from "/src/appConfig/permission.js";
-
 import JsViewLoader from './jsview-loader.js';
+import loadJsvCoreApi from "./jsv-core-api/jsview-core-api-glue.js"
+
+// 加载JsvCoreApi
+window.JsvCoreApi = loadJsvCoreApi();
 
 let loader = JsViewLoader;
 // 根据JsViewConfig, 判断厂商是否设置了使用远程loader启动

package/loader/jsview-loader.js

@@ -2,6 +2,10 @@ import JsViewDefConfig from "./jsview.config.default"
 import { loadJsViewDomAsync, loadEngineJs } from '../dom'
 import TargetRevision from "../dom/target_core_revision"
 
+function isNoWasm() {
+  return (window.JsvCoreApi.Platform != "pc-wasm");
+}
+
 const CYCLE_TIME = 10000;
 const BLOCK_CHECK_TIME = 5000; // + CYCLE_TIME, 总计15秒
 class JsThreadBlockTester {
@@ -12,7 +16,7 @@ class JsThreadBlockTester {
     const preTimestamp = JsThreadBlockTester.#timestamp;
     JsThreadBlockTester.#timestamp = Date.now();
     const gap = JsThreadBlockTester.#timestamp - preTimestamp;
-    window.JsView?.logD?.(JsThreadBlockTester.#TAG, `check, pre: ${preTimestamp}, cur: ${JsThreadBlockTester.#timestamp}, cur-pre: ${gap}`);
+    window.JsvCoreApi.logD(JsThreadBlockTester.#TAG, `check, pre: ${preTimestamp}, cur: ${JsThreadBlockTester.#timestamp}, cur-pre: ${gap}`);
     if (gap > CYCLE_TIME + BLOCK_CHECK_TIME) {
       console.warn(JsThreadBlockTester.#TAG, `js thread blocked, preTime: ${preTimestamp}, curTime: ${JsThreadBlockTester.#timestamp}, curTime-preTime: ${gap}`);
     }
@@ -32,7 +36,7 @@ class JsThreadBlockTester {
 
   static init() {
     JsThreadBlockTester.#start();
-    window.JsView?.onVisibilityChange?.(JsThreadBlockTester.#onVisibleChange);
+    window.JsvCoreApi.onVisibilityChange(JsThreadBlockTester.#onVisibleChange);
   }
 
   static #start() {
@@ -60,37 +64,42 @@ export default class JsViewLoader {
   }
 
   async initJsViewEnv(appName, onLoaded, permission) {
+    let onForgeAppReady = () => {
+      window.JsvCoreApi.WasmExt?.onForgeAppReady();
+      onLoaded?.();
+    }
+
     // 加载嵌入到 dom 模块中的 EngineJs
     await loadEngineJs(
-      !!window.JsView,
-      this.#runForgeApp.bind(this),
+      isNoWasm(),
+      (activityManager) => {
+        console.log("JsView Loader: On RenderBridge ready.");
+        this.#forgeActivityManager = activityManager;
+        this.#tryStartForgeApp(onForgeAppReady);
+      },
       this.#makeForgeDesignedMap.bind(this)
     );
 
     // 加载JsView Dom 
-    const jsviewDom = await loadJsViewDomAsync(window.JsView);
+    const jsviewDom = await loadJsViewDomAsync(isNoWasm());
 
     // 加载ForgeFront
     jsviewDom.InitEnv();
 
-    if (window.JsView) {
-      this.#forgeAppClass = jsviewDom.NativeForgeApp;
+    this.#forgeAppClass = jsviewDom.ForgeAppClass;
 
-      // /static/js/: (可选配置)填写main.js或者bundle.js相对于index.html的相对位置，
-      // 用于image / import.then的相对寻址
-      if (typeof this.#config.jsviewConfig.jsRelativeDepth == "number") {
-        window.location?.jsvSetRelativeDepth(this.#config.jsviewConfig.jsRelativeDepth)
-      }
-    } else {
-      this.#forgeAppClass = jsviewDom.BrowserForgeApp;
+    // /static/js/: (可选配置)填写main.js或者bundle.js相对于index.html的相对位置，
+    // 用于image / import.then的相对寻址
+    if (typeof this.#config.jsviewConfig.jsRelativeDepth == "number") {
+      window.location?.jsvSetRelativeDepth?.(this.#config.jsviewConfig.jsRelativeDepth)
     }
 
-    this.#loadJsViewEnvAsync(appName, onLoaded, permission);
+    this.#loadJsViewEnvAsync(appName, permission);
 
     // 环境启动后，动态加载React框架和main
     this.#checkEngineVersion();
     this.#jsviewInited = true;
-    this.#tryStartForgeApp();
+    this.#tryStartForgeApp(onForgeAppReady);
 
     console.log("JsView Loader: Load done. AppName=" + appName);
   }
@@ -118,73 +127,57 @@ export default class JsViewLoader {
     return target;
   }
 
-  #loadJsViewEnvAsync(appName, onLoaded, permission) {
+  #loadJsViewEnvAsync(appName, permission) {
     console.log("StartApp...");
 
-    // 运行在Native中
-    if (window.JsView) {
-      if (appName) {
-        window.JsView.setMiniAppPermissionInfo?.(JSON.stringify(permission));
-        window.JsView.notifyAppName?.(appName);
-      }
+    if (appName) {
+      window.JsvCoreApi.setMiniAppPermissionInfo(JSON.stringify(permission));
+      window.JsvCoreApi.notifyAppName(appName);
+    }
+
+    // (可选配置)按键接受的扩展，例如将静音按键(JAVA键值为164)映射为JS键值20001，PS:注意"164"的引号
+    window.JsvCoreApi.addKeysMap(this.#config.vendorConfig.bindKeys);
+
+    // (可选配置)localStorage支持
+    let storageDomain = this.#config.jsviewConfig.localStorage.domain;
+    if (!storageDomain || storageDomain === "default") {
+      // 兼容历史版本出现的default字符串设置
+      storageDomain = appName; // null/default场景，不和其他应用共享localStorage, 也规避了考虑同名item问题
+    } else if (storageDomain === "follow-url") {
+      if (window.location.protocol == "file:") {
+        // file方式加载，使用appName
+        storageDomain = appName;
+        console.warn("Storage domain follow-url not support file://");
+      } else {
+        storageDomain = window.location.hostname;
 
-      // (可选配置)按键接受的扩展，例如将静音按键(JAVA键值为164)映射为JS键值20001，PS:注意"164"的引号
-      window.JsView.addKeysMap(this.#config.vendorConfig.bindKeys);
-
-      // (可选配置)localStorage支持
-      let storageDomain = this.#config.jsviewConfig.localStorage.domain;
-      if (!storageDomain || storageDomain === "default") {
-        // 兼容历史版本出现的default字符串设置
-        storageDomain = appName; // null/default场景，不和其他应用共享localStorage, 也规避了考虑同名item问题
-      } else if (storageDomain === "follow-url") {
-        if (window.location.protocol == "file:") {
-          // file方式加载，使用appName
+        const ipv4Regex = /^(\d{1,3}\.){3}\d{1,3}$/;
+        const ipv6Regex = /^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$/;
+        if (ipv4Regex.test(storageDomain) || ipv6Regex.test(storageDomain)) {
+          // ip形式, 不能作为合格domain, 使用appName作为domain
           storageDomain = appName;
-          console.warn("Storage domain follow-url not support file://");
-        } else {
-          storageDomain = window.location.hostname;
-
-          const ipv4Regex = /^(\d{1,3}\.){3}\d{1,3}$/;
-          const ipv6Regex = /^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$/;
-          if (ipv4Regex.test(storageDomain) || ipv6Regex.test(storageDomain)) {
-            // ip形式, 不能作为合格domain, 使用appName作为domain
-            storageDomain = appName;
-            console.warn("Storage domain follow-url not support host with ip");
-          }
+          console.warn("Storage domain follow-url not support host with ip");
         }
       }
-      console.log(`Storage domain [${storageDomain}]`);
-      window.JsView.setStorageDomain(storageDomain); // Domain为app包名
-
-      const localStorageKeys = this.#config.jsviewConfig.localStorage.presetKeys;
-      window.JsView.enableStorageNames(...localStorageKeys);
+    }
+    console.log(`Storage domain [${storageDomain}]`);
+    window.JsvCoreApi.setStorageDomain(storageDomain); // Domain为app包名
 
-      // (可选设置)cookies的支持
-      const cookiesDomain = this.#config.jsviewConfig.cookies?.domain;
-      if (cookiesDomain) {
-        console.log("Enable cookie for domain " + cookiesDomain);
-        window.JsView.setCookieDomain?.(cookiesDomain);
-      }
+    const localStorageKeys = this.#config.jsviewConfig.localStorage.presetKeys;
+    window.JsvCoreApi.enableStorageNames(...localStorageKeys);
 
-      // JsView Dom相关配置
-      window.JsView.Dom.Render = function () {
-        onLoaded()
-      };
-    } else {
-      this.#forgeAppClass.SetRender(function () {
-        onLoaded();
-      })
+    // (可选设置)cookies的支持
+    const cookiesDomain = this.#config.jsviewConfig.cookies?.domain;
+    if (cookiesDomain) {
+      console.log("Enable cookie for domain " + cookiesDomain);
+      window.JsvCoreApi.setCookieDomain(cookiesDomain);
     }
   }
 
   #checkEngineVersion() {
-    if (!window.JsView) {
-      return;
-    }
-
     // 检查配套引擎的版本
-    if (window.JsView.CodeRevision !== TargetRevision.CoreRevision /* Native引擎版本(由APK启动参数 CORE 决定) */) {
-      console.warn(`Warning: JsView Engine version miss matched, some effect will be lost or crash!! current using core=${window.JsView.CodeRevision} (but core should be ${TargetRevision.CoreRevision})`);
+    if (window.JsvCoreApi.CodeRevision !== TargetRevision.CoreRevision /* Native引擎版本(由APK启动参数 CORE 决定) */) {
+      console.warn(`Warning: JsView Engine version miss matched, some effect will be lost or crash!! current using core=${window.JsvCoreApi.CodeRevision} (but core should be ${TargetRevision.CoreRevision})`);
     }
   }
 
@@ -220,13 +213,7 @@ export default class JsViewLoader {
     return designMap;
   }
 
-  #runForgeApp(activityManager) {
-    console.log("JsView Loader: Run forge app.");
-    this.#forgeActivityManager = activityManager;
-    this.#tryStartForgeApp();
-  }
-
-  #tryStartForgeApp() {
+  #tryStartForgeApp(onForgeAppReady) {
     if (!this.#forgeActivityManager ||
       this.#jsviewInited == false) {
       return;
@@ -235,6 +222,9 @@ export default class JsViewLoader {
     console.log("JsView Loader: Start forge app.");
     // eslint-disable-next-line new-cap
     this.#forgeApp = new this.#forgeAppClass(this.#forgeActivityManager);
+
+    // Forge app创建完成
+    onForgeAppReady();
   }
 
   #config = JsViewDefConfig;

package/loader/jsview-main.mjs

@@ -19,7 +19,7 @@ async function main() {
     try {
       await import('/src/main.tsx');
     } finally {
-      window.JsView?.onMainTsDone(); // 通知Java, 此时app首次渲染执行完毕
+      window.JsvCoreApi.onMainTsDone(); // 通知Java, 此时app首次渲染执行完毕
     }
   };
   jsviewLoader.initJsViewEnv(appConfig.AppName, onInitJsViewEnv, PERMISSION);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shijiu/jsview",
-  "version": "2.2.373",
+  "version": "2.3.0",
   "bin": {
     "jsview-post-build": "./tools/jsview-post-build.js",
     "jsview-post-install": "./tools/jsview-post-install.js"

package/patches/node_modules/vite/dist/node/jsview-vite-extension.js

@@ -2,6 +2,7 @@ import { defineConfig } from 'vite'
 import fs from 'fs'
 import path from 'path'
 // import fullReload from 'vite-plugin-full-reload';
+// import wasm from "vite-plugin-wasm";
 
 // https://vitejs.dev/config/
 const jsviewConfig = defineConfig({
@@ -23,10 +24,10 @@ const jsviewConfig = defineConfig({
       polyfill: false
     },
     rollupOptions: {
+      onwarn: onRollupWarning,
       output: {
-        assetFileNames: (chunkInfo) => chunkInfo.name.endsWith('.css') ? 'css/[name].[hash].css' : 'assets/[name].[hash].[ext]',
-        chunkFileNames: process.env['JSVIEW_KEEP_CHUNKNAME'] ? 'js/[name].[hash].js' : 'js/chunk.jsv2.[hash].js',
-		    // chunkFileNames: 'js/[name].[hash].js',
+        assetFileNames: getFileName,
+        chunkFileNames: getFileName,
         entryFileNames: 'js/main.jsv.[hash].js',
         format: 'esm',
         manualChunks: {
@@ -42,7 +43,7 @@ const jsviewConfig = defineConfig({
       },
       plugins: [
         {
-          name: 'remove-bangs',
+          name: 'vite-plugin-remove-bangs',
           renderChunk(code) { return {
             code: code.replace(/^\/\/!/g, '//').replace(/^\/\*!/g, '/*'),
             map: null,
@@ -72,9 +73,10 @@ const jsviewConfig = defineConfig({
       'jsview-vue-samples',
     ],
   },
-  // plugins: [
+  plugins: [
   //   fullReload('node_modules/@shijiu/**/*'),
-  // ],
+    // wasm(),
+  ],
   resolve: {
     alias: {
       // 'jsview': path.resolve(process.cwd(), 'node_modules/@shijiu/jsview'),
@@ -87,7 +89,12 @@ const jsviewConfig = defineConfig({
     preserveSymlinks: true
   },
   server: {
+    headers: { // 启用浏览器SharedArrayBuffer，webassmbly的thread用
+      'Cross-Origin-Opener-Policy': 'same-origin',
+      'Cross-Origin-Embedder-Policy': 'require-corp',
+    },
     host: true,
+    https: process.env['JSVIEW_ENABLE_HTTPS'] ? getHttpsConfig() : false,
     open: !process.env['JSVIEW_DISABLE_OPEN_BROWSER'] && process.platform === "darwin",
     watch: {
       ignored: [
@@ -95,6 +102,16 @@ const jsviewConfig = defineConfig({
       ],
     }
   },
+  worker: {
+    format: 'esm',
+    rollupOptions: {
+      output: {
+        assetFileNames: getFileName,
+        chunkFileNames: getFileName,
+        entryFileNames: getFileName,
+      },
+    },
+  },
 });
 
 function getModuleDir() {
@@ -135,6 +152,50 @@ function ensureFramework(originConfig) {
   return framework;
 }
 
+function getFileName(chunkInfo) {
+  if(chunkInfo.name.endsWith('.css')) {
+    return 'css/[name].[hash].css';
+  } else if(chunkInfo.name.endsWith('.ttf')) {
+    return 'assets/[name].ttf';
+  } else if(chunkInfo.name.endsWith('.wasm')) {
+    return 'js/[name].wasm';
+  } else if(chunkInfo.type == 'chunk') {
+    return (process.env['JSVIEW_KEEP_CHUNKNAME'] ? 'js/[name].[hash].js' : 'js/chunk.jsv2.[hash].js');
+  }
+
+  return 'assets/[name].[hash].[ext]'
+}
+
+function onRollupWarning(warning, defaultHandler) {
+  if (warning.code === 'FILE_NAME_CONFLICT') {
+    if(warning.message.includes('jsview-dom-browser-forge')
+    && warning.message.includes('.wasm')) {
+      console.info('\nJsView Info: Ignore warning', warning.message)
+      return;
+    }
+  } else if (warning.code === 'EVAL') {
+    if(warning.message.includes('mock.js')) {
+      console.info('\nJsView Info: Ignore warning', warning.message)
+      return;
+    }
+  }
+
+  defaultHandler(warning);
+}
+
+function getHttpsConfig() {
+  const configDir = path.resolve(getModuleDir(), '@shijiu/jsview/tools/https-server-config');
+  const certFilePath = path.resolve(configDir, 'cert.pem');
+  const keyFilePath = path.resolve(configDir, 'key.pem');
+
+  return {
+    cert: fs.readFileSync(certFilePath),
+    key: fs.readFileSync(keyFilePath),
+    maxVersion: 'TLSv1.2',
+    minVersion: 'TLSv1',
+  }
+}
+
 function jsvCreateJsViewViteConfig(originConfig) {
   let aliasJsView;
 

package/tools/https-server-config/cert.pem

@@ -0,0 +1,61 @@
+-----BEGIN CERTIFICATE-----
+MIIF+TCCBOGgAwIBAgIQD86irWNoDq1u1raeYxf5STANBgkqhkiG9w0BAQsFADBu
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMS0wKwYDVQQDEyRFbmNyeXB0aW9uIEV2ZXJ5d2hlcmUg
+RFYgVExTIENBIC0gRzIwHhcNMjQxMDI0MDAwMDAwWhcNMjUwMTIxMjM1OTU5WjAU
+MRIwEAYDVQQDEwlxaW5nbWEuY2MwggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEK
+AoIBAQCnub2hwc+a36hc5XwRg9GADOck0+lFRAwWPxkoTKF2hucVDASM2W75iXAk
+PaOOWSkoGsbCBSpTvdW1lmQDpMwSaQPpk6caeQi3XAQr8Cm6EwFoG3KjlXJgQDYm
+MRrE+CMfr4SlJ4sG+mSMPHONgFcPBDB+9hoMC9Fxqz+A8IUe+tpIVIyxaC2JkI7F
+PtWLGwUZqVmx3qwnbi8do86Szp5OZKQeiBVSJfvhqDqp9q+2Q+0ktjvXy2ru6a63
+V8hKA5RLO3XcpQfPryM+fX4U/0rveF9pgo0Kd9Nqvx3nVgglHJKekI1sp51uMrv+
+zW4QrsuDYuWyebmTN7RaFiE3kICpAgMBAAGjggLrMIIC5zAfBgNVHSMEGDAWgBR4
+35GQX+7erPbFdevVTFVT7yRKtjAdBgNVHQ4EFgQU5/BTc9JIOxyG/HeKbZ5UV3cq
++w8wIwYDVR0RBBwwGoIJcWluZ21hLmNjgg13d3cucWluZ21hLmNjMD4GA1UdIAQ3
+MDUwMwYGZ4EMAQIBMCkwJwYIKwYBBQUHAgEWG2h0dHA6Ly93d3cuZGlnaWNlcnQu
+Y29tL0NQUzAOBgNVHQ8BAf8EBAMCBaAwHQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsG
+AQUFBwMCMIGABggrBgEFBQcBAQR0MHIwJAYIKwYBBQUHMAGGGGh0dHA6Ly9vY3Nw
+LmRpZ2ljZXJ0LmNvbTBKBggrBgEFBQcwAoY+aHR0cDovL2NhY2VydHMuZGlnaWNl
+cnQuY29tL0VuY3J5cHRpb25FdmVyeXdoZXJlRFZUTFNDQS1HMi5jcnQwDAYDVR0T
+AQH/BAIwADCCAX4GCisGAQQB1nkCBAIEggFuBIIBagFoAHYATnWjJ1yaEMM4W2zU
+3z9S6x3w4I4bjWnAsfpksWKaOd8AAAGSvU+icAAABAMARzBFAiBJVL9R7lBz16jy
+8e0TJBdTzV3fMTWfzlRYZhG+I14puAIhANzli+hGrVk7AcsZCMMohZMcktsBKOfb
+zsFZFllGlgXcAHYAfVkeEuF4KnscYWd8Xv340IdcFKBOlZ65Ay/ZDowuebgAAAGS
+vU+iKwAABAMARzBFAiEA/AuFfaSAEthtIWr/xBManOf3Bz2LJPK8+YUtODolslAC
+IFo7Y5E9FpWqQSNWB+Gq35rOsn/u9Chqfeu7h/LV33HPAHYA5tIxY0B3jMEQQQbX
+cbnOwdJA9paEhvu6hzId/R43jlAAAAGSvU+iQAAABAMARzBFAiBhpXUJ0Ix8NI2Q
+pKgzYUtz8WxSxuGTpf2bJw+xCybZeQIhAKz0p1DvF9hcp46QAfwVTlwyVPNDJCLD
+OYSqdfy6xWCyMA0GCSqGSIb3DQEBCwUAA4IBAQCDQbUsMb7BOr4iCbcbZ25I7VDF
+xUzk9b2n/z4CDlbbnmWn/8YtMORyspG2bBKp62sPpgt86SQC+f81aPMCAylJZjbt
+gS4IGCQnnHyJsLez4ITQwA38xemjP/vbc++GVuQZFADfDYoSfjq73prEeGybtL9j
+bkkkO3xC5Bba7enxu1IPlEwXOzlmfj5NxY6L69NRLYhgSeoEGl4NxMkAF5Cef6B8
+wRMmeoyBtguAdLRU+y4I9Bsm5yOs+iSRb6nzTkbYj2QYvByXcHwC2bpW0wKJZYS+
+KDUYTqSwJp9Jw9Jec6uSoZfsvaezKw1Gy40jtQbvsK+fr4LXFN8qi2aJWgl9
+-----END CERTIFICATE-----
+-----BEGIN CERTIFICATE-----
+MIIEqjCCA5KgAwIBAgIQDeD/te5iy2EQn2CMnO1e0zANBgkqhkiG9w0BAQsFADBh
+MQswCQYDVQQGEwJVUzEVMBMGA1UEChMMRGlnaUNlcnQgSW5jMRkwFwYDVQQLExB3
+d3cuZGlnaWNlcnQuY29tMSAwHgYDVQQDExdEaWdpQ2VydCBHbG9iYWwgUm9vdCBH
+MjAeFw0xNzExMjcxMjQ2NDBaFw0yNzExMjcxMjQ2NDBaMG4xCzAJBgNVBAYTAlVT
+MRUwEwYDVQQKEwxEaWdpQ2VydCBJbmMxGTAXBgNVBAsTEHd3dy5kaWdpY2VydC5j
+b20xLTArBgNVBAMTJEVuY3J5cHRpb24gRXZlcnl3aGVyZSBEViBUTFMgQ0EgLSBH
+MjCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAO8Uf46i/nr7pkgTDqnE
+eSIfCFqvPnUq3aF1tMJ5hh9MnO6Lmt5UdHfBGwC9Si+XjK12cjZgxObsL6Rg1njv
+NhAMJ4JunN0JGGRJGSevbJsA3sc68nbPQzuKp5Jc8vpryp2mts38pSCXorPR+sch
+QisKA7OSQ1MjcFN0d7tbrceWFNbzgL2csJVQeogOBGSe/KZEIZw6gXLKeFe7mupn
+NYJROi2iC11+HuF79iAttMc32Cv6UOxixY/3ZV+LzpLnklFq98XORgwkIJL1HuvP
+ha8yvb+W6JislZJL+HLFtidoxmI7Qm3ZyIV66W533DsGFimFJkz3y0GeHWuSVMbI
+lfsCAwEAAaOCAU8wggFLMB0GA1UdDgQWBBR435GQX+7erPbFdevVTFVT7yRKtjAf
+BgNVHSMEGDAWgBROIlQgGJXm427mD/r6uRLtBhePOTAOBgNVHQ8BAf8EBAMCAYYw
+HQYDVR0lBBYwFAYIKwYBBQUHAwEGCCsGAQUFBwMCMBIGA1UdEwEB/wQIMAYBAf8C
+AQAwNAYIKwYBBQUHAQEEKDAmMCQGCCsGAQUFBzABhhhodHRwOi8vb2NzcC5kaWdp
+Y2VydC5jb20wQgYDVR0fBDswOTA3oDWgM4YxaHR0cDovL2NybDMuZGlnaWNlcnQu
+Y29tL0RpZ2lDZXJ0R2xvYmFsUm9vdEcyLmNybDBMBgNVHSAERTBDMDcGCWCGSAGG
+/WwBAjAqMCgGCCsGAQUFBwIBFhxodHRwczovL3d3dy5kaWdpY2VydC5jb20vQ1BT
+MAgGBmeBDAECATANBgkqhkiG9w0BAQsFAAOCAQEAoBs1eCLKakLtVRPFRjBIJ9LJ
+L0s8ZWum8U8/1TMVkQMBn+CPb5xnCD0GSA6L/V0ZFrMNqBirrr5B241OesECvxIi
+98bZ90h9+q/X5eMyOD35f8YTaEMpdnQCnawIwiHx06/0BfiTj+b/XQih+mqt3ZXe
+xNCJqKexdiB2IWGSKcgahPacWkk/BAQFisKIFYEqHzV974S3FAz/8LIfD58xnsEN
+GfzyIDkH3JrwYZ8caPTf6ZX9M1GrISN8HnWTtdNCH2xEajRa/h9ZBXjUyFKQrGk2
+n2hcLrfZSbynEC/pSw/ET7H5nWwckjmAJ1l9fcnbqkU/pf6uMQmnfl0JQjJNSg==
+-----END CERTIFICATE-----

package/tools/https-server-config/key.pem

@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEAp7m9ocHPmt+oXOV8EYPRgAznJNPpRUQMFj8ZKEyhdobnFQwE
+jNlu+YlwJD2jjlkpKBrGwgUqU73VtZZkA6TMEmkD6ZOnGnkIt1wEK/ApuhMBaBty
+o5VyYEA2JjEaxPgjH6+EpSeLBvpkjDxzjYBXDwQwfvYaDAvRcas/gPCFHvraSFSM
+sWgtiZCOxT7VixsFGalZsd6sJ24vHaPOks6eTmSkHogVUiX74ag6qfavtkPtJLY7
+18tq7umut1fISgOUSzt13KUHz68jPn1+FP9K73hfaYKNCnfTar8d51YIJRySnpCN
+bKedbjK7/s1uEK7Lg2Llsnm5kze0WhYhN5CAqQIDAQABAoIBADntueQjVzurYa/s
+BqTZ/UKXskGS+y9UKESKuHqltOKGB0vKocuv0VdYM6Ygr9ubSc6zKNCcDhlsKGKW
+NabYhS8anCJRP9ax1OPXYQ133kGJDORTDo4XMLCznMAmF5POC/uGmG6eMLNRSebx
+fgtyNx9VmBZRk39zmXwD5GP5LlEbTQ70MB56DdpQPOe8UZgT3aITZTRhGxwk9Z7N
+YdhJLVRyS3lufnLxBgj+VFMmqViBgWPfi/T73V1tg+6i/n+MHVPY8XprqiioO3yE
+FPDe4+5AciimTg9QrlqF7ZmyRx9c0zdxs2aDewPXovp4fmyO91I81f/XbxwR4Hg+
+WbHUZ60CgYEA4sHLxidVhQD6wZrbmbjY3zgHsAtpKqst+xiRD73Uo4UM5B7A3+bo
+v5HJx/PX+Ax4O8PZz8ghGS+J8xXXAAHdnBetYT5YniOfkFw/XDl7y1IazY+74k5e
+Wew+mdELKRJtW/3ylFDcsHMxy9aA+jNVm0m8hjMnHdhufPZhs6wdpAsCgYEAvVsR
+Rizx710Hlon5/byYPgo+vjPxTHNH/5b4nLmYTNsDWzVO8LqVkPpT8XewfEAYSOpp
+uAYfK2GJc36XFX/0sZJFwuChKapnuL2r2x1OLKqJjKK/f+5XUirRFh//bMpS/FsM
++0/DWnfYsw9dwgnH2JIuods1+8SL7uFWYBV5SpsCgYBoT8YxzX5lxOGVlmtW99Ws
+OdYvgdBLNJveWprApw7eeiJH/m2zkkGXfrVYKjA7h2D3/UyBbQrszxWioXVaJ4GO
+gMXdahTSCokom4b6Ied0zLxPu8Mug+abbzYNBEEiD7wHCXdCC0C6WwOZRX/nmR3U
+ZcM36OghrqKFEcI4KQEpqQKBgQCRzus5T2io+cjbCbofwba1pyvzSIoZZXfef0FH
+Zb66B7fI5v63beW38prrCFA1DSHmG+N2WfhsbjnqXmM2ogYpKkpfqptPOzGNVzhb
+jHBjAprSWYv+lehVlDTWxaLpAc7vFamkZyI1qq2KDF4VCXUC9mXEKsmh6hIayxe4
++zAf2wKBgA8qx/b8IpSc/9KJATtpNwnSWkDhwzazU8rwHTE8QDsbmSurf2eBtC3e
+5Gki7XcXpVIroERRfy5jdKfZ0xb5SmBsqCxu3NTDLtwuV3PMqh5oSGi6fjzL6/dn
+XNaHyu1jMd2g3AxoWVk6+41iuHEIJZ2UnJhrFXsIsWejmrni6vGT
+-----END RSA PRIVATE KEY-----

package/tools/https-server-config/serve.config.json

@@ -0,0 +1,16 @@
+{
+  "headers": [
+    {
+      "source": "**/*",
+      "headers": [
+        {
+          "key": "Cross-Origin-Opener-Policy",
+          "value": "same-origin"
+        }, {
+          "key": "Cross-Origin-Embedder-Policy",
+          "value": "require-corp"
+        }
+      ]
+    }
+  ]
+}

package/tools/jsview-common.mjs

@@ -179,6 +179,7 @@ function parseArguments(requiredUsages = {},
 /**************************************************
  * jsview-test-project
  * ├── dist
+ * │   ├── assets
  * │   ├── debug
  * │   │   └── map
  * │   └── js
@@ -209,6 +210,7 @@ function getOptions(framework)
   options.modulesDir = path.resolve(options.projectDir, 'node_modules');
   options.jsviewDir = path.resolve(options.modulesDir, '@shijiu', 'jsview');
   options.jsviewDomDir = path.resolve(options.jsviewDir, 'dom');
+  options.jsviewDomBinDir = path.resolve(options.jsviewDomDir, 'bin');
   options.jsviewPatchesDir = path.resolve(options.jsviewDir, 'patches');
   options.jsviewPatchModulesDir = path.resolve(options.jsviewPatchesDir, 'node_modules');
   options.jsviewToolsDir = path.resolve(options.jsviewDir, 'tools');
@@ -241,6 +243,7 @@ function getOptions(framework)
   options.distJsvListFile = path.resolve(options.distDir, 'jsv-list.json');
   options.distJsvInfoFile = path.resolve(options.distDir, 'jsv-info.json');
   options.distJsIndexFile = path.resolve(options.distDir, 'index.html');
+  options.distAssetsDir = path.resolve(options.distDir, 'assets');
   options.distJsDir = path.resolve(options.distDir, 'js');
   options.distDebugDir = path.resolve(options.distDir, 'debug');
   options.distDebugMapDir = path.resolve(options.distDebugDir, 'map');
@@ -326,6 +329,18 @@ function symlinkSync(workDir, targetPath, toPath)
   fs.symlinkSync(relativePath, toPath, 'junction');
 }
 
+function isCommandAvailable(command) {
+  const isWindows = process.platform === 'win32';
+  const cmd = isWindows ? 'where' : 'which';
+  
+  const result = childProcess.spawnSync(cmd, [command], {
+    stdio: 'ignore',
+    shell: true
+  });
+  
+  return result.status === 0;
+}
+
 function isSymlinkSync(filePath)
 {
   const stats = fs.lstatSync(filePath);
@@ -363,6 +378,54 @@ function execCommandAsync(cmdline)
   });
 }
 
+function execCommandPromise(cmdline)
+{
+  let log = '';
+
+  const promise = new Promise((resolve, reject) => {
+    const child = childProcess.spawn(cmdline, null, { shell: true });
+    child.stdout.on('data', (data) => {
+      log += data;
+    });
+    child.stderr.on('data', (data) => {
+      log += data;
+    });
+    child.on('close', (code) => {
+      if (code !== 0) {
+        reject(log);
+      } else {
+        resolve(log);
+      }
+    });
+  });
+
+  return promise;
+}
+
+function execCommandWithLiveLog(cmdline)
+{
+  Logger.Info('Run [' + cmdline + ']... ');
+  const promise = new Promise((resolve, reject) => {
+    const child = childProcess.spawn(cmdline, null, { shell: true });
+    child.stdout.on('data', (data) => {
+      process.stdout.write(data);
+    });
+    child.stderr.on('data', (data) => {
+      process.stderr.write(data);
+    });
+    child.on('close', (code) => {
+      if (code !== 0) {
+        process.exit(code);
+      }
+
+      resolve();
+    });
+  });
+
+  return promise;
+}
+
+
 function checkNodeVersion(minMajorVersion = 16)
 {
   const versions = process.version.replace('v', '').split('.');
@@ -464,7 +527,7 @@ function downloadFileAsync(url, localPath, workDir)
 
 function unzipFile(zipFilePath, toDir, workDir)
 {
-  var relativePath = path.relative(workDir, toDir);
+  let relativePath = path.relative(workDir, toDir);
   if(!relativePath) {
     relativePath = './'
   }
@@ -474,6 +537,21 @@ function unzipFile(zipFilePath, toDir, workDir)
   execCommand(cmdline);
 }
 
+function getExportPrefix()
+{
+  let exportPrefix = 'export';
+  if(process.platform == 'win32') {
+      exportPrefix = 'set'
+  }
+
+  return exportPrefix;
+}
+
+function getJsViewBurdenDefaultBaseUrl()
+{
+  return 'https://cdn.release.qcast.cn/JsViewTest/wasm/resources';
+}
+
 function getNpmRegistry()
 {
   return 'https://nexus.cluster.qcast.cn/repository/npm-public';
@@ -485,8 +563,8 @@ function getNetworkIpv4Addresses() {
   for (const devName in interfaces) {
     const iface = interfaces[devName];
 
-    for (var idx = 0; idx < iface.length; idx++) {
-      var alias = iface[idx];
+    for (let idx = 0; idx < iface.length; idx++) {
+      let alias = iface[idx];
       if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
         addresses.push(alias.address);
       }
@@ -504,9 +582,14 @@ export {
   downloadFileAsync,
   execCommand,
   execCommandAsync,
+  execCommandPromise,
+  execCommandWithLiveLog,
+  getExportPrefix,
+  getJsViewBurdenDefaultBaseUrl,
   getNetworkIpv4Addresses,
   getNpmRegistry,
   getOptions,
+  isCommandAvailable,
   isSymlinkSync,
   loadPackageObject,
   makeZip,