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

package/README.md

@@ -44,6 +44,12 @@ Now to run app
 
 # Change Logs
 
+# 1.1.19 (5-2-2024)
+
+**Feature:-**
+
+- Added config to remove additon of `babel/react` extend code for 'spread' operator usage on JSX.
+
 # 1.1.18 (30-01-2024)
 
 **Feature:-**

package/bin/cli.js

@@ -300,8 +300,6 @@ switch (option) {
         'src',
         '-d',
         'lib',
-        '--extensions',
-        '.js,.ts,.tsx',
         `--presets=${require.resolve('../lib/babel/cmjs-plugins-presets.js')}`,
         '--copy-files'
       ].concat(args),
@@ -318,8 +316,6 @@ switch (option) {
         'src',
         '--out-dir',
         'es',
-        '--extensions',
-        '.js,.ts,.tsx',
         `--presets=${require.resolve('../lib/babel/es-plugins-presets.js')}`,
         '--copy-files'
       ].concat(args),

package/lib/babel/babel-option-utils/babel-preset-react-option.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getReactPreset;
+
+function getReactPresetOptions() {
+  return {
+    runtime: 'classic',
+    // change it to 'automatic', when react version updated to 18.
+    useSpread: true
+  };
+}
+
+function getReactPreset({
+  disableES5Transpile
+}) {
+  const reactPreset = require.resolve('@babel/preset-react');
+
+  return disableES5Transpile ? [reactPreset, getReactPresetOptions()] : reactPreset;
+}

package/lib/babel/cmjs-plugins-presets.js

@@ -7,23 +7,24 @@ exports.default = void 0;
 
 var _utils = require("../utils");
 
-const {
+var _babelPresetReactOption = _interopRequireDefault(require("./babel-option-utils/babel-preset-react-option"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let {
   module: {
     mode
-  },
-  babelCustomizationForLibrary: {
-    babelPlugins
   }
 } = (0, _utils.getOptions)();
-const isProd = mode.toLowerCase() === 'prod';
-const defaultPlugins = [[require.resolve('babel-plugin-transform-define'), isProd ? {
-  __DOCS__: false
-} : {}], require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('@babel/plugin-proposal-optional-chaining'), require.resolve('@babel/plugin-proposal-class-properties')];
-const plugins = [...babelPlugins, ...defaultPlugins];
+let isProd = mode.toLowerCase() === 'prod';
 
 var _default = () => ({
-  presets: [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react'), require.resolve('@babel/preset-typescript')],
-  plugins: plugins
+  presets: [require.resolve('@babel/preset-env'), (0, _babelPresetReactOption.default)({
+    disableES5Transpile: false
+  })],
+  plugins: [[require.resolve('babel-plugin-transform-define'), isProd ? {
+    __DOCS__: false
+  } : {}]]
 });
 
 exports.default = _default;

package/lib/babel/es-plugins-presets.js

@@ -7,21 +7,17 @@ exports.default = void 0;
 
 var _utils = require("../utils");
 
-const {
+var _babelPresetReactOption = _interopRequireDefault(require("./babel-option-utils/babel-preset-react-option"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let {
   module: {
     mode,
     disableES5Transpile
-  },
-  babelCustomizationForLibrary: {
-    babelPlugins
   }
 } = (0, _utils.getOptions)();
-const isProd = mode.toLowerCase() === 'prod';
-const defaultPlugins = [[require.resolve('babel-plugin-transform-define'), isProd ? {
-  __DOCS__: false
-} : {}], require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('@babel/plugin-proposal-optional-chaining'), require.resolve('@babel/plugin-proposal-class-properties')];
-const plugins = [...babelPlugins, ...defaultPlugins];
-console.log(disableES5Transpile);
+let isProd = mode.toLowerCase() === 'prod';
 
 var _default = () => ({
   presets: [[require.resolve('@babel/preset-env'), disableES5Transpile ? {
@@ -33,8 +29,12 @@ var _default = () => ({
     }
   } : {
     modules: false
-  }], require.resolve('@babel/preset-react'), require.resolve('@babel/preset-typescript')],
-  plugins: plugins
+  }], (0, _babelPresetReactOption.default)({
+    disableES5Transpile
+  })],
+  plugins: [[require.resolve('babel-plugin-transform-define'), isProd ? {
+    __DOCS__: false
+  } : {}], require.resolve('@babel/plugin-syntax-dynamic-import')]
 });
 
 exports.default = _default;

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

@@ -146,10 +146,6 @@ module.exports = {
           minimize: true
         }
       }]
-    }, {
-      test: /\.ts$/,
-      use: 'ts-loader',
-      include: _path.default.join(appPath, folder)
     }, {
       test: /\.worker.js$/,
       use: {

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

@@ -14,6 +14,8 @@ var _configsAssetsLoaders = require("../loaderUtils/configsAssetsLoaders");
 
 var _resolvers = require("./resolvers");
 
+var _babelPresetReactOption = _interopRequireDefault(require("../babel/babel-option-utils/babel-preset-react-option"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // import TerserPlugin from 'terser-webpack-plugin';
@@ -127,8 +129,13 @@ module.exports = {
             }
           } : {
             modules: false
-          }], require.resolve('@babel/preset-react'), require.resolve('@babel/preset-typescript')],
-          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'), shouldRemovePropTypes ? [require.resolve('babel-plugin-transform-react-remove-prop-types'), removePropTypes] : false, devConsoleExculde ? [require.resolve('babel-plugin-transform-remove-console'), {
+          }], (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(
+          //   '@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'), {
             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,
@@ -230,10 +237,6 @@ module.exports = {
           minimize: false
         }
       }]
-    }, {
-      test: /\.ts$/,
-      use: 'ts-loader',
-      include: _path.default.join(appPath, folder)
     }, {
       test: /\.worker.js$/,
       use: {

package/lib/loaderUtils/getDevJsLoaders.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _path = _interopRequireDefault(require("path"));
 
+var _babelPresetReactOption = _interopRequireDefault(require("../babel/babel-option-utils/babel-preset-react-option"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let getDevJsLoaders = options => {
@@ -40,8 +42,11 @@ let getDevJsLoaders = options => {
         }
       } : {
         modules: false
-      }], require.resolve('@babel/preset-react')],
-      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'), {
+      }], (0, _babelPresetReactOption.default)({
+        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'), {
         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'), {
         exclude: ['error', 'log']

package/lib/schemas/index.js

@@ -738,9 +738,6 @@ var _default = {
     fileName: null,
     options: null,
     excludeKeys: null
-  },
-  babelCustomizationForLibrary: {
-    babelPlugins: []
   }
 };
 exports.default = _default;