@modern-js/app-tools 2.27.1-alpha.0 → 2.28.1-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # @modern-js/app-tools
 
+## 2.28.0
+
+### Minor Changes
+
+- 6eae1e7: feat: support worker hmr using dev-server
+  feat: 借用 dev-server 支持 wokrer hmr
+
+### Patch Changes
+
+- 4e3ce96: fix: fix type for NestedRoute
+  fix: 修复 NestedRoute 的类型
+- Updated dependencies [213089e]
+- Updated dependencies [fb93353]
+- Updated dependencies [4e3ce96]
+- Updated dependencies [d870acd]
+- Updated dependencies [6400d98]
+- Updated dependencies [6eae1e7]
+- Updated dependencies [362416f]
+- Updated dependencies [aa0c0c3]
+- Updated dependencies [9301e46]
+- Updated dependencies [00b58a7]
+- Updated dependencies [820bfe9]
+- Updated dependencies [d3e52e4]
+- Updated dependencies [7d966a1]
+  - @modern-js/builder-rspack-provider@2.28.0
+  - @modern-js/builder@2.28.0
+  - @modern-js/types@2.28.0
+  - @modern-js/builder-webpack-provider@2.28.0
+  - @modern-js/builder-shared@2.28.0
+  - @modern-js/prod-server@2.28.0
+  - @modern-js/server@2.28.0
+  - @modern-js/utils@2.28.0
+  - @modern-js/upgrade@2.28.0
+  - @modern-js/builder-plugin-node-polyfill@2.28.0
+  - @modern-js/builder-plugin-esbuild@2.28.0
+  - @modern-js/core@2.28.0
+  - @modern-js/plugin-data-loader@2.28.0
+  - @modern-js/server-core@2.28.0
+  - @modern-js/plugin-i18n@2.28.0
+  - @modern-js/plugin-lint@2.28.0
+  - @modern-js/new-action@2.28.0
+  - @modern-js/node-bundle-require@2.28.0
+  - @modern-js/plugin@2.28.0
+
 ## 2.27.0
 
 ### Patch Changes

package/dist/cjs/analyze/generateCode.js

