@lcap/nasl-unified-frontend-generator 4.0.0-rc.1 → 4.1.0-beta.1

package/dist/playground.mjs

@@ -2259,7 +2259,7 @@ import { Container as Container20 } from "inversify";
 
 // src/plugins/vue/vue3/vue3-preset-plugin.ts
 import "@abraham/reflection";
-import { inject as inject16, injectable as injectable31 } from "inversify";
+import { inject as inject15, injectable as injectable30 } from "inversify";
 
 // src/service-metakind.ts
 var ServiceMetaKind = {
@@ -4622,7 +4622,8 @@ query: {`;
         let url2 = "`";
         const viewArr = s3.genViewArr();
         if (Array.isArray(viewArr) && viewArr.length) {
-          url2 += `/${viewArr.join("/")}`;
+          const prefixPath = s3.frontend?.prefixPath;
+          url2 += `${prefixPath}/${viewArr.join("/")}`;
           const { completeArguments } = s3;
           if (completeArguments.length) {
             const node = s3.viewNode;
@@ -6569,40 +6570,40 @@ var metadataPlugin = makePlugin({
 // src/hack/material-config/material.config.js
 var materials = {
   framework: {
-    version: "2.0.0",
+    version: "2.1.0",
     core: "@lcap/basic-template",
     pc: [
       {
         frameworkKind: "vue2",
         name: "@lcap/pc-template",
-        version: "2.0.0"
+        version: "2.1.0"
       },
       {
         frameworkKind: "react",
         name: "@lcap/pc-template-react",
-        version: "2.0.0"
+        version: "2.1.0"
       },
       {
         frameworkKind: "vue3",
         name: "@lcap/pc-template-vue3",
-        version: "2.0.0"
+        version: "2.1.0"
       }
     ],
     h5: [
       {
         frameworkKind: "vue2",
         name: "@lcap/mobile-template",
-        version: "2.0.0"
+        version: "2.1.0"
       },
       {
         frameworkKind: "react",
         name: "@lcap/mobile-template-react",
-        version: "2.0.0"
+        version: "2.1.0"
       },
       {
         frameworkKind: "vue3",
         name: "@lcap/mobile-template-vue3",
-        version: "2.0.0"
+        version: "2.1.0"
       }
     ]
   },
@@ -9282,7 +9283,7 @@ BundlerConfigDataPlugin = __decorateClass([
   __decorateParam(0, inject8(ServiceMetaKind.FrontendBundlerConfig))
 ], BundlerConfigDataPlugin);
 
-// src/plugins/misc/bundler/respack-config-plugin.ts
+// src/plugins/misc/bundler/rspack-config-plugin.ts
 import "@abraham/reflection";
 import { injectable as injectable17, inject as inject9 } from "inversify";
 var RspackConfigPlugin = class {
@@ -9306,9 +9307,16 @@ var RspackConfigPlugin = class {
           `chunks: '${this.frontendPerformancePlugin?.performanceOptions?.chunks}'`
         );
       }
+      rspackConfigSource = rspackConfigSource.replace(`const backendUrl = '';`, `const backendUrl = '${backendUrl}'`).replace(`const publicPath = '';`, `const publicPath = '${publicPath}';`).replace(`sourceMap: false,`, `sourceMap: ${config2.env === "dev"},`).replace("alias: {}", `alias: {${aliasMapStr}}`).replace("const isDev = false", `const isDev = ${config2.env === "dev"}`);
+      if (config2.needCompileViews && config2.needCompileViews.length > 0 && config2.cacheChunksMapCode) {
+        rspackConfigSource = rspackConfigSource.replace("isIncremental: false", "isIncremental: true").replace("chunksMap: ''", `chunksMap: \`${config2.cacheChunksMapCode}\``);
+      }
+      if (config2.isExport) {
+        rspackConfigSource = rspackConfigSource.replace(/\/\/ LcapPlugin start\s+new LcapPlugin\(\{[\s\S]*?\}\),\s+\/\/ LcapPlugin end/g, "");
+      }
       fs.write(
         "/rspack.config.js",
-        rspackConfigSource.replace(`const backendUrl = '';`, `const backendUrl = '${backendUrl}'`).replace(`const publicPath = '';`, `const publicPath = '${publicPath}';`).replace(`sourceMap: false,`, `sourceMap: ${config2.env === "dev"},`).replace("alias: {}", `alias: {${aliasMapStr}}`)
+        rspackConfigSource
       );
     }
   }
@@ -9516,49 +9524,12 @@ EntrypointPlugin = __decorateClass([
   __decorateParam(0, inject11(ServiceMetaKind.MicroFrontendManager))
 ], EntrypointPlugin);
 
-// src/plugins/misc/bundler/vite-config-plugin.ts
-import "@abraham/reflection";
-import { injectable as injectable20, inject as inject12 } from "inversify";
-var ViteConfigPlugin = class {
-  constructor(bundlerConfigDataPlugin) {
-    this.bundlerConfigDataPlugin = bundlerConfigDataPlugin;
-  }
-  async configBundlerConfig(app, frontend, config2, fs, frameworkKind) {
-    const isDev = config2.env === "dev";
-    const { backendUrl, publicPath, aliasMapStr, dependenciesStr } = await this.bundlerConfigDataPlugin.getBundlerConfigData(
-      app,
-      frontend,
-      config2,
-      fs,
-      frameworkKind
-    );
-    const viteConfigSource = fs.read("/vite.config.ts")?.toString();
-    if (viteConfigSource) {
-      fs.write(
-        "/vite.config.ts",
-        viteConfigSource.replace(`const backendUrl = ''`, `const backendUrl = '${backendUrl}'`).replace(`const publicPath = ''`, `const publicPath = '${publicPath}'`).replace(`const isDev = false`, `const isDev = ${isDev}`).replace("alias: {}", `alias: {${aliasMapStr}}`).replace(
-          "optimizeDeps: { include: [], },",
-          `optimizeDeps: { include: [${dependenciesStr}], },`
-        )
-      );
-    }
-  }
-  static install(c) {
-    c.bind(ServiceMetaKind.FrontendBundlerFileConfig).to(ViteConfigPlugin).inSingletonScope();
-    return c;
-  }
-};
-ViteConfigPlugin = __decorateClass([
-  injectable20(),
-  __decorateParam(0, inject12(BundlerConfigDataPlugin))
-], ViteConfigPlugin);
-
 // src/plugins/vue/vue3/vue3-application-assembler-plugin.ts
-import { inject as inject15, injectable as injectable30 } from "inversify";
+import { inject as inject14, injectable as injectable29 } from "inversify";
 
 // src/plugins/vue/common/vue-router-plugin.ts
 import { kebab2Pascal as kebab2Pascal2 } from "@lcap/nasl-utils";
-import { injectable as injectable21 } from "inversify";
+import { injectable as injectable20 } from "inversify";
 var VueRouterPlugin = class {
   extractImportIR(routes, componentPathManager) {
     const nameMangler = new NameMangler();
@@ -9627,11 +9598,11 @@ var VueRouterPlugin = class {
   }
 };
 VueRouterPlugin = __decorateClass([
-  injectable21()
+  injectable20()
 ], VueRouterPlugin);
 
 // src/plugins/vue/vue3/vue3-codegen-plugin.ts
-import { injectable as injectable22 } from "inversify";
+import { injectable as injectable21 } from "inversify";
 import { kebab2Pascal as kebab2Pascal3 } from "@lcap/nasl-utils";
 import { flatten as flatten2 } from "lodash";
 var Vue3CodegenPlugin = class {
@@ -9679,11 +9650,11 @@ var Vue3CodegenPlugin = class {
   }
 };
 Vue3CodegenPlugin = __decorateClass([
-  injectable22()
+  injectable21()
 ], Vue3CodegenPlugin);
 
 // src/plugins/vue/vue3/vue3-entry-builder-plugin.ts
-import { injectable as injectable23, inject as inject13 } from "inversify";
+import { injectable as injectable22, inject as inject12 } from "inversify";
 var Vue3EntryBuilderPlugin = class {
   constructor(microFrontendManager) {
     this.microFrontendManager = microFrontendManager;
@@ -9725,12 +9696,12 @@ var Vue3EntryBuilderPlugin = class {
   }
 };
 Vue3EntryBuilderPlugin = __decorateClass([
-  injectable23(),
-  __decorateParam(0, inject13(ServiceMetaKind.MicroFrontendManager))
+  injectable22(),
+  __decorateParam(0, inject12(ServiceMetaKind.MicroFrontendManager))
 ], Vue3EntryBuilderPlugin);
 
 // src/plugins/vue/vue3/vue3-libraries-builder-plugin.ts
-import { injectable as injectable24 } from "inversify";
+import { injectable as injectable23 } from "inversify";
 var Vue3LibrariesBuilderPlugin = class {
   /**
    * 构建依赖库导入文件
@@ -9768,11 +9739,11 @@ var Vue3LibrariesBuilderPlugin = class {
   }
 };
 Vue3LibrariesBuilderPlugin = __decorateClass([
-  injectable24()
+  injectable23()
 ], Vue3LibrariesBuilderPlugin);
 
 // src/plugins/vue/vue3/vue3-meta-data-builder-plugin.ts
-import { injectable as injectable25 } from "inversify";
+import { injectable as injectable24 } from "inversify";
 var Vue3MetaDataBuilderPlugin = class {
   /**
    * 构建依赖库导入文件
@@ -9793,7 +9764,7 @@ var Vue3MetaDataBuilderPlugin = class {
   }
 };
 Vue3MetaDataBuilderPlugin = __decorateClass([
-  injectable25()
+  injectable24()
 ], Vue3MetaDataBuilderPlugin);
 function stringifyMetaData(obj) {
   if (typeof obj === "object" && obj !== null) {
@@ -9827,7 +9798,7 @@ function stringifyMetaData(obj) {
 }
 
 // src/plugins/vue/vue3/vue3-components-index-builder-plugin.ts
-import { injectable as injectable26 } from "inversify";
+import { injectable as injectable25 } from "inversify";
 var Vue3ComponentsIndexBuilderPlugin = class {
   /**
    * 构建业务组件导出入口文件
@@ -9857,11 +9828,11 @@ var Vue3ComponentsIndexBuilderPlugin = class {
   }
 };
 Vue3ComponentsIndexBuilderPlugin = __decorateClass([
-  injectable26()
+  injectable25()
 ], Vue3ComponentsIndexBuilderPlugin);
 
 // src/plugins/vue/vue3/vue3-client-lazyload-template-builder-plugin .ts
-import { injectable as injectable27, inject as inject14 } from "inversify";
+import { injectable as injectable26, inject as inject13 } from "inversify";
 var Vue3ClientLazyloadTemplateBuilderPlugin = class {
   constructor(microFrontendManager) {
     this.microFrontendManager = microFrontendManager;
@@ -9874,32 +9845,19 @@ var Vue3ClientLazyloadTemplateBuilderPlugin = class {
     const isDebug = ir.configs.config.debug;
     const entryScript = this.microFrontendManager.produceScript(ir);
     return new ReactFileDescription(
-      "../client-lazyload-template.ts",
+      "../client-lazyload-template.js",
       [],
       [],
       [
-        `
-        export default function (templateParameters, publicPath) {
-          const { files } = templateParameters
-          const jsAssets = files.js?.map((x) => publicPath + x.fileName) ?? []
-          const cssAssets = files.css?.map((x) => publicPath + x.fileName) ?? []
-          // \u5982\u679C\u662Fdebug\u6A21\u5F0F\uFF0C\u52A0\u8F7D\u65AD\u70B9\u8C03\u8BD5\u5668
-          ${isDebug ? `jsAssets.push(
-            '${ir.configs.config.STATIC_URL}/packages/vue@2/dist/vue.min.js',
-            '${ir.configs.config.STATIC_URL}/packages/@lcap/breakpoint-client@1.0.0/dist/index.js?time=${Date.now()}',
-          );` : ""}
-          const lazyLoadCommand = \`
-            \${JSON.stringify(jsAssets)}.forEach(asset => window.LazyLoad.js(asset));
-            window.LazyLoad.css(\${JSON.stringify(cssAssets)});
-          \`;
-          return \`(function(){
-            function loadAssets(){
-              \${lazyLoadCommand};
-            }
-            ${entryScript};
-          })();\`;
-        }
-        `
+        `const extraJS = [];
+        const extraCSS = [];
+        const entryCode = \`${entryScript}\`;
+
+        module.exports = {
+          extraJS,
+          extraCSS,
+          entryCode,
+        }`
       ]
     );
   }
@@ -9909,12 +9867,12 @@ var Vue3ClientLazyloadTemplateBuilderPlugin = class {
   }
 };
 Vue3ClientLazyloadTemplateBuilderPlugin = __decorateClass([
-  injectable27(),
-  __decorateParam(0, inject14(ServiceMetaKind.MicroFrontendManager))
+  injectable26(),
+  __decorateParam(0, inject13(ServiceMetaKind.MicroFrontendManager))
 ], Vue3ClientLazyloadTemplateBuilderPlugin);
 
 // src/plugins/vue/vue3/vue3-platform-builder-plugin.ts
-import { injectable as injectable28 } from "inversify";
+import { injectable as injectable27 } from "inversify";
 var Vue3PlatformBuilderPlugin = class {
   /**
    * 构建平台配置文件
@@ -9948,11 +9906,11 @@ var Vue3PlatformBuilderPlugin = class {
   }
 };
 Vue3PlatformBuilderPlugin = __decorateClass([
-  injectable28()
+  injectable27()
 ], Vue3PlatformBuilderPlugin);
 
 // src/plugins/vue/vue3/vue3-entry-css-plugin.ts
-import { injectable as injectable29 } from "inversify";
+import { injectable as injectable28 } from "inversify";
 var Vue3EntryCssPlugin = class {
   /**
    * 构建依赖库导入文件
@@ -9969,7 +9927,7 @@ var Vue3EntryCssPlugin = class {
   }
 };
 Vue3EntryCssPlugin = __decorateClass([
-  injectable29()
+  injectable28()
 ], Vue3EntryCssPlugin);
 
 // src/plugins/vue/vue3/vue3-application-assembler-plugin.ts
@@ -9986,7 +9944,7 @@ var ComponentPathManager = class {
   }
 };
 ComponentPathManager = __decorateClass([
-  injectable30()
+  injectable29()
 ], ComponentPathManager);
 var Vue3ApplicationAssemblerPlugin = class {
   constructor(vue3CodegenPlugin, routesExtactor, routerBuilder, entryBuilder, librariesBuilder, entryCssBuilder, componentsIndexBuilder, clientLazyloadTemplateBuilder, platformBuilder, metaDataBuilder) {
@@ -10041,17 +9999,17 @@ var Vue3ApplicationAssemblerPlugin = class {
   }
 };
 Vue3ApplicationAssemblerPlugin = __decorateClass([
-  injectable30(),
-  __decorateParam(0, inject15(Vue3CodegenPlugin)),
-  __decorateParam(1, inject15(RoutesExtractionPlugin)),
-  __decorateParam(2, inject15(VueRouterPlugin)),
-  __decorateParam(3, inject15(Vue3EntryBuilderPlugin)),
-  __decorateParam(4, inject15(Vue3LibrariesBuilderPlugin)),
-  __decorateParam(5, inject15(Vue3EntryCssPlugin)),
-  __decorateParam(6, inject15(Vue3ComponentsIndexBuilderPlugin)),
-  __decorateParam(7, inject15(Vue3ClientLazyloadTemplateBuilderPlugin)),
-  __decorateParam(8, inject15(Vue3PlatformBuilderPlugin)),
-  __decorateParam(9, inject15(Vue3MetaDataBuilderPlugin))
+  injectable29(),
+  __decorateParam(0, inject14(Vue3CodegenPlugin)),
+  __decorateParam(1, inject14(RoutesExtractionPlugin)),
+  __decorateParam(2, inject14(VueRouterPlugin)),
+  __decorateParam(3, inject14(Vue3EntryBuilderPlugin)),
+  __decorateParam(4, inject14(Vue3LibrariesBuilderPlugin)),
+  __decorateParam(5, inject14(Vue3EntryCssPlugin)),
+  __decorateParam(6, inject14(Vue3ComponentsIndexBuilderPlugin)),
+  __decorateParam(7, inject14(Vue3ClientLazyloadTemplateBuilderPlugin)),
+  __decorateParam(8, inject14(Vue3PlatformBuilderPlugin)),
+  __decorateParam(9, inject14(Vue3MetaDataBuilderPlugin))
 ], Vue3ApplicationAssemblerPlugin);
 
 // src/plugins/vue/vue3/vue3-preset-plugin.ts
@@ -10106,7 +10064,7 @@ var Vue3PresetPlugin = class {
     c.bind(ServiceMetaKind.ProjectOrganizer).to(ProjectOrganizerPlugin);
     c.bind(ServiceMetaKind.FileSystemProvider).to(FileSystemPlugin).inSingletonScope();
     c = BundlerConfigDataPlugin.install(c);
-    c = ViteConfigPlugin.install(c);
+    c = RspackConfigPlugin.install(c);
     c = FrontendBundlerConfigPlugin.install(c);
     c = FrontendPerformancePlugin.install(c);
     c = NpmPackageJSONManagerPlugin.install(c);
@@ -10123,12 +10081,12 @@ var Vue3PresetPlugin = class {
   }
 };
 Vue3PresetPlugin = __decorateClass([
-  injectable31(),
-  __decorateParam(0, inject16(ServiceMetaKind.IRBuilder)),
-  __decorateParam(1, inject16(ServiceMetaKind.FileSystemProvider)),
-  __decorateParam(2, inject16(NpmPackageJSONManagerPlugin)),
-  __decorateParam(3, inject16(ServiceMetaKind.ProjectOrganizer)),
-  __decorateParam(4, inject16(Vue3ApplicationAssemblerPlugin))
+  injectable30(),
+  __decorateParam(0, inject15(ServiceMetaKind.IRBuilder)),
+  __decorateParam(1, inject15(ServiceMetaKind.FileSystemProvider)),
+  __decorateParam(2, inject15(NpmPackageJSONManagerPlugin)),
+  __decorateParam(3, inject15(ServiceMetaKind.ProjectOrganizer)),
+  __decorateParam(4, inject15(Vue3ApplicationAssemblerPlugin))
 ], Vue3PresetPlugin);
 
 // src/default-container.ts
@@ -10147,6 +10105,35 @@ async function translateNASLToApp(app, frontend, config2, baseDir = "./out", con
   const logger15 = Logger("\u7FFB\u8BD1\u8FC7\u7A0B");
   logger15.debug({ config: config2 });
   async function genCode() {
+    const { needCompileViews = [] } = config2;
+    if (needCompileViews?.length > 0) {
+      let traverseChildren2 = function(view, callback) {
+        if (view.children?.length > 0) {
+          view.children.forEach((childView) => {
+            const deep = callback(childView);
+            if (deep) {
+              traverseChildren2(childView, callback);
+            }
+          });
+        }
+      };
+      var traverseChildren = traverseChildren2;
+      logger15.info("\u5F00\u59CB\u6309\u9700\u7FFB\u8BD1\u9875\u9762");
+      frontend.views.forEach((view) => {
+        if (!needCompileViews.includes(view.nodePath)) {
+          view.delete();
+        } else {
+          traverseChildren2(view, (childView) => {
+            if (!needCompileViews.includes(childView.nodePath)) {
+              childView.delete();
+              return false;
+            }
+            return true;
+          });
+        }
+      });
+      logger15.info("\u7ED3\u675F\u6309\u9700\u7FFB\u8BD1\u9875\u9762");
+    }
     logger15.info("\u5F00\u59CB\u7FFB\u8BD1");
     try {
       const codeList2 = await container.get(ServiceMetaKind.NASLTranspiler).transpile({
@@ -10263,7 +10250,7 @@ async function compileAsProject(app, frontend, config2, container) {
 }
 
 // src/plugins/misc/program-analysis/analyzer-manager-plugin.ts
-import { injectable as injectable32 } from "inversify";
+import { injectable as injectable31 } from "inversify";
 
 // src/plugins/misc/program-analysis/analysis/async-analysis.ts
 function buildAsyncAnalyzer() {
@@ -10390,11 +10377,11 @@ var AnalyzerManagerPlugin = class {
   }
 };
 AnalyzerManagerPlugin = __decorateClass([
-  injectable32()
+  injectable31()
 ], AnalyzerManagerPlugin);
 
 // src/plugins/misc/name-mangler/name-mangler-manager-plugin.ts
-import { injectable as injectable33 } from "inversify";
+import { injectable as injectable32 } from "inversify";
 
 // src/plugins/misc/name-mangler/name-mangler.ts
 var NameMangler2 = class _NameMangler {
@@ -10461,7 +10448,7 @@ var NameManglerManagerPlugin = class {
   }
 };
 NameManglerManagerPlugin = __decorateClass([
-  injectable33()
+  injectable32()
 ], NameManglerManagerPlugin);
 
 // src/utils/sanity-check.ts