@lcap/nasl-unified-frontend-generator 4.1.0-beta.3 → 4.1.0-beta.5

package/dist/index.d.mts

@@ -28,6 +28,7 @@ interface CommonAppConfig {
     isExport?: boolean;
     needCompileViews?: string[];
     cacheChunksMapCode?: string;
+    feLoadDependenciesOnDemand?: boolean;
     /**
      * 插件用的配置项
      */

package/dist/index.d.ts

@@ -28,6 +28,7 @@ interface CommonAppConfig {
     isExport?: boolean;
     needCompileViews?: string[];
     cacheChunksMapCode?: string;
+    feLoadDependenciesOnDemand?: boolean;
     /**
      * 插件用的配置项
      */

package/dist/index.js

@@ -4157,7 +4157,7 @@ var ReactCodegenPlugin = class {
     const exts = packages.filter((x) => x.kind === "extension");
     const imports = exts.map((ext) => {
       return {
-        from: `@extension/${ext.name}`,
+        from: `${ext.name}`,
         import: `* as ${kebab2Pascal(ext.name)}`
       };
     }).filter(isNotNil);
@@ -4786,7 +4786,7 @@ function getReferencedLibComponent(e) {
     if (tag === "Router") {
       return { kind: "library", libraryName: "react-router-dom", tag: "Outlet" };
     }
-    const libraryName = foundExtension ? `@extension/${foundExtension.name}` : DefaultComponentLibraryName;
+    const libraryName = foundExtension ? `${foundExtension.name}` : DefaultComponentLibraryName;
     return { kind: "library", libraryName, tag };
   } else if (tag) {
     return { kind: "library", libraryName: DefaultComponentLibraryName, tag };
@@ -5476,14 +5476,14 @@ var NASLAppIRBuilderPlugin = class {
   }
   enchanceHackForAppPackageInfos(app, commonAppConfig) {
     app.loadPackageInfos(getPredefinedMaterialConfig());
-    const config = (0, import_nasl_concepts9.getConfig)();
-    if (commonAppConfig.allNodesAPI) {
-      config.allNodesAPI = commonAppConfig.allNodesAPI;
-    }
-    config.allNodesAPI ??= {};
+    const naslStoreConfig = (0, import_nasl_concepts9.getConfig)();
+    naslStoreConfig.allNodesAPI = commonAppConfig.allNodesAPI || {};
     (0, import_nasl_concepts9.initialize)({
       getConfig: () => {
-        return config;
+        return {
+          ...commonAppConfig || {},
+          ...naslStoreConfig || {}
+        };
       }
     });
   }
@@ -7014,13 +7014,12 @@ var BundlerConfigDataPlugin = class {
       if (target) {
         return {
           name: dep.name,
-          resolvedTo: `./src/${target}`.replace(/\/index\.js$/, ""),
-          scope: dep.kind === "extension" ? "@extension" : void 0
+          resolvedTo: `./src/${target}`.replace(/\/index\.js$/, "")
         };
       }
       return void 0;
     }).filter(isNotNil).map((x) => {
-      const name = x.scope ? `${x.scope}/${x.name}` : x.name;
+      const name = x.name;
       return {
         pkgName: name,
         ...x
@@ -7083,18 +7082,49 @@ var RspackConfigPlugin = class {
         );
       }
       rspackConfigSource = rspackConfigSource.replace(`const backendUrl = '';`, `const backendUrl = '${backendUrl}'`).replace(`const publicPath = '';`, `const publicPath = '${publicPath}';`).replace(`sourceMap: false,`, `sourceMap: ${config.env === "dev"},`).replace("alias: {}", `alias: {${aliasMapStr}}`).replace("const isDev = false", `const isDev = ${config.env === "dev"}`);
-      if (config.needCompileViews && config.needCompileViews.length > 0 && config.cacheChunksMapCode) {
+      if (config.env === "dev" && config.needCompileViews && config.needCompileViews.length > 0 && config.cacheChunksMapCode) {
         rspackConfigSource = rspackConfigSource.replace("isIncremental: false", "isIncremental: true").replace("chunksMap: ''", `chunksMap: \`${config.cacheChunksMapCode}\``);
       }
       if (config.isExport) {
         rspackConfigSource = rspackConfigSource.replace(/\/\/ LcapPlugin start\s+new LcapPlugin\(\{[\s\S]*?\}\),\s+\/\/ LcapPlugin end/g, "");
       }
+      rspackConfigSource = await this.processLoadOnDemand(rspackConfigSource, {
+        app,
+        frontend,
+        config,
+        fs,
+        frameworkKind
+      });
       fs.write(
         "/rspack.config.js",
         rspackConfigSource
       );
     }
   }
+  /**
+   * 处理按需加载
+   * 注意：此功能仅在非dev环境下的vue3框架中可以启用。
+   * @param source 源代码
+   * @param options 选项
+   * @returns 处理后的代码
+   */
+  async processLoadOnDemand(source, options) {
+    let code = source;
+    const { app, frontend, config, fs, frameworkKind } = options;
+    const { env, feLoadDependenciesOnDemand, isExport } = config;
+    const enablePerformance = feLoadDependenciesOnDemand && (isExport || env !== "dev") && ["vue3"].includes(frameworkKind);
+    if (enablePerformance) {
+      const feDeps = [...extractAppLevelFrontendDeps(app), ...extractFrontendLevelDeps(frontend)];
+      code = code.replaceAll("// swc plugin placeholder", `experimental: {
+        plugins: [
+          ['@lcap/swc-plugin-import', require('./scripts/generateSwcImportPluginConfig')([
+            ${feDeps.map((dep) => "'" + dep.name + "'").join(",\n")}
+          ])]
+        ]
+      }`);
+    }
+    return code;
+  }
   static install(c) {
     c.bind(ServiceMetaKind.FrontendBundlerFileConfig).to(RspackConfigPlugin).inSingletonScope();
     return c;
@@ -7503,10 +7533,8 @@ var Vue3LibrariesBuilderPlugin = class {
     const exportArr = [];
     const standardLib = ir.packages.find((x) => x.kind === "standard");
     if (standardLib) {
-      const formattedName = kebab2Pascal(standardLib.name.split("/").at(-1));
-      importArr.push(`import * as ${formattedName} from '${standardLib.name}';`);
-      exportArr.push(`export { ${formattedName} };`);
-      exportArr.push(`window.lcapStandardUI = ${formattedName};`);
+      importArr.push(`import { ConfigProvider, transformKeys } from '${standardLib.name}';`);
+      exportArr.push(`window.lcapStandardUI = { ConfigProvider, transformKeys };`);
       const isPackageZipExists = await judgePackageZipExists(standardLib, config.STATIC_URL);
       importArr.push(
         `import '${standardLib.name}${isPackageZipExists ? "/dist-theme" : ""}/index.css';`
@@ -7514,18 +7542,23 @@ var Vue3LibrariesBuilderPlugin = class {
     }
     const extensions = ir.packages.filter((x) => x.kind === "extension");
     for (const ext of extensions) {
-      const formattedName = kebab2Pascal(ext.name.split("/").at(-1));
       const isPackageZipExists = await judgePackageZipExists(ext, config.STATIC_URL);
-      const prefix = isPackageZipExists ? "" : "@extension/";
-      exportArr.push(`export * as ${formattedName} from '${prefix}${ext.name}';`);
       if (ext.hasCss) {
         importArr.push(
-          `import '${prefix}${ext.name}${isPackageZipExists ? "/dist-theme" : ""}/index.css';`
+          `import '${ext.name}${isPackageZipExists ? "/dist-theme" : ""}/index.css';`
         );
       }
     }
     return new ReactFileDescription("libraries.ts", [], [], [[...importArr, ...exportArr].join("\n")]);
   }
+  findPackageByNameFromAllNodesAPI(name, allNodesAPI = {}) {
+    for (const key in allNodesAPI) {
+      if (allNodesAPI[key]?.package?.name === name) {
+        return allNodesAPI[key].package;
+      }
+    }
+    return void 0;
+  }
   static install(c) {
     c.bind(Vue3LibrariesBuilderPlugin).toSelf();
     return c;
@@ -8049,7 +8082,11 @@ async function compileAsProject(app, frontend, config, container) {
       logger13.info("\u8FDC\u7A0B\u52A0\u8F7D\u6A21\u677F\u6210\u529F");
       const files = res.files;
       Object.entries(files).forEach(([k, v]) => {
-        fs.write(k, v.code);
+        if (typeof v.code === "string") {
+          fs.write(k, v.code);
+        } else if (v.code?.type === "Buffer") {
+          fs.write(k, Buffer.from(v.code.data));
+        }
       });
     } catch (error) {
       throw new Error(`\u8FDC\u7A0B\u52A0\u8F7D\u6A21\u677F\u5931\u8D25`);