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

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

@@ -1,341 +0,0 @@
-// import { RawSource } from 'webpack-sources';
-import postcss from 'postcss';
-import fs from 'fs';
-import { checkIsPatternsMatchFilename } from "../../loaderConfigs/checkIsPatternsMatchFilename";
-import { ErrorHandler, errHandler } from "./ErrorHandler";
-const ignoreVals = ['--zd_size', '--zd_font_size', '--size', '--size_'];
-let variablesRead = {};
-const supportedProps = ['font-size', 'margin', 'margin-top', 'margin-bottom', 'margin-left', 'margin-right', 'padding', 'padding-top', 'padding-bottom', 'padding-left', 'padding-right', '^top', '^right', '^bottom', '^left', '^width', 'min-width', 'max-width', '^height', 'min-height', 'max-height', 'text-indent', 'clip', 'flex-basis', 'row-gap', 'gap', 'column-gap', 'flex']; // const avoidProps = [];
-// -- is issue IO --
-
-/*
-issues eg : 
-issues = ['--zd_size', '--zd_font_size', '--size', '--size_'];
-input : 
---zd_size
-output : 
-true
-comment : 
-do not execute when --zd_size comes as prop 
-*/
-
-function isIgnoreValuePresent(ignoreVals, prop) {
-  let present = false;
-  ignoreVals.forEach(issue => {
-    if (prop && prop.includes(issue)) {
-      present = true;
-    }
-  });
-  return present;
-} // -- to convert the hyphen values to values --
-
-/*
-input : 
-var(--zdt_uploadlist_default_width)
-output : 
---zdt_uploadlist_default_width
-
-comment : 
-to make the variable object using the output as key and decl.prop such as font-size as value 
-*/
-
-
-function extractVariableName(val) {
-  return val.replace(/calc\((.+)\)/gi, '$1').replace(/var\((.+)\)/gi, '$1').replace('-1', '').replace('*', '').replace('\n', '').trim();
-}
-
-function variableConvertor(rootOriginal, variables, settingsObject) {
-  rootOriginal.walkRules(rule => {
-    rule.nodes.forEach((decl, index) => {
-      const prevNode = rule.nodes[index - 1];
-      const currentNode = rule.nodes[index];
-
-      if (decl.prop && decl.prop.includes('--')) {
-        if (prevNode && prevNode.type === 'comment' && prevNode.text.toLowerCase() === 'variable:ignore') {
-          return;
-        }
-
-        if (isIgnoreValuePresent(ignoreVals, decl.prop)) {
-          return;
-        }
-
-        if (settingsObject[variables[decl.prop]]) {
-          /* if there is no value for property, set it to default so that undefined doesn't get called as key */
-          if (!variables[decl.prop]) {
-            // eslint-disable-next-line no-param-reassign
-            variables[decl.prop] = 'default';
-          }
-
-          const pxReplacement = settingsObject[variables[decl.prop]].replacements.px;
-          const valArr = decl.value.split(' '); // single values are considered in the above array and converted below
-
-          valArr.forEach((value, index) => {
-            if (value.includes('px')) {
-              const num = value.replace('px', '');
-              valArr[index] = pxReplacement.replace('$$', num);
-            }
-          });
-          currentNode.value = valArr.join(' ');
-        }
-      }
-    });
-  });
-  return rootOriginal;
-}
-
-function createFolderIfNonExistent(path) {
-  if (!fs.existsSync(path)) {
-    fs.mkdirSync(path, {
-      recursive: true
-    });
-  }
-}
-
-function createFileIfNonExistent(path, content) {
-  if (fs.existsSync(path)) {
-    fs.writeFileSync(path, content, 'utf-8');
-  }
-}
-
-class VariableConversionCollector {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this.configFile = options.configFile;
-    this.patterns = options.patterns;
-    this.initializeFiles();
-  } // eslint-disable-next-line class-methods-use-this
-
-
-  initializeFiles() {
-    createFolderIfNonExistent('./.cli/logs/');
-    createFolderIfNonExistent('./.cli/config/variables/');
-    createFolderIfNonExistent('./.cli/config/selectorWeight/');
-    createFileIfNonExistent('./.cli/logs/unassignedVariables.log', '{}');
-    createFileIfNonExistent('./.cli/logs/css_error.log', '{}');
-  }
-
-  apply(compiler) {
-    const {
-      patterns
-    } = this;
-    const variables = {};
-    const unassigned = {}; // console.log(windowsModification([this.filename])[0]);
-
-    const rawdata = fs.readFileSync(this.configFile);
-    const data = JSON.parse(rawdata);
-    const {
-      settings: settingsObject,
-      errorLog: errorLogStatus,
-      errorInConsole: errorConsoleStatus,
-      errorsAllowed,
-      strictMode
-    } = data; // If theres is no setting for default prop in settingsObject, set one.
-
-    if (!settingsObject.default) {
-      settingsObject.default = {
-        allowed: ['px', 'em', 'fit-content', 'auto', '%', 'inherit', '-moz-fit-content', 'vh', '0', 'initial', 'vw'],
-        replacements: {
-          px: 'var(--zd_size$$)'
-        },
-        range: {
-          start: -99999,
-          end: 99999
-        }
-      };
-    }
-    /* 
-    purpose of tap : to create a variable object such as:
-    {
-      --zdt_uploadlist_default_width : width,
-      --zdt_uploadlist_default_height : height,
-    }
-    which will help in the conversion further
-    */
-
-
-    if (fs.existsSync('./.cli/config/variables/variableMapping.json')) {
-      variablesRead = JSON.parse(fs.readFileSync('./.cli/config/variables/variableMapping.json', 'utf-8'));
-      Object.keys(variablesRead.changes).forEach(key => {
-        variables[key] = variablesRead.changes[key];
-      });
-    }
-
-    compiler.hooks.compilation.tap('VariableConversionCollector', compilation => {
-      compilation.hooks.optimizeModules.tap('VariableConversionCollector', modulesIterable => {
-        const modules = Array.from(modulesIterable);
-        const mods = modules.filter(x => x.type.includes('css'));
-        mods.forEach(module => {
-          const rootOriginal = postcss.parse(module.content);
-          const filename = module.issuer.resource;
-
-          if (!filename.includes('node_modules')) {
-            rootOriginal.walkRules(rule => {
-              rule.walkDecls(decl => {
-                decl.value.split(' ').forEach(val => {
-                  if (val && val.includes('--') && !new RegExp(ignoreVals.join('|'), 'gi').test(val) && decl.prop) {
-                    const extractedValue = extractVariableName(val);
-
-                    if (!variables[extractedValue]) {
-                      variables[extractedValue] = decl.prop;
-                    } else if (new RegExp(supportedProps.join('|'), 'gi').test(decl.prop)) {
-                      // console.log(
-                      //   `${extractedValue} : ${variables[extractedValue]} already exists please check!`
-                      // );
-                      if (errorsAllowed.MULTIPLE_OCCURANCES) {
-                        const errObj = {
-                          decl,
-                          type: 'MULTIPLE_OCCURANCES',
-                          filename,
-                          message: `${extractedValue} : ${variables[extractedValue]} already exists please check!`
-                        };
-                        errHandler.errorTable.push(errObj);
-                        errHandler.errorFunction(errObj);
-                      }
-                    } // console.log(decl.prop);
-
-                  } else if (/^--/gi.test(decl.prop) && val.trim() !== '' && !variables[decl.prop]) {
-                    if (!Object.keys(variablesRead.ignore).includes(decl.prop)) {
-                      unassigned[decl.prop] = variables[decl.prop];
-                    }
-                  }
-                });
-              });
-            });
-            /*
-             current value example: 
-             {
-                --zdt_uploadlist_default_width : --zd_upload_width,
-                --zd_upload_width : width
-             }
-             expected value : 
-             {
-               --zdt_uploadlist_default_width : width,
-               --zd_upload_width : width
-             }
-            
-             conversion is done in the while loop below
-            */
-
-            Object.keys(variables).forEach(key => {
-              while (variables[variables[key]]) {
-                variables[key] = variables[variables[key]];
-              }
-            });
-          }
-        });
-      }); // -- conversion for the root using variableConvertor --
-
-      /* 
-      input : 
-      .a{
-        padding : 20px 
-      }
-      output :
-      // on settingObject file : 
-      { padding : { replacements : { px : 'zd_size$$' }}} 
-      .a{
-        padding : zd_size20;
-      }
-      */
-
-      compilation.hooks.optimizeModules.tap('VariableConversionCollector', modules => {
-        const mods = Array.from(modules).filter(x => x.type.includes('css'));
-        mods.forEach(module => {
-          const filename = module.issuer.resource;
-          /*
-            input : 
-            filename : 'D:/MyWork/..../desk_client_app/supportapp/src/components/Avatar/Avatar.module.css,
-          
-             patterns.cssVariableReplacement: 
-            // include src folder, include deskapp folder, exclude node modules
-            [
-              "src",
-              "deskapp",
-              "!node_modules"
-            ]
-            
-            output : 
-            true or false
-          */
-
-          if (checkIsPatternsMatchFilename(patterns, filename) === false) {
-            return;
-          }
-
-          const rootOriginal = postcss.parse(module.content); // eslint-disable-next-line no-param-reassign
-
-          module.content = variableConvertor(rootOriginal, variables, settingsObject).toString();
-        });
-      });
-    });
-    /*
-      purpose of tap : to display the errors encountered so far 
-      input : 
-      all css files 
-      output : 
-      all errors that are present in the errTable arr
-    */
-
-    compiler.hooks.afterEmit.tap('error-display', () => {
-      const {
-        errors,
-        errorTable: errTable
-      } = errHandler;
-
-      if (Object.keys(unassigned).length > 0 && strictMode) {
-        console.log();
-        console.log(unassigned);
-        console.log();
-        let str = '{\n';
-        Object.keys(unassigned).forEach(key => {
-          str += `"${key}" : "${unassigned[key]}",\n`;
-        });
-        str += '}';
-        fs.writeFileSync('./.cli/logs/unassignedVariables.log', str, 'utf-8');
-        throw new Error('^^^ Variables above have not been assigned! ^^^');
-      }
-
-      const avlTypes = new Set([]); // eslint-disable-next-line array-callback-return, consistent-return
-
-      const srtArr = errTable.sort((a, b) => {
-        avlTypes.add(a.type);
-        avlTypes.add(b.type);
-
-        if (a.type < b.type) {
-          return -1;
-        }
-      });
-
-      if (errorConsoleStatus) {
-        const errorHandler = new ErrorHandler();
-        avlTypes.forEach(type => {
-          console.log('---------------------------------------------------------------------------------------------------------------------------');
-          console.log(`Error Type : ${type}`);
-          console.log('---------------------------------------------------------------------------------------------------------------------------');
-          srtArr.forEach(err => {
-            if (err.decl.prop && err.decl.value && err.type === type) {
-              errorHandler.printError(err);
-            }
-          });
-          console.log('---------------------------------------------------------------------------------------------------------------------------');
-        });
-      }
-
-      if (errorLogStatus) {
-        fs.writeFileSync('./.cli/logs/css_error.log', '');
-        console.log('writing to logFile...');
-
-        if (errors.length > 0) {
-          errors.forEach((err, index) => {
-            if (errTable[index].decl.prop && errTable[index].decl.value) {
-              fs.appendFileSync('./.cli/logs/css_error.log', err);
-            }
-          });
-        }
-      }
-    });
-  }
-
-}
-
-export default VariableConversionCollector;

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

