@modern-js/app-tools 2.31.2 → 2.31.3-alpha.1

package/dist/js/modern/analyze/getServerRoutes.js

@@ -0,0 +1,175 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import path from "path";
+import fs from "fs";
+import {
+  urlJoin,
+  isPlainObject,
+  removeLeadingSlash,
+  getEntryOptions,
+  SERVER_BUNDLE_DIRECTORY,
+  MAIN_ENTRY_NAME,
+  removeTailSlash
+} from "@modern-js/utils";
+import { walkDirectory } from "./utils";
+const applyBaseUrl = (baseUrl, routes) => {
+  if (baseUrl) {
+    if (Array.isArray(baseUrl)) {
+      return baseUrl.reduce(
+        (previous, current) => [...previous, ...applyBaseUrl(current, routes)],
+        []
+      );
+    } else {
+      return routes.map((route) => {
+        const urlPath = urlJoin(baseUrl, route.urlPath);
+        return __spreadProps(__spreadValues({}, route), {
+          urlPath: urlPath === "/" ? urlPath : removeTailSlash(urlPath)
+        });
+      });
+    }
+  }
+  return routes;
+};
+const applyRouteOptions = (original, routeOptions) => {
+  const { route, disableSpa } = routeOptions;
+  original.isSPA = !disableSpa;
+  !original.isSPA && (original.entryPath = path.dirname(original.entryPath));
+  let routes;
+  if (route) {
+    if (Array.isArray(route)) {
+      routes = route.map((url) => {
+        if (isPlainObject(url)) {
+          const _a2 = url, { path: urlPath } = _a2, other = __objRest(_a2, ["path"]);
+          return __spreadProps(__spreadValues(__spreadValues({}, original), other), {
+            urlPath
+          });
+        } else {
+          return __spreadProps(__spreadValues({}, original), {
+            urlPath: url
+          });
+        }
+      });
+    } else if (isPlainObject(route)) {
+      const _a = route, { path: urlPath } = _a, other = __objRest(_a, ["path"]);
+      routes = [
+        __spreadProps(__spreadValues(__spreadValues({}, original), other), {
+          urlPath
+        })
+      ];
+    } else {
+      routes = [
+        __spreadProps(__spreadValues({}, original), {
+          urlPath: route
+        })
+      ];
+    }
+  } else {
+    routes = [original];
+  }
+  return routes;
+};
+const collectHtmlRoutes = (entrypoints, appContext, config) => {
+  const {
+    html: { disableHtmlFolder },
+    output: { distPath: { html: htmlPath } = {} },
+    server: { baseUrl, routes, ssr, ssrByEntries }
+  } = config;
+  const { packageName } = appContext;
+  let htmlRoutes = entrypoints.reduce(
+    (previous, { entryName }) => {
+      const entryOptions = getEntryOptions(
+        entryName,
+        ssr,
+        ssrByEntries,
+        packageName
+      );
+      const isSSR = Boolean(entryOptions);
+      const { resHeaders } = (routes == null ? void 0 : routes[entryName]) || {};
+      let route = {
+        urlPath: `/${entryName === MAIN_ENTRY_NAME ? "" : entryName}`,
+        entryName,
+        entryPath: removeLeadingSlash(
+          path.posix.normalize(
+            `${htmlPath}/${entryName}${disableHtmlFolder ? ".html" : "/index.html"}`
+          )
+        ),
+        isSPA: true,
+        isSSR,
+        responseHeaders: resHeaders,
+        bundle: isSSR ? `${SERVER_BUNDLE_DIRECTORY}/${entryName}.js` : void 0
+      };
+      if (routes == null ? void 0 : routes.hasOwnProperty(entryName)) {
+        const routeOptions = isPlainObject(routes[entryName]) ? routes[entryName] : { route: routes[entryName] };
+        route = applyRouteOptions(route, routeOptions);
+      }
+      return Array.isArray(route) ? [...previous, ...route] : [...previous, route];
+    },
+    []
+  );
+  htmlRoutes = applyBaseUrl(baseUrl, htmlRoutes);
+  return htmlRoutes;
+};
+const collectStaticRoutes = (appContext, config) => {
+  const { appDirectory } = appContext;
+  const {
+    source: { configDir },
+    server: { publicRoutes = {} }
+  } = config;
+  const publicFolder = path.resolve(appDirectory, configDir || "", "public");
+  return fs.existsSync(publicFolder) ? walkDirectory(publicFolder).map((filePath) => {
+    const urlPath = `${urlJoin(
+      toPosix(filePath).slice(toPosix(publicFolder).length)
+    )}`;
+    return {
+      urlPath: publicRoutes[removeLeadingSlash(urlPath)] || urlPath,
+      isSPA: true,
+      isSSR: false,
+      entryPath: toPosix(
+        path.relative(
+          path.resolve(appDirectory, configDir || ""),
+          filePath
+        )
+      )
+    };
+  }) : [];
+};
+const getServerRoutes = (entrypoints, {
+  appContext,
+  config
+}) => [
+  ...collectHtmlRoutes(entrypoints, appContext, config),
+  ...collectStaticRoutes(appContext, config)
+];
+const toPosix = (pathStr) => pathStr.split(path.sep).join(path.posix.sep);
+export {
+  getServerRoutes
+};

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

