@andre1502/react-utilities 1.0.6 → 1.0.7

package/package.json

@@ -1,147 +1,121 @@
 {
   "name": "@andre1502/react-utilities",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "module to combine common functions",
   "repository": {
     "type": "git",
     "url": "https://github.com/andre1502/react-utilities"
   },
   "license": "MIT",
-  "author": "andre1502",
+  "author": "andre1502<job@ratatouille90.com>(https://ratatouille90.com/)",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "require": "./dist/index.cjs",
-      "import": "./dist/index.mjs"
+      "import": "./dist/index.js"
     },
     "./react-native": {
       "types": "./dist/index-rn.d.ts",
-      "require": "./dist/index-rn.cjs",
-      "import": "./dist/index-rn.mjs"
+      "import": "./dist/index-rn.js"
     },
     "./cli": {
       "types": "./dist/index-cli.d.ts",
-      "require": "./dist/index-cli.cjs",
-      "import": "./dist/index-cli.mjs"
+      "import": "./dist/index-cli.js"
     },
     "./format": {
       "types": "./dist/format.d.ts",
-      "require": "./dist/format.cjs",
-      "import": "./dist/format.mjs"
+      "import": "./dist/format.js"
     },
     "./hooks": {
       "types": "./dist/hooks.d.ts",
-      "require": "./dist/hooks.cjs",
-      "import": "./dist/hooks.mjs"
+      "import": "./dist/hooks.js"
     },
     "./i18n": {
       "types": "./dist/i18n.d.ts",
-      "require": "./dist/i18n.cjs",
-      "import": "./dist/i18n.mjs"
+      "import": "./dist/i18n.js"
     },
     "./sentry": {
       "types": "./dist/sentry.d.ts",
-      "require": "./dist/sentry.cjs",
-      "import": "./dist/sentry.mjs"
+      "import": "./dist/sentry.js"
     },
     "./sentry-rn": {
       "types": "./dist/sentry-rn.d.ts",
-      "require": "./dist/sentry-rn.cjs",
-      "import": "./dist/sentry-rn.mjs"
+      "import": "./dist/sentry-rn.js"
     },
     "./utils": {
       "types": "./dist/utils.d.ts",
-      "require": "./dist/utils.cjs",
-      "import": "./dist/utils.mjs"
-    },
-    "./sentry-cli": {
-      "types": "./dist/sentry-cli.d.ts",
-      "require": "./dist/sentry-cli.cjs",
-      "import": "./dist/sentry-cli.mjs"
+      "import": "./dist/utils.js"
     },
     "./config-cli": {
       "types": "./dist/config-cli.d.ts",
-      "require": "./dist/config-cli.cjs",
-      "import": "./dist/config-cli.mjs"
+      "import": "./dist/config-cli.js"
     }
   },
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "react-native": "dist/index-rn.mjs",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "react-native": "dist/index-rn.js",
   "types": "dist/index.d.ts",
   "files": [
     "src",
     "dist"
   ],
   "scripts": {
-    "prebuild": "rm -rf ./tsconfig.tsbuildinfo && rm -rf ./.rollup.cache && rm -rf ./dist",
-    "build": "yarn prebuild && yarn build:esm && yarn build:cjs && yarn build:bundles && yarn declarations",
-    "build:bundles": "cross-env BABEL_ENV=esmBundled node --max-old-space-size=8192 ./node_modules/rollup/dist/bin/rollup --config",
-    "build:cjs": "cross-env BABEL_ENV=cjs babel src --extensions '.ts' --out-dir 'dist' --source-maps",
-    "build:esm": "cross-env BABEL_ENV=esmUnbundled babel src --extensions '.ts' --out-dir 'dist' --source-maps",
+    "prebuild": "rm -rf ./tsconfig.tsbuildinfo && rm -rf ./dist",
+    "build": "yarn prebuild && vite build && yarn declarations",
     "declarations": "tsc -p tsconfig.json",
     "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
     "lint": "eslint . --ext .ts,.tsx --ignore-path .gitignore --fix",
     "prepublishOnly": "yarn build",
     "test": "echo \"Warn: no test specified, ignore it\" && exit 0"
   },
