@zimbra/zimlet-cli 12.13.0 → 13.0.0

package/dist/commands/package.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 var _fs = _interopRequireDefault(require("fs"));
 
@@ -15,13 +15,9 @@ var _util = require("../util");
 
 var _asyncCommand = _interopRequireDefault(require("../lib/async-command"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-var _default = (0, _asyncCommand["default"])({
+var _default = (0, _asyncCommand.default)({
   command: 'package',
   desc: 'Package a zimlet for deployment',
   builder: {
@@ -51,12 +47,12 @@ var _default = (0, _asyncCommand["default"])({
     },
     zimbraXVersion: {
       description: 'https://semver.org version range of Zimbra X that the Zimlet is compatible with.',
-      "default": '>=1.0.0',
+      default: '>=1.0.0',
       requiresArg: true
     },
     builddir: {
       alias: 'b',
-      "default": './build',
+      default: './build',
       description: 'Source directory of built artifacts to publish'
     },
     dest: {
@@ -65,88 +61,64 @@ var _default = (0, _asyncCommand["default"])({
       description: 'Directory for packaged artifacts'
     }
   },
-  handler: function handler(argv) {
-    return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var cwd, builddir, dest, xmlFile, zimletXML, files, propertiesFile, zimletProperties, zipFile;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              // normalize built files source directory and desination package dir
-              cwd = process.cwd();
-              builddir = _path["default"].resolve(cwd, argv.builddir || 'build');
-              dest = _path["default"].resolve(cwd, argv.dest || 'pkg', "".concat(argv.name, ".zip")); // Create the xml descriptor file for the zimlet
-
-              xmlFile = "".concat(argv.name, ".xml");
-              zimletXML = "<zimlet name=\"".concat(argv.name, "\" version=\"").concat(argv.pkgVersion, "\" description=\"").concat(argv.description, "\" label=\"").concat(argv.label, "\" zimbraXZimletCompatibleSemVer=\"").concat(argv.zimbraXVersion, "\">");
-              _context.prev = 5;
-              files = _fs["default"].readdirSync(builddir);
-              _context.next = 12;
-              break;
-
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](5);
-              return _context.abrupt("return", (0, _util.error)("Failed to read ".concat(builddir, ": ").concat(_context.t0), 1));
-
-            case 12:
-              files.forEach(function (file) {
-                if (file.match(/\.js$/)) {
-                  zimletXML += "\n\t<include>".concat(file, "</include>");
-                } else if (file.match(/\.css$/)) {
-                  zimletXML += "\n\t<includeCSS>".concat(file, "</includeCSS>");
-                } else if (file !== xmlFile) {
-                  zimletXML += "\n\t<resource>".concat(file, "</resource>");
-                }
-              });
-              zimletXML += '\n</zimlet>';
-              _context.prev = 14;
-
-              _fs["default"].writeFileSync(_path["default"].resolve(builddir, xmlFile), zimletXML);
-
-              _context.next = 21;
-              break;
-
-            case 18:
-              _context.prev = 18;
-              _context.t1 = _context["catch"](14);
-              return _context.abrupt("return", (0, _util.error)("Failed to write XML file: ".concat(_context.t1), 1));
-
-            case 21:
-              // Add properties file for description and label
-              // As admin console requires properties file to display label and desciption
-              propertiesFile = "".concat(argv.name, ".properties");
-              zimletProperties = '\n';
-              zimletProperties += "label = ".concat(argv.label, "\n");
-              zimletProperties += "description = ".concat(argv.description, "\n");
-              _context.prev = 25;
-
-              _fs["default"].writeFileSync(_path["default"].resolve(builddir, propertiesFile), zimletProperties);
-
-              _context.next = 32;
-              break;
-
-            case 29:
-              _context.prev = 29;
-              _context.t2 = _context["catch"](25);
-              return _context.abrupt("return", (0, _util.error)("Failed to write properties file: ".concat(_context.t2), 1));
-
-            case 32:
-              //Zip up the contents of the build dir along with the xml file as the final zimlet deliverable
-              zipFile = new _admZip["default"]();
-              zipFile.addLocalFolder(builddir, '');
-              zipFile.writeZip(dest);
-              return _context.abrupt("return", "Successfully packaged zimlet to: ".concat(dest, "\n"));
-
-            case 36:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[5, 9], [14, 18], [25, 29]]);
-    }))();
+
+  async handler(argv) {
+    // normalize built files source directory and desination package dir
+    let cwd = process.cwd();
+
+    let builddir = _path.default.resolve(cwd, argv.builddir || 'build');
+
+    let dest = _path.default.resolve(cwd, argv.dest || 'pkg', `${argv.name}.zip`); // Create the xml descriptor file for the zimlet
+
+
+    let xmlFile = `${argv.name}.xml`;
+    let zimletXML = `<zimlet name="${argv.name}" version="${argv.pkgVersion}" description="${argv.description}" label="${argv.label}" zimbraXZimletCompatibleSemVer="${argv.zimbraXVersion}">`;
+    let files;
+
+    try {
+      files = _fs.default.readdirSync(builddir);
+    } catch (err) {
+      return (0, _util.error)(`Failed to read ${builddir}: ${err}`, 1);
+    }
+
+    files.forEach(file => {
+      if (file.match(/\.js$/)) {
+        zimletXML += `\n\t<include>${file}</include>`;
+      } else if (file.match(/\.css$/)) {
+        zimletXML += `\n\t<includeCSS>${file}</includeCSS>`;
+      } else if (file !== xmlFile) {
+        zimletXML += `\n\t<resource>${file}</resource>`;
+      }
+    });
+    zimletXML += '\n</zimlet>';
+
+    try {
+      _fs.default.writeFileSync(_path.default.resolve(builddir, xmlFile), zimletXML);
+    } catch (err) {
+      return (0, _util.error)(`Failed to write XML file: ${err}`, 1);
+    } // Add properties file for description and label
+    // As admin console requires properties file to display label and desciption
+
+
+    let propertiesFile = `${argv.name}.properties`;
+    let zimletProperties = '\n';
+    zimletProperties += `label = ${argv.label}\n`;
+    zimletProperties += `description = ${argv.description}\n`;
+
+    try {
+      _fs.default.writeFileSync(_path.default.resolve(builddir, propertiesFile), zimletProperties);
+    } catch (err) {
+      return (0, _util.error)(`Failed to write properties file: ${err}`, 1);
+    } //Zip up the contents of the build dir along with the xml file as the final zimlet deliverable
+
+
+    let zipFile = new _admZip.default();
+    zipFile.addLocalFolder(builddir, '');
+    zipFile.writeZip(dest);
+    return `Successfully packaged zimlet to: ${dest}\n`;
   }
+
 });
 
-exports["default"] = _default;
+exports.default = _default;
 module.exports = exports.default;

package/dist/entry.js

@@ -3,16 +3,18 @@
 /** This is the real webpack entry file. It manages setting up the zimlet and HMR.
  *  The user-defined entry file (index.js) is imported here via a `zimlet-cli-entrypoint` alias.
  */
-(function () {
+(() => {
   function init() {
-    zimlet(function (context) {
-      var zimbra = context.zimbra,
-          config = context.config,
-          plugins = context.plugins,
-          shims = context.shims,
-          components = context.components,
-          store = context.store,
-          meta = context.meta; // Add shims to the global scope to expose dependencies to Zimlets
+    zimlet(context => {
+      let {
+        zimbra,
+        config,
+        plugins,
+        shims,
+        components,
+        store,
+        meta
+      } = context; // Add shims to the global scope to expose dependencies to Zimlets
       // Shimmed dependencies include preact, preact-router, react-apollo
 
       global.shims = shims;
@@ -24,11 +26,11 @@
       global.ZIMLET_STYLES = [];
       global.meta = meta;
 
-      var entry = require('zimlet-cli-entrypoint');
+      let entry = require('zimlet-cli-entrypoint');
 
-      var r = entry && entry["default"] || entry; // If export is a factory, pass it context. Otherwise it's a singleton.
+      let r = entry && entry.default || entry; // If export is a factory, pass it context. Otherwise it's a singleton.
 
-      var instance = typeof r === 'function' ? r(context) : r;
+      let instance = typeof r === 'function' ? r(context) : r;
       context.styles.set(global.ZIMLET_STYLES.join('\n'));
       return instance;
     });

package/dist/index.js

@@ -1,13 +1,11 @@
 #!/usr/bin/env node
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = run;
 exports.configure = configure;
+exports.default = run;
 
 var _fs = _interopRequireDefault(require("fs"));
 
@@ -37,90 +35,69 @@ var _shims = require("./shims");
 
 var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function run(args, callback) {
-  var config = configure(args);
-  var compiler = (0, _webpack["default"])(config);
-  var preferredPort = config.devServer && +config.devServer.port;
-  compiler.hooks.failed.tap('zimlet-cli', function (err) {
+  let config = configure(args);
+  let compiler = (0, _webpack.default)(config);
+  const preferredPort = config.devServer && +config.devServer.port;
+  compiler.hooks.failed.tap('zimlet-cli', err => {
     console.error(err.stack || err);
     if (err.details) console.error(err.details);
   });
-  compiler.hooks.done.tap('zimlet-cli', function (stats) {
-    var info = stats.toJson();
+  compiler.hooks.done.tap('zimlet-cli', stats => {
+    let info = stats.toJson();
 
     if (stats.hasErrors()) {
-      process.stdout.write(_chalk["default"].red('Build failed!\n\n'));
-      info.errors.forEach(function (err) {
-        return console.error(err);
-      });
+      process.stdout.write(_chalk.default.red('Build failed!\n\n'));
+      info.errors.forEach(err => console.error(err));
     } else {
       if (stats.hasWarnings()) {
-        info.warnings.forEach(function (err) {
-          return console.warn(err);
-        });
+        info.warnings.forEach(err => console.warn(err));
       }
 
-      process.stdout.write(_chalk["default"].green('Compiled successfully!\n\n'));
+      process.stdout.write(_chalk.default.green('Compiled successfully!\n\n'));
 
       if (config.devServer) {
-        var _config$devServer = config.devServer,
-            https = _config$devServer.https,
-            host = _config$devServer.host,
-            port = _config$devServer.port;
-        var protocol = https ? 'https' : 'http';
+        let {
+          https,
+          host,
+          port
+        } = config.devServer;
+        let protocol = https ? 'https' : 'http';
         if (host === '0.0.0.0') host = 'localhost';
-        var serverAddr = "".concat(protocol, "://").concat(host, ":").concat(_chalk["default"].bold(port), "/index.js");
-        var localIpAddr = "".concat(protocol, "://").concat(_ip["default"].address(), ":").concat(_chalk["default"].bold(port), "/index.js");
+        let serverAddr = `${protocol}://${host}:${_chalk.default.bold(port)}/index.js`;
+        let localIpAddr = `${protocol}://${_ip.default.address()}:${_chalk.default.bold(port)}/index.js`;
 
         if (preferredPort !== config.devServer.port) {
-          process.stdout.write("NOTE: Port ".concat(preferredPort, " is not available, using ").concat(port, " instead.\n\n"));
+          process.stdout.write(`NOTE: Port ${preferredPort} is not available, using ${port} instead.\n\n`);
         }
 
         process.stdout.write('You can view the application in browser.\n\n');
-        process.stdout.write("".concat(_chalk["default"].bold('Local:'), "            ").concat(serverAddr, "\n"));
-        process.stdout.write("".concat(_chalk["default"].bold('On Your Network:'), "  ").concat(localIpAddr, "\n"));
+        process.stdout.write(`${_chalk.default.bold('Local:')}            ${serverAddr}\n`);
+        process.stdout.write(`${_chalk.default.bold('On Your Network:')}  ${localIpAddr}\n`);
       }
     }
   });
 
   if (config.devServer) {
-    (0, _getPort["default"])({
+    (0, _getPort.default)({
       port: (0, _getPort.makeRange)(preferredPort, preferredPort + 100)
-    }).then(function (port) {
+    }).then(port => {
       if (config.devServer.port !== port) {
         config.devServer.port = port;
       }
 
-      new _webpackDevServer["default"](compiler, config.devServer).listen(config.devServer.port);
+      new _webpackDevServer.default(compiler, config.devServer).listen(config.devServer.port);
     });
   } else {
-    compiler.run(function (err, stats) {
+    compiler.run((err, stats) => {
       if (!err && stats.hasErrors()) {
-        err = "".concat(stats.toJson().errors.length, " errors");
+        err = `${stats.toJson().errors.length} errors`;
       }
 
       callback(err, null);
@@ -130,17 +107,17 @@ function run(args, callback) {
 
 function configure(env) {
   env = env || {};
-  var watch = env.watch || env.w || process.env.NODE_ENV === 'dev' || process.env.NODE_ENV === 'development';
-  var PROD = !watch;
-  var https = !(process.env.HTTPS === 'false' || env.https === false),
+  const watch = env.watch || env.w || process.env.NODE_ENV === 'dev' || process.env.NODE_ENV === 'development';
+  const PROD = !watch;
+  let https = !(process.env.HTTPS === 'false' || env.https === false),
       host = process.env.HOST || env.host || 'localhost',
       port = process.env.PORT || env.port || 8081;
-  var cwd = env.cwd = process.cwd(),
+  let cwd = env.cwd = process.cwd(),
       context = cwd,
       pkg;
 
   try {
-    pkg = require(_path["default"].resolve(cwd, 'package.json'));
+    pkg = require(_path.default.resolve(cwd, 'package.json'));
   } catch (e) {}
 
   if (!pkg) {
@@ -150,26 +127,25 @@ function configure(env) {
   } // entry point (initial file to load)
 
 
-  var entry = _path["default"].resolve(cwd, pkg.module || pkg['jsnext:main'] || pkg.main);
+  let entry = _path.default.resolve(cwd, pkg.module || pkg['jsnext:main'] || pkg.main);
 
-  if (isDir(entry)) entry = _path["default"].resolve(entry, 'index.js'); // attempt to use ./src dir if present:
+  if (isDir(entry)) entry = _path.default.resolve(entry, 'index.js'); // attempt to use ./src dir if present:
 
-  if (isDir(_path["default"].resolve(cwd, 'src'))) context = _path["default"].resolve(context, 'src'); // normalize desination dir
+  if (isDir(_path.default.resolve(cwd, 'src'))) context = _path.default.resolve(context, 'src'); // normalize desination dir
 
-  var dest = _path["default"].resolve(cwd, env.dest || 'build'); // use absolute paths
+  let dest = _path.default.resolve(cwd, env.dest || 'build'); // use absolute paths
 
 
-  context = _path["default"].resolve(context);
-  var componentDirs = [_path["default"].resolve(context, 'components'), _path["default"].resolve(context, 'screens'), _path["default"].resolve(context, 'pages')];
-  var cssLoaderOptions = {
+  context = _path.default.resolve(context);
+  let componentDirs = [_path.default.resolve(context, 'components'), _path.default.resolve(context, 'screens'), _path.default.resolve(context, 'pages')];
+  let cssLoaderOptions = {
     sourceMap: watch && !PROD
   };
-  var postCssLoaderOptions = {
+  let postCssLoaderOptions = {
     sourceMap: true,
     postcssOptions: {
       config: false,
-      plugins: [(0, _postcssPresetEnv["default"])({
-        browsers: ['last 2 versions', 'not ie > 0', 'iOS >= 8'],
+      plugins: [(0, _postcssPresetEnv.default)({
         stage: 3,
         autoprefixer: true,
         features: {
@@ -177,50 +153,46 @@ function configure(env) {
           // disable customProperties plugin so css variables and :root blocks are preserved
           'custom-properties': false
         }
-      }), (0, _postcssDiscardComments["default"])({
+      }), (0, _postcssDiscardComments.default)({
         removeAll: true
       })]
     }
   };
-  var cssModulesRegexp = (0, _util.crossPlatformPathRegex)(/(?:([^/@]+?)(?:-(?:pages?|components?|screens?))?\/)?src\/(?:pages|components|screens)\/(.+?)(\/[a-z0-9._-]+[.](less|css))?$/);
-  var webpackConfig = {
+  let cssModulesRegexp = (0, _util.crossPlatformPathRegex)(/(?:([^/@]+?)(?:-(?:pages?|components?|screens?))?\/)?src\/(?:pages|components|screens)\/(.+?)(\/[a-z0-9._-]+[.](less|css))?$/);
+  let webpackConfig = {
     mode: PROD ? 'production' : 'development',
-    context: context,
-    entry: _path["default"].resolve(__dirname, 'entry.js'),
+    context,
+    entry: _path.default.resolve(__dirname, 'entry.js'),
     output: {
       path: dest,
-      filename: "index.js",
+      filename: `index.js`,
       chunkFilename: '[name].[chunkhash:8].chunk.js',
       // NOTE: Explicit public path is required in order to make HMR work within an sourceless iframe.
       // This is due to a bug in webpack-dev-server that uses the document protocol for all https pages:
       // https://github.com/webpack/webpack-dev-server/blob/c490b245ad65f315762e03e51710f7f7177b1e7b/client/index.js#L188-L190
-      publicPath: watch ? "http".concat(https ? 's' : '', "://").concat(host, ":").concat(port, "/") : env.publicpath || '/'
+      publicPath: watch ? `http${https ? 's' : ''}://${host}:${port}/` : env.publicpath || '/'
     },
     resolve: {
       extensions: ['.mjs', '.jsx', '.js', '.json', '.css', '.less'],
       mainFields: ['browser', 'module', 'jsnext:main', 'main'],
-      modules: [_path["default"].resolve(cwd, 'node_modules'), 'node_modules'],
-      alias: _objectSpread(_objectSpread({}, _shims.SHIMMED_MODULES.reduce(function (shimAliases, name) {
-        if (Array.isArray(name)) {
-          // If module name is an Array, the first element is the root name of the module
-          var _name = name;
-
-          var _name2 = _slicedToArray(_name, 1);
-
-          name = _name2[0];
-        }
-
-        shimAliases[name] = (0, _shims.getShimPath)(name);
-        return shimAliases;
-      }, {})), {}, {
+      modules: [_path.default.resolve(cwd, 'node_modules'), 'node_modules'],
+      alias: { ..._shims.SHIMMED_MODULES.reduce((shimAliases, name) => {
+          if (Array.isArray(name)) {
+            // If module name is an Array, the first element is the root name of the module
+            [name] = name;
+          }
+
+          shimAliases[name] = (0, _shims.getShimPath)(name);
+          return shimAliases;
+        }, {}),
         react: (0, _shims.getShimPath)('preact/compat'),
         'react-dom': (0, _shims.getShimPath)('preact/compat'),
-        style: _path["default"].resolve(context, 'style'),
-        'zimlet-cli-entrypoint': _path["default"].resolve(context, entry)
-      })
+        style: _path.default.resolve(context, 'style'),
+        'zimlet-cli-entrypoint': _path.default.resolve(context, entry)
+      }
     },
     resolveLoader: {
-      modules: [_path["default"].resolve(__dirname, 'loaders'), _path["default"].resolve(__dirname, '..', 'node_modules'), _path["default"].resolve(cwd, 'node_modules')]
+      modules: [_path.default.resolve(__dirname, 'loaders'), _path.default.resolve(__dirname, '..', 'node_modules'), _path.default.resolve(cwd, 'node_modules')]
     },
     module: {
       rules: [{
@@ -231,7 +203,8 @@ function configure(env) {
           comments: true,
           presets: [[require.resolve('@babel/preset-env'), {
             loose: true,
-            modules: false
+            modules: false,
+            bugfixes: true
           }]],
           plugins: [require.resolve('@babel/plugin-syntax-dynamic-import'), [require.resolve('@babel/plugin-proposal-decorators'), {
             legacy: true
@@ -246,16 +219,16 @@ function configure(env) {
         // include: /(^|\/)src\/(?:components|screens)\//,
         include: componentDirs,
         use: [{
-          loader: _path["default"].resolve(__dirname, 'zimlet-style-loader.js')
+          loader: _path.default.resolve(__dirname, 'zimlet-style-loader.js')
         }, {
           loader: 'css-loader',
-          options: _objectSpread(_objectSpread({}, cssLoaderOptions), {}, {
+          options: { ...cssLoaderOptions,
             modules: {
               localIdentRegExp: cssModulesRegexp,
               localIdentName: '[1]_[2]_[local]'
             },
             importLoaders: 1
-          })
+          }
         }, {
           loader: 'postcss-loader',
           options: postCssLoaderOptions
@@ -267,7 +240,7 @@ function configure(env) {
         // exclude: /(^|\/)src\/(?:components|screens)\//,
         exclude: componentDirs,
         use: [{
-          loader: _path["default"].resolve(__dirname, 'zimlet-style-loader.js')
+          loader: _path.default.resolve(__dirname, 'zimlet-style-loader.js')
         }, {
           loader: 'css-loader',
           options: cssLoaderOptions
@@ -292,23 +265,23 @@ function configure(env) {
       __dirname: false,
       setImmediate: false
     } : {},
-    plugins: [].concat(PROD ? [new _webpack["default"].HashedModuleIdsPlugin()] : [new _webpack["default"].HotModuleReplacementPlugin()], new _webpack["default"].LoaderOptionsPlugin({
+    plugins: [].concat(PROD ? [new _webpack.default.HashedModuleIdsPlugin()] : [new _webpack.default.HotModuleReplacementPlugin()], new _webpack.default.LoaderOptionsPlugin({
       minimize: PROD,
       debug: !PROD
-    }), new _progressBarWebpackPlugin["default"]({
-      format: "\x1B[90m\x1B[44mBuild\x1B[49m\x1B[39m [:bar] \x1B[32m\x1B[1m:percent\x1B[22m\x1B[39m (:elapseds) \x1B[2m:msg\x1B[22m",
+    }), new _progressBarWebpackPlugin.default({
+      format: '\u001b[90m\u001b[44mBuild\u001b[49m\u001b[39m [:bar] \u001b[32m\u001b[1m:percent\u001b[22m\u001b[39m (:elapseds) \u001b[2m:msg\u001b[22m',
       renderThrottle: 100,
       summary: false
-    }), new _webpack["default"].DefinePlugin({
+    }), new _webpack.default.DefinePlugin({
       'process.env.NODE_ENV': JSON.stringify(PROD ? 'production' : 'development')
-    }), isFile(_path["default"].resolve(cwd, 'config_template.xml')) && new _copyWebpackPlugin["default"]({
+    }), isFile(_path.default.resolve(cwd, 'config_template.xml')) && new _copyWebpackPlugin.default({
       patterns: [{
-        from: _path["default"].join(cwd, 'config_template.xml'),
-        to: _path["default"].join(dest, 'config_template.xml')
+        from: _path.default.join(cwd, 'config_template.xml'),
+        to: _path.default.join(dest, 'config_template.xml')
       }]
     })).filter(Boolean),
     watchOptions: {
-      ignored: ['build', dest, _path["default"].resolve(cwd, 'node_modules')]
+      ignored: ['build', dest, _path.default.resolve(cwd, 'node_modules')]
     },
     stats: 'errors-only',
     devtool: watch ? 'cheap-module-eval-source-map' : 'source-map'
@@ -316,21 +289,23 @@ function configure(env) {
 
   if (watch) {
     webpackConfig.devServer = {
-      host: host,
-      port: port,
+      host,
+      port,
       hot: !process.env.DISABLE_HOT,
-      https: https,
+      https,
       compress: true,
       publicPath: '/',
       contentBase: context,
       disableHostCheck: true,
-      before: function before(app) {
+
+      before(app) {
         app.use(require('cors')({
           maxAge: 3600
         }));
       },
+
       watchOptions: {
-        ignored: ['build', dest, _path["default"].resolve(cwd, 'node_modules')]
+        ignored: ['build', dest, _path.default.resolve(cwd, 'node_modules')]
       },
       overlay: false,
       noInfo: true,
@@ -339,18 +314,18 @@ function configure(env) {
     };
   }
 
-  (0, _transformConfig["default"])(env, webpackConfig);
+  (0, _transformConfig.default)(env, webpackConfig);
   return webpackConfig;
 }
 
 function isDir(filepath) {
   try {
-    return !!_fs["default"].statSync(filepath).isDirectory();
+    return !!_fs.default.statSync(filepath).isDirectory();
   } catch (err) {}
 }
 
 function isFile(filepath) {
   try {
-    return !!_fs["default"].statSync(filepath).isFile();
+    return !!_fs.default.statSync(filepath).isFile();
   } catch (err) {}
 }