@mbrain/epic-react-native-lib 0.0.4 → 0.0.6

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var p=Object.create;var y=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var O=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var o in e)y(t,o,{get:e[o],enumerable:!0})},f=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of O(e))!w.call(t,a)&&a!==o&&y(t,a,{get:()=>e[a],enumerable:!(r=k(e,a))||r.enumerable});return t};var d=(t,e,o)=>(o=t!=null?p(V(t)):{},f(e||!t||!t.__esModule?y(o,"default",{value:t,enumerable:!0}):o,t)),M=t=>f(y({},"__esModule",{value:!0}),t);var C={};v(C,{Box1:()=>g,createLocalStorage:()=>K,useOrientation:()=>h});module.exports=M(C);var l=d(require("react"),1),i=require("react-native");function g({style:t,children:e}){let[o,r]=(0,l.useState)(0);return l.default.createElement(i.View,{style:t},l.default.createElement(i.Text,{style:A.text,onPress:()=>{r(a=>a+1)}},"Box1 ",o),e)}var A=i.StyleSheet.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});var m=require("react"),s=d(require("expo-screen-orientation"),1);function h(){let[t,e]=(0,m.useState)({orientation:void 0,orientationLock:void 0});return(0,m.useEffect)(()=>{Promise.all([s.getOrientationAsync(),s.getOrientationLockAsync()]).then(([r,a])=>{e({orientation:r,orientationLock:a})});let o=s.addOrientationChangeListener(r=>{e({orientation:r.orientationInfo.orientation,orientationLock:r.orientationLock})});return()=>o.remove()},[]),t}var L=require("react"),u=require("react-native-mmkv");function K({defaults:t,storage:e=(0,u.createMMKV)()}){let o=n=>{try{let c=e.getString(String(n));return c!==void 0?JSON.parse(c):t[n]}catch(c){return console.warn(c),t[n]}};return{useLocalStorage:n=>{let[c,S]=(0,L.useState)(()=>o(n));return(0,u.useMMKVListener)(x=>{String(n)===x&&S(o(n))},e),c},setLocalStorage:(n,c)=>{try{let S=JSON.stringify(c);e.set(String(n),S)}catch(S){console.warn(S)}},getLocalStorage:n=>o(n),removeLocalStorage:n=>{try{e.remove(String(n))}catch(c){console.warn(c)}},clearAllLocalStorage:()=>{try{e.clearAll()}catch(n){console.warn(n)}},storage:e}}
+"use strict";var Y=Object.create;var C=Object.defineProperty;var Z=Object.getOwnPropertyDescriptor;var ee=Object.getOwnPropertyNames;var te=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty;var re=(e,t)=>{for(var r in t)C(e,r,{get:t[r],enumerable:!0})},v=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ee(t))!oe.call(e,n)&&n!==r&&C(e,n,{get:()=>t[n],enumerable:!(o=Z(t,n))||o.enumerable});return e};var l=(e,t,r)=>(r=e!=null?Y(te(e)):{},v(t||!e||!e.__esModule?C(r,"default",{value:e,enumerable:!0}):r,e)),ne=e=>v(C({},"__esModule",{value:!0}),e);var ce={};re(ce,{Box1:()=>N,ScreenContent:()=>z,createLocalStorage:()=>E,useAndroidNavigationBar:()=>B,useLogRouteChange:()=>I,useOrientation:()=>O});module.exports=ne(ce);var g=l(require("react"),1),p=require("react-native");function N({style:e,children:t}){let[r,o]=(0,g.useState)(0);return g.default.createElement(p.View,{style:e},g.default.createElement(p.Text,{style:ae.text,onPress:()=>{o(n=>n+1)}},"Box1 ",r),t)}var ae=p.StyleSheet.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});var w=require("react"),y=l(require("expo-screen-orientation"),1);function O(){let[e,t]=(0,w.useState)({orientation:void 0,orientationLock:void 0});return(0,w.useEffect)(()=>{Promise.all([y.getOrientationAsync(),y.getOrientationLockAsync()]).then(([o,n])=>{t({orientation:o,orientationLock:n})});let r=y.addOrientationChangeListener(o=>{t({orientation:o.orientationInfo.orientation,orientationLock:o.orientationLock})});return()=>r.remove()},[]),e}var A=l(require("react"),1),x=require("react-native"),u=l(require("expo-navigation-bar"),1);function B(e){let t=(0,x.useColorScheme)();A.default.useEffect(()=>{if(x.Platform.OS!=="android")return;u.setStyle(t==="dark"?"dark":"light");let r=t==="dark"?e==null?void 0:e.dark:e==null?void 0:e.light;if(!r)return;(async()=>{let n=[];r.backgroundColor&&(u.setBackgroundColorAsync(r.backgroundColor),n.push(u.setBackgroundColorAsync(r.backgroundColor))),r.borderColor&&n.push(u.setBorderColorAsync(r.borderColor)),n.length&&await Promise.all(n)})()},[t,e==null?void 0:e.dark,e==null?void 0:e.light])}var T=require("react"),b=require("react-native-mmkv");function E({defaults:e,storage:t=(0,b.createMMKV)()}){let r=a=>{try{let i=t.getString(String(a));return i!==void 0?JSON.parse(i):e[a]}catch(i){return console.warn(i),e[a]}};return{useLocalStorage:a=>{let[i,d]=(0,T.useState)(()=>r(a));return(0,b.useMMKVListener)(h=>{String(a)===h&&d(r(a))},t),i},setLocalStorage:(a,i)=>{try{let d=JSON.stringify(i);t.set(String(a),d)}catch(d){console.warn(d)}},getLocalStorage:a=>r(a),removeLocalStorage:a=>{try{t.remove(String(a))}catch(i){console.warn(i)}},clearAllLocalStorage:()=>{try{t.clearAll()}catch(a){console.warn(a)}},storage:t}}var M=l(require("react"),1),F=require("expo-router"),H=l(require("lodash/isEmpty"),1);function I(){let e=(0,F.useNavigationContainerRef)();M.default.useEffect(()=>{if(__DEV__)return e.addListener("state",()=>{let r=e.getState(),o=D(r);o&&((0,H.default)(o.params)?console.log(`ROUTE CHANGED : ${o.name}`):console.log(`ROUTE CHANGED : ${o.name}`,o.params))})},[e])}function D(e){var t;if(!e)return null;if(e.routes&&e.routes.length>0){let r=(t=e.index)!=null?t:0,o=e.routes[r];if(!o)return null;if(o.state){let n=D(o.state);if(n)return n}return{name:o.name,params:o.params}}return null}var S=l(require("react"),1),m=require("react-native"),U=require("nativewind"),$=require("react-native-safe-area-context"),j=require("react-native-keyboard-controller");var f=l(require("react"),1),V=require("react-native"),K=require("@react-navigation/elements");function k(e){return(0,f.useMemo)(()=>e?typeof e=="function"?f.default.createElement(e,null):e:null,[e])}function _(e,t){let r=(0,K.useHeaderHeight)();return(0,f.useMemo)(()=>{let o=V.StyleSheet.flatten(e),n=o==null?void 0:o.padding,s=o==null?void 0:o.paddingTop,c=typeof s=="number"?s:typeof n=="number"?n:0;return t&&(c+=r),[J.flex,e,{paddingTop:c}]},[r,t,e])}function G(e,t){let r=(0,K.useHeaderHeight)();return(0,f.useMemo)(()=>{let o=V.StyleSheet.flatten(e),n=o==null?void 0:o.padding,s=o==null?void 0:o.paddingTop,c=typeof s=="number"?s:typeof n=="number"?n:0;return t&&(c+=r),[J.scrollContentStyle,e,{paddingTop:c}]},[e,r,t])}var J=V.StyleSheet.create({flex:{flex:1},scrollContentStyle:{flexGrow:1}});var ie=S.default.memo(function({scroll:t=!1,edges:r=[],headerTransparent:o=!1,scrollViewProps:n,scrollRef:s,style:c={},contentContainerStyle:P={},HeaderComponent:a,FooterComponent:i,BackgroundComponent:d,children:h}){let q=_(c,o),Q=G(P,o),W=k(a),X=k(i),L=k(d);return S.default.createElement(m.View,{style:R.flex},L&&S.default.createElement(m.View,{style:R.background},L),S.default.createElement($.SafeAreaView,{edges:r,style:R.flex},W,t&&S.default.createElement(j.KeyboardAwareScrollView,{ref:s,enabled:!0,scrollEnabled:!0,style:[R.flex,c],contentContainerStyle:Q,bottomOffset:40,disableScrollOnKeyboardHide:!0,keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:!1,...n},h),!t&&S.default.createElement(m.View,{style:[{overflow:"hidden"},q]},h),X))}),R=m.StyleSheet.create({flex:{flex:1},background:{alignItems:"stretch",pointerEvents:"none",...m.StyleSheet.absoluteFill}}),z=(0,U.cssInterop)(ie,{className:"style",contentContainerClassName:"contentContainerStyle"});

