@modern-js/app-tools 2.0.0-beta.7 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # @modern-js/app-tools
 
+## 2.0.0
+
+### Major Changes
+
+- dda38c9c3e: chore: v2
+
+### Minor Changes
+
+- edd1cfb1af: feat: modernjs Access builder compiler
+  feat: modernjs 接入 builder 构建
+- bbe4c4ab64: feat: add @modern-js/plugin-swc
+
+  feat: 新增 @modern-js/plugin-swc 插件
+
+### Patch Changes
+
+- d4a456659b: chore: rename plugin-jarvis to plugin-lint
+
+  chore: 重命名 plugin-jarvis 为 plugin-lint
+
+- 6bda14ed71: feat: refactor router with react-router@6.4
+
+  feat: 使用 react-router@6.4 重构路由模块
+
+- 8b8e1bb571: feat: support nested routes
+  feat: 支持嵌套路由
+- Updated dependencies [c9e800d39a]
+- Updated dependencies [edd1cfb1af]
+- Updated dependencies [d4a456659b]
+- Updated dependencies [6bda14ed71]
+- Updated dependencies [f680410886]
+- Updated dependencies [dda38c9c3e]
+- Updated dependencies [8b8e1bb571]
+- Updated dependencies [ffb2ed4]
+- Updated dependencies [bbe4c4ab64]
+  - @modern-js/core@2.0.0
+  - @modern-js/prod-server@2.0.0
+  - @modern-js/builder-webpack-provider@2.0.0
+  - @modern-js/builder-plugin-node-polyfill@2.0.0
+  - @modern-js/utils@2.0.0
+  - @modern-js/plugin-lint@2.0.0
+  - @modern-js/types@2.0.0
+  - @modern-js/builder@2.0.0
+  - @modern-js/builder-shared@2.0.0
+  - @modern-js/builder-plugin-esbuild@2.0.0
+  - @modern-js/plugin-data-loader@2.0.0
+  - @modern-js/plugin-i18n@2.0.0
+  - @modern-js/new-action@2.0.0
+  - @modern-js/server@2.0.0
+  - @modern-js/node-bundle-require@2.0.0
+  - @modern-js/plugin@2.0.0
+  - @modern-js/upgrade@2.0.0
+
 ## 2.0.0-beta.7
 
 ### Major Changes

package/dist/js/modern/analyze/constants.js

@@ -25,8 +25,14 @@ const NESTED_ROUTE = {
   ERROR_FILE: "error",
   LOADER_FILE: "loader"
 };
