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

package/lib/loaders/composeLoader.js

@@ -1,298 +0,0 @@
-"use strict";
-
-var _path = _interopRequireDefault(require("path"));
-
-var _postcss = _interopRequireDefault(require("postcss"));
-
-var _classHandling = require("../../lib/plugins/utils/classHandling");
-
-var _fileHandling = require("../plugins/utils/fileHandling");
-
-var _utils = require("../utils");
-
-var _ignore = _interopRequireDefault(require("ignore"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const supportedProps = ['margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'margin', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right', 'padding', 'top', 'bottom', 'left', 'right', 'height', 'width', 'min-height', 'min-width', 'max-height', 'max-width', 'float', 'overflow', 'position', 'display', 'text-align', 'white-space', 'visibility'];
-const renameProps = {
-  position: {
-    cls: 'posn'
-  },
-  display: {
-    cls: 'disp'
-  },
-  float: {
-    cls: 'flo'
-  },
-  overflow: {
-    cls: 'over'
-  },
-  'text-align': {
-    cls: 'txtAlgn'
-  },
-  'white-space': {
-    cls: 'whSpc'
-  },
-  visibility: {
-    cls: 'vis'
-  },
-  'font-size': {
-    pos: 'fs',
-    neg: 'fs_'
-  },
-  'margin-top': {
-    pos: 'mt',
-    neg: 'mt_'
-  },
-  'margin-bottom': {
-    pos: 'mb',
-    neg: 'mb_'
-  },
-  'margin-left': {
-    pos: 'ml',
-    neg: 'ml_'
-  },
-  'margin-right': {
-    pos: 'mr',
-    neg: 'mr_'
-  },
-  margin: {
-    pos: 'm',
-    neg: 'm_'
-  },
-  'padding-top': {
-    pos: 'pt',
-    neg: 'pt_'
-  },
-  'padding-bottom': {
-    pos: 'pb',
-    neg: 'pb_'
-  },
-  'padding-left': {
-    pos: 'pl',
-    neg: 'pl_'
-  },
-  'padding-right': {
-    pos: 'pr',
-    neg: 'pr_'
-  },
-  padding: {
-    pos: 'p',
-    neg: 'p_'
-  },
-  top: {
-    pos: 'post',
-    neg: 'post_'
-  },
-  bottom: {
-    pos: 'posb',
-    neg: 'posb_'
-  },
-  left: {
-    pos: 'posl',
-    neg: 'posl_'
-  },
-  right: {
-    pos: 'posr',
-    neg: 'posr_'
-  },
-  height: {
-    pos: 'h',
-    neg: 'h_'
-  },
-  width: {
-    pos: 'w',
-    neg: 'w_'
-  },
-  'min-height': {
-    pos: 'minh',
-    neg: 'minh_'
-  },
-  'min-width': {
-    pos: 'minw',
-    neg: 'minw_'
-  },
-  'max-height': {
-    pos: 'maxh',
-    neg: 'maxh_'
-  },
-  'max-width': {
-    pos: 'maxw',
-    neg: 'maxw_'
-  }
-};
-
-function objToClassName(prop, data) {
-  return renameProps[prop] ? data < 0 ? renameProps[prop].neg ? `${renameProps[prop].neg}${data * -1}` : `undef${data * -1}` : renameProps[prop].pos ? `${renameProps[prop].pos}${data}` : `undef${data}` : `undef${data}`;
-}
-
-function objtoClassNameString(prop, data) {
-  let temp = data.toString().replace(/-/gi, '');
-  return `${renameProps[prop].cls}_${temp.replace(/\s*/gi, '')}`;
-}
-
-const multipleClassName = {
-  margin: ['margin-top', 'margin-right', 'margin-bottom', 'margin-left'],
-  padding: ['padding-top', 'padding-right', 'padding-bottom', 'padding-left']
-};
-
-function objToClassNameMultiple(prop, data) {
-  data = data.trim().replace(/\s+/gi, ' ');
-  let dataArr = data.split(' ');
-
-  if (dataArr.length === 3) {
-    dataArr[3] = dataArr[1];
-  }
-
-  if (dataArr.length === 2) {
-    dataArr[3] = dataArr[1];
-    dataArr[2] = dataArr[0];
-  }
-
-  if (dataArr.length === 1) {
-    dataArr[3] = dataArr[0];
-    dataArr[2] = dataArr[0];
-    dataArr[1] = dataArr[0];
-  }
-
-  let composeClasses = '';
-  dataArr.forEach((data, index) => composeClasses += `${objToClassName(multipleClassName[prop][index], parseInt(data, 10))} `);
-  composeClasses = composeClasses.substring(0, composeClasses.length - 1);
-  return composeClasses;
-}
-
-const commonFilePath = {
-  margin: 'src/common/css/margin.css',
-  'margin-left': 'src/common/css/margin.css',
-  'margin-right': 'src/common/css/margin.css',
-  'margin-top': 'src/common/css/margin.css',
-  'margin-bottom': 'src/common/css/margin.css',
-  padding: 'src/common/css/padding.css',
-  'padding-left': 'src/common/css/padding.css',
-  'padding-right': 'src/common/css/padding.css',
-  'padding-top': 'src/common/css/padding.css',
-  'padding-bottom': 'src/common/css/padding.css',
-  top: 'src/common/css/position.css',
-  bottom: 'src/common/css/position.css',
-  left: 'src/common/css/position.css',
-  right: 'src/common/css/position.css',
-  height: 'src/common/css/height.css',
-  width: 'src/common/css/width.css',
-  'min-height': 'src/common/css/height.css',
-  'min-width': 'src/common/css/width.css',
-  'max-height': 'src/common/css/height.css',
-  'max-width': 'src/common/css/width.css',
-  fontSize: 'src/common/css/fontSize.css',
-  textProps: 'src/common/css/textProps.css',
-  display: 'src/common/css/textProps.css',
-  float: 'src/common/css/textProps.css',
-  overflow: 'src/common/css/textProps.css',
-  position: 'src/common/css/position.css',
-  'text-align': 'src/common/css/textProps.css',
-  'white-space': 'src/common/css/textProps.css',
-  visibility: 'src/common/css/textProps.css'
-};
-
-function generateComposeString(resourcePath, prop, value) {
-  let composeString = `from "${_path.default.relative(_path.default.parse(resourcePath).dir, // resourcePath
-  commonFilePath[prop]).replace(/\\/gi, '/')}"`;
-  let cls = '';
-
-  if (/^position|^overflow|^display|^float|^text-align|^white-space|^visibility/gi.test(prop)) {
-    console.log(prop, value, 'textvals');
-    cls = objtoClassNameString(prop, value);
-  } else if (/^margin$|^padding$/gi.test(prop)) {
-    // console.log(prop, value, 'margin');
-    cls = objToClassNameMultiple(prop, value);
-  } else {
-    // console.log(prop, value, 'common');
-    cls = objToClassName(prop, parseInt(value));
-  }
-
-  composeString = `${cls} ${composeString}`;
-  return composeString;
-} // const preNames = {
-//   height: 'zd-height-',
-//   'max-height': 'zd-height-',
-//   'min-height': 'zd-height-',
-//   width: 'zd-width-',
-//   'max-width': 'zd-width-',
-//   'min-width': 'zd-width-',
-//   top: 'zd-position-',
-//   bottom: 'zd-position-',
-//   left: 'zd-position-',
-//   right: 'zd-position-',
-//   'padding-top': 'zd-padding-',
-//   'padding-bottom': 'zd-padding-',
-//   'padding-left': 'zd-padding-',
-//   'padding-right': 'zd-padding-',
-//   'margin-top': 'zd-margin-',
-//   'margin-bottom': 'zd-margin-',
-//   'margin-left': 'zd-margin-',
-//   'margin-right': 'zd-margin-'
-// };
-
-
-function allowParent(rule) {
-  return rule.parent.type === 'root' || rule.parent.type === 'atrule' && rule.parent.name === 'media';
-}
-
-module.exports = function (source) {
-  const {
-    resourcePath
-  } = this;
-  const options = (0, _utils.getOptions)(); // console.log(options.app.patterns.composeMinification);
-  // const ig = ignore({ allowRelativePaths: true }).add(options.app.patterns.composeMinification);
-  // const newFilename = path.relative(path.parse(process.cwd()).base, resourcePath);
-  // console.log(newFilename, ig.ignores(newFilename));
-
-  let root = _postcss.default.parse(source);
-
-  if (!(0, _fileHandling.isFileNameMatchingPluginPattern)({
-    filename: resourcePath,
-    filterArr: options.app.patterns.composeMinification
-  })) {
-    return root.toString();
-  }
-
-  root.walkRules(rule => {
-    rule.walkDecls(decl => {
-      if (/^-ms|^-webkit|^moz/gi.test(decl.prop)) {
-        return;
-      }
-
-      if (!allowParent(rule)) {
-        return;
-      }
-
-      if ((0, _classHandling.isInsideMediaQuery)(rule)) {
-        console.log('inside media query', rule.selector);
-        return;
-      }
-
-      if (supportedProps.includes(decl.prop) && /^position$|^overflow|^float|^display|^text-align|^white-space|^visibility/gi.test(decl.prop) && !/[,\s+]+|(\w+)\.|:|::|body|(\d+)%|>/gi.test(rule.selector) && commonFilePath[decl.prop] && !decl.value.includes('var(--')) {
-        decl.value = generateComposeString(resourcePath, decl.prop, decl.value);
-        decl.prop = 'composes';
-        return;
-      }
-
-      if (supportedProps.includes(decl.prop) && /px$/gi.test(decl.value) && !/^--/gi.test(decl.prop) && commonFilePath[decl.prop] && !decl.value.includes('calc') && !/[,\s+]+|(\w+)\.|:|(\d+)%/gi.test(rule.selector)) {
-        // n++ < 10 && console.log(composeString);
-        // if (!composeString.includes('src')) {
-        // if (/px$/gi.test(decl.value)) {
-        decl.value = generateComposeString(resourcePath, decl.prop, decl.value); // }
-        // if (/^position$|^display$|^overflow$|^float$/gi.test(decl.prop)) {
-        //   console.log(decl.prop);
-        // }
-
-        decl.prop = 'composes'; // console.log(decl.prop, decl.value);
-        // n < 10 && console.log(rule.selector, decl.prop, decl.value);
-        // }
-      }
-    });
-  });
-  const output = root.toString(); // console.log(output);
-
-  return output;
-};

package/lib/loaders/markdownLoader.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.markdownParser = markdownParser;
-
-const markdownIt = require('markdown-it'); // const md = new markdownIt({ linkify: true,breaks:true });
-
-
-const md = new markdownIt({
-  html: false,
-  linkify: true,
-  typographer: true,
-  breaks: true,
-  xhtmlOut: true
-}); //const md = new markdownIt();
-
-function markdownParser(source) {
-  if (!source) {
-    return '';
-  }
-
-  const startTag = '/* MD:START';
-  const endTag = 'MD:END */'; // Iterate through all occurrences of the tags
-
-  let startIndex = source.indexOf(startTag);
-
-  while (startIndex !== -1) {
-    const endIndex = source.indexOf(endTag, startIndex);
-
-    if (endIndex !== -1) {
-      const extractedMarkdown = source.slice(startIndex + startTag.length, endIndex);
-      let lines = extractedMarkdown.split('\n');
-      lines = lines.filter(line => line.trim() !== '');
-      const firstLineIndentMatch = lines[0].match(/^\s+/);
-      const firstLineIndent = firstLineIndentMatch ? firstLineIndentMatch[0] : '';
-      const modifiedStr = lines.map(line => line.replace(new RegExp(`^${firstLineIndent}`), '')).join('\n').replace(/(:--)|(--:)/g, '---');
-      let html = md.render(modifiedStr); //html = html.replace(/"|<hr>|<img src=(".*?")>|<br>|:--|--:|{|}|\$/g, match => {
-
-      html = html.replace(/"|{|}|\$/g, match => {
-        // if (match === '<hr>') {
-        //   return '<hr/>';
-        // } else if (match.startsWith('<img src=')) {
-        //   return match.replace('>', '/>');
-        // } else if (match === '<br>') {
-        //   return '<br/>';
-        if (match === '$') {
-          return '&#36;';
-        } else if (match === '{') {
-          return '&#123;';
-        } else if (match === '}') {
-          return '&#125;';
-        } // else if (match === ':--' || match === '--:' ) {
-        //   return '---';
-        // }
-        else if (match === '}') {
-          return '&#125;';
-        }
-
-        return match;
-      }); // console.log(html,"html");
-
-      source = source.replace(source.slice(startIndex, endIndex + endTag.length), '<><div class="markDown">' + html + '</div></>');
-    }
-
-    startIndex = source.indexOf(startTag, startIndex + 1); // console.log(source)
-  }
-
-  return source;
-}

package/lib/loaders/reactLiveConvertor.js

@@ -1,105 +0,0 @@
-"use strict";
-
-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();
-  const fileContent = source.replace(/[\s\r\n]*$/, '');
-  const ast = parser.parse(fileContent, {
-    sourceType: 'module',
-    plugins: ['jsx', 'classProperties']
-  }); // 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) {
-      importBlock += `${fileContent.slice(path.node.start, path.node.end)}\n`;
-      path.node.specifiers.forEach(specifier => {
-        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){
-    //   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, '$\\{');
-  const brcklets = `(function () { 
-
-      ${remainingCode}  
-
-      return <${fileName} />
-
-    }) ()`;
-  const addBractick = `\`${brcklets}\``;
-  const template = `
-  
-    ${importBlock}
-  
-    import { LiveProvider, LiveEditor, LiveError, LivePreview } from '@zohodesk-private/react-live/es/index'
-  
-    export default class ${fileName} extends React.Component{
-      render(){
-        return(
-          <LiveProvider scope={{${Array.from(packages).join(', ')}}} code={${addBractick}}>
-         <LiveEditor   />
-         <LiveError />
-         <LivePreview    />
-     
-          </LiveProvider>
-        )
-      }
-    }
-  
-    ${docCode}
-    `;
-  return template;
-}

package/lib/logger.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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/plugins/CustomAttributePlugin.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomAttributePlugin = void 0;
-
-var _Template = _interopRequireDefault(require("webpack/lib/Template"));
-
-var _htmlWebpackInjectAttributesPlugin = _interopRequireDefault(require("html-webpack-inject-attributes-plugin"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable no-use-before-define */
-class CustomAttributePlugin {
-  constructor(options) {
-    this.options = {
-      attributes: options.attributes,
-      useHTMLAttribute: options.attributes && !options.jsAttributes && !options.cssAttributes && !options.i18nAttributes,
-      jsAttributes: options.jsAttributes || options.attributes || {},
-      cssAttributes: options.cssAttributes || options.attributes || {},
-      i18nAttributes: options.i18nAttributes || options.attributes || {}
-    };
-  }
-
-  addCustomAttributeToDynamicScriptTags(mainTemplate) {
-    const {
-      jsAttributes,
-      cssAttributes,
-      i18nAttributes
-    } = this.options; // NOTE: To add custom Attributes to js Script tags
-
-    mainTemplate.hooks.jsonpScript.tap('CustomAttributePlugin', source => {
-      const str = attributeSetTemplate(jsAttributes, 'script');
-      return _Template.default.asString([source, ...str]);
-    }); // NOTE: To add custom Attributes to css link tags
-
-    mainTemplate.hooks.requireEnsure.tap('CustomAttributePlugin', source => {
-      const str = attributeSetTemplate(cssAttributes, 'linkTag');
-      const replacedStr = source.replace('head.appendChild(linkTag);', `${str.join('')}head.appendChild(linkTag);`); //   console.log({ s: source, r: replacedStr });
-
-      return replacedStr;
-    }); // NOTE: To add custom Attributes to i18n split js Script tags
-
-    mainTemplate.hooks.requireEnsure.tap('CustomAttributePlugin', source => {
-      const str = attributeSetTemplate(i18nAttributes, 'scriptTag');
-      const replacedStr = source.replace('document.body.appendChild(scriptTag);', `${str.join('')}document.body.appendChild(scriptTag);`); //   console.log({ s: source, r: replacedStr });
-
-      return replacedStr;
-    });
-  }
-
-  apply(compiler) {
-    // NOTE: we not using this, Reason currently this option is only need for EFC,
-    // So it do not needed.
-    const {
-      attributes,
-      useHTMLAttribute
-    } = this.options;
-    useHTMLAttribute && new _htmlWebpackInjectAttributesPlugin.default(attributes).apply(compiler);
-    compiler.hooks.thisCompilation.tap({
-      name: 'CustomAttributePlugin',
-      stage: 1,
-      fn: compilation => {
-        this.addCustomAttributeToDynamicScriptTags(compilation.mainTemplate);
-      }
-    });
-  }
-
-}
-
-exports.CustomAttributePlugin = CustomAttributePlugin;
-
-function attributeSetTemplate(jsAttributes, variableName) {
-  let str = [];
-  Object.keys(jsAttributes).forEach(key => {
-    const val = jsAttributes[key];
-    str.push(`${variableName}.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(val)});`);
-  }); //   console.log({ str });
-
-  return str;
-}

package/lib/plugins/CustomAttributePlugin.md

@@ -1,35 +0,0 @@
-# CustomAttributePlugin
- In this plugin we added all dynamic chunks tags (like js script tags , css script tags, i18n split script tags) to extra custom attribute
-
-## Options
-
-```json
-{
-  "name": "some",
-  "react-cli": {
-    "app": {
-      "customAttributes": {// this is the all options
-        "enable": false,
-        "attributes": null,
-        "jsAttributes": null,
-        "cssAttributes": null,
-        "i18nAttributes": null
-      }
-  }
-}
-```
-
-### enable   [Boolean]
-this decides is this plugin or feature needs to be enabled of not.
-
-
-### attributes   [Object] 
-It  was object of key value pairs Example Given Option {"data-app-name":"myapp"}  
-Then all dynamically (js script tags , css script tags, i18n split script tags) added tags via webpack 
-
-### jsAttributes   [Object] 
-same as [attributes] but only for js script tags
-### cssAttributes   [Object] 
-same as [attributes] but only for css script tags
-### i18nAttributes   [Object] 
-same as [attributes] but only for i18n split script tags

package/lib/plugins/EfcResourceCleanupPlugin.js

@@ -1,43 +0,0 @@
-"use strict";
-
-const {
-  Template
-} = require('webpack');
-
-const plugInName = 'EFCResourceCleanup';
-module.exports = class EfcResouceCleanupPlugin {
-  constructor(options) {
-    this.options = options;
-  }
-
-  apply(compiler) {
-    compiler.hooks.thisCompilation.tap(plugInName, ({
-      mainTemplate
-    }) => {
-      mainTemplate.hooks.afterStartup.tap(plugInName, source => {
-        const {
-          attributes,
-          globalCacheObj
-        } = this.options;
-        const attributesArr = Object.entries(attributes);
-        const [[attributekey, attributeValue]] = attributesArr;
-        const resourceSelector = `[${attributekey}="${attributeValue}"]`;
-        return Template.asString([source, Template.indent([`     window['${globalCacheObj}Jsonp'].unInstall = function() {
-                  Object.keys(installedModules).forEach(installedModulesKey => installedModules[installedModulesKey] = null);
-                  Object.keys(modules).forEach(moduleKey => modules[moduleKey] = null);
-                 `, `
-                 installedModules = null;
-                 modules = null;
-                 __webpack_require__.m = null;
-                 __webpack_require__.c = null;
-              
-                 `, attributekey && attributeValue ? `    
-          const addedResources = document.querySelectorAll('${resourceSelector}');
-          addedResources.forEach(addedResource => addedResource.remove());
-      }
-          ` : ''])]);
-      });
-    });
-  }
-
-};