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

package/packages/client_build_tool/lib/shared/babel/__test__/es2022/RegexMatchIndices.test.js

@@ -1,20 +0,0 @@
-"use strict";
-
-const {
-  convertCode
-} = require('../utilities');
-
-test('regex match indices', () => {
-  const inputCode = `const regex = RegExp('foo', 'dg');
-const str = 'foobar,foobaz';
-const matches=[...str.matchAll(regex)];
-const firstMatch = match?.[0];
-const indices = firstMatcxh.indices?.[0];
-`;
-  const outputCode = `const regex = RegExp('foo', 'dg');
-const str = 'foobar,foobaz';
-const matches = [...str.matchAll(regex)];
-const firstMatch = match?.[0];
-const indices = firstMatcxh.indices?.[0];`;
-  expect(convertCode(inputCode)).toBe(outputCode);
-});

package/packages/client_build_tool/lib/shared/babel/__test__/es2022/String-atMethod.test.js

@@ -1,15 +0,0 @@
-"use strict";
-
-const {
-  convertCode
-} = require('../utilities');
-
-test('string.at method', () => {
-  const inputCode = `const name = "W3Schools";
-let letter = name.at(2);
-let letter2 = name[1]`;
-  const outputCode = `const name = "W3Schools";
-let letter = name.at(2);
-let letter2 = name[1];`;
-  expect(convertCode(inputCode)).toBe(outputCode);
-});

package/packages/client_build_tool/lib/shared/babel/__test__/es2022/error.Cause.test.js

@@ -1,23 +0,0 @@
-"use strict";
-
-const {
-  convertCode
-} = require('../utilities');
-
-test('error.cause method', () => {
-  const inputCode = `try{
-  await fetch(item);
-}catch (error){
-  throw new Error("An error occured while fetching item",{
-    cause:error,
-  });
-}`;
-  const outputCode = `try {
-  await fetch(item);
-} catch (error) {
-  throw new Error("An error occured while fetching item", {
-    cause: error
-  });
-}`;
-  expect(convertCode(inputCode)).toBe(outputCode);
-});

package/packages/client_build_tool/lib/shared/babel/__test__/es2022/keysCheckinPrivateFields.test.js

@@ -1,27 +0,0 @@
-"use strict";
-
-const {
-  convertCode
-} = require('../utilities');
-
-test('Ergonomic Brand checks for Private Fields', () => {
-  const inputCode = `class User {
-    #id = "123";
-    static userId(obj){
-        if(!(#id in obj)){
-            return 'Empty user';
-        }
-        return obj.#id;
-    }
-}`;
-  const outputCode = `class User {
-  #id = "123";
-  static userId(obj) {
-    if (!(#id in obj)) {
-      return 'Empty user';
-    }
-    return obj.#id;
-  }
-}`;
-  expect(convertCode(inputCode)).toBe(outputCode);
-});

package/packages/client_build_tool/lib/shared/babel/__test__/es2022/privateMethodsAndFields.test.js

@@ -1,23 +0,0 @@
-"use strict";
-
-const {
-  convertCode
-} = require('../utilities');
-
-test('private methods aand fields', () => {
-  const inputCode = `class Student {
-  name="john";
-  #password = "1234567890";
-  set #setPassword(hash){
-    this.#password = hash; 
-  }
-}`;
-  const outputCode = `class Student {
-  name = "john";
-  #password = "1234567890";
-  set #setPassword(hash) {
-    this.#password = hash;
-  }
-}`;
-  expect(convertCode(inputCode)).toBe(outputCode);
-});

package/packages/client_build_tool/lib/shared/babel/__test__/es2022/staticFieldsAndMethod.test.js

