@modern-js/app-tools 1.22.1 → 2.0.0-alpha.0

package/dist/js/modern/schema/index.js

@@ -0,0 +1,88 @@
+import { ENTRY_NAME_PATTERN } from "@modern-js/utils/constants";
+import { Schema } from "./Schema";
+const source = {
+  entries: {
+    type: "object",
+    patternProperties: {
+      [ENTRY_NAME_PATTERN]: {
+        if: { type: "object" },
+        then: {
+          required: ["entry"],
+          properties: {
+            entry: { type: ["string", "array"] },
+            disableMount: { type: "boolean" },
+            customBootstrap: { type: "string" }
+          },
+          additionalProperties: false
+        },
+        else: { type: ["string", "array"] }
+      }
+    }
+  },
+  enableAsyncEntry: { type: "boolean" },
+  disableDefaultEntries: { type: "boolean" },
+  entriesDir: { type: "string" },
+  disableEntryDirs: { type: "array" },
+  configDir: { type: "string" },
+  designSystem: { type: "object" }
+};
+const bff = {
+  prefix: {
+    type: "string"
+  },
+  proxy: {
+    type: "object",
+    additionalProperties: {
+      type: "string"
+    }
+  }
+};
+const output = {
+  ssg: { typeof: ["boolean", "object", "function"] },
+  disableNodePolyfill: { type: "boolean" }
+};
+const dev = {};
+const server = {
+  routes: { type: "object" },
+  publicRoutes: { type: "object" },
+  ssr: {
+    type: ["boolean", "object"]
+  },
+  ssrByEntries: { type: "object" },
+  baseUrl: {
+    anyOf: [
+      {
+        type: "string"
+      },
+      {
+        type: "array",
+        items: {
+          type: "string"
+        }
+      }
+    ]
+  },
+  port: { type: "number" },
+  logger: { type: ["boolean", "object"] },
+  metrics: { type: ["boolean", "object"] },
+  enableMicroFrontendDebug: { type: "boolean" },
+  watchOptions: { type: "object" },
+  compiler: { type: "string" },
+  disableFrameworkExt: { type: "boolean" }
+};
+const tools = {
+  tailwindcss: { type: "object" },
+  jest: { typeof: ["object", "function"] },
+  esbuild: { typeof: ["object"] }
+};
+const deploy = {
+  microFrontend: { type: ["boolean", "object"] }
+};
+const builderPlugins = { type: "array" };
+const schema = new Schema();
+schema.setSchema("bff", bff).setSchema("dev", dev).setSchema("server", server).setSchema("source", source).setSchema("output", output).setSchema("tools", tools).setSchema("deploy", deploy).set("builderPlugin", builderPlugins);
+import { default as default2 } from "./legacy";
+export {
+  default2 as legacySchema,
+  schema
+};

package/dist/js/modern/schema/legacy.js

