@zohodesk/react-cli 0.0.1-beta.98 → 0.0.1-betaa.138.1

package/lib/common/splitChunks.js

@@ -1,69 +1,78 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _utils = require("../utils");
 
-var _utils = require('../utils');
+var _os = _interopRequireDefault(require("os"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
-
-var ps = _path2.default.sep;
-var options = (0, _utils.getOptions)();
-var vendorExclude = options.app.vendorExclude;
-
-
-var isVendor = function isVendor(module) {
-  var userRequest = module.userRequest;
-
-  var excludeList = ['script-loader', 'raw-loader', 'react', 'react-dom'];
+let isWindows = _os.default.platform().toLowerCase() === 'win32';
+let ps = _path.default.sep;
+let options = (0, _utils.getOptions)();
+let {
+  app: {
+    vendorExclude,
+    customChunks
+  }
+} = options;
 
-  excludeList = [].concat(_toConsumableArray(excludeList), _toConsumableArray(vendorExclude));
-  return userRequest && userRequest.indexOf('node_modules') >= 0 && userRequest.endsWith('.css') === false && userRequest.endsWith('publicPathConfig.js') === false && excludeList.every(function (item) {
-    return userRequest.indexOf('node_modules' + ps + item + ps) === -1;
-  });
+let isVendor = function isVendor(module) {
+  let {
+    userRequest
+  } = module;
+  let excludeList = ['script-loader', 'raw-loader', 'react', 'react-dom'];
+  excludeList = [...excludeList, ...vendorExclude];
+  return userRequest && userRequest.indexOf('node_modules') >= 0 && userRequest.endsWith('.css') === false && userRequest.endsWith('publicPathConfig.js') === false && excludeList.every(item => userRequest.indexOf(`node_modules${ps}${item}${ps}`) === -1);
 };
 
-var isReact = function isReact(module) {
-  var userRequest = module.userRequest;
-
-  var reactBundle = ['react', 'react-dom'];
-  return userRequest && reactBundle.some(function (pkg) {
-    return userRequest.indexOf('node_modules' + ps + pkg + ps) >= 0;
-  });
+let isReact = module => {
+  let {
+    userRequest
+  } = module;
+  let reactBundle = ['react', 'react-dom'];
+  return userRequest && reactBundle.some(pkg => userRequest.indexOf(`node_modules${ps}${pkg}${ps}`) >= 0);
 };
 
-exports.default = {
-  cacheGroups: {
-    default: false,
-    vendors: false,
-    'react.vendor': {
-      name: 'react.vendor',
-      chunks: 'all',
-      minChunks: 1,
-      test: isReact,
-      priority: -10
-    },
-    vendor: {
-      name: 'vendor',
-      chunks: 'all',
-      minChunks: 1,
-      test: isVendor,
-      priority: -10
-    },
-    styles: {
-      name: 'styles',
-      test: /\.css$/,
-      chunks: 'all',
-      enforce: true, // force css in new chunks (ignores all other options)
-      minChunks: 2,
-      priority: -20
-    }
+let defaultChunks = {
+  'react.vendor': {
+    name: 'react.vendor',
+    chunks: 'all',
+    minChunks: 1,
+    test: isReact,
+    priority: -10
+  },
+  vendor: {
+    name: 'vendor',
+    chunks: 'all',
+    minChunks: 1,
+    test: isVendor,
+    priority: -10
   }
-};
+};
+let customChunksConfig = {};
+customChunks.map(({
+  name,
+  pattern,
+  size = 2
+}, index) => customChunksConfig[name] = {
+  name,
+  test: new RegExp(isWindows ? pattern.replace(/\//g, '\\') : pattern),
+  chunks: 'all',
+  enforce: true,
+  minChunks: size,
+  priority: -10 * (index + 2)
+});
+var _default = {
+  cacheGroups: Object.assign({
+    default: false,
+    vendors: false
+  }, defaultChunks, customChunksConfig)
+};
+exports.default = _default;

package/lib/common/templateParameters.js

@@ -1,23 +1,25 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-exports.default = function (compilation, assets, assetTags, options) {
-  Object.keys(assetTags).forEach(function (rootTag) {
-    assetTags[rootTag].forEach(function (tag) {
+var _default = (compilation, assets, assetTags, options) => {
+  Object.keys(assetTags).forEach(rootTag => {
+    assetTags[rootTag].forEach(tag => {
       tag.attributes.nonce = '{{--CSP-nonce}}';
     });
   });
-
   return {
-    compilation: compilation,
+    compilation,
     webpackConfig: compilation.options,
     htmlWebpackPlugin: {
       tags: assetTags,
       files: assets,
-      options: options
+      options
     }
   };
-};
+};
+
+exports.default = _default;

package/lib/configs/jest.config.js

@@ -1,28 +1,25 @@
-'use strict';
+"use strict";
 
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
+var _path = _interopRequireDefault(require("path"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var appPath = process.cwd();
-
-var commonConfig = {
+let appPath = process.cwd();
+let commonConfig = {
   coverageReporters: ['json', 'html', 'json-summary', 'text'],
   collectCoverage: true,
-  moduleDirectories: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
+  moduleDirectories: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
   transform: {
-    '^.+\\.(js|jsx)$': _path2.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'jsPreprocessor.js'),
-    '^.+\\.css$': _path2.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'cssPreprocessor.js'),
-    '^(?!.*\\.(js|jsx|css|json)$)': _path2.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'otherFilesPreprocessor.js')
+    '^.+\\.(js|jsx)$': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'jsPreprocessor.js'),
+    '^.+\\.css$': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'cssPreprocessor.js'),
+    '^(?!.*\\.(js|jsx|css|json)$)': _path.default.resolve(__dirname, '..', 'jest', 'preProcessors', 'otherFilesPreprocessor.js')
   },
   moduleNameMapper: {
     '\\.(css|less)$': 'identity-obj-proxy'
   },
   transformIgnorePatterns: ['/node_modules.*?.js$'],
   moduleFileExtensions: ['js'],
-  setupFiles: [_path2.default.resolve(appPath, '__testUtils__', 'globals.js'), _path2.default.resolve(__dirname, '..', 'jest', 'setup.js')],
+  setupFiles: [_path.default.resolve(appPath, '__testUtils__', 'globals.js'), _path.default.resolve(__dirname, '..', 'jest', 'setup.js')],
   globals: {
     __DEVELOPMENT__: true,
     __DOCS__: false,
@@ -30,20 +27,13 @@ var commonConfig = {
   }
 };
 
-module.exports = function () {
-  for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  var appFolder = args[0],
-      _args$ = args[1],
-      forCommittedFiles = _args$ === undefined ? false : _args$;
-
+module.exports = (...args) => {
+  let [appFolder, forCommittedFiles = false] = args;
 
   if (forCommittedFiles) {
     return Object.assign({}, commonConfig, {
-      coverageDirectory: _path2.default.resolve(appPath, 'commitCoverage'),
-      testResultsProcessor: _path2.default.resolve(__dirname, '..', 'jest', 'commitedFilesResult.js')
+      coverageDirectory: _path.default.resolve(appPath, 'commitCoverage'),
+      testResultsProcessor: _path.default.resolve(__dirname, '..', 'jest', 'commitedFilesResult.js')
     });
   }
 
@@ -51,8 +41,8 @@ module.exports = function () {
     rootDir: appPath,
     testPathIgnorePatterns: ['/node_modules/', 'docs'],
     unmockedModulePathPatterns: ['__tests__', 'node_modules', '.*'],
-    roots: ['<rootDir>/' + appFolder + '/'],
+    roots: [`<rootDir>/${appFolder}/`],
     testRegex: '(/__tests__/.*|\\.(test|spec))\\.(jsx|js|json|node)$',
-    testResultsProcessor: _path2.default.resolve(__dirname, '..', 'jest', 'result.js')
+    testResultsProcessor: _path.default.resolve(__dirname, '..', 'jest', 'result.js')
   });
 };

package/lib/configs/webpack.component.umd.config.js

@@ -1,41 +1,38 @@
-'use strict';
+"use strict";
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _utils = require("../utils");
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
-
-var _utils = require('../utils');
-
-var _pluginUtils = require('../pluginUtils');
+var _pluginUtils = require("../pluginUtils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var options = (0, _utils.getOptions)();
-
-var _options$umd$componen = options.umd.component,
-    umdVar = _options$umd$componen.umdVar,
-    isHtml = _options$umd$componen.isHtml,
-    isDocs = _options$umd$componen.isDocs,
-    watch = _options$umd$componen.watch,
-    outputFolder = _options$umd$componen.outputFolder,
-    cssUniqueness = _options$umd$componen.cssUniqueness,
-    folder = _options$umd$componen.folder;
-
-
-var appPath = process.cwd();
-var className = cssUniqueness ? 'fz__[hash:base64:5]' : '[name]__[local]';
-
+let options = (0, _utils.getOptions)();
+let {
+  umd: {
+    component: {
+      umdVar,
+      isHtml,
+      isDocs,
+      watch,
+      outputFolder,
+      cssUniqueness,
+      folder
+    }
+  }
+} = options;
+let appPath = process.cwd();
+let className = cssUniqueness ? 'fz__[hash:base64:5]' : '[name]__[local]';
 module.exports = {
   watch: watch,
   entry: {
-    main: _path2.default.join(appPath, folder, isHtml ? 'html.js' : 'index.js')
+    main: _path.default.join(appPath, folder, isHtml ? 'html.js' : 'index.js')
   },
   output: {
-    path: _path2.default.join(appPath, outputFolder),
+    path: _path.default.join(appPath, outputFolder),
     filename: 'js/[name].js',
     library: umdVar,
     libraryTarget: 'umd'
@@ -51,21 +48,18 @@ module.exports = {
       use: [{
         loader: 'babel-loader',
         options: {
-          presets: [[require.resolve('babel-preset-env'), { modules: false }], require.resolve('babel-preset-react')],
-          plugins: [[require.resolve('babel-plugin-transform-runtime'), {
-            helpers: true,
-            polyfill: true,
-            regenerator: false,
-            moduleName: 'babel-runtime'
-          }], require.resolve('babel-plugin-syntax-object-rest-spread')],
+          presets: [[require.resolve('@babel/preset-env'), {
+            modules: false
+          }], require.resolve('@babel/preset-react')],
+          plugins: [require.resolve('@babel/plugin-proposal-object-rest-spread')],
           cacheDirectory: true
         }
       }],
-      include: _path2.default.join(appPath, 'src')
+      include: _path.default.join(appPath, 'src')
     }, {
       test: /(\.module)?\.css$/,
       use: [{
-        loader: _miniCssExtractPlugin2.default.loader,
+        loader: _miniCssExtractPlugin.default.loader,
         options: {
           publicPath: '../'
         }
@@ -101,9 +95,9 @@ module.exports = {
     }]
   },
   resolve: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   },
   resolveLoader: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 };

package/lib/configs/webpack.css.umd.config.js

@@ -1,45 +1,42 @@
-'use strict';
+"use strict";
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _utils = require("../utils");
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
+var _cssClassNameGenerate = _interopRequireDefault(require("../utils/cssClassNameGenerate"));
 
-var _utils = require('../utils');
-
-var _cssClassNameGenerate = require('../utils/cssClassNameGenerate');
-
-var _cssClassNameGenerate2 = _interopRequireDefault(_cssClassNameGenerate);
-
-var _pluginUtils = require('../pluginUtils');
+var _pluginUtils = require("../pluginUtils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var options = (0, _utils.getOptions)();
-var _options$umd$css = options.umd.css,
-    umdVar = _options$umd$css.umdVar,
-    watch = _options$umd$css.watch,
-    outputFolder = _options$umd$css.outputFolder,
-    cssUniqueness = _options$umd$css.cssUniqueness,
-    folder = _options$umd$css.folder,
-    publicPath = _options$umd$css.publicPath,
-    packageVersion = options.packageVersion;
-
-
-var appPath = process.cwd();
-
-var publicPathStr = (publicPath || '//js.zohostatic.com/support/zohodeskcomponent@' + packageVersion) + '/' + outputFolder + '/';
-
+let options = (0, _utils.getOptions)();
+let {
+  umd: {
+    css: {
+      umdVar,
+      watch,
+      outputFolder,
+      cssUniqueness,
+      folder,
+      publicPath,
+      cssHashSelectors,
+      classNamePrefix
+    }
+  },
+  packageVersion
+} = options;
+let appPath = process.cwd();
+let publicPathStr = `${publicPath || `${'//js.zohostatic.com/support/zohodeskcomponent@'}${packageVersion}`}/${outputFolder}/`;
 module.exports = {
   watch: watch,
   entry: {
-    main: _path2.default.join(appPath, folder, 'css.js')
+    main: _path.default.join(appPath, folder, 'css.js')
   },
   output: {
-    path: _path2.default.resolve(appPath, outputFolder),
+    path: _path.default.resolve(appPath, outputFolder),
     filename: '[name].js',
     library: umdVar,
     libraryTarget: 'umd',
@@ -61,33 +58,33 @@ module.exports = {
       use: [{
         loader: 'babel-loader',
         options: {
-          presets: [[require.resolve('babel-preset-env'), { modules: false }], require.resolve('babel-preset-react')],
-          plugins: [[require.resolve('babel-plugin-transform-runtime'), {
-            helpers: true,
-            polyfill: true,
-            regenerator: false,
-            moduleName: 'babel-runtime'
-          }], require.resolve('babel-plugin-syntax-object-rest-spread')],
+          presets: [[require.resolve('@babel/preset-env'), {
+            modules: false
+          }], require.resolve('@babel/preset-react')],
+          plugins: [require.resolve('@babel/plugin-proposal-object-rest-spread')],
           cacheDirectory: true
         }
       }],
-      include: _path2.default.join(appPath, 'src') /*,
-                                                   {
-                                                   test: /\.css$/,
-                                                   use: [MiniCssExtractPlugin.loader, 'css-loader']
-                                                   }*/
-    }, {
+      include: _path.default.join(appPath, 'src')
+    }
+    /*,
+    {
+    test: /\.css$/,
+    use: [MiniCssExtractPlugin.loader, 'css-loader']
+    }*/
+    , {
       test: /(\.module)?\.css$/,
       use: [{
-        loader: _miniCssExtractPlugin2.default.loader,
+        loader: _miniCssExtractPlugin.default.loader,
         options: {
           publicPath: '../'
         }
       }, {
         loader: 'css-loader',
         options: {
-          modules: true,
-          getLocalIdent: (0, _cssClassNameGenerate2.default)(cssUniqueness)
+          modules: {
+            getLocalIdent: (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix)
+          }
         }
       }]
     }, {
@@ -111,9 +108,9 @@ module.exports = {
     }]
   },
   resolve: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   },
   resolveLoader: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 };

package/lib/configs/webpack.dev.config.js

@@ -1,63 +1,61 @@
-'use strict';
+"use strict";
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _utils = require("../utils");
 
-var _utils = require('../utils');
+var _common = require("../common");
 
-var _common = require('../common');
+var _pluginUtils = require("../pluginUtils");
 
-var _pluginUtils = require('../pluginUtils');
-
-var _loaderUtils = require('../loaderUtils');
+var _loaderUtils = require("../loaderUtils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var options = (0, _utils.getOptions)();
-var _options$app = options.app,
-    folder = _options$app.folder,
-    context = _options$app.context,
-    server = _options$app.server,
-    outputFolder = _options$app.outputFolder,
-    rtlExclude = _options$app.rtlExclude,
-    hasRTL = _options$app.hasRTL,
-    cssUniqueness = _options$app.cssUniqueness,
-    seperateCssModules = _options$app.seperateCssModules,
-    changeRuntimeChunkChar = _options$app.changeRuntimeChunkChar,
-    cssHashSelectors = _options$app.cssHashSelectors,
-    classNamePrefix = _options$app.classNamePrefix,
-    selectorReplace = _options$app.selectorReplace;
-var disableContextURL = server.disableContextURL;
-
-
-var appPath = process.cwd();
-var contextURL = disableContextURL ? '' : context;
-var serverUrl = (0, _utils.getServerURL)(server);
-
-var output = {
-  path: _path2.default.join(appPath, outputFolder),
+let options = (0, _utils.getOptions)();
+let {
+  app: {
+    folder,
+    context,
+    server,
+    outputFolder,
+    rtlExclude,
+    hasRTL,
+    cssUniqueness,
+    seperateCssModules,
+    changeRuntimeChunkChar,
+    cssHashSelectors,
+    classNamePrefix,
+    selectorReplace,
+    disableES5Transpile
+  }
+} = options;
+let {
+  disableContextURL
+} = server;
+let appPath = process.cwd();
+let contextURL = disableContextURL ? '' : context;
+let serverUrl = (0, _utils.getServerURL)(server, 'https');
+let output = {
+  path: _path.default.join(appPath, outputFolder),
   filename: 'js/[name].js',
   chunkFilename: 'js/[name].js',
-  publicPath: [serverUrl, contextURL].filter(function (a) {
-    return a;
-  }).join('/') + '/',
-  jsonpFunction: context + 'Jsonp'
+  publicPath: `${[serverUrl, contextURL].filter(a => a).join('/')}/`,
+  jsonpFunction: `${context}Jsonp`
 };
-
 module.exports = {
   entry: (0, _common.getEntries)(options, 'dev'),
   devtool: 'cheap-eval-source-map',
   mode: 'development',
-  output: output,
-  stats: { children: false },
+  output,
+  stats: {
+    children: false
+  },
   optimization: {
     splitChunks: _common.splitChunks,
     moduleIds: 'named',
     runtimeChunk: {
-      name: function name(entrypoint) {
-        return changeRuntimeChunkChar ? './runtime-' + entrypoint.name : './runtime~' + entrypoint.name;
-      }
+      name: entrypoint => changeRuntimeChunkChar ? `./runtime-${entrypoint.name}` : `./runtime~${entrypoint.name}`
     }
   },
   plugins: (0, _pluginUtils.getDevPlugins)(options, output.publicPath),
@@ -67,7 +65,7 @@ module.exports = {
     rules: [{
       test: /\.js$/,
       use: (0, _loaderUtils.getDevJsLoaders)(options),
-      include: _path2.default.join(appPath, folder)
+      include: _path.default.join(appPath, folder)
     }, seperateCssModules ? {
       test: /\.css$/,
       exclude: /\.module\.css$/,
@@ -92,25 +90,45 @@ module.exports = {
       use: [{
         loader: 'html-loader',
         options: {
-          interpolate: 'require',
-          ignoreCustomFragments: [/\{\{.*?}}/, /\$\{.*?}/],
-          minimize: true,
-          removeComments: true,
-          collapseWhitespace: false,
-          removeAttributeQuotes: false,
-          minifyCSS: false,
-          minifyJS: false
+          minimize: true
         }
       }]
+    }, {
+      test: /\.worker.js$/,
+      use: {
+        loader: require.resolve('../loaders/workerLoader.js'),
+        options: {
+          esModule: true,
+          filename: 'js/[name].js'
+        }
+      }
     }].filter(Boolean)
   },
   externals: {
     ZC: '$ZC'
   },
   resolve: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
+    alias: disableES5Transpile ? {
+      '@zohodesk/components/lib': '@zohodesk/components/es',
+      '@zohodesk/dot/lib': '@zohodesk/dot/es',
+      '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
+      '@zohodesk/icons/lib': '@zohodesk/icons/es',
+      '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
+      '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
+      '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
+      '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
+      '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
+      '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
+      '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
+      '@zohodesk/storage/lib': '@zohodesk/storage/es',
+      '@zohodesk/svg/lib': '@zohodesk/svg/es',
+      '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
+      '@zohodesk/variables/lib': '@zohodesk/variables/es',
+      '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
+    } : {}
   },
   resolveLoader: {
-    modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 };