@@ -1,67 +0,0 @@
-import HtmlWebpackAttributePlugin from 'html-webpack-inject-attributes-plugin';
-import { Compilation } from 'webpack';
-const pluginName = 'CustomAttributesPlugin';
-
-function attributeSetTemplate(attributes, variableName) {
-  const str = [];
-  Object.keys(attributes).forEach(key => {
-    const val = attributes[key];
-    str.push(`${variableName}.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(val)});`);
-  });
-  return str;
-}
-
-function writeCss(attributes, code) {
-  const str = attributeSetTemplate(attributes, 'linkTag');
-  return code.replace('document.head.appendChild(linkTag);', `${str.join('')}document.head.appendChild(linkTag);`);
-}
-
-function writeI18nJs(attributes, code) {
-  const str = attributeSetTemplate(attributes, 'scripTag');
-  return code.replace('document.head.appendChild(scriptTag);', `{${str.join('')} document.head.appendChild(scriptTag)};`);
-}
-
-function writeJs(attributes, code) {
-  const str = attributeSetTemplate(attributes, 'script');
-  return code.replace('needAttach && document.head.appendChild(script);', `if(needAttach) {${str.join('')} document.head.appendChild(script)};`);
-}
-
-export class CustomAttributesPlugin {
-  constructor(options) {
-    this.options = {
-      attributes: options.attributes,
-      jsAttributes: options.jsAttributes || options.attributes || {},
-      cssAttributes: options.cssAttributes || options.attributes || {},
-      i18nAttributes: options.i18nAttributes || options.attributes || {}
-    };
-  }
-
-  apply(compiler) {
-    const {
-      RawSource
-    } = compiler.webpack.sources; // NOTE: we not using this, Reason currently this option is only need for EFC,
-    // So it do not needed.
-
-    const {
-      attributes
-    } = this.options;
-    attributes && new HtmlWebpackAttributePlugin(attributes).apply(compiler);
-    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-      compilation.hooks.processAssets.tap({
-        name: pluginName,
-        stage: Compilation.PROCESS_ASSETS_STAGE_DERIVED
-      }, assets => {
-        const asset = Object.keys(assets).filter(k => /runtime.*\.js$/g.test(k));
-        asset.forEach(e => {
-          const runtimeJS = assets[e];
-          let code = runtimeJS.source();
-          code = writeCss(this.options.cssAttributes, code);
-          code = writeI18nJs(this.options.i18nAttributes, code);
-          code = writeJs(this.options.jsAttributes, code);
-          compilation.updateAsset(e, new RawSource(code));
-        });
-      });
-    });
-  }
-
-}

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

