@zohodesk/react-cli 0.0.1-beta.16 → 0.0.1-beta.162

package/lib/jest/setup.js

@@ -1,207 +1,208 @@
-'use strict';
+"use strict";
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _jsdom = require("jsdom");
 
-var _jsdom = require('jsdom');
+var _testUtils = _interopRequireDefault(require("react-dom/test-utils"));
 
-var _testUtils = require('react-dom/test-utils');
+var _react = _interopRequireDefault(require("react"));
 
-var _testUtils2 = _interopRequireDefault(_testUtils);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = require('react');
+var _reactDom = _interopRequireDefault(require("react-dom"));
 
-var _react2 = _interopRequireDefault(_react);
+var _xhr = _interopRequireDefault(require("xhr2"));
 
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _reactDom = require('react-dom');
-
-var _reactDom2 = _interopRequireDefault(_reactDom);
-
-var _xhr = require('xhr2');
-
-var _xhr2 = _interopRequireDefault(_xhr);
-
-var _nock = require('nock');
-
-var _nock2 = _interopRequireDefault(_nock);
+var _nock = _interopRequireDefault(require("nock"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } //$Id$//
-
-
-var mockDomain = 'htt' + 'p://zoho.com';
-var document = new _jsdom.JSDOM('').window.document;
-
+//$Id$//
+let mockDomain = 'htt' + 'p://zoho.com';
+const {
+  document
+} = new _jsdom.JSDOM('').window;
 global.document = document;
 global.window = document.defaultView;
 global.navigator = global.window.navigator;
 global.localStorage = global.sessionStorage = {
-  getItem: function getItem(key) {
+  getItem(key) {
     return this[key];
   },
-  setItem: function setItem(key, value) {
+
+  setItem(key, value) {
     if (value.length > 100) {
       throw new Error('Data size is too exceeded');
     }
+
     this[key] = value;
   },
-  removeItem: function removeItem(key) {
+
+  removeItem(key) {
     delete this[key];
   },
-  clear: function clear() {
-    var keys = ['getItem', 'setItem', 'removeItem', 'clear'];
-    for (var key in this) {
+
+  clear() {
+    let keys = ['getItem', 'setItem', 'removeItem', 'clear'];
+
+    for (let key in this) {
       if (keys.indexOf(key) === -1) {
         delete this[key];
       }
     }
   }
+
 };
 global.ZE_Init = {};
+
 global.String.prototype.contains = function (text) {
   return this.indexOf(text) != -1;
 };
-global.TestUtils = _testUtils2.default;
-var xmlReq = _xhr2.default;
+
+global.TestUtils = _testUtils.default;
+let xmlReq = _xhr.default;
+
 window.XMLHttpRequest = function () {
-  var xmlReqCopy = new xmlReq();
-  var originalOpen = xmlReqCopy.open;
+  let xmlReqCopy = new xmlReq();
+  let originalOpen = xmlReqCopy.open;
+
   xmlReqCopy.open = function () {
     if (arguments[1].indexOf('http') != 0) {
       arguments[1] = mockDomain + arguments[1];
     }
+
     return originalOpen.apply(this, arguments);
   };
+
   return xmlReqCopy;
 };
 
-_testUtils2.default.scryRenderedComponentsWithTestid = function (dom, name) {
-  var componentList = _testUtils2.default.findAllInRenderedTree(dom, function (i, j) {
-    if (_testUtils2.default.isDOMComponent(i)) {
-      var val = i.getAttribute('data-id');
+_testUtils.default.scryRenderedComponentsWithTestid = function (dom, name) {
+  let componentList = _testUtils.default.findAllInRenderedTree(dom, (i, j) => {
+    if (_testUtils.default.isDOMComponent(i)) {
+      let val = i.getAttribute('data-id');
+
       if (typeof val !== 'undefined' && val == name) {
         return true;
       }
+
       return false;
     }
   });
+
   return componentList;
 };
 
-_testUtils2.default.findRenderedComponentsWithTestid = function (dom, name) {
-  var list = _testUtils2.default.scryRenderedComponentsWithTestid(dom, name);
+_testUtils.default.findRenderedComponentsWithTestid = function (dom, name) {
+  let list = _testUtils.default.scryRenderedComponentsWithTestid(dom, name);
+
   if (list.length !== 1) {
-    throw new Error('Did not find exactly one match (found: ' + list.length + ') ' + ('for data-id:' + name));
+    throw new Error(`Did not find exactly one match (found: ${list.length}) ` + `for data-id:${name}`);
   }
+
   return list[0];
 };
 
 global.render = function (Component, props) {
-  var renderedDOM = _testUtils2.default.renderIntoDocument(_react2.default.createElement(Component, props));
+  const renderedDOM = _testUtils.default.renderIntoDocument( /*#__PURE__*/_react.default.createElement(Component, props));
+
   return {
-    props: props,
-    renderedDOM: renderedDOM
+    props,
+    renderedDOM
   };
 };
 
 global.setup = function (Component, props, state) {
-  var router = {
+  let router = {
     router: {
-      push: function push() {},
-      createHref: function createHref(ob) {
+      push() {},
+
+      createHref(ob) {
         return ob.pathname;
       },
-      isActive: function isActive() {
+
+      isActive() {
         return true;
       },
-      replace: function replace() {},
-      go: function go() {},
-      goBack: function goBack() {},
-      goForward: function goForward() {},
-      setRouteLeaveHook: function setRouteLeaveHook() {},
-      getState: function getState() {}
+
+      replace() {},
+
+      go() {},
+
+      goBack() {},
+
+      goForward() {},
+
+      setRouteLeaveHook() {},
+
+      getState() {}
+
     },
     store: {
-      getState: function getState() {
+      getState() {
         return state;
       }
+
     }
-  };
-  // var store = {
+  }; // var store = {
   // 	store:{
   // 		getState:function(){return state;}
   // 	}
   // }
+
   var Component = higherComponent(Component, router);
-  var renderedDOM = _testUtils2.default.renderIntoDocument(_react2.default.createElement(Component, props), router);
+
+  const renderedDOM = _testUtils.default.renderIntoDocument( /*#__PURE__*/_react.default.createElement(Component, props), router);
+
   return {
-    props: props,
-    renderedDOM: renderedDOM
+    props,
+    renderedDOM
   };
 };
 
 function higherComponent(ActualComponent, context) {
   if (context) {
-    var HigherComponent = function (_React$Component) {
-      _inherits(HigherComponent, _React$Component);
+    class HigherComponent extends _react.default.Component {
+      constructor() {
+        super();
+      }
 
-      function HigherComponent() {
-        _classCallCheck(this, HigherComponent);
+      getChildContext() {
+        return context;
+      }
 
-        return _possibleConstructorReturn(this, (HigherComponent.__proto__ || Object.getPrototypeOf(HigherComponent)).call(this));
+      render() {
+        return /*#__PURE__*/_react.default.createElement(ActualComponent, this.props);
       }
 
-      _createClass(HigherComponent, [{
-        key: 'getChildContext',
-        value: function getChildContext() {
-          return context;
-        }
-      }, {
-        key: 'render',
-        value: function render() {
-          return _react2.default.createElement(ActualComponent, this.props);
-        }
-      }]);
-
-      return HigherComponent;
-    }(_react2.default.Component);
+    }
 
     HigherComponent.childContextTypes = {
-      router: _propTypes2.default.any,
-      store: _propTypes2.default.any
+      router: _propTypes.default.any,
+      store: _propTypes.default.any
     };
-
     return HigherComponent;
   }
+
   return ActualComponent;
 }
+
 global.window.matchMedia = window.matchMedia || function () {
   return {
     matches: false,
-    addListener: function addListener() {},
-    removeListener: function removeListener() {}
+
+    addListener() {},
+
+    removeListener() {}
+
   };
-};
-// global.renderHTML = function(comp) {
+}; // global.renderHTML = function(comp) {
 //   return ReactDOM.findDOMNode(comp);
 // };
 
-global.TestUtils = _testUtils2.default;
+
+global.TestUtils = _testUtils.default;
 global.XMLHttpRequest = window.XMLHttpRequest;
+
 global.getI18NValue = function (inp) {
   return inp;
-};
-
-var hook = require('css-modules-require-hook');
-
-hook({
-  generateScopedName: '[name]__[local]___[hash:base64:5]'
-});
+};

package/lib/loaderUtils/getCSSLoaders.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
+
+var _cssClassNameGenerate = _interopRequireDefault(require("../utils/cssClassNameGenerate"));
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let options = (0, _utils.getOptions)();
+let isWin = process.platform === 'win32';
+
+let getCSSLoaders = (hasRTL, rtlExclude, classNameBlob, cssUniqueness, selectorReplace, cssHashSelectors, classNamePrefix) => {
+  const {
+    devCssFileBountry
+  } = options.app;
+  const {
+    cssSelectorZipPath
+  } = options.impactService;
+  let rtlExcludeLocal = isWin ? rtlExclude.map(r => r.replace(/\//g, '\\')) : rtlExclude;
+  let cssLoaderOptions = {
+    importLoaders: hasRTL ? 1 : 0,
+    modules: {},
+    sourceMap: true
+  };
+
+  if (classNameBlob) {
+    cssLoaderOptions.modules.localIdentName = classNameBlob;
+  } else {
+    cssLoaderOptions.modules.getLocalIdent = (0, _cssClassNameGenerate.default)(cssUniqueness, cssHashSelectors, classNamePrefix);
+  }
+
+  return [cssSelectorZipPath && {
+    loader: require.resolve('../loaders/selectorMappingLoader')
+  }, {
+    loader: _miniCssExtractPlugin.default.loader,
+    options: {
+      publicPath: '../'
+    }
+  }, {
+    loader: 'css-loader',
+    options: cssLoaderOptions
+  }, devCssFileBountry && {
+    loader: require.resolve('../loaders/fileBountryLoader'),
+    options: {
+      devCssFileBountry
+    }
+  }, hasRTL || selectorReplace ? {
+    loader: 'postcss-loader',
+    options: {
+      ident: 'postcss',
+      plugins: function () {
+        return [selectorReplace && require('postcss-selector-replace')(selectorReplace), hasRTL && require('../postcss-plugins/ExcludeRTLPlugin')({
+          ignore: rtlExcludeLocal,
+          plugins: [require('@zohodesk/postcss-rtl')({
+            addPrefixToSelector: function addPrefixToSelector(selector, prefix) {
+              if (prefix === '[dir]') {
+                return selector;
+              }
+
+              return `${prefix} ${selector}`; // Make selectors like [dir=rtl] > .selector
+            }
+          })]
+        })].filter(Boolean);
+      }
+    }
+  } : null].filter(Boolean);
+};
+
+var _default = getCSSLoaders;
+exports.default = _default;

package/lib/loaderUtils/getDevJsLoaders.js

@@ -1,22 +1,26 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
+var _path = _interopRequireDefault(require("path"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getDevJsLoaders = function getDevJsLoaders(options) {
-  var _options$app = options.app,
-      disableES5Transpile = _options$app.disableES5Transpile,
-      instrumentScript = _options$app.instrumentScript,
-      enableEslint = options.esLint.enable;
-
-  var loaders = [];
+let getDevJsLoaders = options => {
+  let {
+    app: {
+      disableES5Transpile,
+      instrumentScript,
+      devConsoleExculde
+    },
+    esLint: {
+      enable: enableEslint
+    }
+  } = options;
+  let loaders = [];
 
   if (instrumentScript) {
     loaders.push({
@@ -27,19 +31,21 @@ var getDevJsLoaders = function getDevJsLoaders(options) {
   loaders.push({
     loader: 'babel-loader',
     options: {
-      presets: [[require.resolve('babel-preset-env'), disableES5Transpile ? {
+      presets: [[require.resolve('@babel/preset-env'), disableES5Transpile ? {
         modules: false,
-        useBuiltIns: true,
+        useBuiltIns: 'usage',
+        corejs: 3,
         targets: {
-          browsers: ['Chrome >= 60', 'Safari >= 10.1', 'iOS >= 10.3', 'Firefox >= 54', 'Edge >= 15']
+          browsers: ['last 3 Chrome versions', 'last 3 Firefox versions', 'last 3 Edge versions']
         }
-      } : { modules: false }], require.resolve('babel-preset-react')],
-      plugins: disableES5Transpile ? [require.resolve('babel-plugin-syntax-dynamic-import')] : [[require.resolve('babel-plugin-transform-runtime'), {
-        helpers: true,
-        polyfill: true,
-        regenerator: false,
-        moduleName: 'babel-runtime'
-      }], require.resolve('babel-plugin-syntax-dynamic-import')],
+      } : {
+        modules: false
+      }], require.resolve('@babel/preset-react')],
+      plugins: disableES5Transpile ? [require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), require.resolve('@babel/plugin-proposal-object-rest-spread'), devConsoleExculde ? [require.resolve('babel-plugin-transform-remove-console'), {
+        exclude: ['error', 'log']
+      }] : null].filter(Boolean) : [require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('babel-plugin-lodash'), require.resolve('@babel/plugin-proposal-object-rest-spread'), devConsoleExculde ? [require.resolve('babel-plugin-transform-remove-console'), {
+        exclude: ['error', 'log']
+      }] : null].filter(Boolean),
       cacheDirectory: true
     }
   });
@@ -50,7 +56,7 @@ var getDevJsLoaders = function getDevJsLoaders(options) {
       options: {
         emitError: true,
         emitWarning: true,
-        configFile: _path2.default.join(__dirname, '..', '..', '.eslintrc.js')
+        configFile: _path.default.join(__dirname, '..', '..', '.eslintrc.js')
       }
     });
   }
@@ -58,4 +64,5 @@ var getDevJsLoaders = function getDevJsLoaders(options) {
   return loaders;
 };
 
-exports.default = getDevJsLoaders;
+var _default = getDevJsLoaders;
+exports.default = _default;

package/lib/loaderUtils/index.js

@@ -1,16 +1,23 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _getDevJsLoaders = require('./getDevJsLoaders');
-
-Object.defineProperty(exports, 'getDevJsLoaders', {
+Object.defineProperty(exports, "getDevJsLoaders", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getDevJsLoaders).default;
+  get: function () {
+    return _getDevJsLoaders.default;
   }
 });
+Object.defineProperty(exports, "getCSSLoaders", {
+  enumerable: true,
+  get: function () {
+    return _getCSSLoaders.default;
+  }
+});
+
+var _getDevJsLoaders = _interopRequireDefault(require("./getDevJsLoaders"));
+
+var _getCSSLoaders = _interopRequireDefault(require("./getCSSLoaders"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/loaders/docsLoader.js

@@ -1,22 +1,22 @@
-'use strict';
+"use strict";
 
-var _fs = require('fs');
+var _fs = _interopRequireDefault(require("fs"));
 
-var _fs2 = _interopRequireDefault(_fs);
-
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
+var _path = _interopRequireDefault(require("path"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 module.exports = function (source) {
-  var comNameAry = this.resourcePath.split(_path2.default.sep);
-  var filePath = this.resourcePath;
-  var appPath = _fs2.default.realpathSync(process.cwd());
-  var changePath = filePath.replace('/lib/', '/src/');
-  var comName = comNameAry[comNameAry.length - 1];
-  var name = comName.substring(0, comName.lastIndexOf('.'));
-  var src = _fs2.default.readFileSync(filePath.startsWith(appPath) ? filePath : changePath).toString();
-  return source + ';' + name + '.source=' + JSON.stringify(src) + ';' + name + '.filePath=' + JSON.stringify(filePath);
+  let comNameAry = this.resourcePath.split(_path.default.sep);
+  let filePath = this.resourcePath;
+
+  let appPath = _fs.default.realpathSync(process.cwd());
+
+  let changePath = filePath.replace('/lib/', '/src/');
+  let comName = comNameAry[comNameAry.length - 1];
+  let name = comName.substring(0, comName.lastIndexOf('.'));
+
+  let src = _fs.default.readFileSync(filePath.startsWith(appPath) ? filePath : changePath).toString();
+
+  return `${source};${name}.source=${JSON.stringify(src)};${name}.filePath=${JSON.stringify(filePath)}`;
 };

package/lib/loaders/docsPropsLoader.js

@@ -1,30 +1,27 @@
-'use strict';
+"use strict";
 
-var _reactDocgen = require('react-docgen');
+var _reactDocgen = _interopRequireDefault(require("react-docgen"));
 
-var _reactDocgen2 = _interopRequireDefault(_reactDocgen);
+var _path = _interopRequireDefault(require("path"));
 
-var _path = require('path');
-
-var _path2 = _interopRequireDefault(_path);
-
-var _utils = require('../utils');
+var _utils = require("../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // import loaderUtils from 'loader-utils';
-module.exports = function (source) {
-  undefined.cacheable && undefined.cacheable();
-  // let query = loaderUtils.parseQuery(this.query);
+module.exports = source => {
+  (void 0).cacheable && (void 0).cacheable(); // let query = loaderUtils.parseQuery(this.query);
+
+  let value = {};
 
-  var value = {};
   try {
-    value = _reactDocgen2.default.parse(source);
+    value = _reactDocgen.default.parse(source);
   } catch (e) {
     (0, _utils.log)('ERROR in docgen-loader', e);
   }
-  var comNameAry = undefined.resourcePath.split(_path2.default.sep);
-  var comName = comNameAry[comNameAry.length - 1];
-  var name = comName.substring(0, comName.lastIndexOf('.'));
-  return source + ';' + name + '.propsObj=' + JSON.stringify(value);
+
+  let comNameAry = (void 0).resourcePath.split(_path.default.sep);
+  let comName = comNameAry[comNameAry.length - 1];
+  let name = comName.substring(0, comName.lastIndexOf('.'));
+  return `${source};${name}.propsObj=${JSON.stringify(value)}`;
 };

package/lib/loaders/fileBountryLoader.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _path = _interopRequireDefault(require("path"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = function (source) {
+  const {
+    rootContext,
+    resourcePath,
+    query
+  } = this;
+  const {
+    devCssFileBountry
+  } = query;
+  return `/*${devCssFileBountry} ${_path.default.relative(rootContext, resourcePath)}*/\n${source}`;
+};