@modern-js/app-tools 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/js/treeshaking/schema/legacy.js

@@ -0,0 +1,273 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { ENTRY_NAME_PATTERN } from '@modern-js/utils/constants';
+import { Schema } from "./Schema";
+var source = {
+  entries: {
+    type: 'object',
+    patternProperties: _defineProperty({}, 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']
+  }
+};
+var 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: _defineProperty({}, ENTRY_NAME_PATTERN, {
+      type: 'string'
+    })
+  },
+  title: {
+    type: 'string'
+  },
+  titleByEntries: {
+    type: 'object',
+    patternProperties: _defineProperty({}, ENTRY_NAME_PATTERN, {
+      type: 'string'
+    })
+  },
+  meta: {
+    type: 'object'
+  },
+  metaByEntries: {
+    type: 'object',
+    patternProperties: _defineProperty({}, ENTRY_NAME_PATTERN, {
+      type: 'object'
+    })
+  },
+  inject: {
+    "enum": [true, 'head', 'body', false]
+  },
+  injectByEntries: {
+    type: 'object',
+    patternProperties: _defineProperty({}, 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: _defineProperty({}, 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'
+  }
+};
+var 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'
+  }
+};
+var dev = {
+  proxy: {
+    type: ['boolean', 'object']
+  }
+};
+var deploy = {
+  microFrontend: {
+    type: ['boolean', 'object']
+  }
+};
+var tools = {
+  tailwindcss: {
+    type: 'object'
+  },
+  jest: {
+    "typeof": ['object', 'function']
+  },
+  esbuild: {
+    "typeof": ['object']
+  }
+};
+var bff = {
+  prefix: {
+    type: 'string'
+  },
+  proxy: {
+    type: 'object',
+    additionalProperties: {
+      type: 'string'
+    }
+  }
+};
+var 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);
+export default schema;

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

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

package/dist/js/treeshaking/types/index.js

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

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

@@ -0,0 +1 @@
+export {};

package/dist/js/treeshaking/utils/config.js

@@ -18,10 +18,8 @@ export var buildServerConfig = /*#__PURE__*/function () {
             appDirectory = _ref.appDirectory, distDirectory = _ref.distDirectory, configFile = _ref.configFile, options = _ref.options;
             _context2.next = 3;
             return getServerConfig(appDirectory, configFile);
-
           case 3:
             configFilePath = _context2.sent;
-
             getOutputFile = /*#__PURE__*/function () {
               var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(filepath) {
                 return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -29,7 +27,6 @@ export var buildServerConfig = /*#__PURE__*/function () {
                     switch (_context.prev = _context.next) {
                       case 0:
                         return _context.abrupt("return", path.resolve(distDirectory, "".concat(filepath.replace(new RegExp(CONFIG_FILE_EXTENSIONS.join('|')), ''), ".js")));
-
                       case 1:
                       case "end":
                         return _context.stop();
@@ -37,26 +34,21 @@ export var buildServerConfig = /*#__PURE__*/function () {
                   }
                 }, _callee);
               }));
-
               return function getOutputFile(_x2) {
                 return _ref3.apply(this, arguments);
               };
             }();
-
             if (!configFilePath) {
               _context2.next = 14;
               break;
             }
-
             configHelperFilePath = path.normalize(path.join(distDirectory, './config-helper.js'));
             helperCode = "\n      export const defineConfig = (config) => config;\n    ";
             _context2.next = 10;
             return fs.ensureDir(distDirectory);
-
           case 10:
             _context2.next = 12;
             return fs.writeFile(configHelperFilePath, helperCode);
-
           case 12:
             _context2.next = 14;
             return bundle(configFilePath, _objectSpread(_objectSpread({}, options), {}, {
@@ -74,7 +66,6 @@ export var buildServerConfig = /*#__PURE__*/function () {
                 }
               }]
             }));
-
           case 14:
           case "end":
             return _context2.stop();
@@ -82,50 +73,44 @@ export var buildServerConfig = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-
   return function buildServerConfig(_x) {
     return _ref2.apply(this, arguments);
   };
 }();
