@modern-js/app-tools 2.11.1-alpha.1 → 2.12.0

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

@@ -1,213 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-var nestedRoutes_exports = {};
-__export(nestedRoutes_exports, {
-  walk: () => walk
-});
-module.exports = __toCommonJS(nestedRoutes_exports);
-var path = __toESM(require("path"));
-var import_utils = require("@modern-js/utils");
-var import_constants = require("./constants");
-var import_utils2 = require("./utils");
-const conventionNames = Object.values(import_constants.NESTED_ROUTE);
-const replaceDynamicPath = (routePath) => {
-  return routePath.replace(/\[(.*?)\]/g, ":$1");
-};
-const createIndexRoute = (routeInfo, rootDir, filename, entryName) => {
-  return createRoute(
-    __spreadProps(__spreadValues({}, routeInfo), {
-      index: true,
-      children: void 0
-    }),
-    rootDir,
-    filename,
-    entryName
-  );
-};
-const createRoute = (routeInfo, rootDir, filename, entryName) => {
-  const id = (0, import_utils.getRouteId)(filename, rootDir, entryName);
-  return __spreadProps(__spreadValues({}, routeInfo), {
-    id,
-    type: "nested"
-  });
-};
-const walk = (dirname, rootDir, alias, entryName) => __async(void 0, null, function* () {
-  var _a, _b, _c, _d;
-  if (!(yield import_utils.fs.pathExists(dirname))) {
-    return null;
-  }
-  const isDirectory = (yield import_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: [],
-    isRoot
-  };
-  let pageLoaderFile = "";
-  let pageRoute = null;
-  let splatLoaderFile = "";
-  let splatRoute = null;
-  const items = yield import_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 isDirectory2 = (yield import_utils.fs.stat(itemPath)).isDirectory();
-    if (isDirectory2) {
-      const childRoute = yield walk(itemPath, rootDir, alias, entryName);
-      if (childRoute) {
-        (_a = route.children) == null ? void 0 : _a.push(childRoute);
-      }
-    }
-    if (extname && (!import_constants.JS_EXTENSIONS.includes(extname) || !conventionNames.includes(itemWithoutExt))) {
-      continue;
-    }
-    if (itemWithoutExt === import_constants.NESTED_ROUTE.LAYOUT_LOADER_FILE) {
-      if (!route.loader) {
-        route.loader = itemPath;
-      }
-    }
-    if (itemWithoutExt === import_constants.NESTED_ROUTE.LAYOUT_FILE) {
-      route._component = (0, import_utils2.replaceWithAlias)(alias.basename, itemPath, alias.name);
-    }
-    if (itemWithoutExt === import_constants.NESTED_ROUTE.PAGE_LOADER_FILE) {
-      pageLoaderFile = itemPath;
-    }
-    if (itemWithoutExt === import_constants.NESTED_ROUTE.PAGE_FILE) {
-      pageRoute = createIndexRoute(
-        {
-          _component: (0, import_utils2.replaceWithAlias)(alias.basename, itemPath, alias.name)
-        },
-        rootDir,
-        itemPath,
-        entryName
-      );
-      if (pageLoaderFile) {
-        pageRoute.loader = pageLoaderFile;
-      }
-      (_b = route.children) == null ? void 0 : _b.push(pageRoute);
-    }
-    if (itemWithoutExt === import_constants.NESTED_ROUTE.SPLATE_LOADER_FILE) {
-      splatLoaderFile = itemPath;
-    }
-    if (itemWithoutExt === import_constants.NESTED_ROUTE.SPLATE_FILE) {
-      splatRoute = createRoute(
-        {
-          _component: (0, import_utils2.replaceWithAlias)(alias.basename, itemPath, alias.name),
-          path: "*"
-        },
-        rootDir,
-        itemPath,
-        entryName
-      );
-      if (splatLoaderFile) {
-        splatRoute.loader = splatLoaderFile;
-      }
-      (_c = route.children) == null ? void 0 : _c.push(splatRoute);
-    }
-    if (itemWithoutExt === import_constants.NESTED_ROUTE.LOADING_FILE) {
-      route.loading = (0, import_utils2.replaceWithAlias)(alias.basename, itemPath, alias.name);
-    }
-    if (itemWithoutExt === import_constants.NESTED_ROUTE.ERROR_FILE) {
-      route.error = (0, import_utils2.replaceWithAlias)(alias.basename, itemPath, alias.name);
-    }
-  }
-  let finalRoute = createRoute(
-    route,
-    rootDir,
-    path.join(dirname, `${import_constants.NESTED_ROUTE.LAYOUT_FILE}.ts`),
-    entryName
-  );
-  if (isPathlessLayout) {
-    delete finalRoute.path;
-  }
-  route.children = (_d = route.children) == null ? void 0 : _d.filter((childRoute) => childRoute);
-  if (route.children && route.children.length === 0 && !route.index) {
-    return null;
-  }
-  if (finalRoute.children && finalRoute.children.length === 1 && !finalRoute._component) {
-    const childRoute = finalRoute.children[0];
-    if (childRoute.path === "*") {
-      const path2 = `${finalRoute.path || ""}/${childRoute.path || ""}`;
-      finalRoute = __spreadProps(__spreadValues({}, childRoute), {
-        path: path2
-      });
-    }
-  }
-  return finalRoute;
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  walk
-});

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

