@modern-js/app-tools 2.0.0-beta.1 → 2.0.0-beta.3

package/dist/js/node/schema/legacy.js

@@ -0,0 +1,291 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _constants = require("@modern-js/utils/constants");
+var _Schema = require("./Schema");
+const source = {
+  entries: {
+    type: 'object',
+    patternProperties: {
+      [_constants.ENTRY_NAME_PATTERN]: {
+        if: {
+          type: 'object'
+        },
+        then: {
+          required: ['entry'],
+          properties: {
+            entry: {
+              type: ['string', 'array']
+            },
+            disableMount: {
+              type: 'boolean'
+            },
+            enableFileSystemRoutes: {
+              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: {
+      [_constants.ENTRY_NAME_PATTERN]: {
+        type: 'string'
+      }
+    }
+  },
+  title: {
+    type: 'string'
+  },
+  titleByEntries: {
+    type: 'object',
+    patternProperties: {
+      [_constants.ENTRY_NAME_PATTERN]: {
+        type: 'string'
+      }
+    }
+  },
+  meta: {
+    type: 'object'
+  },
+  metaByEntries: {
+    type: 'object',
+    patternProperties: {
+      [_constants.ENTRY_NAME_PATTERN]: {
+        type: 'object'
+      }
+    }
+  },
+  inject: {
+    enum: [true, 'head', 'body', false]
+  },
+  injectByEntries: {
+    type: 'object',
+    patternProperties: {
+      [_constants.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: {
+      [_constants.ENTRY_NAME_PATTERN]: {
+        type: 'object'
+      }
+    }
+  },
+  polyfill: {
+    type: 'string',
+    enum: ['usage', 'entry', 'off', 'ua']
+  },
+  cssModuleLocalIdentName: {
+    type: 'string'
+  },
+  federation: {
+    type: 'object'
+  },
+  disableNodePolyfill: {
+    type: 'boolean'
+  },
+  enableModernMode: {
+    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();
+schema.setSchema('bff', bff).setSchema('dev', dev).setSchema('server', server).setSchema('source', source).setSchema('output', output).setSchema('tools', tools).setSchema('deploy', deploy);
+var _default = schema;
+exports.default = _default;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _output = require("./output");
+Object.keys(_output).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _output[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _output[key];
+    }
+  });
+});

package/dist/js/node/types/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
+var _config = require("./config");
+Object.keys(_config).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _config[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _config[key];
+    }
+  });
+});
+var _legacyConfig = require("./legacyConfig");
+Object.keys(_legacyConfig).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _legacyConfig[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _legacyConfig[key];
+    }
+  });
+});

package/dist/js/node/types/legacyConfig/output.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/js/node/utils/config.js

@@ -70,7 +70,7 @@ const safeReplacer = () => {
 exports.safeReplacer = safeReplacer;
 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', _utils.OUTPUT_CONFIG_FILE);
+  const outputPath = path.join(appDirectory, ((_resolvedConfig$outpu = resolvedConfig.output.distPath) === null || _resolvedConfig$outpu === void 0 ? void 0 : _resolvedConfig$outpu.root) || './dist', _utils.OUTPUT_CONFIG_FILE);
   await _utils.fs.writeJSON(outputPath, resolvedConfig, {
     spaces: 2,
     replacer: safeReplacer()

package/dist/js/node/utils/createFileWatcher.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createFileWatcher = exports.addServerConfigToDeps = void 0;
+var _crypto = _interopRequireDefault(require("crypto"));
+var _fs = _interopRequireDefault(require("fs"));
+var _path = _interopRequireDefault(require("path"));
+var _utils = require("@modern-js/utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Get user config from package.json.
+ * @param appDirectory - App root directory.
+ * @returns modernConfig or undefined
+ */
+// FIXME: read package.json again;
+const getPackageConfig = (appDirectory, packageJsonConfig) => {
+  const PACKAGE_JSON_CONFIG_NAME = 'modernConfig';
+  const json = JSON.parse(_fs.default.readFileSync(_path.default.resolve(appDirectory, './package.json'), 'utf8'));
+  return json[packageJsonConfig !== null && packageJsonConfig !== void 0 ? packageJsonConfig : PACKAGE_JSON_CONFIG_NAME];
+};
+const addServerConfigToDeps = async (dependencies, appDirectory, serverConfigFile) => {
+  const serverConfig = await (0, _utils.getServerConfig)(appDirectory, serverConfigFile);
+  if (serverConfig) {
+    dependencies.push(serverConfig);
+  }
+};
+exports.addServerConfigToDeps = addServerConfigToDeps;
+const debug = (0, _utils.createDebugger)('watch-files');
+const md5 = data => _crypto.default.createHash('md5').update(data).digest('hex');
+const hashMap = new Map();
+const createFileWatcher = async (appContext, configDir, hooksRunner) => {
+  // only add fs watcher on dev mode.
+  if ((0, _utils.isDev)() || (0, _utils.isTest)()) {
+    const {
+      appDirectory,
+      configFile
+    } = appContext;
+    const extraFiles = await hooksRunner.watchFiles();
+    const configPath = _path.default.join(appDirectory, configDir);
+    const dependencies = getPackageConfig(appContext.appDirectory, appContext.packageName) ? [_path.default.resolve(appDirectory, './package.json')] : [];
+
+    // 将 server.config 加入到 loaded.dependencies，以便对文件监听做热更新
+    await addServerConfigToDeps(dependencies, appContext.appDirectory, appContext.serverConfigFile);
+    const watched = [`${configPath}/html`, ...extraFiles, ...dependencies, configFile].filter(Boolean);
+    debug(`watched: %o`, watched);
+    const watcher = _utils.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.default.readFileSync(_path.default.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.default.readFileSync(_path.default.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;
+  }
+};
+exports.createFileWatcher = createFileWatcher;

package/dist/js/node/utils/restart.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.restart = restart;
+var _core = require("@modern-js/core");
+var _utils = require("@modern-js/utils");
+async function restart(hooksRunner) {
+  _utils.logger.info('Restart...\n');
+  let hasGetError = false;
+  await hooksRunner.beforeRestart();
+  try {
+    await _core.cli.init(_core.cli.getPrevInitOptions());
+  } catch (err) {
+    console.error(err);
+    hasGetError = true;
+  } finally {
+    if (!hasGetError) {
+      _utils.program.parse(process.argv);
+    }
+  }
+}

package/dist/js/treeshaking/analyze/constants.js

@@ -4,6 +4,8 @@ export var APP_FILE_NAME = 'App';
 export var PAGES_DIR_NAME = 'pages';
 export var NESTED_ROUTES_DIR = 'routes';
 export var FILE_SYSTEM_ROUTES_FILE_NAME = 'routes.js';
+export var LOADER_EXPORT_NAME = 'loader';
+export var TEMP_LOADERS_DIR = '__loaders__';
 export var ENTRY_POINT_FILE_NAME = 'index.js';
 export var ENTRY_BOOTSTRAP_FILE_NAME = 'bootstrap.js';
 export var FILE_SYSTEM_ROUTES_DYNAMIC_REGEXP = /^\[(\S+)\]([*+?]?)$/;