@zohodesk/react-cli 1.1.16-exp.4 → 1.1.16-exp.6

package/packages/client_build_tool/lib/shared/bundler/webpack/loaderConfigs/configsAssetsLoaders.js

@@ -47,14 +47,14 @@ function createAssetLoader({
 
   return conf;
 }
-/**
- * @typedef {Object} LoaderConfig
- * @property {Number} enableChunkHash
+/**
+ * @typedef {Object} LoaderConfig
+ * @property {Number} enableChunkHash
  */
 
-/**
- * @param {LoaderConfig} options
- * @returns
+/**
+ * @param {LoaderConfig} options
+ * @returns
  */
 
 
@@ -95,44 +95,44 @@ function configVideoLoader(options) {
     nameTemplate: (0, _nameTemplates.nameTemplates)('video', options)
   });
 }
-/*
-export function createNameTemplate(enableChunkHash) {
-  const ext = `${enableChunkHash ? ".[hash:20]" : ""}.[ext]`;
-  return `[name]${ext}`;
-}
-
-export function createImageAndFontsAndSVGLoaders(enableChunkHash) {
-  const nameTemplate = createNameTemplate(enableChunkHash);
-  return [
-    configImageLoader(nameTemplate),
-    configFontLoader(nameTemplate),
-    configSVGLoader(nameTemplate),
-    configAudioLoader(nameTemplate)
-  ];
-}
+/*
+export function createNameTemplate(enableChunkHash) {
+  const ext = `${enableChunkHash ? ".[hash:20]" : ""}.[ext]`;
+  return `[name]${ext}`;
+}
+
+export function createImageAndFontsAndSVGLoaders(enableChunkHash) {
+  const nameTemplate = createNameTemplate(enableChunkHash);
+  return [
+    configImageLoader(nameTemplate),
+    configFontLoader(nameTemplate),
+    configSVGLoader(nameTemplate),
+    configAudioLoader(nameTemplate)
+  ];
+}
 */
 
-/*
-export function createLoaderOptionObject(
-  loaderName,
-  nameTemplate,
-  fallback,
-  limit = 1000
-) {
-  return {
-    loader: loaderName,
-    options: {
-      limit,
-      name: nameTemplate,
-      fallback
-    }
-  };
-}
-
-function configLoaderObject(filter, loaderAndOptions) {
-  return {
-    test: filter,
-    use: loaderAndOptions
-  };
-}
+/*
+export function createLoaderOptionObject(
+  loaderName,
+  nameTemplate,
+  fallback,
+  limit = 1000
+) {
+  return {
+    loader: loaderName,
+    options: {
+      limit,
+      name: nameTemplate,
+      fallback
+    }
+  };
+}
+
+function configLoaderObject(filter, loaderAndOptions) {
+  return {
+    test: filter,
+    use: loaderAndOptions
+  };
+}
 */

package/packages/client_build_tool/lib/shared/bundler/webpack/loaderConfigs/cssClassNameGenerate.js

@@ -7,38 +7,52 @@ exports.default = void 0;
 
 var _crypto = require("crypto");
 
-var _path = _interopRequireDefault(require("path"));
+var _os = _interopRequireDefault(require("os"));
 