@@ -1,54 +0,0 @@
-"use strict";
-
-const {
-  convertCode
-} = require('../utilities');
-
-test('static fields and methods', () => {
-  const inputCode = `class MyMath{
-    static PI = 3.14159;
-    static #E = 2.7899;
-    static #calc(){
-        return 10;
-    }
-}`;
-  const outputCode = `class MyMath {
-  static PI = 3.14159;
-  static #E = 2.7899;
-  static #calc() {
-    return 10;
-  }
-}`;
-  expect(convertCode(inputCode)).toBe(outputCode);
-});
-test('static Block', () => {
-  const inputCode = `class Dictionary {
-    static words = [
-        {
-            type:'animal',
-            value:'cat'
-        }
-    ];
-    static animals = [];
-    static {
-        this.words.forEach(word=>{
-           if(word.type === 'animal'){
-              this.animals.push(word.value)
-           }
-        })
-    }
-}`;
-  const outputCode = `class Dictionary {
-  static words = [{
-    type: 'animal',
-    value: 'cat'
-  }];
-  static animals = [];
-  static #_ = this.words.forEach(word => {
-    if (word.type === 'animal') {
-      this.animals.push(word.value);
-    }
-  });
-}`;
-  expect(convertCode(inputCode)).toBe(outputCode);
-});

package/packages/client_build_tool/lib/shared/babel/__test__/es2022/topLevelAwait.test.js

@@ -1,11 +0,0 @@
-"use strict";
-
-const {
-  convertCode
-} = require('../utilities');
-
-test('Await import', () => {
-  const inputCode = 'const schema = await buildSchema();';
-  const outputCode = 'const schema = await buildSchema();';
-  expect(convertCode(inputCode)).toBe(outputCode);
-});

package/packages/client_build_tool/lib/shared/babel/__test__/es2022/weakRef.test.js

@@ -1,17 +0,0 @@
-"use strict";
-
-const {
-  convertCode
-} = require('../utilities');
-
-test('weak ref', () => {
-  const inputCode = `let obj = { name: "Magiko" }
-const myRef = new WeakRef(obj) 
-myRef.deref()`;
-  const outputCode = `let obj = {
-  name: "Magiko"
-};
-const myRef = new WeakRef(obj);
-myRef.deref();`;
-  expect(convertCode(inputCode)).toBe(outputCode);
-});

package/packages/client_build_tool/lib/shared/babel/__test__/utilities.js

@@ -1,28 +0,0 @@
-"use strict";
-
-const babel = require('@babel/core');
-
-const options = {
-  presets: [[require.resolve('@babel/preset-env'), {
-    modules: false,
-    useBuiltIns: 'usage',
-    corejs: 3,
-    targets: {
-      browsers: [// 'chrome 111',
-      // 'edge 111',
-      // 'firefox 111',
-      // 'safari 16.2',
-      'chrome 104', 'edge 104', 'firefox 104', 'safari 15.5']
-    }
-  }], require.resolve('@babel/preset-react')]
-};
-
-function convertCode(code) {
-  const result = babel.transformSync(code, options);
-  return result.code;
-}
-
-module.exports = {
-  options,
-  convertCode
-};

package/packages/client_build_tool/lib/shared/babel/addDefaultPlugins.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.addDefaultPlugins = addDefaultPlugins;
-
-function addDefaultPlugins(plugin, pluginName) {
-  if (plugin.enable) {
-    return [require.resolve(pluginName), plugin.options];
-  }
-
-  ;
-  return null;
-}

package/packages/client_build_tool/lib/shared/babel/babelWebConfig.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.babelWebConfig = babelWebConfig;
-
-var _helperCompilationTargets = _interopRequireDefault(require("@babel/helper-compilation-targets"));
-
-var _logger = require("../../logger");
-
-var _getBabelPlugin = require("./getBabelPlugin");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* eslint-disable no-use-before-define */
-const supportedBrowserVersions = ['last 3 Chrome versions', 'last 3 Firefox versions', 'last 3 Edge versions', 'last 3 Safari versions'];
-
-function customBabelPlugins(babelPlugins) {
-  return babelPlugins.map(p => p).filter(Boolean);
-}
-
-function babelWebConfig(options, mode) {
-  const {
-    plugins: babelPlugins,
-    browserList
-  } = options.babelCustomizations;
-  const {
-    enable: typeScriptEnable
-  } = options.typeScript;
-  return {
-    presets: typeScriptEnable ? [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react'), require.resolve('@babel/preset-typescript')] : [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react')],
-    plugins: customBabelPlugins(babelPlugins).concat((0, _getBabelPlugin.getBabelPlugin)(options)).filter(Boolean)
-  };
-}
-
-function getBabelPresetEnvConfig(browserList, mode) {
-  if (mode === 'lib') {
-    return require.resolve('@babel/preset-env');
-  }
-
-  const browsers = browserList || supportedBrowserVersions;
-  (0, _logger.verboseLogger)('getTargets', (0, _helperCompilationTargets.default)({
-    browsers
-  }));
-  return [require.resolve('@babel/preset-env'), {
-    modules: false,
-    useBuiltIns: 'usage',
-    corejs: 3,
-    targets: {
-      browsers
-    }
-  }];
-}

