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

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

@@ -1,116 +1,116 @@
-'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 _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$docs = options.docs,
-    componentFolder = _options$docs.componentFolder,
-    cssUniqueness = _options$docs.cssUniqueness,
-    hasRTL = _options$docs.hasRTL,
-    rtlExclude = _options$docs.rtlExclude,
-    cssHashSelectors = _options$docs.cssHashSelectors,
-    classNamePrefix = _options$docs.classNamePrefix,
-    folder = options.app.folder;
-
-var appPath = process.cwd();
+let options = (0, _utils.getOptions)();
+let {
+  docs: {
+    componentFolder,
+    cssUniqueness,
+    hasRTL,
+    rtlExclude,
+    cssHashSelectors,
+    classNamePrefix
+  },
+  app: {
+    folder
+  }
+} = options;
+let appPath = process.cwd();
 
-module.exports = function (isSSTest) {
-  return {
-    entry: {
-      main: [_path2.default.resolve(__dirname, '..', 'hooks', 'docsProptypeHook.js'), _path2.default.join(appPath, componentFolder, 'index.js')],
-      vendor: ['react', 'react-dom', 'redux', 'react-redux']
-    },
-    devtool: 'none',
-    mode: 'development',
-    output: {
-      path: _path2.default.join(appPath, 'build'),
-      filename: 'js/[name].js',
-      publicPath: '/docs/',
-      library: 'Component',
-      libraryTarget: 'umd'
-    },
-    plugins: (0, _pluginUtils.getDocsPlugins)(isSSTest, options),
-    module: {
-      rules: [{
-        test: /\.js$/,
-        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-dynamic-import'), require.resolve('babel-plugin-syntax-object-rest-spread')],
-            cacheDirectory: true
-          }
-        }],
-        include: _path2.default.join(appPath, folder)
-      }, {
-        test: /\.docs\.js$/,
-        use: require.resolve('../loaders/docsLoader.js'),
-        include: _path2.default.join(appPath, folder),
-        exclude: /node_modules/
-      }, {
-        test: /(\.module)?\.css$/,
-        use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
-      }, {
-        test: /\.jpe?g$|\.gif$|\.png$/,
-        use: ['url-loader?limit=1000&name=./images/[name].[ext]']
-      }, {
-        test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
-        use: ['url-loader?limit=1000&name=./fonts/[name].[ext]']
-      }, {
-        test: /\.svg$/,
-        use: ['url-loader?limit=1&name=./fonts/[name].[ext]']
-      }, {
-        test: /\.html$/,
-        use: {
-          loader: 'html-loader',
-          options: {
-            attrs: [':data-src'],
-            interpolate: 'require'
-          }
+module.exports = isSSTest => ({
+  entry: {
+    main: [_path.default.resolve(__dirname, '..', 'hooks', 'docsProptypeHook.js'), _path.default.join(appPath, componentFolder, 'index.js')],
+    vendor: ['react', 'react-dom', 'redux', 'react-redux']
+  },
+  devtool: 'none',
+  mode: 'development',
+  output: {
+    path: _path.default.join(appPath, 'build'),
+    filename: 'js/[name].js',
+    publicPath: '/docs/',
+    library: 'Component',
+    libraryTarget: 'umd'
+  },
+  plugins: (0, _pluginUtils.getDocsPlugins)(isSSTest, options),
+  module: {
+    rules: [{
+      test: /\.js$/,
+      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,
+            regenerator: false
+          }], require.resolve('babel-plugin-syntax-dynamic-import'), require.resolve('babel-plugin-syntax-object-rest-spread')],
+          cacheDirectory: true
+        }
+      }],
+      include: _path.default.join(appPath, folder)
+    }, {
+      test: /\.docs\.js$/,
+      use: require.resolve('../loaders/docsLoader.js'),
+      include: _path.default.join(appPath, folder),
+      exclude: /node_modules/
+    }, {
+      test: /(\.module)?\.css$/,
+      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, null, cssHashSelectors, classNamePrefix)
+    }, {
+      test: /\.jpe?g$|\.gif$|\.png$/,
+      use: ['url-loader?limit=1000&name=./images/[name].[ext]']
+    }, {
+      test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
+      use: ['url-loader?limit=1000&name=./fonts/[name].[ext]']
+    }, {
+      test: /\.svg$/,
+      use: ['url-loader?limit=1&name=./fonts/[name].[ext]']
+    }, {
+      test: /\.html$/,
+      use: {
+        loader: 'html-loader',
+        options: {
+          attrs: [':data-src'],
+          interpolate: 'require'
+        }
+      }
+    }, {
+      test: /\.ogg$/,
+      use: ['file-loader?name=./fonts/[name].[ext]']
+    }, {
+      test: /\.tmpl$/,
+      use: [{
+        loader: 'html-loader',
+        options: {
+          interpolate: 'require',
+          ignoreCustomFragments: [/\{\{.*?}}/, /\$\{.*?}/],
+          minimize: true,
+          removeComments: true,
+          collapseWhitespace: false,
+          removeAttributeQuotes: false,
+          minifyCSS: false,
+          minifyJS: false
         }
-      }, {
-        test: /\.ogg$/,
-        use: ['file-loader?name=./fonts/[name].[ext]']
-      }, {
-        test: /\.tmpl$/,
-        use: [{
-          loader: 'html-loader',
-          options: {
-            interpolate: 'require',
-            ignoreCustomFragments: [/\{\{.*?}}/, /\$\{.*?}/],
-            minimize: true,
-            removeComments: true,
-            collapseWhitespace: false,
-            removeAttributeQuotes: false,
-            minifyCSS: false,
-            minifyJS: false
-          }
-        }]
       }]
-    },
-    externals: {
-      ZC: '$ZC'
-    },
-    resolve: {
-      modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
-    },
-    resolveLoader: {
-      modules: [_path2.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
-    }
-  };
-};
+    }]
+  },
+  externals: {
+    ZC: '$ZC'
+  },
+  resolve: {
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+  },
+  resolveLoader: {
+    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+  }
+});

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

