@zohodesk/react-cli 0.0.1-beta.99 → 0.0.1-betaa.138.2

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']
   }
 };

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']
+  }
+});