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

package/README.md

@@ -2,6 +2,11 @@
 
 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
@@ -263,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/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

@@ -110,6 +110,13 @@ var _default = {
       filenames: [],
       packages: []
     },
+    customAttributes: {
+      enable: false,
+      attributes: null,
+      jsAttributes: null,
+      cssAttributes: null,
+      i18nAttributes: null
+    },
     server: {
       host: {
         value: (0, _os.hostname)(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "0.0.1-beta.167",
+  "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",

package/eslint/NOTES.md

@@ -1,3 +0,0 @@
-Suggestions :
-
-1. 'lint-setup', 'add-lint-scripts' not need to exposed

package/eslint/a23.c

@@ -1,16 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 23
-
-int main()
-{
-  // Write C code here
-  int i = 20, j = 22, k = 20, l = 10;
-
-  for (int m = 0; m <= 10; m++)
-  {
-    l = ++i + ++j - k--;
-  }
-  printf("%d\n", l);
-  return 0;
-}

package/eslint/a28.c

@@ -1,25 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 28
-int mark(int x)
-{
-  if (x <= 0)
-  {
-    return 1;
-  }
-  return 0;
-}
-
-int main()
-{
-  // Write C code here
-  int x = 2345, t, a = 0;
-  while (x > 0)
-  {
-    t = x % 10;
-    a += mark(t);
-    x /= 10;
-  }
-  printf("%d\n", a);
-  return 0;
-}

package/eslint/a29.c

@@ -1,25 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 29
-
-int main()
-{
-  // Write C code here
-  int x = 777, y, s = 0, m, n, t, u;
-  y = x;
-  for (m = 0; y != 0; y /= 10)
-  {
-    u = y % 9;
-    for (n = m, t = 1; n >= 0; n--)
-    {
-      t *= 9;
-    }
-    if (u < 5)
-    {
-      u += 3;
-    }
-    s = s * u + t;
-  }
-  printf("%d\n", s);
-  return 0;
-}

package/eslint/a30.c

@@ -1,29 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 30
-
-int main()
-{
-  // Write C code here
-  int a[8] = {24, 27, 33, 27, 9, 43, 0, 3};
-  int i, sum = 0;
-  for (i = 0; i < 5; i = i + 1)
-  {
-    switch (a[i] % 3)
-    {
-    case 2:
-      sum = sum * sum;
-      break;
-    case 1:
-      sum += a[i];
-      break;
-    case 0:
-      sum -= a[i];
-      break;
-    default:
-      sum = sum * a[i];
-    }
-  }
-  printf("%d\n", sum);
-  return 0;
-}

package/eslint/a31.c

@@ -1,23 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 31
-
-int main()
-{
-  // Write C code here
-  int x = 16, y = 32, i = 0;
-  do
-  {
-    if (x % 2 == 0)
-    {
-      y /= 2;
-    }
-    if (y % 2 < 1)
-    {
-      x /= 2;
-    }
-    i++;
-  } while (x > 1);
-  printf("%d\n", i);
-  return 0;
-}

package/eslint/a35.c

@@ -1,23 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 34
-int compute(int a, int b)
-{
-  if (b == 1)
-  {
-    return a;
-  }
-  else
-  {
-    return a + compute(a, --b);
-  }
-}
-
-int main()
-{
-  // Write C code here
-  int a = 37, b = 26, result = 0;
-  result = compute(a, b);
-  printf("%d\n", result);
-  return 0;
-}

package/eslint/a36.c

@@ -1,18 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 36
-int main()
-{
-  // Write C code here
-  char a[] = {'o', 'm', 'p', 'n', 'j', 'o'};
-  for (int i = 1; i <= 6; i++)
-  {
-    a[i - 1] = a[i - 1] + i;
-  }
-  for (int i = 0; i < 6; i++)
-  {
-    printf("%c\n", a[i]);
-  }
-  // printf("%d\n", result);
-  return 0;
-}

package/eslint/a37.c

@@ -1,25 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 37
-int main()
-{
-  // Write C code here
-  char name[] = {'o', 'h', 'o', 'z', 'p', 'r', 'o', 'c'};
-  for (int i = 0, j = 7; i <= 7; i++, j--)
-  {
-    if (name[i] < name[j])
-    {
-      name[i] = name[j];
-    }
-    else
-    {
-      name[i] = name[i];
-    }
-  }
-  for (int i = 0; i <= 7; i++)
-  {
-    printf("%c", name[i]);
-  }
-  // printf("%d\n", result);
-  return 0;
-}

package/eslint/a38.c

@@ -1,28 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 38
-int main()
-{
-  // Write C code here
-  int a = 7798, d = 1, temp, result = 1;
-  temp = a;
-  while (d)
-  {
-    d = temp % 10;
-    temp = temp / 10;
-    d %= 4;
-    switch (d)
-    {
-    case 0:
-      result += (a / 100) + (a % 100);
-    case 1:
-      result += (a / 100) + (a % 100);
-    case 2:
-      result += (a / 100) + (a % 100);
-    case 3:
-      result += (a / 100) + (a % 100);
-    };
-  }
-  printf("%d\n", result);
-  return 0;
-}

package/eslint/a39.c

@@ -1,17 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 39
-int main()
-{
-  // Write C code here
-  int a = 20, b = 15, c = 0;
-
-  while (b > 0)
-  {
-    a = c + a - b;
-    b = a + 1;
-    c = b - 1;
-  }
-  printf("%d\n", a);
-  return 0;
-}

package/eslint/a40.c

@@ -1,32 +0,0 @@
-// Online C compiler to run C program online
-#include <stdio.h>
-// 40
-int main()
-{
-  // Write C code here
-  char a[5] = {'i', 'j', 'k', 'l', 'm'};
-  int i;
-  for (i = 0; i < 5; i++)
-  {
-    // printf("%d\n", a[i]);
-    switch (i % 2)
-    {
-    case 0:
-      a[i] = a[i] + 2;
-      break;
-    case 1:
-      a[i] = a[i] + 3;
-      break;
-    default:
-      a[i] = a[i] + 3;
-    }
-  }
-
-  for (i = 0; i < 5; i++)
-  {
-    printf("%c", a[i]);
-  }
-  // printf("\nHello world");
-
-  return 0;
-}

package/eslint/mockapi.html

@@ -1,18 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <title>mock api</title>
-  </head>
-  <body>
-    <h1>We are going to see how to use mock api</h1>
-    <ul>
-      <li>
-        Step 1:-
-        you need to start the app with "react-cli"."app"."server"."hasMock" as "true" in package.json
-        <code>npm run start --app-port=9090</code>
-      </li>
-    </ul>
-  </body>
-</html>

package/eslint/mockapi.md

@@ -1,5 +0,0 @@
-# We are going to see how to use `Mock api`
-
-- Step 1:-
-  you need to start the app with **"react-cli"."app"."server"."hasMock"** as `true` and **"react-cli"."app"."server"."hasMock"** as `true` in package.json <code>npm run start --app-port=9090</code>
-- Step 2:- you need to start the app with **"react-cli"."app"."server"."hasMock"** as `true` in package.json <code>npm run start --app-port=9090</code>

package/eslint/temp/package.json

@@ -1,15 +0,0 @@
-{
-  "name": "temp",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [],
-  "author": "ponkumar.s <nksponkumar@gmail.com>",
-  "license": "ISC",
-  "dependencies": {
-    "jks-js": "^1.0.2"
-  }
-}

package/eslint/testa/build1/index.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
-</head>
-<body>
-  
-<script defer src="https://kumar-zt375.tsi.zohocorpin.com:9090/app/js/./runtime~main_.js" nonce="{{--CSP-nonce}}"></script><script defer src="https://kumar-zt375.tsi.zohocorpin.com:9090/app/js/main_.js" nonce="{{--CSP-nonce}}"></script></body>
-</html>

package/eslint/testa/build1/js/2_.js

@@ -1,15 +0,0 @@
-(window["appJsonp"] = window["appJsonp"] || []).push([[2],{
-
-/***/ "./src/chunk1.js":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _utlis__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/utlis.js");
-
-Object(_utlis__WEBPACK_IMPORTED_MODULE_0__[/* justVeryBigVeryVeryVeryBigNamesay */ "a"])("welcome to chunk1");
-
-/***/ })
-
-}]);
-//# sourceMappingURL=2_.js.map

package/eslint/testa/build1/js/2_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/2_.js","sources":["webpack:///./src/chunk1.js"],"sourcesContent":["import { justVeryBigVeryVeryVeryBigNamesay } from \"./utlis\";\n\njustVeryBigVeryVeryVeryBigNamesay(\"welcome to chunk1\");\n"],"mappings":";;;;;;AAAA;AAAA;AAAA;AAEA;;;;A","sourceRoot":""}

package/eslint/testa/build1/js/main_.js

@@ -1,40 +0,0 @@
-(window["appJsonp"] = window["appJsonp"] || []).push([[1],{
-
-/***/ "./src/index.js":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _utlis__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/utlis.js");
-
-__webpack_require__.e(/* import() */ 2).then(__webpack_require__.bind(null, "./src/chunk1.js"));
-Object(_utlis__WEBPACK_IMPORTED_MODULE_0__[/* justVeryVeryVeryVeryBigNamesayHello */ "b"])();
-
-/***/ }),
-
-/***/ "./src/utlis.js":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return justVeryVeryVeryVeryBigNamesayHello; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return justVeryBigVeryVeryVeryBigNamesay; });
-function justVeryVeryVeryVeryBigNamesayHello() {
-  console.log("hello");
-}
-function justVeryBigVeryVeryVeryBigNamesay(text) {
-  console.log("hello");
-  console.log("text", text);
-}
-
-/***/ }),
-
-/***/ 0:
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__("./src/index.js");
-
-
-/***/ })
-
-},[[0,0]]]);
-//# sourceMappingURL=main_.js.map

package/eslint/testa/build1/js/main_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"js/main_.js","sources":["webpack:///./src/index.js","webpack:///./src/utlis.js"],"sourcesContent":["import { justVeryVeryVeryVeryBigNamesayHello } from \"./utlis\";\nimport(\"./chunk1\")\njustVeryVeryVeryVeryBigNamesayHello();","export function justVeryVeryVeryVeryBigNamesayHello() {\n  console.log(\"hello\");\n}\nexport function justVeryBigVeryVeryVeryBigNamesay(text) {\n  console.log(\"hello\");\n  console.log(\"text\", text);\n}\n"],"mappings":";;;;;;AAAA;AAAA;AAAA;AACA;AACA;;;;;;;;ACFA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;A","sourceRoot":""}