@zohodesk/client_build_tool 0.0.22-exp.3 → 0.0.22-exp.5

package/es/shared/postcss/custom_postcss_plugins/HoverActivePlugin/handleIgnores.js

@@ -1,58 +0,0 @@
-import { isComment } from "./typeCheckUtils";
-const hoverIgnoreQuery = 'Hover:ignore';
-const activeIgnoreQuery = 'Active:ignore';
-const hoverActiveIgnoreQuery = 'HoverActive:ignore';
-
-function handleIgnore() {
-  let isIgnored = false;
-  return {
-    isIgnored: () => isIgnored,
-    update: isGoingTobeIgnored => {
-      isIgnored = isGoingTobeIgnored;
-    },
-    reset: () => {
-      isIgnored = false;
-    }
-  };
-} // eslint-disable-next-line no-unused-vars
-
-
-export function handleIgnores(options) {
-  const hoverHandler = handleIgnore();
-  const activeHandler = handleIgnore();
-
-  function generateReturnValue() {
-    return {
-      hoverIgnored: hoverHandler.isIgnored(),
-      activeIgnored: activeHandler.isIgnored()
-    };
-  }
-
-  const ignoreCommentMap = {
-    [hoverIgnoreQuery]: () => {
-      hoverHandler.update(true);
-    },
-    [activeIgnoreQuery]: () => {
-      activeHandler.update(true);
-    },
-    [hoverActiveIgnoreQuery]: () => {
-      hoverHandler.update(true);
-      activeHandler.update(true);
-    }
-  };
-  return node => {
-    if (isComment(node)) {
-      const commentText = node.text.trim();
-      ignoreCommentMap[commentText] && ignoreCommentMap[commentText](); //   NOTE: we return here because this is just comment we can skip it.
-
-      return generateReturnValue();
-    } //   NOTE: we get the here. But return after resetting for next. Because these comment Only works for once.
-    //  Even If we support multiple line Skip we must do it in reset or separate method.
-
-
-    const returnValue = generateReturnValue();
-    hoverHandler.reset();
-    activeHandler.reset();
-    return returnValue;
-  };
-}

package/es/shared/postcss/custom_postcss_plugins/HoverActivePlugin/index.js

