@zohodesk/react-cli 1.1.19-exp.11 → 1.1.19-exp.13

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/terser/__test__/loop.test.js

@@ -0,0 +1,112 @@
+"use strict";
+
+/* eslint-disable max-lines */
+const terser = require('terser');
+
+describe('normal for loop', () => {
+  it('minimize variable names inside the loop  when using let type', () => {
+    const code = `
+    for (let book = 0; book < 4; book += 1) {
+       console.log(book);
+    };
+    `;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('for(let o=0;o<4;o+=1)console.log(o);');
+    });
+  });
+  it('for loop with variable keyword var', () => {
+    const code = `
+    for (var book = 0; book < 4; book += 1) {
+       console.log(book);
+    };
+    `;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('for(var book=0;book<4;book+=1)console.log(book);');
+    });
+  });
+  it('remove unused variable with keyword let and const', () => {
+    const code = `
+    for (let number = 0;number>28;number++){
+        console.log(number);
+        let number2 = 28;
+        const number3 = 32;
+    };
+    `;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('for(let o=0;o>28;o++){console.log(o)}');
+    });
+  });
+  it('take unused variable with keyword var', () => {
+    const code = `
+    for (let number = 0;number>28;number++){
+        console.log(number);
+        var number2 = 28;
+        var number3 = 32;
+    };
+    `;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('for(let e=0;e>28;e++){console.log(e);var number2=28,number3=32}');
+    });
+  });
+  it('remove unused and unwanted codes like if statement', () => {
+    const code = `
+    for (let number = 0;number>28;number++){
+        console.log(number);
+        if(true){
+            let i = 0;
+        }
+    };
+    `;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('for(let o=0;o>28;o++){console.log(o)}');
+    });
+  });
+  it('using break in loops', () => {
+    const code = `
+    for (let number = 0;number>28;number++){
+        console.log(number);
+        break;
+    };
+    `;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('for(let o=0;o>28;o++){console.log(o);break}');
+    });
+  });
+  it('using breaks in loops with an condition', () => {
+    const code = `
+    for (let number = 0;number>28;number++){
+        console.log(number);
+        if(number != 0)
+        break;
+    };
+    `;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('for(let o=0;o>28&&(console.log(o),0==o);o++);');
+    });
+  });
+  it('using continue in loops with an condition', () => {
+    const code = `
+    for (let number = 0;number>28;number++){
+        if(number > 0)
+        continue;
+        console.log(2);
+    };
+    `;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('for(let o=0;o>28;o++)o>0||console.log(2);');
+    });
+  });
+  it('remove the code which are write below the continue', () => {
+    const code = `
+    for (let number = 0;number>28;number++){
+        console.log(2)
+        continue;
+        console.log(3)
+      
+    };
+    `;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('for(let o=0;o>28;o++)console.log(2);');
+    });
+  });
+});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/terser/__test__/minifyBooleanValues.test.js

@@ -0,0 +1,43 @@
+"use strict";
+
+const terser = require('terser');
+
+test('minimize boolean values', () => {
+  const code = `
+    let a = true;
+    let b = false`;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('let a=!0,b=!1;');
+  });
+});
+test('terinary operator with var and let', () => {
+  const code = `
+    var x = 3;
+    let a = 1;
+    let result = (a == 1) ? true : false
+    result = (x == 1) ? true : false;
+    `;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('var x=3;let a=1,result=1==a;result=1==x;');
+  });
+});
+test('terinary operator with const', () => {
+  const code = `
+    const x = 3;
+    const a = 1;
+    let result = (a == 1) ? true : false
+    result = (x == 1) ? true : false;
+    `;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('const x=3,a=1;let result=!0;result=!1;');
+  });
+});
+test('minimize values when using logical and comparision operators', () => {
+  const code = `
+    let result = (true && true ) ? true : false
+    result = (1>2) ? true : false;
+    `;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('let result=!0;result=!1;');
+  });
+});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/terser/__test__/minimizeVariableNames.test.js

