@zohodesk/react-cli 1.1.27-exp.1 → 1.1.27-exp.2

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

@@ -0,0 +1,20 @@
+"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

@@ -0,0 +1,15 @@
+"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

@@ -0,0 +1,23 @@
+"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

@@ -0,0 +1,27 @@
+"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

@@ -0,0 +1,23 @@
+"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

@@ -0,0 +1,54 @@
+"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

@@ -0,0 +1,11 @@
+"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

@@ -0,0 +1,17 @@
+"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

@@ -0,0 +1,28 @@
+"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

@@ -0,0 +1,15 @@
+"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

@@ -0,0 +1,54 @@
+"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

@@ -0,0 +1,23 @@
+"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

@@ -0,0 +1,37 @@
+"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

@@ -0,0 +1,24 @@
+"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

@@ -0,0 +1,30 @@
+"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

@@ -0,0 +1,57 @@
+"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

@@ -0,0 +1,31 @@
+"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

@@ -0,0 +1,39 @@
+"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

@@ -0,0 +1,105 @@
+"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

@@ -0,0 +1,21 @@
+"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);
+}