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

package/dist/js/node/analyze/getClientRoutes/getRoutes.js

@@ -0,0 +1,221 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getClientRoutes = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _utils = require("@modern-js/utils");
+
+var _makeLegalIdentifier = require("../makeLegalIdentifier");
+
+var _constants = require("../constants");
+
+var _utils2 = require("../utils");
+
+var _utils3 = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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; }
+
+const compName = (srcDirectory, filePath) => {
+  const legalCompName = (0, _makeLegalIdentifier.makeLegalIdentifier)(_path.default.relative(srcDirectory, filePath));
+  return `Comp_${legalCompName}`;
+};
+
+const layoutNameAbbr = filePath => {
+  const prefix = 'L_';
+  const dirName = _path.default.dirname(filePath).split('/').pop() || '';
+  return `${prefix}${(0, _makeLegalIdentifier.makeLegalIdentifier)(dirName)}`;
+};
+
+const parents = [];
+/* eslint-disable no-param-reassign */
+
+const recursiveReadDir = ({
+  dir,
+  routes,
+  basePath: _basePath = '/',
+  srcDirectory,
+  srcAlias
+}) => {
+  let hasDynamicRoute = false;
+  let resetParent = false;
+  let parent = parents[parents.length - 1];
+  const layout = (0, _utils3.findLayout)(dir);
+
+  if (layout) {
+    if (_basePath === '/') {
+      throw new Error(`should use _app instead of _layout in ${dir}`);
+    } else {
+      const alias = (0, _utils2.replaceWithAlias)(srcDirectory, layout, srcAlias);
+      const componentName = compName(srcDirectory, layout);
+      const route = {
+        path: `${_basePath.substring(0, _basePath.length - 1)}`,
+        children: [],
+        _component: alias,
+        component: componentName,
+        parent,
+        type: 'page'
+      };
+      parent = route;
+      resetParent = true;
+      routes.push(route);
+      parents.push(route);
+      routes = route.children;
+    }
+  }
+
+  for (const relative of _utils.fs.readdirSync(dir)) {
+    const filePath = _path.default.join(dir, relative);
+
+    if (!(0, _utils3.shouldSkip)(filePath)) {
+      const filename = _path.default.basename(filePath, _path.default.extname(filePath));
+
+      const alias = (0, _utils2.replaceWithAlias)(srcDirectory, filePath, srcAlias);
+      const componentName = compName(srcDirectory, filePath);
+
+      const dynamicRouteMatched = _constants.FILE_SYSTEM_ROUTES_DYNAMIC_REGEXP.exec(filename);
+
+      if (dynamicRouteMatched) {
+        if (hasDynamicRoute) {
+          throw new Error(`Can't set two dynamic route in one directory: ${dir}`);
+        } else {
+          hasDynamicRoute = true;
+        }
+      }
+
+      const route = {
+        path: `${_basePath}${dynamicRouteMatched ? `:${dynamicRouteMatched[1]}${dynamicRouteMatched[2]}` : filename}`,
+        _component: alias,
+        component: componentName,
+        parent,
+        type: 'page'
+      };
+
+      if (_utils.fs.statSync(filePath).isDirectory()) {
+        recursiveReadDir({
+          dir: filePath,
+          routes,
+          basePath: `${route.path}/`,
+          srcDirectory,
+          srcAlias
+        });
+        continue;
+      }
+
+      if (filename === _constants.FILE_SYSTEM_ROUTES_LAYOUT) {
+        continue;
+      }
+
+      if (filename === _constants.FILE_SYSTEM_ROUTES_INDEX) {
+        route.path = _basePath === '/' ? _basePath : `${_basePath.substring(0, _basePath.length - 1)}`;
+      }
+
+      if (filename === '404' && _basePath === '/') {
+        route.path = '*';
+      }
+
+      routes.push(route);
+    }
+  }
+
+  if (resetParent) {
+    parents.pop();
+  }
+};
+/* eslint-enable  no-param-reassign */
+
+
+const normalizeNestedRoutes = (nested, internalComponentsDir, internalDirectory, internalDirAlias) => {
+  const flat = routes => routes.reduce((memo, route) => memo.concat(Array.isArray(route.children) ? flat(route.children) : [route]), []);
+
+  const generate = route => {
+    const codes = [];
+    let lastComponent = route.component;
+    const imports = [`import React from 'react';`, `import ${lastComponent} from '${route._component}'`]; // eslint-disable-next-line no-param-reassign, no-cond-assign
+
+    while (route = route.parent) {
+      const layoutComponent = route.component;
+      const layoutComponentAbbr = layoutNameAbbr(route._component);
+      imports.push(`import ${layoutComponent} from '${route._component}';`);
+      const currentComponent = `${layoutComponentAbbr}_${lastComponent}`;
+      codes.push(`const ${currentComponent} = props => <${layoutComponent} Component={${lastComponent}} {...props} />;`);
+      lastComponent = currentComponent;
+    }
+
+    const file = _path.default.resolve(internalComponentsDir, `${lastComponent}.jsx`);
+
+    _utils.fs.outputFileSync(file, `${imports.join('\n')}\n${codes.join('\n')}\nexport default ${lastComponent}`);
+
+    return {
+      component: lastComponent,
+      _component: (0, _utils2.replaceWithAlias)(internalDirectory, file, internalDirAlias)
+    };
+  };
+
+  const normalized = flat(nested).map(route => route.parent ? _objectSpread(_objectSpread(_objectSpread({}, route), generate(route)), {}, {
+    parent: undefined
+  }) : _objectSpread(_objectSpread({}, route), {}, {
+    parent: undefined
+  }));
+  return normalized;
+};
+
+const getClientRoutes = ({
+  entrypoint,
+  srcDirectory,
+  srcAlias,
+  internalDirectory,
+  internalDirAlias
+}) => {
+  const {
+    entry,
+    entryName
+  } = entrypoint;
+
+  if (!_utils.fs.existsSync(entry)) {
+    throw new Error(`generate file system routes error, ${entry} directory not found.`);
+  }
+
+  if (!(_utils.fs.existsSync(entry) && _utils.fs.statSync(entry).isDirectory())) {
+    throw new Error(`generate file system routes error, ${entry} should be directory.`);
+  }
+
+  let routes = [];
+  recursiveReadDir({
+    dir: entry,
+    routes,
+    basePath: '/',
+    srcDirectory,
+    srcAlias
+  });
+
+  const internalComponentsDir = _path.default.resolve(internalDirectory, `${entryName}/${_constants.FILE_SYSTEM_ROUTES_COMPONENTS_DIR}`);
+
+  _utils.fs.emptyDirSync(internalComponentsDir);
+
+  routes = normalizeNestedRoutes(routes, internalComponentsDir, internalDirectory, internalDirAlias);
+  parents.length = 0; // FIXME: support more situations
+
+  routes.sort((a, b) => {
+    const delta = (0, _utils3.getRouteWeight)(a.path) - (0, _utils3.getRouteWeight)(b.path);
+
+    if (delta === 0) {
+      return a.path.length - b.path.length;
+    }
+
+    return delta;
+  });
+  (0, _utils3.debug)(`fileSystem routes: %o`, routes);
+  return routes;
+};
+
+exports.getClientRoutes = getClientRoutes;