@@ -0,0 +1,45 @@
+"use strict";
+
+const terser = require('terser');
+
+test('reduce repeated variable names', () => {
+  const code = `
+    let number = 10;
+    number = number+10;
+`;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('let number=10;number+=10;');
+  });
+});
+test('variable names less than values with const', () => {
+  const code = `
+    const val = false;
+
+    console.log(val);
+`;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('const val=!1;console.log(val);');
+  });
+});
+test('variable names greather than values with const', () => {
+  const code = `
+    const found = true;
+
+    console.log(found);
+`;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('const found=!0;console.log(true);');
+  });
+});
+test('checking varible names with let and var', () => {
+  const code = `
+    let  val = false;
+
+    var done = 3
+
+    console.log(val,done);
+`;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('let val=!1;var done=3;console.log(val,done);');
+  });
+});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/terser/__test__/promise.test.js

@@ -0,0 +1,53 @@
+"use strict";
+
+const terser = require('terser');
+
+test('remove dead codes and minimize the parameter names', () => {
+  const code = `
+  const promise = new Promise((resolve, reject) => {
+  const res = true;
+  if (res) {
+    resolve('Resolved!');
+  }
+  else {
+    reject(Error('Error'));
+  }
+  });
+  promise.then((res) => console.log(res), (err) => console.error(err));
+   `;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('const promise=new Promise(((o,e)=>{o("Resolved!")}));promise.then((o=>console.log(o)),(o=>console.error(o)));');
+  });
+});
+test('remove dead codes and minimize the variables', () => {
+  const code = `
+
+    const msg = async function () { 
+    const msg = await helloWorld();
+    console.log('message',msg);
+    }
+    const msg1 = async () => { 
+    const msg = await helloWorld();
+    console.log('message',msg);
+    }
+    msg();
+    msg1(); 
+    `;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('const msg=async function(){const s=await helloWorld();console.log("message",s)},msg1=async()=>{const s=await helloWorld();console.log("message",s)};msg(),msg1();');
+  });
+});
+test('minimize the set timeout timer', () => {
+  const code = `
+    function helloWorld() {
+    return new Promise(resolve => {
+    setTimeout(() => {
+      resolve('Hello World!');
+    }, 2000);
+    });
+    }
+    `;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('function helloWorld(){return new Promise((e=>{setTimeout((()=>{e("Hello World!")}),2e3)}))}');
+  });
+});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/terser/__test__/removeCommentsAndEmptySpace.test.js

@@ -0,0 +1,13 @@
+"use strict";
+
+const terser = require('terser');
+
+test('removeComments', () => {
+  const code = `
+    function add(a, b) {
+       return a + b;
+    }`;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('function add(n,d){return n+d}');
+  });
+});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/terser/__test__/removeUnusedStrings.test.js

@@ -0,0 +1,14 @@
+"use strict";
+
+const terser = require('terser');
+
+test('removeUnusedStrings', () => {
+  const code = `
+    let age = 7;
+
+    'Tommy is ' + age + ' years old.';;
+    `;
+  return terser.minify(code).then(minify => {
+    expect(minify.code).toBe('let age=7;');
+  });
+});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/terser/__test__/variableDeclaration.test.js

