@zohodesk/react-cli 0.0.1-beta.164 → 0.0.1-beta.165

package/README.md

@@ -2,6 +2,14 @@
 
 A CLI tool for build modern web application and libraries
 
+# 0.0.1-beta.165
+
+- `valueReplacer` option added in shemas for font name replace related issue handling, for more [details](./docs/ValueReplacer.md)
+- `valuereplacer` option added in react-cli it takes three
+  1. sourceDir
+  2. distDir
+  3. `copyAll` is boolean flag which is for copy all other file or not. "true" means copy all files.
+
 # 0.0.1-beta.164
 
 - typo fix

package/bin/cli.js

@@ -120,6 +120,15 @@ switch (option) {
       { stdio: 'inherit' }
     );
 
+    process.exit(result.status);
+    break;
+  case 'valuereplacer':
+    result = spawnSync(
+      'node',
+      [require.resolve('../lib/common/valueReplacer')].concat(args),
+      { stdio: 'inherit' }
+    );
+
     process.exit(result.status);
     break;
   case 'app':
@@ -264,7 +273,7 @@ switch (option) {
         // '--progress',
         // '--profile',
         '--config',
-        require.resolve('../lib/configs/webpack.prod.config.js'),
+        require.resolve('../lib/configs/webpack.prod.config.js')
       ].concat(args),
       { stdio: 'inherit' }
     );

package/docs/ValueReplacer.md

@@ -0,0 +1,60 @@
+# value replacer
+
+<!-- file paths
+  1. src/postcss-plugins/ValueReplacer.js
+  2. src/common/valueReplacer.js
+ -->
+
+this option is array of objects which will have a two keys
+new option `valueReplacer` added for replace css property value while build running
+
+- this option is array of object, that object two keys
+  1. `props` key for array of property names
+  2. `values` key is object ,this object key contents will be replaced as value content
+- this option wiil be work for below
+
+  - `start`
+  - `docs`
+  - `nowatchstart`
+  - `devbuild`
+  - `build:library:es`
+  - `build:component:es`
+  - `build:library:cmjs`
+  - `build:component:cmjs`
+    Example data:-
+
+  ```json
+  {
+    "react-cli": {
+      "css": {
+        "valueReplacer": [
+          {
+            "props": ["font", "font-family"],
+            "values": {
+              "zdfonts-rCallBar": "zdf-rCallBar_1",
+              "zdfonts-rPuvi": "zdf-rPuvi_1"
+            }
+            // ,suffix: '0'
+          }
+        ]
+      }
+    }
+  }
+  ```
+
+  Example Replace:-
+  before replace
+
+  ```css
+  .some-selector {
+    font: zdfonts-rCallBar !important;
+  }
+  ```
+
+  after replace
+
+  ```css
+  .some-selector {
+    font: zdf-rCallBar_1 !important;
+  }
+  ```

package/eslint/a23.c

@@ -0,0 +1,16 @@
+// 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

@@ -0,0 +1,25 @@
+// 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

@@ -0,0 +1,25 @@
+// 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

@@ -0,0 +1,29 @@
+// 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

@@ -0,0 +1,23 @@
+// 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

@@ -0,0 +1,23 @@
+// 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

@@ -0,0 +1,18 @@
+// 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

@@ -0,0 +1,25 @@
+// 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

@@ -0,0 +1,28 @@
+// 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

@@ -0,0 +1,17 @@
+// 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

@@ -0,0 +1,32 @@
+// 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/lib/common/valueReplacer.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _folderIterator = _interopRequireDefault(require("../utils/folderIterator"));
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const cwd = process.cwd();
+
+const src = _path.default.join(cwd, process.argv[2]);
+
+const dist = _path.default.join(cwd, process.argv[3]);
+
+const docopy = process.argv[4] === 'true';
+const {
+  css: {
+    valueReplacer
+  }
+} = (0, _utils.getOptions)();
+
+if (!_fs.default.existsSync(dist)) {
+  _fs.default.mkdirSync(dist, {
+    recursive: true
+  });
+}
+
+(0, _folderIterator.default)(src, dist, docopy ? false : ['.css'], false, (fromPath, toPath) => {
+  //console.log({ fromPath: fromPath, toPath: toPath });
+  let css = _fs.default.readFileSync(fromPath);
+
+  if (docopy && !fromPath.endsWith('.css')) {
+    //console.log(toPath,'....');
+    _fs.default.writeFileSync(toPath, css);
+
+    return;
+  }
+
+  (0, _postcss.default)([valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer)]).process(css, {
+    from: fromPath,
+    to: toPath
+  }).then(result => {
+    _fs.default.writeFile(toPath, result.css, () => true);
+
+    if (result.map) {
+      _fs.default.writeFile(`${toPath}.map`, result.map, () => true);
+    }
+  });
+});

