@zohodesk/react-cli 1.1.15-exp.3 → 1.1.16-exp.1

package/README.md

@@ -44,13 +44,37 @@ Now to run app
 
 # Change Logs
 
-# 1.1.16 (11-10-2023) : 
+# 1.1.17 (27-10-2023)
 
 **Feature:-**
+
 - Autoprefixer plugin added to react-cli, enable by having `true` value at `app > plugins > autoPrefixer` and necessary pattern for including files in `app > patterns > autoPrefixer`
   For more info please refer to :
   [details](https://zgit.csez.zohocorpin.com/zohodesk/react-cli/-/blob/2.0.0/docs/AutoPrefixer.md)
+
+**Fix :** 
+- Proptype title and component name fix done
   
+# 1.1.16 (25-10-2023)
+
+**Feature:-**
+
+- Support for running devURL in a Kubernetes (k8s) environment has been added.
+
+In order to support k8's, we need to the change the server url:- 
+
+Follow the below steps to enable support for k8's in your app:-
+
+  1.Add the following config in your react-cli.config.js file:-
+ 
+```
+app: {
+  server: {
+    domain : 'kubernetes'
+  }
+}
+```
+
 # 1.1.15 
 
 **Feature:-**

package/lib/postcss-plugins/AutoPrefixer.js

@@ -32,49 +32,57 @@ module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
 
         if (mozRule.name && prefixConfig.browsers && prefixConfig.browsers.mozilla) {
           // custom value need to change
-          mozRule.name = replacements && replacements.mozilla ? replacements.mozilla : prefixes['@keyframes'].mozilla;
-
-          if (!prefixConfig && !prefixConfig.include && !prefixConfig.includes['@keyframes'] && !prefixConfig.include['@keyframes'].mozilla) {
+          if (prefixConfig.include['@keyframes'] && !prefixConfig.include['@keyframes'].mozilla && !prefixes['@keyframes'].mozilla) {
             return;
           }
 
-          newPrefixes.push(mozRule);
+          mozRule.name = replacements && replacements.mozilla ? replacements.mozilla : prefixes['@keyframes'].mozilla;
+
+          if (mozRule.name !== undefined) {
+            newPrefixes.push(mozRule);
+          }
         }
 
         const chromeRule = rule.clone(); // custom value need to change
 
         if (chromeRule.name && prefixConfig.browsers && prefixConfig.browsers.chrome) {
-          chromeRule.name = replacements && replacements.chrome ? replacements.chrome : prefixes['@keyframes'].chrome;
-
-          if (!prefixConfig && !prefixConfig.include && !prefixConfig.includes['@keyframes'] && !prefixConfig.include['@keyframes'].chrome) {
+          if (prefixConfig.include['@keyframes'] && !prefixConfig.include['@keyframes'].chrome && !prefixes['@keyframes'].chrome) {
             return;
           }
 
-          newPrefixes.push(chromeRule);
+          chromeRule.name = replacements && replacements.chrome ? replacements.chrome : prefixes['@keyframes'].chrome;
+
+          if (chromeRule.name !== undefined) {
+            newPrefixes.push(chromeRule);
+          }
         }
 
         const operaRule = rule.clone(); // custom value need to change
 
         if (operaRule.name && prefixConfig.browsers && prefixConfig.browsers.opera) {
-          operaRule.name = replacements && replacements.opera ? replacements.opera : prefixes['@keyframes'].opera;
-
-          if (!prefixConfig && !prefixConfig.include && !prefixConfig.includes['@keyframes'] && !prefixConfig.include['@keyframes'].opera) {
+          if (prefixConfig.include['@keyframes'] && !prefixConfig.include['@keyframes'].opera && !prefixes['@keyframes'].opera) {
             return;
           }
 
-          newPrefixes.push(operaRule);
+          operaRule.name = replacements && replacements.opera ? replacements.opera : prefixes['@keyframes'].opera;
+
+          if (operaRule.name !== undefined) {
+            newPrefixes.push(operaRule);
+          }
         }
 
         const ieRule = rule.clone(); // custom value need to change
 
         if (ieRule.name && prefixConfig.browsers && prefixConfig.browsers.ie) {
-          ieRule.name = replacements && replacements.ie ? replacements.ie : prefixes['@keyframes'].ie;
-
-          if (!prefixConfig && !prefixConfig.include && !prefixConfig.includes['@keyframes'] && !prefixConfig.include['@keyframes'].ie) {
+          if (prefixConfig.include['@keyframes'] && !prefixConfig.include['@keyframes'].ie && !prefixes['@keyframes'].ie) {
             return;
           }
 
-          newPrefixes.push(ieRule);
+          ieRule.name = replacements && replacements.ie ? replacements.ie : prefixes['@keyframes'].ie;
+
+          if (ieRule.name !== undefined) {
+            newPrefixes.push(ieRule);
+          }
         }
 
         rule.parent.insertAfter(rule, newPrefixes); // console.log(`${rule.name} : ${rule.params}`);
@@ -99,49 +107,57 @@ module.exports = _postcss.default.plugin('autoprefixer', prefixConfig => {
           const mozDecl = decl.clone(); // custom value need to change
 
           if (mozDecl.prop && prefixConfig.browsers && prefixConfig.browsers.mozilla) {
-            mozDecl.prop = replacements && replacements.mozilla ? replacements.mozilla : prefixes[decl.prop].mozilla;
-
-            if (!prefixConfig && !prefixConfig.include && !prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].mozilla) {
+            if (prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].mozilla && !prefixes[decl.prop].mozilla) {
               return;
             }
 
-            newPrefixes.push(mozDecl);
+            mozDecl.prop = replacements && replacements.mozilla ? replacements.mozilla : prefixes[decl.prop].mozilla;
+
+            if (mozDecl.prop !== undefined) {
+              newPrefixes.push(mozDecl);
+            }
           }
 
           const chromeDecl = decl.clone(); // custom value need to change
 
           if (chromeDecl.prop && prefixConfig.browsers && prefixConfig.browsers.chrome) {
-            chromeDecl.prop = replacements && replacements.chrome ? replacements.chrome : prefixes[decl.prop].chrome;
-
-            if (!prefixConfig && !prefixConfig.include && !prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].chrome) {
+            if (prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].chrome && !prefixes[decl.prop].chrome) {
               return;
             }
 
-            newPrefixes.push(chromeDecl);
+            chromeDecl.prop = replacements && replacements.chrome ? replacements.chrome : prefixes[decl.prop].chrome;
+
+            if (chromeDecl.prop !== undefined) {
+              newPrefixes.push(chromeDecl);
+            }
           }
 
           const operaDecl = decl.clone(); // custom value need to change
 
           if (operaDecl.prop && prefixConfig.browsers && prefixConfig.browsers.opera) {
-            operaDecl.prop = replacements && replacements.opera ? replacements.opera : prefixes[decl.prop].opera;
-
-            if (!prefixConfig && !prefixConfig.include && !prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].opera) {
+            if (prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].opera && !prefixes[decl.prop].opera) {
               return;
             }
 
-            newPrefixes.push(operaDecl);
+            operaDecl.prop = replacements && replacements.opera ? replacements.opera : prefixes[decl.prop].opera;
+
+            if (operaDecl.prop !== undefined) {
+              newPrefixes.push(operaDecl);
+            }
           }
 
           const ieDecl = decl.clone(); // custom value need to change
 
           if (ieDecl.prop && prefixConfig.browsers && prefixConfig.browsers.ie) {
-            ieDecl.prop = replacements && replacements.ie ? replacements.ie : prefixes[decl.prop].ie;
-
-            if (!prefixConfig && !prefixConfig.include && !prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].ie) {
+            if (prefixConfig.include[decl.prop] && !prefixConfig.include[decl.prop].ie && !prefixes[decl.prop].ie) {
               return;
             }
 
-            newPrefixes.push(ieDecl);
+            ieDecl.prop = replacements && replacements.ie ? replacements.ie : prefixes[decl.prop].ie;
+
+            if (ieDecl.prop !== undefined) {
+              newPrefixes.push(ieDecl);
+            }
           }
 
           decl.parent.insertAfter(decl, newPrefixes); // console.log(`${decl.prop} : ${decl.value}`);

package/lib/utils/getServerURL.js

@@ -5,13 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-let getServerURL = (serverInfo, protocol) => {
+const getServerURL = (serverInfo, protocol) => {
+  // eslint-disable-next-line prefer-const
   let {
     host,
     domain,
     port
   } = serverInfo;
 
+  if (domain === 'kubernetes') {
+    return `${protocol ? `${protocol}:` : ''}//${host}`;
+  }
+
   if (protocol) {
     if (protocol === 'ht' + 'tp') {
       port = Number(port) + 1;
@@ -20,7 +25,7 @@ let getServerURL = (serverInfo, protocol) => {
         return `${protocol ? `${protocol}:` : ''}//${host}.${domain}.zohocorpin.com:${Number(port) + 1}`;
       }
 
-      return `${protocol ? `${protocol}:` : ''}//${host}:${port}`;
+      return `${protocol ? `${protocol}:` : ''}//${host}:${Number(port) + 1}`;
     }
   }
 

package/package.json

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

package/templates/docs/index.html

@@ -685,7 +685,7 @@
 										compName ?
 											<div className="flexshrink cheader">
 												<div className="dflex flexrow flexbasis alignVertical">
-													<div className="flexshrink"><h1 className="cheadertitle">{compName && compName.split('__')[0]}</h1></div>
+													<div className="flexshrink"><h1 className="cheadertitle">{compName && compName.split('__')[compName.split('__').length -1]}</h1></div>
 													<div className='flexgrow flexbasis infoTabs dflex'>
 														<span onClick={this.onTabinfo.bind(this, 'component')} className={infoTab == 'component' ? 'dotted infoactive' : 'dotted'}>Component view</span>
 														<span onClick={this.onTabinfo.bind(this, 'proptypes')} className={infoTab == 'proptypes' ? 'dotted infoactive' : 'dotted'}>PropTypes</span>
@@ -901,7 +901,7 @@
 																})
 															) : (
 																<div className='propsTableContainer'>
-																	<div className="compName">{compName.split('_')[1].split('__')[0]}</div>
+																	<div className="compName">{compName.split('__')[compName.split('__').length -1]}</div>
 																	<div className="propsTable">
 																		<div className="tableHeader">
 																			<span className="brR">PropsName</span>