package/dist/index.mjs

@@ -1 +1 @@
-import S,{useState as y}from"react";import{View as m,Text as u,StyleSheet as f}from"react-native";function d({style:a,children:t}){let[n,r]=y(0);return S.createElement(m,{style:a},S.createElement(u,{style:g.text,onPress:()=>{r(s=>s+1)}},"Box1 ",n),t)}var g=f.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});import{useEffect as h,useState as L}from"react";import*as c from"expo-screen-orientation";function K(){let[a,t]=L({orientation:void 0,orientationLock:void 0});return h(()=>{Promise.all([c.getOrientationAsync(),c.getOrientationLockAsync()]).then(([r,s])=>{t({orientation:r,orientationLock:s})});let n=c.addOrientationChangeListener(r=>{t({orientation:r.orientationInfo.orientation,orientationLock:r.orientationLock})});return()=>n.remove()},[]),a}import{useState as x}from"react";import{createMMKV as p,useMMKVListener as k}from"react-native-mmkv";function O({defaults:a,storage:t=p()}){let n=e=>{try{let o=t.getString(String(e));return o!==void 0?JSON.parse(o):a[e]}catch(o){return console.warn(o),a[e]}};return{useLocalStorage:e=>{let[o,i]=x(()=>n(e));return k(l=>{String(e)===l&&i(n(e))},t),o},setLocalStorage:(e,o)=>{try{let i=JSON.stringify(o);t.set(String(e),i)}catch(i){console.warn(i)}},getLocalStorage:e=>n(e),removeLocalStorage:e=>{try{t.remove(String(e))}catch(o){console.warn(o)}},clearAllLocalStorage:()=>{try{t.clearAll()}catch(e){console.warn(e)}},storage:t}}export{d as Box1,O as createLocalStorage,K as useOrientation};
+import x,{useState as A}from"react";import{View as B,Text as T,StyleSheet as E}from"react-native";function M({style:e,children:o}){let[r,t]=A(0);return x.createElement(B,{style:e},x.createElement(T,{style:F.text,onPress:()=>{t(n=>n+1)}},"Box1 ",r),o)}var F=E.create({text:{fontSize:20,padding:15,borderRadius:10,color:"#ffffff",backgroundColor:"#0a234a"}});import{useEffect as H,useState as I}from"react";import*as u from"expo-screen-orientation";function D(){let[e,o]=I({orientation:void 0,orientationLock:void 0});return H(()=>{Promise.all([u.getOrientationAsync(),u.getOrientationLockAsync()]).then(([t,n])=>{o({orientation:t,orientationLock:n})});let r=u.addOrientationChangeListener(t=>{o({orientation:t.orientationInfo.orientation,orientationLock:t.orientationLock})});return()=>r.remove()},[]),e}import _ from"react";import{Platform as G,useColorScheme as J}from"react-native";import*as d from"expo-navigation-bar";function U(e){let o=J();_.useEffect(()=>{if(G.OS!=="android")return;d.setStyle(o==="dark"?"dark":"light");let r=o==="dark"?e==null?void 0:e.dark:e==null?void 0:e.light;if(!r)return;(async()=>{let n=[];r.backgroundColor&&(d.setBackgroundColorAsync(r.backgroundColor),n.push(d.setBackgroundColorAsync(r.backgroundColor))),r.borderColor&&n.push(d.setBorderColorAsync(r.borderColor)),n.length&&await Promise.all(n)})()},[o,e==null?void 0:e.dark,e==null?void 0:e.light])}import{useState as $}from"react";import{createMMKV as j,useMMKVListener as z}from"react-native-mmkv";function q({defaults:e,storage:o=j()}){let r=a=>{try{let i=o.getString(String(a));return i!==void 0?JSON.parse(i):e[a]}catch(i){return console.warn(i),e[a]}};return{useLocalStorage:a=>{let[i,l]=$(()=>r(a));return z(m=>{String(a)===m&&l(r(a))},o),i},setLocalStorage:(a,i)=>{try{let l=JSON.stringify(i);o.set(String(a),l)}catch(l){console.warn(l)}},getLocalStorage:a=>r(a),removeLocalStorage:a=>{try{o.remove(String(a))}catch(i){console.warn(i)}},clearAllLocalStorage:()=>{try{o.clearAll()}catch(a){console.warn(a)}},storage:o}}import Q from"react";import{useNavigationContainerRef as W}from"expo-router";import X from"lodash/isEmpty";function Y(){let e=W();Q.useEffect(()=>{if(__DEV__)return e.addListener("state",()=>{let r=e.getState(),t=b(r);t&&(X(t.params)?console.log(`ROUTE CHANGED : ${t.name}`):console.log(`ROUTE CHANGED : ${t.name}`,t.params))})},[e])}function b(e){var o;if(!e)return null;if(e.routes&&e.routes.length>0){let r=(o=e.index)!=null?o:0,t=e.routes[r];if(!t)return null;if(t.state){let n=b(t.state);if(n)return n}return{name:t.name,params:t.params}}return null}import S from"react";import{StyleSheet as P,View as h}from"react-native";import{cssInterop as ee}from"nativewind";import{SafeAreaView as te}from"react-native-safe-area-context";import{KeyboardAwareScrollView as oe}from"react-native-keyboard-controller";import Z,{useMemo as f}from"react";import{StyleSheet as g}from"react-native";import{useHeaderHeight as V}from"@react-navigation/elements";function p(e){return f(()=>e?typeof e=="function"?Z.createElement(e,null):e:null,[e])}function k(e,o){let r=V();return f(()=>{let t=g.flatten(e),n=t==null?void 0:t.padding,s=t==null?void 0:t.paddingTop,c=typeof s=="number"?s:typeof n=="number"?n:0;return o&&(c+=r),[K.flex,e,{paddingTop:c}]},[r,o,e])}function R(e,o){let r=V();return f(()=>{let t=g.flatten(e),n=t==null?void 0:t.padding,s=t==null?void 0:t.paddingTop,c=typeof s=="number"?s:typeof n=="number"?n:0;return o&&(c+=r),[K.scrollContentStyle,e,{paddingTop:c}]},[e,r,o])}var K=g.create({flex:{flex:1},scrollContentStyle:{flexGrow:1}});var re=S.memo(function({scroll:o=!1,edges:r=[],headerTransparent:t=!1,scrollViewProps:n,scrollRef:s,style:c={},contentContainerStyle:C={},HeaderComponent:a,FooterComponent:i,BackgroundComponent:l,children:m}){let L=k(c,t),v=R(C,t),N=p(a),O=p(i),w=p(l);return S.createElement(h,{style:y.flex},w&&S.createElement(h,{style:y.background},w),S.createElement(te,{edges:r,style:y.flex},N,o&&S.createElement(oe,{ref:s,enabled:!0,scrollEnabled:!0,style:[y.flex,c],contentContainerStyle:v,bottomOffset:40,disableScrollOnKeyboardHide:!0,keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:!1,...n},m),!o&&S.createElement(h,{style:[{overflow:"hidden"},L]},m),O))}),y=P.create({flex:{flex:1},background:{alignItems:"stretch",pointerEvents:"none",...P.absoluteFill}}),ne=ee(re,{className:"style",contentContainerClassName:"contentContainerStyle"});export{M as Box1,ne as ScreenContent,q as createLocalStorage,U as useAndroidNavigationBar,Y as useLogRouteChange,D as useOrientation};

