@aiot-toolkit/aiotpack 2.0.5-beta.2 → 2.0.5-beta.20

package/lib/afterCompile/ux/UxAfterCompile.d.ts

@@ -4,7 +4,7 @@ import IJavascriptCompileOption from '../../compiler/javascript/interface/IJavas
  * UxAfterCompile
  */
 declare class UxAfterCompile {
-    static webpack: FollowWork<IJavascriptCompileOption>;
+    static compileJavascript: FollowWork<IJavascriptCompileOption>;
     static protobuf: FollowWork<IJavascriptCompileOption>;
     static jsc: FollowWork<IJavascriptCompileOption>;
     static toRpk: FollowWork<IJavascriptCompileOption>;
@@ -15,6 +15,13 @@ declare class UxAfterCompile {
      * @param compilerOption
      */
     static copyResource: FollowWork<IJavascriptCompileOption>;
+    /**
+     * 压缩资源文件
+     * 1. png8
+     * 2. bin
+     * @param params
+     */
+    static compressResource: FollowWork<IJavascriptCompileOption>;
     /**
      * 如果是更新触发，则对比临时项目build文件夹 和 项目build文件夹，生成diff.json
      * @param context
@@ -39,5 +46,25 @@ declare class UxAfterCompile {
      * @param compilerOption
      */
     static symlinkNodeModule: FollowWork<IJavascriptCompileOption>;
+    /**
+     * 编译轻卡ux
+     * 1. 使用hap-toolkit编译项目，编译结果存储在build文件夹
+     *   1.1 重写stdout以捕获hap-toolkit中的正常日志，错误日志正常输出
+     *   1.2 使用hap-toolkit编译项目
+     *   1.3 还原stdout
+     * 2. 取widgets中配置的轻卡内容，将build文件夹中对应的产物复制到临时文件夹
+     * @param params
+     */
+    static compileLiteCard: FollowWork<IJavascriptCompileOption>;
+    /**
+     * 检查资源文件
+     * 1. 检查文件体积是否过大, 如果超出，则提示到真机验证
+     * @param params
+     */
+    static resourceCheck: FollowWork<IJavascriptCompileOption>;
+    /**
+     * 写入.gitignore文件, 忽略临时目录
+     */
+    static writeGitIgnore: FollowWork<IJavascriptCompileOption>;
 }
 export default UxAfterCompile;

package/lib/afterCompile/ux/UxAfterCompile.js

@@ -16,19 +16,23 @@ var _ZipUtil = _interopRequireDefault(require("../../compiler/javascript/vela/ut
 var _UxFileUtils = _interopRequireDefault(require("../../utils/ux/UxFileUtils"));
 var _FileLaneTriggerType = _interopRequireDefault(require("file-lane/lib/enum/FileLaneTriggerType"));
 var _ZipFileUtil = _interopRequireDefault(require("@aiot-toolkit/shared-utils/lib/utils/ZipFileUtil"));
+var _process = require("process");
+var _ImageIcu = _interopRequireDefault(require("../../compiler/tools/icu/ImageIcu"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const BinaryPlugin = require('@aiot-toolkit/parser/lib/ux/translate/vela/protobuf/BinaryPlugin');
+const HapToolkit = require('hap-toolkit');
 
 /**
  * UxAfterCompile
  */
 class UxAfterCompile {
-  static webpack = async params => {
+  static compileJavascript = async params => {
     const {
       context,
-      compilerOption
+      compilerOption,
+      onLog
     } = params;
-    return new _JavascriptCompiler.default().compile({
+    return new _JavascriptCompiler.default(context, onLog).compile({
       projectPath: _path.default.join(context.projectPath, context.output),
       mode: _CompileMode.default.DEVELOPMENT,
       devtool: false,
@@ -89,12 +93,12 @@ class UxAfterCompile {
     const {
       compilerOption,
       compalition,
-      config
+      context
     } = params;
     if (compilerOption) {
       const fileName = await _ZipUtil.default.createRpk(_path.default.join(compilerOption.projectPath, compilerOption.outputPath), compilerOption);
       if (compalition && fileName) {
-        compalition.info.rpk = _path.default.join(config.projectPath, compilerOption.releasePath, fileName);
+        compalition.info.rpk = _path.default.join(context.projectPath, compilerOption.releasePath, fileName);
       }
       return fileName;
     }
@@ -144,7 +148,7 @@ class UxAfterCompile {
         sourceRoot,
         outputPath
       } = compilerOption;
-      const includeList = [/sitemap\.json$/, /i18n(.+)\.json/];
+      const includeList = [/sitemap\.json$/, /i18n(.+)\.json/, /web\/*/];
       const excludeExtList = ['js', 'jsx', 'coffee', 'ts', 'tsx', 'vue', 'css', 'less', 'sass', 'styl', 'html', 'md', 'ux', 'mix', 'DS_Store', 'map'];
       const excludeReg = `\\.(${excludeExtList.join('|')})$`;
       _sharedUtils.FileUtil.copyFiles(_path.default.join(projectPath, sourceRoot), _path.default.join(projectPath, outputPath), new RegExp(excludeReg));
@@ -251,6 +255,37 @@ class UxAfterCompile {
       await genMetaFiles(compilerOption);
     }
   };
+
+  /**
+   * 压缩资源文件
+   * 1. png8
+   * 2. bin
+   * @param params
+   */
+  static compressResource = async params => {
+    const {
+      compilerOption
+    } = params;
+    if (compilerOption) {
+      const {
+        enableImagePng8,
+        projectPath,
+        outputPath
+      } = compilerOption;
+      if (enableImagePng8) {
+        const format = 'png';
+        const files = _sharedUtils.FileUtil.readAlldirSync(_path.default.join(projectPath, outputPath));
+        const compressFiles = files.filter(filePath => _ImageIcu.default.canTranslate(filePath, format));
+        if (compressFiles.length) {
+          const icu = new _ImageIcu.default();
+          compressFiles.forEach(item => {
+            icu.translate(item, _path.default.dirname(item), format);
+          });
+        }
+      }
+    }
+  };
+
   /**
    * 如果是更新触发，则对比临时项目build文件夹 和 项目build文件夹，生成diff.json
    * @param context
@@ -261,7 +296,7 @@ class UxAfterCompile {
     const {
       compilerOption,
       compalition,
-      config
+      context
     } = params;
     if (!compilerOption || !compalition) {
       return;
@@ -269,19 +304,16 @@ class UxAfterCompile {
     if (compalition.trigger === _FileLaneTriggerType.default.START) {
       return;
     }
-    const {
-      outputPath,
-      projectPath
-    } = compilerOption;
     // 读取临时项目build文件夹中所有文件路径
-    const tempBuildPath = _path.default.join(projectPath, outputPath);
+    const tempBuildDir = _path.default.join(compilerOption.projectPath, compilerOption.outputPath);
     // 待优化，map文件跟随源文件变化，与时间戳有关文件无需对比
-    const tempFileList = _sharedUtils.FileUtil.readAlldirSync(tempBuildPath).map(filePath => _path.default.relative(tempBuildPath, filePath));
-    const diffList = _UxFileUtils.default.getDiffJSON(compalition, tempFileList, tempBuildPath);
+    const tempFileList = _sharedUtils.FileUtil.readAlldirSync(tempBuildDir);
+    const buildDir = _path.default.join(context.projectPath, compilerOption.outputPath);
+    const diffList = _UxFileUtils.default.getDiffJSON(compalition.buildFileList, tempFileList, buildDir, tempBuildDir);
 
     // 所有差异文件，压缩到 .diff.rpk 中
     if (diffList?.length) {
-      const buildFold = _path.default.join(compilerOption.projectPath, compilerOption.outputPath);
+      const buildFold = tempBuildDir;
       const distFold = _path.default.join(compilerOption.projectPath, compilerOption.releasePath);
       const diffFileName = `.diff.rpk`;
       const diffPath = _path.default.join(distFold, diffFileName);
@@ -290,7 +322,7 @@ class UxAfterCompile {
         zipFilePath: item
       })));
       compalition.info.diffList = diffList;
-      compalition.info.diffFile = _path.default.join(config.projectPath, compilerOption.releasePath, diffFileName);
+      compalition.info.diffFile = _path.default.join(context.projectPath, compilerOption.releasePath, diffFileName);
     }
   };
 
@@ -361,5 +393,118 @@ class UxAfterCompile {
       throw new Error(`${error?.toString() || 'unknown error'}. Please check whether the file system of the current disk supports the creation of soft links.`);
     }
   };
+  /**
+   * 编译轻卡ux
+   * 1. 使用hap-toolkit编译项目，编译结果存储在build文件夹
+   *   1.1 重写stdout以捕获hap-toolkit中的正常日志，错误日志正常输出
+   *   1.2 使用hap-toolkit编译项目
+   *   1.3 还原stdout
+   * 2. 取widgets中配置的轻卡内容，将build文件夹中对应的产物复制到临时文件夹
+   * @param params
+   */
+  static compileLiteCard = async params => {
+    const {
+      compilerOption,
+      context
+    } = params;
+    try {
+      if (context?.liteCards?.length > 0 && compilerOption) {
+        const {
+          projectPath,
+          outputPath
+        } = compilerOption;
+        const LITE_OUTPUT_PATH = outputPath;
+        // 1.1
+        const originalStdout = _process.stdout.write;
+        _process.stdout.write = function () {
+          return true;
+        };
+        // 1.2
+        await HapToolkit.compile('native', 'dev', false, {
+          cwd: context.projectPath,
+          signMode: 'BUILD',
+          enableCustomComponent: true
+        });
+        // 1.3
+        _process.stdout.write = originalStdout;
+        // 2.
+        context.liteCards.forEach(card => {
+          // hap-toolkit的产物在项目的build文件夹下
+          const fromPath = _path.default.join(context.projectPath, LITE_OUTPUT_PATH, card);
+          // aiot-toolkit的产物在临时项目的build文件夹下
+          const toPath = _path.default.join(projectPath, LITE_OUTPUT_PATH, card);
+          //确定目标目录存在，若不存在则创建到父目录
+          _fsExtra.default.ensureDirSync(_path.default.dirname(toPath));
+          // 复制文件
+          _fsExtra.default.moveSync(fromPath + '.template.json', toPath + '.template.json', {
+            overwrite: true
+          });
+          _fsExtra.default.moveSync(fromPath + '.css.json', toPath + '.css.json', {
+            overwrite: true
+          });
+        });
+      }
+    } catch (error) {
+      throw new Error(`compile lite card error, ${error?.toString() || 'unknown error'}.`);
+    }
+  };
+  /**
+   * 检查资源文件
+   * 1. 检查文件体积是否过大, 如果超出，则提示到真机验证
+   * @param params
+   */
+  static resourceCheck = async params => {
+    const {
+      context,
+      compilerOption,
+      onLog
+    } = params;
+    if (!compilerOption) {
+      return;
+    }
+
+    // 最大值，单位KB
+    const MAX_SIZE = 1024;
+    const {
+      projectPath
+    } = context;
+    const {
+      outputPath
+    } = compilerOption;
+    const fileList = _sharedUtils.FileUtil.readAlldirSync(_path.default.join(projectPath, outputPath));
+    const largeFileList = fileList.filter(item => {
+      const status = _fsExtra.default.statSync(item);
+      return status.size > MAX_SIZE * 1024;
+    });
+    if (largeFileList.length) {
+      const logs = [];
+      logs.push({
+        level: _sharedUtils.Loglevel.WARN,
+        message: [`the following files is large than`, {
+          word: `${MAX_SIZE}KB`
+        }, `, please check on the`, {
+          word: `real device\r\n`
+        }, {
+          word: largeFileList.map((item, index) => `${index + 1}. ${item}`).join('\r\n ')
+        }]
+      });
+      onLog?.(logs);
+    }
+  };
+
+  /**
+   * 写入.gitignore文件, 忽略临时目录
+   */
+  static writeGitIgnore = async params => {
+    const {
+      context
+    } = params;
+    const {
+      output,
+      projectPath
+    } = context;
+    const gitIgnorePath = _path.default.join(projectPath, output, '.gitignore');
+    _fsExtra.default.writeFileSync(gitIgnorePath, '*');
+  };
 }
 var _default = exports.default = UxAfterCompile;

package/lib/afterWorks/ux/UxAfterWorks.js

@@ -9,7 +9,7 @@ var _fileLane = require("file-lane");
 class UxAfterWorks {
   static async cleanOutput(context) {
     const outputPath = _fileLane.FileLaneUtil.getOutputPath(context);
-    _sharedUtils.FileUtil.del(outputPath);
+    await _sharedUtils.FileUtil.del(outputPath);
   }
 }
 var _default = exports.default = UxAfterWorks;

package/lib/compiler/javascript/JavascriptCompiler.d.ts

@@ -1,9 +1,23 @@
+import { ILog } from '@aiot-toolkit/shared-utils';
+import { IFileLaneContext } from 'file-lane';
 import ICompileParam from '../interface/ICompileParam';
 import ICompiler from '../interface/ICompiler';
 import IJavascriptCompileOption from './interface/IJavascriptCompileOption';
 declare class JavascriptCompiler implements ICompiler {
+    private readonly context;
+    private readonly onLog?;
     readonly QUICKAPP_CONFIG = "quickapp.config.js";
+    constructor(context: IFileLaneContext, onLog?: ((log: ILog[]) => void) | undefined);
     compile(param: IJavascriptCompileOption): Promise<void>;
+    /**
+     * 压缩插件
+     *
+     * dev模式，只处理console，其它禁用
+     * prod模式，其它使用默认值
+     * @param mode
+     * @returns
+     */
+    private createMinimizerRspackPlugin;
     private createWebpackConfig;
     private getConfigurator;
     clean(param: ICompileParam & IJavascriptCompileOption): Promise<void>;

package/lib/compiler/javascript/JavascriptCompiler.js

@@ -8,12 +8,17 @@ var _sharedUtils = require("@aiot-toolkit/shared-utils");
 var _core = require("@rspack/core");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _path = _interopRequireDefault(require("path"));
+var _CompileMode = _interopRequireDefault(require("../enum/CompileMode"));
 var _AndroidWebpackConfigurator = _interopRequireDefault(require("./android/AndroidWebpackConfigurator"));
 var _VelaWebpackConfigurator = _interopRequireDefault(require("./vela/VelaWebpackConfigurator"));
 var _UxCompileUtil = _interopRequireDefault(require("./vela/utils/UxCompileUtil"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class JavascriptCompiler {
   QUICKAPP_CONFIG = 'quickapp.config.js';
+  constructor(context, onLog) {
+    this.context = context;
+    this.onLog = onLog;
+  }
   async compile(param) {
     return new Promise(async (resolve, reject) => {
       try {
@@ -49,6 +54,65 @@ class JavascriptCompiler {
       }
     });
   }
+
+  /**
+   * 压缩插件
+   *
+   * dev模式，只处理console，其它禁用
+   * prod模式，其它使用默认值
+   * @param mode
+   * @returns
+   */
+  createMinimizerRspackPlugin(compileOption) {
+    const {
+      mode,
+      dropConsole
+    } = compileOption;
+    const translateDropConsole = () => {
+      let dropConsoleValue;
+      if (dropConsole === undefined) {
+        dropConsoleValue = false;
+      } else if (dropConsole === 'true') {
+        dropConsoleValue = true;
+      } else if (dropConsole === 'false') {
+        dropConsoleValue = false;
+      } else {
+        dropConsoleValue = dropConsole;
+      }
+      return dropConsoleValue;
+    };
+    const createCompressValue = dropConsoleValue => {
+      const result = {};
+      if (typeof dropConsoleValue === 'boolean') {
+        result.drop_console = dropConsoleValue;
+      } else if (typeof dropConsoleValue === 'string') {
+        result.pure_funcs = dropConsoleValue.split(',').map(item => item.trim()).filter(Boolean).map(item => `console.${item}`);
+      }
+      return result;
+    };
+    if (mode === _CompileMode.default.DEVELOPMENT) {
+      return new _core.rspack.SwcJsMinimizerRspackPlugin({
+        minimizerOptions: {
+          module: true,
+          minify: false,
+          mangle: false,
+          compress: {
+            defaults: false,
+            ...createCompressValue(translateDropConsole())
+          }
+        }
+      });
+    } else {
+      return new _core.rspack.SwcJsMinimizerRspackPlugin({
+        minimizerOptions: {
+          module: true,
+          compress: {
+            ...createCompressValue(translateDropConsole())
+          }
+        }
+      });
+    }
+  }
   createWebpackConfig(param) {
     const configurator = this.getConfigurator(param);
     if (!configurator) {
@@ -82,17 +146,39 @@ class JavascriptCompiler {
         rules: [{
           test: /\.ux$/,
           // 匹配以 .ux 结尾的文件
+          exclude: /node_modules/,
           use: [{
             loader: _path.default.join(__dirname, '../javascript/vela/utils/webpackLoader/extractMapData.js')
           }]
+        },
+        // node_modules下的ux文件
+        {
+          test: /\.ux$/,
+          include: /node_modules/,
+          use: [{
+            loader: _path.default.join(__dirname, '../javascript/vela/utils/webpackLoader/WebpackUxLoader'),
+            options: {
+              compileParam: param,
+              context: this.context,
+              onLog: this.onLog
+            }
+          }]
+        }, {
+          test: /\.js$/,
+          include: /node_modules/,
+          use: [{
+            loader: _path.default.join(__dirname, '../javascript/vela/utils/webpackLoader/WebpackJsLoader'),
+            options: {
+              compileParam: param,
+              context: this.context,
+              onLog: this.onLog
+            }
+          }]
         }]
       },
       optimization: {
-        minimizer: [new _core.rspack.SwcJsMinimizerRspackPlugin({
-          minimizerOptions: {
-            module: true
-          }
-        })]
+        minimize: true,
+        minimizer: [this.createMinimizerRspackPlugin(param)]
       },
       resolve: {
         extensions: ['.js', '.ts', '.ux']

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

@@ -1,6 +1,6 @@
 import ICompileParam from '../../interface/ICompileParam';
 import BuildNameFormatType from '../vela/enum/BuildNameFormatType';
-export default interface IJavascriptCompileOption extends ICompileParam {
+interface IJavascriptCompileOption extends ICompileParam {
     devtool?: string | false;
     /**
      * 源码路径(相对项目根目录)
@@ -48,6 +48,10 @@ export default interface IJavascriptCompileOption extends ICompileParam {
      * 启用应用自动化测试
      */
     enableE2e?: boolean;
+    /**
+     * 启用 png8 压缩
+     */
+    enableImagePng8?: boolean;
     /**
      * 启用代码体积分析，会生成 report.html 文件，可查看打包后各模块占用体积
      */
@@ -56,6 +60,17 @@ export default interface IJavascriptCompileOption extends ICompileParam {
      * 是否自动补全 manifest.json 中的 features 配置
      */
     completeFeature?: boolean;
+    /**
+     * 是否删除 console
+     *
+     * true：删除全部 console
+     * string: 指定要去除的console，如'log'、'warn'、'error'
+     *
+     * @example true
+     *
+     * @example log,warn
+     */
+    dropConsole?: boolean | string;
     /**
      * 获取远程证书
      */
@@ -70,3 +85,4 @@ export default interface IJavascriptCompileOption extends ICompileParam {
         certificate: Buffer;
     }>;
 }
+export default IJavascriptCompileOption;

package/lib/compiler/javascript/interface/IJavascriptCompileOption.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1,4 +1,13 @@
 import { Dictionary } from '@aiot-toolkit/shared-utils';
+export declare const LITE_CARD_TYPE = "lite";
+interface IWidget {
+    name: string;
+    component: string;
+    minCardPlatformVersion: Number;
+    providerUri: string;
+    sizes: string[];
+    type?: string;
+}
 /**
  * vela manifest文件对应的数据结构
  */
@@ -16,6 +25,7 @@ export default interface IManifest {
         designWidth?: string | number;
     };
     router: {
+        widgets?: Record<string, IWidget>;
         entry: string;
         pages: Dictionary<{
             component?: string;
@@ -28,3 +38,4 @@ export default interface IManifest {
 export interface IFeatures {
     name: string;
 }
+export {};

package/lib/compiler/javascript/vela/interface/IManifest.js

@@ -1 +1,11 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LITE_CARD_TYPE = void 0;
+const LITE_CARD_TYPE = exports.LITE_CARD_TYPE = 'lite';
+
+/**
+ * vela manifest文件对应的数据结构
+ */

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

@@ -33,8 +33,7 @@ class WrapPlugin {
         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$){
+        compilation.assets[entry] = new _webpackSources.ConcatSource(`export default function(global, globalThis, window, $app_exports$, $app_evaluate$){
           var org_app_require = $app_require$;
         
           (function(global, globalThis, window, $app_exports$, $app_evaluate$){
@@ -45,8 +44,6 @@ class WrapPlugin {
             var $app_require$ = global.$app_require$ || org_app_require
 
             ${enableE2e ? `globalThis = undefined; \n global = typeof window === "undefined" ? global.__proto__  : window;` : ''}
-            // 转换动态 style 的函数
-            ${isApp ? this.translateStyleFunc() : ''}
             var ${createFuncnName} = function() {
               return `, source, `
             }

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

@@ -8,6 +8,7 @@ var _sharedUtils = require("@aiot-toolkit/shared-utils");
 var _fsExtra = _interopRequireDefault(require("fs-extra"));
 var _path = _interopRequireDefault(require("path"));
 var _EntryType = _interopRequireDefault(require("../enum/EntryType"));
+var _IManifest = require("../interface/IManifest");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 class UxCompileUtil {
   // 摘要文件夹
@@ -80,6 +81,10 @@ class UxCompileUtil {
           throw new Error(`Compilation failed: please confirm that '${routePath}' configured by router.pages in manifest.json is the directory name`);
         }
         const conf = confs[routePath];
+        //轻卡无需打包
+        if (conf.type === _IManifest.LITE_CARD_TYPE) {
+          return;
+        }
         const entryKey = _path.default.join(routePath, conf.component);
         const filePath = this.resolveFile(_path.default.join(codeDir, entryKey));
         if (!filePath) {

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

@@ -0,0 +1,11 @@
+import { IFileLaneContext } from 'file-lane';
+import IJavascriptCompileOption from '../../../interface/IJavascriptCompileOption';
+import { ILog } from '@aiot-toolkit/shared-utils';
+/**
+ * IWebpackLoaderOption
+ */
+export default interface IWebpackLoaderOption {
+    compileParam: IJavascriptCompileOption;
+    context: IFileLaneContext;
+    onLog: (log: ILog[]) => void;
+}

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

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,2 @@
+import { LoaderContext } from '@rspack/core';
+export default function (this: LoaderContext<any>, source: string): Promise<void>;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _parser = require("@aiot-toolkit/parser");
+var _sharedUtils = require("@aiot-toolkit/shared-utils");
+async function _default(source) {
+  const callback = this.async();
+  const options = this.getOptions();
+  const {
+    context,
+    onLog,
+    compileParam
+  } = options;
+  const result = await new _parser.ScriptToTypescript({
+    filePath: this.resourcePath,
+    content: source,
+    projectPath: this.rootContext,
+    onLog: log => onLog?.([log]),
+    projectType: _sharedUtils.ProjectType.VELA_UX
+  }, compileParam, context).translate({
+    content: source
+  }, []);
+  callback(null, result.targetTree.getFullText());
+}

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

@@ -0,0 +1,2 @@
+import { LoaderContext } from '@rspack/core';
+export default function (this: LoaderContext<any>, source: string): Promise<void>;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _UxLoaderUtils = _interopRequireDefault(require("../../../../../utils/ux/UxLoaderUtils"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+async function _default(source) {
+  const options = this.getOptions();
+  const {
+    onLog,
+    compileParam,
+    context
+  } = options;
+  const callback = this.async();
+  const {
+    files: compiledFiles,
+    logs
+  } = await _UxLoaderUtils.default.compileUxToJavascript({
+    path: this.resourcePath,
+    content: source
+  }, context, false, compileParam);
+  onLog?.(logs);
+  callback(null, compiledFiles[0].content, compiledFiles[1].content);
+}