@zohodesk/react-cli 1.1.14-exp.3 → 1.1.14-kubernetes

package/lib/postcss-plugins/variableModifier.js

@@ -0,0 +1,244 @@
+"use strict";
+
+const postcss = require('postcss');
+
+const path = require('path');
+
+const fs = require('fs');
+
+function populateArray(start, end) {
+  let temp = [];
+
+  for (var i = start; i < end; i++) {
+    temp.push(i);
+  }
+
+  return temp;
+}
+
+let allwdVars = {
+  'font-size': ['px', 'em']
+};
+let numberObject = {
+  'font-size': {
+    allowed: ['px', 'em'],
+    replacements: {
+      px: 'var(--zd_font_size$$)',
+      em: 'var(--zd_font_size$$em)'
+    },
+    //[5,10,15,20,25],
+    available: populateArray(0, 251),
+    replacementValues: {
+      px: [],
+      em: []
+    }
+  },
+  'margin': {
+    allowed: ['px'],
+    replacements: {
+      px: 'var(--zd_size$$)'
+    },
+    available: populateArray(-250, 251),
+    replacementValues: {
+      px: []
+    }
+  },
+  'margin-left': {
+    allowed: ['px'],
+    replacements: {
+      px: 'var(--zd_size$$)'
+    },
+    available: populateArray(-250, 251),
+    replacementValues: {
+      px: []
+    }
+  },
+  'margin-right': {
+    allowed: ['px'],
+    replacements: {
+      px: 'var(--zd_size$$)'
+    },
+    available: populateArray(-250, 251),
+    replacementValues: {
+      px: []
+    }
+  },
+  'margin-top': {
+    allowed: ['px'],
+    replacements: {
+      px: 'var(--zd_size$$)'
+    },
+    available: populateArray(-250, 251),
+    replacementValues: {
+      px: []
+    }
+  },
+  'margin-bottom': {
+    allowed: ['px'],
+    replacements: {
+      px: 'var(--zd_size$$)'
+    },
+    available: populateArray(-250, 251),
+    replacementValues: {
+      px: []
+    }
+  }
+};
+
+function hasIgnoreComment(node) {
+  return node ? node.type == 'comment' ? node.text == 'Variable:Ignore' ? true : false : false : false;
+}
+
+let errors = [];
+module.exports = postcss.plugin('postcss-variable-report', () => rootOriginal => {
+  // console.log('inside postcss plugin')
+  // fs.writeFile('./css_error.log', '\r\nLog File: \r\n\r\n', (err) => {
+  //    if(err)console.log(err);
+  // });
+  // console.log(rootOriginal.source.input.file);
+  if (!rootOriginal.source.input.file.includes('css_error')) {
+    rootOriginal.walkRules(rule => {
+      rule.walkDecls((decl, position) => {
+        // case font-size
+        if (!hasIgnoreComment(rule.nodes[position - 1])) {
+          console.log(settings);
+          let unit = decl.value.replace(/[0-9]/g, '');
+          let settings = numberObject[decl.prop];
+          let path = rootOriginal.source.input.from;
+          let filename = path.split('\\');
+          filename = filename[filename.length - 1];
+
+          if (decl.prop === 'font-size' || decl.prop === 'margin-left' || decl.prop === 'margin-right' || decl.prop === 'margin-top' || decl.prop === 'margin-bottom') {
+            let {
+              allowed,
+              replacements,
+              available
+            } = settings;
+
+            if (!rootOriginal.source.input.from.includes('node_modules')) {
+              if (unit != 0) {
+                if (allowed.includes(unit)) {
+                  // console.log(available, parseInt(decl.value))
+                  if (available.includes(parseInt(decl.value))) {
+                    // replacementValues[unit].push({[decl.value] : replacements[unit].replace('$$', parseInt(decl.value))})
+                    decl.value = replacements[unit].replace('$$', parseInt(decl.value)); //console.log("replacements:")
+                  } else {
+                    let err = {
+                      prop: decl.prop,
+                      value: decl.value,
+                      filename,
+                      filepath: rootOriginal.source.input.from,
+                      line: decl.source.start.line,
+                      unit,
+                      message: 'value not available consider others'
+                    };
+                    errors.push(err);
+                  }
+                } else {
+                  let err = {
+                    prop: decl.prop,
+                    value: decl.value,
+                    filename,
+                    filepath: rootOriginal.source.input.from,
+                    line: decl.source.start.line,
+                    unit,
+                    message: 'Unit not supported'
+                  };
+                  errors.push(err);
+                }
+              }
+            }
+          } else if (decl.prop === 'margin') {
+            let {
+              allowed,
+              replacements,
+              available
+            } = settings; //console.log(decl.prop + "  " + decl.value)
+
+            let valArr = decl.value.split(' '); //console.log(valArr)
+            //console.log(allowed, replacements, available)
+
+            let hasError = false;
+            let newVal = '';
+            valArr.forEach(val => {
+              let unit = val.replace(parseInt(val), '');
+              let numVal = parseInt(val);
+
+              if (unit != 0) {
+                if (allowed.includes(unit)) {
+                  if (available.includes(numVal)) {
+                    if (numVal >= 0) {
+                      if (!hasError) {
+                        newVal += replacements[unit].replace('$$', numVal) + " ";
+                      }
+                    } else {
+                      if (!hasError) {
+                        newVal += `calc(${replacements[unit].replace('$$', numVal * -1)} * -1)` + " ";
+                      }
+                    }
+                  } else {
+                    hasError = true;
+                    let err = {
+                      prop: decl.prop,
+                      value: numVal,
+                      filename,
+                      filepath: rootOriginal.source.input.from,
+                      line: decl.source.start.line,
+                      unit,
+                      message: 'value not available consider others'
+                    };
+                    errors.push(err);
+                  }
+                } else {
+                  hasError = true;
+                  let err = {
+                    prop: decl.prop,
+                    value: decl.value,
+                    filename,
+                    filepath: rootOriginal.source.input.from,
+                    line: decl.source.start.line,
+                    unit,
+                    message: 'Unit not supported'
+                  };
+                  errors.push(err);
+                }
+              }
+            });
+
+            if (!hasError) {
+              decl.value = newVal;
+            }
+          }
+        }
+      });
+    }); //fs.writeFile('./src/trial.json', JSON.stringify(variables) ,(err) =>{
+    //    if(err)console.log(err);
+    //    else{
+    //        console.log('updated successfully');
+    //    }
+    // })
+    // console.log(errors)
+
+    let errorArr = [];
+    errors.forEach(errStr => {
+      errorArr.push(` prop: ${errStr.prop} ,\n value : ${errStr.value} ,\n filename : ${errStr.filename} ,\n filepath : ${errStr.filepath} ,\n line : ${errStr.line} ,\n unit : ${errStr.unit} ,\n message : ${errStr.message} \r`);
+    }); //fs.writeFile('./css_error.log','', (err) =>{
+    //    if(err){
+    //        console.log(err);
+    //    }
+    //});
+    // errorArr.forEach(err => {
+    //   let data = `\n{\n${err}\n},\n`;
+    //   //fs.appendFile('./css_error.log',data,(err)=>{
+    //   //    if(err){
+    //   //       console.log(err);
+    //   //    }
+    //   //})
+    // });
+    // fs.writeFileSync('./css_error.log','');
+    //  errorArr.forEach(err => {
+    //    let data = `\n{\n${err}\n},\n`;
+    //    fs.appendFileSync('./css_error.log',data);
+    //  });
+  }
+});