-var _checkIsPatternsMatchFilename = require("./checkIsPatternsMatchFilename");
+var _path = _interopRequireDefault(require("path"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function getHash(str, length) {
-  return (0, _crypto.createHash)('md5').update(str).digest('hex').slice(0, length);
+function getHash(str) {
+  return (0, _crypto.createHash)('md5').update(str).digest();
 }
 
-const defaultSelectorBlob = '[prefix]-[filename]-[local]';
+const isWindows = _os.default.platform().toLowerCase() === 'win32';
 
-function getSuitableBlob(customizations = [], filename) {
-  const custom = customizations.find(({
-    enable,
-    patterns
-  }) => enable && (0, _checkIsPatternsMatchFilename.checkIsPatternsMatchFilename)(patterns, filename));
-  return custom && custom.blob || defaultSelectorBlob;
-}
+const isFileEligibleToHashClass = (resourcePath, machineBasedPatterns) => {
+  if (!resourcePath.includes('node_modules')) {
+    return false;
+  }
+
+  return machineBasedPatterns.some(p => resourcePath.includes(p));
+};
 
 var _default = options => {
   const {
     classNameOptions
   } = options.css;
   const {
-    classNamePrefix,
-    customizations
+    cssHashSelectors,
+    classNamePrefix
   } = classNameOptions;
+  let canApplyHashClassName = null;
+
+  if (cssHashSelectors) {
+    const {
+      filenames,
+      packages
+    } = cssHashSelectors;
+    const machineBasedPatterns = isWindows ? packages.map(e => e.replace(/\//g, '\\')) : packages;
+
+    canApplyHashClassName = function canApplyHashClassName(resourcePath, cleanFileName) {
+      return isFileEligibleToHashClass(resourcePath, machineBasedPatterns) || filenames.indexOf(cleanFileName);
+    };
+  }
+
   return (context, localIdentName, localName) => {
-    // NOTE:  in build machine we use date as folder path.
+    // NOTE:  in build macine we use date as folder path.
     // So every time we create new build there is path will alway different
-    // So, in order to minimize that problem we try in relative path;
+    // in order to minmaze that problem we try in relative path;
     // console.log('context.resourcePath', context.resourcePath, context);
     // let contextResourcePath = context.resourcePath;
     const {
@@ -48,11 +62,21 @@ var _default = options => {
 
     const relativePath = _path.default.relative(rootContext, resourcePath);
 
+    if (resourcePath.endsWith('.plain.css')) {
+      return localName;
+    }
+
     const fileNameWithoutExt = _path.default.parse(relativePath).name;
 
-    const cleanFileName = fileNameWithoutExt.replace(/-/g, '_').toLowerCase();
-    const suitableBlob = getSuitableBlob(customizations, resourcePath);
-    return suitableBlob.replaceAll('[local]', localName).replaceAll('[prefix]', classNamePrefix).replaceAll('[filename]', cleanFileName).replaceAll('[hash]', getHash(`${relativePath}-${localName}`, 10));
+    const cleanFileName = fileNameWithoutExt.replace(/-/g, '_').toLowerCase(); // css file has casesensitive selector issue so can't toLowerCase
+    // let local = localName.toLowerCase()
+
+    if (canApplyHashClassName && canApplyHashClassName(resourcePath, cleanFileName)) {
+      const h = getHash(`${relativePath}-${localName}`, 10);
+      return `${classNamePrefix}${h}`;
+    }
+
+    return `${classNamePrefix}-${cleanFileName}-${localName}`;
   };
 };
 

package/packages/client_build_tool/lib/shared/bundler/webpack/loaderConfigs/getCssLoaderOptions.js

@@ -10,9 +10,11 @@ var _cssClassNameGenerate = _interopRequireDefault(require("./cssClassNameGenera
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function getCssLoaderOptions(options) {
+  // const { classNameOptions } = options.css;
   const cssLoaderOptions = {
     importLoaders: 1,
     modules: {
+      // localIdentName: classNameOptions.classNameBlob,
       getLocalIdent: (0, _cssClassNameGenerate.default)(options)
     },
     sourceMap: true

package/packages/client_build_tool/lib/shared/bundler/webpack/loaders/workerLoader.js

@@ -77,14 +77,14 @@ function pitch(request) {
     globalObject: 'self'
   };
   workerContext.compiler = this._compilation.createChildCompiler(`worker-loader ${request}`, workerContext.options);
-  /* 
-  new WebWorkerTemplatePlugin().apply(workerContext.compiler);
-  
-  if (compilerOptions.externals) {
-    new ExternalsPlugin(
-      getExternalsType(compilerOptions),
-      compilerOptions.externals
-    ).apply(workerContext.compiler);
+  /* 
+  new WebWorkerTemplatePlugin().apply(workerContext.compiler);
+  
+  if (compilerOptions.externals) {
+    new ExternalsPlugin(
+      getExternalsType(compilerOptions),
+      compilerOptions.externals
+    ).apply(workerContext.compiler);
   } */
 
   new _SingleEntryPlugin.default(this.context, `!!${request}`, _path.default.parse(this.resourcePath).name).apply(workerContext.compiler);

package/packages/client_build_tool/lib/shared/bundler/webpack/optimizationConfig.js

@@ -9,8 +9,6 @@ var _nameTemplates = require("./common/nameTemplates");
 
 var _hashUtils = require("./custom_plugins/I18nSplitPlugin/utils/hashUtils");
 
-var _configCSSMinifierPlugin = require("./pluginConfigs/configCSSMinifierPlugin");
-
 var _splitChunksConfig = require("./splitChunksConfig");
 
 function optimizationConfig(options) {
@@ -22,19 +20,17 @@ function optimizationConfig(options) {
   } = options.i18nChunkSplit;
   const i18nChunkFilename = (0, _nameTemplates.nameTemplates)('i18nchunkjs', options);
   const chunkFilenameHasContentHash = (0, _hashUtils.hasContentHash)(i18nChunkFilename);
-  /**
-   * NOTE: we only need multiple runtime files when we use contentHash
-   * other wise we don't need multiple runtime files based locale
-   * that's why  we added chunkSplitEnable && chunkFilenameHasContentHash logic
+  /**
+   * NOTE: we only need multiple runtime files when we use contentHash 
+   * other wise we don't need multiple runtime files based locale
+   * that's why  we added chunkSplitEnable && chunkFilenameHasContentHash logic 
    */
 
   const suffix = // chunkSplitEnable ? '_[locale]' : '';
   chunkSplitEnable && chunkFilenameHasContentHash ? '_[locale]' : '';
-  const char = changeRuntimeChunkChar;
+  const char = changeRuntimeChunkChar ? '-' : '~';
   return {
     splitChunks: (0, _splitChunksConfig.splitChunksConfig)(options),
-    minimizer: [// For webpack@5 you can use the `...` syntax to extend existing minimizers (i.e. `terser-webpack-plugin`), uncomment the next line
-    '...', (0, _configCSSMinifierPlugin.configCSSMinifierPlugin)(options)].filter(Boolean),
     moduleIds: 'named',
     runtimeChunk: {
       name: entrypoint => `runtime${char}${entrypoint.name}${suffix}`

package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configCdnChangePlugin.js

@@ -5,23 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.configCdnChangePlugin = configCdnChangePlugin;
 
-var _modeUtils = require("../common/modeUtils");
-
 var _CdnChangePlugin = _interopRequireDefault(require("../custom_plugins/CdnChangePlugin"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function configCdnChangePlugin(options) {
   const {
-    cdnMapping,
-    mode
-  } = options;
-
-  if (!cdnMapping.isCdnEnabled || (0, _modeUtils.isDevelopmentMode)(mode)) {
-    return null;
-  }
-
-  return new _CdnChangePlugin.default({ ...cdnMapping,
-    enableSMap: options.enableSMap
-  });
+    cdnMapping
+  } = options.app;
+  console.log(cdnMapping);
+  return new _CdnChangePlugin.default(cdnMapping);
 }

package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configCopyThirdpartyFile.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configCopyThirdpartyFile = configCopyThirdpartyFile;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
+
+var _fs = require("fs");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function configCopyThirdpartyFile(options) {
+  const {
+    context
+  } = options;
+  const {
+    tpFolder
+  } = options.app;
+
+  const tpFolderActualPath = tpFolder && _path.default.join(process.cwd(), context, tpFolder);
+
+  if (!tpFolder || !(0, _fs.existsSync)(tpFolderActualPath)) {
+    // console.log(tpFolderActualPath, 'not exist', tpFolder);
+    return null;
+  }
+
+  return new _copyWebpackPlugin.default({
+    patterns: [{
+      from: `${tpFolderActualPath}/`,
+      to: `./${tpFolder}/`,
+      toType: 'dir'
+    }]
+  });
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configEnvVariables.js

@@ -7,10 +7,7 @@ exports.configEnvVariables = configEnvVariables;
 
 var _webpack = require("webpack");
 
-var _modeUtils = require("../common/modeUtils");
-
 function configEnvVariables(options) {
-  const mode = (0, _modeUtils.getWebpackMode)(options);
   return new _webpack.DefinePlugin({
     __CLIENT__: true,
     __TEST__: false,
@@ -19,9 +16,9 @@ function configEnvVariables(options) {
     __LOCAL_PRODUCTION__: false,
     __DEVTOOLS__: true,
     __DOCS__: false,
-    NODE_ENV: JSON.stringify(mode),
+    NODE_ENV: JSON.stringify('development'),
     'process.env': {
-      NODE_ENV: JSON.stringify(mode)
+      NODE_ENV: JSON.stringify('development')
     }
   });
 }

package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configHtmlWebpackPlugin.js

@@ -5,52 +5,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.configHtmlWebpackPlugin = configHtmlWebpackPlugin;
 
-var _constants = require("../../../constants");
-
-var _nameTemplates = require("../common/nameTemplates");
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
 
-var _modeUtils = require("../common/modeUtils");
+var _constants = require("../../../constants");
 
-var _InitialHtmlPlugin = require("../custom_plugins/InitialHtmlPlugin");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function configHtmlWebpackPlugin(options) {
   const {
-    htmlTemplate,
-    mode
-  } = options;
+    htmlTemplate
+  } = options.app;
   const {
-    inject,
-    templateFile
+    inject
   } = htmlTemplate;
-  const appInitialHTMLTemplatePath = (0, _constants.joinWithAppPath)(templateFile);
-  const minifyHtmlOptions = (0, _modeUtils.isProductionMode)(mode) ? // eslint-disable-next-line no-use-before-define
-  getHTMLMinifyOptions(htmlTemplate) : false;
-  return new _InitialHtmlPlugin.InitialHtmlPlugin({
-    mainChunkName: 'main',
-    filename: (0, _nameTemplates.nameTemplates)('html', options),
-    template: appInitialHTMLTemplatePath,
-    minify: minifyHtmlOptions,
+  return new _htmlWebpackPlugin.default({
+    filename: 'index.html',
+    template: _constants.appInitialHTMLTemplatePath,
+    minify: false,
     inject,
     scriptLoading: 'defer'
   });
-}
-
-const defaultHTMLMiniFyOption = {
-  collapseWhitespace: true,
-  minifyCSS: true,
-  minifyJS: true,
-  keepClosingSlash: true,
-  removeComments: false,
-  removeRedundantAttributes: true,
-  removeScriptTypeAttributes: true,
-  removeStyleLinkTypeAttributes: true,
-  useShortDoctype: true
-};
-
-function getHTMLMinifyOptions(htmlTemplate) {
-  const {
-    minify
-  } = htmlTemplate;
-  const minifyHtmlOptions = minify === null ? false : minify;
-  return minifyHtmlOptions === true ? defaultHTMLMiniFyOption : minifyHtmlOptions;
 }

package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configI18nSplitPlugin.js

@@ -17,15 +17,9 @@ function configI18nSplitPlugin(options) {
   const {
     i18nChunkSplit
   } = options;
-
-  if (!i18nChunkSplit.chunkSplitEnable) {
-    return null;
-  }
-
   const i18nPublicPath = (0, _resourceBasedPublicPath.resourceBasedPublicPath)('i18n', options); // const i18nPublicPathAsExpression  = publicPathAsExpression('i18n', options);
 
   return new _I18nSplitPlugin.default({
-    mainChunkName: 'main',
     jsResource: i18nChunkSplit.jsResource,
     localeVarName: i18nChunkSplit.localeVarName,
     jsonpFunc: i18nChunkSplit.jsonpFunc,

package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configProgressPlugin.js

@@ -11,14 +11,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // eslint-disable-next-line no-unused-vars
 function configProgressPlugin(options) {
-  if (!options.printProgress) {
-    return null;
-  }
-
   return new _webpack.default.ProgressPlugin({
-    handler: (percentage, message, ...args) => {
-      // eslint-disable-next-line no-console
-      console.info(percentage, message, ...args);
+    handler: (percentage, message) => {
+      console.info(percentage, message);
     }
   });
 }

package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configServiceWorkerPlugin.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.configServiceWorkerPlugin = configServiceWorkerPlugin;
 
-var _nameTemplates = require("../common/nameTemplates");
-
 var _ServiceWorkerPlugin = _interopRequireDefault(require("../custom_plugins/ServiceWorkerPlugin"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -14,27 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function configServiceWorkerPlugin(options) {
   const {
     serviceWorker
-  } = options;
-  const {
-    publicPath
-  } = options;
-  const {
-    chunkSplitEnable
-  } = options.i18nChunkSplit;
-  const {
-    enableRTLSplit
-  } = options.css.plugins.rtlSplit;
-
-  if (!serviceWorker.enable) {
-    return null;
-  }
-
-  const i18nFileNameTemplate = (0, _nameTemplates.nameTemplates)('i18njs', options);
-  return new _ServiceWorkerPlugin.default({ ...serviceWorker,
-    publicPath,
-    i18nFileNameTemplate,
-    chunkSplitEnable,
-    enableRTLSplit,
-    entryPointName: 'main'
-  });
+  } = options.app;
+  console.log(serviceWorker);
+  return new _ServiceWorkerPlugin.default(serviceWorker);
 }

package/packages/client_build_tool/lib/shared/bundler/webpack/pluginConfigs/configUglifyCSSPlugin.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configUglifyCSSPlugin = configUglifyCSSPlugin;
+
+var _UglifyCSSPlugin = _interopRequireDefault(require("../custom_plugins/UglifyCSSPlugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// eslint-disable-next-line no-unused-vars
+function configUglifyCSSPlugin(options) {
+  return new _UglifyCSSPlugin.default();
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/plugins.js

@@ -15,34 +15,25 @@ var _configMiniCSSExtractPlugin = require("./pluginConfigs/configMiniCSSExtractP
 
 var _configRtlCssPlugin = require("./pluginConfigs/configRtlCssPlugin");
 
+var _configCopyThirdpartyFile = require("./pluginConfigs/configCopyThirdpartyFile");
+
 var _configIgnorePlugin = require("./pluginConfigs/configIgnorePlugin");
 
+var _configUglifyCSSPlugin = require("./pluginConfigs/configUglifyCSSPlugin");
+
 var _configCdnChangePlugin = require("./pluginConfigs/configCdnChangePlugin");
 
 var _configServiceWorkerPlugin = require("./pluginConfigs/configServiceWorkerPlugin");
 
 var _configProgressPlugin = require("./pluginConfigs/configProgressPlugin");
 
-var _configBundleAnalyzer = require("./pluginConfigs/configBundleAnalyzer");
-
-var _configSelectorWeightPlugin = require("./pluginConfigs/configSelectorWeightPlugin");
-
-var _configVariableConversionPlugin = require("./pluginConfigs/configVariableConversionPlugin");
-
-var _configEFCTemplatePlugin = require("./pluginConfigs/configEFCTemplatePlugin");
-
-var _configResourceHintsPlugin = require("./pluginConfigs/configResourceHintsPlugin");
-
-var _configManifestJsonPlugin = require("./pluginConfigs/configManifestJsonPlugin");
-
-var _configCopyPublicFolders = require("./pluginConfigs/configCopyPublicFolders");
-
-var _configSourceMapPlugin = require("./pluginConfigs/configSourceMapPlugin");
-
 // import { IgnorePlugin } from 'webpack';
 function plugins(options) {
   const {
-    webpackPlugins
+    i18nChunkSplit
   } = options;
-  return [(0, _configEnvVariables.configEnvVariables)(options), (0, _configCopyPublicFolders.configCopyPublicFolders)(options), (0, _configIgnorePlugin.configIgnorePlugin)(options), (0, _configMiniCSSExtractPlugin.configMiniCSSExtractPlugin)(options), (0, _configSelectorWeightPlugin.configSelectorWeightPlugin)(options), (0, _configVariableConversionPlugin.configVariableConversionPlugin)(options), (0, _configI18nSplitPlugin.configI18nSplitPlugin)(options), (0, _configRtlCssPlugin.configRtlCssPlugin)(options), (0, _configHtmlWebpackPlugin.configHtmlWebpackPlugin)(options), (0, _configCdnChangePlugin.configCdnChangePlugin)(options), (0, _configServiceWorkerPlugin.configServiceWorkerPlugin)(options), (0, _configEFCTemplatePlugin.configEFCTemplatePlugin)(options), (0, _configResourceHintsPlugin.configResourceHintsPlugin)(options), (0, _configBundleAnalyzer.configBundleAnalyzer)(options), (0, _configManifestJsonPlugin.configManifestJsonPlugin)(options), (0, _configSourceMapPlugin.configSourceMapPlugin)(options), (0, _configProgressPlugin.configProgressPlugin)(options), ...webpackPlugins].filter(Boolean);
+  const {
+    rtlSplit
+  } = options.css.plugins;
+  return [(0, _configEnvVariables.configEnvVariables)(options), (0, _configIgnorePlugin.configIgnorePlugin)(options), (0, _configCopyThirdpartyFile.configCopyThirdpartyFile)(options), (0, _configMiniCSSExtractPlugin.configMiniCSSExtractPlugin)(options), i18nChunkSplit.chunkSplitEnable && (0, _configI18nSplitPlugin.configI18nSplitPlugin)(options), rtlSplit.enableRTLSplit && (0, _configRtlCssPlugin.configRtlCssPlugin)(options), (0, _configUglifyCSSPlugin.configUglifyCSSPlugin)(options), (0, _configHtmlWebpackPlugin.configHtmlWebpackPlugin)(options), (0, _configCdnChangePlugin.configCdnChangePlugin)(options), (0, _configServiceWorkerPlugin.configServiceWorkerPlugin)(options), (0, _configProgressPlugin.configProgressPlugin)(options)].filter(Boolean);
 }

package/packages/client_build_tool/lib/shared/bundler/webpack/postcssPlugins.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postcssPlugins = postcssPlugins;
+
+var _postcssRtl = _interopRequireDefault(require("postcss-rtl"));
+
+var _postcssSelectorReplace = _interopRequireDefault(require("postcss-selector-replace"));
+
+var _ExcludePlugin = require("./custom_postcss_loaders/ExcludePlugin");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import CheckPlugin from './custom_postcss_loaders/CheckPlugin';
+// console.log({ postcssRTLPlugin });
+function postcssPlugins(options) {
+  const {
+    plugins,
+    selectorReplace
+  } = options.css;
+  return [selectorReplace && (0, _postcssSelectorReplace.default)(selectorReplace), ...(0, _ExcludePlugin.excludeEmptyCheckPlugin)({
+    enable: plugins.rtl.enable,
+    exclude: plugins.rtl.exclude,
+    plugins: [(0, _postcssRtl.default)({
+      addPrefixToSelector: function addPrefixToSelector(selector, prefix) {
+        if (prefix === '[dir]') {
+          return selector;
+        }
+
+        return `${prefix} ${selector}`; // Make selectors like [dir=rtl] > .selector
+      }
+    })]
+  })].filter(Boolean);
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/resolvers.js

@@ -12,38 +12,31 @@ var _constants = require("../../constants");
 
 var _libAlias = require("./common/libAlias");
 
-/* eslint-disable no-use-before-define */
 function moduleResolver(options) {
   const {
-    moduleResolvePath
+    moduleResolvePath,
+    disableES5Transpile
   } = options.app;
-  const {
-    preferLocalFirst,
-    alias
-  } = options.resolve;
-  const nodeModulesPath = moduleResolvePath ? // eslint-disable-next-line import/no-dynamic-require, global-require
-  require(require.resolve(moduleResolvePath, {
+  const nodeModulesPath = moduleResolvePath // eslint-disable-next-line import/no-dynamic-require, global-require
+  ? require(require.resolve(moduleResolvePath, {
     paths: [options.cwd]
   })).nodeModulesPath : _client_packages_group.nodeModulesPath; // const {unstableDepsInverse} = options;
   // console.log({ nodeModulesPath });
 
   return {
-    modules: useAppNodeModulesAsPreferred(preferLocalFirst, [nodeModulesPath, _constants.cliNodeModulesPath].filter(Boolean)),
-    alias: { ..._libAlias.libAlias,
-      ...(alias || {})
-    }
+    modules: [_constants.cliNodemodulesPath, nodeModulesPath, 'node_modules'].filter(Boolean),
+    alias: disableES5Transpile ? _libAlias.libAlias : {} // alias: { ...libAlias, ...clientDependenies }
+
   };
 }
 
 function loaderResolver(options) {
+  // const unstableDepsInverse = false;
   const {
-    preferLocalFirst
-  } = options.resolve;
+    unstableDepsInverse
+  } = options;
   return {
-    modules: useAppNodeModulesAsPreferred(preferLocalFirst, [_constants.cliNodeModulesPath])
-  };
-}
+    modules: unstableDepsInverse ? ['node_modules', _constants.cliNodemodulesPath] : [_constants.cliNodemodulesPath, 'node_modules'] // alias:  libAlias
 
-function useAppNodeModulesAsPreferred(preferLocalFirst = false, paths = []) {
-  return preferLocalFirst ? ['node_modules', ...paths] : [...paths, 'node_modules'];
+  };
 }