@@ -1,122 +0,0 @@
-import { handleIgnores } from "./handleIgnores";
-import { isRule, isAtRule, isMediaQuery } from "./typeCheckUtils";
-import { isPreviouslyProcessed, concatMediaParams } from "./isPreviouslyProcessed";
-import { insertNearBy } from "./insertBefore";
-import { separateHoveredSelectorAndNormalSelector } from "./separateHoveredSelectorAndNormalSelector";
-import { replaceHoverToActiveInSelector } from "./replaceUtils";
-import { hackForComposes, removeRuleIfNoNormalSelectors } from "./specialCases";
-export default (config => {
-  const hoverMedQuerySuffix = config.hover;
-  const activeMedQuerySuffix = config.active;
-  return {
-    postcssPlugin: 'postcss-mobile-hover',
-    Once: function Once(root, params) {
-      const getIgnoreStatus = handleIgnores(); // eslint-disable-next-line no-use-before-define
-
-      const mediaRuleCreatorMap = getMediaRuleMap(params, hoverMedQuerySuffix, activeMedQuerySuffix);
-      root.walk(node => {
-        const ignoreStatus = getIgnoreStatus(node);
-
-        if (isRule(node) === false) {
-          return;
-        }
-
-        if (isAtRule(node.parent) && !isMediaQuery(node.parent)) {
-          return;
-        } // NOTE: after previous return we expect rule that are only normal rule or rules that inside media query
-
-
-        const rule = node;
-
-        if (isPreviouslyProcessed(rule, {
-          hoverMedQuerySuffix,
-          activeMedQuerySuffix
-        })) {
-          return;
-        }
-
-        const {
-          hoveredSelectors,
-          normalSelectors
-        } = separateHoveredSelectorAndNormalSelector(rule.selector); // NOTE: this if will remove rule if the rule has no normal selectors. and return So be aware.
-
-        if (hoveredSelectors.length === 0) {
-          //  || isRuleHasHover(rule) === false
-          return;
-        }
-
-        let newHoverMediaQuery = null;
-        let newActiveMediaQuery = null;
-        let prefix = '';
-
-        if (isAtRule(rule.parent)) {
-          prefix = rule.parent.params;
-        } else {
-          // NOTE: for usual rules we don't need prefix, So use prefix as empty string
-          prefix = '';
-        }
-
-        if (!ignoreStatus.hoverIgnored) {
-          newHoverMediaQuery = mediaRuleCreatorMap.hoverRule({
-            rule,
-            hoveredSelectors,
-            prefix
-          }, params);
-        }
-
-        if (!ignoreStatus.activeIgnored) {
-          newActiveMediaQuery = mediaRuleCreatorMap.activeRule({
-            rule,
-            hoveredSelectors,
-            prefix
-          }, params);
-        }
-
-        insertNearBy(rule, newHoverMediaQuery);
-        insertNearBy(rule, newActiveMediaQuery);
-        hackForComposes(rule, hoveredSelectors, params);
-        removeRuleIfNoNormalSelectors(normalSelectors, rule);
-      });
-    }
-  };
-});
-
-function getMediaRuleMap(params, hoverMedQuerySuffix, activeMedQuerySuffix) {
-  const {
-    AtRule
-  } = params;
-  return {
-    hoverRule(_ref) {
-      let {
-        rule,
-        hoveredSelectors,
-        prefix
-      } = _ref;
-      const newMediaQuery = new AtRule({
-        name: 'media',
-        params: concatMediaParams(prefix, hoverMedQuerySuffix)
-      });
-      const clonedRule = rule.clone();
-      clonedRule.selector = hoveredSelectors.join(',');
-      newMediaQuery.append(clonedRule);
-      return newMediaQuery;
-    },
-
-    activeRule(_ref2) {
-      let {
-        rule,
-        hoveredSelectors,
-        prefix
-      } = _ref2;
-      const newMediaQuery = new AtRule({
-        name: 'media',
-        params: concatMediaParams(prefix, activeMedQuerySuffix)
-      });
-      const clonedRule = rule.clone();
-      clonedRule.selector = hoveredSelectors.map(replaceHoverToActiveInSelector).join(',');
-      newMediaQuery.append(clonedRule);
-      return newMediaQuery;
-    }
-
-  };
-}

package/es/shared/postcss/custom_postcss_plugins/HoverActivePlugin/insertBefore.js

@@ -1,22 +0,0 @@
-import { isAtRule, isParentAtRule } from "./typeCheckUtils";
-export function insertBefore(node, newNode) {
-  newNode && node.parent.insertBefore(node, newNode);
-  return newNode;
-} // function insertAfter(node, newNode) {
-//   newNode && node.parent.insertAfter(node, newNode);
-//   return newNode;
-// }
-
-export function insertNearBy(node, newNode) {
-  if (!newNode) {
-    return newNode;
-  } // we use insertBefore Because we wouldn't end up recursive (repeated) check and creation
-
-
-  if (isParentAtRule(node) && isAtRule(newNode)) {
-    return insertNearBy(node.parent, newNode);
-  }
-
-  return insertBefore(node, newNode); // return insertAfter(node, newNode);
-  // return newNode;
-}

package/es/shared/postcss/custom_postcss_plugins/HoverActivePlugin/isPreviouslyProcessed.js

@@ -1,11 +0,0 @@
-import { isParentAtRule, isParentAtRuleContainsParam } from "./typeCheckUtils";
-export function concatMediaParams(prefix, suffix) {
-  return prefix ? `${prefix} and ${suffix}` : `${suffix}`;
-}
-export function isPreviouslyProcessed(rule, _ref) {
-  let {
-    hoverMedQuerySuffix,
-    activeMedQuerySuffix
-  } = _ref;
-  return isParentAtRule(rule) && (isParentAtRuleContainsParam(rule, hoverMedQuerySuffix) || isParentAtRuleContainsParam(rule, activeMedQuerySuffix));
-}

package/es/shared/postcss/custom_postcss_plugins/HoverActivePlugin/replaceUtils.js

