query-harbor 0.0.4 → 0.0.5

package/README.md

@@ -1,350 +1,350 @@
-# Query Harbor
-
-A collection of custom React hooks built on top of TanStack Query (formerly React Query) for handling API requests, mutations, and cookie management. These hooks provide a standardized way to handle data fetching, caching, and state management in React applications.
-
-## Table of Contents
-
-- [Installation](#installation)
-- [Hooks Overview](#hooks-overview)
-  - [useGlobalQuery](#useglobalquery)
-  - [useGlobalMutation](#useglobalmutation)
-  - [useGlobalInfiniteQuery](#useglobalinfinitequery)
-  - [useCookie](#usecookie)
-- [Usage Examples](#usage-examples)
-- [API Reference](#api-reference)
-
-## Installation
-
-```bash
-# Install required dependencies
-npm install @tanstack/react-query react-cookie axios
-```
-
-## Hooks Overview
-
-### useGlobalQuery
-
-A custom hook for making standard API requests with built-in caching and state management.
-
-#### Features
-- Automatic authentication header handling
-- Configurable cache and stale times 
-- Built-in error handling
-- Query invalidation support
-
-#### Basic Usage
-
-```javascript
-const {
-    queryData,
-    isLoading,
-    isError,
-    error,
-    refetchQuery
-} = useGlobalQuery({
-    url: '/api/users',
-    queryKey: ['users'],
-    methodType: 'GET'
-});
-```
-
-### useGlobalMutation
-
-A custom hook for handling data mutations (create, update, delete operations) with support for FormData.
-
-#### Features
-- FormData support with nested object handling
-- Automatic query invalidation after successful mutation
-- Priority data support
-- Built-in error handling
-
-#### Basic Usage
-
-```javascript
-const {
-    runMutation,
-    mutationLoading,
-    mutationData,
-    mutationError,
-    isMutationSucceeded
-} = useGlobalMutation({
-    url: '/api/users',
-    queriesToInvalidate: ['users'],
-    methodType: 'POST',
-    data: userData
-});
-```
-
-#### FormData Upload Examples
-
-##### Basic FormData Upload
-
-```javascript
-const {
-    runMutation,
-    mutationLoading
-} = useGlobalMutation({
-    url: '/api/upload',
-    queriesToInvalidate: ['files'],
-    methodType: 'POST',
-    isFormData: true,
-    data: {
-        file: fileObject,
-        title: 'My Document'
-    }
-});
-```
-
-##### Complex FormData with Arrays
-
-```javascript
-// Without excludedIndexKeys
-const data = {
-    files: [file1, file2],
-    metadata: {
-        titles: ['Doc 1', 'Doc 2']
-    }
-};
-
-// This will generate FormData with structure:
-// files[0] = file1
-// files[1] = file2
-// metadata[titles][0] = Doc 1
-// metadata[titles][1] = Doc 2
-```
-
-##### Using excludedIndexKeys
-
-```javascript
-const MultipleFileUpload = () => {
-    const {
-        runMutation,
-        mutationLoading
-    } = useGlobalMutation({
-        url: '/api/upload-multiple',
-        queriesToInvalidate: ['files'],
-        methodType: 'POST',
-        isFormData: true,
-        // Specify which keys should not include array indices
-        excludedIndexKeys: ['files', 'documents'],
-        data: {
-            files: [file1, file2, file3],
-            documents: [docFile1, docFile2],
-            metadata: {
-                titles: ['Doc 1', 'Doc 2', 'Doc 3'],
-                categories: ['Cat 1', 'Cat 2', 'Cat 3']
-            }
-        }
-    });
-
-    return (
-        <button onClick={() => runMutation()}>
-            Upload Files
-        </button>
-    );
-};
-```
-
-The above example will generate FormData with the following structure:
-```plaintext
-// Keys with excludedIndexKeys:
-files = file1
-files = file2
-files = file3
-documents = docFile1
-documents = docFile2
-
-// Regular array keys (maintain indices):
-metadata[titles][0] = Doc 1
-metadata[titles][1] = Doc 2
-metadata[titles][2] = Doc 3
-metadata[categories][0] = Cat 1
-metadata[categories][1] = Cat 2
-metadata[categories][2] = Cat 3
-```
-
-##### Real-World Example: Multiple File Upload with Metadata
-
-```javascript
-const DocumentUploadForm = () => {
-    const [files, setFiles] = useState([]);
-    const [metadata, setMetadata] = useState({
-        department: 'HR',
-        tags: ['confidential', 'employee'],
-    });
-
-    const {
-        runMutation,
-        mutationLoading,
-        isMutationSucceeded
-    } = useGlobalMutation({
-        url: '/api/documents/upload',
-        queriesToInvalidate: ['documents'],
-        methodType: 'POST',
-        isFormData: true,
-        excludedIndexKeys: ['files'], // files will be sent without indices
-        data: {
-            files: files,
-            metadata: metadata,
-            timestamp: new Date().toISOString(),
-            user: {
-                id: currentUserId,
-                role: userRole
-            }
-        }
-    });
-
-    const handleFileChange = (e) => {
-        setFiles(Array.from(e.target.files));
-    };
-
-    const handleUpload = () => {
-        runMutation();
-    };
-
-    return (
-        <div>
-            <input 
-                type="file" 
-                multiple 
-                onChange={handleFileChange} 
-            />
-            {mutationLoading ? (
-                <p>Uploading...</p>
-            ) : (
-                <button onClick={handleUpload}>
-                    Upload Documents
-                </button>
-            )}
-            {isMutationSucceeded && (
-                <p>Upload completed successfully!</p>
-            )}
-        </div>
-    );
-};
-```
-
-This will generate FormData where:
-- Multiple files are sent with the same key name ('files')
-- Metadata is properly nested with array indices preserved
-- Additional data is structured appropriately
-
-The resulting FormData structure will be:
-```plaintext
-files = File1
-files = File2
-metadata[department] = HR
-metadata[tags][0] = confidential
-metadata[tags][1] = employee
-timestamp = 2024-02-23T10:00:00.000Z
-user[id] = 123
-user[role] = admin
-```
-
-#### When to Use excludedIndexKeys
-
-Use `excludedIndexKeys` when:
-1. Working with file upload APIs that expect multiple files with the same key
-2. Dealing with legacy APIs that don't support indexed form fields
-3. Implementing multi-file upload where the server expects a flat structure
-4. Handling file arrays where order doesn't matter
-
-### useGlobalInfiniteQuery
-
-A custom hook for handling infinite scroll or pagination scenarios.
-
-#### Features
-- Automatic pagination handling
-- Built-in cache management
-- Total count tracking
-- Next page detection
-
-#### Basic Usage
-
-```javascript
-const {
-    queryData,
-    isLoading,
-    isError,
-    error,
-    fetchNextPage,
-    hasNextPage,
-    totalCount
-} = useGlobalInfiniteQuery({
-    url: '/api/posts',
-    queryKey: ['posts'],
-    methodType: 'GET',
-    data: { limit: 10 }
-});
-```
-
-### useCookie
-
-A utility hook for managing cookies across the application.
-
-#### Features
-- Simple cookie management
-- Type-safe cookie operations
-- Easy integration with authentication
-
-#### Basic Usage
-
-```javascript
-const { cookie, setCookie, removeCookie } = useCookie({
-    cookieName: 'accessToken'
-});
-```
-
-## API Reference
-
-### useGlobalQuery Options
-
-| Option | Type | Default | Description |
-|--------|------|---------|-------------|
-| url | string | required | API endpoint URL |
-| queryKey | string[] | required | Unique key for caching |
-| methodType | string | required | HTTP method (GET, POST, etc.) |
-| data | object | optional | Request payload |
-| enabled | boolean | true | Whether to enable the query |
-| cacheTime | number | 300000 | Cache duration in ms |
-| staleTime | number | 300000 | Stale data duration in ms |
-
-### useGlobalMutation Options
-
-| Option | Type | Default | Description |
-|--------|------|---------|-------------|
-| url | string | required | API endpoint URL |
-| queriesToInvalidate | string[] | required | Queries to refresh after mutation |
-| methodType | string | required | HTTP method (POST, PUT, DELETE) |
-| data | object | optional | Default mutation data |
-| isFormData | boolean | false | Whether to handle as FormData |
-| closePopup | function | optional | Callback after success |
-| excludedIndexKeys | string[] | optional | Keys to exclude from FormData indices |
-
-### useGlobalInfiniteQuery Options
-
-| Option | Type | Default | Description |
-|--------|------|---------|-------------|
-| url | string | required | API endpoint URL |
-| queryKey | string[] | required | Unique key for caching |
-| methodType | string | required | HTTP method |
-| data | object | optional | Additional query parameters |
-| enabled | boolean | true | Whether to enable the query |
-| cacheTime | number | 300000 | Cache duration in ms |
-| staleTime | number | 300000 | Stale data duration in ms |
-
-## Best Practices
-
-1. Always provide unique and descriptive query keys
-2. Set appropriate cache and stale times based on data volatility
-3. Handle loading and error states in your UI
-4. Use the refetchQuery function for manual data refresh
-5. Implement proper error boundaries in your application
-
-## Contributing
-
-Contributions are welcome! Please feel free to submit a Pull Request.
-
-## License
-
+# Query Harbor
+
+A collection of custom React hooks built on top of TanStack Query (formerly React Query) for handling API requests, mutations, and cookie management. These hooks provide a standardized way to handle data fetching, caching, and state management in React applications.
+
+## Table of Contents
+
+- [Installation](#installation)
+- [Hooks Overview](#hooks-overview)
+  - [useGlobalQuery](#useglobalquery)
+  - [useGlobalMutation](#useglobalmutation)
+  - [useGlobalInfiniteQuery](#useglobalinfinitequery)
+  - [useCookie](#usecookie)
+- [Usage Examples](#usage-examples)
+- [API Reference](#api-reference)
+
+## Installation
+
+```bash
+# Install required dependencies
+npm install @tanstack/react-query react-cookie axios
+```
+
+## Hooks Overview
+
+### useGlobalQuery
+
+A custom hook for making standard API requests with built-in caching and state management.
+
+#### Features
+- Automatic authentication header handling
+- Configurable cache and stale times 
+- Built-in error handling
+- Query invalidation support
+
+#### Basic Usage
+
+```javascript
+const {
+    queryData,
+    isLoading,
+    isError,
+    error,
+    refetchQuery
+} = useGlobalQuery({
+    url: '/api/users',
+    queryKey: ['users'],
+    methodType: 'GET'
+});
+```
+
+### useGlobalMutation
+
+A custom hook for handling data mutations (create, update, delete operations) with support for FormData.
+
+#### Features
+- FormData support with nested object handling
+- Automatic query invalidation after successful mutation
+- Priority data support
+- Built-in error handling
+
+#### Basic Usage
+
+```javascript
+const {
+    runMutation,
+    mutationLoading,
+    mutationData,
+    mutationError,
+    isMutationSucceeded
+} = useGlobalMutation({
+    url: '/api/users',
+    queriesToInvalidate: ['users'],
+    methodType: 'POST',
+    data: userData
+});
+```
+
+#### FormData Upload Examples
+
+##### Basic FormData Upload
+
+```javascript
+const {
+    runMutation,
+    mutationLoading
+} = useGlobalMutation({
+    url: '/api/upload',
+    queriesToInvalidate: ['files'],
+    methodType: 'POST',
+    isFormData: true,
+    data: {
+        file: fileObject,
+        title: 'My Document'
+    }
+});
+```
+
+##### Complex FormData with Arrays
+
+```javascript
+// Without excludedIndexKeys
+const data = {
+    files: [file1, file2],
+    metadata: {
+        titles: ['Doc 1', 'Doc 2']
+    }
+};
+
+// This will generate FormData with structure:
+// files[0] = file1
+// files[1] = file2
+// metadata[titles][0] = Doc 1
+// metadata[titles][1] = Doc 2
+```
+
+##### Using excludedIndexKeys
+
+```javascript
+const MultipleFileUpload = () => {
+    const {
+        runMutation,
+        mutationLoading
+    } = useGlobalMutation({
+        url: '/api/upload-multiple',
+        queriesToInvalidate: ['files'],
+        methodType: 'POST',
+        isFormData: true,
+        // Specify which keys should not include array indices
+        excludedIndexKeys: ['files', 'documents'],
+        data: {
+            files: [file1, file2, file3],
+            documents: [docFile1, docFile2],
+            metadata: {
+                titles: ['Doc 1', 'Doc 2', 'Doc 3'],
+                categories: ['Cat 1', 'Cat 2', 'Cat 3']
+            }
+        }
+    });
+
+    return (
+        <button onClick={() => runMutation()}>
+            Upload Files
+        </button>
+    );
+};
+```
+
+The above example will generate FormData with the following structure:
+```plaintext
+// Keys with excludedIndexKeys:
+files = file1
+files = file2
+files = file3
+documents = docFile1
+documents = docFile2
+
+// Regular array keys (maintain indices):
+metadata[titles][0] = Doc 1
+metadata[titles][1] = Doc 2
+metadata[titles][2] = Doc 3
+metadata[categories][0] = Cat 1
+metadata[categories][1] = Cat 2
+metadata[categories][2] = Cat 3
+```
+
+##### Real-World Example: Multiple File Upload with Metadata
+
+```javascript
+const DocumentUploadForm = () => {
+    const [files, setFiles] = useState([]);
+    const [metadata, setMetadata] = useState({
+        department: 'HR',
+        tags: ['confidential', 'employee'],
+    });
+
+    const {
+        runMutation,
+        mutationLoading,
+        isMutationSucceeded
+    } = useGlobalMutation({
+        url: '/api/documents/upload',
+        queriesToInvalidate: ['documents'],
+        methodType: 'POST',
+        isFormData: true,
+        excludedIndexKeys: ['files'], // files will be sent without indices
+        data: {
+            files: files,
+            metadata: metadata,
+            timestamp: new Date().toISOString(),
+            user: {
+                id: currentUserId,
+                role: userRole
+            }
+        }
+    });
+
+    const handleFileChange = (e) => {
+        setFiles(Array.from(e.target.files));
+    };
+
+    const handleUpload = () => {
+        runMutation();
+    };
+
+    return (
+        <div>
+            <input 
+                type="file" 
+                multiple 
+                onChange={handleFileChange} 
+            />
+            {mutationLoading ? (
+                <p>Uploading...</p>
+            ) : (
+                <button onClick={handleUpload}>
+                    Upload Documents
+                </button>
+            )}
+            {isMutationSucceeded && (
+                <p>Upload completed successfully!</p>
+            )}
+        </div>
+    );
+};
+```
+
+This will generate FormData where:
+- Multiple files are sent with the same key name ('files')
+- Metadata is properly nested with array indices preserved
+- Additional data is structured appropriately
+
+The resulting FormData structure will be:
+```plaintext
+files = File1
+files = File2
+metadata[department] = HR
+metadata[tags][0] = confidential
+metadata[tags][1] = employee
+timestamp = 2024-02-23T10:00:00.000Z
+user[id] = 123
+user[role] = admin
+```
+
+#### When to Use excludedIndexKeys
+
+Use `excludedIndexKeys` when:
+1. Working with file upload APIs that expect multiple files with the same key
+2. Dealing with legacy APIs that don't support indexed form fields
+3. Implementing multi-file upload where the server expects a flat structure
+4. Handling file arrays where order doesn't matter
+
+### useGlobalInfiniteQuery
+
+A custom hook for handling infinite scroll or pagination scenarios.
+
+#### Features
+- Automatic pagination handling
+- Built-in cache management
+- Total count tracking
+- Next page detection
+
+#### Basic Usage
+
+```javascript
+const {
+    queryData,
+    isLoading,
+    isError,
+    error,
+    fetchNextPage,
+    hasNextPage,
+    totalCount
+} = useGlobalInfiniteQuery({
+    url: '/api/posts',
+    queryKey: ['posts'],
+    methodType: 'GET',
+    data: { limit: 10 }
+});
+```
+
+### useCookie
+
+A utility hook for managing cookies across the application.
+
+#### Features
+- Simple cookie management
+- Type-safe cookie operations
+- Easy integration with authentication
+
+#### Basic Usage
+
+```javascript
+const { cookie, setCookie, removeCookie } = useCookie({
+    cookieName: 'accessToken'
+});
+```
+
+## API Reference
+
+### useGlobalQuery Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| url | string | required | API endpoint URL |
+| queryKey | string[] | required | Unique key for caching |
+| methodType | string | required | HTTP method (GET, POST, etc.) |
+| data | object | optional | Request payload |
+| enabled | boolean | true | Whether to enable the query |
+| cacheTime | number | 300000 | Cache duration in ms |
+| staleTime | number | 300000 | Stale data duration in ms |
+
+### useGlobalMutation Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| url | string | required | API endpoint URL |
+| queriesToInvalidate | string[] | required | Queries to refresh after mutation |
+| methodType | string | required | HTTP method (POST, PUT, DELETE) |
+| data | object | optional | Default mutation data |
+| isFormData | boolean | false | Whether to handle as FormData |
+| closePopup | function | optional | Callback after success |
+| excludedIndexKeys | string[] | optional | Keys to exclude from FormData indices |
+
+### useGlobalInfiniteQuery Options
+
+| Option | Type | Default | Description |
+|--------|------|---------|-------------|
+| url | string | required | API endpoint URL |
+| queryKey | string[] | required | Unique key for caching |
+| methodType | string | required | HTTP method |
+| data | object | optional | Additional query parameters |
+| enabled | boolean | true | Whether to enable the query |
+| cacheTime | number | 300000 | Cache duration in ms |
+| staleTime | number | 300000 | Stale data duration in ms |
+
+## Best Practices
+
+1. Always provide unique and descriptive query keys
+2. Set appropriate cache and stale times based on data volatility
+3. Handle loading and error states in your UI
+4. Use the refetchQuery function for manual data refresh
+5. Implement proper error boundaries in your application
+
+## Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request.
+
+## License
+
 MIT

package/dist/query-harbor.es.js

@@ -1,274 +1,228 @@
-import { useQueryClient as M, useQuery as L, useMutation as S, useInfiniteQuery as O } from "@tanstack/react-query";
+import { useQueryClient as N, useQuery as b, useMutation as v, useInfiniteQuery as L } from "@tanstack/react-query";
 import { useCookies as j } from "react-cookie";
 import F from "axios";
-const b = ({ cookieName: u }) => {
-  const [n, o, c] = j([u]);
-  return { cookie: n, setCookie: o, removeCookie: c };
-}, U = ({
-  url: u,
-  queryKey: n,
-  methodType: o,
-  data: c,
-  enabled: y = !0,
-  cacheTime: h = 5 * 60 * 1e3,
-  staleTime: E = 5 * 60 * 1e3
-}) => {
-  const m = M(), { cookie: e } = b({ cookieName: "accessToken" });
-  let t = {};
-  e != null && e.accessToken && (t = { Authorization: `Bearer ${e == null ? void 0 : e.accessToken}` });
-  const s = L({
-    queryKey: n,
-    queryFn: async () => {
-      try {
-        const i = await APIHandler({
-          action: o,
-          url: u,
-          data: c,
-          headers: t
-        });
-        return i != null && i.data ? i.data : { totalCount: 0, data: [] };
-      } catch (i) {
-        throw console.error("Query Error:", i), i;
-      }
-    },
-    enabled: y,
-    cacheTime: h,
-    staleTime: E,
-    refetchOnWindowFocus: !1
-  });
-  return {
-    refetchQuery: () => {
-      m.invalidateQueries({ queryKey: n });
-    },
-    queryData: s.data,
-    isLoading: s.isLoading,
-    isError: s.isError,
-    error: s.error
-  };
-}, G = async ({ action: u, url: n, data: o, headers: c }) => {
-  switch (u) {
+const M = ({ cookieName: i }) => {
+  const [s, o, n] = j([i]);
+  return { cookie: s, setCookie: o, removeCookie: n };
+}, q = async ({ action: i, url: s, data: o, headers: n }) => {
+  switch (i) {
     case "GET":
-      return await F.get(n, {
-        headers: c
-      });
+      return await F.get(s, { headers: n });
     case "POST":
-      return await F.post(n, o, {
-        headers: c
-      });
+      return await F.post(s, o, { headers: n });
     case "PUT":
-      return await F.put(n, o, {
-        headers: c
-      });
+      return await F.put(s, o, { headers: n });
     case "DELETE":
-      return await F.delete(n, { data: o, headers: c });
+      return await F.delete(s, { data: o, headers: n });
     default:
-      throw new Error(`Invalid action: ${u}`);
+      throw new Error(`Invalid action: ${i}`);
   }
-}, $ = async ({ action: u, url: n, data: o, headers: c }) => {
-  var y, h, E, m, e;
+}, I = async ({ action: i, url: s, data: o, headers: n }) => {
+  var y, m, P, d, r, e, a;
   try {
-    const t = await G({ action: u, url: n, data: o, headers: c });
-    return t.status >= 200 && t.status <= 299 ? {
+    const c = await q({ action: i, url: s, data: o, headers: n });
+    return c.status >= 200 && c.status <= 299 ? {
       status: !0,
-      data: t.data,
-      message: t.data.message,
-      statusCode: t.status
+      data: c.data,
+      message: c.data.message,
+      statusCode: c.status
     } : {
       status: !1,
       error: "API Failed",
       message: "API Failed",
-      statusCode: t.status
+      statusCode: c.status
     };
-  } catch (t) {
-    return F.isAxiosError(t) ? t.message === "Network Error" ? {
-      status: !1,
-      error: "Network Error",
-      message: "Network Error"
-    } : {
-      status: !1,
-      type: (h = (y = t.response) == null ? void 0 : y.data) == null ? void 0 : h.type,
-      message: (E = t.response) == null ? void 0 : E.data.message,
-      error: (m = t.response) == null ? void 0 : m.data.error,
-      statusCode: (e = t.response) == null ? void 0 : e.status
-    } : {
+  } catch (c) {
+    if (F.isAxiosError(c)) {
+      const t = c;
+      return t.message === "Network Error" ? {
+        status: !1,
+        error: "Network Error",
+        message: "Network Error"
+      } : {
+        status: !1,
+        type: (m = (y = t.response) == null ? void 0 : y.data) == null ? void 0 : m.type,
+        message: ((d = (P = t.response) == null ? void 0 : P.data) == null ? void 0 : d.message) || "API Failed",
+        error: ((e = (r = t.response) == null ? void 0 : r.data) == null ? void 0 : e.error) || "API Failed",
+        statusCode: (a = t.response) == null ? void 0 : a.status
+      };
+    }
+    return {
       status: !1,
       error: "API Failed",
       message: "API Failed"
     };
   }
-}, W = ({
-  url: u,
-  queriesToInvalidate: n,
+}, B = ({
+  url: i,
+  queryKey: s,
   methodType: o,
-  data: c,
+  data: n,
+  enabled: y = !0,
+  staleTime: m = 5 * 60 * 1e3,
+  refetchOnWindowFocus: P = !1
+}) => {
+  const d = N(), { cookie: r } = M({ cookieName: "accessToken" });
+  let e = {};
+  r != null && r.accessToken && (e = { Authorization: `Bearer ${r.accessToken}` });
+  const a = b({
+    queryKey: s,
+    queryFn: async () => {
+      try {
+        const t = await I({
+          action: o,
+          url: i,
+          data: n,
+          headers: e
+        });
+        return t != null && t.data ? t.data : { totalCount: 0, data: [] };
+      } catch (t) {
+        throw console.error("Query Error:", t), t;
+      }
+    },
+    enabled: y,
+    staleTime: m,
+    refetchOnWindowFocus: P
+  });
+  return {
+    refetchQuery: () => {
+      d.invalidateQueries({ queryKey: s });
+    },
+    queryData: a.data,
+    isLoading: a.isLoading,
+    isError: a.isError,
+    error: a.error
+  };
+}, H = ({
+  url: i,
+  queriesToInvalidate: s,
+  methodType: o,
+  data: n,
   isFormData: y,
-  closePopup: h,
-  excludedIndexKeys: E
+  closePopup: m,
+  excludedIndexKeys: P
 }) => {
-  var i;
-  const m = M(), { cookie: e } = b({ cookieName: "accessToken" });
-  let t = {};
-  e != null && e.accessToken && (t = { Authorization: `Bearer ${e == null ? void 0 : e.accessToken}` });
-  const s = S({
-    /**
-     * Mutation function that processes and sends data to the API.
-     * @async
-     * @param {Object} params - Mutation parameters.
-     * @param {boolean} [params.isPriorityDataAvailable] - Whether to use priority data.
-     * @param {*} [params.priorityData] - Priority data to override default data.
-     * @returns {Promise<*>} The response data from the API.
-     * @throws {Error} If the API request fails.
-     */
-    mutationFn: async ({ isPriorityDataAvailable: l, priorityData: P }) => {
-      const p = l ? P : c;
+  var t;
+  const d = N(), { cookie: r } = M({ cookieName: "accessToken" });
+  let e = {};
+  r != null && r.accessToken && (e = { Authorization: `Bearer ${r == null ? void 0 : r.accessToken}` });
+  const a = v({
+    mutationFn: async ({ isPriorityDataAvailable: w, priorityData: k }) => {
+      const C = w ? k : n;
       if (y) {
-        let C = new FormData();
-        const T = (r, a, g = "", A = {}) => {
-          if (a == null) return;
-          const { excludedIndexKeys: v = [] } = A;
-          Array.isArray(a) ? a.forEach((f, Q) => {
-            const N = v.includes(g) ? g : g ? `${g}[${Q}]` : `${Q}`;
-            f instanceof File ? r == null || r.append(N, f) : typeof f == "object" && f !== null ? T(r, f, N, A) : r == null || r.append(N, f);
-          }) : typeof a == "object" && a !== null ? a instanceof File ? r.append(g, a) : Object.keys(a).forEach((f) => {
-            const Q = a[f], q = g ? `${g}[${f}]` : f;
-            T(
-              r,
-              Q,
-              q,
-              A
-            );
-          }) : a !== "" && a !== void 0 && a !== null && (r == null || r.append(g, a));
-        }, x = {
-          excludedIndexKeys: E
+        const x = new FormData(), p = (u, l, g = "", A = {}) => {
+          if (l == null) return;
+          const { excludedIndexKeys: S = [] } = A;
+          Array.isArray(l) ? l.forEach((h, $) => {
+            const T = S.includes(g) ? g : g ? `${g}[${$}]` : `${$}`;
+            h instanceof File ? u.append(T, h) : typeof h == "object" && h !== null ? p(u, h, T, A) : u.append(T, String(h));
+          }) : typeof l == "object" && l !== null ? l instanceof File ? u.append(g, l) : Object.keys(l).forEach((h) => {
+            p(u, l[h], g ? `${g}[${h}]` : h, A);
+          }) : u.append(g, String(l));
         };
-        Object.keys(p).forEach((r) => {
-          T(C, p[r], r, x);
+        Object.keys(C || {}).forEach((u) => {
+          p(x, C == null ? void 0 : C[u], u, { excludedIndexKeys: P });
         });
-        const {
-          status: w,
-          message: d,
-          data: k
-        } = await $({
+        const { status: f, message: E, data: Q } = await I({
           action: o,
-          url: u,
-          data: C,
-          headers: t
+          url: i,
+          data: x,
+          headers: e
         });
-        if (w)
-          return k;
-        throw new Error(d || "Something went wrong!");
+        if (f)
+          return Q;
+        throw new Error(E || "Something went wrong!");
       } else {
-        const {
-          status: C,
-          message: T,
-          data: x
-        } = await $({
+        const { status: x, message: p, data: f } = await I({
           action: o,
-          url: u,
-          data: p,
-          headers: t
+          url: i,
+          data: C,
+          headers: e
         });
-        if (C)
-          return x;
-        throw new Error(T || "Something went wrong!");
+        if (x)
+          return f;
+        throw new Error(p || "Something went wrong!");
       }
     },
-    /**
-     * Callback executed on successful mutation.
-     * Invalidates specified queries and closes popup if provided.
-     */
     onSuccess: () => {
-      m.invalidateQueries({ queryKey: n }), h && h(!1);
+      d.invalidateQueries({ queryKey: s }), m && m(!1);
     },
-    /**
-     * Callback executed on mutation error.
-     * @param {Error} error - The error object from the failed mutation.
-     * @returns {string} The error message.
-     */
-    onError: (l) => (console.log("mutationError", l == null ? void 0 : l.message), l == null ? void 0 : l.message)
+    onError: (w) => (console.error("mutationError", w.message), w.message)
   });
   return {
-    runMutation: ({ isPriorityDataAvailable: l, priorityData: P } = {}) => {
+    runMutation: (w) => {
       try {
-        s.mutate({ isPriorityDataAvailable: l, priorityData: P });
-      } catch (p) {
-        console.log("Mutation Error: ", p);
+        a.mutate(w || {});
+      } catch (k) {
+        console.error("Mutation Error: ", k);
       }
     },
-    mutationLoading: s.isPending,
-    mutationData: s.data,
-    mutationError: (i = s.error) == null ? void 0 : i.message,
-    isMutationSucceeded: s.isSuccess
+    mutationLoading: a.isPending,
+    mutationData: a.data,
+    mutationError: (t = a.error) == null ? void 0 : t.message,
+    isMutationSucceeded: a.isSuccess
   };
-}, J = ({
-  url: u,
-  queryKey: n,
+}, W = ({
+  url: i,
+  queryKey: s,
   methodType: o,
-  data: c,
+  data: n,
   enabled: y = !0,
-  cacheTime: h = 5 * 60 * 1e3,
-  staleTime: E = 5 * 60 * 1e3
+  staleTime: m = 5 * 60 * 1e3
 }) => {
-  var P, p, C, T, x;
-  const m = M(), { cookie: e } = b({ cookieName: "accessToken" });
-  let t = {};
-  e != null && e.accessToken && (t = { Authorization: `Bearer ${e == null ? void 0 : e.accessToken}` });
-  const s = O({
-    queryKey: n,
-    queryFn: async ({ pageParam: w }) => {
+  var w, k, C, x, p;
+  const P = N(), { cookie: d } = M({ cookieName: "accessToken" });
+  let r = {};
+  d != null && d.accessToken && (r = { Authorization: `Bearer ${d.accessToken}` });
+  const e = L({
+    queryKey: s,
+    queryFn: async ({ pageParam: f = 1 }) => {
       try {
-        const d = await $({
+        const E = await I({
           action: o,
-          url: u,
+          url: i,
           data: {
-            ...c,
-            page: w
+            ...n,
+            page: f
           },
-          headers: t
+          headers: r
         });
-        if (d != null && d.data) {
-          const { data: k, page: r, totalPages: a, totalCount: g } = d == null ? void 0 : d.data, A = r < a;
+        if (E != null && E.data) {
+          const { data: Q, page: u, totalPages: l, totalCount: g } = E.data, A = u < l;
           return {
-            data: k,
-            nextPage: A ? r + 1 : void 0,
+            data: Q,
+            nextPage: A ? u + 1 : void 0,
             hasMore: A,
             totalCount: g
           };
         } else
-          return { totalCount: 0, data: [] };
-      } catch (d) {
-        throw console.error("Query Error:", d), d;
+          return { totalCount: 0, data: [], hasMore: !1 };
+      } catch (E) {
+        throw console.error("Query Error:", E), E;
       }
     },
-    /**
-     * Function to determine the next page parameter for pagination.
-     * @param {Object} lastPage - The data from the last fetched page.
-     * @param {boolean} lastPage.hasMore - Whether more pages exist.
-     * @param {number} [lastPage.nextPage] - The next page number.
-     * @returns {number|undefined} The next page parameter or undefined if no more pages.
-     */
-    getNextPageParam: (w) => w.hasMore ? w.nextPage : void 0,
+    initialPageParam: 1,
+    getNextPageParam: (f) => f.hasMore ? f.nextPage : void 0,
     enabled: y,
-    cacheTime: h,
-    staleTime: E,
+    staleTime: m,
     refetchOnWindowFocus: !1
-  }), I = () => {
-    m.invalidateQueries({ queryKey: n });
-  }, i = ((p = (P = s == null ? void 0 : s.data) == null ? void 0 : P.pages) == null ? void 0 : p.flatMap((w) => w.data)) || [], l = ((x = (T = (C = s == null ? void 0 : s.data) == null ? void 0 : C.pages) == null ? void 0 : T[0]) == null ? void 0 : x.totalCount) ?? 0;
+  }), a = () => {
+    P.invalidateQueries({ queryKey: s });
+  }, c = ((k = (w = e == null ? void 0 : e.data) == null ? void 0 : w.pages) == null ? void 0 : k.flatMap((f) => f.data)) || [], t = ((p = (x = (C = e == null ? void 0 : e.data) == null ? void 0 : C.pages) == null ? void 0 : x[0]) == null ? void 0 : p.totalCount) ?? 0;
   return {
-    refetchQuery: I,
-    queryData: i,
-    isLoading: s.isLoading,
-    isError: s.isError,
-    error: s.error,
-    fetchNextPage: s.fetchNextPage,
-    hasNextPage: s.hasNextPage,
-    totalCount: l
+    refetchQuery: a,
+    queryData: c,
+    isLoading: e.isLoading,
+    isError: e.isError,
+    error: e.error,
+    fetchNextPage: e.fetchNextPage,
+    hasNextPage: e.hasNextPage,
+    totalCount: t
   };
 };
 export {
-  b as useCookie,
-  J as useGlobalInfiniteQuery,
-  W as useGlobalMutation,
-  U as useGlobalQuery
+  M as useCookie,
+  W as useGlobalInfiniteQuery,
+  H as useGlobalMutation,
+  B as useGlobalQuery
 };

package/dist/query-harbor.umd.js

@@ -1 +1 @@
-(function(c,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("@tanstack/react-query"),require("react-cookie"),require("axios")):typeof define=="function"&&define.amd?define(["exports","@tanstack/react-query","react-cookie","axios"],g):(c=typeof globalThis<"u"?globalThis:c||self,g(c.QueryHarbor={},c.ReactQuery,c.ReactCookie,c.axios))})(this,function(c,g,v,I){"use strict";const b=({cookieName:i})=>{const[r,a,u]=v.useCookies([i]);return{cookie:r,setCookie:a,removeCookie:u}},G=({url:i,queryKey:r,methodType:a,data:u,enabled:T=!0,cacheTime:w=3e5,staleTime:C=3e5})=>{const p=g.useQueryClient(),{cookie:e}=b({cookieName:"accessToken"});let t={};e!=null&&e.accessToken&&(t={Authorization:`Bearer ${e==null?void 0:e.accessToken}`});const s=g.useQuery({queryKey:r,queryFn:async()=>{try{const l=await APIHandler({action:a,url:i,data:u,headers:t});return l!=null&&l.data?l.data:{totalCount:0,data:[]}}catch(l){throw console.error("Query Error:",l),l}},enabled:T,cacheTime:w,staleTime:C,refetchOnWindowFocus:!1});return{refetchQuery:()=>{p.invalidateQueries({queryKey:r})},queryData:s.data,isLoading:s.isLoading,isError:s.isError,error:s.error}},j=async({action:i,url:r,data:a,headers:u})=>{switch(i){case"GET":return await I.get(r,{headers:u});case"POST":return await I.post(r,a,{headers:u});case"PUT":return await I.put(r,a,{headers:u});case"DELETE":return await I.delete(r,{data:a,headers:u});default:throw new Error(`Invalid action: ${i}`)}},x=async({action:i,url:r,data:a,headers:u})=>{var T,w,C,p,e;try{const t=await j({action:i,url:r,data:a,headers:u});return t.status>=200&&t.status<=299?{status:!0,data:t.data,message:t.data.message,statusCode:t.status}:{status:!1,error:"API Failed",message:"API Failed",statusCode:t.status}}catch(t){return I.isAxiosError(t)?t.message==="Network Error"?{status:!1,error:"Network Error",message:"Network Error"}:{status:!1,type:(w=(T=t.response)==null?void 0:T.data)==null?void 0:w.type,message:(C=t.response)==null?void 0:C.data.message,error:(p=t.response)==null?void 0:p.data.error,statusCode:(e=t.response)==null?void 0:e.status}:{status:!1,error:"API Failed",message:"API Failed"}}},L=({url:i,queriesToInvalidate:r,methodType:a,data:u,isFormData:T,closePopup:w,excludedIndexKeys:C})=>{var l;const p=g.useQueryClient(),{cookie:e}=b({cookieName:"accessToken"});let t={};e!=null&&e.accessToken&&(t={Authorization:`Bearer ${e==null?void 0:e.accessToken}`});const s=g.useMutation({mutationFn:async({isPriorityDataAvailable:d,priorityData:Q})=>{const k=d?Q:u;if(T){let m=new FormData;const P=(n,o,h="",F={})=>{if(o==null)return;const{excludedIndexKeys:H=[]}=F;Array.isArray(o)?o.forEach((y,q)=>{const $=H.includes(h)?h:h?`${h}[${q}]`:`${q}`;y instanceof File?n==null||n.append($,y):typeof y=="object"&&y!==null?P(n,y,$,F):n==null||n.append($,y)}):typeof o=="object"&&o!==null?o instanceof File?n.append(h,o):Object.keys(o).forEach(y=>{const q=o[y],S=h?`${h}[${y}]`:y;P(n,q,S,F)}):o!==""&&o!==void 0&&o!==null&&(n==null||n.append(h,o))},A={excludedIndexKeys:C};Object.keys(k).forEach(n=>{P(m,k[n],n,A)});const{status:E,message:f,data:N}=await x({action:a,url:i,data:m,headers:t});if(E)return N;throw new Error(f||"Something went wrong!")}else{const{status:m,message:P,data:A}=await x({action:a,url:i,data:k,headers:t});if(m)return A;throw new Error(P||"Something went wrong!")}},onSuccess:()=>{p.invalidateQueries({queryKey:r}),w&&w(!1)},onError:d=>(console.log("mutationError",d==null?void 0:d.message),d==null?void 0:d.message)});return{runMutation:({isPriorityDataAvailable:d,priorityData:Q}={})=>{try{s.mutate({isPriorityDataAvailable:d,priorityData:Q})}catch(k){console.log("Mutation Error: ",k)}},mutationLoading:s.isPending,mutationData:s.data,mutationError:(l=s.error)==null?void 0:l.message,isMutationSucceeded:s.isSuccess}},O=({url:i,queryKey:r,methodType:a,data:u,enabled:T=!0,cacheTime:w=3e5,staleTime:C=3e5})=>{var Q,k,m,P,A;const p=g.useQueryClient(),{cookie:e}=b({cookieName:"accessToken"});let t={};e!=null&&e.accessToken&&(t={Authorization:`Bearer ${e==null?void 0:e.accessToken}`});const s=g.useInfiniteQuery({queryKey:r,queryFn:async({pageParam:E})=>{try{const f=await x({action:a,url:i,data:{...u,page:E},headers:t});if(f!=null&&f.data){const{data:N,page:n,totalPages:o,totalCount:h}=f==null?void 0:f.data,F=n<o;return{data:N,nextPage:F?n+1:void 0,hasMore:F,totalCount:h}}else return{totalCount:0,data:[]}}catch(f){throw console.error("Query Error:",f),f}},getNextPageParam:E=>E.hasMore?E.nextPage:void 0,enabled:T,cacheTime:w,staleTime:C,refetchOnWindowFocus:!1}),M=()=>{p.invalidateQueries({queryKey:r})},l=((k=(Q=s==null?void 0:s.data)==null?void 0:Q.pages)==null?void 0:k.flatMap(E=>E.data))||[],d=((A=(P=(m=s==null?void 0:s.data)==null?void 0:m.pages)==null?void 0:P[0])==null?void 0:A.totalCount)??0;return{refetchQuery:M,queryData:l,isLoading:s.isLoading,isError:s.isError,error:s.error,fetchNextPage:s.fetchNextPage,hasNextPage:s.hasNextPage,totalCount:d}};c.useCookie=b,c.useGlobalInfiniteQuery=O,c.useGlobalMutation=L,c.useGlobalQuery=G,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+(function(c,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("@tanstack/react-query"),require("react-cookie"),require("axios")):typeof define=="function"&&define.amd?define(["exports","@tanstack/react-query","react-cookie","axios"],g):(c=typeof globalThis<"u"?globalThis:c||self,g(c.QueryHarbor={},c.ReactQuery,c.ReactCookie,c.axios))})(this,function(c,g,q,Q){"use strict";const x=({cookieName:i})=>{const[s,o,n]=q.useCookies([i]);return{cookie:s,setCookie:o,removeCookie:n}},$=async({action:i,url:s,data:o,headers:n})=>{switch(i){case"GET":return await Q.get(s,{headers:n});case"POST":return await Q.post(s,o,{headers:n});case"PUT":return await Q.put(s,o,{headers:n});case"DELETE":return await Q.delete(s,{data:o,headers:n});default:throw new Error(`Invalid action: ${i}`)}},M=async({action:i,url:s,data:o,headers:n})=>{var k,E,P,f,r,e,a;try{const u=await $({action:i,url:s,data:o,headers:n});return u.status>=200&&u.status<=299?{status:!0,data:u.data,message:u.data.message,statusCode:u.status}:{status:!1,error:"API Failed",message:"API Failed",statusCode:u.status}}catch(u){if(Q.isAxiosError(u)){const t=u;return t.message==="Network Error"?{status:!1,error:"Network Error",message:"Network Error"}:{status:!1,type:(E=(k=t.response)==null?void 0:k.data)==null?void 0:E.type,message:((f=(P=t.response)==null?void 0:P.data)==null?void 0:f.message)||"API Failed",error:((e=(r=t.response)==null?void 0:r.data)==null?void 0:e.error)||"API Failed",statusCode:(a=t.response)==null?void 0:a.status}}return{status:!1,error:"API Failed",message:"API Failed"}}},v=({url:i,queryKey:s,methodType:o,data:n,enabled:k=!0,staleTime:E=3e5,refetchOnWindowFocus:P=!1})=>{const f=g.useQueryClient(),{cookie:r}=x({cookieName:"accessToken"});let e={};r!=null&&r.accessToken&&(e={Authorization:`Bearer ${r.accessToken}`});const a=g.useQuery({queryKey:s,queryFn:async()=>{try{const t=await M({action:o,url:i,data:n,headers:e});return t!=null&&t.data?t.data:{totalCount:0,data:[]}}catch(t){throw console.error("Query Error:",t),t}},enabled:k,staleTime:E,refetchOnWindowFocus:P});return{refetchQuery:()=>{f.invalidateQueries({queryKey:s})},queryData:a.data,isLoading:a.isLoading,isError:a.isError,error:a.error}},G=({url:i,queriesToInvalidate:s,methodType:o,data:n,isFormData:k,closePopup:E,excludedIndexKeys:P})=>{var t;const f=g.useQueryClient(),{cookie:r}=x({cookieName:"accessToken"});let e={};r!=null&&r.accessToken&&(e={Authorization:`Bearer ${r==null?void 0:r.accessToken}`});const a=g.useMutation({mutationFn:async({isPriorityDataAvailable:m,priorityData:A})=>{const p=m?A:n;if(k){const T=new FormData,I=(l,d,y="",F={})=>{if(d==null)return;const{excludedIndexKeys:L=[]}=F;Array.isArray(d)?d.forEach((w,S)=>{const N=L.includes(y)?y:y?`${y}[${S}]`:`${S}`;w instanceof File?l.append(N,w):typeof w=="object"&&w!==null?I(l,w,N,F):l.append(N,String(w))}):typeof d=="object"&&d!==null?d instanceof File?l.append(y,d):Object.keys(d).forEach(w=>{I(l,d[w],y?`${y}[${w}]`:w,F)}):l.append(y,String(d))};Object.keys(p||{}).forEach(l=>{I(T,p==null?void 0:p[l],l,{excludedIndexKeys:P})});const{status:h,message:C,data:b}=await M({action:o,url:i,data:T,headers:e});if(h)return b;throw new Error(C||"Something went wrong!")}else{const{status:T,message:I,data:h}=await M({action:o,url:i,data:p,headers:e});if(T)return h;throw new Error(I||"Something went wrong!")}},onSuccess:()=>{f.invalidateQueries({queryKey:s}),E&&E(!1)},onError:m=>(console.error("mutationError",m.message),m.message)});return{runMutation:m=>{try{a.mutate(m||{})}catch(A){console.error("Mutation Error: ",A)}},mutationLoading:a.isPending,mutationData:a.data,mutationError:(t=a.error)==null?void 0:t.message,isMutationSucceeded:a.isSuccess}},j=({url:i,queryKey:s,methodType:o,data:n,enabled:k=!0,staleTime:E=3e5})=>{var m,A,p,T,I;const P=g.useQueryClient(),{cookie:f}=x({cookieName:"accessToken"});let r={};f!=null&&f.accessToken&&(r={Authorization:`Bearer ${f.accessToken}`});const e=g.useInfiniteQuery({queryKey:s,queryFn:async({pageParam:h=1})=>{try{const C=await M({action:o,url:i,data:{...n,page:h},headers:r});if(C!=null&&C.data){const{data:b,page:l,totalPages:d,totalCount:y}=C.data,F=l<d;return{data:b,nextPage:F?l+1:void 0,hasMore:F,totalCount:y}}else return{totalCount:0,data:[],hasMore:!1}}catch(C){throw console.error("Query Error:",C),C}},initialPageParam:1,getNextPageParam:h=>h.hasMore?h.nextPage:void 0,enabled:k,staleTime:E,refetchOnWindowFocus:!1}),a=()=>{P.invalidateQueries({queryKey:s})},u=((A=(m=e==null?void 0:e.data)==null?void 0:m.pages)==null?void 0:A.flatMap(h=>h.data))||[],t=((I=(T=(p=e==null?void 0:e.data)==null?void 0:p.pages)==null?void 0:T[0])==null?void 0:I.totalCount)??0;return{refetchQuery:a,queryData:u,isLoading:e.isLoading,isError:e.isError,error:e.error,fetchNextPage:e.fetchNextPage,hasNextPage:e.hasNextPage,totalCount:t}};c.useCookie=x,c.useGlobalInfiniteQuery=j,c.useGlobalMutation=G,c.useGlobalQuery=v,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,47 +1,47 @@
-{
-  "name": "query-harbor",
-  "version": "0.0.4",
-  "type": "module",
-  "files": ["dist"],
-  "main": "./dist/query-harbor.umd.js",
-  "module": "./dist/query-harbor.es.js",
-  "keywords": ["react", "react-query", "hooks", "tanstack", "query", "react-hooks", "harbor", "query-harbor", "react-query-hooks", "custom-hooks"],
-  "author": "Rohit Chaware",
-  "license": "MIT",
-  "description": "A React Query utility package for efficient data fetching and caching",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/R4Rohit23/react-query-hooks"
-  },
-  "exports": {
-    ".": {
-      "import": "./dist/query-harbor.es.js",
-      "require": "./dist/query-harbor.umd.js"
-    }
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "lint": "eslint .",
-    "preview": "vite preview"
-  },
-  "dependencies": {
-    "@tanstack/react-query": "^5.66.9",
-    "axios": "^1.7.9",
-    "react": "^19.0.0",
-    "react-cookie": "^7.2.2",
-    "react-dom": "^19.0.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.19.0",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
-    "@vitejs/plugin-react": "^4.3.4",
-    "eslint": "^9.19.0",
-    "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-react-refresh": "^0.4.18",
-    "globals": "^15.14.0",
-    "vite": "^6.1.0"
-  }
-}
+{
+  "name": "query-harbor",
+  "version": "0.0.5",
+  "type": "module",
+  "files": ["dist"],
+  "main": "./dist/query-harbor.umd.js",
+  "module": "./dist/query-harbor.es.js",
+  "keywords": ["react", "react-query", "hooks", "tanstack", "query", "react-hooks", "harbor", "query-harbor", "react-query-hooks", "custom-hooks"],
+  "author": "Rohit Chaware",
+  "license": "MIT",
+  "description": "A React Query utility package for efficient data fetching and caching",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/R4Rohit23/react-query-hooks"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/query-harbor.es.js",
+      "require": "./dist/query-harbor.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@tanstack/react-query": "^5.66.9",
+    "axios": "^1.7.9",
+    "react": "^19.0.0",
+    "react-cookie": "^7.2.2",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.19.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.19.0",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "globals": "^15.14.0",
+    "vite": "^6.1.0"
+  }
+}