@zohodesk/react-cli 1.1.28 → 1.1.29-exp.2

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/I18nSplitPlugin/utils/propertiesUtils.js

@@ -1,129 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getAllI18n = getAllI18n;
-exports.getPropertiesAsJSON = getPropertiesAsJSON;
-exports.jsonToString = jsonToString;
-
-var _fs = require("fs");
-
-var _path = require("path");
-
-var _constants = require("../../../../../constants");
-
-function isComment(line) {
-  return line[0] === '#';
-}
-
-function getPropertiesAsJSON(filePath) {
-  try {
-    const data = (0, _fs.readFileSync)(filePath);
-    const source = data.toString();
-    const i18nObj = {};
-    source.split(/\r?\n\r?/).forEach(fline => {
-      const line = fline.trim();
-
-      if (!line || isComment(line)) {
-        return;
-      }
-
-      const ind = line.indexOf('=');
-      const key = line.slice(0, ind).replace(/\\ /g, ' ');
-      const value = line.slice(ind + 1);
-
-      if (key && value) {
-        i18nObj[key] = value;
-      }
-    }, {});
-    return i18nObj;
-  } catch (err) {
-    return {};
-  }
-} // TODO: need to make it as custom option and  dynamic
-
-
-function getLang(file) {
-  const underScoreIndex = file.indexOf('_');
-  let language = 'en_US';
-
-  if (underScoreIndex !== -1) {
-    language = file.substring(underScoreIndex + 1);
-    language = language.slice(0, language.indexOf('.'));
-  }
-
-  return language;
-}
-
-function getAllI18n({
-  folderPath,
-  disableDefault,
-  jsResourceI18nKeys,
-  exclude = /^[^_]+$/,
-  include = /\.properties$/
-}) {
-  try {
-    const files = (0, _fs.readdirSync)(folderPath, 'utf8');
-    const allLangI18n = {};
-    const context = (0, _constants.joinWithAppPath)(folderPath);
-    files.forEach(file => {
-      const filePath = (0, _path.join)(context, file);
-
-      if (exclude.test(filePath) || !include.test(filePath)) {
-        return;
-      }
-
-      const i18n = getPropertiesAsJSON(filePath);
-      allLangI18n[getLang(file)] = disableDefault ? i18n : { ...jsResourceI18nKeys,
-        ...i18n
-      };
-    });
-    return allLangI18n;
-  } catch (err) {
-    console.log(err);
-    return {};
-  }
-}
-
-function jsonToString(json, keySeperator) {
-  let str = '{';
-  const keys = Object.keys(json);
-  keys.forEach((key, i) => {
-    const value = json[key];
-
-    if (!value) {
-      return;
-    }
-
-    str += `"${keySeperator ? key.replace(/(\.|\\(\s+))/g, keySeperator) : key}":"${value.replace(/.?"/g, match => {
-      if (match[0] === '\\') {
-        return match;
-      }
-
-      if (match.length === 2) {
-        return `${match[0]}\\${match[1]}`;
-      }
-
-      return `\\${match}`;
-    }).replace(/(\r\n|\n|\r)/g, '')}"`;
-
-    if (i !== keys.length - 1) {
-      str += ',';
-    }
-  });
-  str += '}';
-  return str;
-}
-/**
- * not useable due to special charector
- * 
-      return `{${Object.keys(data).map(key =>  `"${key}": "${data[key]}"`).join(",")}}`
-      // return JSON.stringify(data);
-      let str = "{";
-      for (const key of Object.keys(data)) {
-        str+= `"${key}": "${data[key]}",`
-      }
-      str+="}";
-      return str;
- */

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

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InitialHtmlPlugin = void 0;
-
-var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const pluginName = 'InitialHtmlPlugin';
-
-class InitialHtmlPlugin {
-  constructor(options) {
-    this.options = options;
-  }
-
-  apply(compiler) {
-    const {
-      filename,
-      template,
-      minify,
-      inject,
-      mainChunkName
-    } = this.options;
-    new _htmlWebpackPlugin.default({
-      filename,
-      template,
-      minify,
-      chunks: [mainChunkName],
-      inject,
-      scriptLoading: 'defer'
-    }).apply(compiler);
-    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-      _htmlWebpackPlugin.default.getHooks(compilation).alterAssetTagGroups.tapAsync(pluginName, (data, cb) => {
-        const headTags = [];
-        const bodyTags = [];
-        data.headTags.forEach(tag => {
-          Object.assign(tag.attributes, {
-            nonce: '{{--CSP-nonce}}'
-          });
-
-          if (tag.tagName === 'link') {
-            headTags.push(tag);
-          } else {
-            bodyTags.push(tag);
-          }
-        });
-        cb(null, { ...data,
-          headTags,
-          bodyTags
-        });
-      });
-    });
-  }
-
-}
-
-exports.InitialHtmlPlugin = InitialHtmlPlugin;

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/__test__/addFilesNamesToManifestJson.test.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _addFilesNamesToManifestJson = require("../addFilesNamesToManifestJson");
-
-function callTestCases(output, option) {
-  const manifestJson = {};
-  const hashDigestLength = 20;
-  const assets = {
-    'i18n-chunks/zh_TW/9978.de290aa1ffcac387cfc3.i18n.js': '1',
-    'smap/js/icons.32650912f9d52c500752.js': '2',
-    'smap/js/main.48e5db5d73bbb61856ac.js.LICENSE.txt': '3',
-    'i18n-chunks/zh_TW/9978.de290aa1ffcac387cfc3.i18n.js.map': '1',
-    'smap/js/icons.32650912f9d52c500752.js.map': '2',
-    'smap/js/main.48e5db5d73bbb61856ac.js.LICENSE.txt.map': '3'
-  };
-  const input = (0, _addFilesNamesToManifestJson.addFilesNamesToManifestJson)({
-    manifestJson,
-    option,
-    assets,
-    hashDigestLength
-  });
-  expect(input).toStrictEqual(output);
-}
-
-test('creating normal manifestJson', () => {
-  const option = {
-    test: f => !/\.i18n\.js$|\.LICENSE\.txt$|\.map$/.test(f)
-  };
-  const output = {
-    'smap/js/icons.js': 'smap/js/icons.32650912f9d52c500752.js'
-  };
-  callTestCases(output, option);
-});
-test('creating i18nmanifestJson', () => {
-  const option = {
-    test: f => /\.i18n\.js$/g.test(f)
-  };
-  const output = {
-    'i18n-chunks/zh_TW/9978.i18n.js': 'i18n-chunks/zh_TW/9978.de290aa1ffcac387cfc3.i18n.js'
-  };
-  callTestCases(output, option);
-});
-test('creating LICENSE.txt manifestJson', () => {
-  const option = {
-    test: f => /\.LICENSE\.txt$/g.test(f)
-  };
-  const output = {
-    'smap/js/main.js.LICENSE.txt': 'smap/js/main.48e5db5d73bbb61856ac.js.LICENSE.txt'
-  };
-  callTestCases(output, option);
-});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/__test__/createInitialEntries.test.js

