@zohodesk/client_build_tool 0.0.1-0.exp.0.0.3

package/lib/shared/commands-utils/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "doBasicRequirementCheck", {
+  enumerable: true,
+  get: function () {
+    return _doBasicRequirementCheck.doBasicRequirementCheck;
+  }
+});
+Object.defineProperty(exports, "readArgsFormCommandLine", {
+  enumerable: true,
+  get: function () {
+    return _readArgsFormCommandLine.readArgsFormCommandLine;
+  }
+});
+Object.defineProperty(exports, "readOptionFormCommandLine", {
+  enumerable: true,
+  get: function () {
+    return _readOptionFormCommandLine.readOptionFormCommandLine;
+  }
+});
+
+var _readArgsFormCommandLine = require("./readArgsFormCommandLine");
+
+var _readOptionFormCommandLine = require("./readOptionFormCommandLine");
+
+var _doBasicRequirementCheck = require("./doBasicRequirementCheck");

package/lib/shared/commands-utils/log.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.log = void 0;
+
+let log = (...info) => {
+  let print = console;
+  print.log(...info);
+};
+
+exports.log = log;

package/lib/shared/commands-utils/readArgsFormCommandLine.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.readArgsFormCommandLine = readArgsFormCommandLine;
+const args = process.argv.slice(3);
+
+function readArgsFormCommandLine() {
+  return args;
+}

package/lib/shared/commands-utils/readOptionFormCommandLine.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.readOptionFormCommandLine = readOptionFormCommandLine;
+const [,, option] = process.argv;
+
+function readOptionFormCommandLine() {
+  return option;
+}

package/lib/shared/commands-utils/spawnSyncIO.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultSpawnSyncOptions = void 0;
+exports.spawnIO = spawnIO;
+exports.spawnSyncIO = spawnSyncIO;
+
+var _child_process = require("child_process");
+
+var _logger = require("../../logger");
+
+var _getCliPath = require("./getCliPath");
+
+const defaultSpawnSyncOptions = {
+  stdio: 'inherit'
+};
+exports.defaultSpawnSyncOptions = defaultSpawnSyncOptions;
+
+function spawnSyncIO(commandName, args, spawnSyncOptions = defaultSpawnSyncOptions) {
+  const command = (0, _getCliPath.getCliPath)(commandName);
+  const result = (0, _child_process.spawnSync)(command, args, spawnSyncOptions);
+
+  if (result.error || result.stderr) {
+    (0, _logger.errorLogger)(result.error || result.stderr);
+  }
+
+  return result;
+}
+
+function spawnIO(commandName, args, cb) {
+  const command = (0, _getCliPath.getCliPath)(commandName); // const result =
+
+  return (0, _child_process.spawn)(command, args, {
+    stdio: 'inherit'
+  }, cb); // process.exit(result.status);
+}

package/lib/shared/constants.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cliRootPath = exports.cliNodeModulesPath = exports.babelrcPath = exports.appPath = exports.appNodeModules = exports.CONFIG_ROOT = exports.BASE_CONFIG_KEY = void 0;
+exports.getTemplatePath = getTemplatePath;
+exports.joinWithAppPath = joinWithAppPath;
+exports.templatesPath = void 0;
+
+var _path = _interopRequireWildcard(require("path"));
+
+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; }
+
+const BASE_CONFIG_KEY = 'react-cli';
+exports.BASE_CONFIG_KEY = BASE_CONFIG_KEY;
+
+const cliRootPath = _path.default.resolve(__dirname, '..', '..');
+
+exports.cliRootPath = cliRootPath;
+const CONFIG_ROOT = 'client-build-config';
+exports.CONFIG_ROOT = CONFIG_ROOT;
+
+const cliNodeModulesPath = _path.default.resolve(cliRootPath, 'node_modules');
+
+exports.cliNodeModulesPath = cliNodeModulesPath;
+const babelrcPath = (0, _path.join)(cliRootPath, '.babelrc');
+exports.babelrcPath = babelrcPath;
+const appPath = process.cwd();
+exports.appPath = appPath;
+
+function joinWithAppPath(filePath) {
+  // TODO: test in windows
+  return (0, _path.join)(appPath, filePath);
+}
+
+;
+const appNodeModules = joinWithAppPath('node_modules');
+exports.appNodeModules = appNodeModules;
+const templatesPath = (0, _path.join)(__dirname, '..', '..', 'templates');
+exports.templatesPath = templatesPath;
+
+function getTemplatePath(...filePath) {
+  // TODO: test in windows
+  return (0, _path.join)(templatesPath, ...filePath);
+}