+
 /**
  *
  * 处理循环引用的 replacer
  */
-
 export var safeReplacer = function safeReplacer() {
   var cache = [];
   var keyCache = [];
   return function (key, value) {
     if (_typeof(value) === 'object' && value !== null) {
       var index = cache.indexOf(value);
-
       if (index !== -1) {
         return "[Circular ".concat(keyCache[index], "]");
       }
-
       cache.push(value);
       keyCache.push(key || 'root');
     }
-
     return value;
   };
 };
 export var emitResolvedConfig = /*#__PURE__*/function () {
   var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(appDirectory, resolvedConfig) {
     var _resolvedConfig$outpu;
-
     var outputPath;
     return _regeneratorRuntime().wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
-            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);
+            outputPath = path.join(appDirectory, ((_resolvedConfig$outpu = resolvedConfig.output.distPath) === null || _resolvedConfig$outpu === void 0 ? void 0 : _resolvedConfig$outpu.root) || './dist', OUTPUT_CONFIG_FILE);
             _context3.next = 3;
             return fs.writeJSON(outputPath, resolvedConfig, {
               spaces: 2,
               replacer: safeReplacer()
             });
-
           case 3:
           case "end":
             return _context3.stop();
@@ -133,7 +118,6 @@ export var emitResolvedConfig = /*#__PURE__*/function () {
       }
     }, _callee3);
   }));
-
   return function emitResolvedConfig(_x3, _x4) {
     return _ref4.apply(this, arguments);
   };

package/dist/js/treeshaking/utils/createFileWatcher.js

@@ -0,0 +1,123 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import crypto from 'crypto';
+import fs from 'fs';
+import path from 'path';
+import { isDev, chokidar, createDebugger, isTest, getServerConfig } from '@modern-js/utils';
+/**
+ * Get user config from package.json.
+ * @param appDirectory - App root directory.
+ * @returns modernConfig or undefined
+ */
+// FIXME: read package.json again;
+var getPackageConfig = function getPackageConfig(appDirectory, packageJsonConfig) {
+  var PACKAGE_JSON_CONFIG_NAME = 'modernConfig';
+  var json = JSON.parse(fs.readFileSync(path.resolve(appDirectory, './package.json'), 'utf8'));
+  return json[packageJsonConfig !== null && packageJsonConfig !== void 0 ? packageJsonConfig : PACKAGE_JSON_CONFIG_NAME];
+};
+var addServerConfigToDeps = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(dependencies, appDirectory, serverConfigFile) {
+    var serverConfig;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return getServerConfig(appDirectory, serverConfigFile);
+          case 2:
+            serverConfig = _context.sent;
+            if (serverConfig) {
+              dependencies.push(serverConfig);
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return function addServerConfigToDeps(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var debug = createDebugger('watch-files');
+var md5 = function md5(data) {
+  return crypto.createHash('md5').update(data).digest('hex');
+};
+var hashMap = new Map();
+export var createFileWatcher = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(appContext, configDir, hooksRunner) {
+    var appDirectory, configFile, extraFiles, configPath, dependencies, watched, watcher;
+    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(isDev() || isTest())) {
+              _context2.next = 17;
+              break;
+            }
+            appDirectory = appContext.appDirectory, configFile = appContext.configFile;
+            _context2.next = 4;
+            return hooksRunner.watchFiles();
+          case 4:
+            extraFiles = _context2.sent;
+            configPath = path.join(appDirectory, configDir);
+            dependencies = getPackageConfig(appContext.appDirectory, appContext.packageName) ? [path.resolve(appDirectory, './package.json')] : []; // 将 server.config 加入到 loaded.dependencies，以便对文件监听做热更新
+            _context2.next = 9;
+            return addServerConfigToDeps(dependencies, appContext.appDirectory, appContext.serverConfigFile);
+          case 9:
+            watched = ["".concat(configPath, "/html")].concat(_toConsumableArray(extraFiles), dependencies, [configFile]).filter(Boolean);
+            debug("watched: %o", watched);
+            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', function (changed) {
+              var lastHash = hashMap.get(changed);
+              var 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', function (name) {
+              debug("add file: %s", name);
+              var currentHash = md5(fs.readFileSync(path.join(appDirectory, name), 'utf8'));
+              hashMap.set(name, currentHash);
+              hooksRunner.fileChange({
+                filename: name,
+                eventType: 'add'
+              });
+            });
+            watcher.on('unlink', function (name) {
+              debug("remove file: %s", name);
+              if (hashMap.has(name)) {
+                hashMap["delete"](name);
+              }
+              hooksRunner.fileChange({
+                filename: name,
+                eventType: 'unlink'
+              });
+            });
+            watcher.on('error', function (err) {
+              throw err;
+            });
+            return _context2.abrupt("return", watcher);
+          case 17:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return function createFileWatcher(_x4, _x5, _x6) {
+    return _ref2.apply(this, arguments);
+  };
+}();

