@zohodesk/react-cli 1.1.21 → 1.1.22-exp.2

package/lib/babel/cmjs-plugins-presets.js

@@ -23,7 +23,7 @@ const {
 const isProd = mode.toLowerCase() === 'prod';
 const defaultPlugins = [[require.resolve('babel-plugin-transform-define'), isProd ? {
   __DOCS__: false
-} : {}], require.resolve('@babel/plugin-syntax-dynamic-import')];
+} : {}], require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('../utils/addModulePathAlias')];
 const resolvedPlugins = [];
 babelPlugins.forEach(plugin => {
   resolvedPlugins.push(require.resolve(plugin));

package/lib/babel/es-plugins-presets.js

@@ -24,7 +24,7 @@ const {
 const isProd = mode.toLowerCase() === 'prod';
 const defaultPlugins = [[require.resolve('babel-plugin-transform-define'), isProd ? {
   __DOCS__: false
-} : {}], require.resolve('@babel/plugin-syntax-dynamic-import')];
+} : {}], require.resolve('@babel/plugin-syntax-dynamic-import'), require.resolve('../utils/addModulePathAlias')];
 const resolvedPlugins = [];
 babelPlugins.forEach(plugin => {
   resolvedPlugins.push(require.resolve(plugin));

package/lib/configs/resolvers.js

@@ -21,6 +21,7 @@ function moduleResolver(options) {
     moduleResolvePath,
     disableES5Transpile
   } = options.app;
+  const customAlias = options.app.alias;
   let required = moduleResolvePath && (0, _requireLocalOrGlobal.requireLocal)(moduleResolvePath);
 
   if (!required) {
@@ -32,9 +33,11 @@ function moduleResolver(options) {
   }
 
   const nodeModulesPath = required ? required.nodeModulesPath : _client_packages_group.nodeModulesPath;
+  const totalAlias = Object.assign({}, _libAlias.libAlias, customAlias);
   return {
+    extensions: ['.js', '.jsx', '.ts', '.tsx'],
     modules: [nodeModulesPath, _constants.cliNodeModulesPath, 'node_modules'].filter(Boolean),
-    alias: disableES5Transpile ? _libAlias.libAlias : {} // alias: { ...libAlias, ...clientDependenies }
+    alias: disableES5Transpile ? totalAlias : {} // alias: { ...libAlias, ...clientDependenies }
 
   };
 }

package/lib/schemas/index.js

@@ -125,6 +125,7 @@ var _default = {
     cssDirStatement: null
   },
   app: {
+    alias: {},
     moduleResolvePath: {
       value: '@zohodesk/client_packages_group',
       cli: 'module_resolve_path'

package/lib/utils/addModulePathAlias.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _getOptions = _interopRequireDefault(require("./getOptions"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const options = (0, _getOptions.default)();
+const alias = options.app.alias;
+
+module.exports = () => ({
+  visitor: {
+    ImportDeclaration(path) {
+      const source = path.node.source.value;
+      const aliasName = Object.keys(alias);
+      aliasName.forEach(name => {
+        if (source.includes(name)) {
+          path.node.source.value = source.replace(name, alias[name]);
+        }
+      });
+    }
+
+  }
+});

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.21",
+  "version": "1.1.22",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@zohodesk/react-cli",
-      "version": "1.1.21",
+      "version": "1.1.22",
       "license": "ISC",
       "dependencies": {
         "@babel/cli": "7.10.5",

package/package.json

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