package/dist/types/index.d.ts

@@ -1,3 +1,6 @@
 export { Box1 } from './components/Box1';
 export { useOrientation } from './utils/orientation';
+export { useAndroidNavigationBar } from './utils/android-navbar';
 export { createLocalStorage } from './storage/local-storage';
+export { useLogRouteChange } from './navigation/log-route';
+export { ScreenContent, type ScreenContentProps, } from './navigation/screen-content/ScreenContent';

package/dist/types/navigation/log-route.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Logs to console route path change in dev environment.
+ *
+ * ## Usage
+ *
+ * Add this hook to root layout.
+ *
+ * ```
+ * useLogRouteChange();
+ * ```
+ */
+export declare function useLogRouteChange(): void;

package/dist/types/navigation/screen-content/ScreenContent.d.ts

@@ -0,0 +1,137 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { Edges } from 'react-native-safe-area-context';
+import { KeyboardAwareScrollViewProps, KeyboardAwareScrollViewRef } from 'react-native-keyboard-controller';
+type BaseScreenContentProps = {
+    /**
+     * Enable keyboard aware scrolling with [KeyboardAwareScrollView](https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view).
+     *
+     * ## Requirement
+     *
+     * Add [KeyboardProvider](https://kirillzyusko.github.io/react-native-keyboard-controller/docs/installation#adding-provider) as root app component.
+     *
+     * @default false
+     */
+    scroll?: boolean;
+    /**
+     * Safe area edges.
+     */
+    edges?: Edges;
+    /**
+     * Set to true when screen option headerTransparent is true.
+     *
+     * @default false
+     */
+    headerTransparent?: boolean;
+    /**
+     * A ref that will be attached to the underlying KeyboardAwareScrollView.
+     *
+     * Only used when scroll = true.
+     *
+     * ## Usage
+     *
+     * ```
+     * const scrollRef = useRef<KeyboardAwareScrollViewRef>(null);
+     * <ScreenContent scrollRef={scrollRef}>
+     * ```
+     */
+    scrollRef?: React.Ref<KeyboardAwareScrollViewRef>;
+    /**
+     * Set [KeyboardAwareScrollView](https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-aware-scroll-view) props. Only used when scroll = true.
+     *
+     * ## Usage
+     *
+     * ```
+     * scrollViewProps={{
+     *   // The distance between the keyboard and the caret inside a focused TextInput when the keyboard is shown
+     *   bottomOffset: 40,
+     * }}
+     * ```
+     */
+    scrollViewProps?: KeyboardAwareScrollViewProps;
+    /**
+     * Style applied to the container View.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Style applied to KeyboardAwareScrollView contentContainerStyle. Only used when scroll = true.
+     */
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Optional header component.
+     */
+    HeaderComponent?: React.FC | React.ReactNode;
+    /**
+     * Optional footer component.
+     *
+     * ## Usage
+     *
+     * Keyboard toolbar is always visible.
+     *
+     * ```typescript
+     * function FooterComponent({ onSubmit }: { onSubmit?: (text: string) => void }) {
+     *   const [message, setMessage] = useState('');
+     *
+     *   return (
+     *     <KeyboardStickyView className="bg-background px-5 pb-5 pt-3">
+     *       <Input
+     *         placeholder="Type a message"
+     *         returnKeyType="send"
+     *         value={message}
+     *         autoCorrect={false}
+     *         autoCapitalize="none"
+     *         onChangeText={(text) => {
+     *           setMessage(text);
+     *         }}
+     *         onSubmitEditing={({ nativeEvent: { text } }) => {
+     *           onSubmit?.(text);
+     *           setMessage('');
+     *         }}
+     *       />
+     *     </KeyboardStickyView>
+     *   );
+     * }
+     * ```
+     */
+    FooterComponent?: React.FC | React.ReactNode;
+    /**
+     * Optional background component.
+     *
+     * ## Usage
+     *
+     * ```typescript
+     * function BackgroundComponent() {
+     *   return (
+     *     <View style={{ flex:1, backgroundColor: 'green' }} />
+     *   );
+     * }
+     * ```
+     */
+    BackgroundComponent?: React.FC | React.ReactNode;
+    children?: React.ReactNode;
+};
+/**
+ * A comprehensive screen component that handles safe areas, scrolling and keyboard handling.
+ *
+ * ## Usage
+ *
+ * ```
+ * <ScreenContent
+ *   scroll={true}
+ *   edges={['bottom']}
+ *   headerTransparent={false}
+ *   scrollViewProps={{ bottomOffset: 40 }}
+ *   contentContainerClassName="p-5 gap-3"
+ * >
+ * ```
+ *
+ * ## Requirement
+ *
+ * Add [KeyboardProvider](https://kirillzyusko.github.io/react-native-keyboard-controller/docs/installation#adding-provider) as root app component.
+ */
+export declare const ScreenContent: React.ComponentType<BaseScreenContentProps & {
+    readonly className?: string | undefined;
+    readonly contentContainerClassName?: string | undefined;
+}>;
+export type ScreenContentProps = React.ComponentProps<typeof ScreenContent>;
+export {};