@@ -0,0 +1,148 @@
+import { ENTRY_NAME_PATTERN } from "@modern-js/utils/constants";
+import { Schema } from "./Schema";
+const source = {
+  entries: {
+    type: "object",
+    patternProperties: {
+      [ENTRY_NAME_PATTERN]: {
+        if: { type: "object" },
+        then: {
+          required: ["entry"],
+          properties: {
+            entry: { type: ["string", "array"] },
+            disableMount: { type: "boolean" }
+          },
+          additionalProperties: false
+        },
+        else: { type: ["string", "array"] }
+      }
+    }
+  },
+  preEntry: { type: ["string", "array"] },
+  alias: { typeof: ["object", "function"] },
+  enableAsyncEntry: { type: "boolean" },
+  disableDefaultEntries: { type: "boolean" },
+  envVars: { type: "array" },
+  globalVars: { type: "object" },
+  moduleScopes: { instanceof: ["Array", "Function"] },
+  entriesDir: { type: "string" },
+  configDir: { type: "string" },
+  include: { type: ["array"] }
+};
+const output = {
+  assetPrefix: { type: "string" },
+  path: { type: "string" },
+  jsPath: { type: "string" },
+  cssPath: { type: "string" },
+  htmlPath: { type: "string" },
+  mediaPath: { type: "string" },
+  mountId: { type: "string" },
+  favicon: { type: "string" },
+  faviconByEntries: {
+    type: "object",
+    patternProperties: { [ENTRY_NAME_PATTERN]: { type: "string" } }
+  },
+  title: { type: "string" },
+  titleByEntries: {
+    type: "object",
+    patternProperties: { [ENTRY_NAME_PATTERN]: { type: "string" } }
+  },
+  meta: { type: "object" },
+  metaByEntries: {
+    type: "object",
+    patternProperties: { [ENTRY_NAME_PATTERN]: { type: "object" } }
+  },
+  inject: { enum: [true, "head", "body", false] },
+  injectByEntries: {
+    type: "object",
+    patternProperties: {
+      [ENTRY_NAME_PATTERN]: { enum: [true, "head", "body", false] }
+    }
+  },
+  copy: { type: "array" },
+  scriptExt: { type: "object" },
+  disableTsChecker: { type: "boolean" },
+  disableHtmlFolder: { type: "boolean" },
+  disableCssModuleExtension: { type: "boolean" },
+  disableCssExtract: { type: "boolean" },
+  enableCssModuleTSDeclaration: { type: "boolean" },
+  disableMinimize: { type: "boolean" },
+  enableInlineStyles: { type: "boolean" },
+  enableInlineScripts: { type: "boolean" },
+  disableSourceMap: { type: "boolean" },
+  disableInlineRuntimeChunk: { type: "boolean" },
+  disableAssetsCache: { type: "boolean" },
+  enableLatestDecorators: { type: "boolean" },
+  enableTsLoader: { type: "boolean" },
+  dataUriLimit: { type: "number" },
+  templateParameters: { type: "object" },
+  templateParametersByEntries: {
+    type: "object",
+    patternProperties: { [ENTRY_NAME_PATTERN]: { type: "object" } }
+  },
+  polyfill: {
+    type: "string",
+    enum: ["usage", "entry", "off", "ua"]
+  },
+  cssModuleLocalIdentName: { type: "string" },
+  federation: { type: "object" },
+  disableNodePolyfill: { type: "boolean" }
+};
+const server = {
+  routes: { type: "object" },
+  publicRoutes: { type: "object" },
+  ssr: {
+    type: ["boolean", "object"]
+  },
+  ssrByEntries: { type: "object" },
+  baseUrl: {
+    anyOf: [
+      {
+        type: "string"
+      },
+      {
+        type: "array",
+        items: {
+          type: "string"
+        }
+      }
+    ]
+  },
+  port: { type: "number" },
+  logger: { type: ["boolean", "object"] },
+  metrics: { type: ["boolean", "object"] },
+  enableMicroFrontendDebug: { type: "boolean" },
+  watchOptions: { type: "object" },
+  compiler: { type: "string" },
+  disableFrameworkExt: { type: "boolean" }
+};
+const dev = {
+  proxy: {
+    type: ["boolean", "object"]
+  }
+};
+const deploy = {
+  microFrontend: { type: ["boolean", "object"] }
+};
+const tools = {
+  tailwindcss: { type: "object" },
+  jest: { typeof: ["object", "function"] },
+  esbuild: { typeof: ["object"] }
+};
+const bff = {
+  prefix: {
+    type: "string"
+  },
+  proxy: {
+    type: "object",
+    additionalProperties: {
+      type: "string"
+    }
+  }
+};
+const schema = new Schema();
+schema.setSchema("bff", bff).setSchema("dev", dev).setSchema("server", server).setSchema("source", source).setSchema("output", output).setSchema("tools", tools).setSchema("deploy", deploy);
+var legacy_default = schema;
+export {
+  legacy_default as default
+};

package/dist/js/modern/types/config/index.js

@@ -0,0 +1 @@
+export * from "./output";

package/dist/js/modern/types/index.js

@@ -0,0 +1,3 @@
+export * from "./hooks";
+export * from "./config";
+export * from "./legacyConfig";

package/dist/js/modern/utils/commands.js

@@ -0,0 +1,13 @@
+const getCommand = () => {
+  const args = process.argv.slice(2);
+  const command = args[0];
+  return command;
+};
+const isDevCommand = () => {
+  const command = getCommand();
+  return command === "dev" || command === "start";
+};
+export {
+  getCommand,
+  isDevCommand
+};

package/dist/js/modern/utils/config.js