@@ -1,95 +0,0 @@
-"use strict";
-
-var _createInitialEntries = require("../createInitialEntries");
-
-/* eslint-disable max-lines */
-function callTestCase(filename, output) {
-  const hashLength = 20;
-  const input = (0, _createInitialEntries.createInitialEntriesForManifestJson)(filename, hashLength);
-  expect(input).toStrictEqual(output);
-}
-
-test('passing empty array', () => {
-  const filenames = [];
-  const output = {};
-  callTestCase(filenames, output);
-});
-test('check i18n.js files', () => {
-  const filename = ['i18n-chunks/en_US/11.939b264d89ba9c22d237.i18n.js'];
-  const output = {
-    'i18n-chunks/en_US/11.i18n.js': 'i18n-chunks/en_US/11.939b264d89ba9c22d237.i18n.js'
-  };
-  callTestCase(filename, output);
-});
-test('check LICENSE.txt file', () => {
-  const filename = ['js/store.worker.ce75eef2a576fe0ea685.js.LICENSE.txt'];
-  const output = {
-    'js/store.worker.js.LICENSE.txt': 'js/store.worker.ce75eef2a576fe0ea685.js.LICENSE.txt'
-  };
-  callTestCase(filename, output);
-});
-test('check js file', () => {
-  const filename = ['smap/js/efc.659f89ec02c7a454f167.js'];
-  const output = {
-    'smap/js/efc.js': 'smap/js/efc.659f89ec02c7a454f167.js'
-  };
-  callTestCase(filename, output);
-});
-test('check css file', () => {
-  const filename = ['css/icons.83848142e71f3f6f06f0.ltr.css'];
-  const output = {
-    'css/icons.ltr.css': 'css/icons.83848142e71f3f6f06f0.ltr.css'
-  };
-  callTestCase(filename, output);
-});
-test('check image file', () => {
-  const filename = ['images/radarQrCode.3658d05a928b8337173f.png'];
-  const output = {
-    'images/radarQrCode.png': 'images/radarQrCode.3658d05a928b8337173f.png'
-  };
-  callTestCase(filename, output);
-});
-test('check videos file', () => {
-  const filename = ['videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4'];
-  const output = {
-    'videos/IMBubbleMaximizedView.mp4': 'videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4'
-  };
-  callTestCase(filename, output);
-});
-test('check font file', () => {
-  const filename = ['fonts/DeskWhiteLogo.9bd41daeeb87d691b83c.svg'];
-  const output = {
-    'fonts/DeskWhiteLogo.svg': 'fonts/DeskWhiteLogo.9bd41daeeb87d691b83c.svg'
-  };
-  callTestCase(filename, output);
-});
-test('check vendor file', () => {
-  const filename = ['smap/js/vendor.d8cb6423142255fb107d.js'];
-  const output = {
-    'smap/js/vendor.js': 'smap/js/vendor.d8cb6423142255fb107d.js'
-  };
-  callTestCase(filename, output);
-});
-test('check html file', () => {
-  const filename = ['index.7d89d2bdec8567df96ec.html'];
-  const output = {
-    'index.html': 'index.7d89d2bdec8567df96ec.html'
-  };
-  callTestCase(filename, output);
-}); // eslint-disable-next-line jest/valid-title
-
-test('test an array containing all format of files eg:js, css', () => {
-  const filename = ['i18n-chunks/en_US/11.939b264d89ba9c22d237.i18n.js', 'index.7d89d2bdec8567df96ec.html', 'smap/js/vendor.d8cb6423142255fb107d.js', 'fonts/DeskWhiteLogo.9bd41daeeb87d691b83c.svg', 'videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4', 'images/radarQrCode.3658d05a928b8337173f.png', 'css/icons.83848142e71f3f6f06f0.ltr.css', 'smap/js/efc.659f89ec02c7a454f167.js', 'js/store.worker.ce75eef2a576fe0ea685.js.LICENSE.txt'];
-  const output = {
-    'i18n-chunks/en_US/11.i18n.js': 'i18n-chunks/en_US/11.939b264d89ba9c22d237.i18n.js',
-    'index.html': 'index.7d89d2bdec8567df96ec.html',
-    'smap/js/vendor.js': 'smap/js/vendor.d8cb6423142255fb107d.js',
-    'fonts/DeskWhiteLogo.svg': 'fonts/DeskWhiteLogo.9bd41daeeb87d691b83c.svg',
-    'videos/IMBubbleMaximizedView.mp4': 'videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4',
-    'images/radarQrCode.png': 'images/radarQrCode.3658d05a928b8337173f.png',
-    'css/icons.ltr.css': 'css/icons.83848142e71f3f6f06f0.ltr.css',
-    'smap/js/efc.js': 'smap/js/efc.659f89ec02c7a454f167.js',
-    'js/store.worker.js.LICENSE.txt': 'js/store.worker.ce75eef2a576fe0ea685.js.LICENSE.txt'
-  };
-  callTestCase(filename, output);
-});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/__test__/removeHashFromFileName.test.js

