@zohodesk/react-cli 1.1.28 → 1.1.29-exp.2

package/lib/plugins/VariableConversionCollector.js

@@ -4,30 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _postcss = _interopRequireDefault(require("postcss"));
-
 var _ErrorHandler = require("../postcss-plugins/variableModificationPlugin/ErrorHandler");
-
 var _fileHandling = require("./utils/fileHandling");
-
 var _variableConvertorUtils = require("./variableConvertorUtils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import { RawSource } from 'webpack-sources';
-const fs = require('fs');
 
+const fs = require('fs');
 let variablesRead = {};
-
 const {
   errors,
   errTable,
   errHandler
 } = require('../postcss-plugins/variableModificationPlugin/index');
+const supportedProps = ['font-size', 'margin', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'padding', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right', '^top', '^right', '^bottom', '^left', '^width', 'min-width', 'max-width', '^height', 'min-height', 'max-height', 'text-indent', 'clip', 'flex-basis', 'row-gap', 'gap', 'column-gap', 'flex'];
 
-const supportedProps = ['font-size', 'margin', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'padding', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right', '^top', '^right', '^bottom', '^left', '^width', 'min-width', 'max-width', '^height', 'min-height', 'max-height', 'text-indent', 'clip', 'flex-basis', 'row-gap', 'gap', 'column-gap', 'flex']; // -- to convert the hyphen values to values --
-
+// -- to convert the hyphen values to values --
 /*
 input : 
 var(--zdt_uploadlist_default_width)
@@ -45,22 +38,19 @@ function createFolderIfNonExistant(path) {
     });
   }
 }
-
 function createFileIfNonExistant(path, content) {
   if (fs.existsSync(path)) {
     fs.writeFileSync(path, content, 'utf-8');
   }
 }
-
 class VariableConversionCollector {
   constructor(options = {}) {
     this.optimize = options.optimize;
     this.filename = options.cssVariableReplacementConfig;
-    this.patterns = options.patterns; // console.log(options.patterns, this.patterns);
-
+    this.patterns = options.patterns;
+    // console.log(options.patterns, this.patterns);
     this.initializeFiles();
   }
-
   initializeFiles() {
     createFolderIfNonExistant('./.cli/logs/');
     createFolderIfNonExistant('./.cli/config/variables/');
@@ -68,11 +58,10 @@ class VariableConversionCollector {
     createFileIfNonExistant('./.cli/logs/unassignedVariables.log', '{}');
     createFileIfNonExistant('./.cli/logs/css_error.log', '{}');
   }
-
   apply(compiler) {
     const variables = {};
-    const unassigned = {}; // console.log(windowsModification([this.filename])[0]);
-
+    const unassigned = {};
+    // console.log(windowsModification([this.filename])[0]);
     const rawdata = fs.readFileSync(this.filename);
     const data = JSON.parse(rawdata);
     const {
@@ -81,7 +70,8 @@ class VariableConversionCollector {
       errorInConsole: errorConsoleStatus,
       errorsAllowed,
       strictMode
-    } = data; // If theres is no setting for default prop in settingsObject, set one.
+    } = data;
+    // If theres is no setting for default prop in settingsObject, set one.
 
     if (!settingsObject.default) {
       settingsObject.default = {
@@ -95,6 +85,7 @@ class VariableConversionCollector {
         }
       };
     }
+
     /* 
     purpose of tap : to create a variable object such as:
     {
@@ -103,30 +94,24 @@ class VariableConversionCollector {
     }
     which will help in the conversion further
     */
-
-
     if (fs.existsSync('./.cli/config/variables/variableMapping.json')) {
       variablesRead = JSON.parse(fs.readFileSync('./.cli/config/variables/variableMapping.json', 'utf-8'));
       Object.keys(variablesRead.changes).forEach(key => {
         variables[key] = variablesRead.changes[key];
       });
     }
-
     compiler.hooks.compilation.tap('VariableConversionCollector', compilation => {
       compilation.hooks.optimizeModules.tap('VariableConversionCollector', modules => {
         const mods = modules.filter(x => x.type.includes('css'));
         mods.forEach(module => {
           const rootOriginal = _postcss.default.parse(module.content);
-
           const filename = module.issuer.resource;
-
           if (!filename.includes('node_modules')) {
             rootOriginal.walkRules(rule => {
               rule.walkDecls(decl => {
                 decl.value.split(' ').forEach(val => {
                   if (val && val.includes('--') && !new RegExp(_variableConvertorUtils.ignoreVals.join('|'), 'gi').test(val) && decl.prop) {
                     const extractedValue = (0, _variableConvertorUtils.extractVariableName)(val);
-
                     if (!variables[extractedValue]) {
                       variables[extractedValue] = decl.prop;
                     } else {
@@ -167,7 +152,6 @@ class VariableConversionCollector {
             
              conversion is done in the while loop below
             */
-
             Object.keys(variables).forEach(key => {
               while (variables[variables[key]]) {
                 variables[key] = variables[variables[key]];
@@ -175,7 +159,9 @@ class VariableConversionCollector {
             });
           }
         });
-      }); // -- conversion for the root using variableConvertor --
+      });
+
+      // -- conversion for the root using variableConvertor --
 
       /* 
       input : 
@@ -189,7 +175,6 @@ class VariableConversionCollector {
         padding : zd_size20;
       }
       */
-
       compilation.hooks.optimizeModules.tap('VariableConversionCollector', modules => {
         const mods = modules.filter(x => x.type.includes('css'));
         mods.forEach(module => {
@@ -209,16 +194,13 @@ class VariableConversionCollector {
             output : 
             true or false
           */
-
           if (!(0, _fileHandling.isFileNameMatchingPluginPattern)({
             filename,
             filterArr: this.patterns.cssVariableReplacement
           })) {
             return;
           }
-
           const rootOriginal = _postcss.default.parse(module.content);
-
           module.content = (0, _variableConvertorUtils.variableConverter)(rootOriginal, variables, settingsObject).toString();
         });
       });
@@ -230,7 +212,6 @@ class VariableConversionCollector {
       output : 
       all errors that are present in the errTable arr
     */
-
     compiler.hooks.afterEmit.tap('error-display', () => {
       if (Object.keys(unassigned).length > 0 && strictMode) {
         console.log();
@@ -244,17 +225,14 @@ class VariableConversionCollector {
         fs.writeFileSync('./.cli/logs/unassignedVariables.log', str, 'utf-8');
         throw new Error('^^^ Variables above have not been assigned! ^^^');
       }
-
       const avlTypes = new Set([]);
       const srtArr = errTable.sort((a, b) => {
         avlTypes.add(a.type);
         avlTypes.add(b.type);
-
         if (a.type < b.type) {
           return -1;
         }
       });
-
       if (errorConsoleStatus) {
         const errorHandler = new _ErrorHandler.ErrorHandler();
         avlTypes.forEach(type => {
@@ -269,11 +247,9 @@ class VariableConversionCollector {
           console.log('---------------------------------------------------------------------------------------------------------------------------');
         });
       }
-
       if (errorLogStatus) {
         fs.writeFileSync('./.cli/logs/css_error.log', '');
         console.log('writing to logFile...');
-
         if (errors.length > 0) {
           errors.forEach((err, index) => {
             if (errTable[index].decl.prop && errTable[index].decl.value) {
@@ -284,8 +260,5 @@ class VariableConversionCollector {
       }
     });
   }
-
 }
-
-var _default = VariableConversionCollector;
-exports.default = _default;
+var _default = exports.default = VariableConversionCollector;

package/lib/plugins/index.js

@@ -111,41 +111,22 @@ Object.defineProperty(exports, "UnusedFilesFindPlugin", {
     return _UnusedFilesFindPlugin.default;
   }
 });
-
 var _ModuleStatsPlugin = _interopRequireDefault(require("./ModuleStatsPlugin"));
-
 var _SourceMapHookPlugin = _interopRequireDefault(require("./SourceMapHookPlugin"));
-
 var _UnusedFilesFindPlugin = _interopRequireDefault(require("./UnusedFilesFindPlugin"));
-
 var _ScriptInstrumentPlugin = _interopRequireDefault(require("./ScriptInstrumentPlugin"));
-
 var _PublicPathChangePlugin = _interopRequireDefault(require("./PublicPathChangePlugin"));
-
 var _OptimizeJSPlugin = _interopRequireDefault(require("./OptimizeJSPlugin"));
-
 var _ResourceHintsPlugin = _interopRequireDefault(require("./ResourceHintsPlugin"));
-
 var _MinifyPlugin = _interopRequireDefault(require("./MinifyPlugin"));
-
 var _ManifestPlugin = _interopRequireDefault(require("./ManifestPlugin"));
-
 var _CleanupStatsPlugin = _interopRequireDefault(require("./CleanupStatsPlugin"));
-
 var _EFCPlugin = _interopRequireDefault(require("./EFCPlugin"));
-
 var _PublicPathCallbackPlugin = _interopRequireDefault(require("./PublicPathCallbackPlugin"));
-
 var _I18NInjectIntoIndexPlugin = _interopRequireDefault(require("./I18NInjectIntoIndexPlugin"));
-
 var _ReportGeneratePlugin = _interopRequireDefault(require("./ReportGeneratePlugin"));
-
 var _ShadowDOMSupportPlugin = _interopRequireDefault(require("./ShadowDOMSupportPlugin"));
-
 var _ServiceWorkerPlugin = _interopRequireDefault(require("./ServiceWorkerPlugin"));
-
 var _TPHashMappingPlugin = _interopRequireDefault(require("./TPHashMappingPlugin"));
-
 var _CdnChangePlugin = _interopRequireDefault(require("./CdnChangePlugin"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/plugins/libraryImpactPlugin.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _fs = _interopRequireDefault(require("fs"));
-
 var _webpackSources = require("webpack-sources");
-
 var _jsonHelper = require("../utils/jsonHelper");
-
 var _utils = require("../utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 let resultFileName = `${process.cwd()}/result.json`;
 let options = (0, _utils.getOptions)();
 let {
@@ -31,27 +24,21 @@ let {
 (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.compareBranch', referBranch);
 (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.TestBranch', currentBranch);
 (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.isExecuted', true);
-
 let isValidModule = name => {
   if (name.includes('node_modules') && (name.includes(`@zohodesk${_path.default.sep}components`) || name.includes(`@zohodesk${_path.default.sep}dot`) || name.includes(`@zohodesk${_path.default.sep}icons`) || name.includes(`@zohodesk${_path.default.sep}svg`)) && !name.endsWith('docs.js')) {
     return true;
   }
-
   return !name.includes('index.js') && !name.endsWith('.css') && !name.endsWith('.png') && !name.includes('node_modules') && name.includes('src');
 };
-
 let getModuleName = modulePath => {
   let [name] = _path.default.parse(modulePath).name.split('.');
-
   if (modulePath.includes(`@zohodesk${_path.default.sep}components`)) {
     name = `@zohodesk/components/${name}`;
   } else if (modulePath.includes(`@zohodesk${_path.default.sep}dot`)) {
     name = `@zohodesk/dot/${name}`;
   }
-
   return name;
 };
-
 class LibraryImpactPlugin {
   constructor(options = {}) {
     this.options = options;
@@ -60,12 +47,10 @@ class LibraryImpactPlugin {
     this.bottomHtml = '</div> <script type="text/javascript"> const details = document.querySelectorAll("details"); details.forEach((targetDetail) => { targetDetail.addEventListener("click", () => { // Close all the details that are not targetDetail. details.forEach((detail) => { if (detail !== targetDetail) { detail.removeAttribute("open"); } }); }); }); </script></body></html>';
     this.resultJson = {};
   }
-
   apply(compiler) {
     let loggedInfo = false;
     compiler.hooks.beforeCompile.tap('LibraryImpactPlugin', () => {
       (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.startTime', Date.now());
-
       if (!loggedInfo) {
         (0, _utils.log)('\x1b[33m%s\x1b[0m', '************************************************************ \n ');
         (0, _utils.log)('\x1b[5m\x1b[44m%s\x1b[0m', 'Finding Impacted Source Files Please Wait ...');
@@ -78,13 +63,11 @@ class LibraryImpactPlugin {
       let {
         modules
       } = stats;
-
       for (let module of modules) {
         let {
           name,
           reasons
         } = module;
-
         if (isValidModule(name)) {
           let references = new Set();
           let referencedby = new Set();
@@ -93,7 +76,6 @@ class LibraryImpactPlugin {
           compilation.modules.forEach(module => {
             module.reasons.forEach(reason => {
               let exportedValue = reason.dependency;
-
               if (exportedValue.type === 'harmony export imported specifier') {
                 if (exportedValue.module.userRequest.includes(name.replace('.', ''))) {
                   docsName = exportedValue.name;
@@ -102,35 +84,29 @@ class LibraryImpactPlugin {
             });
           });
           let currentModuleName = name;
-
           if (Array.isArray(reasons)) {
             for (let reason of reasons) {
               let {
                 moduleName
               } = reason;
-
               if (isValidModule(moduleName)) {
                 let reasonedModuleName = moduleName;
                 referencedby.add(reasonedModuleName);
               }
             }
           }
-
           for (let subModule of modules) {
             let {
               name: subModuleName,
               reasons
             } = subModule;
-
             if (isValidModule(subModuleName)) {
               let currentModuleName = subModuleName;
-
               if (Array.isArray(reasons)) {
                 for (let reason of reasons) {
                   let {
                     moduleName: reasonedModuleName
                   } = reason;
-
                   if (name === reasonedModuleName) {
                     references.add(currentModuleName);
                   }
@@ -138,7 +114,6 @@ class LibraryImpactPlugin {
               }
             }
           }
-
           results[currentModuleName] = {
             name: currentModuleName,
             references: Array.from(references),
@@ -148,11 +123,9 @@ class LibraryImpactPlugin {
           };
         }
       }
-
       (0, _utils.getDependenciesImpactList)(currentBranch, referBranch, tokenGit, serviceName).then(impactedList => {
         this.resultJson = (0, _utils.getLibraryConflict)(JSON.stringify(results), impactedList, changesOnly);
         (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.result', this.resultJson);
-
         if (this.resultJson.result.status) {
           (0, _utils.log)(this.resultJson.response);
           this.resultJson.response.forEach(fileObject => {
@@ -167,15 +140,12 @@ class LibraryImpactPlugin {
           (0, _utils.log)(this.resultJson.result.message);
           this.topHtml = this.topHtml + '<div style="font-size: xxx-large; text-align: center; padding-top: 50px;"> ' + this.resultJson.result.message + '</div>';
         }
-
         if (!_fs.default.existsSync('./coverageTest')) {
           _fs.default.mkdirSync('./coverageTest');
-
           _fs.default.writeFileSync('./coverageTest/impactLibrary.html', this.topHtml + this.bottomHtml, 'utf8');
         } else {
           _fs.default.writeFileSync('./coverageTest/impactLibrary.html', this.topHtml + this.bottomHtml, 'utf8');
         }
-
         (0, _jsonHelper.jsonHelper)(resultFileName, 'tests.libraryImpactOnSource.endTime', Date.now());
       });
     });
@@ -184,7 +154,5 @@ class LibraryImpactPlugin {
       (0, _utils.log)('Compilation finished!!!');
     });
   }
-
 }
-
 exports.default = LibraryImpactPlugin;