@@ -1,13 +0,0 @@
-import { HOVER_NOTATION } from "./constants"; // function isRuleHasHover(rule) {
-//   return isSelectorHasHover(rule.selector);
-// }
-
-function generateReplacer(baseStr, replaceStr) {
-  return function () {
-    let inputStr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    return inputStr.replaceAll(baseStr, replaceStr);
-  };
-}
-
-export const removeHoverFromSelector = generateReplacer(HOVER_NOTATION, '');
-export const replaceHoverToActiveInSelector = generateReplacer(HOVER_NOTATION, ':active');

package/es/shared/postcss/custom_postcss_plugins/HoverActivePlugin/separateHoveredSelectorAndNormalSelector.js

@@ -1,17 +0,0 @@
-import { isSelectorHasHover } from "./typeCheckUtils";
-export function separateHoveredSelectorAndNormalSelector() {
-  let fullselector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  const hoveredSelectors = [];
-  const normalSelectors = [];
-  fullselector.split(/\s*,\s*/).forEach(selector => {
-    if (isSelectorHasHover(selector)) {
-      hoveredSelectors.push(selector);
-    } else {
-      normalSelectors.push(selector);
-    }
-  });
-  return {
-    hoveredSelectors,
-    normalSelectors
-  };
-}

package/es/shared/postcss/custom_postcss_plugins/HoverActivePlugin/specialCases.js

@@ -1,32 +0,0 @@
-import { insertBefore } from "./insertBefore";
-import { removeHoverFromSelector } from "./replaceUtils";
-export function hackForComposes(rule, hoveredSelectors, params) {
-  const {
-    Rule
-  } = params;
-
-  if (hoveredSelectors.length === 0) {
-    return;
-  } // NOTE: we create Empty Rule with hovered selectors that :hover removed from hover selector
-  // Reason: when composes looking for selector it most be at least empty rule other wise composes will throw error.
-
-
-  insertBefore(rule, new Rule({
-    selector: hoveredSelectors.map(removeHoverFromSelector).join(',')
-  }));
-}
-/**
- * NOTE: this function will remove rule if the rule has no normal selectors.
- * @param {Rule} rule
- * @returns
- */
-
-export function removeRuleIfNoNormalSelectors(normalSelectors, rule) {
-  if (normalSelectors.length) {
-    // NOTE: removed hovered selectors
-    // eslint-disable-next-line no-param-reassign
-    rule.selector = normalSelectors.join(',');
-  } else {
-    rule.remove();
-  }
-}

package/es/shared/postcss/custom_postcss_plugins/HoverActivePlugin/typeCheckUtils.js

@@ -1,28 +0,0 @@
-import { HOVER_NOTATION } from "./constants";
-export function isComment(node) {
-  return node.type === 'comment';
-}
-export function isRule(node) {
-  return node.type === 'rule';
-}
-export function isMediaQuery(node) {
-  return node.name === 'media';
-}
-export function isAtRule(node) {
-  return node.type === 'atrule';
-}
-export function isAtRuleContainsParam(atRule, content) {
-  return atRule.params.includes(content);
-}
-export function isParentAtRuleContainsParam(rule, content) {
-  return isAtRuleContainsParam(rule.parent, content);
-}
-export function isParentAtRule(rule) {
-  return isAtRule(rule.parent);
-}
-export function isRuleNotInsideAtRule(node) {
-  return isRule(node) && node && !isAtRule(node.parent);
-}
-export function isSelectorHasHover(selector) {
-  return selector.indexOf(HOVER_NOTATION) !== -1;
-}

package/es/shared/postcss/custom_postcss_plugins/RTLSplitPlugin.js