@@ -0,0 +1,30 @@
+"use strict";
+
+const terser = require('terser');
+
+describe('variable declaration', () => {
+  it('check let statement', () => {
+    const code = `
+        let juiceCount = 5;
+        let juiceName = 'apple'`;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('let juiceCount=5,juiceName="apple";');
+    });
+  });
+  it('check var statement', () => {
+    const code = `
+        var juiceCount = 5;
+        var juiceName = 'apple'`;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('var juiceCount=5,juiceName="apple";');
+    });
+  });
+  it('check const statement', () => {
+    const code = `
+        const juiceCount = 5;
+        const juiceName = 'apple'`;
+    return terser.minify(code).then(minify => {
+      expect(minify.code).toBe('const juiceCount=5,juiceName="apple";');
+    });
+  });
+});

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reactBundleIncludeList = exports.defaultVendorPatternList = void 0;
+
+var _checkIsPatternsMatchFilename = require("./loaderConfigs/checkIsPatternsMatchFilename");
+
+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'];
+exports.reactBundleIncludeList = reactBundleIncludeList;
+const defaultVendorPatternList = ['**/node_modules/**/*.js', '!*.css', '!**/publicPathConfig.js', ...(0, _checkIsPatternsMatchFilename.modifyAsExclude)(['**/node_modules/script-loader/**/*.js', '**/node_modules/raw-loader/**/*.js']), ...(0, _checkIsPatternsMatchFilename.modifyAsExclude)(reactBundleIncludeList)];
+exports.defaultVendorPatternList = defaultVendorPatternList;

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.devtoolConfig = devtoolConfig;
+
+// eslint-disable-next-line consistent-return
+function devtoolConfig(options) {
+  if (options.createSeparateSMap) {
+    return options.devtool;
+  }
+}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.entryConfig = entryConfig;
+
+var _constants = require("../../constants");
+
+function entryConfig(options) {
+  const {
+    hasEFC,
+    entryFile,
+    entryPointName
+  } = options.efc;
+  const {
+    entryFile: mainEntry
+  } = options.app;
+  const entry = {
+    main: (0, _constants.joinWithAppPath)(mainEntry)
+  };
+
+  if (hasEFC && entryFile) {
+    entry[entryPointName] = (0, _constants.joinWithAppPath)(entryFile);
+  }
+
+  return entry;
+}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.externals = externals;
+
+// eslint-disable-next-line no-unused-vars
+function externals(options) {
+  const {
+    externals
+  } = options;
+  return {
+    ZC: '$ZC',
+    ...externals
+  };
+}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCSSLoaders = getCSSLoaders;
+
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
+
+var _configPostCssLoader = require("./loaderConfigs/configPostCssLoader");
+
+var _getCssLoaderOptions = require("./loaderConfigs/getCssLoaderOptions");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function getCSSLoaders(options) {
+  const cssLoaderOptions = (0, _getCssLoaderOptions.getCssLoaderOptions)(options);
+  return [{
+    loader: require.resolve('./loaders/miniCssFallBackLoader')
+  }, {
+    loader: _miniCssExtractPlugin.default.loader,
+    options: {
+      publicPath: '../'
+    }
+  }, {
+    loader: 'css-loader',
+    options: cssLoaderOptions
+  }, (0, _configPostCssLoader.configPostCssLoader)(options)].filter(Boolean);
+}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CSS_MODULE_TYPE = void 0;
+exports.getFilenameFromModule = getFilenameFromModule;
+const CSS_MODULE_TYPE = 'css/mini-extract';
+exports.CSS_MODULE_TYPE = CSS_MODULE_TYPE;
+
+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/packages/client_build_tool/lib/shared/bundler/webpack/jsLoaders.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.jsLoaders = jsLoaders;
+
+var _babelLoaderConfig = require("./loaderConfigs/babelLoaderConfig");
+
+function jsLoaders(options) {
+  return [{
+    test: /\.js$/,
+    exclude: /node_modules/,
+    use: [(0, _babelLoaderConfig.babelLoaderConfig)(options)] // include: path.join(appPath, folder)
+
+  }];
+}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assetLoaders = assetLoaders;
+
+var _configsAssetsLoaders = require("./configsAssetsLoaders");
+
+function assetLoaders(options) {
+  return [(0, _configsAssetsLoaders.configImageLoader)(options), (0, _configsAssetsLoaders.configFontLoader)(options), (0, _configsAssetsLoaders.configSVGLoader)(options), (0, _configsAssetsLoaders.configAudioLoader)(options), (0, _configsAssetsLoaders.configVideoLoader)(options)];
+}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.babelLoaderConfig = babelLoaderConfig;
+
+var _babelWebConfig = require("../../../babel/babelWebConfig");
+
+function babelLoaderConfig(options) {
+  const babelConfig = (0, _babelWebConfig.babelWebConfig)(options);
+  return {
+    loader: 'babel-loader',
+    options: { ...babelConfig,
+      cacheDirectory: true
+    }
+  };
+}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.checkIsPatternsMatchFilename = checkIsPatternsMatchFilename;
+exports.modifyAsExclude = modifyAsExclude;
+
+var _ignore = _interopRequireDefault(require("ignore"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/** 
+  @param {Array<String>} patterns: 
+  // include src folder, include deskapp folder, exclude node modules
+  [
+    "src",
+    "deskapp",
+    "!node_modules"
+  ]
+  @param {String} filename : 
+  filename : 'D:/MyWork/..../desk_client_app/supportapp/src/components/Avatar/Avatar.module.css,
+
+  @return {Boolean} : true or false
+*/
+function checkIsPatternsMatchFilename(patterns, filename) {
+  if (!filename) {
+    return false;
+  }
+
+  if (typeof patterns === 'undefined') {
+    return true;
+  }
+
+  if (typeof patterns === 'function') {
+    return patterns(filename);
+  }
+
+  if (typeof patterns === 'string') {
+    // eslint-disable-next-line no-param-reassign
+    patterns = [patterns];
+  }
+
+  if (Array.isArray(patterns)) {
+    return patterns.length ? (0, _ignore.default)({
+      allowRelativePaths: true
+    }).add(patterns).ignores(filename) : true;
+  } // eslint-disable-next-line no-throw-literal
+
+
+  throw `UnKnown pattern Error ${JSON.stringify(patterns)}`;
+}
+
+function modifyAsExclude(patterns) {
+  return patterns.map(pattern => pattern[0] === '!' ? pattern.slice(1) : `!${pattern}`);
+}

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configHtmlTemplateLoader = configHtmlTemplateLoader;
+
+function configHtmlTemplateLoader(options) {
+  return {
+    test: /\.tmpl$/,
+    use: [{
+      loader: 'html-loader',
+      options: {
+        minimize: true
+      }
+    }]
+  };
+}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configPostCssLoader = configPostCssLoader;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _filterPluginsAllowedForSpecficFile = require("../../../postcss/filterPluginsAllowedForSpecficFile");
+
+var _getAllowedPostCssPlugins = require("../../../postcss/getAllowedPostCssPlugins");
+
+var _constants = require("../../../constants");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import EmptyPlugin from '../custom_postcss_plugins/EmptyPlugin';
+function configPostCssLoader(options) {
+  const pluginsOptions = options.css.plugins;
+  const enabledPlugins = (0, _filterPluginsAllowedForSpecficFile.getEnabledPlugins)(pluginsOptions);
+  const getAllowedPostCssPlugins = (0, _getAllowedPostCssPlugins.postcssPluginGetter)(options);
+
+  function configPostCssPlugins(params) {
+    const filename = _path.default.relative(_constants.appPath, params.resourcePath);
+
+    const allowedPostCssPlugins = getAllowedPostCssPlugins(filename);
+    return allowedPostCssPlugins;
+  }
+
+  return enabledPlugins.length && {
+    loader: 'postcss-loader',
+    options: {
+      postcssOptions: configPostCssPlugins
+    }
+  };
+}

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

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configWebWorkerLoader = configWebWorkerLoader;
+
+var _nameTemplates = require("../common/nameTemplates");
+
+function configWebWorkerLoader(options) {
+  return {
+    test: /\.worker.js$/,
+    use: {
+      loader: require.resolve('../loaders/workerLoader.js'),
+      options: {
+        esModule: true,
+        filename: (0, _nameTemplates.nameTemplates)('workerjs', options)
+      }
+    }
+  };
+}