@lcap/nasl-unified-frontend-generator 4.1.0-beta.2 → 4.1.0-beta.20

package/dist/index.js

@@ -175,11 +175,11 @@ var import_axios2 = __toESM(require("axios"));
 var import_lodash9 = require("lodash");
 
 // src/default-container.ts
-var import_inversify31 = require("inversify");
+var import_inversify32 = require("inversify");
 
 // src/plugins/vue/vue3/vue3-preset-plugin.ts
 var import_reflection6 = require("@abraham/reflection");
-var import_inversify30 = require("inversify");
+var import_inversify31 = require("inversify");
 
 // src/service-metakind.ts
 var ServiceMetaKind = {
@@ -2617,6 +2617,9 @@ query: {`;
         s2.right,
         callbackBag
       )}`;
+    } else if ((0, import_asserts.isVariadicExpression)(s2)) {
+      const expressions = s2.expressions.map((exp) => getRuntimeStr(exp, callbackBag));
+      return expressions.join(s2.operator);
     } else if ((0, import_asserts.isMatchCase)(s2)) {
       const p = s2.parentNode;
       if (!(0, import_asserts.isMatch)(p)) {
@@ -3827,12 +3830,13 @@ function getReactComponentName(c) {
   return c.component.tag;
 }
 var ReactCodegenPlugin = class {
-  constructor(javaScriptCodegen, reactStateManager, frontendPerformance, projectOrganizer, entrypointManager, reactHookProviders) {
+  constructor(javaScriptCodegen, reactStateManager, frontendPerformance, projectOrganizer, entrypointManager, rspackConfigPlugin, reactHookProviders) {
     this.javaScriptCodegen = javaScriptCodegen;
     this.reactStateManager = reactStateManager;
     this.frontendPerformance = frontendPerformance;
     this.projectOrganizer = projectOrganizer;
     this.entrypointManager = entrypointManager;
+    this.rspackConfigPlugin = rspackConfigPlugin;
     this.reactHookProviders = reactHookProviders;
   }
   genReactFragment(c, ctx) {
@@ -4157,7 +4161,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);
@@ -4186,7 +4190,8 @@ var ReactCodegenPlugin = class {
    * @param baseDir - 基目录
    * @returns 组织后的文件列表
    */
-  async genFiles(ir, baseDir) {
+  async genFiles(ir, instruction) {
+    const { baseDir, app, frontend, config, fs } = instruction;
     const utilHooks = ReactFileDescription.empty("Hooks").merge(new ReactFileDescription("", [{ from: "./init" }], [], [])).merge(reactRouterPlugin.functions.__hooksDefinitions()).merge(apiClientPlugin.functions.__hooksDefinitions()).merge(reactComponentLibHackPlugin.functions.__hooksDefinitions()).merge(i18nPlugin.functions.__hooksDefinitions()).merge(this.buildLibraryHook(ir.packages)).merge(new ReactFileDescription("", [], [], [`export {nasl, genInitFromSchema};`]));
     this.reactHookProviders?.forEach((reactHookProvider) => {
       utilHooks.merge(reactHookProvider.genHookDefinition());
@@ -4206,6 +4211,13 @@ var ReactCodegenPlugin = class {
       ir.configs.globalVariables,
       ir.baseCtx
     );
+    const bundlerConfigFile = await this.rspackConfigPlugin.configBundlerConfig({
+      app,
+      frontend,
+      config,
+      fs,
+      frameworkKind: "react"
+    });
     const files = await this.projectOrganizer.organize({
       baseDir,
       project: {
@@ -4218,7 +4230,8 @@ var ReactCodegenPlugin = class {
         platformConfig: this.buildPlatformConfig(ir),
         init: this.buildInit(ir),
         masterCss,
-        globalVariables
+        globalVariables,
+        bundlerConfigFile
       }
     });
     return files;
@@ -4231,8 +4244,9 @@ ReactCodegenPlugin = __decorateClass([
   __decorateParam(2, (0, import_inversify3.inject)(ServiceMetaKind.FrontendPerformance)),
   __decorateParam(3, (0, import_inversify3.inject)(ServiceMetaKind.ProjectOrganizer)),
   __decorateParam(4, (0, import_inversify3.inject)(ServiceMetaKind.EntryPointManager)),
-  __decorateParam(5, (0, import_inversify3.multiInject)(ServiceMetaKind.ReactHookProvider)),
-  __decorateParam(5, (0, import_inversify3.optional)())
+  __decorateParam(5, (0, import_inversify3.inject)(ServiceMetaKind.FrontendBundlerFileConfig)),
+  __decorateParam(6, (0, import_inversify3.multiInject)(ServiceMetaKind.ReactHookProvider)),
+  __decorateParam(6, (0, import_inversify3.optional)())
 ], ReactCodegenPlugin);
 function createImportIrFromReferencedComponent(c) {
   switch (c.kind) {
@@ -4364,40 +4378,40 @@ var metadataPlugin = makePlugin({
 // src/hack/material-config/material.config.js
 var materials = {
   framework: {
-    version: "2.0.1",
+    version: "2.1.0",
     core: "@lcap/basic-template",
     pc: [
       {
         frameworkKind: "vue2",
         name: "@lcap/pc-template",
-        version: "2.0.1"
+        version: "2.1.0"
       },
       {
         frameworkKind: "react",
         name: "@lcap/pc-template-react",
-        version: "2.0.1"
+        version: "2.1.0"
       },
       {
         frameworkKind: "vue3",
         name: "@lcap/pc-template-vue3",
-        version: "2.0.1"
+        version: "2.1.0"
       }
     ],
     h5: [
       {
         frameworkKind: "vue2",
         name: "@lcap/mobile-template",
-        version: "2.0.1"
+        version: "2.1.0"
       },
       {
         frameworkKind: "react",
         name: "@lcap/mobile-template-react",
-        version: "2.0.1"
+        version: "2.1.0"
       },
       {
         frameworkKind: "vue3",
         name: "@lcap/mobile-template-vue3",
-        version: "2.0.1"
+        version: "2.1.0"
       }
     ]
   },
@@ -4448,7 +4462,7 @@ var materials = {
         frameworkVersion: "vue@3.5.13",
         name: "@lcap/vant",
         libName: "LcapVant",
-        version: "1.0.0-beta.1"
+        version: "1.0.0"
       }
     ]
   },
@@ -4786,7 +4800,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 +5490,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 || {}
+        };
       }
     });
   }
@@ -5929,6 +5943,9 @@ var ProjectOrganizerPlugin = class {
         const to = f.getFolder().replace(originalBizComponentsFolderMark, "/components/");
         f.moveFileTo(to);
         l2.debug(`${f.originalAbsolutePath} -> ${f.currentAbsolutePath}`);
+      } else if (/(rspack|vite).config.(j|t)s$/.test(f.originalAbsolutePath)) {
+        f.moveFileTo("/");
+        l2.debug(`${f.originalAbsolutePath} -> ${f.currentAbsolutePath}`);
       }
     }
   }
@@ -6765,10 +6782,10 @@ function normalizeStaticUrl(staticURL) {
   return ensureUrlHasProtocol(staticURL.replace(/^\/\//, ""));
 }
 function getPublicPath(app, config, frontend) {
+  let publicPath = `${getBasePath(app, config)}${frontend.basePath ?? ""}`;
   if (config.isExport) {
-    return `/`;
+    publicPath = frontend.prefixPath || `/`;
   }
-  const publicPath = `${getBasePath(app, config)}${frontend.basePath ?? ""}`;
   if (publicPath.endsWith("/")) {
     return publicPath;
   }
@@ -6985,6 +7002,7 @@ async function downloadDependenciesToLcapModules(feDeps, fs, config) {
     downloadedDeps.forEach(({ pkgName, targetPath }) => {
       packageJson.lcap_modules[pkgName] = `.${targetPath}`;
     });
+    packageJson = setApplicationName(packageJson, config.app?.name || config.app?.id);
     fs.write("/package.json", JSON.stringify(packageJson, null, 2));
     logger13.info("\u4E0B\u8F7D\u524D\u7AEF\u4F9D\u8D56\u5E93\u5230 lcap_modules \u76EE\u5F55\u5B8C\u6210");
   } catch (error) {
@@ -6993,6 +7011,12 @@ async function downloadDependenciesToLcapModules(feDeps, fs, config) {
     }
   }
 }
+function setApplicationName(packageJson, appName = Date.now().toString()) {
+  if (packageJson && appName) {
+    packageJson.name = appName;
+  }
+  return packageJson;
+}
 
 // src/plugins/misc/bundler/bundler-config-data-plugin.ts
 var logger11 = Logger("BundlerConfigDataPlugin");
@@ -7004,7 +7028,8 @@ var BundlerConfigDataPlugin = class {
     const feDeps = [...extractAppLevelFrontendDeps(app), ...extractFrontendLevelDeps(frontend)];
     await downloadDependenciesToLcapModules(feDeps, fs, {
       STATIC_URL: config.STATIC_URL,
-      frameworkKind
+      frameworkKind,
+      app
     });
     const orginDependencies = await downloadDependenciesToPackages(feDeps, fs, {
       STATIC_URL: config.STATIC_URL
@@ -7014,13 +7039,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
@@ -7039,7 +7063,7 @@ var BundlerConfigDataPlugin = class {
     const backendUrl = getBackendPath(app, config, logger11);
     logger11.info(
       { publicPath, backendUrl, aliasMapStr },
-      frameworkKind === "vue3" ? "vite\u914D\u7F6E" : "rspack\u914D\u7F6E"
+      "bundler\u914D\u7F6E"
     );
     this.frontendBundlerConfigPlugin.setCompilerConfig({
       backendUrl,
@@ -7066,7 +7090,8 @@ var RspackConfigPlugin = class {
     this.bundlerConfigDataPlugin = bundlerConfigDataPlugin;
     this.frontendPerformancePlugin = frontendPerformancePlugin;
   }
-  async configBundlerConfig(app, frontend, config, fs, frameworkKind) {
+  async configBundlerConfig(instruction) {
+    const { app, frontend, config, fs, frameworkKind } = instruction;
     const { backendUrl, publicPath, aliasMapStr, dependenciesStr } = await this.bundlerConfigDataPlugin.getBundlerConfigData(
       app,
       frontend,
@@ -7083,17 +7108,42 @@ 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.isExport && 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, "");
-      }
-      fs.write(
-        "/rspack.config.js",
-        rspackConfigSource
-      );
+      rspackConfigSource = await this.processLoadOnDemand(rspackConfigSource, {
+        app,
+        frontend,
+        config,
+        fs,
+        frameworkKind
+      });
+    }
+    return new ReactFileDescription("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();
@@ -7122,7 +7172,7 @@ var ReactPresetPlugin = class {
       const frontend = app.findNodeByPath(instruction.frontend.nodePath);
       const ir = this.irBuilder.buildIR(app, frontend, instruction.config);
       const entryScript = this.microFrontendManager.produceScript(ir);
-      const files = await this.reactCodeGenerator.genFiles(ir, instruction.baseDir);
+      const files = await this.reactCodeGenerator.genFiles(ir, instruction);
       const isDebug = instruction.config.debug;
       const finalizedFiles = [
         ...files,
@@ -7503,10 +7553,16 @@ 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, Message, install } from '${standardLib.name}';`);
+      exportArr.push(`export const LcapStandardUI = window.lcapStandardUI = {
+        ConfigProvider,
+        transformKeys,
+        Message,
+        install: (app) => {
+          install(app);
+          app.config.globalProperties.$message = Message;
+        },
+      };`);
       const isPackageZipExists = await judgePackageZipExists(standardLib, config.STATIC_URL);
       importArr.push(
         `import '${standardLib.name}${isPackageZipExists ? "/dist-theme" : ""}/index.css';`
@@ -7514,18 +7570,31 @@ 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) {
+      const { feLoadDependenciesOnDemand } = config;
+      if (!feLoadDependenciesOnDemand && ext.used) {
+        const formattedName = kebab2Pascal(ext.name.split("/").at(-1));
+        importArr.push(`import { install as ${formattedName}Install } from '${ext.name}';`);
+        exportArr.push(`export const ${formattedName} = {
+          install: ${formattedName}Install || (() => {}),
+        };`);
+      }
+      if (ext.used && 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;
@@ -7740,7 +7809,7 @@ ComponentPathManager = __decorateClass([
   (0, import_inversify29.injectable)()
 ], ComponentPathManager);
 var Vue3ApplicationAssemblerPlugin = class {
-  constructor(vue3CodegenPlugin, routesExtactor, routerBuilder, entryBuilder, librariesBuilder, entryCssBuilder, componentsIndexBuilder, clientLazyloadTemplateBuilder, platformBuilder, metaDataBuilder) {
+  constructor(vue3CodegenPlugin, routesExtactor, routerBuilder, entryBuilder, librariesBuilder, entryCssBuilder, componentsIndexBuilder, clientLazyloadTemplateBuilder, platformBuilder, metaDataBuilder, rspackConfigPlugin) {
     this.vue3CodegenPlugin = vue3CodegenPlugin;
     this.routesExtactor = routesExtactor;
     this.routerBuilder = routerBuilder;
@@ -7751,8 +7820,10 @@ var Vue3ApplicationAssemblerPlugin = class {
     this.clientLazyloadTemplateBuilder = clientLazyloadTemplateBuilder;
     this.platformBuilder = platformBuilder;
     this.metaDataBuilder = metaDataBuilder;
+    this.rspackConfigPlugin = rspackConfigPlugin;
   }
-  async assemble(ir, config) {
+  async assemble(ir, instruction) {
+    const { config, fs, app, frontend } = instruction;
     const manager = new ComponentPathManager();
     const views = ir.views.flatMap((x) => {
       return this.vue3CodegenPlugin.genFiles(x, manager);
@@ -7773,6 +7844,13 @@ var Vue3ApplicationAssemblerPlugin = class {
     });
     const routerFile = new ReactFileDescription("router.ts", router.imports, [], [router.code]);
     const libraries = await this.librariesBuilder.buildLibrariesImport(ir, config);
+    const bundlerConfigFile = await this.rspackConfigPlugin.configBundlerConfig({
+      app,
+      frontend,
+      config,
+      fs,
+      frameworkKind: "vue3"
+    });
     return {
       views,
       bizComponents,
@@ -7783,7 +7861,8 @@ var Vue3ApplicationAssemblerPlugin = class {
       clientLazyloadTemplate: this.clientLazyloadTemplateBuilder.buildClientLazyloadTemplate(ir),
       componentsIndex: this.componentsIndexBuilder.buildComponentsIndex(ir),
       libraries,
-      entryCss: this.entryCssBuilder.buildLibrariesImport(ir)
+      entryCss: this.entryCssBuilder.buildLibrariesImport(ir),
+      bundlerConfig: bundlerConfigFile
     };
   }
   static install(container) {
@@ -7803,9 +7882,185 @@ Vue3ApplicationAssemblerPlugin = __decorateClass([
   __decorateParam(6, (0, import_inversify29.inject)(Vue3ComponentsIndexBuilderPlugin)),
   __decorateParam(7, (0, import_inversify29.inject)(Vue3ClientLazyloadTemplateBuilderPlugin)),
   __decorateParam(8, (0, import_inversify29.inject)(Vue3PlatformBuilderPlugin)),
-  __decorateParam(9, (0, import_inversify29.inject)(Vue3MetaDataBuilderPlugin))
+  __decorateParam(9, (0, import_inversify29.inject)(Vue3MetaDataBuilderPlugin)),
+  __decorateParam(10, (0, import_inversify29.inject)(ServiceMetaKind.FrontendBundlerFileConfig))
 ], Vue3ApplicationAssemblerPlugin);
 
+// src/plugins/misc/program-analysis/analyzer-manager-plugin.ts
+var import_inversify30 = require("inversify");
+
+// src/plugins/misc/program-analysis/analysis/async-analysis.ts
+function buildAsyncAnalyzer() {
+  const resultCache = /* @__PURE__ */ new WeakMap();
+  function isSubtreeAsync(node, analyzeFunc = analyze) {
+    let hasAsync = false;
+    node.traverseStrictChildrenWithPruning((n) => {
+      if (n === node) {
+        return false;
+      }
+      if (hasAsync) {
+        return true;
+      } else if (n) {
+        hasAsync = analyzeFunc(n);
+        return hasAsync;
+      }
+    });
+    return hasAsync;
+  }
+  function analyze(node) {
+    if (!node) {
+      return false;
+    }
+    if (resultCache.has(node)) {
+      return resultCache.get(node);
+    }
+    function dispatch(node2) {
+      switch (node2.concept) {
+        case "CallLogic": {
+          const calleeNode = node2.getCallNode();
+          return analyze(calleeNode) || isSubtreeAsync(node2);
+        }
+        case "CallInterface": {
+          return true;
+        }
+        case "CallFunction": {
+          return isSubtreeAsync(node2);
+        }
+        case "Match": {
+          return isSubtreeAsync(node2);
+        }
+        case "Function": {
+          return isSubtreeAsync(node2);
+        }
+        case "JSBlock": {
+          return true;
+        }
+        case "ExternalDestination":
+        case "Destination": {
+          return true;
+        }
+        case "NewStructure":
+        case "NewComposite":
+        case "NewMap":
+        case "NewList": {
+          return isSubtreeAsync(node2);
+        }
+        case "SubLogic": {
+          return true;
+        }
+        case "Logic": {
+          if (node2.likeComponent) {
+            return node2.subLogics?.some(analyze) || isSubtreeAsync(node2);
+          } else {
+            return true;
+          }
+        }
+        case "AnonymousFunction": {
+          return isSubtreeAsync(node2);
+        }
+        case "BindEvent": {
+          return node2.logics?.some(analyze) ?? false;
+        }
+        case "Interface":
+        case "OverriddenLogic": {
+          return true;
+        }
+        default: {
+          return isSubtreeAsync(node2);
+        }
+      }
+    }
+    resultCache.set(node, true);
+    const res = dispatch(node);
+    resultCache.set(node, res);
+    return res;
+  }
+  return {
+    query: (node) => {
+      return { async: analyze(node) };
+    }
+  };
+}
+
+// src/plugins/misc/program-analysis/analysis/dep-analysis.ts
+var import_nasl_concepts12 = require("@lcap/nasl-concepts");
+function analyzeDeps(ir, config) {
+  const { views, bizComponents, packages } = ir;
+  const deps = {};
+  views.forEach((view) => {
+    const { libs } = (0, import_nasl_concepts12.analyzeDepRef)(view.__raw, config);
+    for (const key in libs) {
+      deps[key] = deps[key] || [];
+      libs[key].forEach((importer) => {
+        if (!deps[key].some((d) => d.key === importer.key)) {
+          deps[key].push(importer);
+        }
+      });
+    }
+  });
+  bizComponents.forEach((component) => {
+    const { libs } = (0, import_nasl_concepts12.analyzeDepRef)(component.__raw, config);
+    for (const key in libs) {
+      deps[key] = deps[key] || [];
+      libs[key].forEach((importer) => {
+        if (!deps[key].some((d) => d.key === importer.key)) {
+          deps[key].push(importer);
+        }
+      });
+    }
+  });
+  packages.forEach((pkg) => {
+    if (deps[pkg.name]) {
+      pkg.used = true;
+    }
+  });
+}
+
+// src/plugins/misc/program-analysis/analyzer-manager-plugin.ts
+var AnalyzerManagerPlugin = class {
+  constructor() {
+    this.options = {
+      depAnalysis: true
+    };
+  }
+  preProcess(app, frontend, config) {
+    const analyzer = buildAsyncAnalyzer();
+    if (this.getOptions().asyncAnalysis) {
+      app.analyzer = analyzer;
+    }
+    return { app, frontend, config };
+  }
+  postProcess(ir, config) {
+    if (this.getOptions().depAnalysis) {
+      analyzeDeps(ir, config);
+    }
+    return ir;
+  }
+  /**
+   * 设置完整的分析选项
+   * @param options
+   */
+  setOptions(options) {
+    this.options = options;
+  }
+  /**
+   * 获取分析选项
+   * @returns 分析选项
+   */
+  getOptions() {
+    return this.options;
+  }
+  static install(c) {
+    c.bind(ServiceMetaKind.IRPreProcesser).to(AnalyzerManagerPlugin);
+    c.bind(ServiceMetaKind.IRPostProcesser).to(AnalyzerManagerPlugin);
+    c.bind(ServiceMetaKind.AnalyzerManager).to(AnalyzerManagerPlugin);
+    return c;
+  }
+};
+AnalyzerManagerPlugin = __decorateClass([
+  (0, import_inversify30.injectable)()
+], AnalyzerManagerPlugin);
+
 // src/plugins/vue/vue3/vue3-preset-plugin.ts
 var logger12 = Logger("Vue3PresetPlugin");
 var Vue3PresetPlugin = class {
@@ -7846,7 +8101,7 @@ var Vue3PresetPlugin = class {
         });
         ir.bizComponents = [];
       }
-      const assembledApplication = await this.applicationAssembler.assemble(ir, instruction.config);
+      const assembledApplication = await this.applicationAssembler.assemble(ir, instruction);
       const finalizedFiles = await this.projectOrganizer.organize({
         baseDir: instruction.baseDir,
         project: assembledApplication,
@@ -7881,6 +8136,7 @@ var Vue3PresetPlugin = class {
     c = VueRouterPlugin.install(c);
     c.bind(ServiceMetaKind.ProjectOrganizer).to(ProjectOrganizerPlugin);
     c.bind(ServiceMetaKind.FileSystemProvider).to(FileSystemPlugin).inSingletonScope();
+    c = AnalyzerManagerPlugin.install(c);
     c = BundlerConfigDataPlugin.install(c);
     c = RspackConfigPlugin.install(c);
     c = FrontendBundlerConfigPlugin.install(c);
@@ -7899,20 +8155,20 @@ var Vue3PresetPlugin = class {
   }
 };
 Vue3PresetPlugin = __decorateClass([
-  (0, import_inversify30.injectable)(),
-  __decorateParam(0, (0, import_inversify30.inject)(ServiceMetaKind.IRBuilder)),
-  __decorateParam(1, (0, import_inversify30.inject)(ServiceMetaKind.FileSystemProvider)),
-  __decorateParam(2, (0, import_inversify30.inject)(NpmPackageJSONManagerPlugin)),
-  __decorateParam(3, (0, import_inversify30.inject)(ServiceMetaKind.ProjectOrganizer)),
-  __decorateParam(4, (0, import_inversify30.inject)(Vue3ApplicationAssemblerPlugin))
+  (0, import_inversify31.injectable)(),
+  __decorateParam(0, (0, import_inversify31.inject)(ServiceMetaKind.IRBuilder)),
+  __decorateParam(1, (0, import_inversify31.inject)(ServiceMetaKind.FileSystemProvider)),
+  __decorateParam(2, (0, import_inversify31.inject)(NpmPackageJSONManagerPlugin)),
+  __decorateParam(3, (0, import_inversify31.inject)(ServiceMetaKind.ProjectOrganizer)),
+  __decorateParam(4, (0, import_inversify31.inject)(Vue3ApplicationAssemblerPlugin))
 ], Vue3PresetPlugin);
 
 // src/default-container.ts
 function makeDefaultContainer(kind = "react") {
   if (kind === "react") {
-    return ReactPresetPlugin.install(new import_inversify31.Container());
+    return ReactPresetPlugin.install(new import_inversify32.Container());
   } else if (kind === "vue3") {
-    return Vue3PresetPlugin.install(new import_inversify31.Container());
+    return Vue3PresetPlugin.install(new import_inversify32.Container());
   } else {
     throw new Error(`\u672A\u5B9E\u73B0${kind}\u7684\u9ED8\u8BA4\u5BB9\u5668`);
   }
@@ -7959,18 +8215,9 @@ async function translateNASLToApp(app, frontend, config, baseDir = "./out", cont
         app,
         frontend,
         config,
-        baseDir
+        baseDir,
+        fs
       });
-      const frontendBundlerFileConfig = container.get(
-        ServiceMetaKind.FrontendBundlerFileConfig
-      );
-      await frontendBundlerFileConfig.configBundlerConfig(
-        app,
-        frontend,
-        config,
-        fs,
-        frontend.frameworkKind
-      );
       if (container.isBound(ServiceMetaKind.CodeGenerationLifecycleHooks)) {
         const hooks = container.getAll(
           ServiceMetaKind.CodeGenerationLifecycleHooks
@@ -8049,7 +8296,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`);
@@ -8108,137 +8359,6 @@ async function compileNASLToReactDist(app, frontend, config, http) {
   }
 }
 
-// src/plugins/misc/program-analysis/analyzer-manager-plugin.ts
-var import_inversify32 = require("inversify");
-
-// src/plugins/misc/program-analysis/analysis/async-analysis.ts
-function buildAsyncAnalyzer() {
-  const resultCache = /* @__PURE__ */ new WeakMap();
-  function isSubtreeAsync(node, analyzeFunc = analyze) {
-    let hasAsync = false;
-    node.traverseStrictChildrenWithPruning((n) => {
-      if (n === node) {
-        return false;
-      }
-      if (hasAsync) {
-        return true;
-      } else if (n) {
-        hasAsync = analyzeFunc(n);
-        return hasAsync;
-      }
-    });
-    return hasAsync;
-  }
-  function analyze(node) {
-    if (!node) {
-      return false;
-    }
-    if (resultCache.has(node)) {
-      return resultCache.get(node);
-    }
-    function dispatch(node2) {
-      switch (node2.concept) {
-        case "CallLogic": {
-          const calleeNode = node2.getCallNode();
-          return analyze(calleeNode) || isSubtreeAsync(node2);
-        }
-        case "CallInterface": {
-          return true;
-        }
-        case "CallFunction": {
-          return isSubtreeAsync(node2);
-        }
-        case "Match": {
-          return isSubtreeAsync(node2);
-        }
-        case "Function": {
-          return isSubtreeAsync(node2);
-        }
-        case "JSBlock": {
-          return true;
-        }
-        case "ExternalDestination":
-        case "Destination": {
-          return true;
-        }
-        case "NewStructure":
-        case "NewComposite":
-        case "NewMap":
-        case "NewList": {
-          return isSubtreeAsync(node2);
-        }
-        case "SubLogic": {
-          return true;
-        }
-        case "Logic": {
-          if (node2.likeComponent) {
-            return node2.subLogics?.some(analyze) || isSubtreeAsync(node2);
-          } else {
-            return true;
-          }
-        }
-        case "AnonymousFunction": {
-          return isSubtreeAsync(node2);
-        }
-        case "BindEvent": {
-          return node2.logics?.some(analyze) ?? false;
-        }
-        case "Interface":
-        case "OverriddenLogic": {
-          return true;
-        }
-        default: {
-          return isSubtreeAsync(node2);
-        }
-      }
-    }
-    resultCache.set(node, true);
-    const res = dispatch(node);
-    resultCache.set(node, res);
-    return res;
-  }
-  return {
-    query: (node) => {
-      return { async: analyze(node) };
-    }
-  };
-}
-
-// src/plugins/misc/program-analysis/analyzer-manager-plugin.ts
-var AnalyzerManagerPlugin = class {
-  constructor() {
-    this.options = {};
-  }
-  preProcess(app, frontend, config) {
-    const analyzer = buildAsyncAnalyzer();
-    if (this.getOptions().asyncAnalysis) {
-      app.analyzer = analyzer;
-    }
-    return { app, frontend, config };
-  }
-  /**
-   * 设置完整的分析选项
-   * @param options
-   */
-  setOptions(options) {
-    this.options = options;
-  }
-  /**
-   * 获取分析选项
-   * @returns 分析选项
-   */
-  getOptions() {
-    return this.options;
-  }
-  static install(c) {
-    c.bind(ServiceMetaKind.IRPreProcesser).to(AnalyzerManagerPlugin);
-    c.bind(ServiceMetaKind.AnalyzerManager).to(AnalyzerManagerPlugin);
-  }
-};
-AnalyzerManagerPlugin = __decorateClass([
-  (0, import_inversify32.injectable)()
-], AnalyzerManagerPlugin);
-
 // src/plugins/misc/name-mangler/name-mangler-manager-plugin.ts
 var import_inversify33 = require("inversify");