package/lib/shared/fileUtils/copyFile.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.copyFile = copyFile;
+exports.createParentDir = createParentDir;
+exports.writeFile = writeFile;
+
+var _fs = require("fs");
+
+var _path = _interopRequireDefault(require("path"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function createParentDir(filename) {
+  const {
+    dir
+  } = _path.default.parse(filename);
+
+  if (!(0, _fs.existsSync)(dir)) {
+    (0, _fs.mkdirSync)(dir, {
+      recursive: true
+    });
+  }
+}
+
+function copyFile(filename, outputFile) {
+  createParentDir(outputFile);
+  const readStream = (0, _fs.createReadStream)(filename);
+  const writeStream = (0, _fs.createWriteStream)(outputFile);
+  return readStream.pipe(writeStream);
+}
+
+function writeFile(filename, data) {
+  createParentDir(filename);
+  return (0, _fs.writeFileSync)(filename, data);
+}

package/lib/shared/fileUtils/directoryIterator.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.directoryIterator = directoryIterator;
+
+var _fs = require("fs");
+
+var _path = require("path");
+
+function directoryIterator(filename, callback) {
+  if (!(0, _fs.statSync)(filename).isDirectory()) {
+    callback(filename);
+    return;
+  }
+
+  (0, _fs.readdirSync)(filename).forEach(fileOrDir => {
+    directoryIterator((0, _path.join)(filename, fileOrDir), callback);
+  });
+}

package/lib/shared/fileUtils/watchRun.js

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.watchRun = watchRun;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _watcher = _interopRequireDefault(require("watcher"));
+
+var _runBabelForJSFile = require("../babel/runBabelForJSFile");
+
+var _runBabelForTsFile = require("../babel/runBabelForTsFile");
+
+var _runPostCssForCssFile = require("../postcss/runPostCssForCssFile");
+
+var _directoryIterator = require("./directoryIterator");
+
+var _copyFile = require("./copyFile");
+
+var _logger = require("../../logger");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const isJs = ext => ext === '.js';
+
+const isTs = ext => ext === '.ts' || ext === '.tsx';
+
+const isCss = ext => ext === '.css';
+
+function watchRun({
+  options,
+  src,
+  target,
+  canWatch,
+  mode
+}) {
+  let updatedFileCount = 0;
+
+  function doWorkForSeparateFile(filename) {
+    const outputFile = filename.replace(src, target);
+
+    const {
+      ext
+    } = _path.default.parse(filename);
+
+    if (isJs(ext)) {
+      (0, _runBabelForJSFile.runBabelForJSFile)({
+        filename,
+        outputFile,
+        options,
+        mode
+      });
+    } else if (isCss(ext)) {
+      (0, _runPostCssForCssFile.runPostCssForCssFile)({
+        filename,
+        outputFile,
+        options
+      });
+    } else if (isTs(ext)) {
+      (0, _runBabelForTsFile.runBabelForTSFile)({
+        filename,
+        outputFile,
+        options,
+        mode
+      });
+    } else {
+      (0, _copyFile.copyFile)(filename, outputFile);
+    }
+
+    updatedFileCount++;
+  }
+
+  function doWork(foldername) {
+    updatedFileCount = 0;
+    const startTime = Date.now();
+    (0, _directoryIterator.directoryIterator)(foldername, filename => {
+      try {
+        doWorkForSeparateFile(filename);
+      } catch (error) {
+        (0, _logger.messageLogger)(`ERROR In: ${filename}`);
+        (0, _logger.messageLogger)(error);
+      }
+    });
+    (0, _logger.messageLogger)(`Successfully compiled ${updatedFileCount} files with Babel and Post-CSS (${Date.now() - startTime}ms).`);
+  }
+
+  doWork(src);
+
+  if (canWatch) {
+    const watcher = new _watcher.default(src, {
+      recursive: true,
+      ignoreInitial: true,
+      ignore: filename => filename.indexOf('__tests__') !== -1 // remove the test cases 
+
+    });
+    watcher.on('all', (event, filename) => {
+      if (event === 'unlink' || event === 'unlinkDir') {
+        return;
+      }
+
+      doWork(filename); // This is what the library does internally when you pass it a handler directly
+      //   arguments [0] (event); // => could be any target event: 'add', 'addDir', 'change', 'rename', 'renameDir', 'unlink' or 'unlinkDir'
+      //   arguments [1] (filename); // => the file system path where the event took place, this is always provided
+      //   arguments [2] (targetPathNext); // => the file system path "targetPath" got renamed to, this is only provided on 'rename'/'renameDir' events
+    });
+    watcher.on('error', error => {
+      (0, _logger.messageLogger)(error); // => true, "Error" instances are always provided on "error"
+    });
+  }
+}

package/lib/shared/postcss/custom_postcss_plugins/EmptyPlugin.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+// eslint-disable-next-line no-unused-vars
+const EmptyPlugin = (opts = {}) => ({
+  postcssPlugin: 'postcss-empty',
+
+  // eslint-disable-next-line no-unused-vars
+  Once(root, {
+    result
+  }) {}
+
+});
+
+EmptyPlugin.postcss = true;
+var _default = EmptyPlugin;
+exports.default = _default;

package/lib/shared/postcss/custom_postcss_plugins/HoverActivePlugin/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HOVER_NOTATION = void 0;
+
+/* eslint-disable no-use-before-define */
+const HOVER_NOTATION = ':hover';
+exports.HOVER_NOTATION = HOVER_NOTATION;

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleIgnores = handleIgnores;
+
+var _typeCheckUtils = require("./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
+
+
+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 ((0, _typeCheckUtils.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/lib/shared/postcss/custom_postcss_plugins/HoverActivePlugin/index.js

@@ -0,0 +1,136 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _handleIgnores = require("./handleIgnores");
+
+var _typeCheckUtils = require("./typeCheckUtils");
+
+var _isPreviouslyProcessed = require("./isPreviouslyProcessed");
+
+var _insertBefore = require("./insertBefore");
+
+var _separateHoveredSelectorAndNormalSelector = require("./separateHoveredSelectorAndNormalSelector");
+
+var _replaceUtils = require("./replaceUtils");
+
+var _specialCases = require("./specialCases");
+
+var _default = config => {
+  const hoverMedQuerySuffix = config.hover;
+  const activeMedQuerySuffix = config.active;
+  return {
+    postcssPlugin: 'postcss-mobile-hover',
+    Once: function Once(root, params) {
+      const getIgnoreStatus = (0, _handleIgnores.handleIgnores)(); // eslint-disable-next-line no-use-before-define
+
+      const mediaRuleCreatorMap = getMediaRuleMap(params, hoverMedQuerySuffix, activeMedQuerySuffix);
+      root.walk(node => {
+        const ignoreStatus = getIgnoreStatus(node);
+
+        if ((0, _typeCheckUtils.isRule)(node) === false) {
+          return;
+        }
+
+        if ((0, _typeCheckUtils.isAtRule)(node.parent) && !(0, _typeCheckUtils.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 ((0, _isPreviouslyProcessed.isPreviouslyProcessed)(rule, {
+          hoverMedQuerySuffix,
+          activeMedQuerySuffix
+        })) {
+          return;
+        }
+
+        const {
+          hoveredSelectors,
+          normalSelectors
+        } = (0, _separateHoveredSelectorAndNormalSelector.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 ((0, _typeCheckUtils.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);
+        }
+
+        (0, _insertBefore.insertNearBy)(rule, newHoverMediaQuery);
+        (0, _insertBefore.insertNearBy)(rule, newActiveMediaQuery);
+        (0, _specialCases.hackForComposes)(rule, hoveredSelectors, params);
+        (0, _specialCases.removeRuleIfNoNormalSelectors)(normalSelectors, rule);
+      });
+    }
+  };
+};
+
+exports.default = _default;
+
+function getMediaRuleMap(params, hoverMedQuerySuffix, activeMedQuerySuffix) {
+  const {
+    AtRule
+  } = params;
+  return {
+    hoverRule({
+      rule,
+      hoveredSelectors,
+      prefix
+    }) {
+      const newMediaQuery = new AtRule({
+        name: 'media',
+        params: (0, _isPreviouslyProcessed.concatMediaParams)(prefix, hoverMedQuerySuffix)
+      });
+      const clonedRule = rule.clone();
+      clonedRule.selector = hoveredSelectors.join(',');
+      newMediaQuery.append(clonedRule);
+      return newMediaQuery;
+    },
+
+    activeRule({
+      rule,
+      hoveredSelectors,
+      prefix
+    }) {
+      const newMediaQuery = new AtRule({
+        name: 'media',
+        params: (0, _isPreviouslyProcessed.concatMediaParams)(prefix, activeMedQuerySuffix)
+      });
+      const clonedRule = rule.clone();
+      clonedRule.selector = hoveredSelectors.map(_replaceUtils.replaceHoverToActiveInSelector).join(',');
+      newMediaQuery.append(clonedRule);
+      return newMediaQuery;
+    }
+
+  };
+}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.insertBefore = insertBefore;
+exports.insertNearBy = insertNearBy;
+
+var _typeCheckUtils = require("./typeCheckUtils");
+
+function insertBefore(node, newNode) {
+  newNode && node.parent.insertBefore(node, newNode);
+  return newNode;
+} // function insertAfter(node, newNode) {
+//   newNode && node.parent.insertAfter(node, newNode);
+//   return newNode;
+// }
+
+
+function insertNearBy(node, newNode) {
+  if (!newNode) {
+    return newNode;
+  } // we use insertBefore Because we wouldn't end up recursive (repeated) check and creation
+
+
+  if ((0, _typeCheckUtils.isParentAtRule)(node) && (0, _typeCheckUtils.isAtRule)(newNode)) {
+    return insertNearBy(node.parent, newNode);
+  }
+
+  return insertBefore(node, newNode); // return insertAfter(node, newNode);
+  // return newNode;
+}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.concatMediaParams = concatMediaParams;
+exports.isPreviouslyProcessed = isPreviouslyProcessed;
+
+var _typeCheckUtils = require("./typeCheckUtils");
+
+function concatMediaParams(prefix, suffix) {
+  return prefix ? `${prefix} and ${suffix}` : `${suffix}`;
+}
+
+function isPreviouslyProcessed(rule, {
+  hoverMedQuerySuffix,
+  activeMedQuerySuffix
+}) {
+  return (0, _typeCheckUtils.isParentAtRule)(rule) && ((0, _typeCheckUtils.isParentAtRuleContainsParam)(rule, hoverMedQuerySuffix) || (0, _typeCheckUtils.isParentAtRuleContainsParam)(rule, activeMedQuerySuffix));
+}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.replaceHoverToActiveInSelector = exports.removeHoverFromSelector = void 0;
+
+var _constants = require("./constants");
+
+// function isRuleHasHover(rule) {
+//   return isSelectorHasHover(rule.selector);
+// }
+function generateReplacer(baseStr, replaceStr) {
+  return (inputStr = '') => inputStr.replaceAll(baseStr, replaceStr);
+}
+
+const removeHoverFromSelector = generateReplacer(_constants.HOVER_NOTATION, '');
+exports.removeHoverFromSelector = removeHoverFromSelector;
+const replaceHoverToActiveInSelector = generateReplacer(_constants.HOVER_NOTATION, ':active');
+exports.replaceHoverToActiveInSelector = replaceHoverToActiveInSelector;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.separateHoveredSelectorAndNormalSelector = separateHoveredSelectorAndNormalSelector;
+
+var _typeCheckUtils = require("./typeCheckUtils");
+
+function separateHoveredSelectorAndNormalSelector(fullselector = '') {
+  const hoveredSelectors = [];
+  const normalSelectors = [];
+  fullselector.split(/\s*,\s*/).forEach(selector => {
+    if ((0, _typeCheckUtils.isSelectorHasHover)(selector)) {
+      hoveredSelectors.push(selector);
+    } else {
+      normalSelectors.push(selector);
+    }
+  });
+  return {
+    hoveredSelectors,
+    normalSelectors
+  };
+}