@@ -1,125 +0,0 @@
-/* eslint-disable no-param-reassign */
-import * as postcss from 'postcss';
-const oppositeDir = {
-  ltr: 'rtl',
-  rtl: 'ltr'
-};
-
-function compareSelector(selector1, selector2) {
-  // console.log({ selector1, selector2 }, selector1 === selector2);
-  return selector1 === selector2;
-}
-
-const directionRegexs = {
-  ltr: /\[dir=ltr\]/,
-  rtl: /\[dir=rtl\]/
-};
-
-const getRegex = dir => directionRegexs[dir];
-
-const getOppositeRegex = dir => getRegex(oppositeDir[dir]);
-
-function selectorMinifySameDir(selector, direction) {
-  // NOTE: if this rule is same dir as current need
-  //  then we can just remove that [dir=ltr] or [dir=rtl]
-  //  it just for minimaze selector
-  const regex = getRegex(direction);
-  return selector.replace(regex, '').trim();
-}
-/**
- * this funtion will remove given rule,
- *  if given selector and it's previous sibiling rule selector  are same
- * current rule properties will move to previous sibiling rule.
- * @param {Rule} rule current rule
- */
-
-
-function mergeIfSameSelector(rule) {
-  // NOTE: to merge dublicate selector rules
-  const prev = rule.prev();
-
-  if (prev && compareSelector(prev.selector, rule.selector)) {
-    rule.each(decl => {
-      prev.append(decl);
-    });
-    rule.remove();
-  }
-}
-/**
- * this funtion will remove given rule,
- *  if given selector and it's previous sibiling rule selector  are same
- * current rule properties will move to previous sibiling rule.
- * @param {Rule} rule current rule
- */
-
-
-function removeIfOppsiteDirRule(rule, direction, rootOptions) {
-  // console.log({ rule, type: rule.type });
-  const selectors = rule.selector.split(/\s*,\s*/); // NOTE: if we use opposite dir selector as custom override reason,
-  //  and compain normal selector with it, In this  case
-  //  we just a have to remove that selector only not full rule
-
-  const oppositeDirRegex = getOppositeRegex(direction);
-  let remainingSelectors = selectors.filter(selector => !oppositeDirRegex.test(selector));
-
-  if (!rootOptions.disableMinifySelector) {
-    remainingSelectors = remainingSelectors.map(selector => selectorMinifySameDir(selector, direction));
-  }
-
-  if (remainingSelectors.length) {
-    rule.selector = remainingSelectors.join(', ');
-  } else {
-    // NOTE: every selector is opposite dir then we have to remove  the rule
-    rule.remove();
-  }
-}
-
-function removeIfOppsiteDirKeyframe(rule, direction) {
-  const name = rule.params;
-  const keyFrameDirName = name.slice(name.lastIndexOf('-') + 1);
-
-  if (keyFrameDirName === oppositeDir[direction]) {
-    // console.log({ m: 'removed', keyFrameName: rule.params });
-    rule.remove();
-  }
-}
-
-export function separateSingleDir(root, direction, rootOptions) {
-  root.walkRules(rule => {
-    removeIfOppsiteDirRule(rule, direction, rootOptions);
-    mergeIfSameSelector(rule);
-  });
-  root.walkAtRules(rule => {
-    removeIfOppsiteDirKeyframe(rule, direction);
-  });
-  return root;
-}
-export function separateRtlAndLtr(css, rootOptions) {
-  // let processor = postcss([]).process(css);
-  const root = postcss.parse(css); // let { root } = processor;
-  // console.log(processor, root);
-  // NOTE: I did first rtl then ltr , Because  for ltr I use original root ref
-
-  const rtlRoot = separateSingleDir(root.clone(), 'rtl', rootOptions); // console.log('############################');
-
-  const ltrRoot = separateSingleDir(root, 'ltr', rootOptions);
-  return {
-    ltrRoot,
-    rtlRoot,
-    ltr: ltrRoot.toString(),
-    rtl: rtlRoot.toString()
-  };
-} // NOTE: to test in https://astexplorer.net/
-// you can test with sample input https://astexplorer.net/#/gist/a892a509eb585099355ef53ef094f836/1ca70d5f7af3b88ca4910296e12f118e9712c874
-// export default postcss.plugin('postcss-rtl-remove', (options = {}) =>
-//   // Work with options here
-//   root => {
-//     const rtlRoot = separateSingleDir(root.clone(), 'rtl');
-//     const ltrRoot = separateSingleDir(root, 'ltr');
-//     // root.append(postcss.comment({ text: 'comment' }));
-//     root.append(postcss.comment({ text: 'this  is  spliting part ' }));
-//     root.append(rtlRoot);
-//     //console.log({root, roots:root+""}, root+"")
-//     // Transform CSS AST here
-//   }
-// );