@@ -1,359 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-var templates_exports = {};
-__export(templates_exports, {
-  fileSystemRoutes: () => fileSystemRoutes,
-  html: () => html,
-  index: () => index,
-  renderFunction: () => renderFunction,
-  routesForServer: () => routesForServer
-});
-module.exports = __toCommonJS(templates_exports);
-var import_path = __toESM(require("path"));
-var import_utils = require("@modern-js/utils");
-var import_constants = require("./constants");
-const index = ({
-  mountId,
-  imports,
-  renderFunction: renderFunction2,
-  exportStatement
-}) => `
-const IS_BROWSER = typeof window !== 'undefined' && window.name !== 'nodejs';
-const IS_REACT18 = process.env.IS_REACT18 === 'true';
-const MOUNT_ID = '${mountId}';
-
-${imports}
-
-let AppWrapper = null;
-
-let root = null;
-
-function render() {
-  ${renderFunction2}
-}
-
-AppWrapper = render();
-
-${exportStatement};
-`;
-const renderFunction = ({
-  plugins,
-  customBootstrap,
-  fileSystemRoutes: fileSystemRoutes2
-}) => {
-  const bootstrap = "bootstrap(AppWrapper, MOUNT_ID, root, ReactDOM)";
-  return `
-  const finalAppConfig = {
-    ...App.config,
-    ...typeof ${import_constants.APP_CONFIG_NAME} === 'function' ? ${import_constants.APP_CONFIG_NAME}() : {},
-  }
-
-  AppWrapper = createApp({
-    plugins: [
-     ${plugins.map(
-    ({ 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});` : `${bootstrap};`}
-  }
-
-  return AppWrapper
-`;
-};
-const html = (partials) => `
-<!DOCTYPE html>
-<html>
-<head>
-  <%= meta %>
-  <title><%= title %></title>
-
-  ${partials.top.join("\n")}
-
-  <script>
-    window.__assetPrefix__ = '<%= assetPrefix %>';
-  <\/script>
-  ${partials.head.join("\n")}
-
-  <!--<?- chunksMap.css ?>-->
-</head>
-
-<body>
-  <noscript>
-    We're sorry but react app doesn't work properly without JavaScript enabled. Please enable it to continue.
-  </noscript>
-  <div id="<%= mountId %>"><!--<?- html ?>--></div>
-  ${partials.body.join("\n")}
-  <!--<?- chunksMap.js ?>-->
-  <!--<?- SSRDataScript ?>-->
-  <!--<?- bottomTemplate ?>-->
-</body>
-
-</html>
-`;
-const routesForServer = ({
-  routes
-}) => {
-  const loaders = [];
-  const traverseRouteTree = (route) => {
-    var _a;
-    let children;
-    if ("children" in route && route.children) {
-      children = (_a = route == null ? void 0 : route.children) == null ? void 0 : _a.map(traverseRouteTree);
-    }
-    let loader;
-    if (route.type === "nested") {
-      if (route.loader) {
-        loaders.push(route.loader);
-        loader = `loader_${loaders.length - 1}`;
-      }
-    }
-    const finalRoute = __spreadProps(__spreadValues({}, route), {
-      loader,
-      children
-    });
-    return finalRoute;
-  };
-  let routesCode = `
-  export const routes = [
-  `;
-  for (const route of routes) {
-    if ("type" in route) {
-      const newRoute = traverseRouteTree(route);
-      routesCode += `${JSON.stringify(newRoute, null, 2).replace(
-        /"(loader_[^"])"/g,
-        "$1"
-      )},`;
-    } else {
-      routesCode += `${JSON.stringify(route, null, 2)}`;
-    }
-  }
-  routesCode += `
-];`;
-  let importLoadersCode = "";
-  if (loaders.length > 0) {
-    importLoadersCode = loaders.map((loader, index2) => {
-      return `import loader_${index2} from "${(0, import_utils.slash)(loader)}"`;
-    }).join("\n");
-  }
-  return `
-    ${importLoadersCode}
-    ${routesCode}
-  `;
-};
-const fileSystemRoutes = (_0) => __async(void 0, [_0], function* ({
-  routes,
-  ssrMode,
-  nestedRoutesEntry,
-  entryName,
-  internalDirectory
-}) {
-  const loadings = [];
-  const errors = [];
-  const loaders = [];
-  const loadersMap = {};
-  const loadersMapFile = import_path.default.join(
-    internalDirectory,
-    entryName,
-    import_constants.TEMP_LOADERS_DIR,
-    "map.json"
-  );
-  const importLazyCode = `
-    import { lazy } from "react";
-    import loadable, { lazy as loadableLazy } from "@modern-js/runtime/loadable"
-  `;
-  let rootLayoutCode = ``;
-  const getDataLoaderPath = (loaderId) => {
-    if (!ssrMode) {
-      return "";
-    }
-    let dataLoaderPath = require.resolve("@modern-js/plugin-data-loader/loader");
-    if (nestedRoutesEntry) {
-      dataLoaderPath = `${(0, import_utils.slash)(dataLoaderPath)}?mapFile=${(0, import_utils.slash)(
-        loadersMapFile
-      )}&loaderId=${loaderId}!`;
-    }
-    return dataLoaderPath;
-  };
-  const traverseRouteTree = (route) => {
-    var _a;
-    let children;
-    if ("children" in route && route.children) {
-      children = (_a = route == null ? void 0 : route.children) == null ? void 0 : _a.map(traverseRouteTree);
-    }
-    let loading;
-    let error;
-    let loader;
-    let component = "";
-    let lazyImport = null;
-    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);
-        const loaderId = loaders.length - 1;
-        loader = `loader_${loaderId}`;
-        loadersMap[loader] = {
-          routeId: route.id,
-          filePath: route.loader,
-          inline: false
-        };
-      }
-      if (route._component) {
-        if (route.isRoot) {
-          rootLayoutCode = `import RootLayout from '${route._component}'`;
-          component = `RootLayout`;
-        } else if (ssrMode === "string") {
-          lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
-          component = `loadable(${lazyImport})`;
-        } else {
-          lazyImport = `() => import(/* webpackChunkName: "${route.id}" */  '${route._component}')`;
-          component = `lazy(${lazyImport})`;
-        }
-      }
-    } else if (route._component) {
-      lazyImport = `() => import('${route._component}')`;
-      component = `loadable(${lazyImport})`;
-    }
-    const finalRoute = __spreadProps(__spreadValues({}, route), {
-      lazyImport,
-      loading,
-      loader,
-      error,
-      children
-    });
-    if (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(/"(loadableLazy.*\))"/g, "$1").replace(/"(\(\)[^,]+)",/g, "$1,").replace(/"(lazy\(.*\))"/g, "$1").replace(/"(loading_[^"])"/g, "$1").replace(/"(loader_[^"])"/g, "$1").replace(/"(RootLayout)"/g, "$1").replace(/"(error_[^"])"/g, "$1").replace(/\\"/g, '"')},`;
-    } else {
-      const component = `loadable(() => import('${route._component}'))`;
-      const finalRoute = __spreadProps(__spreadValues({}, route), {
-        component
-      });
-      routeComponentsCode += `${JSON.stringify(finalRoute, null, 2).replace(/"(loadable[^"]*)"/g, "$1").replace(/"(lazy[^"]*)"/g, "$1")},`;
-    }
-  }
-  routeComponentsCode += `
-];`;
-  const importLoadingCode = loadings.map((loading, index2) => {
-    return `import loading_${index2} from '${loading}';
-`;
-  }).join("");
-  const importErrorComponentsCode = errors.map((error, index2) => {
-    return `import error_${index2} from '${error}';
-`;
-  }).join("");
-  let importLoadersCode = "";
-  for (const [key, loaderInfo] of Object.entries(loadersMap)) {
-    if (loaderInfo.inline) {
-      importLoadersCode += `import { loader as ${key} } from "${getDataLoaderPath(
-        key
-      )}${(0, import_utils.slash)(loaderInfo.filePath)}";
-`;
-    } else {
-      importLoadersCode += `import ${key} from "${getDataLoaderPath(
-        key
-      )}${(0, import_utils.slash)(loaderInfo.filePath)}";
-`;
-    }
-  }
-  yield import_utils.fs.ensureFile(loadersMapFile);
-  yield import_utils.fs.writeJSON(loadersMapFile, loadersMap);
-  return `
-    ${importLazyCode}
-    ${rootLayoutCode}
-    ${importLoadingCode}
-    ${importErrorComponentsCode}
-    ${importLoadersCode}
-    ${routeComponentsCode}
-  `;
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  fileSystemRoutes,
-  html,
-  index,
-  renderFunction,
-  routesForServer
-});