react-api-kit 1.0.5 → 1.0.7

package/README.md

@@ -9,7 +9,7 @@ A lightweight, production-ready API client built on **Axios** + **TanStack Query
 ✔ Custom static headers per project  
 ✔ Global error handling with toast support  
 ✔ Auto logout on 401  
-✔ React Query–ready hooks (GET, POST, PATCH, DELETE)  
+✔ React Query–ready hooks (GET, POST, PUT, PATCH, DELETE)  
 ✔ No UI dependencies — works with any toast library  
 
 ---
@@ -208,7 +208,7 @@ function UserList() {
 ```ts
 const { mutate, mutateAsync, isPending, isError } = useApiMutation(
   mutationKey,   // unique key array
-  method,        // "POST" | "PATCH" | "DELETE" | "GET"
+  method,        // "POST" | "PUT" | "PATCH" | "DELETE" | "GET"
   invalidateKey? // query keys to refetch after success (optional)
 );
 ```
@@ -238,7 +238,18 @@ const handleCreate = () => {
 };
 ```
 
-#### PATCH — Update
+#### PUT — Full Replace
+
+```tsx
+const { mutate } = useApiMutation(["replaceUser"], "PUT", ["users"]);
+
+mutate({
+  endpoint: `/users/${id}`,
+  data: { name: "John", email: "john@example.com", role: "admin" },
+});
+```
+
+#### PATCH — Partial Update
 
 ```tsx
 const { mutate } = useApiMutation(["updateUser"], "PATCH", ["users"]);
@@ -304,6 +315,9 @@ const res = await api.get("/orders", { params: { status: "pending" } });
 // POST
 const res = await api.post("/users", { name: "John" });
 
+// PUT
+const res = await api.put(`/users/${id}`, { name: "John", email: "john@example.com" });
+
 // PATCH
 const res = await api.patch(`/users/${id}`, { name: "Updated" });
 
@@ -356,7 +370,7 @@ src/
 ├── api/
 │   ├── axios.ts           → Axios instance + request interceptor (auth + headers)
 │   ├── interceptors.ts    → Response interceptor (error handling + auto logout)
-│   └── globalApi.ts       → GET / POST / PATCH / DELETE wrappers
+│   └── globalApi.ts       → GET / POST / PUT / PATCH / DELETE wrappers
 └── hooks/
     ├── useApiQuery.ts     → useQuery wrapper
     └── useApiMutation.ts  → useMutation wrapper

package/dist/react-api-kit.mjs

@@ -27,12 +27,13 @@ a.interceptors.response.use(
       422: "Validation error. Please check the form.",
       500: "Server error. Please try again later."
     }, o = e?.response?.data?.message || t && r?.errorMessages?.[t] || t && s[t] || e?.message || "Network Error";
-    return r?.toast?.error(o, r.toastOptions), r?.onError?.(e, o), t === 401 && r?.onLogout?.(), Promise.reject(e);
+    return r?.onError?.(e, o), t === 401 && r?.onLogout?.(), Promise.reject(e);
   }
 );
 const u = {
   GET: (e, t) => a.get(e, { params: t }).then((s) => s.data),
   POST: (e, t) => a.post(e, t).then((s) => s.data),
+  PUT: (e, t) => a.put(e, t).then((s) => s.data),
   PATCH: (e, t) => a.patch(e, t).then((s) => s.data),
   DELETE: (e) => a.delete(e).then((t) => t.data)
 };

package/dist/react-api-kit.umd.js

