@aiot-toolkit/aiotpack 2.0.2-dev.8 → 2.0.3-beta.1

package/lib/compiler/javascript/JavascriptCompiler.js

@@ -12,10 +12,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const CommonUtil_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/utils/CommonUtil"));
+const shared_utils_1 = require("@aiot-toolkit/shared-utils");
+const core_1 = require("@rspack/core");
 const lodash_1 = __importDefault(require("lodash"));
 const path_1 = __importDefault(require("path"));
-const webpack_1 = require("webpack");
+const AndroidWebpackConfigurator_1 = __importDefault(require("./android/AndroidWebpackConfigurator"));
 const VelaWebpackConfigurator_1 = __importDefault(require("./vela/VelaWebpackConfigurator"));
 const UxCompileUtil_1 = __importDefault(require("./vela/utils/UxCompileUtil"));
 class JavascriptCompiler {
@@ -27,12 +28,12 @@ class JavascriptCompiler {
             return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
                 yield this.clean(param);
                 const config = this.createWebpackConfig(param);
-                (0, webpack_1.webpack)(config, (error, stats) => {
+                (0, core_1.rspack)(config, (error, stats) => {
                     if (error) {
-                        reject([error]);
+                        reject({ errors: [error] });
                     }
                     else {
-                        const statsObj = stats === null || stats === void 0 ? void 0 : stats.toJson();
+                        const statsObj = stats === null || stats === void 0 ? void 0 : stats.toJson({});
                         if (statsObj) {
                             const { errors, warnings } = statsObj;
                             if ((errors === null || errors === void 0 ? void 0 : errors.length) || (warnings === null || warnings === void 0 ? void 0 : warnings.length)) {
@@ -51,7 +52,7 @@ class JavascriptCompiler {
         });
     }
     createWebpackConfig(param) {
-        const configurator = this.getConfigurator();
+        const configurator = this.getConfigurator(param);
         if (!configurator) {
             throw new Error(`This project is not supported`);
         }
@@ -63,11 +64,11 @@ class JavascriptCompiler {
         }
         const { projectPath, mode, devtool, outputPath } = param;
         const buildPath = path_1.default.resolve(projectPath, outputPath);
-        const quickAppConfig = CommonUtil_1.default.requireModule(path_1.default.join(param.projectPath, this.QUICKAPP_CONFIG));
+        const quickAppConfig = shared_utils_1.CommonUtil.requireModule(path_1.default.join(param.projectPath, this.QUICKAPP_CONFIG));
         const result = {
             context: projectPath,
             mode,
-            devtool,
+            devtool: devtool,
             output: {
                 globalObject: 'window',
                 filename: '[name].js',
@@ -77,15 +78,27 @@ class JavascriptCompiler {
             module: {
                 rules: [
                     {
-                        test: /\.js$/,
+                        test: /\.ux$/, // 匹配以 .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')
                             }
                         ]
                     }
                 ]
             },
+            optimization: {
+                minimizer: [
+                    new core_1.rspack.SwcJsMinimizerRspackPlugin({
+                        minimizerOptions: {
+                            module: true
+                        }
+                    })
+                ]
+            },
+            resolve: {
+                extensions: ['.js', '.ts', '.ux']
+            },
             stats: {
                 builtAt: false,
                 entrypoints: false,
@@ -108,6 +121,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$/, // 匹配以 .ux 结尾的文件
+                    use: [
+                        {
+                            loader: path_1.default.join(__dirname, '../javascript/vela/utils/webpackLoader/addColSourceMap.js')
+                        }
+                    ]
+                });
+            }
         }
         if (configurator.createPlugins) {
             result.plugins = configurator.createPlugins();
@@ -117,8 +141,17 @@ class JavascriptCompiler {
         }
         return lodash_1.default.merge({}, result, quickAppConfig === null || quickAppConfig === void 0 ? void 0 : quickAppConfig.webpack);
     }
-    getConfigurator() {
-        return new VelaWebpackConfigurator_1.default();
+    getConfigurator(param) {
+        const { projectPath, sourceRoot } = param;
+        const projectType = shared_utils_1.ProjectType.getProjectType(projectPath, sourceRoot);
+        switch (projectType) {
+            case shared_utils_1.ProjectType.VELA_UX:
+                return new VelaWebpackConfigurator_1.default();
+            case shared_utils_1.ProjectType.ANDDROID_UX:
+                return new AndroidWebpackConfigurator_1.default();
+            default:
+                break;
+        }
     }
     clean(param) {
         return __awaiter(this, void 0, void 0, function* () {

package/lib/compiler/javascript/JavascriptDefaultCompileOption.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setServerPort = void 0;
+exports.setServerPort = setServerPort;
 const os_1 = __importDefault(require("os"));
 const path_1 = __importDefault(require("path"));
 const clientRecordPath = path_1.default.join(os_1.default.homedir(), 'hap-toolkit-client-records.json');
@@ -19,5 +19,4 @@ const JavascriptDefaultCompileOption = {
 function setServerPort(port) {
     JavascriptDefaultCompileOption.server.port = port;
 }
-exports.setServerPort = setServerPort;
 exports.default = JavascriptDefaultCompileOption;

package/lib/compiler/javascript/android/AndroidWebpackConfigurator.d.ts

@@ -0,0 +1,9 @@
+import VelaWebpackConfigurator from '../vela/VelaWebpackConfigurator';
+import WrapPlugin from './plugin/WrapPlugin';
+/**
+ * AndroidWebpackConfigurator
+ */
+declare class AndroidWebpackConfigurator extends VelaWebpackConfigurator {
+    protected createWrapPlugin(): WrapPlugin;
+}
+export default AndroidWebpackConfigurator;

package/lib/compiler/javascript/android/AndroidWebpackConfigurator.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const VelaWebpackConfigurator_1 = __importDefault(require("../vela/VelaWebpackConfigurator"));
+const WrapPlugin_1 = __importDefault(require("./plugin/WrapPlugin"));
+/**
+ * AndroidWebpackConfigurator
+ */
+class AndroidWebpackConfigurator extends VelaWebpackConfigurator_1.default {
+    createWrapPlugin() {
+        return new WrapPlugin_1.default(this.param);
+    }
+}
+exports.default = AndroidWebpackConfigurator;

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

@@ -0,0 +1,20 @@
+import { Compiler } from '@rspack/core';
+import IJavascriptCompileOption from '../../interface/IJavascriptCompileOption';
+/**
+ * WrapPlugin
+ */
+declare class WrapPlugin {
+    private readonly param;
+    constructor(param: IJavascriptCompileOption);
+    apply(compiler: Compiler): void;
+    /**
+     * 添加包含代码
+     *
+     * 1. 仅 page 文件添加
+     * @param compilation
+     */
+    private wrap;
+    private wrapPage;
+    private wrapApp;
+}
+export default WrapPlugin;

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

@@ -0,0 +1,91 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@rspack/core");
+const webpack_sources_1 = require("webpack-sources");
+const UxFileUtils_1 = __importDefault(require("../../../../utils/ux/UxFileUtils"));
+/**
+ * WrapPlugin
+ */
+class WrapPlugin {
+    constructor(param) {
+        this.param = param;
+    }
+    apply(compiler) {
+        compiler.hooks.compilation.tap('WrapPlugin', (compilation) => {
+            compilation.hooks.processAssets.tap({
+                name: 'WrapPlugin',
+                stage: core_1.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE
+            }, () => {
+                this.wrap(compilation);
+            });
+        });
+    }
+    /**
+     * 添加包含代码
+     *
+     * 1. 仅 page 文件添加
+     * @param compilation
+     */
+    wrap(compilation) {
+        // 获取入口文件
+        const entrys = Object.keys(compilation.options.entry).map((item) => `${item}.js`);
+        entrys.forEach((entry) => {
+            if (compilation.assets[entry]) {
+                const source = compilation.assets[entry];
+                const isApp = entry === 'app.js';
+                compilation.assets[entry] = isApp
+                    ? this.wrapApp(source)
+                    : this.wrapPage(source);
+            }
+        });
+    }
+    wrapPage(source) {
+        return new webpack_sources_1.ConcatSource(`
+(function () {
+  var createPageHandler = function () {
+  // 转换动态 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.lenth> 2) {
+            return [matchs[1].trim().replace(/-([a-z])/g, (_, match) => match.toUpperCase()), matchs[2].trim()]
+          }
+          return []
+        }))}
+    return value
+  }
+  return`, source, `;
+  };
+  if (typeof window === "undefined") {
+    return createPageHandler();
+  } else {
+    window.createPageHandler = createPageHandler;
+  }
+})();`);
+    }
+    wrapApp(source) {
+        const { projectPath, sourceRoot } = this.param;
+        return new webpack_sources_1.ConcatSource(`
+(function () {
+  var $app_define_wrap$ = $app_define_wrap$ || function () {};
+  var manifestJson =${JSON.stringify(UxFileUtils_1.default.getMainfestInfo(projectPath, sourceRoot))}
+  var createAppHandler = function () {
+      `, source, `
+  }
+    if (typeof window === "undefined") {
+    return createAppHandler();
+  } else {
+    window.createAppHandler = createAppHandler;
+    // H5注入manifest以获取features
+    global.manifest = manifestJson;
+  }
+})();
+`);
+    }
+}
+exports.default = WrapPlugin;

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

@@ -22,6 +22,9 @@ export default interface IJavascriptCompileOption extends ICompileParam {
      * 项目运行的代码覆盖率数据
      */
     dataCoverage: string;
+    /**
+     * 记录“连接过的设备信息”的文件地址
+     */
     clientRecordPath: string;
     /**
      * 运行端口
@@ -36,9 +39,21 @@ export default interface IJavascriptCompileOption extends ICompileParam {
     /**
      * 禁用 jsc
      */
-    disabledJSC?: boolean;
+    enableJsc?: boolean;
     /**
      * 启用 protobuf
      */
     enableProtobuf?: boolean;
+    /**
+     * 启用应用自动化测试
+     */
+    enableE2e?: boolean;
+    /**
+     * 启用代码体积分析，会生成 report.html 文件，可查看打包后各模块占用体积
+     */
+    enableStats?: boolean;
+    /**
+     * 是否自动补全 manifest.json 中的 features 配置
+     */
+    completeFeature?: boolean;
 }

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

@@ -1,5 +1,5 @@
-import { Configuration, EntryObject, RuleSetRule, WebpackPluginInstance } from "webpack";
-import ICompileParam from "../../interface/ICompileParam";
+import { Configuration, EntryObject, RspackOptions, RspackPluginInstance, RuleSetRule } from '@rspack/core';
+import ICompileParam from '../../interface/ICompileParam';
 /**
  * webpack配置器
  *
@@ -18,11 +18,11 @@ interface IWebpackConfigurator {
      *
      * 如实现此函数，则其它函数无效
      */
-    create?(): Configuration;
+    create?(): RspackOptions;
     /**
      * 创建 webpack 的 plugins
      */
-    createPlugins?(): WebpackPluginInstance[];
+    createPlugins?(): RspackPluginInstance[];
     /**
      * 创建 webpack 的 entry
      */

package/lib/compiler/javascript/vela/VelaWebpackConfigurator.d.ts

@@ -1,10 +1,12 @@
-import { EntryObject, RuleSetRule, WebpackPluginInstance } from 'webpack';
 import ICompileParam from '../../interface/ICompileParam';
 import IJavascriptCompileOption from '../interface/IJavascriptCompileOption';
 import IWebpackConfigurator from '../interface/IWebpackConfigurator';
+import { EntryObject, RuleSetRule, RspackPluginInstance } from '@rspack/core';
 declare class VelaWebpackConfigurator implements IWebpackConfigurator {
     param: ICompileParam & IJavascriptCompileOption;
-    createPlugins(): WebpackPluginInstance[];
+    createPlugins(): RspackPluginInstance[];
+    protected createWrapPlugin(): RspackPluginInstance;
+    protected createBundleAnalyzerPlugin(): any;
     /**
      * 通过读取 manifest.json 生成 entry
      * @returns

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

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

package/lib/compiler/javascript/vela/interface/IChunk.d.ts

@@ -1,9 +1,14 @@
-/// <reference types="node" />
 /**
  * IChunk
  */
 export type IFileHash = {
+    /**
+     * 文件名
+     */
     name: string;
+    /**
+     * 文件生成的  SHA256 格式hash
+     */
     hash: Buffer;
 };
 export type IChunkOptions = {

package/lib/compiler/javascript/vela/interface/IManifest.d.ts

@@ -1,4 +1,4 @@
-import { Dictionary } from '@aiot-toolkit/shared-utils/lib/type/Type';
+import { Dictionary } from '@aiot-toolkit/shared-utils';
 /**
  * vela manifest文件对应的数据结构
  */

package/lib/compiler/javascript/vela/interface/IQuickAppConfig.d.ts

@@ -1,4 +1,4 @@
-import { Configuration } from 'webpack';
+import { Configuration } from '@rspack/core';
 import IJavascriptCompileOption from '../../interface/IJavascriptCompileOption';
 /**
  * IQuickAppConfig

package/lib/compiler/javascript/vela/model/Package.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="node" />
-import { Dictionary } from '@aiot-toolkit/shared-utils/lib/type/Type';
+import { Dictionary } from '@aiot-toolkit/shared-utils';
 /**
  * 文件资源
  */
@@ -64,6 +63,7 @@ declare class Package {
      * @returns
      */
     include(filePath: string): boolean;
+    getResource(filePath: string): IFileResource | undefined;
     /**
      * 添加资源
      * @param data

package/lib/compiler/javascript/vela/model/Package.js

@@ -1,9 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const ColorConsole_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/ColorConsole"));
+const shared_utils_1 = require("@aiot-toolkit/shared-utils");
 /**
  * 定义文件包
  *
@@ -30,6 +27,9 @@ class Package {
     include(filePath) {
         return this.resourceDic[filePath];
     }
+    getResource(filePath) {
+        return this.resourceList.find((item) => item.fileBuildPath === filePath);
+    }
     /**
      * 添加资源
      * @param data
@@ -38,7 +38,7 @@ class Package {
     addResource(data) {
         const { fileBuildPath } = data;
         if (this.include(fileBuildPath)) {
-            ColorConsole_1.default.throw(`File ${fileBuildPath} is added repeatedly`);
+            shared_utils_1.ColorConsole.throw(`File ${fileBuildPath} is added repeatedly`);
             return;
         }
         this._resourceDic[fileBuildPath] = true;

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

@@ -1,4 +1,4 @@
-import { Compiler } from 'webpack';
+import { Compiler } from '@rspack/core';
 declare class WrapPlugin {
     apply(compiler: Compiler): void;
     private wrap;

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_1 = require("webpack");
+const core_1 = require("@rspack/core");
 const webpack_sources_1 = require("webpack-sources");
 class WrapPlugin {
     apply(compiler) {
@@ -8,7 +8,7 @@ class WrapPlugin {
         compiler.hooks.compilation.tap('WrapPlugin', (compilation) => {
             compilation.hooks.processAssets.tap({
                 name: 'WrapPlugin',
-                stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE
+                stage: core_1.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE
             }, () => {
                 this.wrap(compilation);
             });
@@ -31,6 +31,20 @@ class WrapPlugin {
             var clearTimeout = global.clearTimeout;
             var clearInterval = global.clearInterval;
             var $app_require$ = global.$app_require$ || org_app_require
+
+            // 转换动态 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.lenth> 2) {
+                      return [matchs[1].trim().replace(/-([a-z])/g, (_, match) => match.toUpperCase()), matchs[2].trim()]
+                    }
+                    return []
+                  }))}
+              return value
+            }
         
             var createPageHandler = function() {
               return `, source, `

package/lib/compiler/javascript/vela/utils/Jsc.d.ts

@@ -5,6 +5,6 @@ declare class Jsc {
     readonly projectPath: string;
     readonly buildPath: string;
     constructor(projectPath: string, buildPath: string);
-    jsc(): Promise<void | string[]>;
+    jsc(): Promise<boolean>;
 }
 export default Jsc;

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

@@ -1,11 +1,15 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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());
+    });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const ColorConsole_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/ColorConsole"));
-const CommonUtil_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/utils/CommonUtil"));
-const del_1 = __importDefault(require("del"));
+const shared_utils_1 = require("@aiot-toolkit/shared-utils");
 /**
  * Jsc
  */
@@ -16,15 +20,19 @@ class Jsc {
     }
     jsc() {
         const { projectPath, buildPath } = this;
-        return CommonUtil_1.default.requireNodeModule(projectPath, `@aiot-toolkit/jsc`)
-            .then((module) => {
-            return module.default(buildPath);
-        })
+        return shared_utils_1.CommonUtil.requireNodeModule(projectPath, `@aiot-toolkit/jsc`)
+            .then((module) => __awaiter(this, void 0, void 0, function* () {
+            const msg = yield module.default(buildPath);
+            if (msg) {
+                shared_utils_1.ColorConsole.success({ word: 'jsc command' }, msg);
+            }
+        }))
             .then(() => {
-            return (0, del_1.default)(`${buildPath}/**/*.js`, { force: true });
+            return shared_utils_1.FileUtil.del(`${buildPath}/**/*.js`);
         })
             .catch((error) => {
-            ColorConsole_1.default.throw(error.message);
+            shared_utils_1.ColorConsole.throw(error.message);
+            return Promise.reject(error);
         });
     }
 }

package/lib/compiler/javascript/vela/utils/UxCompileUtil.d.ts

@@ -1,4 +1,4 @@
-import { Dictionary } from '@aiot-toolkit/shared-utils/lib/type/Type';
+import { Dictionary } from '@aiot-toolkit/shared-utils';
 declare class UxCompileUtil {
     static readonly DIGEST_ZIP_DIR = "META-INF";
     static clean(dirList: string[]): void;

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const ColorConsole_1 = __importDefault(require("@aiot-toolkit/shared-utils/lib/ColorConsole"));
+const shared_utils_1 = require("@aiot-toolkit/shared-utils");
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
 const EntryType_1 = __importDefault(require("../enum/EntryType"));
@@ -18,7 +18,7 @@ class UxCompileUtil {
                     fs_extra_1.default.unlinkSync(item);
                 }
                 else {
-                    fs_extra_1.default.rmdirSync(item, { recursive: true });
+                    fs_extra_1.default.rmSync(item, { recursive: true, force: true });
                 }
             }
         });
@@ -37,7 +37,7 @@ class UxCompileUtil {
         }
         const appFile = this.resolveFile(path_1.default.join(codeDir, 'app'));
         if (!fs_extra_1.default.existsSync(appFile)) {
-            ColorConsole_1.default.throw(`App file does not exist`);
+            shared_utils_1.ColorConsole.throw(`App file does not exist`);
         }
         const { pages = {}, widgets = {}, floatingWindows = {} } = router;
         const confsList = [
@@ -130,7 +130,7 @@ class UxCompileUtil {
      * @returns
      */
     static getExtensionList(withDot = true) {
-        const result = ['js'];
+        const result = ['ux', 'hml'];
         if (withDot) {
             return result.map((item) => `.${item}`);
         }