@zohodesk/react-cli 0.0.1-beta.166 → 0.0.1-beta.167.1

package/README.md

@@ -2,6 +2,52 @@
 
 A CLI tool for build modern web application and libraries
 
+
+# 0.0.1-beta.167.1
+In this version we merged changes from [0.0.1-betaa.138.1](#0.0.1-betaa.138.1).  
+and with [0.0.1-beta.167](#0.0.1-beta.167) version changes.  
+
+# 0.0.1-beta.167
+
+SSL certificate update
+this version has same as `0.0.1-exp.166.1`, `0.0.1-exp.166.2` and below and some minor changes
+Features:-
+
+- `--shallow_clone` option to `react-cli clone` this option will be usefull for shallow cloning repos in build time we don't need commit messages it will be 2x fast this way
+  - Example `react-cli clone --clone_type=git --clone_url=https://some.url --shallow_clone`
+- `cliRootPath` option added for npm workspace related path problems
+  - Usage `package.json` , "react-cli" => "cliRootPath" stright key
+- `unstableDepsInverse` option added for use app need library first priority over react-cli packages
+  - Usage `package.json` , "react-cli" => "unstableDepsInverse" stright key
+
+Issue Fix :-
+
+- In devmode initial html not recived after second rebuild issue fix.
+- typo fix `devBulid` to `devBuild`.
+- `disableES5Transpile` option missed in docs now added.
+- docs libAlias not work as app for example in app we always take `es` folder to build for treshaking and reasons,
+  But that option not enabled in docs. now it is enabled.
+- In `react-cli devbuild` command options not working properly,
+  when above command run via terminal not via npm run script options not working
+  So we send that options to webpack then it works as expected.
+  this behaviour need to check across os and need to be cross check with other commends as well for now we only fixed this
+
+# 0.0.1-exp.166.2
+
+Changes:-
+
+- `-w` option (watch option) added for `react-cli rtl`
+  - Example `react-cli rtl ./src ./lib -w`
+  <!-- need to handle `react-cli rtl` options  correctly -->
+- disableES5Transpile option libAlias added for docs
+
+# 0.0.1-exp.166.1
+
+Changes:-
+
+- `__testUtils__/globals.js` to jest is not mantatory
+- disableES5Transpile option libAlias added
+
 # 0.0.1-beta.166
 
 this version has same as `# 0.0.1-exp.164.1`, `# 0.0.1-exp.164.2` and below and some minor changes
@@ -222,6 +268,11 @@ impact servise related changes:-
 - babel runtime plugin issue fix in prod config
 - few enhancements
 
+# 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

package/bin/cli.js

@@ -13,6 +13,7 @@ const options = getOptions();
 
 const { esLint: esLintOptions } = options || {};
 const { preprocess } = options;
+let { cliRootPath } = options;
 const {
   ignoreFilePaths: esLintIgnorePaths,
   fix: esLintFix,
@@ -28,8 +29,12 @@ const appPath = process.cwd();
 
 const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
 
+if (!cliRootPath) {
+  cliRootPath = path.join(__dirname, '..');
+}
+
 const _getCliPath = !isNodeModuleUnderAppFolder
-  ? libName => path.join(__dirname, '..', 'node_modules', '.bin', libName)
+  ? libName => path.join(cliRootPath, 'node_modules', '.bin', libName)
   : libName => libName;
 const suffixExt = isWindows ? '.cmd' : '';
 

package/cert/Tsicsezwild-22-23.crt

@@ -0,0 +1,37 @@
+-----BEGIN CERTIFICATE-----
+MIIGXjCCBUagAwIBAgIRAMKJgToWlDYncIf54wIl/K4wDQYJKoZIhvcNAQELBQAw
+gY8xCzAJBgNVBAYTAkdCMRswGQYDVQQIExJHcmVhdGVyIE1hbmNoZXN0ZXIxEDAO
+BgNVBAcTB1NhbGZvcmQxGDAWBgNVBAoTD1NlY3RpZ28gTGltaXRlZDE3MDUGA1UE
+AxMuU2VjdGlnbyBSU0EgRG9tYWluIFZhbGlkYXRpb24gU2VjdXJlIFNlcnZlciBD
+QTAeFw0yMjA0MjAwMDAwMDBaFw0yMzA0MjAyMzU5NTlaMB4xHDAaBgNVBAMTE2Nz
+ZXouem9ob2NvcnBpbi5jb20wggEiMA0GCSqGSIb3DQEBAQUAA4IBDwAwggEKAoIB
+AQDaiXIoQmlYF7guFyGcjqmwJ4ksETK7R0QVoald3h0f8nkbqn29fg3MwvmMmnCV
+27frm0wYaWK7/xIWb0IIxYqGG2OmOFC4lv/jrGa96EH3fHm0DVU+4gFOf+qdvjdt
+vBdCxWw++dG8KJsbeFcJoF+az/Ei9vhjzgrKtHH62b9aw5i5lpVFbq9bZ0xr3xOx
+brOpZDk/Af2svICTi15/G+YGM7X5DL7z2tjtX8KZ5cbLIjkQS7chtjmx61Tuwq+f
+4zk0ge8w9hNkvcYrsueuT/FDyO8wbPphNPJBdGrjLnMT05vedAryYfl7LHe8ib3m
+T6QQ0afxvkIyOkpjIEiN1E/jAgMBAAGjggMjMIIDHzAfBgNVHSMEGDAWgBSNjF7E
+VK2K4Xfpm/mbBeG4AY1h4TAdBgNVHQ4EFgQUmkpYbSWtXdFPZfJSz+yW7EA0mjYw
+DgYDVR0PAQH/BAQDAgWgMAwGA1UdEwEB/wQCMAAwHQYDVR0lBBYwFAYIKwYBBQUH
+AwEGCCsGAQUFBwMCMEkGA1UdIARCMEAwNAYLKwYBBAGyMQECAgcwJTAjBggrBgEF
+BQcCARYXaHR0cHM6Ly9zZWN0aWdvLmNvbS9DUFMwCAYGZ4EMAQIBMIGEBggrBgEF
+BQcBAQR4MHYwTwYIKwYBBQUHMAKGQ2h0dHA6Ly9jcnQuc2VjdGlnby5jb20vU2Vj
+dGlnb1JTQURvbWFpblZhbGlkYXRpb25TZWN1cmVTZXJ2ZXJDQS5jcnQwIwYIKwYB
+BQUHMAGGF2h0dHA6Ly9vY3NwLnNlY3RpZ28uY29tMIIBfwYKKwYBBAHWeQIEAgSC
+AW8EggFrAWkAdwCt9776fP8QyIudPZwePhhqtGcpXc+xDCTKhYY069yCigAAAYBH
+FYz3AAAEAwBIMEYCIQD0YmMCd5ZPhVwCYdHJFXaB3TeEVtY3GGBmJreCYpxpWwIh
+AKPLd+IUbrKGjN436yXigPnSHYMhYHjcOIwkJilCKW4kAHYAejKMVNi3LbYg6jjg
+Uh7phBZwMhOFTTvSK8E6V6NS61IAAAGARxWMsAAABAMARzBFAiEA2QOIvUWLlk5d
+dCQ+b3rJrhJhhgYu4KReme7QYuopJL8CIEuwHH4Ro9RfFajzZcYfL0tQO1zacBM+
+yRVvLTF3MbwDAHYA6D7Q2j71BjUy51covIlryQPTy9ERa+zraeF3fW0GvW4AAAGA
+RxWMjwAABAMARzBFAiAU9r8DFaPKtVJ/uCelx8aYgmawpzthhaOATzfS2jWpNwIh
+AJsUAAMJb17Vwk4HucoLRN3ve2qm8TzRiGepKIh/r0rdMEsGA1UdEQREMEKCE2Nz
+ZXouem9ob2NvcnBpbi5jb22CFSouY3Nlei56b2hvY29ycGluLmNvbYIUKi50c2ku
+em9ob2NvcnBpbi5jb20wDQYJKoZIhvcNAQELBQADggEBADbqEtyp7J47CbCHIZ+A
+nedURDLTV0G2cR/yHxbbSUfQsJUt8t736JVw4JnRN2Exch32v9LHvEr40O7TL4er
+OQuEIe7wTkcJ7wZ6bkxgI/ip8y0w2Ips4eVxSmnYYk0AjiyKmn+ujdNZ0yz7qfUE
+ysgRbsyL4ODlUBdTHjS6vFVtTmDWGE9St/gkQEHPoyGNe7v6+39GJEHW2XKYfuhK
+//nHcQxvyr2O5dJGlP1q1WIJRJyCp3Srbgso55H/ylmwfJ7ePYgM4GWbWEfSDLHW
+KOZL2IZgz+oRJikKU4CAvjKvpULK2rSnIs2W11z4KtLqyzTrVmkuJ6MP2rMBQrHu
+jTs=
+-----END CERTIFICATE-----

package/cert/Tsicsezwild-22-23.key

@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEowIBAAKCAQEA2olyKEJpWBe4LhchnI6psCeJLBEyu0dEFaGpXd4dH/J5G6p9
+vX4NzML5jJpwldu365tMGGliu/8SFm9CCMWKhhtjpjhQuJb/46xmvehB93x5tA1V
+PuIBTn/qnb43bbwXQsVsPvnRvCibG3hXCaBfms/xIvb4Y84KyrRx+tm/WsOYuZaV
+RW6vW2dMa98TsW6zqWQ5PwH9rLyAk4tefxvmBjO1+Qy+89rY7V/CmeXGyyI5EEu3
+IbY5setU7sKvn+M5NIHvMPYTZL3GK7Lnrk/xQ8jvMGz6YTTyQXRq4y5zE9Ob3nQK
+8mH5eyx3vIm95k+kENGn8b5CMjpKYyBIjdRP4wIDAQABAoIBACfOaGpX6nte2rAe
+i4NKYzNQiEZsHYsKaKbuCv0ro695icDV1dCJ4PaevzjyurY5Tu+OGpbJv2/R/tfy
+TRtu7BQQch7JXD67VoIAmbhW0YlEdaCr2w64uRc06qXwC4WkALKrZlO0SpVU6iff
+TC9XNILtBJXjWYxIcCPLKYXRWu8romGJGNvZlabHkMMk1eF/rZvdmlgVj1LCE//A
+gjYPsiWCDi0ZWOCXNmKq4yNQnAPjHb4nhN/BumXKn9D/wl282FFx6E9Yetg/bvj6
+f2JN8AST1WwMcPxdnDKC+ZUD0mQqG+w3g47dkaTxc1G5Yot9t0rYujIjbtaFLiWN
+MEGDtsUCgYEA+TIOItGeaRRPdAfXDKjEw2/UfnNr1S9DyAFP7j3UajR7bDv/wWSG
+ct0tJnpK/LvnYsvTF1QQ3PV1hNNtu97XdDV6rwuDeVXOfDBH0ctbnqevTw4ShRuG
++0qwfychuIy4jG0ZHGFn5adhBhspxGjgYqxJo9fdQBjU0ciH91B6IeUCgYEA4IEU
+GW9rJoVB86HVdaadq2VmuOdyGa+tLkPh8v47vPGB/vpRlThuuRRc51Oq+SRh7bC7
+FO4cjOa6VpM9dkeAc2GFPs+uyzzU8yRxeqO3gicvXC1sApaca9uv8Vp3WDacnlsu
+shVM+RXKLEi8/JHrcr9BCvSlycvZy8t+QUp6LicCgYBE1ocBJ1bTQEESlHfbj2OL
+eYEBzXCkW4Il5fbmoT3keMr/gzOLgPGDGYY3cuD0IBQzPor5jsd5wnTMVHujwlNS
+TtOtN0kCY6m+tLeiRMLyeO/8rq5/BrOrB17qQS0XhggVAq5FIMNKtYof3bEUCMSz
+fVR6Zk9APZvMt9CXiSuz4QKBgFHDMMrCpUd2KLrOKaubbrjJSUv2Hrv0GyJKXrPc
+m20Il8uA5s1trAWDwQIOmqn58iBayQeqYIOAVETLgwrcp49d6OUjRgmGsheLIjkD
+/wVLuBfeAwQ+TeGKNN21kNlzqj6R/sOktk/Q+7x9ETb6/cDgnpOa3fZMY5mxFt44
+fZ7pAoGBAN8ep49qQWxChYfqu75d3dkCcbF6UeWS+mDZ1QDkiJ5hGlDWDAC7EUma
+jf7c56wBydih+2XKFq2BWxyFcfzzxKJrNeMhGANi/yJ1QrECyrwVWnhP+OFfG5vR
+O+PzUCwZGet0PHG6r6IuvpGMCdZDYCt+fZSvIRJtmvIrtZWGKQly
+-----END RSA PRIVATE KEY-----

package/docs/DevStart.md

@@ -0,0 +1,18 @@
+# DevServer Start
+
+## command
+
+> `react-cli start`
+
+## Options
+
+we have to typs of options command line arguments and package.json option specifying
+
+### First package.json option specifying
+
+1. `react-cli.app.context`
+1. `react-cli.app.server`
+1. `react-cli.app.server`
+1. `react-cli.app.server`
+1. `react-cli.app.server`
+1. `react-cli.app.server`

package/lib/configs/jest.config.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _fs = require("fs");
+
 var _path = _interopRequireDefault(require("path"));
 
 var _libAlias = require("./libAlias");
@@ -13,6 +15,9 @@ let moduleNameMapper = Object.keys(_libAlias.libAlias).reduce((previousValue, ke
   previousValue[`^${key}(.*)$`] = `${_libAlias.libAlias[key]}$1`;
   return previousValue;
 }, {});
+
+const appGlobals = _path.default.resolve(appPath, '__testUtils__', 'globals.js');
+
 let commonConfig = {
   coverageReporters: ['json', 'html', 'json-summary', 'text'],
   collectCoverage: true,
@@ -28,7 +33,7 @@ let commonConfig = {
   transformIgnorePatterns: ['/node_modules/(?!(@zohodesk)/)'],
   // transformIgnorePatterns: ['/node_modules.*?.js$'],
   moduleFileExtensions: ['js'],
-  setupFiles: [_path.default.resolve(appPath, '__testUtils__', 'globals.js'), _path.default.resolve(__dirname, '..', 'jest', 'setup.js')],
+  setupFiles: [(0, _fs.existsSync)(appGlobals) && appGlobals, _path.default.resolve(__dirname, '..', 'jest', 'setup.js')].filter(Boolean),
   globals: {
     __DEVELOPMENT__: true,
     __DOCS__: false,

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

@@ -16,6 +16,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 let options = (0, _utils.getOptions)();
 let {
+  unstableDepsInverse,
   app: {
     folder,
     context,
@@ -131,10 +132,10 @@ module.exports = {
     ZC: '$ZC'
   },
   resolve: {
-    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
     alias: disableES5Transpile ? _libAlias.libAlias : {}
   },
   resolveLoader: {
-    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 };

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

@@ -8,12 +8,16 @@ var _pluginUtils = require("../pluginUtils");
 
 var _loaderUtils = require("../loaderUtils");
 
+var _libAlias = require("./libAlias");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 let options = (0, _utils.getOptions)();
 let {
+  unstableDepsInverse,
   docs: {
     componentFolder,
+    disableES5Transpile,
     cssUniqueness,
     hasRTL,
     rtlExclude,
@@ -28,39 +32,39 @@ let appPath = process.cwd();
 
 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"]
+    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",
+  devtool: 'none',
+  mode: 'development',
   output: {
-    path: _path.default.join(appPath, "build"),
-    filename: "js/[name].js",
-    publicPath: "/docs/",
-    library: "Component",
-    libraryTarget: "umd"
+    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",
+        loader: 'babel-loader',
         options: {
-          presets: [[require.resolve("@babel/preset-env"), {
+          presets: [[require.resolve('@babel/preset-env'), {
             modules: false
-          }], require.resolve("@babel/preset-react")],
-          plugins: [[require.resolve("@babel/plugin-transform-runtime"), {
+          }], 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")],
+          }], 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"),
+      use: require.resolve('../loaders/docsLoader.js'),
       include: _path.default.join(appPath, folder),
       exclude: /node_modules/
     }, {
@@ -68,29 +72,29 @@ module.exports = isSSTest => ({
       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]"]
+      use: ['url-loader?limit=1000&name=./images/[name].[ext]']
     }, {
       test: /\.woff2|\.woff$|\.ttf$|\.eot$/,
-      use: ["url-loader?limit=1000&name=./fonts/[name].[ext]"]
+      use: ['url-loader?limit=1000&name=./fonts/[name].[ext]']
     }, {
       test: /\.svg$/,
-      use: ["url-loader?limit=1&name=./fonts/[name].[ext]"]
+      use: ['url-loader?limit=1&name=./fonts/[name].[ext]']
     }, {
       test: /\.html$/,
       use: {
-        loader: "html-loader",
+        loader: 'html-loader',
         options: {
-          attrs: [":data-src"],
-          interpolate: "require"
+          attrs: [':data-src'],
+          interpolate: 'require'
         }
       }
     }, {
       test: /\.ogg$/,
-      use: ["file-loader?name=./fonts/[name].[ext]"]
+      use: ['file-loader?name=./fonts/[name].[ext]']
     }, {
       test: /\.tmpl$/,
       use: [{
-        loader: "html-loader",
+        loader: 'html-loader',
         options: {
           minimize: {
             removeComments: true,
@@ -104,12 +108,13 @@ module.exports = isSSTest => ({
     }]
   },
   externals: {
-    ZC: "$ZC"
+    ZC: '$ZC'
   },
   resolve: {
-    modules: [_path.default.resolve(__dirname, "..", "..", "node_modules"), "node_modules"]
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
+    alias: disableES5Transpile ? _libAlias.libAlias : {}
   },
   resolveLoader: {
-    modules: [_path.default.resolve(__dirname, "..", "..", "node_modules"), "node_modules"]
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 });

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

@@ -17,6 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // import TerserPlugin from 'terser-webpack-plugin';
 let options = (0, _utils.getOptions)();
 let {
+  unstableDepsInverse,
   app: {
     folder,
     context,
@@ -80,7 +81,7 @@ module.exports = {
     concatenateModules: true,
     minimize: true,
     // by  default if  minimize: true in webpack minimize then webpack automaticaly add TerserPlugin,
-    //  So we are overrideing it. 
+    //  So we are overrideing it.
     // minimizer: [
     //   new TerserPlugin({
     //     cache: true,
@@ -208,10 +209,10 @@ module.exports = {
     ZC: '$ZC'
   },
   resolve: {
-    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules'],
     alias: disableES5Transpile ? _libAlias.libAlias : {}
   },
   resolveLoader: {
-    modules: [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
+    modules: unstableDepsInverse ? ['node_modules', _path.default.resolve(__dirname, '..', '..', 'node_modules')] : [_path.default.resolve(__dirname, '..', '..', 'node_modules'), 'node_modules']
   }
 };

package/lib/pluginUtils/getDevPlugins.js

@@ -31,6 +31,8 @@ var _plugins = require("../plugins");
 
 var _common = require("../common");
 
+var _CustomAttributePlugin = require("../plugins/CustomAttributePlugin");
+
 var _RtlCssPlugin = require("../plugins/RtlSplitPlugin/RtlCssPlugin");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -41,6 +43,7 @@ let getDevPlugins = (options, publicPath) => {
       tpFolder,
       folder,
       instrumentScript,
+      customAttributes,
       devCssFileBountry,
       context,
       hasEFC: prevOptionForEnableEFC,
@@ -80,6 +83,7 @@ let getDevPlugins = (options, publicPath) => {
       NODE_ENV: JSON.stringify(mode === 'dev-no-warn' ? 'production' : 'development')
     }
   }), new _miniCssExtractPlugin.default({
+    attributes: customAttributes.cssAttributes,
     filename: cssLTRFileNameTempalte,
     // ignoreOrder: true,
     chunkFilename: cssLTRFileNameTempalte
@@ -194,6 +198,7 @@ let getDevPlugins = (options, publicPath) => {
     mainChunkName: 'main'
   }));
   instrumentScript && plugins.push(new _plugins.ScriptInstrumentPlugin());
+  customAttributes.enable && plugins.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
   hasShadowDOM && plugins.push(new _plugins.ShadowDOMSupportPlugin());
 
   if (devCssFileBountry) {

package/lib/pluginUtils/getProdPlugins.js

@@ -31,6 +31,8 @@ var _plugins = require("../plugins");
 
 var _common = require("../common");
 
+var _CustomAttributePlugin = require("../plugins/CustomAttributePlugin");
+
 var _RtlCssPlugin = require("../plugins/RtlSplitPlugin/RtlCssPlugin");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -59,6 +61,7 @@ let getProdPlugins = (options, publicPath = '') => {
     htmlTemplate: {
       inject
     },
+    customAttributes,
     tpHashMapping,
     cdnMapping,
     crossorigin
@@ -276,6 +279,7 @@ let getProdPlugins = (options, publicPath = '') => {
     }));
   }
 
+  customAttributes.enable && plugins.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
   return plugins;
 };
 

package/lib/plugins/CustomAttributePlugin.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomAttributePlugin = void 0;
+
+var _Template = _interopRequireDefault(require("webpack/lib/Template"));
+
+var _htmlWebpackInjectAttributesPlugin = _interopRequireDefault(require("html-webpack-inject-attributes-plugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable no-use-before-define */
+class CustomAttributePlugin {
+  constructor(options) {
+    this.options = {
+      attributes: options.attributes,
+      useHTMLAttribute: options.attributes && !options.jsAttributes && !options.cssAttributes && !options.i18nAttributes,
+      jsAttributes: options.jsAttributes || options.attributes || {},
+      cssAttributes: options.cssAttributes || options.attributes || {},
+      i18nAttributes: options.i18nAttributes || options.attributes || {}
+    };
+  }
+
+  addCustomAttributeToDynamicScriptTags(mainTemplate) {
+    const {
+      jsAttributes,
+      cssAttributes,
+      i18nAttributes
+    } = this.options; // NOTE: To add custom Attributes to js Script tags
+
+    mainTemplate.hooks.jsonpScript.tap('CustomAttributePlugin', source => {
+      const str = attributeSetTemplate(jsAttributes, 'script');
+      return _Template.default.asString([source, ...str]);
+    }); // NOTE: To add custom Attributes to css link tags
+
+    mainTemplate.hooks.requireEnsure.tap('CustomAttributePlugin', source => {
+      const str = attributeSetTemplate(cssAttributes, 'linkTag');
+      const replacedStr = source.replace('head.appendChild(linkTag);', `${str.join('')}head.appendChild(linkTag);`); //   console.log({ s: source, r: replacedStr });
+
+      return replacedStr;
+    }); // NOTE: To add custom Attributes to i18n split js Script tags
+
+    mainTemplate.hooks.requireEnsure.tap('CustomAttributePlugin', source => {
+      const str = attributeSetTemplate(i18nAttributes, 'scriptTag');
+      const replacedStr = source.replace('document.body.appendChild(scriptTag);', `${str.join('')}document.body.appendChild(scriptTag);`); //   console.log({ s: source, r: replacedStr });
+
+      return replacedStr;
+    });
+  }
+
+  apply(compiler) {
+    // NOTE: we not using this, Reason currently this option is only need for EFC,
+    // So it do not needed.
+    const {
+      attributes,
+      useHTMLAttribute
+    } = this.options;
+    useHTMLAttribute && new _htmlWebpackInjectAttributesPlugin.default(attributes).apply(compiler);
+    compiler.hooks.thisCompilation.tap({
+      name: 'CustomAttributePlugin',
+      stage: 1,
+      fn: compilation => {
+        this.addCustomAttributeToDynamicScriptTags(compilation.mainTemplate);
+      }
+    });
+  }
+
+}
+
+exports.CustomAttributePlugin = CustomAttributePlugin;
+
+function attributeSetTemplate(jsAttributes, variableName) {
+  let str = [];
+  Object.keys(jsAttributes).forEach(key => {
+    const val = jsAttributes[key];
+    str.push(`${variableName}.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(val)});`);
+  }); //   console.log({ str });
+
+  return str;
+}

package/lib/plugins/CustomAttributePlugin.md

@@ -0,0 +1,35 @@
+# CustomAttributePlugin
+ In this plugin we added all dynamic chunks tags (like js script tags , css script tags, i18n split script tags) to extra custom attribute
+
+## Options
+
+```json
+{
+  "name": "some",
+  "react-cli": {
+    "app": {
+      "customAttributes": {// this is the all options
+        "enable": false,
+        "attributes": null,
+        "jsAttributes": null,
+        "cssAttributes": null,
+        "i18nAttributes": null
+      }
+  }
+}
+```
+
+### enable   [Boolean]
+this decides is this plugin or feature needs to be enabled of not.
+
+
+### attributes   [Object] 
+It  was object of key value pairs Example Given Option {"data-app-name":"myapp"}  
+Then all dynamically (js script tags , css script tags, i18n split script tags) added tags via webpack 
+
+### jsAttributes   [Object] 
+same as [attributes] but only for js script tags
+### cssAttributes   [Object] 
+same as [attributes] but only for css script tags
+### i18nAttributes   [Object] 
+same as [attributes] but only for i18n split script tags

package/lib/schemas/index.js

@@ -14,6 +14,11 @@ var _getCurrentBranch = _interopRequireDefault(require("../utils/getCurrentBranc
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var _default = {
+  cliRootPath: null,
+  unstableDepsInverse: {
+    value: false,
+    cli: 'unstable_deps_inverse'
+  },
   sslCertURL: {
     value: null,
     cli: 'ssl_cert_url'
@@ -105,6 +110,13 @@ var _default = {
       filenames: [],
       packages: []
     },
+    customAttributes: {
+      enable: false,
+      attributes: null,
+      jsAttributes: null,
+      cssAttributes: null,
+      i18nAttributes: null
+    },
     server: {
       host: {
         value: (0, _os.hostname)(),
@@ -257,6 +269,7 @@ var _default = {
       cli: 'css_unique'
     },
     folder: 'src',
+    disableES5Transpile: false,
     hasRTL: false,
     rtlExclude: [],
     cssHashSelectors: {
@@ -553,6 +566,10 @@ var _default = {
       value: null,
       cli: 'clone_revision'
     },
+    shallowClone: {
+      value: false,
+      cli: 'shallow_clone'
+    },
     projectName: {
       value: null,
       cli: 'clone_proj_name'

package/lib/servers/{devBulid.js → devBuild.js}

@@ -18,6 +18,9 @@ var _getCliPath = require("./getCliPath");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const options = (0, _utils.getOptions)(); // const args = process.argv.slice(3);
+// NOTE: need to discuss about in below codes,
+//  when we run webpack the  usable options  that comes  for npm run not  working  as automatical
+//  we are use this option always --disable_watch=true reason for now no need for  
 
 const {
   app: {
@@ -61,8 +64,9 @@ const startTime = Date.now(); // const result = spawnSync(
 //   ),
 //   { stdio: 'inherit' }
 // );
+// --disable_watch=true
 
-const result = execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')}`);
+const result = execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')} ${process.argv.slice(2).map(o => o.replace(/(.*?)=(.*)/, '$1="$2"')).join(' ')} `);
 result && console.log(result);
 
 if (result && result.stderr) {
@@ -83,8 +87,8 @@ if (zipname) {
   } else {
     console.log('zip  file  created', cssSelectorZipPath);
   }
-} // npm run start --app:domain=tsi --impact:cssbountry="{$@&&@$}" --disable-watch --dev-cache --cssselector_zip=css-source-map.zip 
-// npm run start --app_domain=tsi --impact_cssbountry="{$@&&@$}" --disable-watch --dev-cache --cssselector_zip=css-source-map.zip 
+} // npm run start --app:domain=tsi --impact:cssbountry="{$@&&@$}" --disable-watch --dev-cache --cssselector_zip=css-source-map.zip
+// npm run start --app_domain=tsi --impact_cssbountry="{$@&&@$}" --disable-watch --dev-cache --cssselector_zip=css-source-map.zip
 
 
 console.log(`compailation done in ${Date.now() - startTime}ms`);

package/lib/servers/httpsOptions.js

@@ -12,8 +12,7 @@ var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const httpsOptions = {
-  key: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/key.pem')),
-  cert: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/cert.pem')),
-  passphrase: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/passphrase.pem')).toString()
+  key: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/Tsicsezwild-22-23.key')),
+  cert: _fs.default.readFileSync(_path.default.join(__dirname, '../../cert/Tsicsezwild-22-23.crt'))
 };
 exports.httpsOptions = httpsOptions;

package/lib/servers/nowatchserver.js

@@ -14,7 +14,7 @@ var _utils = require("../utils");
 
 var _httpsOptions = require("./httpsOptions");
 
-var _devBulid = require("./devBulid");
+var _devBuild = require("./devBuild");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -42,7 +42,7 @@ const {
   zipname,
   cssSelectorZipPath,
   outputFolderLocation
-} = (0, _devBulid.getPaths)();
+} = (0, _devBuild.getPaths)();
 const app = (0, _express.default)();
 
 if (hasMock) {

package/lib/servers/server.js

@@ -69,7 +69,8 @@ if (mode === 'prod') {
   config = require('../configs/webpack.dev.config');
 } else {
   throw new Error('You must configure valid option in mode');
-}
+} // console.log({ contextURL });
+
 
 let compiler = (0, _webpack.default)(config);
 let webpackServerOptions = {
@@ -144,15 +145,22 @@ app.post('/wmsmockapi', (req, res) => {
   res.send('success');
 });
 let webpackCompilation;
+let initalHTML;
 compiler.hooks.afterCompile.tap('ReactCLI', compilation => {
   webpackCompilation = compilation;
 });
+compiler.hooks.done.tap('ReactCLI', () => {
+  const indexHtml = webpackCompilation.assets['index.html'];
+
+  if (indexHtml) {
+    initalHTML = indexHtml.source();
+  }
+});
 
 if (contextURL) {
   app.use(contextURL, _express.default.static(context));
   app.use(`${contextURL}/*`, (req, res) => {
-    let indexHtml = webpackCompilation.assets['index.html'];
-    res.send(indexHtml && indexHtml.source());
+    res.send(initalHTML);
   });
 } else {
   app.use(_express.default.static(context));

package/lib/utils/repoClone.js

@@ -28,6 +28,7 @@ let {
     branch,
     revision,
     projectName,
+    shallowClone,
     cacheDir,
     remoteName,
     shouldDelete
@@ -73,9 +74,11 @@ let cloneRepo = () => {
     }
   }
 
-  (0, _index.log)(`Going to clone ${url} repo to ${cacheDir} path`); // this is for some time error will because of hg or git so we addid error log for this 
+  (0, _index.log)(`Going to clone ${url} repo to ${cacheDir} path`); // this is for some time error will because of hg or git so we addid error log for this
 
-  spawnSyncWithErrorLog(type, ['clone', url, revisionOrBranch, projectName], {
+  let oargs = ['clone', url, revisionOrBranch, projectName];
+  type === 'git' && shallowClone && oargs.push('--depth=1');
+  spawnSyncWithErrorLog(type, oargs, {
     cwd: cacheDir,
     stdio: 'inherit'
   });

package/lib/utils/rtl.js

@@ -18,7 +18,10 @@ let src = _path.default.join(cwd, process.argv[2]);
 
 let dist = _path.default.join(cwd, process.argv[3]);
 
-(0, _folderIterator.default)(src, dist, ['.css'], false, (fromPath, toPath) => {
+let canWacth = '-w' === process.argv[4];
+
+// import { useExitCleanup } from './useExitCleanup';
+function watchHandler(fromPath, toPath) {
   let css = _fs.default.readFileSync(fromPath);
 
   (0, _postcss.default)([(0, _postcssRtl.default)({
@@ -39,4 +42,18 @@ let dist = _path.default.join(cwd, process.argv[3]);
       _fs.default.writeFile(`${toPath}.map`, result.map, () => true);
     }
   });
-});
+}
+
+(0, _folderIterator.default)(src, dist, ['.css'], false, (fromPath, toPath) => {
+  if (canWacth && fromPath) {
+    _fs.default.watchFile(fromPath, () => {
+      watchHandler(fromPath, toPath);
+    });
+  }
+
+  watchHandler(fromPath, toPath);
+}); // if (canWacth) {
+//   useExitCleanup(() => {
+//     fs.unwatchFile(src, watchHandler);
+//   });
+// }

package/lib/utils/useExitCleanup.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useExitCleanup = useExitCleanup;
+//so the program will not close instantly
+let listeners = [];
+let hasCalled = false;
+
+function useExitCleanup(listener) {
+  if (!hasCalled) {
+    process.stdin.resume();
+    hasCalled = true;
+  }
+
+  listeners.push(listeners);
+  return () => {
+    listeners = listeners.filter(l => l !== listener);
+  };
+}
+
+function exitHandler(options, exitCode) {
+  if (options.cleanup) {
+    console.log('clean');
+  }
+
+  if (exitCode || exitCode === 0) {
+    console.log(exitCode);
+  }
+
+  if (options.exit) {
+    process.exit();
+  }
+} //do something when app is closing
+
+
+process.on('exit', exitHandler.bind(null, {
+  cleanup: true
+})); //catches ctrl+c event
+
+process.on('SIGINT', exitHandler.bind(null, {
+  exit: true
+})); // catches "kill pid" (for example: nodemon restart)
+
+process.on('SIGUSR1', exitHandler.bind(null, {
+  exit: true
+}));
+process.on('SIGUSR2', exitHandler.bind(null, {
+  exit: true
+})); //catches uncaught exceptions
+
+process.on('uncaughtException', exitHandler.bind(null, {
+  exit: true
+}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "0.0.1-beta.166",
+  "version": "0.0.1-beta.167.1",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -10,6 +10,7 @@
     "build": "babel src -d lib --copy-files",
     "prepare": "npm run clean && npm run build",
     "lint": "eslint src ./bin/cli.js",
+    "postpublish": "node postpublish.js",
     "expublish": "npm publish --tag experimental-version"
   },
   "engines": {

package/postpublish.js

@@ -0,0 +1,6 @@
+const { execSync } = require('child_process');
+const { version } = require('./package.json');
+console.log(`going to add git tag...  v${version}`);
+
+execSync(`git tag -a v${version}`, { stdio: 'inherit' });
+execSync(`git push origin v${version}`, { stdio: 'inherit' });