@@ -1,84 +1,83 @@
-'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,
-    enableChunkHash = _options$app.enableChunkHash,
-    outputFolder = _options$app.outputFolder,
-    disableES5Transpile = _options$app.disableES5Transpile,
-    removeAttribute = _options$app.removeAttribute,
-    enableSMap = _options$app.enableSMap,
-    server = _options$app.server,
-    hasRTL = _options$app.hasRTL,
-    rtlExclude = _options$app.rtlExclude,
-    cssUniqueness = _options$app.cssUniqueness,
-    mode = _options$app.server.mode,
-    seperateCssModules = _options$app.seperateCssModules,
-    changeRuntimeChunkChar = _options$app.changeRuntimeChunkChar,
-    cssHashSelectors = _options$app.cssHashSelectors,
-    classNamePrefix = _options$app.classNamePrefix,
-    selectorReplace = _options$app.selectorReplace,
-    removePropTypes = _options$app.removePropTypes;
-
-
-var appPath = process.cwd();
-
-var isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
+let options = (0, _utils.getOptions)();
+let {
+  app: {
+    folder,
+    context,
+    enableChunkHash,
+    outputFolder,
+    disableES5Transpile,
+    removeAttribute,
+    enableSMap,
+    server,
+    hasRTL,
+    rtlExclude,
+    cssUniqueness,
+    server: {
+      mode
+    },
+    seperateCssModules,
+    changeRuntimeChunkChar,
+    cssHashSelectors,
+    classNamePrefix,
+    selectorReplace,
+    removePropTypes
+  }
+} = options;
+let appPath = process.cwd();
+let isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
 enableChunkHash = !isDevelopment && enableChunkHash;
