@zohodesk/react-cli 1.1.27-exp.1 → 1.1.27-exp.3

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ResourceHintsPlugin.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _webpack = require("webpack");
+
+const pluginName = 'prefetch-preload-chunk-plugin';
+/**
+ * NOTE: below functions are useable in webpack 5.79.0 as per day 28 Apr 2023
+ * Please checkout for future changes
+ * Here List of functions that take chunkId as Argument and return url without publicPath
+ * `__webpack_require__.u(chunkId)`          -  return's JS script urlPath
+ * `__webpack_require__.miniCssF(chunkId)`   -  return's CSS script urlPath
+ * `__webpack_require__.miniI18nF(chunkId)`  -  return's I18N script urlPath
+ *
+ *
+ * if url  has .undefined. then chunk or url not valid or that file nt available
+ */
+
+class ResourceHintsPlugin {
+  constructor({
+    publicPath,
+    resourceHints
+  }) {
+    this.resourceHints = resourceHints;
+    this.allowPrefetchingMultipleChunks = resourceHints.allowPrefetchingMultipleChunks;
+    this.publicPathsTemplateObj = {
+      js: publicPath,
+      css: publicPath,
+      i18n: publicPath
+    };
+  } // eslint-disable-next-line class-methods-use-this
+
+
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+      const enabledChunks = new WeakSet();
+
+      const handler = (entryRuntimeChunk, set) => {
+        if (enabledChunks.has(entryRuntimeChunk)) {
+          return;
+        }
+
+        enabledChunks.add(entryRuntimeChunk);
+        set.add(_webpack.RuntimeGlobals.getFullHash); // set.add(RuntimeGlobals.getChunkCssFilename);
+
+        const {
+          publicPathsTemplateObj
+        } = this;
+        compilation.addRuntimeModule(entryRuntimeChunk, // eslint-disable-next-line no-use-before-define
+        new ResourceHintsRuntimePlugin(compiler, {
+          chunk: entryRuntimeChunk,
+          allowPrefetchingMultipleChunks: this.allowPrefetchingMultipleChunks,
+          publicPathsTemplateObj
+        }));
+      };
+
+      compilation.hooks.runtimeRequirementInTree.for(_webpack.RuntimeGlobals.ensureChunkHandlers).tap(pluginName, handler);
+    });
+  }
+
+}
+
+exports.default = ResourceHintsPlugin;
+
+class ResourceHintsRuntimePlugin extends _webpack.RuntimeModule {
+  constructor(compiler, {
+    chunk,
+    publicPathsTemplateObj,
+    allowPrefetchingMultipleChunks
+  }) {
+    super('ResourceHintsRuntimePlugin loading', 10);
+    this.compiler = compiler;
+    this.publicPathsTemplateObj = publicPathsTemplateObj;
+    this.allowPrefetchingMultipleChunks = allowPrefetchingMultipleChunks;
+    this.chunk = chunk;
+  }
+
+  generate() {
+    const {
+      chunk
+    } = this;
+    const idNameMap = chunk.getChunkMaps().name;
+    const nameIdMap = {};
+    let needsMap = this.allowPrefetchingMultipleChunks;
+    Object.keys(idNameMap).forEach(key => {
+      const value = idNameMap[key];
+      nameIdMap[value] = key;
+
+      if (key !== value) {
+        needsMap = true;
+      }
+    });
+    let {
+      js: jsPP,
+      css: cssPP,
+      i18n: i18nPP
+    } = this.publicPathsTemplateObj;
+    jsPP = jsPP || _webpack.RuntimeGlobals.publicPath;
+    cssPP = cssPP || _webpack.RuntimeGlobals.publicPath;
+    i18nPP = i18nPP || _webpack.RuntimeGlobals.publicPath;
+    /**
+     * naming abbr
+     * ntc -> nameToChunkIdMap
+     * cns -> chunkNames
+     * clt -> createLinkTag
+     * lpp -> loadAsPreloadOrPrefetch
+     */
+
+    return _webpack.Template.asString([`const ntc = ${JSON.stringify(needsMap ? nameIdMap : {})};
+       const cns = Object.keys(ntc);
+
+      function clt(href, rel) {
+        let link = document.createElement("link");
+        link.href = href;
+        link.rel = rel;
+        __webpack_require__.nc && link.setAttribute("nonce", __webpack_require__.nc)
+        if(href.endsWith(".css")) {
+          link.as="style";
+        } else if (href.endsWith(".js")) {
+          link.as="script";
+        }
+        document.head.appendChild(link);
+      }
+      function isValidUrl(url) {
+        //return !url.includes(".undefined.");
+        return url.indexOf(".undefined.") === -1;
+      }
+      function lpp(_chunkId, rel) {
+        let chunkId = ${_webpack.RuntimeGlobals.require}.getChunkId(_chunkId);
+        // ${_webpack.RuntimeGlobals.require}.e(chunkId);
+        if(__webpack_require__.O.j(chunkId)) {
+          return;
+        }
+        const jsUrl = ${jsPP} + __webpack_require__.u(chunkId);
+        const cssUrl = ${cssPP} + __webpack_require__.miniCssF(chunkId);
+        isValidUrl(jsUrl) && clt(jsUrl, rel);
+        isValidUrl(cssUrl) && clt(cssUrl, rel);
+        if(__webpack_require__.miniI18nF) {
+          const i18nUrl = ${i18nPP} + __webpack_require__.miniI18nF(chunkId);
+          isValidUrl(i18nUrl) && clt(i18nUrl, rel);
+        }
+      }
+
+      ${_webpack.RuntimeGlobals.require}.getChunkId = function getChunkId(chunkId) {
+        ${needsMap ? 'chunkId = ntc[chunkId]||chunkId;' : ''}
+        return chunkId;
+      }
+      ${_webpack.RuntimeGlobals.require}.getChunkIds = function getChunkIds(chunkId) {
+        ${// eslint-disable-next-line no-nested-ternary
+    this.allowPrefetchingMultipleChunks ? `
+            const isRegExAsChunkId = chunkId instanceof RegExp;
+            if(isRegExAsChunkId) {
+              return cns.filter(chunkName => chunkId.test(chunkName)).map(chunkName => ntc[chunkName]);
+            }
+            return [${_webpack.RuntimeGlobals.require}.getChunkId(chunkId)];
+            ` : `return [${_webpack.RuntimeGlobals.require}.getChunkId(chunkId)];`}
+      }
+      // Prefetch a chunk (${pluginName})
+      ${_webpack.RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {
+        ${`
+            let chunkIds = ${_webpack.RuntimeGlobals.require}.getChunkIds(chunkId);
+            chunkIds.forEach(idOfAChunk => {
+              ${_webpack.RuntimeGlobals.require}.e(idOfAChunk);
+            })`}
+      };
+
+      // Preload a chunk (${pluginName})
+      ${_webpack.RuntimeGlobals.require}.plc = function preloadChunk(chunkId) {
+            let idOfAChunk = ${_webpack.RuntimeGlobals.require}.getChunkIds(chunkId)[0];
+            lpp(idOfAChunk, "preload");
+        }
+        ` // `// Prefetch a chunk (${pluginName})`,
+    // `${RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {`,
+    // Template.indent([
+    //   `chunkId = ${RuntimeGlobals.require}.getChunkId(chunkId)`,
+    //   `${RuntimeGlobals.require}.e(chunkId);`
+    // ]),
+    // '};',
+    // `// Preload a chunk (${pluginName})`,
+    // `${RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {`,
+    // Template.indent([
+    //   `chunkId = ${RuntimeGlobals.require}.getChunkId(chunkId)`,
+    //   `${RuntimeGlobals.require}.e(chunkId);`
+    // ]),
+    // '};'
+    ]);
+  }
+
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RtlSplitPlugin/OverwriteCssPathForRTL.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+
+var _JavascriptModulesPlugin = _interopRequireDefault(require("webpack/lib/javascript/JavascriptModulesPlugin"));
+
+var _replaceCssDirTemplate = require("./replaceCssDirTemplate");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { JavascriptModulesPlugin } from 'webpack';
+const pluginName = 'OverwriteCssPathForRTL';
+
+class OverwriteCssPathForRTL {
+  constructor(options = {
+    dirVarName: 'document.dir'
+  }) {
+    this.dirVarName = options.dirVarName || 'document.dir';
+    this.templateLabel = options.templateLabel || '{{--dir}}';
+  }
+
+  overwriteCssPathinHTML(compilation) {
+    // NOTE: need to reconsider It is not working as expected
+    _htmlWebpackPlugin.default.getHooks(compilation).beforeAssetTagGeneration.tap(pluginName, data => {
+      const {
+        assets
+      } = data;
+      return { ...data,
+        assets: { ...assets,
+          css: assets.css && (0, _replaceCssDirTemplate.replaceCssDirTemplateMapper)(assets.css, this.templateLabel)
+        }
+      };
+    });
+  }
+
+  overwriteCssPathinRequireEnsure(compilation, compiler) {
+    const {
+      RawSource
+    } = compiler.webpack.sources;
+
+    _JavascriptModulesPlugin.default.getCompilationHooks(compilation).renderMain.tap(pluginName, source => {
+      const templateText = `"+(${this.dirVarName} === "rtl" ? "rtl": "ltr")+"`;
+      const replacedStr = source.source().replace(/\[dir\]/g, templateText);
+      return new RawSource(replacedStr);
+    });
+  }
+
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
+      this.overwriteCssPathinHTML(compilation);
+      this.overwriteCssPathinRequireEnsure(compilation, compiler);
+    });
+  }
+
+}
+
+exports.default = OverwriteCssPathForRTL;

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RtlSplitPlugin/RtlCssPlugin.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RtlCssPlugin = void 0;
+
+var _webpack = require("webpack");
+
+var _OverwriteCssPathForRTL = _interopRequireDefault(require("./OverwriteCssPathForRTL"));
+
+var _RTLSplitPlugin = require("../../../../postcss/custom_postcss_plugins/RTLSplitPlugin");
+
+var _utils = require("../../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import HtmlWebpackPlugin from 'html-webpack-plugin';
+// import rtlcss from 'rtlcss';
+const pluginName = 'RtlCssPlugin';
+
+class RtlCssPlugin {
+  constructor(options = {}) {
+    /**
+     * @typedef {Object} Options
+     * @property  {String} dirVarName
+     * @property  {Boolean} sourcemap
+     * @property  {Object} config
+     */
+    this.options = {
+      // dirVarName: options.dirVarName || 'document.dir',
+      sourcemap: options.sourcemap,
+      config: options.config
+    };
+    this.templateLabel = options.templateLabel || '{{--dir}}';
+    this.dirVarName = options.dirVarName || 'document.dir';
+    this.rtlSplitOptions = {
+      disableMinifySelector: options.disableMinifySelector
+    };
+  }
+
+  apply(compiler) {
+    const {
+      RawSource
+    } = compiler.webpack.sources;
+    new _OverwriteCssPathForRTL.default({
+      templateLabel: this.templateLabel,
+      dirVarName: this.dirVarName
+    }).apply(compiler); // const { filename, sourcemap, config } = this.options;
+    // const { devtool } = compiler.options;
+    // const postcssOptions = {
+    //   map: (sourcemap === undefined && !!devtool) || !!sourcemap
+    // };
+
+    compiler.hooks.compilation.tap(pluginName, compilation => {
+      // compilation.hooks.shouldGenerateChunkAssets.tap(pluginName, (...args) => {
+      //   console.log('shouldGenerateChunkAssets', args);
+      // });
+      compilation.hooks.processAssets.tap({
+        name: pluginName,
+        stage: _webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_COMPATIBILITY
+      }, assets => {
+        Object.keys(assets).filter(_utils.isCss).filter(_utils.isDirRelatedCss).forEach(chunkFilename => {
+          const {
+            source: asset
+          } = compilation.getAsset(chunkFilename);
+          const sourceStr = asset.source();
+          const {
+            ltr,
+            rtl
+          } = (0, _RTLSplitPlugin.separateRtlAndLtr)(sourceStr, this.rtlSplitOptions);
+          const ltrFilename = chunkFilename.replace('[dir]', 'ltr');
+          const rtlFilename = chunkFilename.replace('[dir]', 'rtl');
+          compilation.renameAsset(chunkFilename, ltrFilename);
+          compilation.updateAsset(ltrFilename, new RawSource(ltr));
+          compilation.emitAsset(rtlFilename, new RawSource(rtl));
+        });
+      });
+    });
+  }
+
+}
+
+exports.RtlCssPlugin = RtlCssPlugin;

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RtlSplitPlugin/RtrSplit.md

@@ -0,0 +1,34 @@
+# RTL Split
+
+we are doing in build time generating rtl related css code by using @zohodesk/postcss-rt npm.
+It was automated, That postcss plugin create rtl reacted css and put them into same file, with css selector [dir=rtl] and ltr realted css with [dir=ltr].
+Here is problem mostly no one need rtl and ltr related css at the same time in browser,
+we are try to split them by [dir] and load which type of css is needed.
+For this purpose we created RTL Split Plugin
+
+# To Try it out rtl-ltr split
+
+### how to use this feature?
+
+to use this feature use have give the below oprtions
+`package.json`
+
+```json
+{
+  /// ...some things
+  "react-cli": {
+    //  ...some things
+    "css": {
+      "plugins": {
+        "rtlSplit": {
+          "enableRTLSplit": true,
+          "templateLabel": "{{--dir}}", // this is for html template css file path dir template
+          "disableMinifySelector": false,
+          "dirVarName": "document.dir" // this will be used for download css based on dir
+        }
+      }
+    }
+    //  ...some things
+  }
+}
+```

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RtlSplitPlugin/replaceCssDirTemplate.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.replaceCssDirTemplate = replaceCssDirTemplate;
+exports.replaceCssDirTemplateMapper = replaceCssDirTemplateMapper;
+exports.replaceI18nLocalTemplate = replaceI18nLocalTemplate;
+exports.replaceI18nLocaleTemplateMapper = replaceI18nLocaleTemplateMapper;
+
+function replaceCssDirTemplate(filePath, cssDirTemplate) {
+  return filePath // added for efc and service worker handling
+  .replaceAll('[dir]', cssDirTemplate).replace('.ltr.css', `.${cssDirTemplate}.css`);
+}
+
+function replaceCssDirTemplateMapper(assets, cssDirTemplate) {
+  return assets.map(filePath => replaceCssDirTemplate(filePath, cssDirTemplate));
+}
+
+function replaceI18nLocalTemplate(filePath, localeTemplate) {
+  return filePath // added for efc and service worker handling
+  .replaceAll('[locale]', localeTemplate);
+}
+
+function replaceI18nLocaleTemplateMapper(assets, localeTemplate) {
+  return assets.map(filePath => replaceI18nLocalTemplate(filePath, localeTemplate));
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RuntimeResourceCleanup/index.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _webpack = require("webpack");
+
+const pluginName = 'RuntimeResourceCleanupPlugin';
+
+class RuntimeResourceCleanup {
+  constructor({
+    enable: scriptCleanUpEnabled,
+    chunkLoadingGlobal,
+    ...options
+  }) {
+    this.options = options;
+    this.scriptCleanUpEnabled = scriptCleanUpEnabled;
+    this.chunkLoadingGlobal = chunkLoadingGlobal;
+  }
+
+  apply(compiler) {
+    compiler.hooks.compilation.tap(pluginName, compilation => {
+      compilation.hooks.processAssets.tap({
+        name: pluginName,
+        stage: _webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
+      }, assets => {
+        const runtimeFiles = Object.keys(assets).filter(assetName => /.+?runtime.*\.js$/.test(assetName));
+        const searchString = 'chunkLoadingGlobal.forEach';
+
+        function generateScriptCleanUpCode(attributes) {
+          const [[attributeKey, attributeValue]] = Object.entries(attributes);
+          const selectorForGettingResources = `[${attributeKey}="${attributeValue}"]`;
+          return `
+            document.querySelectorAll('${selectorForGettingResources}').forEach(resource => resource.remove());
+            `;
+        }
+
+        function generateRunTimeObjectCleanupCode() {
+          return `
+                    Object.keys(__webpack_modules__).forEach(moduleKey => __webpack_modules__[moduleKey] = null);
+                    Object.keys(__webpack_module_cache__).forEach(moduleCacheKey => __webpack_module_cache__[moduleCacheKey] = null);
+                    __webpack_modules__ = null; 
+                    __webpack_module_cache__ = null;
+                    Object.keys(__webpack_require__).forEach(staticMethodsKey => __webpack_require__[staticMethodsKey] = null);
+                    __webpack_require__ = null;
+                    `;
+        }
+
+        function attachUninstallMethodToChunkGlobal() {
+          const {
+            chunkLoadingGlobal
+          } = this;
+          return `self['${chunkLoadingGlobal}'].unInstall = function() {
+              ${generateRunTimeObjectCleanupCode()};
+              ${this.scriptCleanUpEnabled ? generateScriptCleanUpCode(this.options.attributes) : ''}
+            }`;
+        }
+
+        runtimeFiles.forEach(runtTimeFile => {
+          const runTimeSource = assets[runtTimeFile].source();
+          const newRunTimeCode = runTimeSource.replace(searchString, `${attachUninstallMethodToChunkGlobal.call(this)};${searchString}`);
+          const newRunTimeResource = new compiler.webpack.sources.RawSource(newRunTimeCode);
+          compilation.updateAsset(runtTimeFile, newRunTimeResource);
+        });
+      });
+    });
+  }
+
+}
+
+exports.default = RuntimeResourceCleanup;

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/SelectorWeightPlugin/classHandling.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasPrevNodeIgnore = hasPrevNodeIgnore;
+exports.isAtRule = isAtRule;
+exports.isInsideMediaQuery = isInsideMediaQuery;
+
+function hasPrevNodeIgnore(index, prevNode, ignoreComment) {
+  return index !== 0 && prevNode && prevNode.type && prevNode.type === 'comment' && prevNode.text.toLowerCase() === ignoreComment;
+}
+
+function isAtRule(rule) {
+  return rule.parent && rule.parent.type === 'atrule';
+}
+
+function isInsideMediaQuery(rule) {
+  return !!(isAtRule(rule) && rule.parent.name === 'media');
+}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/SelectorWeightPlugin/index.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _selectorWeightPrefixAdder = require("./selectorWeightPrefixAdder");
+
+var _checkIsPatternsMatchFilename = require("../../loaderConfigs/checkIsPatternsMatchFilename");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+class SelectorWeightPlugin {
+  constructor(options = {}) {
+    this.options = {
+      selectorWeightConfig: options.configFile,
+      defaultSelector: options.defaultSelector,
+      customFileDetails: options.customFileDetails,
+      excludeStrings: options.excludeStrings,
+      patterns: options.patterns
+    };
+  }
+
+  apply(compiler) {
+    const {
+      defaultSelector,
+      customFileDetails,
+      excludeStrings,
+      patterns
+    } = this.options;
+
+    const rawdata = _fs.default.readFileSync(customFileDetails);
+
+    const data = JSON.parse(rawdata);
+    compiler.hooks.compilation.tap('selector-weight-rewrite', compilation => {
+      compilation.hooks.optimizeModules.tap('selector-weight-rewrite', modules => {
+        const mods = Array.from(modules).filter(x => x.type.includes('css'));
+        mods.forEach(module => {
+          const filename = module.issuer.resource;
+
+          if (!(0, _checkIsPatternsMatchFilename.checkIsPatternsMatchFilename)(patterns, filename)) {
+            return;
+          }
+          /*
+           
+          filename : Deskapp.module.css ?
+           data : 
+          {
+              "DeskApp.module.css": {"defaultSelector" : ".desk_app_ui "}
+          }
+             selectorWeightConfig : 
+           defaultSelector : .zoho_desk_ui
+          
+          case filename = 'DeskApp.module.css' ? 
+          data[filename].defaultSelector = '.desk_app_ui' 
+           case filename is different ?
+          defaultSelector = '.zoho_desk_ui'
+           */
+
+
+          const rootOriginal = _postcss.default.parse(module.content); // eslint-disable-next-line no-param-reassign
+
+
+          module.content = (0, _selectorWeightPrefixAdder.selectorWeightPrefixAdder)(rootOriginal, data[filename] ? data[filename].defaultSelector : defaultSelector, excludeStrings).toString();
+        });
+      });
+    });
+  }
+
+}
+
+var _default = SelectorWeightPlugin;
+exports.default = _default;

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/SelectorWeightPlugin/selectorWeightPrefixAdder.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorWeightPrefixAdder = selectorWeightPrefixAdder;
+
+var _classHandling = require("./classHandling");
+
+function selectorWeightPrefixAdder(rootOriginal, selector, excludeStrings) {
+  rootOriginal.walkRules((rule, index) => {
+    const prevNode = rootOriginal.nodes[index - 1];
+
+    if ((0, _classHandling.hasPrevNodeIgnore)(index, prevNode, 'updateselector:ignore')) {
+      return;
+    } // TODO: need to verify  cases
+    // if (!isInsideMediaQuery(rule)) {
+    //   return;
+    // }
+
+
+    const selectorArr = rule.selector.split(',');
+    selectorArr.forEach((singleSelectorStr, index) => {
+      if (excludeStrings.includes(singleSelectorStr.trim())) {
+        return;
+      }
+
+      if (singleSelectorStr.includes(']')) {
+        if (singleSelectorStr.slice(singleSelectorStr.lastIndexOf(']') + 2).trim() === '') {
+          return;
+        }
+
+        selectorArr[index] = `${singleSelectorStr.slice(0, singleSelectorStr.lastIndexOf(']') + 1).trim()} ${selector}${singleSelectorStr.slice(singleSelectorStr.lastIndexOf(']') + 2).trim()}`;
+        return;
+      }
+
+      selectorArr[index] = `${selector}${singleSelectorStr}`;
+    }); // eslint-disable-next-line no-param-reassign
+
+    rule.selector = selectorArr.join(',\n');
+  });
+  return rootOriginal;
+} // function convertSelectorWithoutAttribute (selector, conjunction) {
+//   const front  = selector
+//   .slice(0, selector.lastIndexOf(']') + 1)
+//   .trim();
+//   const back = selector
+//   .slice(selector.lastIndexOf(']') + 2)
+//   .trim();
+// return `${front} ${conjunction}${back}`;
+// }

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/SelectorWeightPlugin/windowsModification.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.windowsModification = windowsModification;
+exports.windowsModificationFile = windowsModificationFile;
+const isWin = process.platform === 'win32';
+
+function windowsModification(array) {
+  return isWin ? array && Array.isArray(array) && array.map(r => r.replace(/\//g, '\\')) : array;
+}
+
+function windowsModificationFile(filename) {
+  return isWin ? filename.replace(/\//g, '\\') : filename;
+} // module.exports = { windowsModification, windowsModificationFile };