@@ -1,91 +0,0 @@
-"use strict";
-
-var _removeHashFromFileName = require("../removeHashFromFileName");
-
-/* eslint-disable max-lines */
-function callRemoveHash(filename, output) {
-  const hashLength = 20;
-  const input = (0, _removeHashFromFileName.removeHashFromFileName)(filename, hashLength);
-  expect(input).toBe(output);
-}
-
-test('check i18n file', () => {
-  const filename = 'i18n-chunks/pl_PL/9978.1bff2fdb3a2bb05ee845.i18n.js';
-  const output = 'i18n-chunks/pl_PL/9978.i18n.js';
-  callRemoveHash(filename, output);
-});
-test('check LICENSE.txt file', () => {
-  const filename = 'js/efc.659f89ec02c7a454f167.js.LICENSE.txt';
-  const output = 'js/efc.js.LICENSE.txt';
-  callRemoveHash(filename, output);
-});
-test('check js file', () => {
-  const filename = 'smap/js/icons.32650912f9d52c500752.js';
-  const output = 'smap/js/icons.js';
-  callRemoveHash(filename, output);
-});
-test('check css file', () => {
-  const filename = 'css/styles.304e3585c48bc1da0f50.ltr.css';
-  const output = 'css/styles.ltr.css';
-  callRemoveHash(filename, output);
-});
-test('check vendor file', () => {
-  const filename = 'smap/js/vendor.d8cb6423142255fb107d.js';
-  const output = 'smap/js/vendor.js';
-  callRemoveHash(filename, output);
-});
-test('check image file', () => {
-  const filename = 'images/radarQrCode.3658d05a928b8337173f.png';
-  const output = 'images/radarQrCode.png';
-  callRemoveHash(filename, output);
-});
-test('check fonts file', () => {
-  const filename = 'fonts/DeskWhiteLogo.9bd41daeeb87d691b83c.svg';
-  const output = 'fonts/DeskWhiteLogo.svg';
-  callRemoveHash(filename, output);
-});
-test('check videos file', () => {
-  const filename = 'videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4';
-  const output = 'videos/IMBubbleMaximizedView.mp4';
-  callRemoveHash(filename, output);
-});
-test('check html file', () => {
-  const filename = 'index.7d89d2bdec8567df96ec.html';
-  const output = 'index.html';
-  callRemoveHash(filename, output);
-});
-test('chunk name greater than hash', () => {
-  const filename = 'videos/IMBubbleMaximizedView.5d2ab1747e7d1bcd1add.mp4';
-  const output = 'videos/IMBubbleMaximizedView.mp4';
-  callRemoveHash(filename, output);
-});
-test('chunk name lesser than hash', () => {
-  const filename = 'index.7d89d2bdec8567df96ec.html';
-  const output = 'index.html';
-  callRemoveHash(filename, output);
-});
-test('check i18n.js.map file', () => {
-  const filename = 'i18n-chunks/pl_PL/9978.1bff2fdb3a2bb05ee845.i18n.js.map';
-  const output = 'i18n-chunks/pl_PL/9978.i18n.js.map';
-  callRemoveHash(filename, output);
-});
-test('check LICENSE.txt.map file', () => {
-  const filename = 'js/efc.659f89ec02c7a454f167.js.LICENSE.txt.map';
-  const output = 'js/efc.js.LICENSE.txt.map';
-  callRemoveHash(filename, output);
-});
-test('check js.map file', () => {
-  const filename = 'smap/js/icons.32650912f9d52c500752.js.map';
-  const output = 'smap/js/icons.js.map';
-  callRemoveHash(filename, output);
-});
-test('check css.map file', () => {
-  const filename = 'css/styles.304e3585c48bc1da0f50.ltr.css.map';
-  const output = 'css/styles.ltr.css.map';
-  callRemoveHash(filename, output);
-});
-test('check vendor.js.map file', () => {
-  const filename = 'smap/js/vendor.d8cb6423142255fb107d.js.map';
-  const output = 'smap/js/vendor.js.map';
-  callRemoveHash(filename, output);
-});

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/addFilesNamesToManifestJson.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.addFilesNamesToManifestJson = addFilesNamesToManifestJson;
-
-var _path = _interopRequireDefault(require("path"));
-
-var _removeHashFromFileName = require("./removeHashFromFileName");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function addFilesNamesToManifestJson({
-  manifestJson,
-  option,
-  assets,
-  hashDigestLength
-}) {
-  const json = manifestJson;
-  Object.keys(assets).forEach(filename => {
-    const fileName = _path.default.parse(filename).base;
-
-    if (option.test(filename)) {
-      const filenameNameWithoutHash = (0, _removeHashFromFileName.removeHashFromFileName)(fileName, hashDigestLength);
-      json[filenameNameWithoutHash] = fileName;
-    }
-  });
-  return json;
-}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/createInitialEntries.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createInitialEntriesForManifestJson = createInitialEntriesForManifestJson;
-
-var _path = _interopRequireDefault(require("path"));
-
-var _removeHashFromFileName = require("./removeHashFromFileName");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function createInitialEntriesForManifestJson(initialFileNames, hashLength) {
-  const initialEntries = {};
-  initialFileNames.forEach(filename => {
-    const fileName = _path.default.parse(filename).base;
-
-    const filenameNameWithoutHash = (0, _removeHashFromFileName.removeHashFromFileName)(fileName, hashLength);
-    initialEntries[filenameNameWithoutHash] = fileName;
-  });
-  return initialEntries;
-}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/createManifestJson.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createManifestJson = createManifestJson;
-
-var _findInitialFileNames = require("./findInitialFileNames");
-
-var _addFilesNamesToManifestJson = require("./addFilesNamesToManifestJson");
-
-var _createInitialEntries = require("./createInitialEntries");
-
-function createManifestJson({
-  option,
-  hashDigestLength,
-  compilation,
-  assets
-}) {
-  const manifestJson = {};
-
-  if (option.needInitialEntries) {
-    const initialFileNames = (0, _findInitialFileNames.findInitialFileNames)(compilation);
-    const initialEntries = (0, _createInitialEntries.createInitialEntriesForManifestJson)(initialFileNames, hashDigestLength);
-    manifestJson.entryFiles = initialEntries;
-  }
-
-  const outputJson = (0, _addFilesNamesToManifestJson.addFilesNamesToManifestJson)({
-    manifestJson,
-    option,
-    assets,
-    hashDigestLength
-  });
-  return outputJson;
-}

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

@@ -1,18 +0,0 @@
-"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/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/index.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AddFileToManifestJson = void 0;
-
-var _webpack = require("webpack");
-
-var _createManifestJson = require("./createManifestJson");
-
-const pluginName = 'AddFileToManifestJson';
-
-class AddFileToManifestJson {
-  constructor(options) {
-    this.options = options;
-  }
-
-  apply(compiler) {
-    const {
-      RawSource
-    } = compiler.webpack.sources;
-    compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-      compilation.hooks.processAssets.tap({
-        name: pluginName,
-        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/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/ManifestJsonPlugin/removeHashFromFileName.js

@@ -1,18 +0,0 @@
-"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/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/RTLSplitPlugin.js

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