@aiot-toolkit/aiotpack 2.0.4-beta.2 → 2.0.4-beta.4

package/lib/afterCompile/ux/UxAfterCompile.js

@@ -164,7 +164,7 @@ class UxAfterCompile {
         outputPath,
         completeFeature
       } = compilerOption;
-      const content = _UxFileUtils.default.getMainfestInfo(projectPath, sourceRoot);
+      const content = _UxFileUtils.default.getManifestInfo(projectPath, sourceRoot);
       const translateCache = context.translateCache;
       if (!content.minAPILevel) {
         content.minAPILevel = 1;
@@ -232,7 +232,7 @@ class UxAfterCompile {
       const content = Object.keys(comment).map(key => `${key}=${comment[key]}`).join('\n');
       _fsExtra.default.outputFileSync(_path.default.join(outputAbsPath, _ZipUtil.default.BUILD_FILE_PATH), content);
       // cert
-      const files = _ZipUtil.default.getSortedFiles(outputAbsPath, compilerOption, _UxFileUtils.default.getMainfestInfo(projectPath, sourceRoot));
+      const files = _ZipUtil.default.getSortedFiles(outputAbsPath, compilerOption, _UxFileUtils.default.getManifestInfo(projectPath, sourceRoot));
       const digestDic = Object.fromEntries(files.map(item => [item, _sharedUtils.CommonUtil.calcDataDigest(_fsExtra.default.readFileSync(_path.default.join(outputAbsPath, item))).toString('hex')]));
       const hashJson = [{
         path: _ZipUtil.default.DIGEST_HASH_JSON,

package/lib/compiler/javascript/JavascriptCompiler.js

@@ -16,31 +16,37 @@ class JavascriptCompiler {
   QUICKAPP_CONFIG = 'quickapp.config.js';
   async compile(param) {
     return new Promise(async (resolve, reject) => {
-      await this.clean(param);
-      const config = this.createWebpackConfig(param);
-      (0, _core.rspack)(config, (error, stats) => {
-        if (error) {
-          reject({
-            errors: [error]
-          });
-        } else {
-          const statsObj = stats?.toJson({});
-          if (statsObj) {
-            const {
-              errors,
-              warnings
-            } = statsObj;
-            if (errors?.length || warnings?.length) {
-              reject({
+      try {
+        await this.clean(param);
+        const config = this.createWebpackConfig(param);
+        (0, _core.rspack)(config, (error, stats) => {
+          if (error) {
+            reject({
+              errors: [error]
+            });
+          } else {
+            const statsObj = stats?.toJson({});
+            if (statsObj) {
+              const {
                 errors,
                 warnings
-              });
-            } else {
-              resolve();
+              } = statsObj;
+              if (errors?.length || warnings?.length) {
+                reject({
+                  errors,
+                  warnings
+                });
+              } else {
+                resolve();
+              }
             }
           }
-        }
-      });
+        });
+      } catch (error) {
+        reject({
+          errors: [error]
+        });
+      }
     });
   }
   createWebpackConfig(param) {
@@ -62,7 +68,7 @@ class JavascriptCompiler {
     } = param;
     const buildPath = _path.default.resolve(projectPath, outputPath);
     const quickAppConfig = _sharedUtils.CommonUtil.requireModule(_path.default.join(param.projectPath, this.QUICKAPP_CONFIG));
-    const result = {
+    let result = {
       context: projectPath,
       mode,
       devtool: devtool,
@@ -128,12 +134,19 @@ class JavascriptCompiler {
       configurator.hook(result);
     }
 
-    // 数组，则全部数组(默认合并数组中相同序号的项)
-    return _lodash.default.mergeWith({}, result, quickAppConfig?.webpack, (source, target) => {
+    // 合并用户自定义的webpack配置
+    // 数组，则合并数组(默认合并数组中相同序号的项)
+    result = _lodash.default.mergeWith({}, result, quickAppConfig?.webpack, (source, target) => {
       if (Array.isArray(target) && Array.isArray(source)) {
         return [...target, ...source];
       }
     });
+
+    // 触发用户配置的posthook
+    if (quickAppConfig?.postHook) {
+      quickAppConfig.postHook(result);
+    }
+    return result;
   }
   getConfigurator(param) {
     const {

package/lib/compiler/javascript/android/plugin/WrapPlugin.js

@@ -77,7 +77,7 @@ class WrapPlugin {
     return new _webpackSources.ConcatSource(`
 (function () {
   var $app_define_wrap$ = $app_define_wrap$ || function () {};
-  var manifestJson =${JSON.stringify(_UxFileUtils.default.getMainfestInfo(projectPath, sourceRoot))}
+  var manifestJson =${JSON.stringify(_UxFileUtils.default.getManifestInfo(projectPath, sourceRoot))}
   var createAppHandler = function () {
       `, source, `
   }

package/lib/compiler/javascript/vela/VelaWebpackConfigurator.js

@@ -22,7 +22,7 @@ class VelaWebpackConfigurator {
     return result;
   }
   createWrapPlugin() {
-    return new _WrapPlugin.default();
+    return new _WrapPlugin.default(this.param);
   }
   createBundleAnalyzerPlugin() {
     const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

package/lib/compiler/javascript/vela/plugin/WrapPlugin.d.ts

@@ -1,6 +1,10 @@
 import { Compiler } from '@rspack/core';
+import IJavascriptCompileOption from '../../interface/IJavascriptCompileOption';
 declare class WrapPlugin {
+    private compilerOption;
+    constructor(compilerOption: IJavascriptCompileOption);
     apply(compiler: Compiler): void;
     private wrap;
+    private translateStyleFunc;
 }
 export default WrapPlugin;

package/lib/compiler/javascript/vela/plugin/WrapPlugin.js

@@ -7,6 +7,9 @@ exports.default = void 0;
 var _core = require("@rspack/core");
 var _webpackSources = require("webpack-sources");
 class WrapPlugin {
+  constructor(compilerOption) {
+    this.compilerOption = compilerOption;
+  }
   apply(compiler) {
     // 给入口文件加上包裹函数
     compiler.hooks.compilation.tap('WrapPlugin', compilation => {
@@ -19,12 +22,17 @@ class WrapPlugin {
     });
   }
   wrap(compilation) {
+    const {
+      enableE2e
+    } = this.compilerOption;
     // 获取入口文件
     const entrys = Object.keys(compilation.options.entry).map(item => `${item}.js`);
     // 从chunk找到所有入口文件，添加包裹函数
     entrys.forEach(entry => {
       if (compilation.assets[entry]) {
         const source = compilation.assets[entry];
+        const isApp = entry === 'app.js';
+        const createFuncnName = isApp ? 'createAppHandler' : 'createPageHandler';
         compilation.assets[entry] = new _webpackSources.ConcatSource(`
         export default function(global, globalThis, window, $app_exports$, $app_evaluate$){
           var org_app_require = $app_require$;
@@ -36,29 +44,45 @@ class WrapPlugin {
             var clearInterval = global.clearInterval;
             var $app_require$ = global.$app_require$ || org_app_require
 
+            ${enableE2e ? `globalThis = undefined; \n global = typeof window === "undefined" ? global.__proto__  : window;` : ''}
             // 转换动态 style 的函数
-            var $translateStyle$ = function (value) {
-              if (typeof value === 'string') {
-                return Object.fromEntries(value.split(';').filter(item => Boolean(item && item.trim())).map(
-                  item => {
-                    const matchs = item.match(/([^:]+):(.*)/)
-                    if (matchs && matchs.length> 2) {
-                      return [matchs[1].trim().replace(/-([a-z])/g, (_, match) => match.toUpperCase()), matchs[2].trim()]
-                    }
-                    return []
-                  }))}
-              return value
-            }
-        
-            var createPageHandler = function() {
+            ${isApp ? this.translateStyleFunc() : ''}
+            var ${createFuncnName} = function() {
               return `, source, `
             }
         
-            return createPageHandler();
+            return ${createFuncnName}();
           })(global, globalThis, window, $app_exports$, $app_evaluate$)
         }`);
       }
     });
   }
+  translateStyleFunc() {
+    return `
+var $translateStyle$ = function (value) {
+  if (typeof value === 'string') {
+    return Object.fromEntries(
+      value
+        .split(';')
+        .filter((item) => Boolean(item && item.trim()))
+        .map((item) => {
+          const matchs = item.match(/([^:]+):(.*)/);
+          if (matchs && matchs.length > 2) {
+            return [
+              matchs[1]
+                .trim()
+                .replace(/-([a-z])/g, (_, match) => match.toUpperCase()),
+              matchs[2].trim(),
+            ];
+          }
+          return [];
+        })
+    );
+  }
+  return value;
+};
+global.$translateStyle$ = $translateStyle$
+`;
+  }
 }
 var _default = exports.default = WrapPlugin;

package/lib/compiler/javascript/vela/utils/ZipUtil.js

@@ -58,7 +58,7 @@ class ZipUtil {
    * @returns 生成的 rpk 文件名
    */
   static async createRpk(dist, param) {
-    const config = _UxFileUtils.default.getMainfestInfo(param.projectPath, param.sourceRoot);
+    const config = _UxFileUtils.default.getManifestInfo(param.projectPath, param.sourceRoot);
 
     // 1
     const files = this.getSortedFiles(dist, param, config);

package/lib/utils/BeforeCompileUtils.js

@@ -33,7 +33,7 @@ class BeforeCompileUtils {
     } = context;
     const srcPath = _path.default.join(projectPath, compilerOption.sourceRoot);
     // 判断路径是否真实存在
-    const manifestContent = _UxFileUtils.default.getMainfestInfo(projectPath);
+    const manifestContent = _UxFileUtils.default.getManifestInfo(projectPath);
     // 存储entries
     let entryList = [];
     const {

package/lib/utils/ux/UxFileUtils.d.ts

@@ -15,7 +15,7 @@ export declare class UxFileUtils {
      * @param sourceRoot
      * @returns
      */
-    static getMainfestInfo(projectPath: string, sourceRoot?: string): IManifest;
+    static getManifestInfo(projectPath: string, sourceRoot?: string): IManifest;
     /**
      * 检查 manifest文件，并显示错误信息
      *

package/lib/utils/ux/UxFileUtils.js

@@ -30,7 +30,7 @@ class UxFileUtils {
    * @param sourceRoot
    * @returns
    */
-  static getMainfestInfo(projectPath) {
+  static getManifestInfo(projectPath) {
     let sourceRoot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'src';
     return _fsExtra.default.readJSONSync(UxFileUtils.getManifestFilePath(projectPath, sourceRoot));
   }
@@ -55,7 +55,7 @@ class UxFileUtils {
     }
 
     // 1
-    const jsonData = this.getMainfestInfo(projectPath, sourceRoot);
+    const jsonData = this.getManifestInfo(projectPath, sourceRoot);
     const schema = _ManifestSchema.default;
     const errors = _CommonUtil.default.validateJson(jsonData, schema) || [];
 
@@ -87,7 +87,7 @@ class UxFileUtils {
     const sitemapPath = _path.default.join(projectPath, sourceRoot, 'sitemap.json');
     if (_fsExtra.default.existsSync(sitemapPath)) {
       const rules = _fsExtra.default.readJSONSync(sitemapPath).rules;
-      const manifest = this.getMainfestInfo(projectPath, sourceRoot);
+      const manifest = this.getManifestInfo(projectPath, sourceRoot);
       const pages = Object.keys(manifest.router.pages || {});
       const errorList = [];
       rules.forEach((item, index) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiot-toolkit/aiotpack",
-  "version": "2.0.4-beta.2",
+  "version": "2.0.4-beta.4",
   "description": "The process tool for packaging aiot projects.",
   "keywords": [
     "aiotpack"
@@ -19,16 +19,16 @@
     "test": "node ./__tests__/aiotpack.test.js"
   },
   "dependencies": {
-    "@aiot-toolkit/generator": "2.0.4-beta.2",
-    "@aiot-toolkit/parser": "2.0.4-beta.2",
-    "@aiot-toolkit/shared-utils": "2.0.4-beta.2",
+    "@aiot-toolkit/generator": "2.0.4-beta.4",
+    "@aiot-toolkit/parser": "2.0.4-beta.4",
+    "@aiot-toolkit/shared-utils": "2.0.4-beta.4",
     "@hap-toolkit/aaptjs": "^2.0.0",
     "@rspack/core": "^1.1.8",
     "aiot-parse5": "^1.0.0",
     "archiver": "^7.0.1",
     "babel-loader": "^9.1.3",
     "fast-glob": "^3.3.2",
-    "file-lane": "2.0.4-beta.2",
+    "file-lane": "2.0.4-beta.4",
     "file-loader": "^6.2.0",
     "fs-extra": "^11.2.0",
     "jsrsasign": "^11.1.0",
@@ -46,5 +46,5 @@
     "@types/jsrsasign": "^10.5.12",
     "@types/webpack-sources": "^3.2.3"
   },
-  "gitHead": "e9015685f29790709c420a9f8c41ade936a85300"
+  "gitHead": "f06b80be7d99c43f88db001415c0eb15acb65286"
 }