package/packages/client_build_tool/lib/shared/babel/babel_plugins/removeAttributesPlugin.js

@@ -1,23 +0,0 @@
-"use strict";
-
-module.exports = () => ({
-  visitor: {
-    Program(path, state) {
-      let properties = state.opts.properties || [];
-
-      if (properties.length === 0) {
-        properties = properties.concat(state.opts.attributeNames);
-      }
-
-      path.traverse({
-        JSXIdentifier(path2) {
-          if (properties.indexOf(path2.node.name.toLowerCase()) > -1) {
-            path2.parentPath.remove();
-          }
-        }
-
-      });
-    }
-
-  }
-});

package/packages/client_build_tool/lib/shared/babel/getBabelPlugin.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getBabelPlugin = getBabelPlugin;
-
-var _modeUtils = require("../bundler/webpack/common/modeUtils");
-
-var _addDefaultPlugins = require("./addDefaultPlugins");
-
-const babelPluginMapping = {
-  removeAttribute: './babel_plugins/removeAttributesPlugin',
-  removePropTypes: 'babel-plugin-transform-react-remove-prop-types',
-  devConsoleExclude: 'babel-plugin-transform-remove-console'
-};
-const babelPluginOrder = ['removeAttribute', 'removePropTypes', 'devConsoleExclude'];
-
-function getBabelPlugin(options) {
-  const {
-    mode
-  } = options;
-  let customPlugins = [];
-  const {
-    babelCustomizations
-  } = options;
-
-  if ((0, _modeUtils.isProductionMode)(mode)) {
-    const configCreator = _addDefaultPlugins.addDefaultPlugins;
-    const plugins = babelPluginOrder.map(p => configCreator(babelCustomizations[p], babelPluginMapping[p]));
-    customPlugins = plugins;
-  }
-
-  return customPlugins.filter(Boolean);
-}
-
-;

package/packages/client_build_tool/lib/shared/babel/runBabelForJSFile.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.runBabelForJSFile = runBabelForJSFile;
-
-var _core = require("@babel/core");
-
-var _babelWebConfig = require("./babelWebConfig");
-
-var _copyFile = require("../fileUtils/copyFile");
-
-function runBabelForJSFile({
-  filename,
-  outputFile,
-  options,
-  mode = 'es'
-}) {
-  // const jsSourceCode = readFileSync(filename).toString();
-  const babelConfig = (0, _babelWebConfig.babelWebConfig)(options, mode);
-  const result = (0, _core.transformFileSync)(filename, babelConfig);
-  (0, _copyFile.writeFile)(outputFile, result.code);
-}

package/packages/client_build_tool/lib/shared/babel/runBabelForTsFile.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.runBabelForTSFile = runBabelForTSFile;
-
-var _core = require("@babel/core");
-
-var _babelWebConfig = require("./babelWebConfig");
-
-var _copyFile = require("../fileUtils/copyFile");
-
-function runBabelForTSFile({
-  filename,
-  outputFile,
-  options,
-  mode = 'es'
-}) {
-  const {
-    enable
-  } = options.typeScript;
-
-  if (enable) {
-    // const jsSourceCode = readFileSync(filename).toString();
-    const babelConfig = (0, _babelWebConfig.babelWebConfig)(options, mode);
-    const result = (0, _core.transformFileSync)(filename, babelConfig);
-    (0, _copyFile.writeFile)(outputFile.replace('.tsx', '.js'), result.code);
-  }
-}