package/es/shared/postcss/custom_postcss_plugins/SelectorReplace.js

@@ -1,82 +0,0 @@
-/* eslint-disable no-param-reassign */
-export default (function () {
-  let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  // eslint-disable-next-line no-use-before-define
-  validator(opts);
-  const {
-    before,
-    after
-  } = opts;
-  return {
-    postcssPlugin: 'postcss-selector-replace',
-
-    Once(root) {
-      root.walkRules(rule => {
-        before.forEach((beforeOpt, idx) => {
-          const afterOpt = after[idx];
-
-          if (typeof beforeOpt === 'string') {
-            rule.selector = rule.selector.split(beforeOpt).join(afterOpt);
-          } else {
-            rule.selector = rule.selector.replace(beforeOpt, afterOpt);
-          }
-        });
-      });
-    }
-
-  };
-});
-
-function validator(opts) {
-  if (!opts || typeof opts !== 'object') {
-    throw new Error('Always requires argment');
-  }
-
-  const {
-    before,
-    after
-  } = opts;
-
-  if (!before || !after) {
-    throw new Error('Be sure to have "before" and "after" object names');
-  }
-
-  if (!Array.isArray(before) || !Array.isArray(after)) {
-    throw new Error('Objects "before" and "after" must be of type Array');
-  }
-
-  if (before.length !== after.length) {
-    throw new Error('Length of before and after options must be the same');
-  }
-
-  if (before.length === 0) {
-    throw new Error('Array length is 1 or more');
-  }
-
-  before.forEach((beforeOpt, idx) => {
-    const afterOpt = after[idx];
-
-    switch (true) {
-      case typeof beforeOpt === 'string':
-        {
-          if (!typeof afterOpt === 'string') {
-            throw new Error(`The after option ${afterOpt} must be a string. If you want to apply the replace callback function, then use a RegExp for the before option`);
-          }
-
-          break;
-        }
-
-      case beforeOpt instanceof RegExp:
-        {
-          if (!typeof afterOpt === 'string' && !typeof afterOpt === 'function') {
-            throw new Error(`The after option ${afterOpt} must be either a string, or a function`);
-          }
-
-          break;
-        }
-
-      default:
-        throw new Error(`The before option ${beforeOpt} must be either a string, or a RegExp`);
-    }
-  });
-}

package/es/shared/postcss/custom_postcss_plugins/ValueReplacer.js

@@ -1,50 +0,0 @@
-const diffBasedOnStrLength = (a, b) => b.length - a.length;
-/**
- * @param {Array} valueReplacer 
- * [
-      {
-        "props": ["color", "background-color"],
-        "values" : {
-          "zd-": "im-"
-        }
-      }
-    ]
- */
-
-
-const PostcssValueReplacer = function () {
-  let valueReplacer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  const options = {};
-  valueReplacer.forEach(obj => {
-    obj.props.forEach(prop => {
-      const valueKeys = Object.keys(obj.values);
-      const propOptions = options[prop];
-
-      if (options[prop]) {
-        valueKeys.forEach(k => {
-          propOptions.values[k] = obj.values[k];
-        });
-        propOptions.sortedKeys = propOptions.values.sort(diffBasedOnStrLength);
-      } else {
-        options[prop] = {
-          sortedKeys: valueKeys.sort(diffBasedOnStrLength),
-          values: obj.values
-        };
-      }
-    });
-  }); // Work with options here
-
-  return {
-    postcssPlugin: 'postcss-value-replacer',
-    Declaration: decl => {
-      const propOptions = options[decl.prop];
-      propOptions?.sortedKeys.forEach(k => {
-        // eslint-disable-next-line no-param-reassign
-        decl.value = decl.value.replaceAll(new RegExp(k, 'g'), propOptions.values[k]);
-      });
-    }
-  };
-};
-
-PostcssValueReplacer.postcss = true;
-export default PostcssValueReplacer;