@@ -0,0 +1,332 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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 __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());
+  });
+};
+import * as path from "path";
+import {
+  createDebugger,
+  findExists,
+  fs,
+  getEntryOptions,
+  isApiOnly,
+  minimist,
+  getCommand,
+  isDevCommand
+} from "@modern-js/utils";
+import { cloneDeep } from "@modern-js/utils/lodash";
+import { createBuilderForModern } from "../builder";
+import { printInstructions } from "../utils/printInstructions";
+import { generateRoutes } from "../utils/routes";
+import { emitResolvedConfig } from "../utils/config";
+import { getSelectedEntries } from "../utils/getSelectedEntries";
+import { initialNormalizedConfig } from "../config";
+import {
+  getServerLoadersFile,
+  isPageComponentFile,
+  parseModule,
+  replaceWithAlias
+} from "./utils";
+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",
+  setup: (api) => {
+    let pagesDir = [];
+    let nestedRouteEntries = [];
+    let originEntrypoints = [];
+    return {
+      prepare() {
+        return __async(this, null, function* () {
+          var _a2;
+          let appContext = api.useAppContext();
+          const resolvedConfig = api.useResolvedConfigContext();
+          const hookRunners = api.useHookRunners();
+          try {
+            fs.emptydirSync(appContext.internalDirectory);
+          } catch (e) {
+          }
+          const apiOnly = yield isApiOnly(
+            appContext.appDirectory,
+            (_a2 = resolvedConfig.source) == null ? void 0 : _a2.entriesDir
+          );
+          yield hookRunners.addRuntimeExports();
+          if (apiOnly) {
+            const { routes: routes2 } = yield hookRunners.modifyServerRoutes({
+              routes: []
+            });
+            debug(`server routes: %o`, routes2);
+            appContext = __spreadProps(__spreadValues({}, appContext), {
+              apiOnly,
+              serverRoutes: routes2
+            });
+            api.setAppContext(appContext);
+            return;
+          }
+          const [
+            { getBundleEntry },
+            { getServerRoutes },
+            { generateCode },
+            { getHtmlTemplate }
+          ] = yield Promise.all([
+            import("./getBundleEntry"),
+            import("./getServerRoutes"),
+            import("./generateCode"),
+            import("./getHtmlTemplate")
+          ]);
+          const entrypoints = getBundleEntry(appContext, resolvedConfig);
+          debug(`entrypoints: %o`, entrypoints);
+          const initialRoutes = getServerRoutes(entrypoints, {
+            appContext,
+            config: resolvedConfig
+          });
+          const { routes } = yield hookRunners.modifyServerRoutes({
+            routes: initialRoutes
+          });
+          debug(`server routes: %o`, routes);
+          appContext = __spreadProps(__spreadValues({}, appContext), {
+            entrypoints,
+            serverRoutes: routes
+          });
+          api.setAppContext(appContext);
+          nestedRouteEntries = entrypoints.map((point) => point.nestedRoutesEntry).filter(Boolean);
+          pagesDir = entrypoints.map((point) => point.entry).filter(Boolean).concat(nestedRouteEntries);
+          originEntrypoints = cloneDeep(entrypoints);
+          yield generateCode(appContext, resolvedConfig, entrypoints, api);
+          const htmlTemplates = yield getHtmlTemplate(entrypoints, api, {
+            appContext,
+            config: resolvedConfig
+          });
+          debug(`html templates: %o`, htmlTemplates);
+          yield hookRunners.addDefineTypes();
+          debug(`add Define Types`);
+          let checkedEntries = entrypoints.map((point) => point.entryName);
+          if (isDevCommand()) {
+            const { entry } = minimist(process.argv.slice(2));
+            checkedEntries = yield getSelectedEntries(
+              typeof entry === "string" ? entry.split(",") : entry,
+              entrypoints
+            );
+          }
+          appContext = __spreadProps(__spreadValues({}, appContext), {
+            entrypoints,
+            checkedEntries,
+            apiOnly,
+            serverRoutes: routes,
+            htmlTemplates
+          });
+          api.setAppContext(appContext);
+          const command = getCommand();
+          const buildCommands = ["dev", "start", "build", "inspect", "deploy"];
+          if (buildCommands.includes(command)) {
+            let _b;
+            const normalizedConfig = api.useResolvedConfigContext();
+            const builder = yield createBuilderForModern({
+              normalizedConfig,
+              appContext,
+              compatPluginConfig: {
+                onBeforeBuild(_0) {
+                  return __async(this, arguments, function* ({ bundlerConfigs }) {
+                    const hookRunners2 = api.useHookRunners();
+                    yield generateRoutes(appContext);
+                    yield hookRunners2.beforeBuild({ bundlerConfigs });
+                  });
+                },
+                onAfterBuild(_0) {
+                  return __async(this, arguments, function* ({ stats }) {
+                    const hookRunners2 = api.useHookRunners();
+                    yield hookRunners2.afterBuild({ stats });
+                    yield emitResolvedConfig(
+                      appContext.appDirectory,
+                      normalizedConfig
+                    );
+                  });
+                },
+                onDevCompileDone(_0) {
+                  return __async(this, arguments, function* ({ isFirstCompile }) {
+                    const hookRunners2 = api.useHookRunners();
+                    if (process.stdout.isTTY || isFirstCompile) {
+                      hookRunners2.afterDev();
+                      if (isFirstCompile) {
+                        printInstructions(
+                          hookRunners2,
+                          appContext,
+                          normalizedConfig
+                        );
+                      }
+                    }
+                  });
+                },
+                onBeforeCreateCompiler(_0) {
+                  return __async(this, arguments, function* ({ bundlerConfigs }) {
+                    const hookRunners2 = api.useHookRunners();
+                    yield hookRunners2.beforeCreateCompiler({
+                      bundlerConfigs
+                    });
+                  });
+                },
+                onAfterCreateCompiler(_0) {
+                  return __async(this, arguments, function* ({ compiler }) {
+                    const hookRunners2 = api.useHookRunners();
+                    yield hookRunners2.afterCreateCompiler({ compiler });
+                  });
+                }
+              }
+            });
+            builder.addPlugins(resolvedConfig.builderPlugins);
+            appContext = __spreadProps(__spreadValues({}, appContext), {
+              builder
+            });
+            api.setAppContext(appContext);
+          }
+        });
+      },
+      watchFiles() {
+        return pagesDir;
+      },
+      config() {
+        return {
+          tools: {
+            webpackChain: (chain, { name }) => {
+              const appContext = api.useAppContext();
+              const resolvedConfig = api.useResolvedConfigContext();
+              const { entrypoints, internalDirectory, packageName } = appContext;
+              entrypoints.forEach((entrypoint) => {
+                const { entryName } = entrypoint;
+                const ssr = getEntryOptions(
+                  entryName,
+                  resolvedConfig.server.ssr,
+                  resolvedConfig.server.ssrByEntries,
+                  packageName
+                );
+                if (entrypoint.nestedRoutesEntry && ssr && name === "server") {
+                  const serverLoadersFile = getServerLoadersFile(
+                    internalDirectory,
+                    entryName
+                  );
+                  chain.entry(`${entryName}-server-loaders`).add(serverLoadersFile);
+                }
+              });
+            }
+          }
+        };
+      },
+      resolvedConfig({ resolved }) {
+        const appContext = api.useAppContext();
+        const config = initialNormalizedConfig(resolved, appContext);
+        return {
+          resolved: config
+        };
+      },
+      modifyEntryImports(_0) {
+        return __async(this, arguments, function* ({ entrypoint, imports }) {
+          const appContext = api.useAppContext();
+          const { srcDirectory, internalSrcAlias } = appContext;
+          const { fileSystemRoutes, nestedRoutesEntry } = entrypoint;
+          if (fileSystemRoutes && nestedRoutesEntry) {
+            const rootLayoutPath = path.join(nestedRoutesEntry, "layout");
+            const rootLayoutFile = 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,
+                internalSrcAlias
+              );
+              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
+          };
+        });
+      },
+      fileChange(e) {
+        return __async(this, null, function* () {
+          const appContext = api.useAppContext();
+          const { appDirectory } = appContext;
+          const { filename, eventType } = e;
+          const isPageFile = (name) => pagesDir.some((pageDir) => name.includes(pageDir));
+          const absoluteFilePath = path.resolve(appDirectory, filename);
+          const isRouteComponent = isPageFile(absoluteFilePath) && isPageComponentFile(absoluteFilePath);
+          if (isRouteComponent && (eventType === "add" || eventType === "unlink")) {
+            const resolvedConfig = api.useResolvedConfigContext();
+            const { generateCode } = yield import("./generateCode");
+            const entrypoints = cloneDeep(originEntrypoints);
+            generateCode(appContext, resolvedConfig, entrypoints, api);
+          }
+        });
+      }
+    };
+  }
+});
+export {
+  analyze_default as default
+};

