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

package/CHANGELOG.md

@@ -31,6 +31,11 @@ fz-react-cli app <appname>
 - lint for js and css
 - parseQuery => getOptions
 
+
+#0.0.1-alpha.113
+
+- Upgraded 'moment' to version 2.29.1 and 'moment-timezone' to version 0.5.32
+
 # 0.0.3-beta.138
 
 - Coverage calculation issue fix and transform issue fix

package/README.md

@@ -2,6 +2,155 @@
 
 A CLI tool for build modern web application and libraries
 
+# 0.0.1-betaa.138.1
+- new feature added for custom extra attribute for dynamically added tags by webpack.
+- To enable this feature you need to enable "react-cli" => "app" => "customAttributes" => "enable"
+- For more [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/9eea8df14e55584b2114b5e484ca8b751a4ba191/src/plugins/CustomAttributePlugin.md)
+
+# 0.0.1-beta.138
+
+- sstest library version updated
+- unitcase calcluation issues fixed
+
+
+# 0.0.1-beta.137
+- Third party css files loading issue fix
+# 0.0.1-beta.136
+- eslint support
+# 0.0.1-beta.135
+- windows publish issue
+
+# 0.0.1-beta.134
+- Build Issue Fix
+# 0.0.1-beta.133
+- CDN Changes in I18nSplitPlugin
+- nonce support added for i18n chunks
+
+# 0.0.1-beta.132
+- CDN Changes in EFC Plugin
+# 0.0.1-beta.131
+- Added Cdn Change Plugin
+# 0.0.1-beta.130
+
+- Babel 7 migration, ES6 build generation config and polyfill removal
+- CopyPlugin issue fix
+
+#0.0.1-beta.129
+
+- Upgraded 'moment' to version 2.29.1 and 'moment-timezone' to version 0.5.32
+
+# 0.0.1-beta.128
+
+- Added support to generate hash for the third party files(TPHashMappingPlugin)
+
+# 0.0.1-beta.127
+
+- service worker plugin - to recursively add multiple directories (recursive=true)
+
+# 0.0.1-beta.126
+
+- issue fix in i18n split plugin
+
+## expremental versions
+
+- 0.0.1-beta.121
+- 0.0.1-beta.122
+- 0.0.1-beta.123
+- 0.0.1-beta.124
+- 0.0.1-beta.125
+
+# 0.0.1-beta.120
+
+- issue fix in third party file copying
+
+## expremental versions
+
+- 0.0.1-beta.119
+- 0.0.1-beta.118
+
+#0.0.1-beta.117
+
+- createSDkFile otion added for efc
+- small fix in i18n split plugin
+
+#0.0.1-beta.116
+
+- thirdparty package move to build (tpFolder in app config)
+
+#0.0.1-beta.115
+
+- Added Web worker support
+
+#0.0.1-beta.114
+
+- i18n split based on chunk
+- to enable i18n chunk spilt you have to add config in you package.json
+
+#0.0.1-beta.113
+
+- Upgraded 'fz-i18n' package version to 1.2.0-beta.15
+
+#0.0.1-beta.112
+
+- Duplicate Prefetch Request Issue Fixed (Resource Hint Plugin)
+- Service worker plugin changes
+
+#0.0.1-beta.111
+
+- hasRTL, selectorReplace Condition Separated
+
+#0.0.1-beta.110
+
+- SplitChunk Order Issue Fixed
+- https url issue Fixed
+
+#0.0.1-beta.109
+
+- @zohodesk/screenshottest package version update (19) and log for the gitlab private api to check the response
+
+#0.0.1-beta.108
+
+- @zohodesk/screenshottest package version update (18)
+
+#0.0.1-beta.107
+
+- changed component without docs finder added
+
+#0.0.1-beta.106
+
+- custom chunk support changes
+- css absolute url fix
+
+#0.0.1-beta.105
+
+- @zohodesk/screenshottest package version update (17) with the issue fix
+
+#0.0.1-beta.104
+
+- ModuleStatsPlugin inject false option added to solve the webpack build twice issue
+
+#0.0.1-beta.103
+
+- @zohodesk/screenshottest package version update (16) with the issue fix
+
+#0.0.1-beta.102
+
+- @zohodesk/screenshottest package version update (15) with the issue fix
+
+#0.0.1-beta.101
+
+- 100 changes readme missing
+- bundle analyser changes
+
+#0.0.1-beta.100
+
+- @zohodesk/screenshottest package version update with the issue fix
+- font public path replace issue for url fonts - fixed
+
+#0.0.1-beta.99
+
+- can't publish already published
+
 #0.0.1-beta.98
 
 - defer break public path adding regex - fixed

