@zohodesk/react-cli 0.0.1-beta.16 → 0.0.1-beta.160

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

@@ -1,69 +1,90 @@
-'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 _miniCssExtractPlugin = require('mini-css-extract-plugin');
-
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
-
-var _pluginUtils = require('../pluginUtils');
+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,
-    cssUniqueness = _options$app.cssUniqueness,
-    enableChunkHash = _options$app.enableChunkHash,
-    outputFolder = _options$app.outputFolder,
-    disableES5Transpile = _options$app.disableES5Transpile,
-    removeAttribute = _options$app.removeAttribute,
-    publicPaths = _options$app.publicPaths;
-
-
-var appPath = process.cwd();
-var className = cssUniqueness ? 'fz__[hash:base64:5]' : '[name]__[local]';
-
-var _process = process,
-    _process$isDevelopmen = _process.isDevelopment,
-    isDevelopment = _process$isDevelopmen === undefined ? false : _process$isDevelopmen;
-
+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,
+    devConsoleExculde,
+    crossorigin
+  }
+} = options;
+let appPath = process.cwd();
+let isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
 enableChunkHash = !isDevelopment && enableChunkHash;
-
-var _getInfoFromPublicPat = (0, _utils.getInfoFromPublicPaths)(publicPaths),
-    rootFolder = _getInfoFromPublicPat.rootFolder;
-
+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`,
+  sourceMapFilename: enableChunkHash ? 'js/[name].[chunkhash:20]_.js.map' : 'js/[name]_.js.map'
+};
+
+if (crossorigin) {
+  output.crossOriginLoading = 'anonymous';
+}
+
+if (isDevelopment) {
+  let {
+    disableContextURL
+  } = server;
+  let contextURL = disableContextURL ? '' : context;
+  let serverUrl = (0, _utils.getServerURL)(server, 'https');
+  output.publicPath = `${[serverUrl, contextURL].filter(a => a).join('/')}/`;
+}
+
+let shouldRemovePropTypes = !isDevelopment && removePropTypes;
 module.exports = {
   entry: (0, _common.getEntries)(options, 'production'),
-  devtool: isDevelopment ? 'cheap-module-source-map' : 'hidden-source-map',
+  devtool: isDevelopment ? 'cheap-module-source-map' : enableSMap ? 'hidden-source-map' : 'none',
   mode: 'production',
-  output: {
-    path: _path2.default.resolve(appPath, outputFolder),
-    filename: enableChunkHash ? rootFolder + 'js/[name].[chunkhash:20].js' : rootFolder + 'js/[name].js',
-    chunkFilename: enableChunkHash ? rootFolder + 'js/[name].[chunkhash:20].js' : rootFolder + 'js/[name].js',
-    jsonpFunction: context + 'Jsonp',
-    sourceMapFilename: enableChunkHash ? rootFolder + 'smap/[name].[chunkhash:20].map' : rootFolder + 'smap/[name].map'
-  },
+  output,
   optimization: {
     splitChunks: _common.splitChunks,
-    minimize: true,
     runtimeChunk: {
-      name: function name(entrypoint) {
-        return 'runtime~' + entrypoint.name;
-      }
+      name: entrypoint => changeRuntimeChunkChar ? `./runtime-${entrypoint.name}` : `./runtime~${entrypoint.name}`
     },
-    concatenateModules: true
+    concatenateModules: true,
+    minimize: true,
+    moduleIds: 'named'
+  },
+  stats: {
+    children: false,
+    colors: true,
+    // excludeAssets: /i18n/,
+    warningsFilter: /\[mini-css-extract-plugin\]/
   },
-  stats: { children: false },
-  plugins: (0, _pluginUtils.getProdPlugins)(options),
+  plugins: (0, _pluginUtils.getProdPlugins)(options, output.publicPath),
   module: {
     /* strictExportPresence for break the build when imported module not present in respective file */
     strictExportPresence: true,
@@ -72,50 +93,53 @@ 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')].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'), devConsoleExculde ? [require.resolve('babel-plugin-transform-remove-console'), {
+            exclude: ['error', 'log']
+          }] : null].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')].filter(Boolean),
+            regenerator: false
+          }], require.resolve('@babel/plugin-proposal-object-rest-spread'), require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), devConsoleExculde ? [require.resolve('babel-plugin-transform-remove-console'), {
+            exclude: ['error', 'log']
+          }] : null].filter(Boolean),
           cacheDirectory: true
         }
       }],
-      include: _path2.default.join(appPath, folder)
-    },
-    /*{
-      test: /\.css$/,
-      use: [MiniCssExtractPlugin.loader, 'css-loader']
-    },*/
-    {
-      test: /(\.module)?\.css$/,
-      use: [{
-        loader: _miniCssExtractPlugin2.default.loader,
-        options: {
-          publicPath: '../'
-        }
-      }, {
-        loader: 'css-loader',
-        options: {
-          modules: true,
-          localIdentName: className
+      include: module => {
+        let srcPath = _path.default.join(appPath, folder);
+
+        let depsPath = _path.default.join(appPath, 'node_modules', '@zohodesk');
+
+        if (module.includes(srcPath) || devConsoleExculde && module.includes(depsPath)) {
+          return true;
         }
-      }]
+
+        return false;
+      }
+    }, seperateCssModules ? {
+      test: /\.css$/,
+      exclude: /\.module\.css$/,
+      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, '[local]', false, null)
+    } : null, {
+      test: seperateCssModules ? /\.module\.css$/ : /(\.module)?\.css$/,
+      use: (0, _loaderUtils.getCSSLoaders)(hasRTL, rtlExclude, false, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix)
     }, {
       test: /\.jpe?g$|\.gif$|\.png$/,
       use: [{
         loader: 'url-loader',
         options: {
           limit: 1000,
-          name: enableChunkHash ? rootFolder + './images/[name].[hash:20].[ext]' : rootFolder + './images/[name].[ext]',
-          fallback: _path2.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
+          name: enableChunkHash ? './images/[name].[hash:20].[ext]' : './images/[name].[ext]',
+          fallback: _path.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
         }
       }]
     }, {
@@ -124,8 +148,8 @@ module.exports = {
         loader: 'url-loader',
         options: {
           limit: 1000,
-          name: enableChunkHash ? rootFolder + './fonts/[name].[hash:20].[ext]' : rootFolder + './fonts/[name].[ext]',
-          fallback: _path2.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
+          name: enableChunkHash ? './fonts/[name].[hash:20].[ext]' : './fonts/[name].[ext]',
+          fallback: _path.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
         }
       }]
     }, {
@@ -134,19 +158,63 @@ module.exports = {
         loader: 'url-loader',
         options: {
           limit: 1,
-          name: enableChunkHash ? rootFolder + './fonts/[name].[hash:20].[ext]' : rootFolder + './fonts/[name].[ext]',
-          fallback: _path2.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
+          name: enableChunkHash ? './fonts/[name].[hash:20].[ext]' : './fonts/[name].[ext]',
+          fallback: _path.default.join(__dirname, '..', 'loaders', 'fileLoader.js')
         }
       }]
-    }]
+    }, {
+      test: /\.ogg$/,
+      use: [{
+        loader: 'file-loader',
+        options: {
+          name: enableChunkHash ? './fonts/[name].[hash:20].[ext]' : './fonts/[name].[ext]'
+        }
+      }]
+    }, {
+      test: /\.tmpl$/,
+      use: [{
+        loader: 'html-loader',
+        options: {
+          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/zc-custom/lib': '@zohodesk/zc-custom/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;