@@ -74,11 +74,13 @@ ${initialize || ""}`);
 ${initialize || ""}`).join("\n");
 };
 const generateCode = async (appContext, config, entrypoints, api) => {
+  var _config, _config_runtime_router, _config_runtime, _config1;
   const { internalDirectory, srcDirectory, internalDirAlias, internalSrcAlias, packageName } = appContext;
   const hookRunners = api.useHookRunners();
   const isV5 = (0, _utils.isRouterV5)(config);
   const getRoutes = isV5 ? _getClientRoutes.getClientRoutesLegacy : _getClientRoutes.getClientRoutes;
   const importsStatemets = /* @__PURE__ */ new Map();
+  const oldVersion = typeof ((_config = config) === null || _config === void 0 ? void 0 : _config.runtime.router) === "object" ? Boolean((_config1 = config) === null || _config1 === void 0 ? void 0 : (_config_runtime = _config1.runtime) === null || _config_runtime === void 0 ? void 0 : (_config_runtime_router = _config_runtime.router) === null || _config_runtime_router === void 0 ? void 0 : _config_runtime_router.oldVersion) : false;
   await Promise.all(entrypoints.map(generateEntryCode));
   return {
     importsStatemets
@@ -87,9 +89,9 @@ const generateCode = async (appContext, config, entrypoints, api) => {
     const { entryName, isMainEntry, isAutoMount, fileSystemRoutes } = entrypoint;
     if (isAutoMount) {
       if (fileSystemRoutes) {
-        var _config_output;
+        var _config_output, _config2;
         let initialRoutes = [];
-        let nestedRoute = null;
+        let nestedRoutes = null;
         if (entrypoint.entry) {
           initialRoutes = getRoutes({
             entrypoint,
@@ -100,12 +102,19 @@ const generateCode = async (appContext, config, entrypoints, api) => {
           });
         }
         if (!isV5 && entrypoint.nestedRoutesEntry) {
-          nestedRoute = await (0, _nestedRoutes.walk)(entrypoint.nestedRoutesEntry, entrypoint.nestedRoutesEntry, {
+          nestedRoutes = await (0, _nestedRoutes.walk)(entrypoint.nestedRoutesEntry, entrypoint.nestedRoutesEntry, {
             name: internalSrcAlias,
             basename: srcDirectory
-          }, entrypoint.entryName, entrypoint.isMainEntry);
-          if (nestedRoute) {
-            initialRoutes.unshift(nestedRoute);
+          }, entrypoint.entryName, entrypoint.isMainEntry, oldVersion);
+          if (nestedRoutes) {
+            if (!Array.isArray(nestedRoutes)) {
+              nestedRoutes = [
+                nestedRoutes
+              ];
+            }
+            for (const route of nestedRoutes) {
+              initialRoutes.unshift(route);
+            }
           }
         }
         const { routes } = await hookRunners.modifyFileSystemRoutes({
@@ -134,7 +143,7 @@ const generateCode = async (appContext, config, entrypoints, api) => {
             nestedRoutesEntry: entrypoint.nestedRoutesEntry,
             entryName: entrypoint.entryName,
             internalDirectory,
-            splitRouteChunks: config2 === null || config2 === void 0 ? void 0 : (_config_output = config2.output) === null || _config_output === void 0 ? void 0 : _config_output.splitRouteChunks
+            splitRouteChunks: (_config2 = config2) === null || _config2 === void 0 ? void 0 : (_config_output = _config2.output) === null || _config_output === void 0 ? void 0 : _config_output.splitRouteChunks
           })
         });
         if (entrypoint.nestedRoutesEntry && (0, _utils.isUseSSRBundle)(config2)) {

package/dist/cjs/analyze/getFileSystemEntry.js

@@ -80,7 +80,8 @@ const getFileSystemEntry = (appContext, config) => {
   const { source: { entriesDir, disableEntryDirs } } = config;
   let disabledDirs = [];
   if (disableEntryDirs && Array.isArray(disableEntryDirs)) {
-    disabledDirs = disableEntryDirs === null || disableEntryDirs === void 0 ? void 0 : disableEntryDirs.map((dir) => (0, _utils.ensureAbsolutePath)(appDirectory, dir));
+    var _disableEntryDirs;
+    disabledDirs = (_disableEntryDirs = disableEntryDirs) === null || _disableEntryDirs === void 0 ? void 0 : _disableEntryDirs.map((dir) => (0, _utils.ensureAbsolutePath)(appDirectory, dir));
   }
   const src = (0, _utils.ensureAbsolutePath)(appDirectory, entriesDir || "");
   if (_fs.default.existsSync(src)) {

package/dist/cjs/analyze/getServerRoutes.js

@@ -79,17 +79,18 @@ const applyRouteOptions = (original, routeOptions) => {
   return routes;
 };
 const collectHtmlRoutes = (entrypoints, appContext, config) => {
-  var _deploy_worker;
+  var _deploy_worker, _deploy;
   const { source: { mainEntryName }, html: { disableHtmlFolder }, output: { distPath: { html: htmlPath } = {} }, server: { baseUrl, routes, ssr, ssrByEntries }, deploy } = config;
   const { packageName } = appContext;
-  const workerSSR = deploy === null || deploy === void 0 ? void 0 : (_deploy_worker = deploy.worker) === null || _deploy_worker === void 0 ? void 0 : _deploy_worker.ssr;
+  const workerSSR = (_deploy = deploy) === null || _deploy === void 0 ? void 0 : (_deploy_worker = _deploy.worker) === null || _deploy_worker === void 0 ? void 0 : _deploy_worker.ssr;
   let htmlRoutes = entrypoints.reduce((previous, { entryName }) => {
+    var _routes, _routes1;
     const isMainEntry = entryName === (mainEntryName || _utils.MAIN_ENTRY_NAME);
     const entryOptions = (0, _utils.getEntryOptions)(entryName, isMainEntry, ssr, ssrByEntries, packageName);
     const isSSR = Boolean(entryOptions);
     const isWorker = Boolean(workerSSR);
     const isStream = typeof entryOptions === "object" && entryOptions.mode === "stream";
-    const { resHeaders } = (routes === null || routes === void 0 ? void 0 : routes[entryName]) || {};
+    const { resHeaders } = ((_routes = routes) === null || _routes === void 0 ? void 0 : _routes[entryName]) || {};
     let route = {
       urlPath: `/${isMainEntry ? "" : entryName}`,
       entryName,
@@ -101,7 +102,7 @@ const collectHtmlRoutes = (entrypoints, appContext, config) => {
       worker: isWorker ? `${_utils.SERVER_WORKER_BUNDLE_DIRECTORY}/${entryName}.js` : void 0,
       bundle: isSSR ? `${_utils.SERVER_BUNDLE_DIRECTORY}/${entryName}.js` : void 0
     };
-    if (routes === null || routes === void 0 ? void 0 : routes.hasOwnProperty(entryName)) {
+    if ((_routes1 = routes) === null || _routes1 === void 0 ? void 0 : _routes1.hasOwnProperty(entryName)) {
       const routeOptions = (0, _utils.isPlainObject)(routes[entryName]) ? routes[entryName] : {
         route: routes[entryName]
       };

package/dist/cjs/analyze/index.js

@@ -22,234 +22,232 @@ const _utils1 = require("./utils");
 const _constants = require("./constants");
 const _generateCode = require("./generateCode");
 const debug = (0, _utils.createDebugger)("plugin-analyze");
-const _default = ({ bundler }) => {
-  return {
-    name: "@modern-js/plugin-analyze",
-    setup: (api) => {
-      let pagesDir = [];
-      let nestedRouteEntries = [];
-      let originEntrypoints = [];
-      return {
-        async prepare() {
-          var _resolvedConfig_source;
-          let appContext = api.useAppContext();
-          const resolvedConfig = api.useResolvedConfigContext();
-          const hookRunners = api.useHookRunners();
-          try {
-            if ((0, _utils1.checkIsBuildCommands)()) {
-              _utils.fs.emptydirSync(appContext.internalDirectory);
-            }
-          } catch {
-          }
-          const apiOnly = await (0, _utils.isApiOnly)(appContext.appDirectory, (_resolvedConfig_source = resolvedConfig.source) === null || _resolvedConfig_source === void 0 ? void 0 : _resolvedConfig_source.entriesDir, appContext.apiDirectory);
-          await hookRunners.addRuntimeExports();
-          if (apiOnly) {
-            const { routes: routes2 } = await hookRunners.modifyServerRoutes({
-              routes: []
-            });
-            debug(`server routes: %o`, routes2);
-            appContext = {
-              ...api.useAppContext(),
-              apiOnly,
-              serverRoutes: routes2
-            };
-            api.setAppContext(appContext);
-            return;
+const _default = ({ bundler }) => ({
+  name: "@modern-js/plugin-analyze",
+  setup: (api) => {
+    let pagesDir = [];
+    let nestedRouteEntries = [];
+    let originEntrypoints = [];
+    return {
+      async prepare() {
+        var _resolvedConfig_source;
+        let appContext = api.useAppContext();
+        const resolvedConfig = api.useResolvedConfigContext();
+        const hookRunners = api.useHookRunners();
+        try {
+          if ((0, _utils1.checkIsBuildCommands)()) {
+            _utils.fs.emptydirSync(appContext.internalDirectory);
           }
-          const [{ getBundleEntry }, { getServerRoutes }, { generateCode }, { getHtmlTemplate }] = await Promise.all([
-            Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./getBundleEntry"))),
-            Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./getServerRoutes"))),
-            Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./generateCode"))),
-            Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./getHtmlTemplate")))
-          ]);
-          const entrypoints = getBundleEntry(appContext, resolvedConfig);
-          debug(`entrypoints: %o`, entrypoints);
-          const initialRoutes = getServerRoutes(entrypoints, {
-            appContext,
-            config: resolvedConfig
-          });
-          const { routes } = await hookRunners.modifyServerRoutes({
-            routes: initialRoutes
+        } catch {
+        }
+        const apiOnly = await (0, _utils.isApiOnly)(appContext.appDirectory, (_resolvedConfig_source = resolvedConfig.source) === null || _resolvedConfig_source === void 0 ? void 0 : _resolvedConfig_source.entriesDir, appContext.apiDirectory);
+        await hookRunners.addRuntimeExports();
+        if (apiOnly) {
+          const { routes: routes2 } = await hookRunners.modifyServerRoutes({
+            routes: []
           });
-          debug(`server routes: %o`, routes);
+          debug(`server routes: %o`, routes2);
           appContext = {
             ...api.useAppContext(),
-            entrypoints,
-            serverRoutes: routes
-          };
-          api.setAppContext(appContext);
-          nestedRouteEntries = entrypoints.map((point) => point.nestedRoutesEntry).filter(Boolean);
-          pagesDir = entrypoints.map((point) => point.entry).filter((entry) => entry && !_path.extname(entry)).concat(nestedRouteEntries);
-          originEntrypoints = (0, _lodash.cloneDeep)(entrypoints);
-          const { importsStatemets } = await generateCode(appContext, resolvedConfig, entrypoints, api);
-          const htmlTemplates = await getHtmlTemplate(entrypoints, api, {
-            appContext,
-            config: resolvedConfig
-          });
-          debug(`html templates: %o`, htmlTemplates);
-          await hookRunners.addDefineTypes();
-          debug(`add Define Types`);
-          let checkedEntries = entrypoints.map((point) => point.entryName);
-          if ((0, _utils.isDevCommand)()) {
-            const { entry } = (0, _utils.minimist)((0, _utils.getArgv)());
-            checkedEntries = await (0, _getSelectedEntries.getSelectedEntries)(typeof entry === "string" ? entry.split(",") : entry, entrypoints);
-          }
-          appContext = {
-            ...api.useAppContext(),
-            entrypoints,
-            checkedEntries,
             apiOnly,
-            serverRoutes: routes,
-            htmlTemplates
+            serverRoutes: routes2
           };
           api.setAppContext(appContext);
-          if ((0, _utils1.checkIsBuildCommands)()) {
-            const normalizedConfig = api.useResolvedConfigContext();
-            const createBuilderForModern = await (0, _builder.createBuilderGenerator)(bundler);
-            const builder = await createBuilderForModern({
-              normalizedConfig,
-              appContext
+          return;
+        }
+        const [{ getBundleEntry }, { getServerRoutes }, { generateCode }, { getHtmlTemplate }] = await Promise.all([
+          Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./getBundleEntry"))),
+          Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./getServerRoutes"))),
+          Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./generateCode"))),
+          Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./getHtmlTemplate")))
+        ]);
+        const entrypoints = getBundleEntry(appContext, resolvedConfig);
+        debug(`entrypoints: %o`, entrypoints);
+        const initialRoutes = getServerRoutes(entrypoints, {
+          appContext,
+          config: resolvedConfig
+        });
+        const { routes } = await hookRunners.modifyServerRoutes({
+          routes: initialRoutes
+        });
+        debug(`server routes: %o`, routes);
+        appContext = {
+          ...api.useAppContext(),
+          entrypoints,
+          serverRoutes: routes
+        };
+        api.setAppContext(appContext);
+        nestedRouteEntries = entrypoints.map((point) => point.nestedRoutesEntry).filter(Boolean);
+        pagesDir = entrypoints.map((point) => point.entry).filter((entry) => entry && !_path.extname(entry)).concat(nestedRouteEntries);
+        originEntrypoints = (0, _lodash.cloneDeep)(entrypoints);
+        const { importsStatemets } = await generateCode(appContext, resolvedConfig, entrypoints, api);
+        const htmlTemplates = await getHtmlTemplate(entrypoints, api, {
+          appContext,
+          config: resolvedConfig
+        });
+        debug(`html templates: %o`, htmlTemplates);
+        await hookRunners.addDefineTypes();
+        debug(`add Define Types`);
+        let checkedEntries = entrypoints.map((point) => point.entryName);
+        if ((0, _utils.isDevCommand)()) {
+          const { entry } = (0, _utils.minimist)((0, _utils.getArgv)());
+          checkedEntries = await (0, _getSelectedEntries.getSelectedEntries)(typeof entry === "string" ? entry.split(",") : entry, entrypoints);
+        }
+        appContext = {
+          ...api.useAppContext(),
+          entrypoints,
+          checkedEntries,
+          apiOnly,
+          serverRoutes: routes,
+          htmlTemplates
+        };
+        api.setAppContext(appContext);
+        if ((0, _utils1.checkIsBuildCommands)()) {
+          const normalizedConfig = api.useResolvedConfigContext();
+          const createBuilderForModern = await (0, _builder.createBuilderGenerator)(bundler);
+          const builder = await createBuilderForModern({
+            normalizedConfig,
+            appContext
+          });
+          builder.onBeforeBuild(async ({ bundlerConfigs }) => {
+            const hookRunners2 = api.useHookRunners();
+            await (0, _routes.generateRoutes)(appContext);
+            await hookRunners2.beforeBuild({
+              bundlerConfigs
             });
-            builder.onBeforeBuild(async ({ bundlerConfigs }) => {
-              const hookRunners2 = api.useHookRunners();
-              await (0, _routes.generateRoutes)(appContext);
-              await hookRunners2.beforeBuild({
-                bundlerConfigs
-              });
+          });
+          builder.onAfterBuild(async ({ stats }) => {
+            const hookRunners2 = api.useHookRunners();
+            await hookRunners2.afterBuild({
+              stats
             });
-            builder.onAfterBuild(async ({ stats }) => {
-              const hookRunners2 = api.useHookRunners();
-              await hookRunners2.afterBuild({
-                stats
+            await (0, _config.emitResolvedConfig)(appContext.appDirectory, normalizedConfig);
+          });
+          builder.onDevCompileDone(async ({ isFirstCompile }) => {
+            const hookRunners2 = api.useHookRunners();
+            if (process.stdout.isTTY || isFirstCompile) {
+              hookRunners2.afterDev({
+                isFirstCompile
               });
-              await (0, _config.emitResolvedConfig)(appContext.appDirectory, normalizedConfig);
-            });
-            builder.onDevCompileDone(async ({ isFirstCompile }) => {
-              const hookRunners2 = api.useHookRunners();
-              if (process.stdout.isTTY || isFirstCompile) {
-                hookRunners2.afterDev({
-                  isFirstCompile
-                });
-                if (isFirstCompile) {
-                  (0, _printInstructions.printInstructions)(hookRunners2, appContext, normalizedConfig);
-                }
+              if (isFirstCompile) {
+                (0, _printInstructions.printInstructions)(hookRunners2, appContext, normalizedConfig);
               }
+            }
+          });
+          builder.onBeforeCreateCompiler(async ({ bundlerConfigs }) => {
+            const hookRunners2 = api.useHookRunners();
+            await (0, _generateCode.generateIndexCode)({
+              appContext,
+              config: resolvedConfig,
+              entrypoints,
+              api,
+              importsStatemets,
+              bundlerConfigs
             });
-            builder.onBeforeCreateCompiler(async ({ bundlerConfigs }) => {
-              const hookRunners2 = api.useHookRunners();
-              await (0, _generateCode.generateIndexCode)({
-                appContext,
-                config: resolvedConfig,
-                entrypoints,
-                api,
-                importsStatemets,
-                bundlerConfigs
-              });
-              await hookRunners2.beforeCreateCompiler({
-                bundlerConfigs
-              });
+            await hookRunners2.beforeCreateCompiler({
+              bundlerConfigs
             });
-            builder.onAfterCreateCompiler(async ({ compiler }) => {
-              const hookRunners2 = api.useHookRunners();
-              await hookRunners2.afterCreateCompiler({
-                compiler
-              });
+          });
+          builder.onAfterCreateCompiler(async ({ compiler }) => {
+            const hookRunners2 = api.useHookRunners();
+            await hookRunners2.afterCreateCompiler({
+              compiler
             });
-            builder.addPlugins(resolvedConfig.builderPlugins);
-            appContext = {
-              ...api.useAppContext(),
-              builder
-            };
-            api.setAppContext(appContext);
-          }
-        },
-        watchFiles() {
-          return {
-            files: pagesDir,
-            isPrivate: true
-          };
-        },
-        resolvedConfig({ resolved }) {
-          const appContext = api.useAppContext();
-          const config = (0, _config1.initialNormalizedConfig)(resolved, appContext, bundler);
-          return {
-            resolved: config
+          });
+          builder.addPlugins(resolvedConfig.builderPlugins);
+          appContext = {
+            ...api.useAppContext(),
+            builder
           };
-        },
-        // This logic is not in the router plugin to avoid having to include some dependencies in the utils package
-        async modifyEntryImports({ entrypoint, imports }) {
-          const appContext = api.useAppContext();
-          const { srcDirectory, internalSrcAlias } = appContext;
-          const { fileSystemRoutes, nestedRoutesEntry } = entrypoint;
-          if (fileSystemRoutes && nestedRoutesEntry) {
-            const rootLayoutPath = _path.join(nestedRoutesEntry, "layout");
-            const rootLayoutFile = (0, _utils.findExists)([
-              ".js",
-              ".ts",
-              ".jsx",
-              ".tsx"
-            ].map((ext) => `${rootLayoutPath}${ext}`));
-            if (rootLayoutFile) {
-              const rootLayoutBuffer = await _utils.fs.readFile(rootLayoutFile);
-              const rootLayout = rootLayoutBuffer.toString();
-              const [, moduleExports] = await (0, _utils1.parseModule)({
-                source: rootLayout.toString(),
-                filename: rootLayoutFile
+          api.setAppContext(appContext);
+        }
+      },
+      watchFiles() {
+        return {
+          files: pagesDir,
+          isPrivate: true
+        };
+      },
+      resolvedConfig({ resolved }) {
+        const appContext = api.useAppContext();
+        const config = (0, _config1.initialNormalizedConfig)(resolved, appContext, bundler);
+        return {
+          resolved: config
+        };
+      },
+      // This logic is not in the router plugin to avoid having to include some dependencies in the utils package
+      async modifyEntryImports({ entrypoint, imports }) {
+        const appContext = api.useAppContext();
+        const { srcDirectory, internalSrcAlias } = appContext;
+        const { fileSystemRoutes, nestedRoutesEntry } = entrypoint;
+        if (fileSystemRoutes && nestedRoutesEntry) {
+          const rootLayoutPath = _path.join(nestedRoutesEntry, "layout");
+          const rootLayoutFile = (0, _utils.findExists)([
+            ".js",
+            ".ts",
+            ".jsx",
+            ".tsx"
+          ].map((ext) => `${rootLayoutPath}${ext}`));
+          if (rootLayoutFile) {
+            const rootLayoutBuffer = await _utils.fs.readFile(rootLayoutFile);
+            const rootLayout = rootLayoutBuffer.toString();
+            const [, moduleExports] = await (0, _utils1.parseModule)({
+              source: rootLayout.toString(),
+              filename: rootLayoutFile
+            });
+            const hasAppConfig = moduleExports.some((e) => e.n === _constants.APP_CONFIG_NAME);
+            const generateLayoutPath = (0, _utils1.replaceWithAlias)(srcDirectory, rootLayoutFile, internalSrcAlias);
+            if (hasAppConfig) {
+              imports.push({
+                value: generateLayoutPath,
+                specifiers: [
+                  {
+                    imported: _constants.APP_CONFIG_NAME
+                  }
+                ]
               });
-              const hasAppConfig = moduleExports.some((e) => e.n === _constants.APP_CONFIG_NAME);
-              const generateLayoutPath = (0, _utils1.replaceWithAlias)(srcDirectory, rootLayoutFile, internalSrcAlias);
-              if (hasAppConfig) {
-                imports.push({
-                  value: generateLayoutPath,
-                  specifiers: [
-                    {
-                      imported: _constants.APP_CONFIG_NAME
-                    }
-                  ]
-                });
-              }
-              const hasAppInit = moduleExports.some((e) => e.n === _constants.APP_INIT_EXPORTED);
-              if (hasAppInit) {
-                imports.push({
-                  value: generateLayoutPath,
-                  specifiers: [
-                    {
-                      imported: _constants.APP_INIT_EXPORTED,
-                      local: _constants.APP_INIT_IMPORTED
-                    }
-                  ]
-                });
-              }
             }
-          }
-          return {
-            entrypoint,
-            imports
-          };
-        },
-        validateSchema() {
-          return {
-            target: "output.splitRouteChunks",
-            schema: {
-              type: "boolean"
+            const hasAppInit = moduleExports.some((e) => e.n === _constants.APP_INIT_EXPORTED);
+            if (hasAppInit) {
+              imports.push({
+                value: generateLayoutPath,
+                specifiers: [
+                  {
+                    imported: _constants.APP_INIT_EXPORTED,
+                    local: _constants.APP_INIT_IMPORTED
+                  }
+                ]
+              });
             }
-          };
-        },
-        async fileChange(e) {
-          const appContext = api.useAppContext();
-          const { appDirectory } = appContext;
-          const { filename, eventType } = e;
-          const isPageFile = (name) => pagesDir.some((pageDir) => name.includes(pageDir));
-          const absoluteFilePath = _path.resolve(appDirectory, filename);
-          const isRouteComponent = isPageFile(absoluteFilePath) && (0, _utils1.isPageComponentFile)(absoluteFilePath);
-          if (isRouteComponent && (eventType === "add" || eventType === "unlink")) {
-            const resolvedConfig = api.useResolvedConfigContext();
-            const { generateCode } = await Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./generateCode")));
-            const entrypoints = (0, _lodash.cloneDeep)(originEntrypoints);
-            generateCode(appContext, resolvedConfig, entrypoints, api);
           }
         }
-      };
-    }
-  };
-};
+        return {
+          entrypoint,
+          imports
+        };
+      },
+      validateSchema() {
+        return {
+          target: "output.splitRouteChunks",
+          schema: {
+            type: "boolean"
+          }
+        };
+      },
+      async fileChange(e) {
+        const appContext = api.useAppContext();
+        const { appDirectory } = appContext;
+        const { filename, eventType } = e;
+        const isPageFile = (name) => pagesDir.some((pageDir) => name.includes(pageDir));
+        const absoluteFilePath = _path.resolve(appDirectory, filename);
+        const isRouteComponent = isPageFile(absoluteFilePath) && (0, _utils1.isPageComponentFile)(absoluteFilePath);
+        if (isRouteComponent && (eventType === "add" || eventType === "unlink")) {
+          const resolvedConfig = api.useResolvedConfigContext();
+          const { generateCode } = await Promise.resolve().then(() => /* @__PURE__ */ _interop_require_wildcard._(require("./generateCode")));
+          const entrypoints = (0, _lodash.cloneDeep)(originEntrypoints);
+          generateCode(appContext, resolvedConfig, entrypoints, api);
+        }
+      }
+    };
+  }
+});