package/bin/cli.js

@@ -24,36 +24,43 @@ let [, , option] = process.argv;
 let args = process.argv.slice(3);
 let appPath = process.cwd();
 
-let isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
-
-let webpack = !isNodeModuleUnderAppFolder
-  ? path.join(__dirname, '..', 'node_modules', '.bin', 'webpack')
-  : 'webpack';
-let nodemon = !isNodeModuleUnderAppFolder
-  ? path.join(__dirname, '..', 'node_modules', '.bin', 'nodemon')
-  : 'nodemon';
-let babel = !isNodeModuleUnderAppFolder
-  ? path.join(__dirname, '..', 'node_modules', '.bin', 'babel')
-  : 'babel';
-
-let propertyToJson = !isNodeModuleUnderAppFolder
-  ? path.join(__dirname, '..', 'node_modules', '.bin', 'propertyToJson')
-  : 'propertyToJson';
-
-let esLint = !isNodeModuleUnderAppFolder
-  ? path.join(__dirname, '..', 'node_modules', '.bin', 'eslint')
-  : 'eslint';
-
-if (isWindows) {
-  webpack += '.cmd';
-  babel += '.cmd';
-  propertyToJson += '.cmd';
-  esLint += '.cmd';
-  nodemon += '.cmd';
+const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
+
+const _getCliPath = !isNodeModuleUnderAppFolder
+  ? libName => path.join(__dirname, '..', 'node_modules', '.bin', libName)
+  : libName => libName;
+const suffixExt = isWindows ?  '.cmd' : '';
+
+function getCliPath(libName) {
+  return _getCliPath(libName) + suffixExt;
 }
 
+let webpack = getCliPath('webpack');
+let nodemon = getCliPath('nodemon');
+let babel = getCliPath('babel');
+let propertyToJson = getCliPath('propertyToJson');
+let esLint = getCliPath('eslint');
+
 let result;
 switch (option) {
+  case 'lint-setup': {
+    result = spawnSync(
+      'node',
+      [require.resolve('../lib/utils/lint/index.js')].concat(args),
+      { stdio: 'inherit' }
+    );
+    process.exit(result.status);
+    break;
+  }
+  case 'add-lint-scripts': {
+    result = spawnSync(
+      'node',
+      [require.resolve('../lib/utils/lint/lintScripts.js')].concat(args),
+      { stdio: 'inherit' }
+    );
+    process.exit(result.status);
+    break;
+  }
   case 'postpublish':
     result = spawnSync(
       'node',
@@ -274,9 +281,7 @@ switch (option) {
   case 'publish:report':
     result = spawnSync(
       'sh',
-      [path.join(__dirname, '..', 'lib', 'sh', 'reportPublish.sh')].concat(
-        args
-      ),
+      [path.join(__dirname, '..', 'lib', 'sh', 'reportPublish.sh')].concat(args),
       { stdio: 'inherit' }
     );
     process.exit(result.status);

package/files/eslintrc.js

@@ -0,0 +1,57 @@
+const [off, , error] = ['off', 'warn', 'error'];
+
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: ['plugin:react/recommended', 'airbnb', 'prettier'],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  plugins: [
+    'react',
+    'css-modules',
+    '@zohodesk/zsecurity',
+    '@zohodesk/react-performance',
+  ],
+  rules: {
+    // Internal Rules
+    '@zohodesk/react-performance/no-ref-mapstatetoprops': error,
+    '@zohodesk/zsecurity/no-unsecure-html': error,
+    '@zohodesk/zsecurity/no-protocol-check': error,
+
+    // CSS Module Rules
+    'css-modules/no-unused-class': [error, { camelCase: true }],
+    'css-modules/no-undef-class': [error, { camelCase: 'only' }],
+
+    'import/no-unresolved': off,
+    'import/no-extraneous-dependencies': off,
+
+    // As redux used
+    'no-shadow': off, // As we import the action files and use the same name in getting from props built from connect.
+    'react/jsx-filename-extension': off,
+
+    // As we don't follow
+    'react/require-default-props': off,
+    'react/jsx-props-no-spreading': off,
+
+    // As we didn't update
+    'react/jsx-fragments': off,
+
+    // Not needed
+    'no-plusplus': off,
+    'no-unused-expressions': [
+      error,
+      {
+        allowShortCircuit: true,
+        allowTernary: true,
+      },
+    ],
+    'react/jsx-no-target-blank': error,
+  },
+};

package/files/prettierrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  trailingComma: 'none',
+};

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

@@ -1,17 +1,24 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _utils = require('../utils');
+var _utils = require("../utils");
 
-var _getOptions = (0, _utils.getOptions)(),
-    mode = _getOptions.module.mode;
+let {
+  module: {
+    mode
+  }
+} = (0, _utils.getOptions)();
+let isProd = mode.toLowerCase() === 'prod';
 
-var isProd = mode.toLowerCase() === 'prod';
+var _default = () => ({
+  presets: [require.resolve('@babel/preset-env'), require.resolve('@babel/preset-react')],
+  plugins: [[require.resolve('babel-plugin-transform-define'), isProd ? {
+    __DOCS__: false
+  } : {}]]
+});
 
-exports.default = {
-  presets: ['env', 'react'],
-  plugins: [['transform-define', isProd ? { __DOCS__: false } : {}], 'syntax-dynamic-import']
-};
+exports.default = _default;

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

@@ -1,22 +1,34 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _utils = require('../utils');
+var _utils = require("../utils");
 
-var _getOptions = (0, _utils.getOptions)(),
-    mode = _getOptions.module.mode;
+let {
+  module: {
+    mode,
+    disableES5Transpile
+  }
+} = (0, _utils.getOptions)();
+let isProd = mode.toLowerCase() === 'prod';
 
-var isProd = mode.toLowerCase() === 'prod';
+var _default = () => ({
+  presets: [[require.resolve('@babel/preset-env'), disableES5Transpile ? {
+    modules: false,
+    useBuiltIns: 'usage',
+    corejs: 3,
+    targets: {
+      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: [[require.resolve('babel-plugin-transform-define'), isProd ? {
+    __DOCS__: false
+  } : {}], require.resolve('@babel/plugin-syntax-dynamic-import')]
+});
 
-exports.default = {
-  presets: [['env', { modules: false }], 'react'],
-  plugins: [['transform-runtime', {
-    helpers: true,
-    polyfill: true,
-    regenerator: false,
-    moduleName: 'babel-runtime'
-  }], ['transform-define', isProd ? { __DOCS__: false } : {}], 'syntax-dynamic-import']
-};
+exports.default = _default;

package/lib/common/getEntries.js

@@ -1,43 +1,52 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
-
-var _utils = require('../utils');
+var _utils = require("../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getEntries = function getEntries(appSchemas, mode) {
-  var appPath = process.cwd();
-  var _appSchemas$app = appSchemas.app,
-      isReactMig = _appSchemas$app.isReactMig,
-      hasWidget = _appSchemas$app.hasWidget,
-      hasEFC = _appSchemas$app.hasEFC,
-      server = _appSchemas$app.server,
-      folder = _appSchemas$app.folder;
-
-
-  var mainJs = [];
-  var entry = { main: mainJs };
+let getEntries = (appSchemas, mode) => {
+  let appPath = process.cwd();
+  let {
+    isReactMig,
+    hasWidget,
+    server,
+    folder
+  } = appSchemas.app;
+  const {
+    hasEFC: prevOptionForEnableEFC
+  } = appSchemas.app;
+  const {
+    hasEFC: newOptionForEnableEFC
+  } = appSchemas.efc;
+  const hasEFC = newOptionForEnableEFC || prevOptionForEnableEFC;
+  let mainJs = [];
+  let entry = {
+    main: mainJs
+  };
 
   if (mode === 'dev' || mode === 'dev-no-warn') {
-    mainJs.push(_path2.default.join(__dirname, '..', 'templates', 'WMSTemplate') + '?wmsPath=wss:' + (0, _utils.getServerURL)(server));
+    mainJs.push(`${_path.default.join(__dirname, '..', 'templates', 'WMSTemplate')}?wmsPath=wss:${(0, _utils.getServerURL)(server)}`);
   }
 
-  mainJs.push(_path2.default.join(appPath, folder, isReactMig ? 'migration.js' : 'index.js'));
+  mainJs.push(_path.default.join(appPath, folder, isReactMig ? 'migration.js' : 'index.js'));
 
   if (hasWidget) {
-    entry.widget = [_path2.default.join(appPath, folder, 'widget.js')];
+    entry.widget = [_path.default.join(appPath, folder, 'widget.js')];
   }
+
   if (hasEFC) {
-    entry.efc = [_path2.default.join(appPath, folder, 'efc.js')];
+    entry.efc = [_path.default.join(appPath, folder, 'efc.js')];
   }
 
   return entry;
 };
-exports.default = getEntries;
+
+var _default = getEntries;
+exports.default = _default;

package/lib/common/getPublicPathConfig.js

@@ -1,26 +1,40 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _utils = require('../utils');
+var _utils = require("../utils");
 
-var _getOptions = (0, _utils.getOptions)(),
-    _getOptions$app = _getOptions.app,
-    publicPaths = _getOptions$app.publicPaths,
-    mode = _getOptions$app.server.mode;
+let {
+  app: {
+    publicPaths,
+    cdnMapping: {
+      isCdnEnabled,
+      variableName
+    },
+    server: {
+      mode
+    }
+  }
+} = (0, _utils.getOptions)();
+let isDevelopment = mode === 'dev' || mode === 'prod' || mode === 'dev-no-warn';
 
-var isDevelopment = mode === 'dev' || mode === 'prod' || mode === 'dev-no-warn';
+var _default = url => {
+  let type = (0, _utils.getFileType)(url);
 
-exports.default = function (url) {
-  var type = (0, _utils.getFileType)(url);
   if (!isDevelopment) {
     if (publicPaths && publicPaths.callback) {
-      return publicPaths.callback + '(' + JSON.stringify(type) + ') + ' + JSON.stringify(url);
+      return `${publicPaths.callback}(${JSON.stringify(type)}) + ${JSON.stringify(url)}`;
+    } else if (isCdnEnabled) {
+      return `window["${variableName}"] + ${JSON.stringify(url)}`;
     } else if (publicPaths) {
-      return '__REACT_CLI_' + type.toUpperCase() + '_PUBLIC_PATH__ + ' + JSON.stringify(url);
+      return `__REACT_CLI_${type.toUpperCase()}_PUBLIC_PATH__ + ${JSON.stringify(url)}`;
     }
   }
-  return '__webpack_public_path__ + ' + JSON.stringify(url);
-};
+
+  return `__webpack_public_path__ + ${JSON.stringify(url)}`;
+};
+
+exports.default = _default;

package/lib/common/index.js

@@ -1,43 +1,39 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _splitChunks = require('./splitChunks');
-
-Object.defineProperty(exports, 'splitChunks', {
+Object.defineProperty(exports, "getEntries", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_splitChunks).default;
+  get: function () {
+    return _getEntries.default;
   }
 });
-
-var _getEntries = require('./getEntries');
-
-Object.defineProperty(exports, 'getEntries', {
+Object.defineProperty(exports, "getPublicPathConfig", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getEntries).default;
+  get: function () {
+    return _getPublicPathConfig.default;
   }
 });
-
-var _getPublicPathConfig = require('./getPublicPathConfig');
-
-Object.defineProperty(exports, 'getPublicPathConfig', {
+Object.defineProperty(exports, "splitChunks", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getPublicPathConfig).default;
+  get: function () {
+    return _splitChunks.default;
   }
 });
-
-var _templateParameters = require('./templateParameters');
-
-Object.defineProperty(exports, 'templateParameters', {
+Object.defineProperty(exports, "templateParameters", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_templateParameters).default;
+  get: function () {
+    return _templateParameters.default;
   }
 });
 
+var _splitChunks = _interopRequireDefault(require("./splitChunks"));
+
+var _getEntries = _interopRequireDefault(require("./getEntries"));
+
+var _getPublicPathConfig = _interopRequireDefault(require("./getPublicPathConfig"));
+
+var _templateParameters = _interopRequireDefault(require("./templateParameters"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }