@zohodesk/react-cli 1.1.19-exp.2 → 1.1.19-exp.4

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

@@ -132,7 +132,7 @@ module.exports = {
           }], (0, _babelPresetReactOption.default)({
             disableES5Transpile
           })],
-          plugins: disableES5Transpile ? [removeAttribute ? require.resolve('../utils/removeAttributes') : false, require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), // require.resolve(
+          plugins: disableES5Transpile ? [removeAttribute ? require.resolve('../utils/removeAttributes') : false, require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('@babel/plugin-proposal-optional-chaining'), require.resolve('babel-plugin-lodash'), // require.resolve(
           //   '@babel/plugin-proposal-object-rest-spread'
           // ), REMOVING IT, BECAUSE WE ALREADY SUPPORT SPREAD SYNTAX FROM LIBRARIES.
           shouldRemovePropTypes ? [require.resolve('babel-plugin-transform-react-remove-prop-types'), removePropTypes] : false, devConsoleExculde ? [require.resolve('babel-plugin-transform-remove-console'), {
@@ -140,7 +140,7 @@ module.exports = {
           }] : 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,
             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'), {
+          }], require.resolve('@babel/plugin-proposal-object-rest-spread'), require.resolve('@babel/plugin-proposal-optional-chaining'), 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

package/lib/loaderUtils/getDevJsLoaders.js

@@ -46,9 +46,9 @@ let getDevJsLoaders = options => {
         disableES5Transpile
       })],
       plugins: disableES5Transpile ? [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'), {
+      require.resolve('@babel/plugin-proposal-object-rest-spread'), require.resolve('@babel/plugin-proposal-optional-chaining'), devConsoleExculde ? [require.resolve('babel-plugin-transform-remove-console'), {
         exclude: ['error', 'log']
-      }] : null].filter(Boolean) : [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'), {
+      }] : null].filter(Boolean) : [require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), require.resolve('@babel/plugin-proposal-object-rest-spread'), require.resolve('@babel/plugin-proposal-optional-chaining'), devConsoleExculde ? [require.resolve('babel-plugin-transform-remove-console'), {
         exclude: ['error', 'log']
       }] : null].filter(Boolean),
       cacheDirectory: true

package/lib/loaders/workerLoader.js