package/dist/js/modern/analyze/isDefaultExportFunction.js

@@ -0,0 +1,42 @@
+import fs from "fs";
+import { parse } from "@babel/parser";
+import traverse from "@babel/traverse";
+import * as t from "@babel/types";
+const isFunction = (node) => t.isFunctionDeclaration(node) || t.isFunctionExpression(node) || t.isArrowFunctionExpression(node);
+const isDefaultExportFunction = (file) => {
+  if (!file || !fs.existsSync(file)) {
+    return false;
+  }
+  const ast = parse(fs.readFileSync(file, "utf8"), {
+    sourceType: "unambiguous",
+    plugins: [
+      "jsx",
+      "typescript",
+      "classProperties",
+      "dynamicImport",
+      "exportDefaultFrom",
+      "exportNamespaceFrom",
+      "decorators-legacy",
+      "functionBind",
+      "classPrivateMethods",
+      ["pipelineOperator", { proposal: "minimal" }],
+      "optionalChaining",
+      "optionalCatchBinding",
+      "objectRestSpread",
+      "numericSeparator"
+    ]
+  });
+  let isExportFunction = false;
+  traverse(ast, {
+    ExportDefaultDeclaration: (path) => {
+      const { declaration } = path.node;
+      if (isFunction(declaration)) {
+        isExportFunction = true;
+      }
+    }
+  });
+  return isExportFunction;
+};
+export {
+  isDefaultExportFunction
+};

package/dist/js/modern/analyze/makeLegalIdentifier.js

@@ -0,0 +1,13 @@
+const reservedWords = "break case class catch const continue debugger default delete do else export extends finally for function if import in instanceof let new return super switch this throw try typeof var void while with yield enum await implements package protected static interface private public";
+const builtins = "arguments Infinity NaN undefined null true false eval uneval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Symbol Error EvalError InternalError RangeError ReferenceError SyntaxError TypeError URIError Number Math Date String RegExp Array Int8Array Uint8Array Uint8ClampedArray Int16Array Uint16Array Int32Array Uint32Array Float32Array Float64Array Map Set WeakMap WeakSet SIMD ArrayBuffer DataView JSON Promise Generator GeneratorFunction Reflect Proxy Intl";
+const forbidList = new Set(`${reservedWords} ${builtins}`.split(" "));
+function makeLegalIdentifier(str) {
+  const identifier = str.replace(/-(\w)/g, (_, letter) => letter.toUpperCase()).replace(/[^$_a-zA-Z0-9]/g, "_");
+  if (/\d/.test(identifier[0]) || forbidList.has(identifier)) {
+    return `_${identifier}`;
+  }
+  return identifier || "_";
+}
+export {
+  makeLegalIdentifier
+};