@@ -1,7 +0,0 @@
-export function emitAsset(compilation, outputFile, content) {
-  const {
-    RawSource
-  } = compilation.compiler.webpack.sources;
-  const source = new RawSource(content);
-  compilation.emitAsset(outputFile, source);
-}

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

@@ -1,43 +0,0 @@
-import { isCssFile, isJsFile } from "../utils";
-import { replaceCssDirTemplateMapper, replaceI18nLocaleTemplateMapper } from "./RtlSplitPlugin/replaceCssDirTemplate";
-import { getInitialI18nAssetsArrayStr } from "./getInitialI18nAssetsArrayStr";
-export const cssDirTemplate = '@dir@';
-export const localeTemplate = '@locale@';
-export function getInitialAssetsFuncTemplate(_ref) {
-  let {
-    entryPoint,
-    enableRTLSplit,
-    compilation,
-    i18nStore,
-    chunkSplitEnable,
-    i18nFileNameTemplate,
-    functionName = 'getInitialAssets'
-  } = _ref;
-  const initialFiles = entryPoint.getFiles();
-  let initialJsFiles = initialFiles.filter(isJsFile);
-  let initialCssFiles = initialFiles.filter(isCssFile);
-
-  if (enableRTLSplit) {
-    initialCssFiles = replaceCssDirTemplateMapper(initialCssFiles, cssDirTemplate);
-  }
-
-  if (chunkSplitEnable) {
-    initialJsFiles = replaceI18nLocaleTemplateMapper(initialJsFiles, localeTemplate);
-  }
-
-  const initialI18nAssets = getInitialI18nAssetsArrayStr({
-    entryPoint,
-    compilation,
-    i18nStore,
-    chunkSplitEnable,
-    i18nFileNameTemplate
-  });
-  const initialAssetsFuncTemplate = `function ${functionName}() {
-    return {
-      js: ${JSON.stringify(initialJsFiles)}.map(urlPath => urlPath.replace('smap/', '')),
-      css: ${JSON.stringify(initialCssFiles)},
-      i18n: ${initialI18nAssets}
-    }
-  }`;
-  return initialAssetsFuncTemplate;
-}

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