@@ -19,32 +19,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /* import WebWorkerTemplatePlugin from 'webpack/lib/webworker/WebWorkerTemplatePlugin';
 import ExternalsPlugin from 'webpack/lib/ExternalsPlugin'; */
 const schema = {
-  type: 'object',
-  properties: {
-    publicPath: {
-      anyOf: [{
-        type: 'string'
+  'type': 'object',
+  'properties': {
+    'publicPath': {
+      'anyOf': [{
+        'type': 'string'
       }, {
-        instanceof: 'Function'
+        'instanceof': 'Function'
       }]
     },
-    filename: {
-      anyOf: [{
-        type: 'string',
-        minLength: 1
+    'filename': {
+      'anyOf': [{
+        'type': 'string',
+        'minLength': 1
       }, {
-        instanceof: 'Function'
+        'instanceof': 'Function'
       }]
     },
-    chunkFilename: {
-      type: 'string',
-      minLength: 1
+    'chunkFilename': {
+      'type': 'string',
+      'minLength': 1
     },
-    esModule: {
-      type: 'boolean'
+    'esModule': {
+      'type': 'boolean'
     }
   },
-  additionalProperties: false
+  'additionalProperties': false
 }; // eslint-disable-next-line
 
 function loader() {}
@@ -112,40 +112,25 @@ function pitch(request) {
     }
 
     function workerCode() {
-      if (this.workerInstance) {
-        return this.workerInstance;
-      }
-
       let blob;
 
       try {
         blob = new Blob([`importScripts('${this.workerUrl}');`], {
-          type: 'application/javascript'
+          'type': 'application/javascript'
         });
       } catch (e1) {
         throw new Error(e1);
       }
 
-      const url = window.URL || window.webkitURL;
-      const blobUrl = url.createObjectURL(blob);
-      this.workerInstance = new Worker(blobUrl);
-      return this.workerInstance;
+      let url = window.URL || window.webkitURL;
+      let blobUrl = url.createObjectURL(blob);
+      let worker = new Worker(blobUrl);
+      return worker;
     }
 
-    return cb(null, `const workerObj ={\n
-      workerInstance: null, \n
+    return cb(null, `${options.esModule ? 'export default' : 'module.exports ='} {\n
 			workerUrl: __webpack_public_path__ + ${JSON.stringify(entry)}, \n
 			getInstance: ${workerCode} \n
-		};\n
-    workerObj.getInstance();
-    ${options.esModule ? 'export default' : 'module.exports ='} workerObj;
-    `); // return cb(
-    //   null,
-    //   `${options.esModule ? 'export default' : 'module.exports ='} {\n
-    //   workerInstance: null, \n
-    // 	workerUrl: __webpack_public_path__ + ${JSON.stringify(entry)}, \n
-    // 	getInstance: ${workerCode} \n
-    // }`
-    // );
+		}`);
   });
 }

package/lib/pluginUtils/configHtmlWebpackPlugins.js

@@ -26,12 +26,6 @@ const defaultHTMLMiniFyOption = {
   removeStyleLinkTypeAttributes: true,
   useShortDoctype: true
 };
-const defaultScriptLoadingStrategy = 'defer';
-
-function getScriptLoadingStrategy(scriptLoadingStategey) {
-  const allowedScriptLoadingStrategies = ['blocking', 'defer'];
-  return allowedScriptLoadingStrategies.includes(scriptLoadingStategey) ? scriptLoadingStategey : defaultScriptLoadingStrategy;
-}
 
 function configHtmlWebpackPlugins(plugins, {
   enableChunkHash = false,
@@ -39,8 +33,7 @@ function configHtmlWebpackPlugins(plugins, {
   inject,
   crossorigin,
   hasEFC,
-  minify: minifyHtmlOptions = false,
-  scriptLoadingStategey
+  minify: minifyHtmlOptions = false
 }) {
   const optionsHtmlWebpack = {
     chunksSortMode: 'none',
@@ -51,7 +44,7 @@ function configHtmlWebpackPlugins(plugins, {
     // ? minifyHtmlOptions
     // : minifyHtmlOptions,,
     templateParameters: _common.templateParameters,
-    scriptLoading: getScriptLoadingStrategy(scriptLoadingStategey),
+    scriptLoading: 'defer',
     inject: inject
   };
 

package/lib/pluginUtils/getDevPlugins.js

@@ -60,8 +60,7 @@ const getDevPlugins = (options, publicPath) => {
         mode
       },
       htmlTemplate: {
-        inject,
-        scriptLoadingStrategy
+        inject
       },
       crossorigin
     },
@@ -167,8 +166,7 @@ const getDevPlugins = (options, publicPath) => {
     minify: false,
     inject,
     crossorigin,
-    hasEFC,
-    scriptLoadingStrategy
+    hasEFC
   });
 
   if (hasEFC) {

package/lib/pluginUtils/getProdPlugins.js

@@ -78,8 +78,7 @@ const getProdPlugins = (options, publicPath = '') => {
   } = options.app;
   const {
     inject,
-    minify: minifyHtmlOptions,
-    scriptLoadingStategey
+    minify: minifyHtmlOptions
   } = htmlTemplate;
   const {
     i18n
@@ -177,7 +176,6 @@ const getProdPlugins = (options, publicPath = '') => {
     folder,
     inject,
     minify: minifyHtmlOptions,
-    scriptLoadingStategey,
     crossorigin,
     hasEFC
   });

package/lib/schemas/index.js

@@ -322,8 +322,7 @@ var _default = {
     },
     htmlTemplate: {
       minify: null,
-      inject: true,
-      scriptLoadingStategey: ''
+      inject: true
     },
     removePropTypes: false,
     customChunksBaseConfig: null,