@@ -1 +1 @@
-(function(o,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("axios"),require("@tanstack/react-query")):typeof define=="function"&&define.amd?define(["exports","axios","@tanstack/react-query"],i):(o=typeof globalThis<"u"?globalThis:o||self,i(o.ReactApiKit={},o.axios,o.reactQuery))})(this,(function(o,i,u){"use strict";let n;const p=e=>{n=e},a=i.create();a.interceptors.request.use(e=>{n?.baseURL&&(e.baseURL=n.baseURL),n?.headers&&Object.entries(n.headers).forEach(([s,r])=>{e.headers[s]=r});const t=n?.getToken?.();if(t){const s=n?.tokenType??"Bearer";e.headers.Authorization=`${s} ${t}`}return e}),a.interceptors.response.use(e=>(n?.onSuccess?.(e.data),e),e=>{const t=e?.response?.status,s={400:"Bad request. Please check your input.",401:"Session expired. Please login again.",403:"You do not have permission to perform this action.",404:"Requested resource not found.",409:"Conflict occurred. Please try again.",422:"Validation error. Please check the form.",500:"Server error. Please try again later."},r=e?.response?.data?.message||t&&n?.errorMessages?.[t]||t&&s[t]||e?.message||"Network Error";return n?.toast?.error(r,n.toastOptions),n?.onError?.(e,r),t===401&&n?.onLogout?.(),Promise.reject(e)});const d={GET:(e,t)=>a.get(e,{params:t}).then(s=>s.data),POST:(e,t)=>a.post(e,t).then(s=>s.data),PATCH:(e,t)=>a.patch(e,t).then(s=>s.data),DELETE:e=>a.delete(e).then(t=>t.data)};function f(e,t,s,r,c){return u.useQuery({queryKey:e,queryFn:()=>d[t](s,r),...c})}function h(e,t,s){const r=u.useQueryClient();return u.useMutation({mutationKey:e,mutationFn:({endpoint:c,data:l})=>d[t](c,l),onSuccess:()=>{s&&r.invalidateQueries({queryKey:s})}})}o.api=a,o.setupApi=p,o.useApiMutation=h,o.useApiQuery=f,Object.defineProperty(o,Symbol.toStringTag,{value:"Module"})}));
+(function(n,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("axios"),require("@tanstack/react-query")):typeof define=="function"&&define.amd?define(["exports","axios","@tanstack/react-query"],i):(n=typeof globalThis<"u"?globalThis:n||self,i(n.ReactApiKit={},n.axios,n.reactQuery))})(this,(function(n,i,u){"use strict";let a;const p=e=>{a=e},o=i.create();o.interceptors.request.use(e=>{a?.baseURL&&(e.baseURL=a.baseURL),a?.headers&&Object.entries(a.headers).forEach(([s,r])=>{e.headers[s]=r});const t=a?.getToken?.();if(t){const s=a?.tokenType??"Bearer";e.headers.Authorization=`${s} ${t}`}return e}),o.interceptors.response.use(e=>(a?.onSuccess?.(e.data),e),e=>{const t=e?.response?.status,s={400:"Bad request. Please check your input.",401:"Session expired. Please login again.",403:"You do not have permission to perform this action.",404:"Requested resource not found.",409:"Conflict occurred. Please try again.",422:"Validation error. Please check the form.",500:"Server error. Please try again later."},r=e?.response?.data?.message||t&&a?.errorMessages?.[t]||t&&s[t]||e?.message||"Network Error";return a?.onError?.(e,r),t===401&&a?.onLogout?.(),Promise.reject(e)});const d={GET:(e,t)=>o.get(e,{params:t}).then(s=>s.data),POST:(e,t)=>o.post(e,t).then(s=>s.data),PUT:(e,t)=>o.put(e,t).then(s=>s.data),PATCH:(e,t)=>o.patch(e,t).then(s=>s.data),DELETE:e=>o.delete(e).then(t=>t.data)};function f(e,t,s,r,c){return u.useQuery({queryKey:e,queryFn:()=>d[t](s,r),...c})}function h(e,t,s){const r=u.useQueryClient();return u.useMutation({mutationKey:e,mutationFn:({endpoint:c,data:l})=>d[t](c,l),onSuccess:()=>{s&&r.invalidateQueries({queryKey:s})}})}n.api=o,n.setupApi=p,n.useApiMutation=h,n.useApiQuery=f,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-api-kit",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "Reusable Axios + TanStack Query API hooks for React",
   "license": "ISC",
   "author": "Ajay kammar",
@@ -28,4 +28,4 @@
     "@vitejs/plugin-react": "^5.1.2",
     "vite": "^7.3.0"
   }
-}
+}