@@ -1,79 +0,0 @@
-/* eslint-disable no-use-before-define */
-import { I18nFilesEmitPlugin } from "./I18nSplitPlugin/I18nFilesEmitPlugin"; // for SMap relate changes
-// CdnChangePlugin
-// SourceMapHookPlugin
-
-export function getInitialI18nAssetsArrayStr(_ref) {
-  let {
-    entryPoint,
-    compilation,
-    i18nStore,
-    chunkSplitEnable,
-    i18nFileNameTemplate
-  } = _ref;
-  return getI18nAssetsForChunkAsArrayStr({
-    chunks: entryPoint.chunks,
-    compilation,
-    i18nStore,
-    chunkSplitEnable,
-    i18nFileNameTemplate
-  });
-}
-export function getI18nAssetsForChunkAsArrayStr(_ref2) {
-  let {
-    chunks,
-    compilation,
-    i18nStore,
-    chunkSplitEnable,
-    i18nFileNameTemplate
-  } = _ref2;
-
-  if (!chunkSplitEnable) {
-    // NOTE: we have used lang variable inside
-    // NOTE: below code for full i18n for now it is not implemented
-    // if (!chunkSplitEnable) {
-    //   let i18nAssets = {};
-    //   const i18nFiles = Object.keys(compilation.assets).filter(
-    //     assert => assert.indexOf(`i18n${path.sep}`) !== -1
-    //   );
-    //   // hook for i18n url contains i18n/ may cause problem
-    //   i18nAssets = i18nFiles.reduce((res, i18nFilePath) => {
-    //     const fileName = i18nFilePath.replace(`i18n${path.sep}`, '');
-    //     const splittedFileName = fileName.split('.');
-    //     res[splittedFileName[0]] = i18nFilePath;
-    //     return res;
-    //   }, {});
-    //   return `[${JSON.stringify(i18nAssets)}[lang]]`;
-    // }
-    return '[]';
-  }
-
-  const i18nAssetsUrlTemplates = [...chunks].map(chunk => getI18nAssetForChunkAsStr({
-    chunk,
-    compilation,
-    i18nStore,
-    i18nFileNameTemplate
-  })).filter(Boolean);
-  return `${JSON.stringify(i18nAssetsUrlTemplates)}`;
-}
-export function getI18nAssetForChunkAsStr(_ref3) {
-  let {
-    chunk,
-    compilation,
-    i18nStore,
-    i18nFileNameTemplate
-  } = _ref3;
-
-  if (!i18nStore.isChunkHasI18n(chunk)) {
-    return '';
-  }
-
-  const i18nAssetsUrlTemplates = I18nFilesEmitPlugin.createFilenameWithHash({
-    compilation,
-    fileNameTemplate: i18nFileNameTemplate,
-    chunk,
-    locale: '@locale@',
-    contentHash: 'contentHash'
-  }).filename;
-  return i18nAssetsUrlTemplates;
-}

