@modern-js/app-tools 2.0.0-beta.0 → 2.0.0-beta.1

package/dist/js/modern/analyze/nestedRoutes.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import * as path from 'path';
 import { fs, getRouteId } from '@modern-js/utils';
 import { JS_EXTENSIONS } from "./constants";
@@ -14,37 +11,30 @@ const LOADING_FILE = 'loading';
 const ERROR_FILE = 'error';
 const LOADER_FILE = 'loader';
 const conventionNames = [LAYOUT_FILE, PAGE_FILE, LOADING_FILE, ERROR_FILE, LOADER_FILE];
-
 const replaceDynamicPath = routePath => {
   return routePath.replace(/\[(.*?)\]/g, ':$1');
 };
-
-const createIndexRoute = (routeInfo, rootDir, filename) => {
+const createIndexRoute = (routeInfo, rootDir, filename, entryName) => {
   return createRoute(_objectSpread(_objectSpread({}, routeInfo), {}, {
     index: true,
     children: undefined
-  }), rootDir, filename);
+  }), rootDir, filename, entryName);
 };
-
-const createRoute = (routeInfo, rootDir, filename) => {
-  const id = getRouteId(filename, rootDir);
+const createRoute = (routeInfo, rootDir, filename, entryName) => {
+  const id = getRouteId(filename, rootDir, entryName);
   return _objectSpread(_objectSpread({}, routeInfo), {}, {
     id,
     type: 'nested'
   });
 };
-
-export const walk = async (dirname, rootDir, alias) => {
+export const walk = async (dirname, rootDir, alias, entryName) => {
   if (!(await fs.pathExists(dirname))) {
     return null;
   }
-
   const isDirectory = (await fs.stat(dirname)).isDirectory();
-
   if (!isDirectory) {
     return null;
   }
-
   const relativeDir = path.relative(rootDir, dirname);
   const pathSegments = relativeDir.split(path.sep);
   const lastSegment = pathSegments[pathSegments.length - 1];
@@ -52,65 +42,52 @@ export const walk = async (dirname, rootDir, alias) => {
   const isPathlessLayout = lastSegment.startsWith('__');
   const isWithoutLayoutPath = lastSegment.includes('.');
   let routePath = isRoot || isPathlessLayout ? '/' : `${lastSegment}`;
-
   if (isWithoutLayoutPath) {
     routePath = lastSegment.split('.').join('/');
   }
-
   routePath = replaceDynamicPath(routePath);
   const route = {
     path: routePath,
     children: []
   };
   const items = await fs.readdir(dirname);
-
   for (const item of items) {
     const itemPath = path.join(dirname, item);
     const extname = path.extname(item);
     const itemWithoutExt = item.slice(0, -extname.length);
     const isDirectory = (await fs.stat(itemPath)).isDirectory();
-
     if (isDirectory) {
-      const childRoute = await walk(itemPath, rootDir, alias);
-
+      const childRoute = await walk(itemPath, rootDir, alias, entryName);
       if (childRoute) {
         var _route$children;
-
         (_route$children = route.children) === null || _route$children === void 0 ? void 0 : _route$children.push(childRoute);
       }
     }
-
     if (extname && (!JS_EXTENSIONS.includes(extname) || !conventionNames.includes(itemWithoutExt))) {
       continue;
     }
-
     if (itemWithoutExt === LAYOUT_FILE) {
       route._component = replaceWithAlias(alias.basename, itemPath, alias.name);
     }
-
     if (itemWithoutExt === PAGE_FILE) {
       var _route$children2;
-
       const childRoute = createIndexRoute({
         _component: replaceWithAlias(alias.basename, itemPath, alias.name)
-      }, rootDir, itemPath);
+      }, rootDir, itemPath, entryName);
       (_route$children2 = route.children) === null || _route$children2 === void 0 ? void 0 : _route$children2.push(childRoute);
     }
-
     if (itemWithoutExt === LOADER_FILE) {
       route.loader = replaceWithAlias(alias.basename, itemPath, alias.name);
     }
-
     if (itemWithoutExt === LOADING_FILE) {
       route.loading = replaceWithAlias(alias.basename, itemPath, alias.name);
     }
-
     if (itemWithoutExt === ERROR_FILE) {
       route.error = replaceWithAlias(alias.basename, itemPath, alias.name);
     }
   }
+  const finalRoute = createRoute(route, rootDir, path.join(dirname, `${LAYOUT_FILE}.ts`), entryName);
 
-  const finalRoute = createRoute(route, rootDir, path.join(dirname, `${LAYOUT_FILE}.ts`));
   /**
    * when the url is /, the __auth/layout.tsx component should not be rendered
    * - routes
@@ -118,10 +95,8 @@ export const walk = async (dirname, rootDir, alias) => {
    *    - layout.tsx
    *  - layout.tsx
    */
-
   if (isPathlessLayout) {
     delete finalRoute.path;
   }
-
   return finalRoute;
 };

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

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export const index = ({
   mountId,
   imports,
@@ -88,37 +85,28 @@ export const routesForServer = ({
     basename
   } = alias;
   const loaders = [];
-
   const traverseRouteTree = route => {
     let children;
-
     if ('children' in route && route.children) {
       var _route$children;
-
       children = route === null || route === void 0 ? void 0 : (_route$children = route.children) === null || _route$children === void 0 ? void 0 : _route$children.map(traverseRouteTree);
     }
-
     let loader;
-
     if (route.type === 'nested') {
       if (route.loader) {
         loaders.push(route.loader);
         loader = `loader_${loaders.length - 1}`;
       }
     }
-
     const finalRoute = _objectSpread(_objectSpread({}, route), {}, {
       loader,
       children
     });
-
     return finalRoute;
   };
-
   let routesCode = `
   export const routes = [
   `;
-
   for (const route of routes) {
     if ('type' in route) {
       const newRoute = traverseRouteTree(route);
@@ -127,7 +115,6 @@ export const routesForServer = ({
       routesCode += `${JSON.stringify(route, null, 2)}`;
     }
   }
-
   routesCode += `\n];`;
   const importLoadersCode = loaders.map((loader, index) => {
     const realLoaderPath = loader.replace(name, basename);
@@ -141,87 +128,85 @@ export const routesForServer = ({
 export const fileSystemRoutes = ({
   routes,
   ssrMode,
-  nestedRoutesEntry
+  nestedRoutesEntry,
+  entryName
 }) => {
-  const importLazyCode = ssrMode === 'stream' ? 'import { lazy } from "react";' : `import loadable from '@modern-js/runtime/loadable'`;
+  // The legacy mode and pages dir routes should use loadable
+  // nested routes + renderTostring should use loadable.lazy
+  // nested routes + renderToStream should use react.lazy
+  const importLazyCode = `
+    import { lazy } from "react";
+    import loadable, { lazy as loadableLazy } from "@modern-js/runtime/loadable"
+  `;
   let dataLoaderPath = '';
-
   if (ssrMode) {
     dataLoaderPath = require.resolve(`@modern-js/plugin-data-loader/loader`);
-
     if (nestedRoutesEntry) {
-      dataLoaderPath = `${dataLoaderPath}?routesDir=${nestedRoutesEntry}!`;
+      dataLoaderPath = `${dataLoaderPath}?routesDir=${nestedRoutesEntry}&entryName=${entryName}!`;
     }
   }
-
   const loadings = [];
   const errors = [];
   const loaders = [];
-
   const traverseRouteTree = route => {
     let children;
-
     if ('children' in route && route.children) {
       var _route$children2;
-
       children = route === null || route === void 0 ? void 0 : (_route$children2 = route.children) === null || _route$children2 === void 0 ? void 0 : _route$children2.map(traverseRouteTree);
     }
-
     let loading;
     let error;
     let loader;
-
+    let component = '';
     if (route.type === 'nested') {
       if (route.loading) {
         loadings.push(route.loading);
         loading = `loading_${loadings.length - 1}`;
       }
-
       if (route.error) {
         errors.push(route.error);
         error = `error_${errors.length - 1}`;
       }
-
       if (route.loader) {
         loaders.push(route.loader);
         loader = `loader_${loaders.length - 1}`;
       }
+      if (route._component) {
+        if (ssrMode === 'stream') {
+          component = `lazy(() => import(/* webpackChunkName: "${route.id}" */  /* webpackMode: "lazy-once" */ '${route._component}'))`;
+        } else {
+          component = `loadable(() => import(/* webpackChunkName: "${route.id}" */  /* webpackMode: "lazy-once" */ '${route._component}'))`;
+        }
+      }
+    } else if (route._component) {
+      component = `loadable(() => import('${route._component}'))`;
     }
-
     const finalRoute = _objectSpread(_objectSpread({}, route), {}, {
       loading,
       loader,
       error,
       children
     });
-
     if (route._component) {
-      const component = ssrMode === 'stream' ? `lazy(() => import('${route._component}'))` : `loadable(() => import('${route._component}'))`;
       finalRoute.component = component;
     }
-
     return finalRoute;
   };
-
   let routeComponentsCode = `
     export const routes = [
   `;
-
   for (const route of routes) {
     if ('type' in route) {
       const newRoute = traverseRouteTree(route);
-      routeComponentsCode += `${JSON.stringify(newRoute, null, 2).replace(/"(loadable[^"]*)"/g, '$1').replace(/"(lazy[^"]*)"/g, '$1').replace(/"(loading_[^"])"/g, '$1').replace(/"(loader_[^"])"/g, '$1').replace(/"(error_[^"])"/g, '$1')},`;
+      routeComponentsCode += `${JSON.stringify(newRoute, null, 2).replace(/"(loadable.*\))"/g, '$1').replace(/"(loadableLazy.*\))"/g, '$1').replace(/"(lazy.*\))"/g, '$1').replace(/"(loading_[^"])"/g, '$1').replace(/"(loader_[^"])"/g, '$1').replace(/"(error_[^"])"/g, '$1').replace(/\\"/g, '"')},`;
     } else {
-      const component = ssrMode === 'stream' ? `lazy(() => import('${route._component}'))` : `loadable(() => import('${route._component}'))`;
-
+      const component = `loadable(() => import('${route._component}'))`;
       const finalRoute = _objectSpread(_objectSpread({}, route), {}, {
         component
       });
-
       routeComponentsCode += `${JSON.stringify(finalRoute, null, 2).replace(/"(loadable[^"]*)"/g, '$1').replace(/"(lazy[^"]*)"/g, '$1')},`;
     }
   }
-
   routeComponentsCode += `\n];`;
   const importLoadingCode = loadings.map((loading, index) => {
     return `import loading_${index} from '${loading}';\n`;

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

@@ -4,7 +4,6 @@ import { isReact18, normalizeToPosixPath } from '@modern-js/utils';
 import { FILE_SYSTEM_ROUTES_FILE_NAME } from "./constants";
 export const walkDirectory = dir => fs.readdirSync(dir).reduce((previous, filename) => {
   const filePath = path.join(dir, filename);
-
   if (fs.statSync(filePath).isDirectory()) {
     return [...previous, ...walkDirectory(filePath)];
   } else {
@@ -47,7 +46,6 @@ export const getDefaultImports = ({
     }],
     value: normalizeToPosixPath(customBootstrap.replace(srcDirectory, internalSrcAlias))
   }].filter(Boolean);
-
   if (fileSystemRoutes) {
     const route = {
       specifiers: [{
@@ -55,7 +53,6 @@ export const getDefaultImports = ({
       }],
       value: normalizeToPosixPath(`${internalDirAlias}/${entryName}/${FILE_SYSTEM_ROUTES_FILE_NAME}`)
     };
-
     if (fileSystemRoutes.globalApp) {
       imports.push({
         specifiers: [{
@@ -66,7 +63,6 @@ export const getDefaultImports = ({
     } else {
       route.initialize = 'const App = false;';
     }
-
     imports.push(route);
   } else {
     imports.push({
@@ -76,18 +72,15 @@ export const getDefaultImports = ({
       value: normalizeToPosixPath(entry.replace(srcDirectory, internalSrcAlias))
     });
   }
-
   return imports;
 };
 export const isRouteComponentFile = filePath => {
   if (/\.(d|test|spec|e2e)\.(js|jsx|ts|tsx)$/.test(filePath)) {
     return false;
   }
-
   if (['.js', '.jsx', '.ts', '.tsx'].includes(path.extname(filePath))) {
     return true;
   }
-
   return false;
 };
 export const replaceWithAlias = (base, filePath, alias) => normalizeToPosixPath(path.join(alias, path.relative(base, filePath)));

package/dist/js/modern/builder/builderPlugins/compatModern.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import { join } from 'path';
 import { mergeBuilderConfig } from '@modern-js/builder-shared';
 import { template as lodashTemplate } from '@modern-js/utils/lodash';
@@ -12,13 +9,12 @@ import { getEntryOptions } from '@modern-js/utils';
 import { BottomTemplatePlugin } from "../webpackPlugins/htmlBottomTemplate";
 import { HtmlAsyncChunkPlugin } from "../webpackPlugins/htmlAsyncChunkPlugin";
 import { createCopyPattern } from "../share";
-
+import RouterPlugin from "../webpackPlugins/routerPlugin";
 /**
  * Provides default configuration consistent with `@modern-js/webpack`
  */
 export const PluginCompatModern = (appContext, modernConfig, options) => ({
   name: 'builder-plugin-compat-modern',
-
   setup(api) {
     api.modifyBuilderConfig(config => {
       if (isStreamingSSR(modernConfig)) {
@@ -28,7 +24,6 @@ export const PluginCompatModern = (appContext, modernConfig, options) => ({
           }
         });
       }
-
       return config;
     });
     api.modifyWebpackChain((chain, {
@@ -36,8 +31,8 @@ export const PluginCompatModern = (appContext, modernConfig, options) => ({
       CHAIN_ID,
       isProd
     }) => {
-      const builderNormalizedConfig = api.getNormalizedConfig(); // set webpack config name
-
+      const builderNormalizedConfig = api.getNormalizedConfig();
+      // set webpack config name
       if (target === 'node') {
         chain.name('server');
       } else if (target === 'modern-web') {
@@ -45,13 +40,12 @@ export const PluginCompatModern = (appContext, modernConfig, options) => ({
       } else {
         chain.name('client');
       }
+      chain.resolve.modules.add('node_modules').add(join(api.context.rootPath, 'node_modules'));
 
-      chain.resolve.modules.add('node_modules').add(join(api.context.rootPath, 'node_modules')); // apply node compat
-
+      // apply node compat
       if (target === 'node') {
         applyNodeCompat(chain, modernConfig, isProd);
       }
-
       if (isHtmlEnabled(builderNormalizedConfig, target)) {
         applyBottomHtmlWebpackPlugin({
           api,
@@ -65,36 +59,38 @@ export const PluginCompatModern = (appContext, modernConfig, options) => ({
           CHAIN_ID,
           modernConfig
         });
-      } // apply copy plugin
-      // const copyPatterns = createCopyPatterns(chain, appContext, modernConfig);
-
+      }
 
+      // apply copy plugin
+      // const copyPatterns = createCopyPatterns(chain, appContext, modernConfig);
       const defaultCopyPattern = createCopyPattern(appContext, modernConfig, 'public', chain);
       chain.plugin(CHAIN_ID.PLUGIN.COPY).tap(args => {
         var _args$;
-
         return [{
           patterns: [...(((_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.patterns) || []), defaultCopyPattern]
         }];
       });
-
+      const {
+        entrypoints
+      } = appContext;
+      const existNestedRoutes = entrypoints.some(entrypoint => entrypoint.nestedRoutesEntry);
+      chain.plugin('route-plugin').use(RouterPlugin, [{
+        existNestedRoutes
+      }]);
       function isHtmlEnabled(config, target) {
         var _config$tools;
-
         return ((_config$tools = config.tools) === null || _config$tools === void 0 ? void 0 : _config$tools.htmlPlugin) !== false && target !== 'node' && target !== 'web-worker';
       }
     });
-
     if (options) {
       applyCallbacks(api, options);
     }
   }
-
 });
+
 /**
  * register builder hooks callback
  */
-
 function applyCallbacks(api, options) {
   options.onAfterBuild && api.onAfterBuild(options.onAfterBuild);
   options.onAfterCreateCompiler && api.onAfterCreateCompiler(options.onAfterCreateCompiler);
@@ -105,40 +101,35 @@ function applyCallbacks(api, options) {
   options.onDevCompileDone && api.onDevCompileDone(options.onDevCompileDone);
   options.onExit && api.onExit(options.onExit);
 }
+
 /**
  * compat some config, if target is `node`
  */
-
-
 function applyNodeCompat(chain, modernConfig, isProd) {
   // apply node resolve extensions
   for (const ext of ['.node.js', '.node.jsx', '.node.ts', '.node.tsx']) {
     chain.resolve.extensions.prepend(ext);
-  } // apply filterEntriesBySSRConfig
-
+  }
 
+  // apply filterEntriesBySSRConfig
   filterEntriesBySSRConfig(isProd, chain, modernConfig.server, modernConfig.output);
-
   function filterEntriesBySSRConfig(isProd, chain, serverConfig, outputConfig) {
     var _outputConfig$ssg;
-
-    const entries = chain.entryPoints.entries(); // if prod and ssg config is true or function
-
+    const entries = chain.entryPoints.entries();
+    // if prod and ssg config is true or function
     if (isProd && ((outputConfig === null || outputConfig === void 0 ? void 0 : outputConfig.ssg) === true || typeof (outputConfig === null || outputConfig === void 0 ? void 0 : (_outputConfig$ssg = outputConfig.ssg) === null || _outputConfig$ssg === void 0 ? void 0 : _outputConfig$ssg[0]) === 'function')) {
       return;
-    } // if single entry has ssg config
-    // `ssg: {}` is not allowed if multi entry
-
+    }
 
+    // if single entry has ssg config
+    // `ssg: {}` is not allowed if multi entry
     const entryNames = Object.keys(entries);
-
     if (isProd && entryNames.length === 1 && outputConfig !== null && outputConfig !== void 0 && outputConfig.ssg) {
       return;
-    } // collect all ssg entries
-
+    }
 
+    // collect all ssg entries
     const ssgEntries = [];
-
     if (isProd && outputConfig !== null && outputConfig !== void 0 && outputConfig.ssg) {
       const {
         ssg
@@ -149,7 +140,6 @@ function applyNodeCompat(chain, modernConfig, isProd) {
         }
       });
     }
-
     const {
       ssr,
       ssrByEntries
@@ -161,11 +151,10 @@ function applyNodeCompat(chain, modernConfig, isProd) {
     });
   }
 }
+
 /**
  * inject bottom template
  */
-
-
 function applyBottomHtmlWebpackPlugin({
   api,
   chain,
@@ -181,29 +170,24 @@ function applyBottomHtmlWebpackPlugin({
       title: getEntryOptions(entryName, modernConfig.output.title, modernConfig.output.titleByEntries, appContext.packageName),
       mountId: modernConfig.output.mountId
     }, getEntryOptions(entryName, modernConfig.output.templateParameters, modernConfig.output.templateParametersByEntries, appContext.packageName));
-
     chain.plugin(`${CHAIN_ID.PLUGIN.HTML}-${entryName}`).tap(args => [_objectSpread(_objectSpread({}, args[0] || {}), {}, {
       __internal__: true,
       bottomTemplate: appContext.htmlTemplates[`__${entryName}-bottom__`] && lodashTemplate(appContext.htmlTemplates[`__${entryName}-bottom__`])(baseTemplateParams)
     })]);
   }
-
   chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [HtmlWebpackPlugin]);
 }
-
 const isStreamingSSR = userConfig => {
   const isStreaming = ssr => ssr && typeof ssr === 'object' && ssr.mode === 'stream';
-
   const {
     server
   } = userConfig;
-
   if (isStreaming(server.ssr)) {
     return true;
-  } // Since we cannot apply different plugins for different entries,
-  // we regard the whole app as streaming ssr only if one entry meets the requirement.
-
+  }
 
+  // Since we cannot apply different plugins for different entries,
+  // we regard the whole app as streaming ssr only if one entry meets the requirement.
   if (server !== null && server !== void 0 && server.ssrByEntries && typeof server.ssrByEntries === 'object') {
     for (const name of Object.keys(server.ssrByEntries)) {
       if (isStreaming(server.ssrByEntries[name])) {
@@ -211,10 +195,8 @@ const isStreamingSSR = userConfig => {
       }
     }
   }
-
   return false;
 };
-
 function applyAsyncChunkHtmlPlugin({
   chain,
   modernConfig,

package/dist/js/modern/builder/createHtmlConfig.js

@@ -18,8 +18,9 @@ export function createHtmlConfig(normalizedConfig, appContext) {
   } = normalizedConfig.output;
   const {
     configDir
-  } = normalizedConfig.source; // transform Modernjs `output.scriptExt` to Builder `html.crossorigin`  configuration
+  } = normalizedConfig.source;
 
+  // transform Modernjs `output.scriptExt` to Builder `html.crossorigin`  configuration
   const builderCrossorigin = createBuilderCrossorigin(scriptExt);
   const builderAppIcon = createBuilderAppIcon(configDir, appContext);
   const builderFavicon = createBuilderFavicon(favicon, configDir, appContext);
@@ -48,7 +49,6 @@ export function createBuilderAppIcon(configDir, appContext) {
 }
 export function createBuilderCrossorigin(scriptExt) {
   var _scriptExtCustomConfi;
-
   const scriptExtCustomConfig = scriptExt === null || scriptExt === void 0 ? void 0 : scriptExt.custom;
   return scriptExtCustomConfig !== null && scriptExtCustomConfig !== void 0 && (_scriptExtCustomConfi = scriptExtCustomConfig.test) !== null && _scriptExtCustomConfi !== void 0 && _scriptExtCustomConfi.test('.js') && (scriptExtCustomConfig === null || scriptExtCustomConfig === void 0 ? void 0 : scriptExtCustomConfig.attribute) === 'crossorigin' ? scriptExtCustomConfig.value : undefined;
 }

package/dist/js/modern/builder/createOutputConfig.js

@@ -1,6 +1,7 @@
 import { createCopyPattern } from "./share";
 export function createOutputConfig(normalizedConfig, appContext) {
   // TODO: add `externals` options in Modern.
+
   const {
     assetPrefix,
     copy,
@@ -13,6 +14,7 @@ export function createOutputConfig(normalizedConfig, appContext) {
     disableInlineRuntimeChunk,
     disableMinimize,
     disableSourceMap,
+    disableTsChecker,
     enableCssModuleTSDeclaration,
     enableInlineScripts,
     enableInlineStyles,
@@ -33,10 +35,10 @@ export function createOutputConfig(normalizedConfig, appContext) {
       js: jsPath,
       html: htmlPath,
       // `@modern-js/webpack` output all media files to `dist/media` by default
-      svg: mediaPath || 'midia',
-      image: mediaPath || 'midia',
-      font: mediaPath || 'midia',
-      media: mediaPath || 'midia'
+      svg: mediaPath || 'media',
+      image: mediaPath || 'media',
+      font: mediaPath || 'media',
+      media: mediaPath || 'media'
     },
     dataUriLimit: {
       svg: dataUriLimit,
@@ -48,6 +50,7 @@ export function createOutputConfig(normalizedConfig, appContext) {
     disableInlineRuntimeChunk,
     disableMinimize,
     disableSourceMap,
+    disableTsChecker,
     enableCssModuleTSDeclaration,
     enableInlineScripts,
     enableInlineStyles,