@zohodesk/client_build_tool 0.0.1

package/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/findInitialFileNames.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findInitialFileNames = findInitialFileNames;
+
+function findInitialFileNames(compilation) {
+  const initialEntries = [];
+  compilation.entrypoints.forEach(element => {
+    element.chunks.forEach(chunk => {
+      Array.from(chunk.files).forEach(filename => {
+        initialEntries.push(filename);
+      });
+    });
+  });
+  return initialEntries;
+}

package/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AddFileToManifestJson = void 0;
+
+var _webpack = require("webpack");
+
+var _createManifestJson = require("./createManifestJson");
+
+class AddFileToManifestJson {
+  constructor(options) {
+    this.options = options;
+  }
+
+  apply(compiler) {
+    const {
+      RawSource
+    } = compiler.webpack.sources;
+    compiler.hooks.thisCompilation.tap('MyWebpackPlugin', compilation => {
+      compilation.hooks.processAssets.tap({
+        name: 'MyPlugin',
+        stage: _webpack.Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
+      }, assets => {
+        const {
+          hashDigestLength
+        } = compilation.outputOptions;
+        this.options.forEach(option => {
+          const manifestJson = (0, _createManifestJson.createManifestJson)({
+            option,
+            hashDigestLength,
+            compilation,
+            assets
+          });
+          compilation.emitAsset(option.outputJsonFileName, new RawSource(JSON.stringify(manifestJson)));
+        });
+      });
+    });
+  }
+
+}
+
+exports.AddFileToManifestJson = AddFileToManifestJson;

package/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/removeHashFromFileName.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.removeHashFromFileName = removeHashFromFileName;
+
+function removeHashFromFileName(fileName, hashDigestLength) {
+  let outputFileName = '';
+  fileName.split('.').forEach(iterateValue => {
+    if (outputFileName === '') {
+      outputFileName += iterateValue;
+    } else if (iterateValue.length < hashDigestLength) {
+      outputFileName += `.${iterateValue}`;
+    }
+  });
+  return outputFileName;
+}

package/lib/shared/bundler/webpack/custom_plugins/RTLSplitPlugin.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,191 @@
+"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(_webpack.RuntimeGlobals.getChunkCssFilename);
+        const {
+          publicPathsTemplateObj
+        } = this;
+        compilation.addRuntimeModule(entryRuntimeChunk, // eslint-disable-next-line no-use-before-define
+        new ResourceHintsRuntimePlugin(set, {
+          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;
+      }
+    });
+    const {
+      js: jsPP = '',
+      css: cssPP = '',
+      i18n: i18nPP = ''
+    } = this.publicPathsTemplateObj;
+    return _webpack.Template.asString([`
+      const preloadedChunks = {};
+      const nameToChunkIdMap = ${JSON.stringify(needsMap ? nameIdMap : {})};
+      const chunkNames = Object.keys(nameToChunkIdMap);
+
+      function createLinkTag(href, rel) {
+        let link = document.createElement("link");
+        link.href = href;
+        link.rel = rel;
+        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 loadAsPreloadOrPrefetch(_chunkId, rel) {
+        let chunkId = ${_webpack.RuntimeGlobals.require}.getChunkId(_chunkId);
+        // ${_webpack.RuntimeGlobals.require}.e(chunkId);
+        if(__webpack_require__.O.j(chunkId) || preloadedChunks[chunkId]) {
+          preloadedChunks[chunkId] = true;
+          // console.log("skipped loadAsPreloadOrPrefetch", _chunkId, chunkId, rel);
+          return;
+        }
+        const jsUrl = ${jsPP} + __webpack_require__.u(chunkId);
+        const cssUrl = ${cssPP} + __webpack_require__.miniCssF(chunkId);
+        isValidUrl(jsUrl) && createLinkTag(jsUrl, rel);
+        isValidUrl(cssUrl) && createLinkTag(cssUrl, rel);
+        if(__webpack_require__.miniI18nF) {
+          const i18nUrl = ${i18nPP} + __webpack_require__.miniI18nF(chunkId);
+          isValidUrl(i18nUrl) && createLinkTag(i18nUrl, rel);
+        }
+      }
+
+      ${_webpack.RuntimeGlobals.require}.getChunkId = function getChunkId(chunkId) {
+        ${needsMap ? 'chunkId = nameToChunkIdMap[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 chunkNames.filter(chunkName => chunkId.test(chunkName)).map(chunkName => nameToChunkIdMap[chunkName]);
+            }` : ''}
+        return [${_webpack.RuntimeGlobals.require}.getChunkId(chunkId)];
+      }
+      // Prefetch a chunk (${pluginName})
+      ${_webpack.RuntimeGlobals.require}.pfc = function prefetchChunk(chunkId) {
+        loadAsPreloadOrPrefetch(chunkId, "prefetch");
+        ${this.allowPrefetchingMultipleChunks ? `
+            let chunkIds = ${_webpack.RuntimeGlobals.require}.getChunkIds(chunkId)
+            chunkIds.forEach(idOfAChunk => {
+              // ${_webpack.RuntimeGlobals.require}.e(idOfAChunk);
+              loadAsPreloadOrPrefetch(idOfAChunk, "prefetch");
+            })` : 'loadAsPreloadOrPrefetch(chunkId, "prefetch");'}
+      };
+
+      // Preload a chunk (${pluginName})
+      ${_webpack.RuntimeGlobals.require}.plc = function preloadChunk(chunkId) {
+        ${this.allowPrefetchingMultipleChunks ? `
+            let chunkIds = ${_webpack.RuntimeGlobals.require}.getChunkIds(chunkId)
+            chunkIds.forEach(idOfAChunk => {
+              // ${_webpack.RuntimeGlobals.require}.e(idOfAChunk);
+              loadAsPreloadOrPrefetch(idOfAChunk, "preload");
+            })` : 'loadAsPreloadOrPrefetch(chunkId, "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/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/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/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/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/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/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/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/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 };