@aiot-toolkit/aiotpack 2.0.2-beta.1 → 2.0.2-beta.10

package/lib/compiler/javascript/JavascriptCompiler.js

@@ -77,10 +77,10 @@ class JavascriptCompiler {
             module: {
                 rules: [
                     {
-                        test: /\.js$/,
+                        test: /\.ux$/,
                         use: [
                             {
-                                loader: path_1.default.join(__dirname, '../javascript/vela/utils/webpackLoader/splitMap.js')
+                                loader: path_1.default.join(__dirname, '../javascript/vela/utils/webpackLoader/extractMapData.js')
                             }
                         ]
                     }
@@ -108,6 +108,17 @@ class JavascriptCompiler {
                 Array.isArray(readyRules) && readyRules.length > 0
                     ? [...configuratorRules, ...readyRules]
                     : configuratorRules;
+            // 判断devtool类型 inline-source-map时，添加第0列关系映射
+            if (devtool === 'inline-source-map') {
+                result.module.rules.unshift({
+                    test: /\.ux$/,
+                    use: [
+                        {
+                            loader: path_1.default.join(__dirname, '../javascript/vela/utils/webpackLoader/addColSourceMap.js')
+                        }
+                    ]
+                });
+            }
         }
         if (configurator.createPlugins) {
             result.plugins = configurator.createPlugins();

package/lib/compiler/javascript/interface/IJavascriptCompileOption.d.ts

@@ -36,9 +36,17 @@ export default interface IJavascriptCompileOption extends ICompileParam {
     /**
      * 禁用 jsc
      */
-    disabledJSC?: boolean;
+    disabledJsc?: boolean;
     /**
      * 启用 protobuf
      */
     enableProtobuf?: boolean;
+    /**
+     * 启用应用自动化测试
+     */
+    enableE2e?: boolean;
+    /**
+     * 启用代码体积分析，会生成 report.html 文件，可查看打包后各模块占用体积
+     */
+    enableStats?: boolean;
 }

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

@@ -10,10 +10,20 @@ const WrapPlugin_1 = __importDefault(require("./plugin/WrapPlugin"));
 const UxCompileUtil_1 = __importDefault(require("./utils/UxCompileUtil"));
 class VelaWebpackConfigurator {
     createPlugins() {
-        return [
+        const result = [
             // 给 入口js 添加包裹
             new WrapPlugin_1.default()
         ];
+        // 如果开启 stats 参数，则添加 webpack-bundle-analyzer 插件
+        if (this.param.enableStats) {
+            const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+            result.push(new BundleAnalyzerPlugin({
+                analyzerMode: 'static',
+                openAnalyzer: false,
+                excludeAssets: /^@(system|service)\./
+            }));
+        }
+        return result;
     }
     /**
      * 通过读取 manifest.json 生成 entry
@@ -40,7 +50,6 @@ class VelaWebpackConfigurator {
                     {
                         loader: require.resolve('babel-loader'),
                         options: {
-                            // configFile: getBabelConfigJsPath(cwd),
                             cwd: this.param.projectPath,
                             cacheDirectory: true
                         }

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

@@ -130,7 +130,7 @@ class UxCompileUtil {
      * @returns
      */
     static getExtensionList(withDot = true) {
-        const result = ['js'];
+        const result = ['ux'];
         if (withDot) {
             return result.map((item) => `.${item}`);
         }

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

@@ -180,7 +180,7 @@ class ZipUtil {
             return !(item.startsWith(UxCompileUtil_1.default.DIGEST_ZIP_DIR) ||
                 (param.mode === CompileMode_1.default.PRODUCTION && mapReg.test(item)));
         })
-            .map((item) => path_1.default.relative(dist, item));
+            .map((item) => path_1.default.relative(dist, item).split(path_1.default.sep).join(path_1.default.posix.sep));
         result.sort((a, b) => {
             const indexA = getFileIndex(a);
             const indexB = getFileIndex(b);

package/lib/compiler/javascript/vela/utils/webpackLoader/addColSourceMap.d.ts

@@ -0,0 +1,3 @@
+import { LoaderContext } from 'webpack';
+declare function addColSourceMap(this: LoaderContext<any>, source: string, map: any): Promise<void>;
+export default addColSourceMap;

package/lib/compiler/javascript/vela/utils/webpackLoader/addColSourceMap.js

@@ -0,0 +1,59 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const SourceMapUtil_1 = __importDefault(require("@aiot-toolkit/parser/lib/ux/translate/vela/utils/SourceMapUtil"));
+function addColSourceMap(source, map) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const callback = this.async();
+        if (!map) {
+            callback(null, source, map);
+        }
+        let { consumer, tempGenerator } = yield SourceMapUtil_1.default.createConsumerAndGenerator(JSON.stringify(map));
+        let recordLine = -1;
+        consumer.eachMapping((mapping) => {
+            if (mapping.source === consumer.sources[consumer.sources.length - 1]) {
+                if (recordLine < mapping.generatedLine &&
+                    (mapping.generatedColumn !== 0 || mapping.originalColumn !== 0)) {
+                    tempGenerator.addMapping({
+                        generated: {
+                            line: mapping.generatedLine,
+                            column: 0
+                        },
+                        original: {
+                            line: mapping.originalLine,
+                            column: 0
+                        },
+                        source: mapping.source,
+                        name: ''
+                    });
+                }
+                recordLine = mapping.generatedLine;
+            }
+            tempGenerator.addMapping({
+                generated: {
+                    line: mapping.generatedLine,
+                    column: mapping.generatedColumn
+                },
+                original: {
+                    line: mapping.originalLine,
+                    column: mapping.originalColumn
+                },
+                source: mapping.source,
+                name: mapping.name
+            });
+        });
+        callback(null, source, JSON.parse(tempGenerator.toString()));
+    });
+}
+exports.default = addColSourceMap;

package/lib/compiler/javascript/vela/utils/webpackLoader/extractMapData.d.ts

@@ -0,0 +1,3 @@
+import { LoaderContext } from 'webpack';
+declare function extractMapData(this: LoaderContext<any>, source: string, map: any): void;
+export default extractMapData;

package/lib/compiler/javascript/vela/utils/webpackLoader/{splitMap.js → extractMapData.js}

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
-function splitMap(source, map) {
+function extractMapData(source, map) {
     const enterFilePath = this.resourcePath;
     // 获取当前文件夹和文件名
     const dirName = path_1.default.dirname(enterFilePath);
@@ -17,4 +17,4 @@ function splitMap(source, map) {
     }
     this.callback(null, source, map && JSON.parse(map));
 }
-exports.default = splitMap;
+exports.default = extractMapData;

package/lib/config/UxConfig.d.ts

@@ -1,30 +1,19 @@
 import { IFileLaneConfig } from 'file-lane';
 import IJavascriptCompileOption from '../compiler/javascript/interface/IJavascriptCompileOption';
-import AppUxLoader from '../loader/ux/AppUxLoader';
-import JsLoader from '../loader/ux/JsLoader';
-import UxLoader from '../loader/ux/UxLoader';
+import { IRule } from 'file-lane/lib/interface/IFileLaneConfig';
 declare class UxConfig implements IFileLaneConfig<IJavascriptCompileOption> {
     readonly projectPath: string;
     constructor(projectPath: string);
-    exclude: RegExp[];
+    exclude: (RegExp | ((filePath: string) => boolean))[];
     get output(): string;
     module: {
-        rules: ({
-            test: string[];
-            loader: (typeof AppUxLoader)[];
-            exclude?: undefined;
-        } | {
-            test: RegExp[];
-            exclude: RegExp[];
-            loader: (typeof UxLoader)[];
-        } | {
-            test: RegExp[];
-            loader: (typeof JsLoader)[];
-            exclude?: undefined;
-        })[];
+        rules: IRule[];
     };
     preWorks: import("file-lane/lib/interface/IFileLaneConfig").PreWork<IJavascriptCompileOption>[];
-    followWorks: import("file-lane/lib/interface/IFileLaneConfig").FollowWork<IJavascriptCompileOption>[];
+    followWorks: {
+        worker: import("file-lane/lib/interface/IFileLaneConfig").FollowWork<IJavascriptCompileOption>;
+        workerDescribe: string;
+    }[];
     watchIgnores: RegExp[];
 }
 export default UxConfig;

package/lib/config/UxConfig.js

@@ -9,12 +9,32 @@ const JsLoader_1 = __importDefault(require("../loader/ux/JsLoader"));
 const PngLoader_1 = __importDefault(require("../loader/ux/PngLoader"));
 const UxLoader_1 = __importDefault(require("../loader/ux/UxLoader"));
 const PreWorkUtils_1 = __importDefault(require("../utils/PreWorkUtils"));
-const UxFollowWorks_1 = __importDefault(require("../utils/ux/UxFollowWorks"));
-const UxPreWorks_1 = __importDefault(require("../utils/ux/UxPreWorks"));
+const UxFollowWorks_1 = __importDefault(require("../followWorks/ux/UxFollowWorks"));
+const UxPreWorks_1 = __importDefault(require("../preWorks/ux/UxPreWorks"));
+const HmlLoader_1 = __importDefault(require("../loader/ux/HmlLoader"));
+const FileUtil_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/utils/FileUtil"));
+const fs_1 = __importDefault(require("fs"));
+const parser_1 = require("@aiot-toolkit/parser");
 class UxConfig {
     constructor(projectPath) {
         this.projectPath = projectPath;
-        this.exclude = [/node_modules/, /dist/, /build/];
+        this.exclude = [
+            /node_modules/,
+            /dist/,
+            /build/,
+            (filePath) => {
+                // 如果 是 script， style文件，且同路径下存在同名 hml，则忽略
+                const { ext, name } = path_1.default.parse(filePath);
+                if (![...parser_1.ExtensionConfig.SCRIPTS, ...parser_1.ExtensionConfig.STYLES].includes(ext)) {
+                    return false;
+                }
+                const hmlPath = FileUtil_1.default.updatePath(filePath, `${name}${parser_1.ExtensionConfig.HML}`);
+                if (fs_1.default.existsSync(hmlPath)) {
+                    return true;
+                }
+                return false;
+            }
+        ];
         this.module = {
             rules: [
                 {
@@ -26,6 +46,10 @@ class UxConfig {
                     exclude: [/app\.ux/],
                     loader: [UxLoader_1.default]
                 },
+                {
+                    test: [/.+\.hml$/],
+                    loader: [HmlLoader_1.default, UxLoader_1.default]
+                },
                 {
                     test: [/.+\.js$/],
                     loader: [JsLoader_1.default]
@@ -44,13 +68,34 @@ class UxConfig {
             PreWorkUtils_1.default.getGlobalVar
         ];
         this.followWorks = [
-            UxFollowWorks_1.default.symlinkNodeModule,
-            UxFollowWorks_1.default.webpack,
-            UxFollowWorks_1.default.copyResource,
-            UxFollowWorks_1.default.jsc,
-            UxFollowWorks_1.default.toRpk,
-            UxFollowWorks_1.default.moveBackResult,
-            UxFollowWorks_1.default.protobuf
+            {
+                worker: UxFollowWorks_1.default.symlinkNodeModule,
+                workerDescribe: 'Create a soft link to the node_modules folder'
+            },
+            {
+                worker: UxFollowWorks_1.default.webpack,
+                workerDescribe: 'Compile the project using webpack'
+            },
+            {
+                worker: UxFollowWorks_1.default.copyResource,
+                workerDescribe: 'Copy resource files'
+            },
+            {
+                worker: UxFollowWorks_1.default.jsc,
+                workerDescribe: 'Generate jsc bytecode'
+            },
+            {
+                worker: UxFollowWorks_1.default.protobuf,
+                workerDescribe: 'Generate protobuf json'
+            },
+            {
+                worker: UxFollowWorks_1.default.toRpk,
+                workerDescribe: 'Package the project into an RPK file'
+            },
+            {
+                worker: UxFollowWorks_1.default.moveBackResult,
+                workerDescribe: 'Migrate temporary project'
+            }
         ];
         this.watchIgnores = [/node_modules/];
     }

package/lib/config/XtsConfig.d.ts

@@ -1,5 +1,6 @@
 import { IFileLaneConfig } from 'file-lane';
 import XtsLoader from '../loader/xts/XtsLoader';
+import { PreWork } from 'file-lane/lib/interface/IFileLaneConfig';
 /**
  * XtsConfig
  */
@@ -12,7 +13,9 @@ declare class XtsConfig implements IFileLaneConfig {
             loader: (typeof XtsLoader)[];
         }[];
     };
-    preWorks: import("file-lane/lib/interface/IFileLaneConfig").PreWork<import("../interface/ICompileOptions").IXtsCompileOptions>[];
-    followWorks: import("file-lane/lib/interface/IFileLaneConfig").FollowWork<import("../interface/ICompileOptions").IXtsCompileOptions>[];
+    preWorks: PreWork[];
+    followWorks: {
+        worker: import("file-lane/lib/interface/IFileLaneConfig").FollowWork<import("../interface/ICompileOptions").IXtsCompileOptions>;
+    }[];
 }
 export default XtsConfig;

package/lib/config/XtsConfig.js

@@ -7,7 +7,6 @@ const entryTemplate_1 = require("../followWorks/xts/entryTemplate");
 const generateRpk_1 = require("../followWorks/xts/generateRpk");
 const ts2wasm_1 = require("../followWorks/xts/ts2wasm");
 const XtsLoader_1 = __importDefault(require("../loader/xts/XtsLoader"));
-const preInstall_1 = require("../preWorks/xts/preInstall");
 /**
  * XtsConfig
  */
@@ -23,8 +22,18 @@ class XtsConfig {
                 }
             ]
         };
-        this.preWorks = [preInstall_1.preInstall];
-        this.followWorks = [entryTemplate_1.generateEntryFile, ts2wasm_1.ts2wasm, generateRpk_1.generateRpk];
+        this.preWorks = [];
+        this.followWorks = [
+            {
+                worker: entryTemplate_1.generateEntryFile
+            },
+            {
+                worker: ts2wasm_1.ts2wasm
+            },
+            {
+                worker: generateRpk_1.generateRpk
+            }
+        ];
     }
 }
 exports.default = XtsConfig;

package/lib/{utils → followWorks}/ux/UxFollowWorks.js

@@ -26,7 +26,7 @@ const JavascriptCompiler_1 = __importDefault(require("../../compiler/javascript/
 const JavascriptDefaultCompileOption_1 = __importDefault(require("../../compiler/javascript/JavascriptDefaultCompileOption"));
 const Jsc_1 = __importDefault(require("../../compiler/javascript/vela/utils/Jsc"));
 const ZipUtil_1 = __importDefault(require("../../compiler/javascript/vela/utils/ZipUtil"));
-const UxFileUtils_1 = __importDefault(require("./UxFileUtils"));
+const UxFileUtils_1 = __importDefault(require("../../utils/ux/UxFileUtils"));
 const BinaryPlugin = require('@aiot-toolkit/parser/lib/ux/translate/vela/protobuf/BinaryPlugin');
 /**
  * UxFollowWorks
@@ -78,7 +78,7 @@ UxFollowWorks.protobuf = (context, config, compilerOption) => __awaiter(void 0,
     }
 });
 UxFollowWorks.jsc = (context, config, compilerOption) => __awaiter(void 0, void 0, void 0, function* () {
-    if (compilerOption && compilerOption.disabledJSC === false) {
+    if (compilerOption && compilerOption.disabledJsc === false) {
         return new Jsc_1.default(context.projectPath, path_1.default.join(context.projectPath, context.output, compilerOption.outputPath)).jsc();
     }
 });
@@ -242,12 +242,17 @@ UxFollowWorks.symlinkNodeModule = (context, config, compilerOption) => __awaiter
     if (!compilerOption) {
         return;
     }
-    const foldList = ['node_modules'];
-    foldList.forEach((item) => {
-        const sourcePath = path_1.default.join(context.projectPath, item);
-        if (fs_extra_1.default.existsSync(sourcePath)) {
-            fs_extra_1.default.symlinkSync(sourcePath, path_1.default.join(compilerOption.projectPath, item), 'junction');
-        }
-    });
+    try {
+        const foldList = ['node_modules'];
+        foldList.forEach((item) => {
+            const sourcePath = path_1.default.join(context.projectPath, item);
+            if (fs_extra_1.default.existsSync(sourcePath)) {
+                fs_extra_1.default.symlinkSync(sourcePath, path_1.default.join(compilerOption.projectPath, item), 'junction');
+            }
+        });
+    }
+    catch (error) {
+        throw new Error(`${(error === null || error === void 0 ? void 0 : error.toString()) || 'unknown error'}. Please check whether the file system of the current disk supports the creation of soft links.`);
+    }
 });
 exports.default = UxFollowWorks;

package/lib/loader/ux/AppUxLoader.js

@@ -13,6 +13,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const UxLoaderUtils_1 = __importDefault(require("../../utils/ux/UxLoaderUtils"));
+const ColorConsole_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/ColorConsole"));
+const path_1 = __importDefault(require("path"));
+const shared_utils_1 = require("@aiot-toolkit/shared-utils");
 /**
  * 处理app.ux的Loader
  * AppUxLoader
@@ -20,8 +23,17 @@ const UxLoaderUtils_1 = __importDefault(require("../../utils/ux/UxLoaderUtils"))
 class AppUxLoader {
     parser(files) {
         return __awaiter(this, void 0, void 0, function* () {
-            const resultFiles = [];
-            yield UxLoaderUtils_1.default.compileAppUxToJavascript(files[0], resultFiles, this.context, this.compilerOption);
+            const { projectPath } = this.context;
+            const { files: resultFiles, logs } = yield UxLoaderUtils_1.default.compileAppUxToJavascript(files[0], this.context, this.compilerOption);
+            if (logs) {
+                logs.forEach((item) => {
+                    ColorConsole_1.default.logger(Object.assign(Object.assign({}, item), { filePath: item.filePath ? path_1.default.relative(projectPath, item.filePath) : '' }));
+                });
+                // 如果有 error throw，则停止
+                if (logs.some((item) => item.level && [shared_utils_1.LOG_LEVEL.Throw].includes(item.level))) {
+                    throw new Error('stop!');
+                }
+            }
             return resultFiles;
         });
     }

package/lib/loader/ux/HmlLoader.d.ts

@@ -0,0 +1,24 @@
+import { IFileLaneContext, IFileParam, ILoader } from 'file-lane';
+/**
+ * HmlLoader
+ */
+declare class HmlLoader implements ILoader {
+    context?: IFileLaneContext | undefined;
+    compilerOption?: any;
+    parser(files: IFileParam<any>[]): IFileParam<any>[] | Promise<IFileParam<any>[]>;
+    /**
+     * 包裹 hml 文件
+     *
+     * # 路径
+     * 如果存在同路径的 ux 后缀，报错；否则转换为同路径的 ux 后缀
+     *
+     * # 内容
+     * 1. 给hml的内容加上<template></template>
+     * 2. 如果存在同路径同名的 script文件，则加到<script></script>中
+     * 3. 如果存在同路径同名的 style文件，则加到<style></style>中
+     *
+     * @param file
+     */
+    private wrapHml;
+}
+export default HmlLoader;

package/lib/loader/ux/HmlLoader.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const parser_1 = require("@aiot-toolkit/parser");
+/**
+ * HmlLoader
+ */
+class HmlLoader {
+    parser(files) {
+        return files.map((file) => {
+            return this.wrapHml(file);
+        });
+    }
+    /**
+     * 包裹 hml 文件
+     *
+     * # 路径
+     * 如果存在同路径的 ux 后缀，报错；否则转换为同路径的 ux 后缀
+     *
+     * # 内容
+     * 1. 给hml的内容加上<template></template>
+     * 2. 如果存在同路径同名的 script文件，则加到<script></script>中
+     * 3. 如果存在同路径同名的 style文件，则加到<style></style>中
+     *
+     * @param file
+     */
+    wrapHml(file) {
+        const { path, content } = file;
+        const uxExt = parser_1.ExtensionConfig.UX;
+        const getFilePath = (ext) => {
+            const pathParsed = path_1.default.parse(path);
+            pathParsed.ext = ext;
+            pathParsed.base = pathParsed.name + ext;
+            return path_1.default.format(pathParsed);
+        };
+        const uxPath = getFilePath(uxExt);
+        if (fs_1.default.existsSync(uxPath)) {
+            throw new Error(`${uxPath} already exists`);
+        }
+        const scriptExts = parser_1.ExtensionConfig.SCRIPTS;
+        const styleExts = parser_1.ExtensionConfig.STYLES;
+        const scriptPath = scriptExts
+            .map((item) => getFilePath(item))
+            .find((item) => fs_1.default.existsSync(item));
+        const stylePath = styleExts.map((item) => getFilePath(item)).find((item) => fs_1.default.existsSync(item));
+        let uxContent = ['<template>', content, '</template>'].join('\n');
+        if (scriptPath) {
+            uxContent += ['<script>', fs_1.default.readFileSync(scriptPath, 'utf-8'), '</script>'].join('\n');
+        }
+        if (stylePath) {
+            uxContent += ['<style>', fs_1.default.readFileSync(stylePath, 'utf-8'), '</style>'].join('\n');
+        }
+        return {
+            path,
+            content: uxContent
+        };
+    }
+}
+exports.default = HmlLoader;

package/lib/loader/ux/JsLoader.d.ts

@@ -1,9 +1,11 @@
 import { IFileLaneContext, IFileParam, ILoader } from 'file-lane';
+import IJavascriptCompileOption from '../../compiler/javascript/interface/IJavascriptCompileOption';
 /**
  * JsLoader
  */
 declare class JsLoader implements ILoader {
     context: IFileLaneContext;
+    compilerOption: IJavascriptCompileOption;
     parser(files: IFileParam<any>[]): IFileParam<any>[] | Promise<IFileParam<any>[]>;
 }
 export default JsLoader;

package/lib/loader/ux/JsLoader.js

@@ -23,11 +23,12 @@ class JsLoader {
             const options = {
                 filePath: item.path,
                 projectPath: this.context.projectPath,
+                content: item.content.toString(),
                 onLog
             };
             return {
                 path: item.path,
-                content: new ScriptToTypescript_1.default(project, options)
+                content: new ScriptToTypescript_1.default(project, options, this.compilerOption)
                     .translate({
                     content: new ScriptParser_1.default(options).parser(item.content.toString()).ast.content
                 }, [])

package/lib/loader/ux/UxLoader.js

@@ -23,7 +23,7 @@ class UxLoader {
             const { projectPath } = this.context;
             for (const file of files) {
                 // 转换每个文件
-                const { files, logs } = yield UxLoaderUtils_1.default.compileUxToJavascript(file, this.context, false, this.compilerOption);
+                const { files: compiledFiles, logs } = yield UxLoaderUtils_1.default.compileUxToJavascript(file, this.context, false, this.compilerOption);
                 if (logs) {
                     logs.forEach((item) => {
                         ColorConsole_1.default.logger(Object.assign(Object.assign({}, item), { filePath: item.filePath ? path_1.default.relative(projectPath, item.filePath) : '' }));
@@ -33,7 +33,7 @@ class UxLoader {
                         throw new Error('stop!');
                     }
                 }
-                resultFiles.push(...files);
+                resultFiles.push(...compiledFiles);
             }
             return resultFiles;
         });

package/lib/{utils → preWorks}/ux/UxPreWorks.js

@@ -13,7 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-const UxFileUtils_1 = __importDefault(require("./UxFileUtils"));
+const UxFileUtils_1 = __importDefault(require("../../utils/ux/UxFileUtils"));
 /**
  * UxPreWorks
  */

package/lib/utils/PreWorkUtils.js

@@ -19,6 +19,7 @@ const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
 const TranslateCache_1 = __importDefault(require("../../../parser/lib/ux/translate/vela/TranslateCache"));
 const UxFileUtils_1 = __importDefault(require("./ux/UxFileUtils"));
+const parser_1 = require("@aiot-toolkit/parser");
 const BinaryPlugin = require('@aiot-toolkit/parser/lib/ux/translate/vela/protobuf/BinaryPlugin');
 /**
  * PreWorkUtils
@@ -51,13 +52,14 @@ class PreWorkUtils {
             Object.keys(pages).map((page) => {
                 const pageContent = pages[page];
                 const entryDir = path_1.default.join(srcPath, page);
-                const entryPage = path_1.default.join(entryDir, `${pageContent.component}.ux`);
-                if (fs_extra_1.default.existsSync(entryPage)) {
-                    entryList.push(entryPage);
+                const entryPages = parser_1.ExtensionConfig.TEMPLATES.map((item) => `${pageContent.component}${item}`);
+                const entry = entryPages.find((item) => fs_extra_1.default.existsSync(path_1.default.join(entryDir, item)));
+                if (entry) {
+                    entryList.push(path_1.default.join(entryDir, entry));
                 }
                 else {
                     // 路径不存在
-                    ColorConsole_1.default.throw(`### manifest ### path '${entryPage}' does not exist`);
+                    ColorConsole_1.default.throw(`### manifest ### path '${entryPages.join(' | ')}' does not exist`);
                 }
             });
             context['entries'] = entryList;
@@ -99,6 +101,7 @@ PreWorkUtils.clean = (context, _, config, compileOption) => __awaiter(void 0, vo
     BinaryPlugin.reset();
     BinaryPlugin.config = {
         projectPath: context.projectPath,
+        outputProjectPath: path_1.default.join(context.projectPath, context.output),
         source: compileOption === null || compileOption === void 0 ? void 0 : compileOption.sourceRoot,
         output: compileOption === null || compileOption === void 0 ? void 0 : compileOption.outputPath
     };

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

@@ -24,7 +24,10 @@ declare class UxLoaderUtils {
      * @param resultFiles
      * @param context
      */
-    static compileAppUxToJavascript(file: IFileParam, resultFiles: IFileParam[], context: IFileLaneContext, compileOption: IJavascriptCompileOption): Promise<void>;
+    static compileAppUxToJavascript(file: IFileParam, context: IFileLaneContext, compileOption: IJavascriptCompileOption): Promise<{
+        files: IFileParam<any>[];
+        logs: ILog[];
+    }>;
     /**
      * 判断是否为src/app.ux
      * @param filePath

package/lib/utils/ux/UxLoaderUtils.js

@@ -40,10 +40,11 @@ const UxParser_1 = __importDefault(require("@aiot-toolkit/parser/lib/ux/parser/U
 const UxToTypescript_1 = __importDefault(require("@aiot-toolkit/parser/lib/ux/translate/vela/UxToTypescript"));
 const ColorConsole_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/ColorConsole"));
 const FileUtil_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/utils/FileUtil"));
-const StringUtil_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/utils/StringUtil"));
-const parse5 = __importStar(require("parse5"));
+const parse5 = __importStar(require("aiot-parse5"));
 const path_1 = __importDefault(require("path"));
+const fs_extra_1 = __importDefault(require("fs-extra"));
 const ts_morph_1 = require("ts-morph");
+const CommonUtil_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/utils/CommonUtil"));
 const BinaryPlugin = require('@aiot-toolkit/parser/lib/ux/translate/vela/protobuf/BinaryPlugin');
 const { extractFunctions } = require('@aiot-toolkit/parser/lib/ux/translate/vela/protobuf/protobufControl');
 /**
@@ -74,38 +75,56 @@ class UxLoaderUtils {
                     logs
                 };
             }
+            // 区分页面组件和子组件
+            const isPageUx = UxLoaderUtils.isPageUx(context, filePath);
             // 配置转换参数
             const options = {
                 projectPath: context.projectPath,
                 filePath,
+                fileType: isAppUx ? 'app' : isPageUx ? 'page' : '',
+                content: content.toString(),
                 onLog: (log) => {
                     logs.push(log);
                 }
             };
+            // 收集图片资源
+            const ImageResources = [];
+            const collectImageResource = (originFilePath) => {
+                const assetDir = 'dynamicAssets';
+                const sourcePath = path_1.default.resolve(options.projectPath, compilerOption.sourceRoot);
+                const assetPath = path_1.default.resolve(sourcePath, assetDir);
+                const { name, ext } = path_1.default.parse(originFilePath);
+                const hashName = CommonUtil_1.default.calcImageDigest(originFilePath);
+                const newFilePath = path_1.default.join(assetPath, `${name}-${hashName}${ext}`);
+                const relativePath = path_1.default.posix.sep + path_1.default.relative(sourcePath, newFilePath).split(path_1.default.sep).join(path_1.default.posix.sep);
+                ImageResources.push({
+                    path: newFilePath,
+                    content: fs_extra_1.default.readFileSync(originFilePath)
+                });
+                return relativePath;
+            };
             // 开始转换
             const globalVar = ('globalVar' in context && context.globalVar) || {};
-            const parserResult = yield new UxParser_1.default(options, globalVar).parser(content.toString(), fullName);
+            const parserResult = yield new UxParser_1.default(options, compilerOption, globalVar, collectImageResource).parser();
             // 区分app.ux和一般ux
             // app.ux解析结果中加上manifest.json的内容
             const manifestJson = `require('./manifest.json')`;
-            // 区分页面组件和子组件
-            const isPageUx = UxLoaderUtils.isPageUx(context, filePath);
             const integrateFunction = (appImport, appStyleTree, appTemplateTree, appScriptTree) => {
                 // script代码放在第三个位置不能变化，影响更新source map
                 return isAppUx
                     ? [
                         `${appImport.join('\n')}`,
-                        `var $app_style$ = ${UxLoaderUtils.wrapStyle(StringUtil_1.default.arrayTostring(appStyleTree, true), file, compilerOption)}`,
-                        `var $app_script$ = ${UxLoaderUtils.handleScriptContent(false, appScriptTree)}\n`,
-                        `$app_script$({}, $app_exports$, $app_require$);\n\n`,
+                        `var $app_style$ = ${UxLoaderUtils.wrapStyle(JSON.stringify(appStyleTree), file, compilerOption)}`,
+                        `var $app_script$ = ${UxLoaderUtils.handleScriptContent(false, appScriptTree)}`,
+                        `$app_script$({}, $app_exports$, $app_require$);`,
                         `$app_exports$.default.style = $app_style$;`,
                         `$app_exports$.default.manifest = ${manifestJson}`
                     ]
                     : [
                         `${appImport.join('\n')}`,
-                        `var $app_style$ = ${UxLoaderUtils.wrapStyle(StringUtil_1.default.arrayTostring(appStyleTree, true), file, compilerOption)}\n`,
+                        `var $app_style$ = ${UxLoaderUtils.wrapStyle(JSON.stringify(appStyleTree), file, compilerOption)}`,
                         `var $app_script$ = ${UxLoaderUtils.handleScriptContent(isPageUx, appScriptTree)}`,
-                        `var $app_template$ = ${UxLoaderUtils.wrapTempalte(appTemplateTree, file, compilerOption)}\n`,
+                        `var $app_template$ = ${UxLoaderUtils.wrapTempalte(appTemplateTree, file, compilerOption)}`,
                         `${UxLoaderUtils.getReturnType(isPageUx)} function ($app_exports$) {`,
                         `$app_script$({}, $app_exports$, $app_require$);`,
                         `$app_exports$.default.template = $app_template$;`,
@@ -124,13 +143,14 @@ class UxLoaderUtils {
             return {
                 files: [
                     {
-                        path: FileUtil_1.default.updatePath(filePath, newFileName),
+                        path: filePath,
                         content: code
                     },
                     {
-                        path: FileUtil_1.default.updatePath(filePath, `${name}.js.map`),
+                        path: FileUtil_1.default.updatePath(filePath, `${name}${ext}.map`),
                         content: sourceMap.toString()
-                    }
+                    },
+                    ...ImageResources
                 ],
                 logs
             };
@@ -142,7 +162,7 @@ class UxLoaderUtils {
      * @param resultFiles
      * @param context
      */
-    static compileAppUxToJavascript(file, resultFiles, context, compileOption) {
+    static compileAppUxToJavascript(file, context, compileOption) {
         return __awaiter(this, void 0, void 0, function* () {
             const { path: filePath, content } = file;
             let appContent = content;
@@ -153,7 +173,7 @@ class UxLoaderUtils {
             }
             // 解析script和style两部分
             const compileResult = yield UxLoaderUtils.compileUxToJavascript({ path: filePath, content: appContent }, context, isAppUx, compileOption);
-            resultFiles.push(...compileResult.files);
+            return compileResult;
         });
     }
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiot-toolkit/aiotpack",
-  "version": "2.0.2-beta.1",
+  "version": "2.0.2-beta.10",
   "description": "The process tool for packaging aiot projects.",
   "keywords": [
     "aiotpack"
@@ -19,24 +19,27 @@
     "test": "node ./__tests__/aiotpack.test.js"
   },
   "dependencies": {
-    "@aiot-toolkit/generator": "2.0.2-beta.1",
-    "@aiot-toolkit/parser": "2.0.2-beta.1",
+    "@aiot-toolkit/generator": "2.0.2-beta.10",
+    "@aiot-toolkit/parser": "2.0.2-beta.10",
     "@hap-toolkit/aaptjs": "^2.0.0",
     "babel-loader": "^9.1.3",
     "del": "^4.1.0",
     "fast-glob": "^3.3.2",
-    "file-lane": "2.0.2-beta.1",
+    "file-lane": "2.0.2-beta.10",
     "file-loader": "^6.2.0",
     "fs-extra": "^11.2.0",
     "jsrsasign": "^7.2.2",
     "jszip": "^3.10.1",
+    "source-map": "^0.7.4",
     "url-loader": "^4.1.1",
     "webpack": "^5.89.0",
+    "webpack-bundle-analyzer": "^4.10.1",
     "webpack-sources": "^3.2.3"
   },
   "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
     "@types/jsrsasign": "^10.5.12",
     "@types/webpack-sources": "^3.2.3"
   },
-  "gitHead": "9244af36e617295ea4ff11a2f4f07f0e4f9f5f59"
+  "gitHead": "00d23c1ad1306a6c72bb007685de9fd4a6ee61af"
 }

package/lib/compiler/javascript/vela/utils/webpackLoader/splitMap.d.ts

@@ -1,3 +0,0 @@
-import { LoaderContext } from 'webpack';
-declare function splitMap(this: LoaderContext<any>, source: string, map: any): void;
-export default splitMap;