package/packages/client_build_tool/lib/shared/bundler/webpack/common/decidePublicPath.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.decidePublicPath = decidePublicPath;
-exports.modifiedServerOptions = modifiedServerOptions;
-
-var _getServerURL = require("../../../server/getServerURL");
-
-var _httpsOptions = require("../../../server/httpsOptions");
-
-var _urlConcat = require("../../../server/urlConcat");
-
-function decidePublicPath(serverExtras) {
-  return serverExtras.isHttps ? serverExtras.httpsUrl : serverExtras.httpUrl;
-}
-
-function modifiedServerOptions(options) {
-  const {
-    server,
-    context
-  } = options;
-  const {
-    disableContextURL
-  } = server;
-  const {
-    k8s
-  } = server;
-  const port = Number(server.port);
-  const httpsOptions = (0, _httpsOptions.httpsOptionsWithUserFriendlyError)(options);
-  const machineDomain = (0, _getServerURL.getServerDomain)(server);
-  const httpPort = port + 1;
-  const httpsUrl = (0, _getServerURL.getServerUrl)({
-    domain: machineDomain,
-    k8s,
-    port,
-    protocol: 'https'
-  });
-  const httpUrl = (0, _getServerURL.getServerUrl)({
-    domain: machineDomain,
-    k8s,
-    port: httpPort,
-    protocol: 'http'
-  });
-  const contextURL = disableContextURL ? '' : `/${context}`;
-  return {
-    httpsOptions,
-    machineDomain,
-    contextURL,
-    httpsPort: port,
-    httpPort,
-    httpsUrl: (0, _urlConcat.urlConcat)(httpsUrl, contextURL),
-    httpUrl: (0, _urlConcat.urlConcat)(httpUrl, contextURL),
-    isHttps: !!httpsOptions
-  };
-}

package/packages/client_build_tool/lib/shared/bundler/webpack/common/libAlias.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.libAlias = void 0;
-// the reason for alias at the time was code tree shaking
-// tree shaking was most compactable with ES module system
-// FIXME: But there is a posiblity when these  package  does not have lib,
-//  app will work because of alias, But may be jest won't work because of not alais
-//  So need to think about use alais in jest 
-const libAlias = {
-  '@zohodesk/components/lib': '@zohodesk/components/es',
-  // '@zohodesk/zc-custom/lib': '@zohodesk/zc-custom/es',
-  '@zohodesk/dot/lib': '@zohodesk/dot/es',
-  '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
-  '@zohodesk/icons/lib': '@zohodesk/icons/es',
-  '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
-  '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
-  '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
-  '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
-  '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
-  '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
-  '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
-  '@zohodesk/storage/lib': '@zohodesk/storage/es',
-  '@zohodesk/svg/lib': '@zohodesk/svg/es',
-  '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
-  '@zohodesk/variables/lib': '@zohodesk/variables/es',
-  '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
-};
-exports.libAlias = libAlias;

package/packages/client_build_tool/lib/shared/bundler/webpack/common/modeUtils.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getGlobalCacheStorageName = getGlobalCacheStorageName;
-exports.getWebpackMode = getWebpackMode;
-exports.isDevelopmentMode = isDevelopmentMode;
-exports.isNotProduction = isNotProduction;
-exports.isProductionMode = isProductionMode;
-
-function isProductionMode(mode) {
-  return mode === 'prod' || mode === 'production';
-}
-
-function isDevelopmentMode(mode) {
-  return mode === 'dev' || mode === 'development';
-}
-
-function getWebpackMode(options) {
-  const {
-    mode
-  } = options;
-  return isProductionMode(mode) ? 'production' : 'development';
-}
-
-function getGlobalCacheStorageName(options) {
-  const {
-    context
-  } = options;
-  return `${context}Jsonp`;
-}
-
-function isNotProduction(options) {
-  const {
-    mode
-  } = options;
-  return isProductionMode(mode) === false;
-}

