@zohodesk/client_build_tool 0.0.22-exp.3 → 0.0.22-exp.5

package/es/shared/bundler/webpack/custom_plugins/SelectorWeightPlugin/index.js

@@ -1,63 +0,0 @@
-import postcss from 'postcss';
-import fs from 'fs';
-import { selectorWeightPrefixAdder } from "./selectorWeightPrefixAdder";
-import { checkIsPatternsMatchFilename } from "../../loaderConfigs/checkIsPatternsMatchFilename";
-
-class SelectorWeightPlugin {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    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.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 (!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.parse(module.content); // eslint-disable-next-line no-param-reassign
-
-          module.content = selectorWeightPrefixAdder(rootOriginal, data[filename] ? data[filename].defaultSelector : defaultSelector, excludeStrings).toString();
-        });
-      });
-    });
-  }
-
-}
-
-export default SelectorWeightPlugin;

package/es/shared/bundler/webpack/custom_plugins/SelectorWeightPlugin/selectorWeightPrefixAdder.js

@@ -1,43 +0,0 @@
-import { hasPrevNodeIgnore, isInsideMediaQuery } from "./classHandling";
-export function selectorWeightPrefixAdder(rootOriginal, selector, excludeStrings) {
-  rootOriginal.walkRules((rule, index) => {
-    const prevNode = rootOriginal.nodes[index - 1];
-
-    if (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/es/shared/bundler/webpack/custom_plugins/SelectorWeightPlugin/windowsModification.js

@@ -1,7 +0,0 @@
-const isWin = process.platform === 'win32';
-export function windowsModification(array) {
-  return isWin ? array && Array.isArray(array) && array.map(r => r.replace(/\//g, '\\')) : array;
-}
-export function windowsModificationFile(filename) {
-  return isWin ? filename.replace(/\//g, '\\') : filename;
-} // module.exports = { windowsModification, windowsModificationFile };

package/es/shared/bundler/webpack/custom_plugins/ServiceWorkerPlugin.js

@@ -1,104 +0,0 @@
-import { readFileSync } from 'fs';
-import { getLocaleChunkAssetsStore } from "./I18nSplitPlugin/LocaleChunkAssetsStore";
-import { emitAsset } from "./emitAsset";
-import { replaceCssDirTemplateMapper } from "./RtlSplitPlugin/replaceCssDirTemplate";
-import { cssDirTemplate, getInitialAssetsFuncTemplate } from "./getInitialAssetsFuncTemplate";
-import { getI18nFileUrlPathTemplate } from "./ServiceWorkerPluginUtils";
-const pluginName = 'ServiceWorkerPlugin';
-export default class ServiceWorkerPlugin {
-  constructor(options) {
-    this.templateFilePath = options.templateFilePath;
-    this.outputFilePath = options.outputFilePath;
-    this.publicPath = options.publicPath;
-    this.i18nFileNameTemplate = options.i18nFileNameTemplate;
-    this.chunkSplitEnable = options.chunkSplitEnable;
-    this.enableRTLSplit = options.enableRTLSplit;
-    this.entryPointName = options.entryPointName;
-    this.replaceText = options.replaceText; // this.publicPaths = options.publicPaths;
-  } // eslint-disable-next-line class-methods-use-this
-
-
-  isInitialChunk(chunk) {
-    if ('canBeInitial' in chunk) {
-      return chunk.canBeInitial();
-    }
-
-    return chunk.isInitial();
-  }
-
-  apply(compiler) {
-    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-      // Get store for cache
-      this.store = getLocaleChunkAssetsStore(compilation);
-    });
-    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-      compilation.hooks.processAssets.tap({
-        name: pluginName,
-        stage: compilation.PROCESS_ASSETS_STAGE_DERIVED
-      }, () => {
-        this.createServiceWorkerFile(compilation, compiler);
-      });
-    });
-  }
-
-  createServiceWorkerFile(compilation) {
-    const {
-      templateFilePath,
-      entryPointName,
-      outputFilePath,
-      chunkSplitEnable,
-      enableRTLSplit
-    } = this;
-    const templateContent = readFileSync(templateFilePath, 'utf-8');
-    let allChunkUrls = [];
-    const allI18nAssets = [];
-    const entryPoint = compilation.entrypoints.get(entryPointName);
-    const initialAssetsFuncTemplate = getInitialAssetsFuncTemplate({
-      entryPoint,
-      compilation,
-      enableRTLSplit,
-      i18nStore: this.store,
-      chunkSplitEnable,
-      i18nFileNameTemplate: this.i18nFileNameTemplate,
-      functionName: 'getInitialAssets'
-    });
-    /**
-     * NOTE:
-     *  if chunkSplitEnable is false means,
-     *    serviceWorker will get i18n files path for html
-     */
-    // chunkSplitEnable &&
-
-    [...compilation.chunks].filter(c => !this.isInitialChunk(c)).forEach(chunk => {
-      allChunkUrls = [...allChunkUrls, ...chunk.files]; // allI18nAssets.push(
-      //     getI18nFileUrlPathTemplate(
-      //       compilation,
-      //       chunk,
-      //       this.i18nFileNameTemplate,
-      //       '@locale@'
-      //     )
-      //   );
-    });
-    allChunkUrls = allChunkUrls.filter(fileName => !fileName.endsWith('.map'));
-    allChunkUrls = allChunkUrls.map(fileName => fileName.replace('smap/', ''));
-
-    if (enableRTLSplit) {
-      allChunkUrls = replaceCssDirTemplateMapper(allChunkUrls, cssDirTemplate);
-    }
-
-    const mod = templateContent.replace(this.replaceText, `
-      ${initialAssetsFuncTemplate}
-
-      let initialAssetsObj = getInitialAssets();
-
-      let initialAssets = initialAssetsObj.i18n.concat(
-        initialAssetsObj.css,
-        initialAssetsObj.js
-      );
-      self.assets = initialAssets;
-      
-      self.allChunks = ${JSON.stringify(allChunkUrls.concat(allI18nAssets))};`);
-    emitAsset(compilation, outputFilePath, mod);
-  }
-
-}

package/es/shared/bundler/webpack/custom_plugins/ServiceWorkerPluginUtils.js

@@ -1,6 +0,0 @@
-export function getI18nFileUrlPathTemplate(compilation, chunk, filenameTemplate, localeTemplate) {
-  const urlpath = compilation.getPath(filenameTemplate, {
-    chunk
-  });
-  return urlpath.replace('[locale]', localeTemplate);
-}

package/es/shared/bundler/webpack/custom_plugins/SourceMapPlugin/index.js

@@ -1,74 +0,0 @@
-/* eslint-disable class-methods-use-this */
-import { Compilation } from 'webpack';
-
-function checkSmapFilePattern(assetName) {
-  return /\.js$/.test(assetName) && !/\.i18n\.js$/.test(assetName) || /\.js\.map$/.test(assetName) && !/\.i18n\.js\.map$/.test(assetName);
-}
-
-function skipRuntimeFiles(assetName) {
-  return !assetName.includes('[locale]');
-}
-
-const pluginName = 'SplitSourceMapPlugin'; // Purpose:
-
-/**
- * we want build that can load files source map and without sourcemap at the same time,
- * or can be mentioned as so single build need to support two different clients that one for fast load and one for debugging.
- */
-
-export class SourceMapPlugin {
-  apply(compiler) {
-    const {
-      RawSource
-    } = compiler.webpack.sources;
-    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-      compilation.hooks.processAssets.tap({
-        name: pluginName,
-        stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL
-      }, assets => {
-        Object.keys(assets).forEach(assetName => {
-          const assetCode = assets[assetName].source();
-
-          if (checkSmapFilePattern(assetName) && skipRuntimeFiles(assetName)) {
-            compilation.renameAsset(assetName, `smap/${assetName}`);
-
-            if (!/\.map$/.test(assetName)) {
-              compilation.emitAsset(assetName, new RawSource(assetCode));
-            }
-          }
-        });
-      });
-      compilation.hooks.processAssets.tap({
-        name: pluginName,
-        stage: Compilation.PROCESS_ASSETS_STAGE_REPORT
-      }, assets => {
-        Object.keys(assets).forEach(assetName => {
-          const assetCode = assets[assetName].source();
-
-          if (/\.map$/.test(assetName)) {
-            compilation.emitAsset(assetName.split('smap/')[1], new RawSource(assetCode));
-          }
-        });
-      }); // if contenthash enabled we need to add this to include the runtime files 
-      //  compilation.hooks.processAssets.tap(
-      //   {
-      //     name: pluginName,
-      //     stage: Compilation.PROCESS_ASSETS_STAGE_DERIVED
-      //     // additionalAssets: true
-      //   }, 
-      //   assets => {
-      //     Object.keys(assets).forEach(assetName => {
-      //      if (assetName.includes('runtime') && skipRuntimeFiles(assetName) ) {
-      //        const runtimeAssetCode = assets[assetName].source();
-      //        const newAssetName = `smap/${assetName}`;
-      //        compilation.emitAsset(
-      //          newAssetName,
-      //          new RawSource(runtimeAssetCode)
-      //        );
-      //      };
-      //     });
-      //   });
-    });
-  }
-
-}

package/es/shared/bundler/webpack/custom_plugins/TPHashMappingPlugin/addHashToFilePath.js

@@ -1,10 +0,0 @@
-import path from 'path';
-export function addHashToFilePath(filePath, hash) {
-  const pathObj = path.parse(filePath);
-  const updatedFilePath = path.format({
-    dir: pathObj.dir,
-    name: `${pathObj.name}.${hash}`,
-    ext: pathObj.ext
-  });
-  return updatedFilePath;
-}

package/es/shared/bundler/webpack/custom_plugins/TPHashMappingPlugin/index.js

@@ -1,36 +0,0 @@
-import { DefinePlugin } from 'webpack';
-import fs from 'fs';
-import path from 'path';
-import { addHashToFilePath } from "./addHashToFilePath";
-import { getHash } from "../../loaderConfigs/cssClassNameGenerate";
-export class TPHashMappingPlugin {
-  constructor(options) {
-    this.fileMappings = options.fileMappings;
-    this.tpFolder = options.tpFolder;
-  }
-
-  apply(compiler) {
-    new DefinePlugin(this.getFiles()).apply(compiler);
-  }
-
-  getFiles() {
-    const hashMapping = {};
-    this.fileMappings.forEach(fileInfo => {
-      const filePath = path.join(this.tpFolder, fileInfo.filePath);
-
-      if (fs.existsSync(filePath)) {
-        const fileContent = fs.readFileSync(filePath, {
-          encoding: 'utf-8'
-        });
-        const generatedHash = getHash(fileContent, fileInfo.hashLength || 10);
-        const outputFilePath = addHashToFilePath(filePath, generatedHash);
-        fs.writeFileSync(outputFilePath, fileContent);
-        hashMapping[fileInfo.key] = JSON.stringify(generatedHash);
-      } else {
-        throw new Error(`Third party file ${fileInfo.fileName} does not exist`);
-      }
-    });
-    return hashMapping;
-  }
-
-}

package/es/shared/bundler/webpack/custom_plugins/UglifyCSSPlugin/index.js.js

@@ -1,35 +0,0 @@
-/* eslint-disable class-methods-use-this */
-// import { RawSource } from 'webpack-sources';
-import uglifyCss from 'uglifycss';
-import { Compilation } from 'webpack';
-const pluginName = 'UglifyCSSPlugin'; // TODO: Check for css minimizer plugin
-
-export default class UglifyCSSPlugin {
-  apply(compiler) {
-    const {
-      RawSource
-    } = compiler.webpack.sources;
-    compiler.hooks.compilation.tap(pluginName, compilation => {
-      compilation.hooks.processAssets.tapAsync({
-        name: pluginName,
-        stage: Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_SIZE
-      }, assets => {
-        Object.keys(assets).filter(filename => /\.css$/.test(filename)).forEach(filename => {
-          try {
-            let asset = assets[filename].source();
-
-            if (typeof asset !== 'string') {
-              asset = asset.toString();
-            }
-
-            const result = uglifyCss.processString(asset);
-            compilation.updateAsset(filename, new RawSource(result));
-          } catch (e) {
-            compilation.errors.push(e);
-          }
-        });
-      });
-    });
-  }
-
-}

package/es/shared/bundler/webpack/custom_plugins/VariableConversionCollector/ErrorHandler.js

@@ -1,52 +0,0 @@
-export class ErrorHandler {
-  constructor(allowedErrs) {
-    this.errors = [];
-    this.errorTable = [];
-    this.allowedErrs = allowedErrs;
-    Object.assign(this, {
-      DECLARATION_IGNORED: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : Declaration Ignored`),
-      DECIMAL_CHECK: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n unit : ${errObj.unitErrorVal} ,\n message : ${errObj.message}`),
-      DECIMAL_REJECT: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n unit : ${errObj.unitErrorVal} ,\n message : ${errObj.message}`),
-      UNIT_ERROR: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n unit : ${errObj.unitErrorVal} ,\n message : ${errObj.message}`),
-      RANGE_ERROR: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : ${errObj.message}\r`),
-      VARIABLE_PRESENT: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : ${errObj.message}`),
-      MULTIPLE_OCCURANCES: errObj => this.addError(` prop: ${errObj.decl.prop} ,\n value : ${errObj.decl.value} ,\n filename : ${errObj.filename} ,\n filepath : ${errObj.path} ,\n line : ${errObj.decl.source.start.line} ,\n message : ${errObj.message}`)
-    });
-  }
-
-  setAllowedErrs(allErrs) {
-    this.allowedErrs = allErrs;
-    ['DECLARATION_IGNORED', 'DECIMAL_CHECK', 'DECIMAL_REJECT', 'UNIT_ERROR', 'RANGE_ERROR', 'VARIABLE_PRESENT', 'MULTIPLE_OCCURANCES'].forEach(err => {
-      if (!this.allowedErrs[err]) {
-        this[err] = () => null;
-      }
-    });
-  }
-
-  addError(errstr) {
-    this.errors.push(`{\n${errstr}\n}\n`);
-  }
-
-  errorFunction(errObj) {
-    if (errObj.type && this.allowedErrs[errObj.type] && errObj.decl.prop && errObj.decl.value) {
-      this[errObj.type](errObj);
-    }
-  } // eslint-disable-next-line class-methods-use-this
-
-
-  printError(errObj) {
-    console.log('{');
-    Object.keys(errObj).sort().forEach(key => {
-      if (key !== 'decl') {
-        console.log(`${key} : ${errObj[key]}`);
-      } else {
-        console.log(`prop : ${errObj.decl.prop}`);
-        console.log(`value : ${errObj.decl.value}`);
-        console.log(`linenum : ${errObj.decl.source.start.line}`);
-      }
-    });
-    console.log('}\n');
-  }
-
-}
-export const errHandler = new ErrorHandler();