@@ -1,78 +1,128 @@
-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 { bundle } from '@modern-js/node-bundle-require';
-import { CONFIG_FILE_EXTENSIONS, fs, getServerConfig, OUTPUT_CONFIG_FILE } from '@modern-js/utils';
-export const defineServerConfig = config => config;
-export const buildServerConfig = async ({
+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 { bundle } from "@modern-js/node-bundle-require";
+import {
+  CONFIG_FILE_EXTENSIONS,
+  fs,
+  getServerConfig,
+  OUTPUT_CONFIG_FILE
+} from "@modern-js/utils";
+const defineServerConfig = (config) => config;
+const buildServerConfig = (_0) => __async(void 0, [_0], function* ({
   appDirectory,
   distDirectory,
   configFile,
   options
-}) => {
-  const configFilePath = await getServerConfig(appDirectory, configFile);
-
-  const getOutputFile = async filepath => path.resolve(distDirectory, `${filepath.replace(new RegExp(CONFIG_FILE_EXTENSIONS.join('|')), '')}.js`);
-
+}) {
+  const configFilePath = yield getServerConfig(appDirectory, configFile);
+  const getOutputFile = (filepath) => __async(void 0, null, function* () {
+    return path.resolve(
+      distDirectory,
+      `${filepath.replace(
+        new RegExp(CONFIG_FILE_EXTENSIONS.join("|")),
+        ""
+      )}.js`
+    );
+  });
   if (configFilePath) {
-    const configHelperFilePath = path.normalize(path.join(distDirectory, './config-helper.js'));
+    const configHelperFilePath = path.normalize(
+      path.join(distDirectory, "./config-helper.js")
+    );
     const helperCode = `
       export const defineConfig = (config) => config;
     `;
-    await fs.ensureDir(distDirectory);
-    await fs.writeFile(configHelperFilePath, helperCode);
-    await bundle(configFilePath, _objectSpread(_objectSpread({}, options), {}, {
+    yield fs.ensureDir(distDirectory);
+    yield fs.writeFile(configHelperFilePath, helperCode);
+    yield bundle(configFilePath, __spreadProps(__spreadValues({}, options), {
       getOutputFile,
-      esbuildPlugins: [{
-        name: 'native-build-config',
-
-        setup(ctx) {
-          ctx.onResolve({
-            filter: /app-tools\/server/
-          }, () => {
-            return {
-              path: configHelperFilePath
-            };
-          });
+      esbuildPlugins: [
+        {
+          name: "native-build-config",
+          setup(ctx) {
+            ctx.onResolve(
+              {
+                filter: /app-tools\/server/
+              },
+              () => {
+                return {
+                  path: configHelperFilePath
+                };
+              }
+            );
+          }
         }
-
-      }]
+      ]
     }));
   }
-};
-/**
- *
- * 处理循环引用的 replacer
- */
-
-export const safeReplacer = () => {
+});
+const safeReplacer = () => {
   const cache = [];
   const keyCache = [];
-  return function (key, value) {
-    if (typeof value === 'object' && value !== null) {
+  return function(key, value) {
+    if (typeof value === "object" && value !== null) {
       const index = cache.indexOf(value);
-
       if (index !== -1) {
         return `[Circular ${keyCache[index]}]`;
       }
-
       cache.push(value);
-      keyCache.push(key || 'root');
+      keyCache.push(key || "root");
     }
-
     return value;
   };
 };
-export const emitResolvedConfig = async (appDirectory, resolvedConfig) => {
-  var _resolvedConfig$outpu;
-
-  const outputPath = path.join(appDirectory, (resolvedConfig === null || resolvedConfig === void 0 ? void 0 : (_resolvedConfig$outpu = resolvedConfig.output) === null || _resolvedConfig$outpu === void 0 ? void 0 : _resolvedConfig$outpu.path) || './dist', OUTPUT_CONFIG_FILE);
-  await fs.writeJSON(outputPath, resolvedConfig, {
+const emitResolvedConfig = (appDirectory, resolvedConfig) => __async(void 0, null, function* () {
+  var _a;
+  const outputPath = path.join(
+    appDirectory,
+    ((_a = resolvedConfig.output.distPath) == null ? void 0 : _a.root) || "./dist",
+    OUTPUT_CONFIG_FILE
+  );
+  yield fs.writeJSON(outputPath, resolvedConfig, {
     spaces: 2,
     replacer: safeReplacer()
   });
-};
+});
+export {
+  buildServerConfig,
+  defineServerConfig,
+  emitResolvedConfig,
+  safeReplacer
+};

package/dist/js/modern/utils/createFileWatcher.js

@@ -0,0 +1,115 @@
+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 crypto from "crypto";
+import fs from "fs";
+import path from "path";
+import {
+  isDev,
+  chokidar,
+  createDebugger,
+  isTest,
+  getServerConfig
+} from "@modern-js/utils";
+const getPackageConfig = (appDirectory, packageJsonConfig) => {
+  const PACKAGE_JSON_CONFIG_NAME = "modernConfig";
+  const json = JSON.parse(
+    fs.readFileSync(path.resolve(appDirectory, "./package.json"), "utf8")
+  );
+  return json[packageJsonConfig != null ? packageJsonConfig : PACKAGE_JSON_CONFIG_NAME];
+};
+const addServerConfigToDeps = (dependencies, appDirectory, serverConfigFile) => __async(void 0, null, function* () {
+  const serverConfig = yield getServerConfig(appDirectory, serverConfigFile);
+  if (serverConfig) {
+    dependencies.push(serverConfig);
+  }
+});
+const debug = createDebugger("watch-files");
+const md5 = (data) => crypto.createHash("md5").update(data).digest("hex");
+const hashMap = /* @__PURE__ */ new Map();
+const createFileWatcher = (appContext, configDir, hooksRunner) => __async(void 0, null, function* () {
+  if (isDev() || isTest()) {
+    const { appDirectory, configFile } = appContext;
+    const extraFiles = yield hooksRunner.watchFiles();
+    const configPath = path.join(appDirectory, configDir);
+    const dependencies = getPackageConfig(
+      appContext.appDirectory,
+      appContext.packageName
+    ) ? [path.resolve(appDirectory, "./package.json")] : [];
+    yield addServerConfigToDeps(
+      dependencies,
+      appContext.appDirectory,
+      appContext.serverConfigFile
+    );
+    const watched = [
+      `${configPath}/html`,
+      ...extraFiles,
+      ...dependencies,
+      configFile
+    ].filter(Boolean);
+    debug(`watched: %o`, watched);
+    const watcher = chokidar.watch(watched, {
+      cwd: appDirectory,
+      ignoreInitial: true,
+      ignorePermissionErrors: true,
+      ignored: [
+        /node_modules/,
+        "**/__test__/**",
+        "**/*.test.(js|jsx|ts|tsx)",
+        "**/*.spec.(js|jsx|ts|tsx)",
+        "**/*.stories.(js|jsx|ts|tsx)"
+      ]
+    });
+    watcher.on("change", (changed) => {
+      const lastHash = hashMap.get(changed);
+      const currentHash = md5(
+        fs.readFileSync(path.join(appDirectory, changed), "utf8")
+      );
+      if (currentHash !== lastHash) {
+        debug(`file change: %s`, changed);
+        hashMap.set(changed, currentHash);
+        hooksRunner.fileChange({ filename: changed, eventType: "change" });
+      }
+    });
+    watcher.on("add", (name) => {
+      debug(`add file: %s`, name);
+      const currentHash = md5(
+        fs.readFileSync(path.join(appDirectory, name), "utf8")
+      );
+      hashMap.set(name, currentHash);
+      hooksRunner.fileChange({ filename: name, eventType: "add" });
+    });
+    watcher.on("unlink", (name) => {
+      debug(`remove file: %s`, name);
+      if (hashMap.has(name)) {
+        hashMap.delete(name);
+      }
+      hooksRunner.fileChange({ filename: name, eventType: "unlink" });
+    });
+    watcher.on("error", (err) => {
+      throw err;
+    });
+    return watcher;
+  }
+});
+export {
+  addServerConfigToDeps,
+  createFileWatcher
+};

package/dist/js/modern/utils/createServer.js

@@ -1,18 +1,75 @@
-import { Server } from '@modern-js/server';
+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 { Server } from "@modern-js/server";
 let server = null;
-export const getServer = () => server;
-export const closeServer = async () => {
+const getServer = () => server;
+const setServer = (newServer) => {
+  server = newServer;
+};
+const closeServer = () => __async(void 0, null, function* () {
   if (server) {
-    await server.close();
+    yield server.close();
     server = null;
   }
-};
-export const createServer = async options => {
+});
+const createServer = (options) => __async(void 0, null, function* () {
   if (server) {
-    await server.close();
+    yield server.close();
   }
-
   server = new Server(options);
-  const app = await server.init();
+  const app = yield server.init();
   return app;
-};
+});
+const injectDataLoaderPlugin = (internalPlugins) => {
+  const DataLoaderPlugin = require.resolve("@modern-js/plugin-data-loader/server");
+  return __spreadProps(__spreadValues({}, internalPlugins), {
+    "@modern-js/plugin-data-loader": {
+      path: DataLoaderPlugin,
+      forced: true
+    }
+  });
+};
+export {
+  closeServer,
+  createServer,
+  getServer,
+  injectDataLoaderPlugin,
+  setServer
+};