package/dist/js/treeshaking/utils/createServer.js

@@ -16,13 +16,10 @@ export var closeServer = /*#__PURE__*/function () {
               _context.next = 4;
               break;
             }
-
             _context.next = 3;
             return server.close();
-
           case 3:
             server = null;
-
           case 4:
           case "end":
             return _context.stop();
@@ -30,7 +27,6 @@ export var closeServer = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function closeServer() {
     return _ref.apply(this, arguments);
   };
@@ -46,19 +42,15 @@ export var createServer = /*#__PURE__*/function () {
               _context2.next = 3;
               break;
             }
-
             _context2.next = 3;
             return server.close();
-
           case 3:
             server = new Server(options);
             _context2.next = 6;
             return server.init();
-
           case 6:
             app = _context2.sent;
             return _context2.abrupt("return", app);
-
           case 8:
           case "end":
             return _context2.stop();
@@ -66,14 +58,12 @@ export var createServer = /*#__PURE__*/function () {
       }
     }, _callee2);
   }));
-
   return function createServer(_x) {
     return _ref2.apply(this, arguments);
   };
 }();
 export var injectDataLoaderPlugin = function injectDataLoaderPlugin(internalPlugins) {
   var DataLoaderPlugin = require.resolve('@modern-js/plugin-data-loader/server');
-
   return _objectSpread(_objectSpread({}, internalPlugins), {}, {
     '@modern-js/plugin-data-loader': {
       path: DataLoaderPlugin,

package/dist/js/treeshaking/utils/getSpecifiedEntries.js

@@ -4,7 +4,6 @@ import { inquirer } from '@modern-js/utils';
 export var getSpecifiedEntries = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(entry, entrypoints) {
     var entryNames, _yield$inquirer$promp, selected;
-
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
@@ -12,20 +11,16 @@ export var getSpecifiedEntries = /*#__PURE__*/function () {
             entryNames = entrypoints.map(function (e) {
               return e.entryName;
             });
-
             if (entry) {
               _context.next = 3;
               break;
             }
-
             return _context.abrupt("return", entryNames);
-
           case 3:
             if (!(typeof entry === 'boolean')) {
               _context.next = 9;
               break;
             }
-
             _context.next = 6;
             return inquirer.prompt([{
               type: 'checkbox',
@@ -36,16 +31,13 @@ export var getSpecifiedEntries = /*#__PURE__*/function () {
                 if (answer.length < 1) {
                   return 'You must choose at least one topping.';
                 }
-
                 return true;
               }
             }]);
-
           case 6:
             _yield$inquirer$promp = _context.sent;
             selected = _yield$inquirer$promp.selected;
             return _context.abrupt("return", selected);
-
           case 9:
             entry.forEach(function (name) {
               if (!entryNames.includes(name)) {
@@ -53,7 +45,6 @@ export var getSpecifiedEntries = /*#__PURE__*/function () {
               }
             });
             return _context.abrupt("return", entry);
-
           case 11:
           case "end":
             return _context.stop();
@@ -61,7 +52,6 @@ export var getSpecifiedEntries = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function getSpecifiedEntries(_x, _x2) {
     return _ref.apply(this, arguments);
   };