+  "resolutions": {
+    "baseline-browser-mapping": "latest"
+  },
   "dependencies": {
-    "@formatjs/intl-datetimeformat": "^6.18.0",
-    "@formatjs/intl-displaynames": "^6.8.11",
-    "@formatjs/intl-getcanonicallocales": "^2.5.5",
-    "@formatjs/intl-listformat": "^7.7.11",
-    "@formatjs/intl-locale": "^4.2.11",
-    "@formatjs/intl-numberformat": "^8.15.4",
-    "@formatjs/intl-pluralrules": "^5.4.4",
-    "@formatjs/intl-relativetimeformat": "^11.4.11",
-    "@sentry/react-native": "^6.15.1",
+    "@formatjs/intl-datetimeformat": "^7.3.1",
+    "@formatjs/intl-displaynames": "^7.3.1",
+    "@formatjs/intl-getcanonicallocales": "^3.2.2",
+    "@formatjs/intl-listformat": "^8.3.1",
+    "@formatjs/intl-locale": "^5.3.1",
+    "@formatjs/intl-numberformat": "^9.3.1",
+    "@formatjs/intl-pluralrules": "^6.3.1",
+    "@formatjs/intl-relativetimeformat": "^12.3.1",
+    "@sentry/react-native": "^8.7.0",
     "@types/howler": "^2.2.12",
     "@types/lodash-es": "^4.17.12",
-    "google-auth-library": "^10.1.0",
-    "googleapis": "^150.0.1",
+    "google-auth-library": "^10.6.2",
+    "googleapis": "^171.4.0",
     "howler": "^2.2.4",
-    "i18next": "^25.2.1",
-    "i18next-chained-backend": "^4.6.2",
-    "i18next-http-backend": "^3.0.2",
-    "i18next-localstorage-backend": "^4.2.0",
+    "i18next": "^26.0.4",
+    "i18next-chained-backend": "^5.0.3",
+    "i18next-http-backend": "^3.0.4",
+    "i18next-localstorage-backend": "^4.3.1",
     "i18next-resources-to-backend": "^1.2.1",
-    "lodash-es": "^4.17.21",
-    "sitemap": "^8.0.0"
+    "lodash-es": "^4.18.1",
+    "sitemap": "^9.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.27.2",
-    "@babel/core": "^7.27.4",
-    "@babel/preset-env": "^7.27.2",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^28.0.6",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-typescript": "^12.1.3",
-    "@types/node": "^24.0.3",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19",
-    "@typescript-eslint/eslint-plugin": "^8.34.1",
-    "@typescript-eslint/parser": "^8.34.1",
-    "cross-env": "^7.0.3",
-    "eslint": "^9.29.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-prettier": "^5.5.0",
+    "@types/node": "^25.6.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.58.1",
+    "@typescript-eslint/parser": "^8.58.1",
+    "eslint": "^10.2.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^9.0.12",
-    "prettier": "^3.5.3",
-    "prettier-plugin-organize-imports": "^4.1.0",
-    "prettier-plugin-packagejson": "^2.5.15",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "react-native": "^0.80.0",
-    "rollup": "^4.44.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-storybook": "^10.3.5",
+    "prettier": "^3.8.2",
+    "prettier-plugin-organize-imports": "^4.3.0",
+    "prettier-plugin-packagejson": "^3.0.2",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-native": "^0.85.0",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.3"
+    "typescript": "^6.0.2",
+    "vite": "^8.0.8",
+    "vite-plugin-dts": "^4.5.4"
   },
   "peerDependencies": {
     "react": "*",
@@ -149,10 +123,6 @@
     "react-native": "*",
     "tslib": "*"
   },