package/packages/client_build_tool/lib/shared/bundler/webpack/common/nameTemplates.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isI18nFile = void 0;
-exports.nameTemplates = nameTemplates;
-
-var _modeUtils = require("./modeUtils");
-
-// nameTemplate.js
-// NOTE: these below code can be done in js,
-//   we did copy paste in order to avoid unnecessary confusion
-// NOTE: array[0] is dev mode file templates and array[1] is prod mode file templates
-const defaultTemplates = {
-  html: ['index.html', 'index.[contenthash].html'],
-  js: ['js/[name].js', 'js/[name].[contenthash]_.js'],
-  chunkjs: ['js-chunk/[name].js', 'js-chunks/[name].[contenthash]_.js'],
-  i18njs: ['i18n-chunk/[locale]/[name].i18n.js', 'i18n-chunk/[locale]/[name].[chunkhash]_.i18n.js'],
-  i18nchunkjs: ['i18n-chunk/[locale]/[name].i18n.js', // 'i18n-chunk/[locale]/[name].[chunkhash].i18n.js'
-  'i18n-chunk/[locale]/[name].[contenthash]_.i18n.js'],
-  i18nmanifest: ['i18n-manifest.json', 'i18n-manifest.json'],
-  workerjs: ['js/[name].js', 'js/[name].[contenthash].js'],
-  css: ['css/[name].css', 'css/[name].[contenthash]_.css'],
-
-  /**
-   * NOTE: when you change (cssdir) this line it  will have affect on Below files will be affected
-   *   custom_plugins/RtlSplitPlugin/*
-   *   pluginConfigs/configMiniCSSExtractPlugin.js
-   *   pluginConfigs/configRtlCssPlugin.js
-   *  */
-  cssdir: ['css/[name].[dir].css', 'css/[name].[contenthash]_.[dir].css'],
-  image: ['images/[name][ext]', 'images/[name].[contenthash][ext]'],
-  font: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
-  svg: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
-  audio: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
-  video: ['videos/[name][ext]', 'videos/[name].[contenthash][ext]']
-};
-
-function createNameTemplate(name, useHash) {
-  // const ext = `${useHash ? '.[hash:20]' : ''}[ext]`;
-  return useHash ? name[1] : name[0];
-}
-
-const defaultDevModeContentHashAllowedTypes = {
-  image: true,
-  font: true,
-  svg: true,
-  audio: true,
-  video: true
-};
-
-function nameTemplates(type, options) {
-  const {
-    enableFileNameHashing,
-    mode,
-    devLikeHash,
-    nameTemplateCustomization
-  } = options;
-  let {
-    devModeContentHashAllowedTypes
-  } = options;
-  devModeContentHashAllowedTypes = devModeContentHashAllowedTypes || defaultDevModeContentHashAllowedTypes;
-  const templates = { ...defaultTemplates,
-    ...nameTemplateCustomization
-  };
-  const templateName = templates[type];
-
-  if (!templateName) {
-    throw Error(`specified type not valid Type: ${type}`);
-  } // eslint-disable-next-line no-use-before-define
-
-
-  const useHash = checkCanWeAllowHash({
-    enableFileNameHashing,
-    devLikeHash: devLikeHash || (0, _modeUtils.isDevelopmentMode)(mode),
-    type,
-    devModeContentHashAllowedTypes
-  });
-  return createNameTemplate(templateName, useHash);
-}
-
-function checkCanWeAllowHash({
-  enableFileNameHashing,
-  devLikeHash,
-  type,
-  devModeContentHashAllowedTypes
-}) {
-  if (!enableFileNameHashing) {
-    return false;
-  }
-
-  if (devLikeHash) {
-    return devModeContentHashAllowedTypes[type];
-  }
-
-  return true;
-} // export function cssDirNameTemplate(dir, options) {
-//   return nameTemplates('cssdir', options).replace(/\[dir\]/g, dir);
-// }
-
-
-const isI18nFile = url => url.endsWith('.i18n.js');
-
-exports.isI18nFile = isI18nFile;

package/packages/client_build_tool/lib/shared/bundler/webpack/common/resourceBasedPublicPath.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.publicPathAsExpression = publicPathAsExpression;
-exports.resourceBasedPublicPath = resourceBasedPublicPath;
-
-// const  publicPaths = {
-// };
-function resourceBasedPublicPath(resoruceType, options) {
-  return options.publicPath;
-}
-
-function publicPathAsExpression(resoruceType, options) {
-  if (resoruceType === 'i18n') {
-    return options.i18nChunkSplit.localeVarName;
-  }
-
-  return JSON.stringify(options.publicPath);
-}