-
-var output = {
-  path: _path2.default.resolve(appPath, outputFolder),
+let output = {
+  path: _path.default.resolve(appPath, outputFolder),
   filename: enableChunkHash ? './js/[name].[chunkhash:20]_.js' : './js/[name]_.js',
   chunkFilename: enableChunkHash ? './js/[name].[chunkhash:20]_.js' : './js/[name]_.js',
-  jsonpFunction: context + 'Jsonp',
+  jsonpFunction: `${context}Jsonp`,
   sourceMapFilename: enableChunkHash ? 'smap/[name].[chunkhash:20]_.map' : 'smap/[name]_.map'
 };
 
 if (isDevelopment) {
-  var disableContextURL = server.disableContextURL;
-
-  var contextURL = disableContextURL ? '' : context;
-  var serverUrl = (0, _utils.getServerURL)(server);
-  output.publicPath = [serverUrl, contextURL].filter(function (a) {
-    return a;
-  }).join('/') + '/';
+  let {
+    disableContextURL
+  } = server;
+  let contextURL = disableContextURL ? '' : context;
+  let serverUrl = (0, _utils.getServerURL)(server, 'https');
+  output.publicPath = `${[serverUrl, contextURL].filter(a => a).join('/')}/`;
 }
 
-var shouldRemovePropTypes = !isDevelopment && removePropTypes;
-
+let shouldRemovePropTypes = !isDevelopment && removePropTypes;
 module.exports = {
   entry: (0, _common.getEntries)(options, 'production'),
   devtool: isDevelopment ? 'cheap-module-source-map' : enableSMap ? 'hidden-source-map' : 'none',
   mode: 'production',
-  output: output,
+  output,
   optimization: {
     splitChunks: _common.splitChunks,
     runtimeChunk: {
-      name: function name(entrypoint) {
-        return changeRuntimeChunkChar ? './runtime-' + entrypoint.name : './runtime~' + entrypoint.name;
-      }
+      name: entrypoint => changeRuntimeChunkChar ? `./runtime-${entrypoint.name}` : `./runtime~${entrypoint.name}`
     },
     concatenateModules: true,
     minimize: true,
     moduleIds: 'named'
   },
-  stats: { children: false },
+  stats: {
+    children: false,
+    colors: true,
+    // excludeAssets: /i18n/,
+    warningsFilter: /\[mini-css-extract-plugin\]/
+  },
   plugins: (0, _pluginUtils.getProdPlugins)(options, output.publicPath),
   module: {
     /* strictExportPresence for break the build when imported module not present in respective file */
@@ -88,23 +87,24 @@ module.exports = {
       use: [{
         loader: 'babel-loader',
         options: {
-          presets: [[require.resolve('babel-preset-env'), disableES5Transpile ? {
+          presets: [[require.resolve('@babel/preset-env'), disableES5Transpile ? {
             modules: false,
-            useBuiltIns: true,
+            useBuiltIns: 'usage',
+            corejs: 3,
             targets: {
-              browsers: ['Chrome >= 60', 'Safari >= 10.1', 'iOS >= 10.3', 'Firefox >= 54', 'Edge >= 15']
+              browsers: ['last 3 Chrome versions', 'last 3 Firefox versions', 'last 3 Edge versions', 'last 3 Safari versions']
             }
-          } : { modules: false }], require.resolve('babel-preset-react')],
-          plugins: disableES5Transpile ? [removeAttribute ? require.resolve('../utils/removeAttributes') : false, require.resolve('babel-plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), require.resolve('babel-plugin-syntax-object-rest-spread'), shouldRemovePropTypes ? [require.resolve('babel-plugin-transform-react-remove-prop-types'), removePropTypes] : false].filter(Boolean) : [removeAttribute ? require.resolve('../utils/removeAttributes') : false, [require.resolve('babel-plugin-transform-runtime'), {
+          } : {
+            modules: false
+          }], require.resolve('@babel/preset-react')],
+          plugins: disableES5Transpile ? [removeAttribute ? require.resolve('../utils/removeAttributes') : false, require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), require.resolve('@babel/plugin-proposal-object-rest-spread')].filter(Boolean) : [removeAttribute ? require.resolve('../utils/removeAttributes') : false, shouldRemovePropTypes ? [require.resolve('babel-plugin-transform-react-remove-prop-types'), removePropTypes] : false[(require.resolve('@babel/plugin-transform-runtime'), {
             helpers: true,
-            polyfill: true,
-            regenerator: false,
-            moduleName: 'babel-runtime'
-          }], require.resolve('babel-plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), require.resolve('babel-plugin-syntax-object-rest-spread'), shouldRemovePropTypes ? [require.resolve('babel-plugin-transform-react-remove-prop-types'), removePropTypes] : false].filter(Boolean),
+            regenerator: false
+          }, require.resolve('@babel/plugin-proposal-object-rest-spread'))], require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash')].filter(Boolean),
           cacheDirectory: true
         }
       }],
-      include: _path2.default.join(appPath, folder)
+      include: _path.default.join(appPath, folder)
     }, seperateCssModules ? {
       test: /\.css$/,
       exclude: /\.module\.css$/,
@@ -119,7 +119,7 @@ module.exports = {
         options: {
           limit: 1000,
           name: enableChunkHash ? './images/[name].[hash:20].[ext]' : './images/[name].[ext]',
-          fallback: _path2.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
+          fallback: _path.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
         }
       }]
     }, {
@@ -129,7 +129,7 @@ module.exports = {
         options: {
           limit: 1000,
           name: enableChunkHash ? './fonts/[name].[hash:20].[ext]' : './fonts/[name].[ext]',
-          fallback: _path2.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
+          fallback: _path.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
         }
       }]
     }, {
@@ -139,7 +139,7 @@ module.exports = {
         options: {
           limit: 1,
           name: enableChunkHash ? './fonts/[name].[hash:20].[ext]' : './fonts/[name].[ext]',
-          fallback: _path2.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
+          fallback: _path.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
         }
       }]
     }, {
@@ -155,25 +155,45 @@ module.exports = {
       use: [{
         loader: 'html-loader',
         options: {
-          interpolate: 'require',
-          ignoreCustomFragments: [/\{\{.*?}}/, /\$\{.*?}/],
-          minimize: true,
-          removeComments: true,
-          collapseWhitespace: false,
-          removeAttributeQuotes: false,
-          minifyCSS: false,
-          minifyJS: false
+          minimize: false
         }
       }]
+    }, {
+      test: /\.worker.js$/,
+      use: {
+        loader: require.resolve('../loaders/workerLoader.js'),
+        options: {
+          esModule: true,
+          filename: 'js/[name].[chunkhash:20].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']
   }
 };

package/lib/hooks/docsProptypeHook.js

@@ -1,51 +1,45 @@
-'use strict';
+"use strict";
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-_propTypes2.default.array.hookType = 'array';
-_propTypes2.default.bool.hookType = 'bool';
-_propTypes2.default.func.hookType = 'func';
-_propTypes2.default.number.hookType = 'number';
-_propTypes2.default.object.hookType = 'object';
-_propTypes2.default.string.hookType = 'string';
-_propTypes2.default.symbol.hookType = 'symbol';
-_propTypes2.default.element.hookType = 'element';
-_propTypes2.default.node.hookType = 'element';
-_propTypes2.default.array.isRequired.hookType = 'array';
-_propTypes2.default.bool.isRequired.hookType = 'bool';
-_propTypes2.default.func.isRequired.hookType = 'func';
-_propTypes2.default.number.isRequired.hookType = 'number';
-_propTypes2.default.object.isRequired.hookType = 'object';
-_propTypes2.default.string.isRequired.hookType = 'string';
-_propTypes2.default.symbol.isRequired.hookType = 'symbol';
-_propTypes2.default.element.isRequired.hookType = 'element';
-_propTypes2.default.node.isRequired.hookType = 'element';
-function proxy(fn, type) {
-  var oneOf = fn;
-  return function () {
-    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+_propTypes.default.array.hookType = 'array';
+_propTypes.default.bool.hookType = 'bool';
+_propTypes.default.func.hookType = 'func';
+_propTypes.default.number.hookType = 'number';
+_propTypes.default.object.hookType = 'object';
+_propTypes.default.string.hookType = 'string';
+_propTypes.default.symbol.hookType = 'symbol';
+_propTypes.default.element.hookType = 'element';
+_propTypes.default.node.hookType = 'element';
+_propTypes.default.array.isRequired.hookType = 'array';
+_propTypes.default.bool.isRequired.hookType = 'bool';
+_propTypes.default.func.isRequired.hookType = 'func';
+_propTypes.default.number.isRequired.hookType = 'number';
+_propTypes.default.object.isRequired.hookType = 'object';
+_propTypes.default.string.isRequired.hookType = 'string';
+_propTypes.default.symbol.isRequired.hookType = 'symbol';
+_propTypes.default.element.isRequired.hookType = 'element';
+_propTypes.default.node.isRequired.hookType = 'element';
 
-    var a = oneOf.apply(undefined, args);
-    var type1 = Array.isArray(args) && Array.isArray(args[0]) ? type + '[' + args[0].map(function (data) {
-      return typeof data === 'function' ? data.hookType //arrayOf shape complex type not mention
-      : JSON.stringify(data);
-    }) + ']' : type;
+function proxy(fn, type) {
+  let oneOf = fn;
+  return (...args) => {
+    let a = oneOf(...args);
+    let type1 = Array.isArray(args) && Array.isArray(args[0]) ? `${type}[${args[0].map(data => typeof data === 'function' ? data.hookType //arrayOf shape complex type not mention
+    : JSON.stringify(data))}]` : type;
     a.hookType = type1;
+
     if (a.isRequired) {
       a.isRequired.hookType = type1;
     }
+
     return a;
   };
 }
-_propTypes2.default.oneOf = proxy(_propTypes2.default.oneOf, 'enum');
-_propTypes2.default.oneOfType = proxy(_propTypes2.default.oneOfType, 'union');
-_propTypes2.default.arrayOf = proxy(_propTypes2.default.arrayOf, 'arrayOf');
-_propTypes2.default.shape = proxy(_propTypes2.default.shape, 'shape');
 
-// export default PropTypes;
+_propTypes.default.oneOf = proxy(_propTypes.default.oneOf, 'enum');
+_propTypes.default.oneOfType = proxy(_propTypes.default.oneOfType, 'union');
+_propTypes.default.arrayOf = proxy(_propTypes.default.arrayOf, 'arrayOf');
+_propTypes.default.shape = proxy(_propTypes.default.shape, 'shape'); // export default PropTypes;