package/lib/schemas/index.js

@@ -15,6 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // TODO move deprecated options to separate file and manage seperately
 var _default = {
+  cliRootPath: null,
   unstableDepsInverse: {
     value: false,
     cli: 'unstable_deps_inverse'
@@ -35,9 +36,6 @@ var _default = {
       cli: 'stop_nodemon'
     }
   },
-  resourceHints: {
-    allowPrefetchingMultipleChunks: false
-  },
   i18n: {
     chunkSplitEnable: {
       value: false,
@@ -65,39 +63,7 @@ var _default = {
     // ],
     templateLabel: '{{--dir}}',
     disableMiniFiySelector: false,
-    dirVarName: 'document.dir',
-    selectorReplace: {
-      before: [],
-      after: []
-    },
-    plugins: null,
-    // @type  {Boolean | Array}
-    postCssPluginOrder: null,
-    patterns: {
-      valueReplacer: [],
-      selectorReplace: [],
-      hoverActive: [],
-      combinerMediaQuery: [],
-      hasRTL: [],
-      cssVariableReplacement: [],
-      selectorWeight: [],
-      cssUniqueness: [],
-      composeMinification: []
-    },
-    exclude: {
-      rtl: [],
-      hoverActive: [],
-      combinerMediaQuery: [],
-      cssVariableReplacement: [],
-      selectorWeight: [],
-      hasRTL: []
-    },
-    cssVariableReplacementConfig: '',
-    selectorWeightConfig: {
-      defaultSelector: '',
-      customFileDetails: '',
-      excludeStrings: []
-    }
+    dirVarName: 'document.dir'
   },
   efc: {
     hasEFC: {
@@ -126,10 +92,9 @@ var _default = {
   },
   app: {
     moduleResolvePath: {
-      value: '@zohodesk/client_packages_group',
+      value: '',
       cli: 'module_resolve_path'
     },
-    customClassNamePrefix: [],
     // this option only for impact testing
     devCssFileBountry: {
       value: '',
@@ -159,13 +124,6 @@ var _default = {
       filenames: [],
       packages: []
     },
-    customAttributes: {
-      enable: false,
-      attributes: null,
-      jsAttributes: null,
-      cssAttributes: null,
-      i18nAttributes: null
-    },
     server: {
       host: {
         value: (0, _os.hostname)(),
@@ -263,26 +221,19 @@ var _default = {
       value: true,
       cli: 'enable_smaphook'
     },
-    plugins: null,
-    postCssPluginOrder: null,
-    patterns: {
-      valueReplacer: [],
-      selectorReplace: [],
-      hoverActive: [],
-      combinerMediaQuery: [],
-      hasRTL: [],
-      cssVariableReplacement: [],
-      selectorWeight: [],
-      cssUniqueness: [],
-      composeMinification: []
+    plugins: {
+      hasRTL: false,
+      hoverActive: false,
+      combinerMediaQuery: false,
+      cssVariableReplacement: false,
+      selectorWeight: false
     },
     exclude: {
       rtl: [],
       hoverActive: [],
       combinerMediaQuery: [],
       cssVariableReplacement: [],
-      selectorWeight: [],
-      hasRTL: []
+      selectorWeight: []
     },
     cssVariableReplacementConfig: '',
     selectorWeightConfig: {
@@ -321,7 +272,6 @@ var _default = {
       inject: true
     },
     removePropTypes: false,
-    customChunksBaseConfig: null,
     customChunks: [{
       name: 'styles',
       pattern: '\\.css$'
@@ -357,7 +307,6 @@ var _default = {
       hover: 'all and (min--moz-device-pixel-ratio:0) and (hover: hover), (hover: hover)',
       none: '(hover: none)'
     },
-    customClassNamePrefix: [],
     componentFolder: 'src',
     cssUniqueness: {
       value: true,
@@ -368,35 +317,20 @@ var _default = {
     disableES5Transpile: false,
     // TODO: Deprecated
     hasRTL: false,
-    enableReactLive: {
-      value: true,
-      cli: 'react_live'
-    },
-    enableMDParser: {
-      value: true,
-      cli: 'markdown_parser'
-    },
     rtlExclude: [],
-    selectorReplace: null,
-    plugins: null,
-    postCssPluginOrder: null,
-    patterns: {
-      valueReplacer: [],
-      selectorReplace: [],
-      hoverActive: [],
-      combinerMediaQuery: [],
-      hasRTL: [],
-      cssVariableReplacement: [],
-      selectorWeight: [],
-      cssUniqueness: []
+    plugins: {
+      hasRTL: false,
+      hoverActive: false,
+      combinerMediaQuery: false,
+      cssVariableReplacement: false,
+      selectorWeight: false
     },
     exclude: {
       rtl: [],
       hoverActive: [],
       combinerMediaQuery: [],
       cssVariableReplacement: [],
-      selectorWeight: [],
-      hasRTL: []
+      selectorWeight: []
     },
     cssVariableReplacementConfig: '',
     selectorWeightConfig: {
@@ -723,16 +657,6 @@ var _default = {
       cli: 'module_mode'
     },
     disableES5Transpile: true
-  },
-  stats: {
-    enable: {
-      value: false,
-      cli: 'enable_stats'
-    },
-    fileName: null,
-    options: null,
-    excludeKeys: null
-  },
-  externals: null
+  }
 };
 exports.default = _default;

package/lib/servers/devBuild.js

@@ -15,8 +15,6 @@ var _utils = require("../utils");
 
 var _getCliPath = require("./getCliPath");
 
-var _logger = require("../logger");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const options = (0, _utils.getOptions)(); // const args = process.argv.slice(3);
@@ -37,28 +35,28 @@ const zipname = cssSelectorZipPath ? _path.default.parse(cssSelectorZipPath).nam
 const outputFolderLocation = _path.default.join(process.cwd(), outputFolder);
 
 function execSyncDefalut(command) {
-  (0, _logger.messageLogger)(' command running ==>', command);
+  console.log(' command running ==>', command);
   return (0, _child_process.execSync)(command, {
     stdio: 'inherit'
   });
 }
 
 const isQuiet = 'q';
-const webpack = (0, _getCliPath.getCliPath)('webpack'); // messageLogger('webpack === > ', webpack, fs.existsSync(webpack));
+const webpack = (0, _getCliPath.getCliPath)('webpack'); // console.log('webpack === > ', webpack, fs.existsSync(webpack));
 
 if (_fs.default.existsSync(outputFolderLocation)) {
   execSyncDefalut(`rm -rf ${outputFolder}`);
-  (0, _logger.messageLogger)(`previous ${outputFolder} removed`);
+  console.log(`previous ${outputFolder} removed`);
 }
 
 if (_fs.default.existsSync(_path.default.join(process.cwd(), 'build.zip'))) {
   execSyncDefalut('rm build.zip');
-  (0, _logger.messageLogger)('previous build.zip removed');
+  console.log('previous build.zip removed');
 } // execSyncDefalut(`${webpack  } --version`);
 // execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')}`);
 
 
-(0, _logger.messageLogger)('webpack compilation starts...');
+console.log('webpack compilation starts...');
 const startTime = Date.now(); // const result = spawnSync(
 //   webpack,
 //   ['--config', require.resolve('../configs/webpack.dev.config.js')].concat(
@@ -69,31 +67,31 @@ const startTime = Date.now(); // const result = spawnSync(
 // --disable_watch=true
 
 const result = execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')} ${process.argv.slice(2).map(o => o.replace(/(.*?)=(.*)/, '$1="$2"')).join(' ')} `);
-result && (0, _logger.messageLogger)(result);
+result && console.log(result);
 
 if (result && result.stderr) {
   throw result.stderr;
 }
 
-(0, _logger.messageLogger)(`compailation done in ${Date.now() - startTime}ms`);
+console.log(`compailation done in ${Date.now() - startTime}ms`);
 
 if (zipname) {
   execSyncDefalut(`zip -r${isQuiet} build.zip ${outputFolder}/*`);
-  (0, _logger.messageLogger)('build.zip file created');
+  console.log('build.zip file created');
   const result = execSyncDefalut(`zip -r${isQuiet} ${cssSelectorZipPath} ${zipname}/*`);
   execSyncDefalut(`rm -rf ${zipname}`);
 
   if (result && result.stderr) {
-    (0, _logger.messageLogger)('zip  file not  created', cssSelectorZipPath);
+    console.log('zip  file not  created', cssSelectorZipPath);
     console.error(result.stderr);
   } else {
-    (0, _logger.messageLogger)('zip  file  created', cssSelectorZipPath);
+    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
 
 
-(0, _logger.messageLogger)(`compailation done in ${Date.now() - startTime}ms`);
+console.log(`compailation done in ${Date.now() - startTime}ms`);
 
 function getPaths() {
   return {

package/lib/servers/getCliPath.js

@@ -5,17 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getCliPath = getCliPath;
 
-var _path = require("path");
+var _path = _interopRequireDefault(require("path"));
 
 var _os = require("os");
 
 var _fs = require("fs");
 
-var _constants = require("../constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+const appPath = process.cwd();
+const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
 const isWindows = (0, _os.platform)().toLowerCase() === 'win32';
 
-const _getCliPath = libName => (0, _path.join)(_constants.cliNodeModulesPath, '.bin', libName);
+const _getCliPath = !isNodeModuleUnderAppFolder ? libName => _path.default.join(__dirname, '..', '..', 'node_modules', '.bin', libName) : libName => libName;
 
 const suffixExt = isWindows ? '.cmd' : '';
 

package/lib/servers/httpsOptions.js

@@ -6,17 +6,21 @@ Object.defineProperty(exports, "__esModule", {
 exports.httpsOptions = httpsOptions;
 exports.httpsOptionsWithUserFriendlyError = httpsOptionsWithUserFriendlyError;
 
-var _logger = require("../logger");
-
-var _requireLocalOrGlobal = require("./requireLocalOrGlobal");
-
-const globalCertificate = (0, _requireLocalOrGlobal.requireGlobal)('@zohodesk-private/client_dev_cert');
-
+// import fs from 'fs';
+// import path from 'path';
+// export const httpsOptions = {
+//   key: fs.readFileSync(path.join(__dirname, './cert/Tsicsezwild-22-23.key')),
+//   cert: fs.readFileSync(path.join(__dirname, './cert/Tsicsezwild-22-23.crt'))
+// };
 function httpsOptions(options) {
   const {
     httpsCerts
   } = options.app.server;
-  const certificate = (0, _requireLocalOrGlobal.requireLocalOrGlobal)(httpsCerts); // TODO: in future we may do some version based check. certificate.version
+
+  const certificate = require(require.resolve(httpsCerts, {
+    paths: [process.cwd()]
+  })); // TODO: in future we may do some version based check. certificate.version
+
 
   return certificate.httpsOptions;
 }
@@ -32,16 +36,13 @@ function httpsOptionsWithUserFriendlyError(options) {
       return certificate;
     } catch (error) {
       if (error.message.indexOf('Cannot find module') !== -1) {
-        (0, _logger.errorLogger)(`You have given react-cli.app.server.httpsCerts as "${httpsCerts}". \n But it seems that file path have some problem.\n we are unable to locate "${httpsCerts}" in "${process.cwd()}"`);
+        console.error(`You have given react-cli.app.server.httpsCerts as "${httpsCerts}". \n But it seems that file path have some problem.\n we are unable to locate "${httpsCerts}" in "${process.cwd()}"`);
       } else {
-        (0, _logger.errorLogger)(error);
+        console.error(error);
       }
 
       process.exit(0);
     }
-  } else if (globalCertificate) {
-    (0, _logger.messageLogger)('global `@zohodesk-private/client_dev_cert` package taken as https certificate');
-    return globalCertificate.httpsOptions;
   } else {
     return null;
   }