+const APP_CONFIG_NAME = "appConfig";
+const APP_INIT_EXPORTED = "init";
+const APP_INIT_IMPORTED = "appInit";
 export {
+  APP_CONFIG_NAME,
   APP_FILE_NAME,
+  APP_INIT_EXPORTED,
+  APP_INIT_IMPORTED,
   ENTRY_BOOTSTRAP_FILE_NAME,
   ENTRY_POINT_FILE_NAME,
   FILE_SYSTEM_ROUTES_COMPONENTS_DIR,

package/dist/js/modern/analyze/index.js

@@ -38,7 +38,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import * as path from "path";
-import { createDebugger, fs, isApiOnly } from "@modern-js/utils";
+import { createDebugger, findExists, fs, isApiOnly } from "@modern-js/utils";
 import { cloneDeep } from "@modern-js/utils/lodash";
 import { createBuilderForModern } from "../builder";
 import { printInstructions } from "../utils/printInstructions";
@@ -46,8 +46,18 @@ import { generateRoutes } from "../utils/routes";
 import { emitResolvedConfig } from "../utils/config";
 import { getCommand } from "../utils/commands";
 import { initialNormalizedConfig } from "../config";
-import { isNestedRouteComponent, isPageComponentFile } from "./utils";
+import {
+  isNestedRouteComponent,
+  isPageComponentFile,
+  parseModule,
+  replaceWithAlias
+} from "./utils";
 import { loaderBuilder, serverLoaderBuilder } from "./Builder";
+import {
+  APP_CONFIG_NAME,
+  APP_INIT_EXPORTED,
+  APP_INIT_IMPORTED
+} from "./constants";
 const debug = createDebugger("plugin-analyze");
 var analyze_default = () => ({
   name: "@modern-js/plugin-analyze",
@@ -204,6 +214,58 @@ var analyze_default = () => ({
           resolved: config
         };
       },
+      modifyEntryImports(_0) {
+        return __async(this, arguments, function* ({ entrypoint, imports }) {
+          const appContext = api.useAppContext();
+          const { srcDirectory } = appContext;
+          const { fileSystemRoutes, nestedRoutesEntry } = entrypoint;
+          if (fileSystemRoutes && nestedRoutesEntry) {
+            const rootLayoutPath = path.join(nestedRoutesEntry, "layout");
+            const rootLayoutFile = findExists(
+              [".js", ".ts", ".jsx", ".tsx"].map(
+                (ext) => `${rootLayoutPath}${ext}`
+              )
+            );
+            if (rootLayoutFile) {
+              const rootLayoutBuffer = yield fs.readFile(rootLayoutFile);
+              const rootLayout = rootLayoutBuffer.toString();
+              const [, moduleExports] = yield parseModule({
+                source: rootLayout.toString(),
+                filename: rootLayoutFile
+              });
+              const hasAppConfig = moduleExports.some(
+                (e) => e.n === APP_CONFIG_NAME
+              );
+              const generateLayoutPath = replaceWithAlias(
+                srcDirectory,
+                rootLayoutFile,
+                "@_modern_js_src"
+              );
+              if (hasAppConfig) {
+                imports.push({
+                  value: generateLayoutPath,
+                  specifiers: [{ imported: APP_CONFIG_NAME }]
+                });
+              }
+              const hasAppInit = moduleExports.some(
+                (e) => e.n === APP_INIT_EXPORTED
+              );
+              if (hasAppInit) {
+                imports.push({
+                  value: generateLayoutPath,
+                  specifiers: [
+                    { imported: APP_INIT_EXPORTED, local: APP_INIT_IMPORTED }
+                  ]
+                });
+              }
+            }
+          }
+          return {
+            entrypoint,
+            imports
+          };
+        });
+      },
       beforeRestart() {
         return __async(this, null, function* () {
           serverLoaderBuilder.stop();

package/dist/js/modern/analyze/templates.js

@@ -39,7 +39,7 @@ var __async = (__this, __arguments, generator) => {
 };
 import path from "path";
 import { fs, slash } from "@modern-js/utils";
-import { TEMP_LOADERS_DIR } from "./constants";
+import { APP_CONFIG_NAME, TEMP_LOADERS_DIR } from "./constants";
 const index = ({
   mountId,
   imports,
@@ -68,21 +68,34 @@ const renderFunction = ({
   plugins,
   customBootstrap,
   fileSystemRoutes: fileSystemRoutes2
-}) => `
+}) => {
+  return `
+  const finalAppConfig = {
+    ...App.config,
+    ...typeof ${APP_CONFIG_NAME} === 'object' ? ${APP_CONFIG_NAME} : {},
+  }
+
   AppWrapper = createApp({
     plugins: [
      ${plugins.map(
-  ({ name, options, args }) => `${name}({...${options}, ...App?.config?.${args || name}}),`
-).join("\n")}
+    ({ name, options, args }) => `${name}({...${options}, ...finalAppConfig?.${args || name}}),`
+  ).join("\n")}
     ]
   })(${fileSystemRoutes2 ? "" : `App`})
 
+
+  if(!AppWrapper.init && typeof appInit !== 'undefined') {
+    AppWrapper.init = appInit;
+  }
+
+
   if (IS_BROWSER) {
     ${customBootstrap ? `customBootstrap(AppWrapper);` : `bootstrap(AppWrapper, MOUNT_ID, root, ReactDOM);`}
   }
 
   return AppWrapper
 `;
+};
 const html = (partials) => `
 <!DOCTYPE html>
 <html>

package/dist/js/modern/analyze/utils.js

@@ -25,6 +25,7 @@ import { transform } from "esbuild";
 import { parse } from "es-module-lexer";
 import {
   FILE_SYSTEM_ROUTES_FILE_NAME,
+  JS_EXTENSIONS,
   LOADER_EXPORT_NAME,
   NESTED_ROUTE
 } from "./constants";
@@ -59,7 +60,6 @@ const getDefaultImports = ({
     },
     customBootstrap && {
       specifiers: [{ local: "customBootstrap" }],
-      initialize: "const App = false;",
       value: normalizeToPosixPath(
         customBootstrap.replace(srcDirectory, internalSrcAlias)
       )
@@ -86,7 +86,7 @@ const getDefaultImports = ({
       route.initialize = "const App = false;";
     }
     imports.push(route);
-  } else if (!customBootstrap) {
+  } else {
     imports.push({
       specifiers: [{ local: "App" }],
       value: normalizeToPosixPath(
@@ -122,7 +122,7 @@ const parseModule = (_0) => __async(void 0, [_0], function* ({
   filename
 }) {
   let content = source;
-  if (filename.endsWith(".tsx") || filename.endsWith(".jsx")) {
+  if (JS_EXTENSIONS.some((ext) => filename.endsWith(ext))) {
     const result = yield transform(content, {
       loader: path.extname(filename).slice(1),
       format: "esm"

package/dist/js/modern/config/initial/inits.js

@@ -25,6 +25,7 @@ import {
   globby,
   isModernjsMonorepo
 } from "@modern-js/utils";
+import { getAutoInjectEnv } from "../../utils/env";
 function initHtmlConfig(config, appContext) {
   const ICON_EXTENSIONS = ["png", "jpg", "jpeg", "svg", "ico"];
   config.html.appIcon = createBuilderAppIcon(config, appContext);
@@ -61,6 +62,12 @@ function initHtmlConfig(config, appContext) {
 function initSourceConfig(config, appContext) {
   config.source.include = createBuilderInclude(config, appContext);
   config.source.moduleScopes = createBuilderModuleScope(config);
+  config.source.globalVars = createBuilderGlobalVars(config, appContext);
+  function createBuilderGlobalVars(config2, appContext2) {
+    const { globalVars = {} } = config2.source;
+    const publicEnv = getAutoInjectEnv(appContext2);
+    return __spreadValues(__spreadValues({}, globalVars), publicEnv);
+  }
   function createBuilderInclude(config2, appContext2) {
     const { include } = config2.source;
     const defaultInclude = [appContext2.internalDirectory];

package/dist/js/modern/schema/index.js

@@ -68,7 +68,7 @@ const server = {
   enableMicroFrontendDebug: { type: "boolean" },
   watchOptions: { type: "object" },
   compiler: { type: "string" },
-  disableFrameworkExt: { type: "boolean" }
+  enableFrameworkExt: { type: "boolean" }
 };
 const tools = {
   tailwindcss: { type: "object" },

package/dist/js/modern/schema/legacy.js

@@ -114,7 +114,7 @@ const server = {
   enableMicroFrontendDebug: { type: "boolean" },
   watchOptions: { type: "object" },
   compiler: { type: "string" },
-  disableFrameworkExt: { type: "boolean" }
+  enableFrameworkExt: { type: "boolean" }
 };
 const dev = {
   proxy: {

package/dist/js/modern/utils/env.js

@@ -0,0 +1,15 @@
+function getAutoInjectEnv(appContext) {
+  const { metaName } = appContext;
+  const prefix = `${metaName.split(/[-_]/)[0]}_`.toUpperCase();
+  const envReg = new RegExp(`^${prefix}`);
+  return Object.keys(process.env).reduce((prev, key) => {
+    const value = process.env[key];
+    if (envReg.test(key) && typeof value !== "undefined") {
+      prev[`process.env.${key}`] = value;
+    }
+    return prev;
+  }, {});
+}
+export {
+  getAutoInjectEnv
+};

package/dist/js/node/analyze/constants.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constants_exports = {};
 __export(constants_exports, {
+  APP_CONFIG_NAME: () => APP_CONFIG_NAME,
   APP_FILE_NAME: () => APP_FILE_NAME,
+  APP_INIT_EXPORTED: () => APP_INIT_EXPORTED,
+  APP_INIT_IMPORTED: () => APP_INIT_IMPORTED,
   ENTRY_BOOTSTRAP_FILE_NAME: () => ENTRY_BOOTSTRAP_FILE_NAME,
   ENTRY_POINT_FILE_NAME: () => ENTRY_POINT_FILE_NAME,
   FILE_SYSTEM_ROUTES_COMPONENTS_DIR: () => FILE_SYSTEM_ROUTES_COMPONENTS_DIR,
@@ -65,9 +68,15 @@ const NESTED_ROUTE = {
   ERROR_FILE: "error",
   LOADER_FILE: "loader"
 };
+const APP_CONFIG_NAME = "appConfig";
+const APP_INIT_EXPORTED = "init";
+const APP_INIT_IMPORTED = "appInit";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  APP_CONFIG_NAME,
   APP_FILE_NAME,
+  APP_INIT_EXPORTED,
+  APP_INIT_IMPORTED,
   ENTRY_BOOTSTRAP_FILE_NAME,
   ENTRY_POINT_FILE_NAME,
   FILE_SYSTEM_ROUTES_COMPONENTS_DIR,

package/dist/js/node/analyze/index.js

@@ -74,6 +74,7 @@ var import_commands = require("../utils/commands");
 var import_config2 = require("../config");
 var import_utils2 = require("./utils");
 var import_Builder = require("./Builder");
+var import_constants = require("./constants");
 const debug = (0, import_utils.createDebugger)("plugin-analyze");
 var analyze_default = () => ({
   name: "@modern-js/plugin-analyze",
@@ -230,6 +231,58 @@ var analyze_default = () => ({
           resolved: config
         };
       },
+      modifyEntryImports(_0) {
+        return __async(this, arguments, function* ({ entrypoint, imports }) {
+          const appContext = api.useAppContext();
+          const { srcDirectory } = appContext;
+          const { fileSystemRoutes, nestedRoutesEntry } = entrypoint;
+          if (fileSystemRoutes && nestedRoutesEntry) {
+            const rootLayoutPath = path.join(nestedRoutesEntry, "layout");
+            const rootLayoutFile = (0, import_utils.findExists)(
+              [".js", ".ts", ".jsx", ".tsx"].map(
+                (ext) => `${rootLayoutPath}${ext}`
+              )
+            );
+            if (rootLayoutFile) {
+              const rootLayoutBuffer = yield import_utils.fs.readFile(rootLayoutFile);
+              const rootLayout = rootLayoutBuffer.toString();
+              const [, moduleExports] = yield (0, import_utils2.parseModule)({
+                source: rootLayout.toString(),
+                filename: rootLayoutFile
+              });
+              const hasAppConfig = moduleExports.some(
+                (e) => e.n === import_constants.APP_CONFIG_NAME
+              );
+              const generateLayoutPath = (0, import_utils2.replaceWithAlias)(
+                srcDirectory,
+                rootLayoutFile,
+                "@_modern_js_src"
+              );
+              if (hasAppConfig) {
+                imports.push({
+                  value: generateLayoutPath,
+                  specifiers: [{ imported: import_constants.APP_CONFIG_NAME }]
+                });
+              }
+              const hasAppInit = moduleExports.some(
+                (e) => e.n === import_constants.APP_INIT_EXPORTED
+              );
+              if (hasAppInit) {
+                imports.push({
+                  value: generateLayoutPath,
+                  specifiers: [
+                    { imported: import_constants.APP_INIT_EXPORTED, local: import_constants.APP_INIT_IMPORTED }
+                  ]
+                });
+              }
+            }
+          }
+          return {
+            entrypoint,
+            imports
+          };
+        });
+      },
       beforeRestart() {
         return __async(this, null, function* () {
           import_Builder.serverLoaderBuilder.stop();

package/dist/js/node/analyze/templates.js

@@ -98,21 +98,34 @@ const renderFunction = ({
   plugins,
   customBootstrap,
   fileSystemRoutes: fileSystemRoutes2
-}) => `
+}) => {
+  return `
+  const finalAppConfig = {
+    ...App.config,
+    ...typeof ${import_constants.APP_CONFIG_NAME} === 'object' ? ${import_constants.APP_CONFIG_NAME} : {},
+  }
+
   AppWrapper = createApp({
     plugins: [
      ${plugins.map(
-  ({ name, options, args }) => `${name}({...${options}, ...App?.config?.${args || name}}),`
-).join("\n")}
+    ({ name, options, args }) => `${name}({...${options}, ...finalAppConfig?.${args || name}}),`
+  ).join("\n")}
     ]
   })(${fileSystemRoutes2 ? "" : `App`})
 
+
+  if(!AppWrapper.init && typeof appInit !== 'undefined') {
+    AppWrapper.init = appInit;
+  }
+
+
   if (IS_BROWSER) {
     ${customBootstrap ? `customBootstrap(AppWrapper);` : `bootstrap(AppWrapper, MOUNT_ID, root, ReactDOM);`}
   }
 
   return AppWrapper
 `;
+};
 const html = (partials) => `
 <!DOCTYPE html>
 <html>

package/dist/js/node/analyze/utils.js

@@ -89,7 +89,6 @@ const getDefaultImports = ({
     },
     customBootstrap && {
       specifiers: [{ local: "customBootstrap" }],
-      initialize: "const App = false;",
       value: (0, import_utils.normalizeToPosixPath)(
         customBootstrap.replace(srcDirectory, internalSrcAlias)
       )
@@ -116,7 +115,7 @@ const getDefaultImports = ({
       route.initialize = "const App = false;";
     }
     imports.push(route);
-  } else if (!customBootstrap) {
+  } else {
     imports.push({
       specifiers: [{ local: "App" }],
       value: (0, import_utils.normalizeToPosixPath)(
@@ -152,7 +151,7 @@ const parseModule = (_0) => __async(void 0, [_0], function* ({
   filename
 }) {
   let content = source;
-  if (filename.endsWith(".tsx") || filename.endsWith(".jsx")) {
+  if (import_constants.JS_EXTENSIONS.some((ext) => filename.endsWith(ext))) {
     const result = yield (0, import_esbuild.transform)(content, {
       loader: import_path.default.extname(filename).slice(1),
       format: "esm"

package/dist/js/node/config/initial/inits.js

@@ -47,6 +47,7 @@ __export(inits_exports, {
 module.exports = __toCommonJS(inits_exports);
 var import_path = __toESM(require("path"));
 var import_utils = require("@modern-js/utils");
+var import_env = require("../../utils/env");
 function initHtmlConfig(config, appContext) {
   const ICON_EXTENSIONS = ["png", "jpg", "jpeg", "svg", "ico"];
   config.html.appIcon = createBuilderAppIcon(config, appContext);
@@ -83,6 +84,12 @@ function initHtmlConfig(config, appContext) {
 function initSourceConfig(config, appContext) {
   config.source.include = createBuilderInclude(config, appContext);
   config.source.moduleScopes = createBuilderModuleScope(config);
+  config.source.globalVars = createBuilderGlobalVars(config, appContext);
+  function createBuilderGlobalVars(config2, appContext2) {
+    const { globalVars = {} } = config2.source;
+    const publicEnv = (0, import_env.getAutoInjectEnv)(appContext2);
+    return __spreadValues(__spreadValues({}, globalVars), publicEnv);
+  }
   function createBuilderInclude(config2, appContext2) {
     const { include } = config2.source;
     const defaultInclude = [appContext2.internalDirectory];

package/dist/js/node/schema/index.js

@@ -98,7 +98,7 @@ const server = {
   enableMicroFrontendDebug: { type: "boolean" },
   watchOptions: { type: "object" },
   compiler: { type: "string" },
-  disableFrameworkExt: { type: "boolean" }
+  enableFrameworkExt: { type: "boolean" }
 };
 const tools = {
   tailwindcss: { type: "object" },

package/dist/js/node/schema/legacy.js

@@ -136,7 +136,7 @@ const server = {
   enableMicroFrontendDebug: { type: "boolean" },
   watchOptions: { type: "object" },
   compiler: { type: "string" },
-  disableFrameworkExt: { type: "boolean" }
+  enableFrameworkExt: { type: "boolean" }
 };
 const dev = {
   proxy: {

package/dist/js/node/utils/env.js

@@ -0,0 +1,38 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var env_exports = {};
+__export(env_exports, {
+  getAutoInjectEnv: () => getAutoInjectEnv
+});
+module.exports = __toCommonJS(env_exports);
+function getAutoInjectEnv(appContext) {
+  const { metaName } = appContext;
+  const prefix = `${metaName.split(/[-_]/)[0]}_`.toUpperCase();
+  const envReg = new RegExp(`^${prefix}`);
+  return Object.keys(process.env).reduce((prev, key) => {
+    const value = process.env[key];
+    if (envReg.test(key) && typeof value !== "undefined") {
+      prev[`process.env.${key}`] = value;
+    }
+    return prev;
+  }, {});
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getAutoInjectEnv
+});

package/dist/js/treeshaking/analyze/constants.js

@@ -34,4 +34,7 @@ var NESTED_ROUTE = {
     ERROR_FILE: "error",
     LOADER_FILE: "loader"
 };
-export { APP_FILE_NAME, ENTRY_BOOTSTRAP_FILE_NAME, ENTRY_POINT_FILE_NAME, FILE_SYSTEM_ROUTES_COMPONENTS_DIR, FILE_SYSTEM_ROUTES_DYNAMIC_REGEXP, FILE_SYSTEM_ROUTES_FILE_NAME, FILE_SYSTEM_ROUTES_GLOBAL_LAYOUT, FILE_SYSTEM_ROUTES_IGNORED_REGEX, FILE_SYSTEM_ROUTES_INDEX, FILE_SYSTEM_ROUTES_LAYOUT, HTML_PARTIALS_EXTENSIONS, HTML_PARTIALS_FOLDER, INDEX_FILE_NAME, JS_EXTENSIONS, LOADER_EXPORT_NAME, NESTED_ROUTE, NESTED_ROUTES_DIR, PAGES_DIR_NAME, TEMP_LOADERS_DIR };
+var APP_CONFIG_NAME = "appConfig";
+var APP_INIT_EXPORTED = "init";
+var APP_INIT_IMPORTED = "appInit";
+export { APP_CONFIG_NAME, APP_FILE_NAME, APP_INIT_EXPORTED, APP_INIT_IMPORTED, ENTRY_BOOTSTRAP_FILE_NAME, ENTRY_POINT_FILE_NAME, FILE_SYSTEM_ROUTES_COMPONENTS_DIR, FILE_SYSTEM_ROUTES_DYNAMIC_REGEXP, FILE_SYSTEM_ROUTES_FILE_NAME, FILE_SYSTEM_ROUTES_GLOBAL_LAYOUT, FILE_SYSTEM_ROUTES_IGNORED_REGEX, FILE_SYSTEM_ROUTES_INDEX, FILE_SYSTEM_ROUTES_LAYOUT, HTML_PARTIALS_EXTENSIONS, HTML_PARTIALS_FOLDER, INDEX_FILE_NAME, JS_EXTENSIONS, LOADER_EXPORT_NAME, NESTED_ROUTE, NESTED_ROUTES_DIR, PAGES_DIR_NAME, TEMP_LOADERS_DIR };

package/dist/js/treeshaking/analyze/index.js

@@ -221,7 +221,7 @@ var __generator = this && this.__generator || function(thisArg, body) {
     }
 };
 import * as path from "path";
-import { createDebugger, fs, isApiOnly } from "@modern-js/utils";
+import { createDebugger, findExists, fs, isApiOnly } from "@modern-js/utils";
 import { cloneDeep } from "@modern-js/utils/lodash";
 import { createBuilderForModern } from "../builder";
 import { printInstructions } from "../utils/printInstructions";
@@ -229,8 +229,9 @@ import { generateRoutes } from "../utils/routes";
 import { emitResolvedConfig } from "../utils/config";
 import { getCommand } from "../utils/commands";
 import { initialNormalizedConfig } from "../config";
-import { isNestedRouteComponent, isPageComponentFile } from "./utils";
+import { isNestedRouteComponent, isPageComponentFile, parseModule, replaceWithAlias } from "./utils";
 import { loaderBuilder, serverLoaderBuilder } from "./Builder";
+import { APP_CONFIG_NAME, APP_INIT_EXPORTED, APP_INIT_IMPORTED } from "./constants";
 var debug = createDebugger("plugin-analyze");
 var analyze_default = function() {
     return {
@@ -532,6 +533,93 @@ var analyze_default = function() {
                         resolved: config
                     };
                 },
+                modifyEntryImports: function modifyEntryImports(param) {
+                    var entrypoint = param.entrypoint, imports = param.imports;
+                    return _asyncToGenerator(function() {
+                        var appContext, srcDirectory, fileSystemRoutes, nestedRoutesEntry, rootLayoutPath, rootLayoutFile, rootLayoutBuffer, rootLayout, ref, moduleExports, hasAppConfig, generateLayoutPath, hasAppInit;
+                        return __generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    appContext = api.useAppContext();
+                                    srcDirectory = appContext.srcDirectory;
+                                    fileSystemRoutes = entrypoint.fileSystemRoutes, nestedRoutesEntry = entrypoint.nestedRoutesEntry;
+                                    if (!(fileSystemRoutes && nestedRoutesEntry)) return [
+                                        3,
+                                        3
+                                    ];
+                                    rootLayoutPath = path.join(nestedRoutesEntry, "layout");
+                                    rootLayoutFile = findExists([
+                                        ".js",
+                                        ".ts",
+                                        ".jsx",
+                                        ".tsx"
+                                    ].map(function(ext) {
+                                        return "".concat(rootLayoutPath).concat(ext);
+                                    }));
+                                    if (!rootLayoutFile) return [
+                                        3,
+                                        3
+                                    ];
+                                    return [
+                                        4,
+                                        fs.readFile(rootLayoutFile)
+                                    ];
+                                case 1:
+                                    rootLayoutBuffer = _state.sent();
+                                    rootLayout = rootLayoutBuffer.toString();
+                                    return [
+                                        4,
+                                        parseModule({
+                                            source: rootLayout.toString(),
+                                            filename: rootLayoutFile
+                                        })
+                                    ];
+                                case 2:
+                                    ref = _slicedToArray.apply(void 0, [
+                                        _state.sent(),
+                                        2
+                                    ]), moduleExports = ref[1];
+                                    hasAppConfig = moduleExports.some(function(e) {
+                                        return e.n === APP_CONFIG_NAME;
+                                    });
+                                    generateLayoutPath = replaceWithAlias(srcDirectory, rootLayoutFile, "@_modern_js_src");
+                                    if (hasAppConfig) {
+                                        imports.push({
+                                            value: generateLayoutPath,
+                                            specifiers: [
+                                                {
+                                                    imported: APP_CONFIG_NAME
+                                                }
+                                            ]
+                                        });
+                                    }
+                                    hasAppInit = moduleExports.some(function(e) {
+                                        return e.n === APP_INIT_EXPORTED;
+                                    });
+                                    if (hasAppInit) {
+                                        imports.push({
+                                            value: generateLayoutPath,
+                                            specifiers: [
+                                                {
+                                                    imported: APP_INIT_EXPORTED,
+                                                    local: APP_INIT_IMPORTED
+                                                }
+                                            ]
+                                        });
+                                    }
+                                    _state.label = 3;
+                                case 3:
+                                    return [
+                                        2,
+                                        {
+                                            entrypoint: entrypoint,
+                                            imports: imports
+                                        }
+                                    ];
+                            }
+                        });
+                    })();
+                },
                 beforeRestart: function beforeRestart() {
                     return _asyncToGenerator(function() {
                         return __generator(this, function(_state) {

package/dist/js/treeshaking/analyze/templates.js

@@ -176,17 +176,17 @@ var __generator = this && this.__generator || function(thisArg, body) {
 };
 import path from "path";
 import { fs, slash } from "@modern-js/utils";
-import { TEMP_LOADERS_DIR } from "./constants";
+import { APP_CONFIG_NAME, TEMP_LOADERS_DIR } from "./constants";
 var index = function(param) {
     var mountId = param.mountId, imports = param.imports, renderFunction2 = param.renderFunction, exportStatement = param.exportStatement;
     return "\nconst IS_BROWSER = typeof window !== 'undefined' && window.name !== 'nodejs';\nconst IS_REACT18 = process.env.IS_REACT18 === 'true';\nconst MOUNT_ID = '".concat(mountId, "';\n\n").concat(imports, "\n\nlet AppWrapper = null;\n\nlet root = null;\n\nfunction render() {\n  ").concat(renderFunction2, "\n}\n\nAppWrapper = render();\n\n").concat(exportStatement, ";\n");
 };
 var renderFunction = function(param) {
     var plugins = param.plugins, customBootstrap = param.customBootstrap, fileSystemRoutes2 = param.fileSystemRoutes;
-    return "\n  AppWrapper = createApp({\n    plugins: [\n     ".concat(plugins.map(function(param) {
+    return "\n  const finalAppConfig = {\n    ...App.config,\n    ...typeof ".concat(APP_CONFIG_NAME, " === 'object' ? ").concat(APP_CONFIG_NAME, " : {},\n  }\n\n  AppWrapper = createApp({\n    plugins: [\n     ").concat(plugins.map(function(param) {
         var name = param.name, options = param.options, args = param.args;
-        return "".concat(name, "({...").concat(options, ", ...App?.config?.").concat(args || name, "}),");
-    }).join("\n"), "\n    ]\n  })(").concat(fileSystemRoutes2 ? "" : "App", ")\n\n  if (IS_BROWSER) {\n    ").concat(customBootstrap ? "customBootstrap(AppWrapper);" : "bootstrap(AppWrapper, MOUNT_ID, root, ReactDOM);", "\n  }\n\n  return AppWrapper\n");
+        return "".concat(name, "({...").concat(options, ", ...finalAppConfig?.").concat(args || name, "}),");
+    }).join("\n"), "\n    ]\n  })(").concat(fileSystemRoutes2 ? "" : "App", ")\n\n\n  if(!AppWrapper.init && typeof appInit !== 'undefined') {\n    AppWrapper.init = appInit;\n  }\n\n\n  if (IS_BROWSER) {\n    ").concat(customBootstrap ? "customBootstrap(AppWrapper);" : "bootstrap(AppWrapper, MOUNT_ID, root, ReactDOM);", "\n  }\n\n  return AppWrapper\n");
 };
 var html = function(partials) {
     return "\n<!DOCTYPE html>\n<html>\n<head>\n  <%= meta %>\n  <title><%= title %></title>\n\n  ".concat(partials.top.join("\n"), "\n\n  <script>\n    window.__assetPrefix__ = '<%= assetPrefix %>';\n  </script>\n  ").concat(partials.head.join("\n"), "\n\n  <!--<?- chunksMap.css ?>-->\n</head>\n\n<body>\n  <noscript>\n    We're sorry but react app doesn't work properly without JavaScript enabled. Please enable it to continue.\n  </noscript>\n  <div id=\"<%= mountId %>\"><!--<?- html ?>--></div>\n  ").concat(partials.body.join("\n"), "\n  <!--<?- chunksMap.js ?>-->\n  <!--<?- SSRDataScript ?>-->\n  <!--<?- bottomTemplate ?>-->\n</body>\n\n</html>\n");

package/dist/js/treeshaking/analyze/utils.js

@@ -185,7 +185,7 @@ import path from "path";
 import { isReact18, normalizeToPosixPath, fs as fse } from "@modern-js/utils";
 import { transform } from "esbuild";
 import { parse } from "es-module-lexer";
-import { FILE_SYSTEM_ROUTES_FILE_NAME, LOADER_EXPORT_NAME, NESTED_ROUTE } from "./constants";
+import { FILE_SYSTEM_ROUTES_FILE_NAME, JS_EXTENSIONS, LOADER_EXPORT_NAME, NESTED_ROUTE } from "./constants";
 var walkDirectory = function(dir) {
     return fs.readdirSync(dir).reduce(function(previous, filename) {
         var filePath = path.join(dir, filename);
@@ -235,7 +235,6 @@ var getDefaultImports = function(param) {
                     local: "customBootstrap"
                 }
             ],
-            initialize: "const App = false;",
             value: normalizeToPosixPath(customBootstrap.replace(srcDirectory, internalSrcAlias))
         }
     ].filter(Boolean);
@@ -261,7 +260,7 @@ var getDefaultImports = function(param) {
             route.initialize = "const App = false;";
         }
         imports.push(route);
-    } else if (!customBootstrap) {
+    } else {
         imports.push({
             specifiers: [
                 {
@@ -307,7 +306,9 @@ var parseModule = function() {
                 case 0:
                     source = param.source, filename = param.filename;
                     content = source;
-                    if (!(filename.endsWith(".tsx") || filename.endsWith(".jsx"))) return [
+                    if (!JS_EXTENSIONS.some(function(ext) {
+                        return filename.endsWith(ext);
+                    })) return [
                         3,
                         2
                     ];

package/dist/js/treeshaking/config/initial/inits.js

@@ -77,6 +77,7 @@ function _unsupportedIterableToArray(o, minLen) {
 }
 import path, { dirname, isAbsolute, posix, sep } from "path";
 import { applyOptionsChain, findExists, findMonorepoRoot, globby, isModernjsMonorepo } from "@modern-js/utils";
+import { getAutoInjectEnv } from "../../utils/env";
 function initHtmlConfig(config, appContext) {
     var createBuilderAppIcon = function createBuilderAppIcon(config2, appContext2) {
         var configDir = config2.source.configDir;
@@ -105,6 +106,11 @@ function initHtmlConfig(config, appContext) {
     return config.html;
 }
 function initSourceConfig(config, appContext) {
+    var createBuilderGlobalVars = function createBuilderGlobalVars(config2, appContext2) {
+        var _source = config2.source, _globalVars = _source.globalVars, globalVars = _globalVars === void 0 ? {} : _globalVars;
+        var publicEnv = getAutoInjectEnv(appContext2);
+        return _objectSpread({}, globalVars, publicEnv);
+    };
     var createBuilderInclude = function createBuilderInclude(config2, appContext2) {
         var include = config2.source.include;
         var defaultInclude = [
@@ -171,6 +177,7 @@ function initSourceConfig(config, appContext) {
     };
     config.source.include = createBuilderInclude(config, appContext);
     config.source.moduleScopes = createBuilderModuleScope(config);
+    config.source.globalVars = createBuilderGlobalVars(config, appContext);
 }
 function initToolsConfig(config) {
     var defaultTsChecker = {

package/dist/js/treeshaking/schema/index.js

@@ -144,7 +144,7 @@ var server = {
     compiler: {
         type: "string"
     },
-    disableFrameworkExt: {
+    enableFrameworkExt: {
         type: "boolean"
     }
 };

package/dist/js/treeshaking/schema/legacy.js

@@ -284,7 +284,7 @@ var server = {
     compiler: {
         type: "string"
     },
-    disableFrameworkExt: {
+    enableFrameworkExt: {
         type: "boolean"
     }
 };

package/dist/js/treeshaking/utils/env.js

@@ -0,0 +1,13 @@
+function getAutoInjectEnv(appContext) {
+    var metaName = appContext.metaName;
+    var prefix = "".concat(metaName.split(/[-_]/)[0], "_").toUpperCase();
+    var envReg = new RegExp("^".concat(prefix));
+    return Object.keys(process.env).reduce(function(prev, key) {
+        var value = process.env[key];
+        if (envReg.test(key) && typeof value !== "undefined") {
+            prev["process.env.".concat(key)] = value;
+        }
+        return prev;
+    }, {});
+}
+export { getAutoInjectEnv };

package/dist/types/analyze/constants.d.ts

@@ -24,4 +24,7 @@ export declare const NESTED_ROUTE: {
   LOADING_FILE: string;
   ERROR_FILE: string;
   LOADER_FILE: string;
-};
+};
+export declare const APP_CONFIG_NAME = "appConfig";
+export declare const APP_INIT_EXPORTED = "init";
+export declare const APP_INIT_IMPORTED = "appInit";

package/dist/types/builder/builderPlugins/compatModern.d.ts

@@ -1,11 +1,11 @@
 import { BuilderPlugin } from '@modern-js/builder-shared';
 import type { BuilderPluginAPI } from '@modern-js/builder-webpack-provider';
 import type { IAppContext, AppNormalizedConfig } from '../../types';
-declare type Parameter<T extends (arg: any) => void> = Parameters<T>[0];
-declare type FnParameter<T extends {
+type Parameter<T extends (arg: any) => void> = Parameters<T>[0];
+type FnParameter<T extends {
   [p: string]: (arg: any) => void;
 }> = { [P in keyof T]: Parameter<T[P]> };
-export declare type PluginCompatModernOptions = FnParameter<Partial<Pick<BuilderPluginAPI, 'onAfterBuild' | 'onAfterCreateCompiler' | 'onAfterStartDevServer' | 'onBeforeBuild' | 'onBeforeCreateCompiler' | 'onBeforeStartDevServer' | 'onDevCompileDone' | 'onExit'>>>;
+export type PluginCompatModernOptions = FnParameter<Partial<Pick<BuilderPluginAPI, 'onAfterBuild' | 'onAfterCreateCompiler' | 'onAfterStartDevServer' | 'onBeforeBuild' | 'onBeforeCreateCompiler' | 'onBeforeStartDevServer' | 'onDevCompileDone' | 'onExit'>>>;
 /**
  * Provides default configuration consistent with modern.js v1
  */

package/dist/types/builder/index.d.ts

@@ -3,7 +3,7 @@ import { BuilderConfig, BuilderWebpackProvider } from '@modern-js/builder-webpac
 import type { IAppContext } from '@modern-js/core';
 import type { AppNormalizedConfig } from '../types';
 import { PluginCompatModernOptions } from './builderPlugins/compatModern';
-export declare type BuilderOptions = {
+export type BuilderOptions = {
   target?: BuilderTarget | BuilderTarget[];
   normalizedConfig: AppNormalizedConfig;
   appContext: IAppContext;

package/dist/types/schema/Schema.d.ts

@@ -1,4 +1,4 @@
-export declare type ValidateSchema = {
+export type ValidateSchema = {
   target: string;
   schema: any;
 };

package/dist/types/types/config/deploy.d.ts

@@ -6,4 +6,4 @@ export interface MicroFrontend {
 export interface DeployUserConfig {
   microFrontend?: boolean | MicroFrontend;
 }
-export declare type DeployNormalizedConfig = DeployUserConfig;
+export type DeployNormalizedConfig = DeployUserConfig;

package/dist/types/types/config/dev.d.ts

@@ -1,6 +1,6 @@
 import type { BuilderConfig } from '@modern-js/builder-webpack-provider';
-declare type BuilderDevConfig = Required<BuilderConfig>['dev'];
-export declare type DevProxyOptions = string | Record<string, string>;
+type BuilderDevConfig = Required<BuilderConfig>['dev'];
+export type DevProxyOptions = string | Record<string, string>;
 export interface DevUserConfig extends Omit<BuilderDevConfig, 'port'> {
   /**
    * The configuration of `dev.proxy` is provided by `proxy` plugin.
@@ -9,5 +9,5 @@ export interface DevUserConfig extends Omit<BuilderDevConfig, 'port'> {
    */
   proxy?: string | Record<string, string>;
 }
-export declare type DevNormalizedConfig = DevUserConfig;
+export type DevNormalizedConfig = DevUserConfig;
 export {};

package/dist/types/types/config/experiments.d.ts

@@ -1,4 +1,4 @@
 import type { BuilderConfig } from '@modern-js/builder-webpack-provider';
-export declare type BuilderExperimentsConfig = Required<BuilderConfig>['experiments'];
-export declare type ExperimentsUserConfig = BuilderExperimentsConfig;
-export declare type ExperimentsNormalizedConfig = ExperimentsUserConfig;
+export type BuilderExperimentsConfig = Required<BuilderConfig>['experiments'];
+export type ExperimentsUserConfig = BuilderExperimentsConfig;
+export type ExperimentsNormalizedConfig = ExperimentsUserConfig;

package/dist/types/types/config/html.d.ts

@@ -1,4 +1,4 @@
 import type { BuilderConfig } from '@modern-js/builder-webpack-provider';
-export declare type BuilderHtmlConfig = Required<BuilderConfig>['html'];
-export declare type HtmlUserConfig = BuilderHtmlConfig;
-export declare type HtmlNormalizedConfig = HtmlUserConfig;
+export type BuilderHtmlConfig = Required<BuilderConfig>['html'];
+export type HtmlUserConfig = BuilderHtmlConfig;
+export type HtmlNormalizedConfig = HtmlUserConfig;

package/dist/types/types/config/index.d.ts

@@ -18,8 +18,8 @@ export interface RuntimeUserConfig {
 export interface RuntimeByEntriesUserConfig {
   [name: string]: RuntimeUserConfig;
 }
-export declare type RuntimeNormalizedConfig = RuntimeUserConfig;
-export declare type RuntimeByEntriesNormalizedConfig = RuntimeByEntriesUserConfig;
+export type RuntimeNormalizedConfig = RuntimeUserConfig;
+export type RuntimeByEntriesNormalizedConfig = RuntimeByEntriesUserConfig;
 export interface AppToolsUserConfig {
   source?: SourceUserConfig;
   output?: OutputUserConfig;
@@ -42,7 +42,7 @@ export interface AppToolsUserConfig {
 
   bff?: BffUserConfig;
 }
-export declare type AppToolsNormalizedConfig = {
+export type AppToolsNormalizedConfig = {
   source: SourceNormalizedConfig;
   bff: BffNormalizedConfig;
   dev: DevNormalizedConfig;

package/dist/types/types/config/output.d.ts

@@ -1,22 +1,22 @@
 import type { BuilderConfig } from '@modern-js/builder-webpack-provider';
-export declare type BuilderOutputConfig = Required<BuilderConfig>['output'];
+export type BuilderOutputConfig = Required<BuilderConfig>['output'];
 export interface OutputUserConfig extends BuilderOutputConfig {
   ssg?: SSGConfig;
   disableNodePolyfill?: boolean;
 }
-export declare type OutputNormalizedConfig = OutputUserConfig;
-export declare type SSGRouteOptions = string | {
+export type OutputNormalizedConfig = OutputUserConfig;
+export type SSGRouteOptions = string | {
   url: string;
   output?: string;
   params?: Record<string, any>[];
   headers?: Record<string, any>;
 };
-export declare type SSGSingleEntryOptions = boolean | {
+export type SSGSingleEntryOptions = boolean | {
   preventDefault?: string[];
   headers?: Record<string, any>;
   routes?: SSGRouteOptions[];
 };
-export declare type SSGMultiEntryOptions = Record<string, SSGSingleEntryOptions>;
-export declare type SSGConfig = boolean | SSGSingleEntryOptions | SSGMultiEntryOptions | ((entryName: string, payload: {
+export type SSGMultiEntryOptions = Record<string, SSGSingleEntryOptions>;
+export type SSGConfig = boolean | SSGSingleEntryOptions | SSGMultiEntryOptions | ((entryName: string, payload: {
   baseUrl?: string;
 }) => SSGSingleEntryOptions);

package/dist/types/types/config/performance.d.ts

@@ -1,4 +1,4 @@
 import type { BuilderConfig } from '@modern-js/builder-webpack-provider';
-export declare type BuilderPerformanceConfig = Required<BuilderConfig>['performance'];
-export declare type PerformanceUserConfig = BuilderPerformanceConfig;
-export declare type PerformanceNormalizedConfig = PerformanceUserConfig;
+export type BuilderPerformanceConfig = Required<BuilderConfig>['performance'];
+export type PerformanceUserConfig = BuilderPerformanceConfig;
+export type PerformanceNormalizedConfig = PerformanceUserConfig;

package/dist/types/types/config/security.d.ts

@@ -1,4 +1,4 @@
 import type { BuilderConfig } from '@modern-js/builder-webpack-provider';
-export declare type BuilderSecurityConfig = Required<BuilderConfig>['security'];
-export declare type SecurityUserConfig = BuilderSecurityConfig;
-export declare type SecurityNormalizedConfig = SecurityUserConfig;
+export type BuilderSecurityConfig = Required<BuilderConfig>['security'];
+export type SecurityUserConfig = BuilderSecurityConfig;
+export type SecurityNormalizedConfig = SecurityUserConfig;

package/dist/types/types/config/source.d.ts

@@ -1,11 +1,11 @@
 import type { BuilderConfig } from '@modern-js/builder-webpack-provider';
-export declare type BuilderSourceConfig = Required<BuilderConfig>['source'];
-export declare type Entry = string | {
+export type BuilderSourceConfig = Required<BuilderConfig>['source'];
+export type Entry = string | {
   entry: string;
   disableMount?: boolean;
   customBootstrap?: string;
 };
-export declare type Entries = Record<string, Entry>;
+export type Entries = Record<string, Entry>;
 export interface SourceUserConfig extends BuilderSourceConfig {
   entries?: Entries;
   enableAsyncEntry?: boolean;
@@ -21,4 +21,4 @@ export interface SourceUserConfig extends BuilderSourceConfig {
 
   designSystem?: Record<string, any>;
 }
-export declare type SourceNormalizedConfig = SourceUserConfig;
+export type SourceNormalizedConfig = SourceUserConfig;

package/dist/types/types/config/tools.d.ts

@@ -2,14 +2,14 @@ import type { BuilderConfig } from '@modern-js/builder-webpack-provider';
 import type { JestConfig } from '@modern-js/core';
 import type { PluginSwcOptions } from '@modern-js/builder-plugin-swc';
 import type { PluginEsbuildOptions } from '@modern-js/builder-plugin-esbuild';
-export declare type BuilderToolsConfig = Required<BuilderConfig>['tools'];
+export type BuilderToolsConfig = Required<BuilderConfig>['tools'];
 /**
  * The configuration of `tools.tailwindcss` is provided by `tailwindcss` plugin.
  * Please use `yarn new` or `pnpm new` to enable the corresponding capability.
  * @requires `tailwindcss` plugin
  */
 
-export declare type Tailwindcss = Record<string, any> | ((options: Record<string, any>) => Record<string, any> | void);
+export type Tailwindcss = Record<string, any> | ((options: Record<string, any>) => Record<string, any> | void);
 export interface ToolsUserConfig extends BuilderToolsConfig {
   tailwindcss?: Tailwindcss;
   jest?: JestConfig | ((jestConfig: JestConfig) => JestConfig);
@@ -21,4 +21,4 @@ export interface ToolsUserConfig extends BuilderToolsConfig {
 
   swc?: PluginSwcOptions;
 }
-export declare type ToolsNormalizedConfig = ToolsUserConfig;
+export type ToolsNormalizedConfig = ToolsUserConfig;

package/dist/types/types/hooks.d.ts

@@ -17,7 +17,7 @@ export interface RuntimePlugin {
   options: string;
   args?: string;
 }
-export declare type AppToolsHooks = {
+export type AppToolsHooks = {
   modifyEntryExport: AsyncWaterfall<{
     entrypoint: Entrypoint;
     exportStatement: string;

package/dist/types/types/index.d.ts

@@ -7,17 +7,17 @@ export * from './config';
 export * from './legacyConfig';
 export type { ServerUserConfig, ServerNormalizedConfig, BffUserConfig, BffNormalizedConfig, SSR, SSRByEntries } from '@modern-js/server-core';
 export type { IAppContext, PluginAPI, CliPlugin, NormalizedConfig, UserConfig } from '@modern-js/core';
-export declare type AppTools = {
+export type AppTools = {
   hooks: AppToolsHooks;
   userConfig: AppToolsUserConfig;
   normalizedConfig: AppToolsNormalizedConfig;
 };
-export declare type LegacyAppTools = {
+export type LegacyAppTools = {
   hooks: AppToolsHooks;
   userConfig: AppToolsLegacyUserConfig;
   normalizedConfig: AppToolsLegacyNormalizedConfig;
 };
-export declare type AppNormalizedConfig = NormalizedConfig<AppTools>;
-export declare type AppLegacyNormalizedConfig = NormalizedConfig<LegacyAppTools>;
-export declare type AppUserConfig = UserConfig<AppTools>;
-export declare type AppLegacyUserConfig = UserConfig<LegacyAppTools>;
+export type AppNormalizedConfig = NormalizedConfig<AppTools>;
+export type AppLegacyNormalizedConfig = NormalizedConfig<LegacyAppTools>;
+export type AppUserConfig = UserConfig<AppTools>;
+export type AppLegacyUserConfig = UserConfig<LegacyAppTools>;

package/dist/types/types/legacyConfig/deploy.d.ts

@@ -3,6 +3,6 @@ export interface MicroFrontend {
   externalBasicLibrary?: boolean;
   moduleApp?: string;
 }
-export declare type DeployLegacyUserConfig = {
+export type DeployLegacyUserConfig = {
   microFrontend?: boolean | MicroFrontend;
 };

package/dist/types/types/legacyConfig/dev.d.ts

@@ -1,6 +1,6 @@
 import type { DevServerHttpsOptions } from '@modern-js/types';
-export declare type DevProxyOptions = string | Record<string, string>;
-export declare type DevUserLegacyConfig = {
+export type DevProxyOptions = string | Record<string, string>;
+export type DevUserLegacyConfig = {
   assetPrefix?: string | boolean;
   https?: DevServerHttpsOptions;
   /**

package/dist/types/types/legacyConfig/index.d.ts

@@ -15,7 +15,7 @@ export interface RuntimeLegacyConfig {
 export interface RuntimeByEntriesLegacyConfig {
   [name: string]: RuntimeLegacyConfig;
 }
-export declare type AppToolsLegacyUserConfig = {
+export type AppToolsLegacyUserConfig = {
   source?: SourceLegacyUserConfig;
   output?: OutputLegacyUserConfig;
   server?: LegacyServerUserConfig;

package/dist/types/types/legacyConfig/output.d.ts

@@ -1,7 +1,7 @@
 import { MetaOptions } from '@modern-js/utils';
 import { SSGConfig } from '../config';
-declare type CrossOrigin = 'anonymous' | 'use-credentials';
-export declare type OutputLegacyUserConfig = {
+type CrossOrigin = 'anonymous' | 'use-credentials';
+export type OutputLegacyUserConfig = {
   assetPrefix?: string;
   htmlPath?: string;
   jsPath?: string;

package/dist/types/types/legacyConfig/source.d.ts

@@ -1,5 +1,5 @@
 import type { AliasOption } from '@modern-js/utils';
-export declare type SourceLegacyUserConfig = {
+export type SourceLegacyUserConfig = {
   alias?: AliasOption;
   entries?: Record<string, string | {
     entry: string;

package/dist/types/types/legacyConfig/tools.d.ts

@@ -1,8 +1,8 @@
 import type { DevServerOptions } from '@modern-js/types';
 import type { BuilderConfig } from '@modern-js/builder-webpack-provider';
 import type { JestConfig } from '@modern-js/core';
-declare type BuilderToolsConfig = Required<BuilderConfig>['tools'];
-export declare type ToolsLegacyUserConfig = BuilderToolsConfig & {
+type BuilderToolsConfig = Required<BuilderConfig>['tools'];
+export type ToolsLegacyUserConfig = BuilderToolsConfig & {
   esbuild?: Record<string, unknown>;
   devServer?: DevServerOptions;
   /**

package/dist/types/utils/env.d.ts

@@ -0,0 +1,2 @@
+import type { IAppContext } from '../types';
+export declare function getAutoInjectEnv(appContext: IAppContext): Record<string, string>;

package/dist/types/utils/types.d.ts

@@ -1,20 +1,20 @@
-export declare type DevOptions = {
+export type DevOptions = {
   entry?: string[] | boolean;
   config?: string;
   apiOnly?: boolean;
   analyze?: boolean;
 };
-export declare type BuildOptions = {
+export type BuildOptions = {
   config?: string;
   analyze?: boolean;
 };
-export declare type DeployOptions = {
+export type DeployOptions = {
   config?: string;
 };
-export declare type StartOptions = {
+export type StartOptions = {
   apiOnly?: boolean;
 };
-export declare type InspectOptions = {
+export type InspectOptions = {
   env: string;
   output: string;
   verbose?: boolean;

package/package.json

@@ -11,7 +11,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.0.0-beta.7",
+  "version": "2.0.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/js/node/index.js",
@@ -65,23 +65,23 @@
     "@babel/types": "^7.18.0",
     "es-module-lexer": "^1.1.0",
     "esbuild": "0.15.7",
-    "@modern-js/builder": "2.0.0-beta.7",
-    "@modern-js/builder-plugin-esbuild": "2.0.0-beta.7",
-    "@modern-js/builder-plugin-node-polyfill": "2.0.0-beta.7",
-    "@modern-js/builder-shared": "2.0.0-beta.7",
-    "@modern-js/builder-webpack-provider": "2.0.0-beta.7",
-    "@modern-js/core": "2.0.0-beta.7",
-    "@modern-js/new-action": "2.0.0-beta.7",
-    "@modern-js/node-bundle-require": "2.0.0-beta.7",
-    "@modern-js/plugin": "2.0.0-beta.7",
-    "@modern-js/plugin-data-loader": "2.0.0-beta.7",
-    "@modern-js/plugin-i18n": "2.0.0-beta.7",
-    "@modern-js/plugin-lint": "2.0.0-beta.7",
-    "@modern-js/prod-server": "2.0.0-beta.7",
-    "@modern-js/server": "2.0.0-beta.7",
-    "@modern-js/types": "2.0.0-beta.7",
-    "@modern-js/upgrade": "2.0.0-beta.7",
-    "@modern-js/utils": "2.0.0-beta.7"
+    "@modern-js/builder": "2.0.0",
+    "@modern-js/builder-plugin-node-polyfill": "2.0.0",
+    "@modern-js/builder-plugin-esbuild": "2.0.0",
+    "@modern-js/builder-shared": "2.0.0",
+    "@modern-js/builder-webpack-provider": "2.0.0",
+    "@modern-js/core": "2.0.0",
+    "@modern-js/new-action": "2.0.0",
+    "@modern-js/node-bundle-require": "2.0.0",
+    "@modern-js/plugin": "2.0.0",
+    "@modern-js/plugin-data-loader": "2.0.0",
+    "@modern-js/plugin-i18n": "2.0.0",
+    "@modern-js/plugin-lint": "2.0.0",
+    "@modern-js/prod-server": "2.0.0",
+    "@modern-js/server": "2.0.0",
+    "@modern-js/types": "2.0.0",
+    "@modern-js/upgrade": "2.0.0",
+    "@modern-js/utils": "2.0.0"
   },
   "devDependencies": {
     "@types/babel__traverse": "^7.14.2",
@@ -90,10 +90,10 @@
     "jest": "^27",
     "typescript": "^4",
     "webpack": "^5.75.0",
-    "@modern-js/builder-plugin-swc": "2.0.0-beta.7",
-    "@modern-js/server-core": "2.0.0-beta.7",
-    "@scripts/jest-config": "2.0.0-beta.7",
-    "@scripts/build": "2.0.0-beta.7"
+    "@modern-js/builder-plugin-swc": "2.0.0",
+    "@modern-js/server-core": "2.0.0",
+    "@scripts/jest-config": "2.0.0",
+    "@scripts/build": "2.0.0"
   },
   "sideEffects": false,
   "publishConfig": {