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

package/lib/loaders/reactLiveConvertor.js

@@ -4,25 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.reactLiveConvertor = reactLiveConvertor;
-
 const parser = require('@babel/parser');
-
 const traverse = require('@babel/traverse').default;
-
 const path = require('path');
-
 function getFilename(originalFilePath) {
   const [fileName] = path.basename(originalFilePath).split('.');
   return fileName;
 }
-
 function reactLiveConvertor(source, originalFilePath) {
   const fileName = getFilename(originalFilePath);
-
   if (!source) {
     return '';
   }
-
   let importBlock = '';
   let docCode = '';
   const packages = new Set();
@@ -30,8 +23,9 @@ function reactLiveConvertor(source, originalFilePath) {
   const ast = parser.parse(fileContent, {
     sourceType: 'module',
     plugins: ['jsx', 'classProperties']
-  }); // Traverse the AST and find the import and export blocks
+  });
 
+  // Traverse the AST and find the import and export blocks
   let remainingCode = ast.program.body.filter(node => node.type !== 'ImportDeclaration').map(node => fileContent.substring(node.start, node.end)).join('').replace(/export default/, '').replace(/export /, '').trim();
   traverse(ast, {
     ImportDeclaration(path) {
@@ -40,35 +34,31 @@ function reactLiveConvertor(source, originalFilePath) {
         if (specifier.type === 'ImportSpecifier') {
           packages.add(specifier.imported.name);
         }
-
         if (specifier.local.type === 'Identifier') {
           packages.add(specifier.local.name);
         }
       });
     },
-
     ExpressionStatement(path) {
       const expression = path.get('expression');
       const expressionLeft = expression.get('left');
-
       if (path.isExpressionStatement() && expression.isAssignmentExpression() && expressionLeft.isMemberExpression()) {
         const docCheck = expressionLeft.toString();
-
         if (docCheck === `${fileName}.docs`) {
           docCode = expression.toString();
         }
       }
-    } // IfStatement(path){
+    }
+    // IfStatement(path){
     //   if(path.node.type == 'IfStatement'){
     //     if(path.node.test.name == '__DOCS__'){
     //       let final = fileContent.slice(path.node.start,path.node.end)
     //       fileContent = fileContent.replace(final,'')
     //       console.log(fileContent);
+
     //     }
     //   }
     // }