-  "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.44.0"
-  },
-  "packageManager": "yarn@4.8.1",
   "publishConfig": {
     "@andre1502:registry": "https://registry.npmjs.org/"
   }

package/src/Config/GoogleAuth.ts

@@ -40,7 +40,7 @@ const fetchGoogleSheet = async (
   spreadsheetId: string,
   spreadsheetTab: string,
 ): Promise<any[][] | null | undefined> => {
-  const sheets = google.sheets({ version: 'v4', auth });
+  const sheets = google.sheets({ version: 'v4', auth: auth as any });
 
   const res = await sheets.spreadsheets.values.get({
     spreadsheetId: spreadsheetId,

package/src/Sentry/React.ts

@@ -69,14 +69,12 @@ const initSentry = (options: InitOptions): void => {
     release: options.release,
     environment: options.env,
     ignoreErrors: ignoreErrors,
-    sampleRate: 1.0,
+    sampleRate: 0.7,
     maxBreadcrumbs: 50,
     attachStacktrace: true,
-    autoSessionTracking: true,
     sendClientReports: true,
-    enableTracing: true,
     // Performance Monitoring
-    tracesSampleRate: 1.0, //  Capture 100% of the transactions
+    tracesSampleRate: 0.7, //  Capture 100% of the transactions
     // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
     tracePropagationTargets: ['localhost'],
     sendDefaultPii: true,

package/src/Sentry/ReactNative.ts

@@ -65,13 +65,11 @@ const initSentry = (options: InitOptionsRN): void => {
     debug: options.debug,
     environment: options.env,
     ignoreErrors: ignoreErrors,
-    sampleRate: 1.0,
+    sampleRate: 0.7,
     maxBreadcrumbs: 50,
-    autoSessionTracking: true,
     attachScreenshot: true,
     enableCaptureFailedRequests: true,
-    enableTracing: true,
-    tracesSampleRate: 1.0,
+    tracesSampleRate: 0.7,
     enableNative: true,
     autoInitializeNativeSdk: true,
     enableNativeCrashHandling: true,

package/src/enums/CurrencySymbolEnum.ts

@@ -1,5 +1,8 @@
-export enum CurrencySymbolEnum {
-  TWD = 'NT$', // Taiwan
-  USD = 'US$', // USA
-  VND = '₫', // Vietnam
-}
+export const CurrencySymbolEnum = {
+  TWD: 'NT$', // Taiwan
+  USD: 'US$', // USA
+  VND: '₫', // Vietnam
+} as const;
+
+export type CurrencySymbolEnum =
+  (typeof CurrencySymbolEnum)[keyof typeof CurrencySymbolEnum];

package/src/enums/DeviceEnum.ts

@@ -1,4 +1,6 @@
-export enum DeviceEnum {
-  PC = 'pc',
-  MOBILE = 'mobile',
-}
+export const DeviceEnum = {
+  PC: 'pc',
+  MOBILE: 'mobile',
+} as const;
+
+export type DeviceEnum = (typeof DeviceEnum)[keyof typeof DeviceEnum];

package/src/enums/EnvironmentEnum.ts

@@ -1,5 +1,8 @@
-export enum EnvironmentEnum {
-  DEV = 'dev',
-  STAGING = 'staging',
-  PRODUCTION = 'production',
-}
+export const EnvironmentEnum = {
+  DEV: 'dev',
+  STAGING: 'staging',
+  PRODUCTION: 'production',
+} as const;
+
+export type EnvironmentEnum =
+  (typeof EnvironmentEnum)[keyof typeof EnvironmentEnum];

package/src/format.ts

@@ -1,37 +1,37 @@
 import { CurrencySymbolEnum } from './enums/CurrencySymbolEnum';
 
-import '@formatjs/intl-getcanonicallocales/polyfill';
-import '@formatjs/intl-locale/polyfill';
-
-import '@formatjs/intl-pluralrules/locale-data/en';
-import '@formatjs/intl-pluralrules/locale-data/vi';
-import '@formatjs/intl-pluralrules/locale-data/zh';
-import '@formatjs/intl-pluralrules/polyfill';
-
-import '@formatjs/intl-displaynames/locale-data/en';
-import '@formatjs/intl-displaynames/locale-data/vi';
-import '@formatjs/intl-displaynames/locale-data/zh';
-import '@formatjs/intl-displaynames/polyfill';
-
-import '@formatjs/intl-listformat/locale-data/en';
-import '@formatjs/intl-listformat/locale-data/vi';
-import '@formatjs/intl-listformat/locale-data/zh';
-import '@formatjs/intl-listformat/polyfill';
-
-import '@formatjs/intl-numberformat/locale-data/en';
-import '@formatjs/intl-numberformat/locale-data/vi';
-import '@formatjs/intl-numberformat/locale-data/zh';
-import '@formatjs/intl-numberformat/polyfill';
-
-import '@formatjs/intl-relativetimeformat/locale-data/en';
-import '@formatjs/intl-relativetimeformat/locale-data/vi';
-import '@formatjs/intl-relativetimeformat/locale-data/zh';
-import '@formatjs/intl-relativetimeformat/polyfill';
-
-import '@formatjs/intl-datetimeformat/locale-data/en';
-import '@formatjs/intl-datetimeformat/locale-data/vi';
-import '@formatjs/intl-datetimeformat/locale-data/zh';
-import '@formatjs/intl-datetimeformat/polyfill';
+import '@formatjs/intl-getcanonicallocales/polyfill.js';
+import '@formatjs/intl-locale/polyfill.js';
+
+import '@formatjs/intl-pluralrules/locale-data/en.js';
+import '@formatjs/intl-pluralrules/locale-data/vi.js';
+import '@formatjs/intl-pluralrules/locale-data/zh.js';
+import '@formatjs/intl-pluralrules/polyfill.js';
+
+import '@formatjs/intl-displaynames/locale-data/en.js';
+import '@formatjs/intl-displaynames/locale-data/vi.js';
+import '@formatjs/intl-displaynames/locale-data/zh.js';
+import '@formatjs/intl-displaynames/polyfill.js';
+
+import '@formatjs/intl-listformat/locale-data/en.js';
+import '@formatjs/intl-listformat/locale-data/vi.js';
+import '@formatjs/intl-listformat/locale-data/zh.js';
+import '@formatjs/intl-listformat/polyfill.js';
+
+import '@formatjs/intl-numberformat/locale-data/en.js';
+import '@formatjs/intl-numberformat/locale-data/vi.js';
+import '@formatjs/intl-numberformat/locale-data/zh.js';
+import '@formatjs/intl-numberformat/polyfill.js';
+
+import '@formatjs/intl-relativetimeformat/locale-data/en.js';
+import '@formatjs/intl-relativetimeformat/locale-data/vi.js';
+import '@formatjs/intl-relativetimeformat/locale-data/zh.js';
+import '@formatjs/intl-relativetimeformat/polyfill.js';
+
+import '@formatjs/intl-datetimeformat/locale-data/en.js';
+import '@formatjs/intl-datetimeformat/locale-data/vi.js';
+import '@formatjs/intl-datetimeformat/locale-data/zh.js';
+import '@formatjs/intl-datetimeformat/polyfill.js';
 
 import '@formatjs/intl-datetimeformat/add-golden-tz.js';
 

package/src/index-cli.ts

@@ -1,2 +1 @@
 export * from './config-cli';
-export * from './sentry-cli';

package/dist/Config/Config.js

@@ -1,249 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.transformConfig = exports.processConfig = exports.exportConfig = exports.changeEntry = void 0;
-var _fs = require("fs");
-var _lodashEs = require("lodash-es");
-var _EnvironmentEnum = require("../enums/EnvironmentEnum");
-var _utils = require("../utils");
-var _Output = require("./Output");
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-/**
- * Process config data
- *
- * @param {any[][]} rows
- * @return {OutputMap}
- */
-var processConfig = exports.processConfig = function processConfig(rows) {
-  var versionConfig = {};
-  var params = rows[0].map(function (key) {
-    return key;
-  });
-  rows.forEach(function (row, index) {
-    if (index === 0) {
-      return;
-    }
-    versionConfig = processRow(row, params, versionConfig);
-  });
-  return versionConfig;
-};
-
-/**
- * Process config item
- *
- * @param {string[]} data
- * @param {string[]} params
- * @param {OutputMap} versionConfig
- * @return {OutputMap}
- */
-var processRow = function processRow(data, params, versionConfig) {
-  var versionName = data[0];
-  versionConfig[versionName] = {};
-  params.forEach(function (paramsName, index) {
-    if (index === 0 || data[index] === undefined || data[index] === '') {
-      return;
-    }
-    versionConfig[versionName][paramsName] = paramsTypeHandler(data[index]);
-  });
-  return versionConfig;
-};
-
-/**
- * Check is JSON value
- *
- * @param {string} str
- * @return {boolean}
- */
-var isJsonString = function isJsonString(str) {
-  try {
-    JSON.parse(str);
-  } catch (e) {
-    return false;
-  }
-  return true;
-};
-
-/**
- * Handling config value type
- *
- * @param {string} params
- * @return {any}
- */
-var paramsTypeHandler = function paramsTypeHandler(params) {
-  var booleanText = ['TRUE', 'FALSE'];
-  if (booleanText.includes(params.toUpperCase())) {
-    return params === 'TRUE';
-  }
-  if (isJsonString(params)) {
-    return JSON.parse(params);
-  }
-  return params;
-};
-
-/**
- * Export config data into js file
- *
- * @param {OutputMap} data
- * @param {OutputOptions} options
- * @return {void}
- */
-var exportConfig = exports.exportConfig = function exportConfig(data, options) {
-  var config = {
-    params: data
-  };
-  var content = '';
-  switch (options.exportAs) {
-    case 'ts':
-      content = 'export default ' + JSON.stringify(config, null, 2);
-      options.filename = "".concat(options.filename, ".ts");
-      break;
-    case 'json':
-      content = JSON.stringify(config, null, 2);
-      options.filename = "".concat(options.filename, ".json");
-      break;
-    case 'js':
-      content = "module.exports = ".concat(JSON.stringify(config, null, 2));
-      options.filename = "".concat(options.filename, ".js");
-      break;
-    default:
-      throw new Error("exportAs ".concat(options.exportAs, " not supported."));
-  }
-  (0, _Output.outputToFile)(content, options);
-};
-
-/**
- * Handling env map value
- *
- * @param {string} env
- * @return {string}
- */
-var envMap = function envMap(env) {
-  var result;
-  switch (env) {
-    case 'dev':
-    case 'develop':
-    case 'development':
-      result = _EnvironmentEnum.EnvironmentEnum.DEV;
-      break;
-    case 'stg':
-    case 'stag':
-    case 'staging':
-      result = _EnvironmentEnum.EnvironmentEnum.STAGING;
-      break;
-    case 'prd':
-    case 'prod':
-    case 'production':
-      result = _EnvironmentEnum.EnvironmentEnum.PRODUCTION;
-      break;
-    default:
-      throw new Error("env ".concat(env, " not supported."));
-  }
-  return result;
-};
-
-/**
- * Mapping content to exportAs value
- *
- * @param {string} key
- * @param {any} value
- * @param {string} exportAs
- * @return {string}
- */
-var contentMap = function contentMap(key, value, exportAs) {
-  var content = '';
-  switch (exportAs) {
-    case 'ts':
-      if ((0, _lodashEs.isNull)(value)) {
-        content += "export const ".concat(key, ": string | null = ").concat(value, ";\n");
-      } else if (typeof value === 'boolean') {
-        content += "export const ".concat(key, ": boolean = ").concat(value, ";\n");
-      } else {
-        content += "export const ".concat(key, " = '").concat(value, "';\n");
-      }
-      break;
-    case 'js':
-      content += "export const ".concat(key, " = \"").concat(value, "\";\n");
-      break;
-    case 'env':
-      content += "".concat(key, " = \"").concat(value, "\"\n");
-      break;
-    default:
-      throw new Error("exportAs ".concat(exportAs, " not supported."));
-  }
-  return content;
-};
-
-/**
- * Transform config
- *
- * @param {OutputMap} data
- * @param {string} env
- * @param {string} configKeyPrefix
- * @param {OutputOptions} options
- * @return {void}
- */
-var transformConfig = exports.transformConfig = function transformConfig(data, env, configKeyPrefix, options) {
-  var envKey = configKeyPrefix ? "".concat(configKeyPrefix, "ENV") : 'ENV';
-  var content = contentMap(envKey, envMap(env), options.exportAs);
-  Object.keys(data).forEach(function (key) {
-    var newConfigKey = configKeyPrefix && !(0, _utils.isHiddenKey)(key) ? "".concat(configKeyPrefix).concat(key) : key;
-    if (key === 'BASE_PROJECT' || key === '__BASE_PROJECT') {
-      var extensionFile = [".".concat(data[key], ".js"), ".".concat(data[key], ".jsx"), ".".concat(data[key], ".ts"), ".".concat(data[key], ".tsx"), ".".concat(data[key], ".css"), ".".concat(data[key], ".json"), ".".concat(data[key], ".scss")];
-      content += contentMap(newConfigKey, extensionFile.join(','), options.exportAs);
-      return;
-    }
-    if (key === 'SITEMAP' || key === '__SITEMAP') {
-      content += contentMap(newConfigKey, JSON.stringify(data[key]), options.exportAs);
-      return;
-    }
-    if (Array.isArray(data[key])) {
-      content += contentMap(newConfigKey, data[key].join(','), options.exportAs);
-      return;
-    }
-    if (_typeof(data[key]) === 'object') {
-      if (data[key].hasOwnProperty(env)) {
-        content += contentMap(newConfigKey, data[key][env], options.exportAs);
-      } else {
-        content += contentMap(newConfigKey, JSON.stringify(data[key]), options.exportAs);
-      }
-      return;
-    }
-    content += contentMap(newConfigKey, data[key], options.exportAs);
-  });
-  (0, _Output.outputToFile)(content, options);
-};
-
-/**
- * Change Entry index.html file
- * Format entry file should be index[.{version}][.{env}].html
- *
- * @param {string} version
- * @param {string} env
- * @param {EntryOptions} options
- * @return {void}
- */
-var changeEntry = exports.changeEntry = function changeEntry(version, env, options) {
-  var newPath = 'index.html';
-  var oldPath = "index";
-  if (!options.excludeVersion.includes(version)) {
-    oldPath = ".".concat(version, ".");
-  }
-  if (!options.excludeEnv.includes(env)) {
-    oldPath = "".concat(oldPath, ".").concat(env);
-  }
-  oldPath = "".concat(oldPath, ".html");
-  if (oldPath !== newPath && (0, _fs.existsSync)(oldPath)) {
-    (0, _fs.copyFile)(oldPath, newPath, function (err) {
-      if (err) {
-        console.error(err);
-        return;
-      }
-      console.log("File copied from '".concat(oldPath, "' to '").concat(newPath, "' successfully!"));
-    });
-    return;
-  }
-  console.log('use current index.html');
-};
-//# sourceMappingURL=Config.js.map