package/es/shared/bundler/webpack/defaultVendorPatternList.js

@@ -1,3 +0,0 @@
-import { modifyAsExclude } from "./loaderConfigs/checkIsPatternsMatchFilename";
-export const reactBundleIncludeList = ['**/node_modules/react/**/*.js', '**/node_modules/react-dom/**/*.js', '**/node_modules/react-redux/**/*.js', '**/node_modules/react-transition-group/**/*.js', '**/node_modules/scheduler/**/*.js', '**/node_modules/prop-types/**/*.js'];
-export const defaultVendorPatternList = ['**/node_modules/**/*.js', '!*.css', '!**/publicPathConfig.js', ...modifyAsExclude(['**/node_modules/script-loader/**/*.js', '**/node_modules/raw-loader/**/*.js']), ...modifyAsExclude(reactBundleIncludeList)];

package/es/shared/bundler/webpack/devtoolConfig.js

@@ -1,6 +0,0 @@
-// eslint-disable-next-line consistent-return
-export function devtoolConfig(options) {
-  if (options.createSeparateSMap) {
-    return options.devtool;
-  }
-}

package/es/shared/bundler/webpack/entryConfig.js

@@ -1,25 +0,0 @@
-import { joinWithAppPath } from "../../constants";
-export function entryConfig(options) {
-  const {
-    hasEFC,
-    entryFile,
-    entryPointName
-  } = options.efc;
-  const {
-    entryFile: mainEntry,
-    AdditionalEntry
-  } = options.app;
-  const entry = {
-    main: joinWithAppPath(mainEntry)
-  };
-
-  if (hasEFC && entryFile) {
-    entry[entryPointName] = joinWithAppPath(entryFile);
-  }
-
-  if (AdditionalEntry.enable) {
-    entry[AdditionalEntry.entryPointName] = joinWithAppPath(AdditionalEntry.entryFile);
-  }
-
-  return entry;
-}

