@andre1502/react-utilities 1.0.5 → 1.0.7

package/package.json

@@ -1,147 +1,121 @@
 {
   "name": "@andre1502/react-utilities",
-  "version": "1.0.5",
+  "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/Config.ts

@@ -1,5 +1,7 @@
+import { copyFile, existsSync } from 'fs';
 import { isNull } from 'lodash-es';
 import { EnvironmentEnum } from '../enums/EnvironmentEnum';
+import { EntryOptions } from '../interfaces/Config/EntryOptions';
 import { OutputMap } from '../interfaces/Config/OutputMap';
 import { OutputOptions } from '../interfaces/Config/OutputOptions';
 import { isHiddenKey } from '../utils';
@@ -275,4 +277,49 @@ const transformConfig = (
   outputToFile(content, options);
 };
 
-export { exportConfig, processConfig, transformConfig };
+/**
+ * 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}
+ */
+const changeEntry = (
+  version: string,
+  env: string,
+  options: EntryOptions,
+): void => {
+  const newPath = 'index.html';
+  let oldPath = `index`;
+
+  if (!options.excludeVersion.includes(version)) {
+    oldPath = `.${version}.`;
+  }
+
+  if (!options.excludeEnv.includes(env)) {
+    oldPath = `${oldPath}.${env}`;
+  }
+
+  oldPath = `${oldPath}.html`;
+
+  if (oldPath !== newPath && existsSync(oldPath)) {
+    copyFile(oldPath, newPath, (err) => {
+      if (err) {
+        console.error(err);
+        return;
+      }
+
+      console.log(
+        `File copied from '${oldPath}' to '${newPath}' successfully!`,
+      );
+    });
+
+    return;
+  }
+
+  console.log('use current index.html');
+};
+
+export { changeEntry, exportConfig, processConfig, transformConfig };

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/config-cli.ts

@@ -6,7 +6,7 @@ import { exportLocales, processLocales } from './Config/Locales';
 import { EnvironmentEnum } from './enums/EnvironmentEnum';
 import { ConfigOptions } from './interfaces/Config/ConfigOptions';
 
-export { transformConfig } from './Config/Config';
+export { changeEntry, transformConfig } from './Config/Config';
 export { transformSitemap } from './Config/Sitemap';
 export * from './interfaces/Config/ConfigOptions';
 export * from './interfaces/Config/OutputOptions';

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/src/interfaces/Config/EntryOptions.ts

@@ -0,0 +1,4 @@
+export interface EntryOptions {
+  excludeEnv: string[];
+  excludeVersion: string[];
+}