package/lib/loaderUtils/getCSSLoaders.js

@@ -20,6 +20,9 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
   const {
     devCssFileBountry
   } = options.app;
+  const {
+    valueReplacer
+  } = options.css;
   const {
     cssSelectorZipPath
   } = options.impactService;
@@ -51,12 +54,12 @@ let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorR
     options: {
       devCssFileBountry
     }
-  }, hasRTL || selectorReplace ? {
+  }, hasRTL || selectorReplace || valueReplacer ? {
     loader: 'postcss-loader',
     options: {
       ident: 'postcss',
       plugins: function () {
-        return [selectorReplace && require('postcss-selector-replace')(selectorReplace), hasRTL && require('../postcss-plugins/ExcludeRTLPlugin')({
+        return [valueReplacer && require('../postcss-plugins/ValueReplacer')(valueReplacer), selectorReplace && require('postcss-selector-replace')(selectorReplace), hasRTL && require('../postcss-plugins/ExcludeRTLPlugin')({
           ignore: rtlExcludeLocal,
           plugins: [require('@zohodesk/postcss-rtl')({
             addPrefixToSelector: function addPrefixToSelector(selector, prefix) {

package/lib/postcss-plugins/ValueReplacer.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// module.exports = postcss.plugin('postcss-value-replacer', opts => {
+//   const { plugins } = opts;
+//   return (root, result) => {
+//     const inputFile = root.source.input.file;
+//     let isIgnoredFile= opts.ignore.some(file => inputFile.indexOf(file)!==-1);
+//     if (!isIgnoredFile) {
+//       const handler = response =>
+//         response.messages.forEach(msg => result.messages.push(msg));
+//       return postcss(plugins)
+//         .process(root, { from: undefined })
+//         .then(handler);
+//     }
+//   };
+// });
+// export default 
+module.exports = _postcss.default.plugin('postcss-value-replacer', (valueReplacer = {}) => // Work with options here
+root => {
+  root.walkDecls(decl => {
+    valueReplacer.forEach(obj => {
+      if (obj.props.indexOf(decl.prop) !== -1) {
+        let ks = Object.keys(obj.values).sort((a, b) => b.length - a.length);
+        ks.forEach(k => {
+          decl.value = decl.value.replace(k, obj.values[k]);
+        }); //decl.value = obj.values[decl.value];
+      }
+    }); //console.log({root, roots:root+""}, root+"")
+    // Transform CSS AST here
+  }); // root.walkDecls(decl => {
+  //   valueReplacer.forEach(obj => {
+  //     if (
+  //       obj.props.indexOf(decl.prop) !== -1 &&
+  //       obj.values[decl.value] !== undefined
+  //     ) {
+  //       decl.value = obj.values[decl.value];
+  //     }
+  //   });
+  //   //console.log({root, roots:root+""}, root+"")
+  //   // Transform CSS AST here
+  // });
+});

package/lib/schemas/index.js

@@ -44,6 +44,17 @@ var _default = {
   },
   css: {
     enableRTLSplit: false,
+    valueReplacer: null,
+    //valueReplacer: [
+    //   {
+    //     props: ['font', 'font-family'],
+    //     values: {
+    //       'zdfonts-rCallBar': 'zdfonts-rCallBar01',
+    //       'zdfonts-rCall': 'zdfonts-rCallBar02'
+    //     }
+    //     // ,suffix: '0'
+    //   }
+    // ],
     templateLabel: '{{--dir}}',
     disableMiniFiySelector: false,
     dirVarName: 'document.dir'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "0.0.1-beta.164",
+  "version": "0.0.1-beta.165",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",