package/es/shared/bundler/webpack/externals.js

@@ -1,10 +0,0 @@
-// eslint-disable-next-line no-unused-vars
-export function externals(options) {
-  const {
-    externals
-  } = options;
-  return {
-    ZC: '$ZC',
-    ...externals
-  };
-}

package/es/shared/bundler/webpack/getCSSLoaders.js

@@ -1,17 +0,0 @@
-import MiniCssExtractPlugin from 'mini-css-extract-plugin';
-import { configPostCssLoader } from "./loaderConfigs/configPostCssLoader";
-import { getCssLoaderOptions } from "./loaderConfigs/getCssLoaderOptions";
-export function getCSSLoaders(options) {
-  const cssLoaderOptions = getCssLoaderOptions(options);
-  return [{
-    loader: require.resolve("./loaders/miniCssFallBackLoader")
-  }, {
-    loader: MiniCssExtractPlugin.loader,
-    options: {
-      publicPath: '../'
-    }
-  }, {
-    loader: 'css-loader',
-    options: cssLoaderOptions
-  }, configPostCssLoader(options)].filter(Boolean);
-}

package/es/shared/bundler/webpack/getFilenameFromModule.js

@@ -1,15 +0,0 @@
-export const CSS_MODULE_TYPE = 'css/mini-extract';
-export function getFilenameFromModule(webpackModule) {
-  const {
-    userRequest
-  } = webpackModule;
-
-  if (webpackModule.type === CSS_MODULE_TYPE) {
-    const {
-      _identifier: identifier = ''
-    } = webpackModule;
-    return identifier.slice(identifier.lastIndexOf('!') + 1);
-  }
-
-  return userRequest;
-}

package/es/shared/bundler/webpack/jsLoaders.js

@@ -1,16 +0,0 @@
-import { babelLoaderConfig } from "./loaderConfigs/babelLoaderConfig.js";
-import { i18nIdReplaceLoaderConfig } from "./loaderConfigs/i18nIdReplaceLoaderConfig.js";
-export function jsLoaders(options) {
-  const useLoaders = [babelLoaderConfig(options)];
-  const shouldUseNumericIndexing = options.i18nIndexing.enable;
-
-  if (shouldUseNumericIndexing) {
-    useLoaders.push(i18nIdReplaceLoaderConfig(options));
-  }
-
-  return [{
-    test: /\.js$/,
-    exclude: /node_modules/,
-    use: useLoaders
-  }];
-}

package/es/shared/bundler/webpack/loaderConfigs/assetLoaders.js

@@ -1,4 +0,0 @@
-import { configAudioLoader, configFontLoader, configImageLoader, configSVGLoader, configVideoLoader } from "./configsAssetsLoaders";
-export function assetLoaders(options) {
-  return [configImageLoader(options), configFontLoader(options), configSVGLoader(options), configAudioLoader(options), configVideoLoader(options)];
-}

package/es/shared/bundler/webpack/loaderConfigs/babelLoaderConfig.js

@@ -1,10 +0,0 @@
-import { babelWebConfig } from "../../../babel/babelWebConfig";
-export function babelLoaderConfig(options) {
-  const babelConfig = babelWebConfig(options);
-  return {
-    loader: 'babel-loader',
-    options: { ...babelConfig,
-      cacheDirectory: true
-    }
-  };
-}