@modern-js/app-tools 2.35.0 → 2.35.2-alpha.0

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
+};

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

@@ -0,0 +1,157 @@
+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 { fs, getRouteId } from "@modern-js/utils";
+import { JS_EXTENSIONS, NESTED_ROUTE } from "./constants";
+import { replaceWithAlias } from "./utils";
+const conventionNames = Object.values(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 = 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;
+  if (!(yield fs.pathExists(dirname))) {
+    return null;
+  }
+  const isDirectory = (yield 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;
+  const items = yield 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 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 && (!JS_EXTENSIONS.includes(extname) || !conventionNames.includes(itemWithoutExt))) {
+      continue;
+    }
+    if (itemWithoutExt === NESTED_ROUTE.LAYOUT_LOADER_FILE) {
+      if (!route.loader) {
+        route.loader = itemPath;
+      }
+    }
+    if (itemWithoutExt === NESTED_ROUTE.LAYOUT_FILE) {
+      route._component = replaceWithAlias(alias.basename, itemPath, alias.name);
+    }
+    if (itemWithoutExt === NESTED_ROUTE.PAGE_LOADER_FILE) {
+      pageLoaderFile = itemPath;
+    }
+    if (itemWithoutExt === NESTED_ROUTE.PAGE_FILE) {
+      pageRoute = createIndexRoute(
+        {
+          _component: 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 === NESTED_ROUTE.LOADING_FILE) {
+      route.loading = replaceWithAlias(alias.basename, itemPath, alias.name);
+    }
+    if (itemWithoutExt === NESTED_ROUTE.ERROR_FILE) {
+      route.error = replaceWithAlias(alias.basename, itemPath, alias.name);
+    }
+  }
+  const finalRoute = createRoute(
+    route,
+    rootDir,
+    path.join(dirname, `${NESTED_ROUTE.LAYOUT_FILE}.ts`),
+    entryName
+  );
+  if (isPathlessLayout) {
+    delete finalRoute.path;
+  }
+  route.children = (_c = route.children) == null ? void 0 : _c.filter((childRoute) => childRoute);
+  if (route.children && route.children.length === 0 && !route.index) {
+    return null;
+  }
+  return finalRoute;
+});
+export {
+  walk
+};