@zohodesk/react-cli 1.1.14-kubernetes → 1.1.15

package/lib/servers/nowatchserver.js

@@ -16,6 +16,8 @@ var _httpsOptions = require("./httpsOptions");
 
 var _devBuild = require("./devBuild");
 
+var _logger = require("../logger");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // import webpack from 'webpack';
@@ -86,38 +88,41 @@ app.use('/wms/*', (req, res) => {
 
 const httpsServer = _https.default.createServer(httpsOptions, app);
 
-const wss = new _ws.default.Server({
-  server: httpsServer
-});
-let wsPool = [];
-wss.on('connection', ws => {
-  wsPool.push(ws);
-  ws.on('close', () => {
-    wsPool = wsPool.filter(ws1 => ws1 !== ws);
+if (httpsOptions) {
+  const wss = new _ws.default.Server({
+    server: httpsServer
   });
-  ws.on('message', message => {
-    (0, _utils.log)('received: %s', message);
+  let wsPool = [];
+  wss.on('connection', ws => {
+    wsPool.push(ws);
+    ws.on('close', () => {
+      wsPool = wsPool.filter(ws1 => ws1 !== ws);
+    });
+    ws.on('message', message => {
+      (0, _utils.log)('received: %s', message);
+    });
+    ws.send('something');
   });
-  ws.send('something');
-});
-app.post('/wmsmockapi', (req, res) => {
-  wsPool.forEach(ws => {
-    const {
-      body
-    } = req;
-
-    try {
-      ws.send(JSON.stringify(body));
-    } catch (e) {
-      (0, _utils.log)(e, body);
-    }
+  app.post('/wmsmockapi', (req, res) => {
+    wsPool.forEach(ws => {
+      const {
+        body
+      } = req;
+
+      try {
+        ws.send(JSON.stringify(body));
+      } catch (e) {
+        (0, _utils.log)(e, body);
+      }
+    });
+    res.send('success');
   });
-  res.send('success');
-}); // let webpackCompilation;
+} // let webpackCompilation;
 // compiler.hooks.afterCompile.tap('ReactCLI', compilation => {
 //   webpackCompilation = compilation;
 // });
 
+
 if (zipname) {
   app.use(`/zips/${zipname}.zip`, (req, res) => {
     res.download(_path.default.join(process.cwd(), cssSelectorZipPath), err => {
@@ -125,7 +130,7 @@ if (zipname) {
         throw err;
       }
 
-      console.log(`${zipname}.zip downloaded`);
+      (0, _logger.messageLogger)(`${zipname}.zip downloaded`);
     });
   });
   app.use('/zips/build.zip', (req, res) => {
@@ -134,7 +139,7 @@ if (zipname) {
         throw err;
       }
 
-      console.log('build.zip downloaded');
+      (0, _logger.messageLogger)('build.zip downloaded');
     });
   });
 }
@@ -151,40 +156,42 @@ if (contextURL) {
   app.use('/*', _express.default.static(context));
 }
 
-httpsServer.listen(port, err => {
-  if (err) {
-    throw err;
-  }
+if (httpsOptions) {
+  httpsServer.listen(port, err => {
+    if (err) {
+      throw err;
+    }
 
-  (0, _utils.log)(`Listening at ${serverUrl}${contextURL}/`);
-});
+    (0, _utils.log)(`Listening at ${serverUrl}${contextURL}/`);
+  });
 
-if (isCompatableHttp2) {
-  const http2 = require('http2');
+  if (isCompatableHttp2) {
+    const http2 = require('http2');
 
-  const http2Server = http2.createSecureServer(httpsOptions); // eslint-disable-next-line no-unused-vars
+    const http2Server = http2.createSecureServer(httpsOptions); // eslint-disable-next-line no-unused-vars
 
-  http2Server.on('stream', (stream, headers) => {
-    stream.respond({
-      'content-type': 'text/html',
-      ':status': 200
+    http2Server.on('stream', (stream, headers) => {
+      stream.respond({
+        'content-type': 'text/html',
+        ':status': 200
+      });
+      stream.end('<h1>Hello World! <br>Working with http2</h1>');
     });
-    stream.end('<h1>Hello World! <br>Working with http2</h1>');
-  });
-  const http2Port = Number(port) + 1;
-  http2Server.listen(http2Port, err => {
-    if (err) {
-      throw err;
-    }
+    const http2Port = Number(port) + 1;
+    http2Server.listen(http2Port, err => {
+      if (err) {
+        throw err;
+      }
 
-    (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
-      host,
-      domain,
-      port: http2Port
-    }, 'htt' + 'ps')}${contextURL}/`, 'http2 server');
-  });
-} else {
-  (0, _utils.log)('Your node version didn\'t adopted http2 support. Kindly update that to 8 LTS or above you can engage the http2');
+      (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
+        host,
+        domain,
+        port: http2Port
+      }, 'htt' + 'ps')}${contextURL}/`, 'http2 server');
+    });
+  } else {
+    (0, _utils.log)('Your node version didn\'t adopted http2 support. Kindly update that to 8 LTS or above you can engage the http2');
+  }
 }
 
 const httpPort = Number(port) + (isCompatableHttp2 ? 2 : 1);

package/lib/servers/requireLocalOrGlobal.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.globalNodeModules = void 0;
+exports.requireGlobal = requireGlobal;
+exports.requireLocal = requireLocal;
+exports.requireLocalOrGlobal = requireLocalOrGlobal;
+
+var _child_process = require("child_process");
+
+var _path = _interopRequireDefault(require("path"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const globalNodeModules = _path.default.join(`${(0, _child_process.execSync)('npm config get prefix')}`.trim(), 'lib');
+
+exports.globalNodeModules = globalNodeModules;
+
+function requireLocalOrGlobal(moduleName, opts = {}) {
+  let {
+    global = true
+  } = opts;
+  const {
+    local = true
+  } = opts;
+  const isRelativePath = moduleName[0] === '.'; // NOTE: if starts with . then it only mean local
+
+  if (isRelativePath) {
+    global = false;
+  }
+
+  try {
+    const paths = [local && process.cwd(), global && globalNodeModules].filter(Boolean); // x({ paths, globalNodeModules, global, local, opts });
+
+    const moduleResolvePath = require.resolve(moduleName, {
+      paths
+    });
+
+    return require(moduleResolvePath);
+  } catch (error) {
+    // NOTE: since we return null we can check out side
+    // console.log('Re validate: ', error);
+    return null;
+  }
+}
+
+function requireLocal(moduleName) {
+  return requireLocalOrGlobal(moduleName, {
+    global: false,
+    local: true
+  });
+}
+
+function requireGlobal(moduleName) {
+  return requireLocalOrGlobal(moduleName, {
+    global: true,
+    local: false
+  });
+}

package/lib/servers/server.js

@@ -70,8 +70,7 @@ if (mode === 'prod') {
   config = require('../configs/webpack.dev.config');
 } else {
   throw new Error('You must configure valid option in mode');
-} // console.log({ contextURL });
-
+}
 
 const compiler = (0, _webpack.default)(config);
 const webpackServerOptions = {
@@ -101,7 +100,6 @@ app.use((0, _HMRMiddleware.default)(compiler, {
   path: '/sockjs-node/info'
 }));
 app.use((req, res, next) => {
-  //console.log('origin', req.get('origin'));
   res.setHeader('Access-Control-Allow-Origin', req.get('origin') || '*'); // res.setHeader('Access-Control-Allow-Origin', req.get('origin'));
 
   res.setHeader('Access-Control-Allow-Private-Network', true);
@@ -117,34 +115,37 @@ app.use('/wms/*', (req, res) => {
 
 const httpsServer = _https.default.createServer(httpsOptions, app);
 
-const wss = new _ws.default.Server({
-  server: httpsServer
-});
-let wsPool = [];
-wss.on('connection', ws => {
-  wsPool.push(ws);
-  ws.on('close', () => {
-    wsPool = wsPool.filter(ws1 => ws1 !== ws);
+if (httpsOptions) {
+  const wss = new _ws.default.Server({
+    server: httpsServer
   });
-  ws.on('message', message => {
-    (0, _utils.log)('received: %s', message);
+  let wsPool = [];
+  wss.on('connection', ws => {
+    wsPool.push(ws);
+    ws.on('close', () => {
+      wsPool = wsPool.filter(ws1 => ws1 !== ws);
+    });
+    ws.on('message', message => {
+      (0, _utils.log)('received: %s', message);
+    });
+    ws.send('something');
   });
-  ws.send('something');
-});
-app.post('/wmsmockapi', (req, res) => {
-  wsPool.forEach(ws => {
-    const {
-      body
-    } = req;
-
-    try {
-      ws.send(JSON.stringify(body));
-    } catch (e) {
-      (0, _utils.log)(e, body);
-    }
+  app.post('/wmsmockapi', (req, res) => {
+    wsPool.forEach(ws => {
+      const {
+        body
+      } = req;
+
+      try {
+        ws.send(JSON.stringify(body));
+      } catch (e) {
+        (0, _utils.log)(e, body);
+      }
+    });
+    res.send('success');
   });
-  res.send('success');
-});
+}
+
 let webpackCompilation;
 let initalHTML;
 compiler.hooks.afterCompile.tap('ReactCLI', compilation => {
@@ -176,34 +177,34 @@ if (httpsOptions) {
 
     (0, _utils.log)(`Listening at ${serverUrl}${contextURL}/`);
   });
-}
 
-if (isCompatableHttp2 && httpsOptions) {
-  const http2 = require('http2');
+  if (isCompatableHttp2) {
+    const http2 = require('http2');
 
-  const http2Server = http2.createSecureServer(httpsOptions); // eslint-disable-next-line no-unused-vars
+    const http2Server = http2.createSecureServer(httpsOptions); // eslint-disable-next-line no-unused-vars
 
-  http2Server.on('stream', (stream, headers) => {
-    stream.respond({
-      'content-type': 'text/html',
-      ':status': 200
+    http2Server.on('stream', (stream, headers) => {
+      stream.respond({
+        'content-type': 'text/html',
+        ':status': 200
+      });
+      stream.end('<h1>Hello World! <br>Working with http2</h1>');
     });
-    stream.end('<h1>Hello World! <br>Working with http2</h1>');
-  });
-  const http2Port = Number(port) + 1;
-  http2Server.listen(http2Port, err => {
-    if (err) {
-      throw err;
-    }
-
-    (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
-      host,
-      domain,
-      port: http2Port
-    }, 'htt' + 'ps')}${contextURL}/`, 'http2 server');
-  });
-} else {
-  (0, _utils.log)('Your node version didn\'t adopted http2 support. Kindly update that to 8 LTS or above you can engage the http2');
+    const http2Port = Number(port) + 1;
+    http2Server.listen(http2Port, err => {
+      if (err) {
+        throw err;
+      }
+
+      (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
+        host,
+        domain,
+        port: http2Port
+      }, 'htt' + 'ps')}${contextURL}/`, 'http2 server');
+    });
+  } else if (httpsOptions) {
+    (0, _utils.log)('Your node version didn\'t adopted http2 support. Kindly update that to 8 LTS or above you can engage the http2');
+  }
 }
 
 const httpPort = Number(port) + (isCompatableHttp2 ? 2 : 1);

package/lib/utils/cssClassNameGenerate.js

@@ -9,13 +9,15 @@ var _os = _interopRequireDefault(require("os"));
 
 var _path = _interopRequireDefault(require("path"));
 
+var _fileHandling = require("../plugins/utils/fileHandling");
+
 var _getHash = _interopRequireDefault(require("./getHash"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-let isWindows = _os.default.platform().toLowerCase() === 'win32';
+const isWindows = _os.default.platform().toLowerCase() === 'win32';
 
-let isSelectorPackage = (resourcePath, packages) => {
+const isSelectorPackage = (resourcePath, packages) => {
   if (!resourcePath.includes('node_modules')) {
     return false;
   }
@@ -36,38 +38,93 @@ let isSelectorPackage = (resourcePath, packages) => {
   return isValid;
 };
 
+function patternBasedClass({
+  customClassNamePrefix,
+  context,
+  relativePath,
+  localName
+}) {
+  let newName = null;
+  customClassNamePrefix.forEach(obj => {
+    if (obj.enable) {
+      if (obj.patterns && obj.prefix && (0, _fileHandling.isFileNameMatchingPluginPattern)({
+        filename: context.resourcePath,
+        filterArr: obj.patterns
+      })) {
+        const h = (0, _getHash.default)(`${relativePath}-${localName}`, 10);
+        newName = `${obj.prefix}${h}`;
+      }
+    }
+  });
+  return newName;
+}
+
 var _default = (unique = true, {
   filenames,
   packages
-}, classNamePrefix) => (context, localIdentName, localName) => {
-  // NOTE:  in build macine we use date as folder path.
+}, classNamePrefix, customClassNamePrefix, patterns) => (context, localIdentName, localName) => {
+  // console.log(patterns, context.resourcePath);
+  // NOTE:  in build machine we use date as folder path.
   // So every time we create new build there is path will alway different
-  // in order to minmaze that problem we try in relative path;
+  // in order to minimize that problem we try in relative path;
   // console.log('context.resourcePath', context.resourcePath, context);
   // let contextResourcePath = context.resourcePath;
-  let relativePath = _path.default.relative(context.rootContext, context.resourcePath);
+  const filePaths = context.resourcePath.split(_path.default.sep);
+  const fileName = filePaths[filePaths.length - 1];
+  const [fileNameWithoutExt] = fileName.split('.');
+  const cleanFileName = fileNameWithoutExt.replace(/-/g, '_').toLowerCase();
+
+  const relativePath = _path.default.relative(context.rootContext, context.resourcePath); // console.log('customClassNamePrefix', customClassNamePrefix);
+
+  /*
+    input : 
+    context.resourcePath : 'D:/MyWork/..../desk_client_app/supportapp/src/components/Avatar/Avatar.module.css,
+  
+     patterns.cssVariableReplacement: 
+    // include src folder, include deskapp folder, exclude node modules
+    "cssUniqueness": [
+      "src",
+      "deskapp",
+      "!node_modules"
+    ]
+     output : 
+    true or false
+  */
+
 
   if (context.resourcePath.endsWith('.plain.css')) {
     return localName;
   }
+
+  if (!(0, _fileHandling.isFileNameMatchingPluginPattern)({
+    filename: context.resourcePath,
+    filterArr: patterns.cssUniqueness
+  })) {
+    return `${classNamePrefix}-${cleanFileName}-${localName}`;
+  }
   /* old production mode start without breaking so added. may be removed in future*/
 
 
   if (unique) {
-    let h = (0, _getHash.default)(`${relativePath}-${localName}`, 10);
+    const h = (0, _getHash.default)(`${relativePath}-${localName}`, 10);
     return `${classNamePrefix}${h}`;
   }
-  /* old production mode end*/
 
+  const patternClass = patternBasedClass({
+    customClassNamePrefix,
+    context,
+    relativePath,
+    localName
+  });
 
-  let filePaths = context.resourcePath.split(_path.default.sep);
-  let fileName = filePaths[filePaths.length - 1];
-  let [fileNameWithoutExt] = fileName.split('.');
-  let cleanFileName = fileNameWithoutExt.replace(/-/g, '_').toLowerCase(); //css file has casesensitive selector issue so can't toLowerCase
+  if (patternClass) {
+    return patternClass;
+  } //css file has case sensitive selector issue so can't toLowerCase
   //let local = localName.toLowerCase()
 
+
   if (isSelectorPackage(context.resourcePath, packages) || filenames.indexOf(cleanFileName) !== -1) {
-    let h = (0, _getHash.default)(`${relativePath}-${localName}`, 10);
+    const h = (0, _getHash.default)(`${relativePath}-${localName}`, 10);
     return `${classNamePrefix}${h}`;
   }
 

package/lib/utils/deprecationSupport.js

@@ -0,0 +1,134 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deprecationSupport = deprecationSupport;
+
+var _path = _interopRequireDefault(require("path"));
+
+var deprecationHandlers = _interopRequireWildcard(require("../deprecationLogger"));
+
+var _windowsModification = require("../loaderUtils/windowsModification");
+
+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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let {
+  deprecateMessage,
+  deprecateOption,
+  deprecationLoggerEnd
+} = deprecationHandlers;
+
+function modifyCssArr(arr) {
+  return arr.map(x => {
+    const includeCss = !x.startsWith('!');
+    const modifier = includeCss ? '/*.css' : '';
+    const filePath = x.replace(/^!/, ''); // Remove the "!" symbol if present
+
+    return (0, _windowsModification.windowsModificationFile)(_path.default.join(includeCss ? '**' : '!**', filePath, '**', modifier));
+  });
+}
+
+const defaultPostCssPluginOptions = {
+  valueReplacer: null,
+  hasRTL: false,
+  selectorReplace: null,
+  hoverActive: false,
+  combinerMediaQuery: false,
+  cssVariableReplacement: false,
+  selectorWeight: false,
+  minifier: false,
+  composeMinification: false
+};
+
+function deprecationSupport(options, disableDeprecationWarning) {
+  if (disableDeprecationWarning) {
+    /* eslint-disable no-empty-function */
+    deprecateMessage = () => {};
+
+    deprecateOption = () => {};
+
+    deprecationLoggerEnd = () => {};
+    /* eslint-enable no-empty-function */
+
+  }
+
+  options.app.plugins = options.app.plugins || defaultPostCssPluginOptions;
+  options.docs.plugins = options.docs.plugins || defaultPostCssPluginOptions;
+  options.css.plugins = options.css.plugins || defaultPostCssPluginOptions; // if (selectn(options, ".app.hasRTL") === true) {
+
+  if (options.app.hasRTL === true) {
+    deprecateOption('app.hasRTL', 'app.plugins.hasRTL');
+    options.app.plugins.hasRTL = true;
+  }
+
+  if (options.docs.hasRTL === true) {
+    deprecateOption('docs.hasRTL', 'docs.plugins.hasRTL');
+    options.docs.plugins.hasRTL = true;
+  }
+
+  if (options.app.selectorReplace !== null && options.app.plugins && (options.app.plugins.selectorReplace === null || options.app.plugins.selectorReplace === undefined)) {
+    deprecateMessage('when you use app.selectorReplace mention enable or disable app.plugins.selectorReplace by setting value to true or false');
+    options.app.plugins.selectorReplace = true;
+  }
+
+  if (options.docs.selectorReplace !== null && options.docs.plugins && (options.docs.plugins.selectorReplace === null || options.docs.plugins.selectorReplace === undefined)) {
+    deprecateMessage('when you use docs.selectorReplace mention enable or disable docs.plugins.selectorReplace by setting value to true or false');
+    options.docs.plugins.selectorReplace = true;
+  }
+
+  if (options.css.valueReplacer !== null && options.css.plugins && (options.app.plugins.valueReplacer === null || options.app.plugins.valueReplacer === undefined)) {
+    deprecateMessage('when you use app.valueReplacer mention enable or disable app.plugins.valueReplacer by setting value to true or false');
+    options.app.plugins.valueReplacer = true;
+  }
+
+  if (!options.app.patterns) {
+    options.app.patterns = {};
+  }
+
+  function handleRTL(rtlExclude, rtl, hasRTL, type) {
+    if (rtlExclude && rtlExclude.length > 0) {
+      options[type].patterns.hasRTL = modifyCssArr(rtlExclude);
+      deprecateOption(`${type}.rtlExclude`, `${type}.patterns.hasRTL`);
+    }
+
+    if (rtl && rtl.length > 0) {
+      options[type].patterns.hasRTL = modifyCssArr(rtl);
+      deprecateOption(`${type}.exclude.rtl`, `${type}.patterns.hasRTL`);
+    }
+
+    if (hasRTL && hasRTL.length > 0) {
+      options[type].patterns.hasRTL = modifyCssArr(hasRTL);
+      deprecateOption(`${type}.exclude.hasRTL`, `${type}.patterns.hasRTL`);
+    }
+  }
+
+  function addExcludesToPattern(patterns, exclude, type) {
+    Object.keys(defaultPostCssPluginOptions).forEach(key => {
+      if (!exclude[key] || exclude[key].length === 0) {
+        return;
+      }
+
+      if (patterns[key].length === 0) {
+        deprecateOption(`${type}.exclude.${key}`, `${type}.patterns.${key}`);
+        let tempArr = exclude[key];
+        tempArr = tempArr.map(x => _path.default.join('!**', x, '**')); // Since patterns[key] is empty we need to wildcard for allow all others.
+
+        tempArr.unshift('*');
+        patterns[key] = tempArr;
+      } else if (exclude[key].length > 0 && patterns[key].length > 0) {
+        deprecateOption(`${type}.exclude.${key}`, `${type}.patterns.${key}`, ` And Since you have used ${type}.patterns.${key} we won't use ${type}.exclude.${key}. So please make appropriate changes`);
+      }
+    });
+  }
+
+  handleRTL(options.app.rtlExclude, options.app.exclude.rtl, options.app.exclude.hasRTL, 'app');
+  handleRTL(options.docs.rtlExclude, options.docs.exclude.rtl, options.docs.exclude.hasRTL, 'docs');
+  addExcludesToPattern(options.app.patterns, options.app.exclude, 'app');
+  addExcludesToPattern(options.docs.patterns, options.docs.exclude, 'docs');
+  deprecationLoggerEnd();
+}