package/dist/js/node/analyze/{getClientRoutes.js → getClientRoutes/getRoutesLegacy.js}

@@ -9,9 +9,13 @@ var _path = _interopRequireDefault(require("path"));
 
 var _utils = require("@modern-js/utils");
 
-var _makeLegalIdentifier = require("./makeLegalIdentifier");
+var _makeLegalIdentifier = require("../makeLegalIdentifier");
 
-var _constants = require("./constants");
+var _constants = require("../constants");
+
+var _utils2 = require("../utils");
+
+var _utils3 = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -21,27 +25,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 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; }
 
-const debug = (0, _utils.createDebugger)('get-client-routes');
-
-const findLayout = dir => (0, _utils.findExists)(_constants.JS_EXTENSIONS.map(ext => _path.default.resolve(dir, `${_constants.FILE_SYSTEM_ROUTES_LAYOUT}${ext}`)));
-
-const shouldSkip = file => {
-  // should not skip directory.
-  if (_utils.fs.statSync(file).isDirectory()) {
-    return false;
-  }
-
-  const ext = _path.default.extname(file);
-
-  if (_constants.FILE_SYSTEM_ROUTES_IGNORED_REGEX.test(file) || !_constants.JS_EXTENSIONS.includes(ext) || _constants.FILE_SYSTEM_ROUTES_GLOBAL_LAYOUT === _path.default.basename(file, ext)) {
-    return true;
-  }
-
-  return false;
-};
-
-const replaceWithAlias = (base, filePath, alias) => (0, _utils.normalizeToPosixPath)(_path.default.join(alias, _path.default.relative(base, filePath)));
-
 const compName = (srcDirectory, filePath) => {
   const legalCompName = (0, _makeLegalIdentifier.makeLegalIdentifier)(_path.default.relative(srcDirectory, filePath));
   return `Comp_${legalCompName}`;
@@ -56,7 +39,7 @@ const layoutNameAbbr = filePath => {
 const parents = [];
 /* eslint-disable no-param-reassign */
 
-const recursiveReadDir = ({
+const recursiveReadDirLegacy = ({
   dir,
   routes,
   basePath: _basePath = '/',
@@ -66,13 +49,13 @@ const recursiveReadDir = ({
   let hasDynamicRoute = false;
   let resetParent = false;
   let parent = parents[parents.length - 1];
-  const layout = findLayout(dir);
+  const layout = (0, _utils3.findLayout)(dir);
 
   if (layout) {
     if (_basePath === '/') {
       throw new Error(`should use _app instead of _layout in ${dir}`);
     } else {
-      const alias = replaceWithAlias(srcDirectory, layout, srcAlias);
+      const alias = (0, _utils2.replaceWithAlias)(srcDirectory, layout, srcAlias);
       const componentName = compName(srcDirectory, layout);
       const route = {
         path: `${_basePath.substring(0, _basePath.length - 1)}`,
@@ -93,10 +76,10 @@ const recursiveReadDir = ({
   for (const relative of _utils.fs.readdirSync(dir)) {
     const filePath = _path.default.join(dir, relative);
 
-    if (!shouldSkip(filePath)) {
+    if (!(0, _utils3.shouldSkip)(filePath)) {
       const filename = _path.default.basename(filePath, _path.default.extname(filePath));
 
-      const alias = replaceWithAlias(srcDirectory, filePath, srcAlias);
+      const alias = (0, _utils2.replaceWithAlias)(srcDirectory, filePath, srcAlias);
       const componentName = compName(srcDirectory, filePath);
 
       const dynamicRouteMatched = _constants.FILE_SYSTEM_ROUTES_DYNAMIC_REGEXP.exec(filename);
@@ -118,7 +101,7 @@ const recursiveReadDir = ({
       };
 
       if (_utils.fs.statSync(filePath).isDirectory()) {
-        recursiveReadDir({
+        recursiveReadDirLegacy({
           dir: filePath,
           routes,
           basePath: `${route.path}/`,
@@ -175,7 +158,7 @@ const normalizeNestedRoutes = (nested, internalComponentsDir, internalDirectory,
 
     return {
       component: lastComponent,
-      _component: replaceWithAlias(internalDirectory, file, internalDirAlias)
+      _component: (0, _utils2.replaceWithAlias)(internalDirectory, file, internalDirAlias)
     };
   };
 
@@ -187,8 +170,6 @@ const normalizeNestedRoutes = (nested, internalComponentsDir, internalDirectory,
   return normalized;
 };
 
-const getRouteWeight = route => route === '*' ? 999 : route.split(':').length - 1;
-
 const getClientRoutes = ({
   entrypoint,
   srcDirectory,
@@ -210,7 +191,7 @@ const getClientRoutes = ({
   }
 
   let routes = [];
-  recursiveReadDir({
+  recursiveReadDirLegacy({
     dir: entry,
     routes,
     basePath: '/',
@@ -226,7 +207,7 @@ const getClientRoutes = ({
   parents.length = 0; // FIXME: support more situations
 
   routes.sort((a, b) => {
-    const delta = getRouteWeight(a.path) - getRouteWeight(b.path);
+    const delta = (0, _utils3.getRouteWeight)(a.path) - (0, _utils3.getRouteWeight)(b.path);
 
     if (delta === 0) {
       return a.path.length - b.path.length;
@@ -234,7 +215,7 @@ const getClientRoutes = ({
 
     return delta;
   });
-  debug(`fileSystem routes: %o`, routes);
+  (0, _utils3.debug)(`fileSystem routes: %o`, routes);
   return routes;
 };
 

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getClientRoutes", {
+  enumerable: true,
+  get: function () {
+    return _getRoutes.getClientRoutes;
+  }
+});
+Object.defineProperty(exports, "getClientRoutesLegacy", {
+  enumerable: true,
+  get: function () {
+    return _getRoutesLegacy.getClientRoutes;
+  }
+});
+
+var _getRoutes = require("./getRoutes");
+
+var _getRoutesLegacy = require("./getRoutesLegacy");

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

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.shouldSkip = exports.getRouteWeight = exports.findLayout = exports.debug = void 0;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _utils = require("@modern-js/utils");
+
+var _constants = require("../constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const debug = (0, _utils.createDebugger)('get-client-routes');
+exports.debug = debug;
+
+const findLayout = dir => (0, _utils.findExists)(_constants.JS_EXTENSIONS.map(ext => _path.default.resolve(dir, `${_constants.FILE_SYSTEM_ROUTES_LAYOUT}${ext}`)));
+
+exports.findLayout = findLayout;
+
+const getRouteWeight = route => route === '*' ? 999 : route.split(':').length - 1;
+
+exports.getRouteWeight = getRouteWeight;
+
+const shouldSkip = file => {
+  // should not skip directory.
+  if (_utils.fs.statSync(file).isDirectory()) {
+    return false;
+  }
+
+  const ext = _path.default.extname(file);
+
+  if (_constants.FILE_SYSTEM_ROUTES_IGNORED_REGEX.test(file) || !_constants.JS_EXTENSIONS.includes(ext) || _constants.FILE_SYSTEM_ROUTES_GLOBAL_LAYOUT === _path.default.basename(file, ext)) {
+    return true;
+  }
+
+  return false;
+};
+
+exports.shouldSkip = shouldSkip;

package/dist/js/node/analyze/getFileSystemEntry.js

@@ -23,7 +23,9 @@ const hasApp = dir => (0, _utils.findExists)(_constants.JS_EXTENSIONS.map(ext =>
 
 const hasPages = dir => _fs.default.existsSync(_path.default.join(dir, _constants.PAGES_DIR_NAME));
 
-const isBundleEntry = dir => hasApp(dir) || hasPages(dir) || hasIndex(dir);
+const hasNestedRoutes = dir => _fs.default.existsSync(_path.default.join(dir, _constants.NESTED_ROUTES_DIR));
+
+const isBundleEntry = dir => hasApp(dir) || hasPages(dir) || hasIndex(dir) || hasNestedRoutes(dir);
 
 const scanDir = dirs => dirs.map(dir => {
   const indexFile = hasIndex(dir);
@@ -39,30 +41,47 @@ const scanDir = dirs => dirs.map(dir => {
     };
   }
 
-  if (hasApp(dir)) {
+  const isHasApp = hasApp(dir);
+
+  if (isHasApp) {
     return {
       entryName,
       entry: _path.default.join(dir, _constants.APP_FILE_NAME),
       isAutoMount: true,
       customBootstrap
     };
-  } else if (hasPages(dir)) {
-    return {
+  }
+
+  const isHasNestedRoutes = hasNestedRoutes(dir);
+  const isHasPages = hasPages(dir);
+
+  if (isHasNestedRoutes || isHasPages) {
+    const entrypoint = {
       entryName,
-      entry: _path.default.join(dir, _constants.PAGES_DIR_NAME),
+      entry: '',
       fileSystemRoutes: {
         globalApp: (0, _utils.findExists)(_constants.JS_EXTENSIONS.map(ext => _path.default.resolve(dir, `./${_constants.PAGES_DIR_NAME}/${_constants.FILE_SYSTEM_ROUTES_GLOBAL_LAYOUT}${ext}`)))
       },
       isAutoMount: true,
       customBootstrap
     };
-  } else {
-    return {
-      entryName,
-      entry: indexFile,
-      isAutoMount: false
-    };
+
+    if (isHasPages) {
+      entrypoint.entry = _path.default.join(dir, _constants.PAGES_DIR_NAME);
+    }
+
+    if (isHasNestedRoutes) {
+      entrypoint.nestedRoutesEntry = _path.default.join(dir, _constants.NESTED_ROUTES_DIR);
+    }
+
+    return entrypoint;
   }
+
+  return {
+    entryName,
+    entry: indexFile,
+    isAutoMount: false
+  };
 });
 
 const getFileSystemEntry = (appContext, config) => {

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

@@ -123,7 +123,8 @@ var _default = () => ({
           entrypoints,
           serverRoutes: routes
         }));
-        pagesDir = entrypoints.map(point => point.entry);
+        const nestedRouteEntries = entrypoints.map(point => point.nestedRoutesEntry).filter(Boolean);
+        pagesDir = entrypoints.map(point => point.entry).filter(Boolean).concat(nestedRouteEntries);
         originEntrypoints = (0, _lodash.cloneDeep)(entrypoints);
         await generateCode(appContext, resolvedConfig, entrypoints, api);
         const htmlTemplates = await getHtmlTemplate(entrypoints, api, {

package/dist/js/node/analyze/nestedRoutes.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.walk = void 0;
+
+var path = _interopRequireWildcard(require("path"));
+
+var _utils = require("@modern-js/utils");
+
+var _constants = require("./constants");
+
+var _utils2 = require("./utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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; }
+
+const LAYOUT_FILE = 'layout';
+const PAGE_FILE = 'page';
+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) => {
+  return createRoute(_objectSpread(_objectSpread({}, routeInfo), {}, {
+    index: true,
+    children: undefined
+  }), rootDir, filename);
+};
+
+const createRoute = (routeInfo, rootDir, filename) => {
+  const id = (0, _utils.getRouteId)(filename, rootDir);
+  return _objectSpread(_objectSpread({}, routeInfo), {}, {
+    id,
+    type: 'nested'
+  });
+};
+
+const walk = async (dirname, rootDir, alias) => {
+  if (!(await _utils.fs.pathExists(dirname))) {
+    return null;
+  }
+
+  const isDirectory = (await _utils.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];
+  const isRoot = lastSegment === '';
+  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 _utils.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 _utils.fs.stat(itemPath)).isDirectory();
+
+    if (isDirectory) {
+      const childRoute = await walk(itemPath, rootDir, alias);
+
+      if (childRoute) {
+        var _route$children;
+
+        (_route$children = route.children) === null || _route$children === void 0 ? void 0 : _route$children.push(childRoute);
+      }
+    }
+
+    if (extname && (!_constants.JS_EXTENSIONS.includes(extname) || !conventionNames.includes(itemWithoutExt))) {
+      continue;
+    }
+
+    if (itemWithoutExt === LAYOUT_FILE) {
+      route._component = (0, _utils2.replaceWithAlias)(alias.basename, itemPath, alias.name);
+    }
+
+    if (itemWithoutExt === PAGE_FILE) {
+      var _route$children2;
+
+      const childRoute = createIndexRoute({
+        _component: (0, _utils2.replaceWithAlias)(alias.basename, itemPath, alias.name)
+      }, rootDir, itemPath);
+      (_route$children2 = route.children) === null || _route$children2 === void 0 ? void 0 : _route$children2.push(childRoute);
+    }
+
+    if (itemWithoutExt === LOADER_FILE) {
+      route.loader = (0, _utils2.replaceWithAlias)(alias.basename, itemPath, alias.name);
+    }
+
+    if (itemWithoutExt === LOADING_FILE) {
+      route.loading = (0, _utils2.replaceWithAlias)(alias.basename, itemPath, alias.name);
+    }
+
+    if (itemWithoutExt === ERROR_FILE) {
+      route.error = (0, _utils2.replaceWithAlias)(alias.basename, itemPath, alias.name);
+    }
+  }
+
+  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
+   *  - __auth
+   *    - layout.tsx
+   *  - layout.tsx
+   */
+
+  if (isPathlessLayout) {
+    delete finalRoute.path;
+  }
+
+  return finalRoute;
+};
+
+exports.walk = walk;