package/dist/types/navigation/screen-content/utils.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export declare function useComponentNode(Component?: React.FC | React.ReactNode): React.ReactNode;
+export declare function useFinalStyle(style: StyleProp<ViewStyle>, headerTransparent: boolean): StyleProp<ViewStyle>;
+export declare function useFinalContentContainerStyle(contentContainerStyle: StyleProp<ViewStyle>, headerTransparent: boolean): StyleProp<ViewStyle>;

package/dist/types/utils/android-navbar.d.ts

@@ -0,0 +1,23 @@
+type NavigationBarThemeConfig = {
+    light?: {
+        borderColor?: string;
+        backgroundColor?: string;
+    };
+    dark?: {
+        borderColor?: string;
+        backgroundColor?: string;
+    };
+};
+/**
+ * Makes Android navigation bar follow current color schema (light, dark) with optional color overrides.
+ *
+ * ## Usage
+ *
+ * Add this hook to root layout.
+ *
+ * ```
+ * useAndroidNavigationBar();
+ * ```
+ */
+export declare function useAndroidNavigationBar(config?: NavigationBarThemeConfig): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mbrain/epic-react-native-lib",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "A set of helpful, battle-tested utilities that simplify common React Native workflows and speed up app development",
   "type": "module",
   "sideEffects": false,
@@ -34,8 +34,15 @@
     }
   },
   "dependencies": {
+    "@react-navigation/elements": "^2.9.1",
+    "expo-navigation-bar": "^5.0.10",
+    "expo-router": "^6.0.17",
     "expo-screen-orientation": "^9.0.0",
-    "react-native-mmkv": "^4.0.1"
+    "lodash": "^4.17.21",
+    "nativewind": "^4.2.1",
+    "react-native-keyboard-controller": "^1.20.1",
+    "react-native-mmkv": "^4.0.1",
+    "react-native-safe-area-context": "^5.6.2"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -52,6 +59,7 @@
     }
   },
   "devDependencies": {
+    "@types/lodash": "^4.17.21",
     "@types/react": "^19.2.5",
     "@typescript-eslint/eslint-plugin": "^8.46.4",
     "@typescript-eslint/parser": "^8.46.4",