-
-
   });
   remainingCode = remainingCode.replace(/__DOCS__/, true);
   remainingCode = remainingCode.replace(/`/g, '\\`').replace(/\$\{/g, '$\\{');

package/lib/loaders/scriptInstrumentLoader.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var esprima = _interopRequireWildcard(require("esprima"));
-
 var _escodegen = _interopRequireDefault(require("escodegen"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 let start = {
   type: 'ExpressionStatement',
   expression: {
@@ -53,26 +48,21 @@ let start = {
     }]
   }
 };
-
 let scriptInstrumentLoader = function (source) {
   let parsed = esprima.parseModule(source, {
     jsx: true
   });
-
   for (let i in parsed.body) {
     if (parsed.body[i].type === 'FunctionDeclaration' || parsed.body[i].type === 'ExportDefaultDeclaration' || parsed.body[i].type === 'ExportNamedDeclaration') {
       let ParsedTemp;
-
       if (parsed.body[i].type === 'FunctionDeclaration') {
         ParsedTemp = parsed.body[i];
       } else {
         ParsedTemp = parsed.body[i].declaration;
       }
-
       if (ParsedTemp) {
         if (ParsedTemp.id) {
           let funcname = ParsedTemp.id.name;
-
           if (funcname !== 'mapStateToProps') {
             if (!funcname.includes('_')) {
               let startFunc = JSON.parse(JSON.stringify(start));
@@ -87,8 +77,8 @@ let scriptInstrumentLoader = function (source) {
       }
     }
   }
-
-  return _escodegen.default.generate(parsed); // function removeDuplicates(arr) {
+  return _escodegen.default.generate(parsed);
+  // function removeDuplicates(arr) {
   //   let uniqueArray = [];
   //   for (let i = 0; i < arr.length; i++) {
   //     if (uniqueArray.indexOf(arr[i]) == -1) {
@@ -99,8 +89,9 @@ let scriptInstrumentLoader = function (source) {
   // }
   // funcArray = removeDuplicates(funcArray);
 };
+module.exports = scriptInstrumentLoader;
 
-module.exports = scriptInstrumentLoader; // let start = {
+// let start = {
 //   type: 'ExpressionStatement',
 //   expression: {
 //     type: 'CallExpression',

package/lib/loaders/selectorMappingLoader.js

@@ -1,75 +1,56 @@
 "use strict";
 
 var _path = _interopRequireDefault(require("path"));
-
 var _fs = _interopRequireDefault(require("fs"));
-
 var _utils = require("../utils");
-
 var _logger = require("../logger");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const options = (0, _utils.getOptions)();
 const {
   cssSelectorZipPath
 } = options.impactService;
+const zipname = _path.default.parse(cssSelectorZipPath).name;
 
-const zipname = _path.default.parse(cssSelectorZipPath).name; // TODO:NOTE: need to check about .. path related files creation 
+// TODO:NOTE: need to check about .. path related files creation 
 // for now  no css files have given  form react-cli need to make sure about it.  
 
-
 const zippath = _path.default.join(process.cwd(), cssSelectorZipPath);
-
 if (_fs.default.existsSync(_path.default.join(process.cwd(), cssSelectorZipPath))) {
   _fs.default.rmSync(zippath);
+  (0, _logger.messageLogger)('zip file deleted', zippath);
+  // fs.rmSync(zippath, {force:true})
+}
 
-  (0, _logger.messageLogger)('zip file deleted', zippath); // fs.rmSync(zippath, {force:true})
-} // const minicssComment =
+// const minicssComment =
 //   '// extracted by mini-css-extract-plugin\n';
-
-
 const startStr = '// extracted by mini-css-extract-plugin\n' + 'module.exports = ';
-
 module.exports = function (source) {
   const {
     rootContext,
     resourcePath
   } = this;
-
   const relativePath = _path.default.relative(rootContext, resourcePath);
-
   const fpath = _path.default.join(rootContext, zipname, relativePath);
-
   const originalpath = _path.default.join(rootContext, relativePath);
-
   if (relativePath.startsWith('..')) {
     throw `unexpected path ${relativePath}`;
   }
-
   const dpath = fpath.slice(0, fpath.lastIndexOf(_path.default.sep));
-
   if (!_fs.default.existsSync(originalpath)) {
     throw `originalpath not exixt ${originalpath}`;
   }
-
   if (!_fs.default.existsSync(dpath)) {
     _fs.default.mkdirSync(dpath, {
       recursive: true
     });
   }
-
   let jsonStr = '{}';
-
   if (source.startsWith(startStr)) {
     // source will  be  like 
     // `// extracted by mini-css-extract-plugin\nmodule.exports = {"app":"zd-app"};`
     jsonStr = source.slice(startStr.length, -1);
   }
-
   _fs.default.writeFileSync(`${fpath}_map`, jsonStr);
-
   _fs.default.writeFileSync(fpath, _fs.default.readFileSync(originalpath));
-
   return source;
 };

package/lib/loaders/workerLoader.js

@@ -5,19 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = loader;
 exports.pitch = pitch;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _loaderUtils = require("loader-utils");
-
 var _schemaUtils = _interopRequireDefault(require("schema-utils"));
-
 var _SingleEntryPlugin = _interopRequireDefault(require("webpack/lib/SingleEntryPlugin"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* import WebWorkerTemplatePlugin from 'webpack/lib/webworker/WebWorkerTemplatePlugin';
 import ExternalsPlugin from 'webpack/lib/ExternalsPlugin'; */
+
 const schema = {
   type: 'object',
   properties: {
@@ -45,22 +40,18 @@ const schema = {
     }
   },
   additionalProperties: false
-}; // eslint-disable-next-line
-
+};
+// eslint-disable-next-line
 function loader() {}
-
 function getDefaultFilename(filename) {
   if (typeof filename === 'function') {
     return filename;
   }
-
   return filename.replace(/\.([a-z]+)(\?.+)?$/i, '.worker.$1$2');
 }
-
 function getDefaultChunkFilename(chunkFilename) {
   return chunkFilename.replace(/\.([a-z]+)(\?.+)?$/i, '.worker.$1$2');
 }
-
 function pitch(request) {
   this.cacheable(false);
   const options = (0, _loaderUtils.getOptions)(this);
@@ -80,6 +71,7 @@ function pitch(request) {
     globalObject: 'self'
   };
   workerContext.compiler = this._compilation.createChildCompiler(`worker-loader ${request}`, workerContext.options);
+
   /* 
   new WebWorkerTemplatePlugin().apply(workerContext.compiler);
   
@@ -95,28 +87,22 @@ function pitch(request) {
   const cb = this.async();
   workerContext.compiler.runAsChild((errorArg, entries, compilation) => {
     let error = errorArg;
-
     if (!error && compilation.errors && compilation.errors.length) {
       // eslint-disable-next-line
       error = compilation.errors[0];
     }
-
     const entry = entries && entries[0] && entries[0].files.values().next().value;
-
     if (!error && !entry) {
       error = Error(`WorkerPlugin: no entry for ${request}`);
     }
-
     if (error) {
       return cb(error);
     }
-
     function workerCode() {
       // if (this.workerInstance) {
       //   return this.workerInstance;
       // }
       let blob;
-
       try {
         blob = new Blob([`importScripts('${this.workerUrl}');`], {
           type: 'application/javascript'
@@ -124,22 +110,21 @@ function pitch(request) {
       } catch (e1) {
         throw new Error(e1);
       }
-
       const url = window.URL || window.webkitURL;
-      const blobUrl = url.createObjectURL(blob); // this.workerInstance = new Worker(blobUrl);
+      const blobUrl = url.createObjectURL(blob);
+      // this.workerInstance = new Worker(blobUrl);
       // return this.workerInstance;
-
       let worker = new Worker(blobUrl);
       return worker;
     }
-
     return cb(null, `const workerObj ={\n
       workerInstance: null, \n
 			workerUrl: __webpack_public_path__ + ${JSON.stringify(entry)}, \n
 			getInstance: ${workerCode} \n
 		};\n
     ${options.esModule ? 'export default' : 'module.exports ='} workerObj;
-    `); // return cb(
+    `);
+    // return cb(
     //   null,
     //   `${options.esModule ? 'export default' : 'module.exports ='} {\n
     //   workerInstance: null, \n

package/lib/logger.js

@@ -7,20 +7,16 @@ exports.errorLogger = errorLogger;
 exports.messageLogger = messageLogger;
 exports.verboseLogger = verboseLogger;
 exports.warnLogger = warnLogger;
-
 /* eslint-disable no-console */
 function messageLogger(...args) {
   console.log(...args);
 }
-
 function errorLogger(...args) {
   console.error(...args);
 }
-
 function warnLogger(...args) {
   console.warn(...args);
 }
-
 function verboseLogger(...args) {
   // TODO: need to be remove when publish happens
   process.env.VERBOSE === 'true' && console.log('\x1b[33m [verbose] \x1b[0m', ...args);

package/lib/middlewares/HMRMiddleware.js

@@ -4,31 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HMRMiddleware;
-
 function pathMatch(url, path) {
   if (url === path) {
     return true;
   }
-
   let q = url.indexOf('?');
-
   if (q === -1) {
     return false;
   }
-
   return url.substring(0, q) === path;
 }
-
 function createEventStream(heartbeat) {
   let clientId = 0;
   let clients = {};
-
   function everyClient(fn) {
     Object.keys(clients).forEach(id => {
       fn(clients[id]);
     });
   }
-
   setInterval(() => {
     everyClient(client => {
       client.write(`data: ${JSON.stringify({
@@ -59,22 +52,20 @@ function createEventStream(heartbeat) {
     }
   };
 }
-
 function extractBundles(stats) {
   // Stats has modules, single bundle
   if (stats.modules) {
     return [stats];
-  } // Stats has children, multiple bundles
-
+  }
 
+  // Stats has children, multiple bundles
   if (stats.children && stats.children.length) {
     return stats.children;
-  } // Not sure, assume single
-
+  }
 
+  // Not sure, assume single
   return [stats];
 }
-
 function publishStats(action, statsResult, eventStream, log) {
   // For multi-compiler, stats will be an object with a 'children' array of stats
   let bundles = extractBundles(statsResult.toJson({
@@ -83,7 +74,8 @@ function publishStats(action, statsResult, eventStream, log) {
   bundles.forEach(stats => {
     if (log) {
       log(`webpack built ${stats.name ? `${stats.name} ` : ''}${stats.hash} in ${stats.time}ms`);
-    } // if (
+    }
+    // if (
     //   //  !force &&
     //   action !== 'sync' &&
     //   stats &&
@@ -95,13 +87,10 @@ function publishStats(action, statsResult, eventStream, log) {
     //     type: 'still-ok'
     //   });
     // }
-
-
     eventStream.publish({
       type: 'hash',
       data: stats.hash
     });
-
     if (stats.errors.length > 0) {
       eventStream.publish({
         type: 'errors',
@@ -119,9 +108,9 @@ function publishStats(action, statsResult, eventStream, log) {
     }
   });
 }
-
 function HMRMiddleware(compiler, opts = {}) {
-  opts.log = // eslint-disable-next-line no-console
+  opts.log =
+  // eslint-disable-next-line no-console
   typeof opts.log === 'undefined' ? console.log.bind(console) : opts.log;
   opts.path = opts.path || '/__webpack_hmr';
   opts.heartbeat = opts.heartbeat || 10 * 1000;
@@ -133,16 +122,13 @@ function HMRMiddleware(compiler, opts = {}) {
       opts.log('webpack compilation starts...');
       loggedInfo = true;
     }
-
     callback && callback();
   });
   compiler.hooks.compile.tap('HMRMiddleware', () => {
     latestStats = null;
-
     if (opts.log) {
       opts.log('webpack building...');
     }
-
     eventStream.publish({
       type: 'building'
     });
@@ -152,22 +138,22 @@ function HMRMiddleware(compiler, opts = {}) {
     latestStats = statsResult;
     publishStats('built', latestStats, eventStream, opts.log);
   });
-
   let middleware = function (req, res, next) {
     if (!pathMatch(req.url, opts.path)) {
       return next();
     }
-
-    eventStream.handler(req, res); // if (latestStats) {
+    eventStream.handler(req, res);
+    // if (latestStats) {
     //   // Explicitly not passing in `log` fn as we don't want to log again on
     //   // the server
     //   //  publishStats('sync', latestStats, eventStream);
     // }
   };
-
   middleware.publish = eventStream.publish;
   return middleware;
-} // function buildModuleMap(modules) {
+}
+
+// function buildModuleMap(modules) {
 // 	let map = {};
 // 	modules.forEach(function(module) {
 // 		map[module.id] = module.name;

package/lib/middlewares/SSTMiddleware.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _utils = require("../utils");
-
 function SSTMiddleware(compiler, callback) {
   compiler.hooks.done.tap('SSTMiddleware', stats => {
     (0, _utils.log)('Compilation finished!');
@@ -16,6 +14,4 @@ function SSTMiddleware(compiler, callback) {
     next();
   };
 }
-
-var _default = SSTMiddleware;
-exports.default = _default;
+var _default = exports.default = SSTMiddleware;

package/lib/pluginUtils/configHtmlWebpackPlugins.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.configHtmlWebpackPlugins = configHtmlWebpackPlugins;
-
 var _path = _interopRequireDefault(require("path"));
-
 var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
-
 var _htmlWebpackInjectAttributesPlugin = _interopRequireDefault(require("html-webpack-inject-attributes-plugin"));
-
 var _common = require("../common");
-
 var _utils = require("../utils");
-
 var _CustomScriptLoadingStrategyPlugin = _interopRequireDefault(require("../plugins/CustomScriptLoadingStrategyPlugin"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const defaultHTMLMiniFyOption = {
   collapseWhitespace: true,
   minifyCSS: true,
@@ -32,50 +24,39 @@ const defaultHTMLMiniFyOption = {
 };
 const defaultScriptLoadingStrategy = 'defer';
 const allowedScriptLoadingStrategies = ['blocking', 'defer', 'async', 'module'];
-
 function isAllowedScriptLoadingStrategyUsed(scriptLoadingStategey) {
   return allowedScriptLoadingStrategies.includes(scriptLoadingStategey);
 }
-
 function getScriptLoadingStrategyForStringType(scriptLoadingStategey) {
   if (isAllowedScriptLoadingStrategyUsed(scriptLoadingStategey)) {
     return scriptLoadingStategey;
   }
-
   return defaultScriptLoadingStrategy;
 }
-
 function getScriptLoadingStrategyForObject(scriptLoadingStategey) {
   if (Object.keys(scriptLoadingStategey).length === 0) {
     return defaultScriptLoadingStrategy;
   }
-
   const isAllowedScriptLoadingStrategy = Object.keys(scriptLoadingStategey).every(key => isAllowedScriptLoadingStrategyUsed(key));
-
   if (isAllowedScriptLoadingStrategy) {
     return Object.assign({}, scriptLoadingStategey);
   }
-
   console.warn('un supported script loading strategy used', scriptLoadingStategey);
   return defaultScriptLoadingStrategy;
 }
-
 function getScriptLoadingStrategy(scriptLoadingStategey) {
   if ((0, _utils.getTypeOf)(scriptLoadingStategey) === 'string') {
     return {
       [getScriptLoadingStrategyForStringType(scriptLoadingStategey)]: [/.*/]
     };
   }
-
   if ((0, _utils.getTypeOf)(scriptLoadingStategey) === 'object') {
     return getScriptLoadingStrategyForObject(scriptLoadingStategey);
   }
-
   return {
     [defaultScriptLoadingStrategy]: [/.*/]
   };
 }
-
 function configHtmlWebpackPlugins(plugins, {
   enableChunkHash = false,
   folder,
@@ -97,19 +78,15 @@ function configHtmlWebpackPlugins(plugins, {
     scriptLoading: defaultScriptLoadingStrategy,
     inject: inject
   };
-
   if (hasEFC) {
     optionsHtmlWebpack.excludeChunks = ['efc', 'widget'];
   }
-
   plugins.push(new _htmlWebpackPlugin.default(optionsHtmlWebpack));
   crossorigin && plugins.push(new _htmlWebpackInjectAttributesPlugin.default({
     crossorigin: 'anonymous'
   }));
-
   if (customScriptLoadingStrategey.enable) {
     const currentScriptLoadingStrategy = getScriptLoadingStrategy(customScriptLoadingStrategey.options);
-
     if ((0, _utils.getTypeOf)(currentScriptLoadingStrategy) === 'object') {
       plugins.push(new _CustomScriptLoadingStrategyPlugin.default({
         scriptLoadingStategey: currentScriptLoadingStrategy