zustic 1.0.3 → 1.0.4

package/README.md

@@ -1,6 +1,6 @@
 <div align="center">
 
-# 🎯 Zustic
+# Zustic
 
 ### Lightweight State Management for Modern React Applications
 
@@ -17,28 +17,31 @@ A **fast, minimal state management solution** for React ecosystems. Works seamle
 
 ---
 
-## ✨ Key Features
+## Key Features
 
 ### Core Features
-- **🪶 Ultra-Lightweight** — Only ~500B (gzipped) with zero dependencies
-- **⚡ Simple API** — One function (`create`) to manage all your state
-- **🎣 React Hooks** — Native React hooks integration with automatic subscriptions
-- **📱 Multi-Platform** — React, React Native, Next.js, and modern frameworks
-- **🔄 Reactive Updates** — Automatic re-renders with optimized batching
-- **💾 TypeScript First** — Full type safety with perfect type inference
-- **🚀 Production Ready** — Battle-tested in real applications
+- **Ultra-Lightweight** — Only ~500B (gzipped) with zero dependencies
+- **Simple API** — One function (`create`) to manage all your state
+- **React Hooks** — Native React hooks integration with automatic subscriptions
+- **Multi-Platform** — React, React Native, Next.js, and modern frameworks
+- **Reactive Updates** — Automatic re-renders with optimized batching
+- **TypeScript First** — Full type safety with perfect type inference
+- **Production Ready** — Battle-tested in real applications
 
 ### Advanced Capabilities
-- **🧩 Middleware System** — Extend functionality with logging, persistence, validation, and more
-- **📡 Direct State Access** — `get()` function for reading state outside components
-- **🎯 Selective Subscriptions** — Components only re-render when their data changes
-- **⚙️ Fully Extensible** — Build custom middleware for any use case
-- **🧪 Easy Testing** — Simple to test stores with middleware and async operations
-- **🔗 Framework Agnostic** — Create middleware once, use everywhere
+- **Store Middleware System** — Extend state management with logging, persistence, validation, and more
+- **Query System** — Built-in API data fetching with automatic caching, mutations, and plugins
+- **Automatic Caching** — Smart cache management with configurable timeout
+- **Direct State Access** — `get()` function for reading state outside components
+- **Selective Subscriptions** — Components only re-render when their data changes
+- **Fully Extensible** — Build custom middleware and plugins for any use case
+- **Easy Testing** — Simple to test stores and API queries with middleware and async operations
+- **Plugin System** — Global hooks for authentication, logging, error handling
+- **Framework Agnostic** — Create middleware and plugins once, use everywhere
 
 ---
 
-## 📦 Installation
+## Installation
 
 Choose your favorite package manager:
 
@@ -55,13 +58,13 @@ pnpm add zustic
 
 ---
 
-## 🤔 Why Zustic?
+## Why Zustic?
 
 ### Size & Performance
 | Metric | Zustic | Redux | Zustand | Context API |
 |--------|--------|-------|---------|-------------|
 | **Bundle Size** | ~500B | ~6KB | ~2KB | Built-in |
-| **Performance** | ⚡ Optimized | Good | ⚡ Optimized | ⚠️ Re-renders |
+| **Performance** | Optimized | Good | Optimized | Re-renders |
 | **Dependencies** | 0 | 0 | 0 | 0 |
 
 ### Developer Experience
@@ -74,16 +77,18 @@ pnpm add zustic
 
 | Feature | Zustic | Redux | Zustand | Context API |
 |---------|--------|-------|---------|-------------|
-| Bundle Size | ~500B ✅ | ~6KB | ~2KB | 0B |
+| Bundle Size | ~500B | ~6KB | ~2KB | 0B |
 | Learning Curve | ⭐ Easy | ⭐⭐⭐⭐⭐ Hard | ⭐⭐ Easy | ⭐⭐⭐ Medium |
-| Boilerplate | Minimal ✅ | Massive | Minimal | Some |
-| TypeScript | Excellent ✅ | Good | Good | Good |
-| Middleware | Built-in ✅ | Required | Optional | ❌ No |
-| API Simplicity | Very Simple ✅ | Complex | Simple | Medium |
+| Boilerplate | Minimal | Massive | Minimal | Some |
+| TypeScript | Excellent | Good | Good | Good |
+| Store Middleware | Built-in | Required | Optional |  No |
+| Query System | Built-in |  Separate |  Separate |  No |
+| Caching | Automatic | Optional | Optional |  No |
+| API Simplicity | Very Simple | Complex | Simple | Medium |
 
 ---
 
-## 🚀 Quick Start
+##  Quick Start
 
 ### 1. Create Your Store
 
@@ -130,7 +135,7 @@ That's it! No providers, no boilerplate, just pure state management.
 
 ---
 
-## 📚 Core Concepts
+## Core Concepts
 
 ### Create a Store
 
@@ -158,38 +163,10 @@ function Component() {
   return <div>{count}</div>;
 }
 ```
-<!-- 
-### Reading State Outside Components
 
-```typescript
-// In event handlers, callbacks, or services
-const currentState = useStore.get();
-console.log(currentState.count);
-```
-
-### Updating State
-
-```typescript
-// Partial update
-useStore.set({ count: 5 });
-
-// Functional update with access to current state
-useStore.set((state) => ({ 
-  count: state.count + 1 
-}));
+## Store Middleware System
 
-// Async updates
-useStore.set(async (state) => ({
-  data: await fetchData(),
-  loading: false
-}));
-``` -->
-
----
-
-## 🧩 Middleware System
-
-Extend Zustic with powerful middleware for logging, persistence, validation, and more.
+Extend Zustic stores with powerful middleware for logging, persistence, validation, and more.
 
 ### Logger Middleware
 
@@ -261,6 +238,302 @@ export const useStore = create<StoreType>(
 
 ---
 
+## Query System (API Data Fetching)
+
+Zustic now includes a powerful query system for managing API requests with automatic caching, mutations, middleware, and plugins.
+
+### Create an API
+
+```typescript
+import { createApi } from 'zustic/query';
+
+type User = {
+  id: number;
+  name: string;
+  email: string;
+};
+
+const baseQuery = async (args: any) => {
+  try {
+
+    const response = await fetch(`https://api.example.com${args.url}`, {
+      method: args.method || 'GET',
+      headers: args.headers,
+      body: args.body ? JSON.stringify(args.body) : undefined,
+    });
+    const data = await response.json();
+    return { data };
+  } catch (error) {
+    return { error };
+  }
+};
+
+export const api = createApi({
+  baseQuery,
+  endpoints: (builder) => ({
+    getUsers: builder.query<User[], void>({
+      query: () => ({
+        url: '/users',
+        method: 'GET',
+      }),
+      transformResponse: (data) => data.map((u: User) => ({ ...u, name: u.name.toUpperCase() })),
+    }),
+    
+    getUser: builder.query<User, { id: number }>({
+      query: ({ id }) => ({
+        url: `/users/${id}`,
+        method: 'GET',
+      }),
+    }),
+    
+    createUser: builder.mutation<User, Omit<User, 'id'>>({
+      query: (body) => ({
+        url: '/users',
+        method: 'POST',
+        body,
+      }),
+      onSuccess: (data) => console.log('User created:', data),
+      onError: (error) => console.error('Failed to create:', error),
+    }),
+    
+    updateUser: builder.mutation<User, Partial<User>>({
+      query: (body) => ({
+        url: `/users/${body.id}`,
+        method: 'PUT',
+        body,
+      }),
+    }),
+  }),
+  cacheTimeout: 5 * 60 * 1000, // 5 minutes
+});
+```
+
+### Use Queries in Components
+
+```typescript
+import { api } from './api';
+
+function UsersList() {
+  // Query hook automatically fetches on mount
+  const { data: users, isLoading, isError, error, reFetch } = api.useUsersQuery();
+
+  if (isLoading) return <div>Loading...</div>;
+  if (isError) return <div>Error: {error?.message}</div>;
+
+  return (
+    <div>
+      <h2>Users</h2>
+      <button onClick={() => reFetch()}>Refresh</button>
+      <ul>
+        {users?.map((user) => (
+          <li key={user.id}>{user.name}</li>
+        ))}
+      </ul>
+    </div>
+  );
+}
+```
+
+### Skip Queries (Conditional Fetching)
+
+```typescript
+function UserDetail({ userId }: { userId?: number }) {
+  // Only fetch when userId is provided
+  const { data: user, isLoading } = api.useGetUserQuery(
+    { id: userId! },
+    { skip: !userId }
+  );
+
+  if (!userId) return <div>Select a user</div>;
+  if (isLoading) return <div>Loading...</div>;
+
+  return <div>{user?.name} ({user?.email})</div>;
+}
+```
+
+### Use Mutations in Components
+
+```typescript
+function CreateUserForm() {
+  // Mutation hook returns [mutate, state]
+  const [createUser, { isLoading, isError, error, data, isSuccess }] = api.useCreateUserMutation();
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    
+    await createUser({
+      name: formData.get('name') as string,
+      email: formData.get('email') as string,
+    });
+  };
+
+  return (
+    <form onSubmit={handleSubmit}>
+      <input name="name" placeholder="Name" required />
+      <input name="email" type="email" placeholder="Email" required />
+      <button type="submit" disabled={isLoading}>
+        {isLoading ? 'Creating...' : 'Create User'}
+      </button>
+      {isSuccess && <p User created!</p>}
+      {isError && <p> Error: {error?.message}</p>}
+    </form>
+  );
+}
+```
+
+### Query API Features
+
+#### Transformations
+
+```typescript
+getUser: builder.query<User, { id: number }>({
+  query: ({ id }) => ({
+    url: `/users/${id}`,
+    method: 'GET',
+  }),
+  // Transform the response data
+  transformResponse: (data) => ({
+    ...data,
+    formattedDate: new Date(data.createdAt).toLocaleDateString(),
+  }),
+  // Transform errors
+  transformError: (error) => ({
+    message: error.message || 'Unknown error occurred',
+    code: error.code,
+  }),
+  // Transform request body
+  transformBody: (body) => ({
+    ...body,
+    timestamp: Date.now(),
+  }),
+  // Transform request headers
+  transformHeader: (headers) => ({
+    ...headers,
+    'Authorization': `Bearer ${getToken()}`,
+  }),
+}),
+```
+
+#### Hooks and Callbacks
+
+```typescript
+createUser: builder.mutation<User, CreateUserInput>({
+  query: (body) => ({
+    url: '/users',
+    method: 'POST',
+    body,
+  }),
+  onSuccess: async (data) => {
+    console.log( 'User created:', data)
+  },
+  onError: async (error) => {
+    console.error(' Failed:', error)
+  },
+}),
+```
+
+#### Automatic Caching
+
+```typescript
+const api = createApi({
+  baseQuery,
+  endpoints: (builder) => ({
+    getUser: builder.query<User, { id: number }>({
+      query: ({ id }) => ({
+        url: `/users/${id}`,
+        method: 'GET',
+      }),
+    }),
+  }),
+  cacheTimeout: 10 * 60 * 1000, // Cache for 10 minutes
+});
+
+// First call: fetches from API
+const result1 = useGetUserQuery({ id: 1 });
+
+// Second call (within cache timeout): uses cached data
+const result2 = useGetUserQuery({ id: 1 });
+
+// Force refetch
+const result3 = await reFetch();
+```
+
+#### Custom Query Function
+
+```typescript
+getUserCustom: builder.query<User, { id: number }>({
+  queryFnc: async (arg, baseQuery) => {
+    // Implement custom logic
+    const token = localStorage.getItem('token');
+    return baseQuery({
+      url: `/users/${arg.id}`,
+      method: 'GET',
+      headers: { Authorization: `Bearer ${token}` },
+    });
+  },
+}),
+```
+
+---
+
+## Query Middleware & Plugins
+
+### Query-Level Middleware
+
+```typescript
+const requestLogger: ApiMiddleware = (ctx, next) => {
+  console.log('Request:', ctx.arg);
+  const result = await next();
+  console.log('Response:', result);
+  return result;
+};
+
+getUser: builder.query<User, { id: number }>({
+  query: ({ id }) => ({
+    url: `/users/${id}`,
+    method: 'GET',
+  }),
+  middlewares: [requestLogger],
+}),
+```
+
+### Global Plugins
+
+```typescript
+const authPlugin: ApiPlugin = {
+  name: 'auth-plugin',
+  
+  beforeQuery: (ctx) => {
+    const token = localStorage.getItem('token');
+    if (!token) {
+      throw new Error('Not authenticated');
+    }
+  },
+  
+  afterQuery: (result, ctx) => {
+    if (result.error?.status === 401) {
+      // Handle unauthorized
+      window.location.href = '/login';
+    }
+  },
+  
+  onError: (error, ctx) => {
+    console.error('API Error:', error);
+  },
+};
+
+const api = createApi({
+  baseQuery,
+  endpoints: (builder) => ({
+    // endpoints...
+  }),
+  plugins: [authPlugin],
+});
+```
+
+---
+
 ## 📱 Multi-Platform Examples
 
 ### React Web
@@ -331,7 +604,7 @@ export default function Page() {
 
 ---
 
-## 🧪 Testing
+## Testing
 
 Zustic stores are easy to test:
 
@@ -363,7 +636,7 @@ describe('Counter Store', () => {
 
 ---
 
-## 💡 Advanced Examples
+## Advanced Examples
 
 ### Async State
 
@@ -419,7 +692,7 @@ const useAppStore = create((set) => ({
 
 ---
 
-## 🔗 Resources
+## Resources
 
 - 📖 **[Full Documentation](https://zustic.github.io/)** - Complete API reference and guides
 - 🐛 **[GitHub Issues](https://github.com/DeveloperRejaul/zustic/issues)** - Report bugs and request features
@@ -428,7 +701,7 @@ const useAppStore = create((set) => ({
 
 ---
 
-## 📝 API Reference
+## API Reference
 
 ### `create<T>(initializer, middlewares?)`
 
@@ -452,19 +725,19 @@ const useStore = create((set, get) => ({
 
 ---
 
-## 🤝 Contributing
+## Contributing
 
 Contributions are welcome! Please feel free to submit a Pull Request to the [GitHub repository](https://github.com/DeveloperRejaul/zustic).
 
 ---
 
-## 📄 License
+## License
 
 MIT License © 2024 [Rejaul Karim](https://github.com/DeveloperRejaul)
 
 ---
 
-## 👨‍💻 Author
+## Author
 
 Created by **Rejaul Karim** - [GitHub](https://github.com/DeveloperRejaul)
 

package/dist/query/index.d.mts

@@ -73,7 +73,7 @@ type BaseQueryReturn<Data = any, Error = any> = {
 interface CreateApiParams<T extends EndpointsMap> {
     baseQuery: (option: QueryFnReturn) => Promise<BaseQueryReturn>;
     endpoints: (builder: BuilderType) => T;
-    clashTimeout?: number;
+    cacheTimeout?: number;
     middlewares?: ApiMiddleware[];
     plugins?: ApiPlugin[];
 }

package/dist/query/index.d.ts

@@ -73,7 +73,7 @@ type BaseQueryReturn<Data = any, Error = any> = {
 interface CreateApiParams<T extends EndpointsMap> {
     baseQuery: (option: QueryFnReturn) => Promise<BaseQueryReturn>;
     endpoints: (builder: BuilderType) => T;
-    clashTimeout?: number;
+    cacheTimeout?: number;
     middlewares?: ApiMiddleware[];
     plugins?: ApiPlugin[];
 }

package/dist/query/index.js

@@ -1 +1 @@
-"use strict";var M=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var H=Object.prototype.hasOwnProperty;var C=(t,n)=>{for(var a in n)M(t,a,{get:n[a],enumerable:!0})},R=(t,n,a,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let u of k(n))!H.call(t,u)&&u!==a&&M(t,u,{get:()=>n[u],enumerable:!(r=L(n,u))||r.enumerable});return t};var O=t=>R(M({},"__esModule",{value:!0}),t);var D={};C(D,{createApi:()=>N});module.exports=O(D);var A=require("react");var P=require("react");function g(t,n=[]){let a,r=[],u=c=>{let i=typeof c=="function"?c(a):c;a={...a,...i},r.forEach(y=>y())},w=()=>a,F=B(u,w,n);a=t(F,w);let S=c=>(r.push(c),()=>{r=r.filter(i=>i!==c)});return()=>(0,P.useSyncExternalStore)(S,w)}var B=(t,n,a)=>!a||a.length===0?t:a.reduceRight((r,u)=>u(t,n)(r),t);function v(t){return t.charAt(0).toUpperCase()+t.slice(1)}var J=async(t,n,a,r,u,w,F)=>{var S,c,i,y,T,m,p;n({isLoading:!0});try{let e=null,o=null,s=a().cashExp,b=Date.now(),h=!1;if(F||JSON.stringify(a().arg||{})!==JSON.stringify(t||{})?h=!1:h=s>=b,h&&(e=a().data),!h&&(r!=null&&r.queryFnc)){n({isFetching:!0});let{data:l,error:E}=await((S=r==null?void 0:r.queryFnc)==null?void 0:S.call(r,t,u));l&&(e=l),E&&(o=E)}else{let l=r.queryFn(t);if(r!=null&&r.transformHeader&&(l.headers=await((c=r==null?void 0:r.transformHeader)==null?void 0:c.call(r,l==null?void 0:l.headers))),r!=null&&r.transformBody&&(l.body=await((i=r==null?void 0:r.transformBody)==null?void 0:i.call(r,l==null?void 0:l.body))),!h){n({isFetching:!0});let{data:E,error:q}=await u(l);E&&(e=E),q&&(o=q)}}return e&&(r!=null&&r.transformResponse&&(e=await((y=r.transformResponse)==null?void 0:y.call(r,e,a().data))),r!=null&&r.onSuccess&&await((T=r.onSuccess)==null?void 0:T.call(r,e))),o&&(r!=null&&r.transformError&&(o=await((m=r.transformError)==null?void 0:m.call(r,o,a().error))),r!=null&&r.onError&&await((p=r.onError)==null?void 0:p.call(r,o))),e?(n({data:e,isSuccess:!0,isLoading:!1,isFetching:!1,cashExp:h?s:Date.now()+w,arg:t}),{data:e}):(n({isLoading:!1,isSuccess:!1,isFetching:!1,isError:!0,error:o,arg:t}),{error:o})}catch(e){return n({isLoading:!1,isSuccess:!1,isFetching:!1,isError:!0,error:e,arg:t}),{error:e}}};async function x(t,n,a,r,u,w,F,S,c){var p,e,o;let i={arg:t,def:r,get:a,set:n};for(let s of c)await((p=s.beforeQuery)==null?void 0:p.call(s,i));let y=-1,T=async s=>{if(s<=y)throw new Error("next() called multiple times");y=s;let b=S[s];return b?b(i,()=>T(s+1)):J(t,n,a,r,u,w,F)},m=await T(0);for(let s of c)await((e=s.afterQuery)==null?void 0:e.call(s,m,i));if(m!=null&&m.error)for(let s of c)await((o=s.onError)==null?void 0:o.call(s,m.error,i));return m}function N(t){let{baseQuery:n,endpoints:a,clashTimeout:r=30*1e3,middlewares:u=[],plugins:w=[]}=t,S=a({query:i=>({type:"query",queryFn:i.query,...i}),mutation:i=>({type:"mutation",queryFn:i.query,...i})}),c={};for(let i in S){let y=S[i],T=`use${v(i)}`+(y.type==="query"?"Query":"Mutation"),m=g((p,e)=>({data:null,isLoading:!1,isError:!1,isFetching:!1,isSuccess:!1,error:null,arg:null,cashExp:0,query:o=>x(o,p,e,y,n,r,!1,[...u,...y.middlewares||[]],[...w,...y.plugins||[]]),reFetch:()=>{var o;return x((o=e())==null?void 0:o.arg,p,e,y,n,r,!0,[...u,...y.middlewares||[]],[...w,...y.plugins||[]])}}));y.type==="query"&&(c[T]=(p,e)=>{let{skip:o}=e||{},{query:s,error:b,isError:h,isLoading:l,isSuccess:E,reFetch:q,data:Q}=m();return(0,A.useEffect)(()=>{o||s(p)},[JSON.stringify(p||{})]),{error:b,isError:h,isLoading:l,isSuccess:E,data:Q,reFetch:q}}),y.type==="mutation"&&(c[T]=()=>{let{query:p,...e}=m();return[p,e]})}return c}0&&(module.exports={createApi});
+"use strict";var q=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var R=(e,n)=>{for(var i in n)q(e,i,{get:n[i],enumerable:!0})},O=(e,n,i,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let c of H(n))!C.call(e,c)&&c!==i&&q(e,c,{get:()=>n[c],enumerable:!(r=k(n,c))||r.enumerable});return e};var B=e=>O(q({},"__esModule",{value:!0}),e);var j={};R(j,{createApi:()=>D});module.exports=B(j);var x=require("react");var g=require("react");function A(e,n=[]){let i,r=[],c=l=>{let s=typeof l=="function"?l(i):l;i={...i,...s},r.forEach(u=>u())},m=()=>i,F=v(c,m,n);i=e(F,m);let w=l=>(r.push(l),()=>{r=r.filter(s=>s!==l)});return()=>(0,g.useSyncExternalStore)(w,m)}var v=(e,n,i)=>!i||i.length===0?e:i.reduceRight((r,c)=>c(e,n)(r),e);function J(e){return e.charAt(0).toUpperCase()+e.slice(1)}var N=async(e,n,i,r,c,m,F)=>{var w,l,s,u,h,p,T;n({isLoading:!0});try{let t=null,o=null,a=i().cashExp,M=Date.now(),S=!1;if(F||JSON.stringify(i().arg||{})!==JSON.stringify(e||{})?S=!1:S=a>=M,S&&(t=i().data),!S&&(r!=null&&r.queryFnc)){n({isFetching:!0});let{data:y,error:E}=await((w=r==null?void 0:r.queryFnc)==null?void 0:w.call(r,e,c));y&&(t=y),E&&(o=E)}else{let y=r.queryFn(e);if(r!=null&&r.transformHeader&&(y.headers=await((l=r==null?void 0:r.transformHeader)==null?void 0:l.call(r,y==null?void 0:y.headers))),r!=null&&r.transformBody&&(y.body=await((s=r==null?void 0:r.transformBody)==null?void 0:s.call(r,y==null?void 0:y.body))),!S){n({isFetching:!0});let{data:E,error:b}=await c(y);E&&(t=E),b&&(o=b)}}return t&&(r!=null&&r.transformResponse&&(t=await((u=r.transformResponse)==null?void 0:u.call(r,t,i().data))),r!=null&&r.onSuccess&&await((h=r.onSuccess)==null?void 0:h.call(r,t))),o&&(r!=null&&r.transformError&&(o=await((p=r.transformError)==null?void 0:p.call(r,o,i().error))),r!=null&&r.onError&&await((T=r.onError)==null?void 0:T.call(r,o))),t?(n({data:t,isSuccess:!0,isLoading:!1,isFetching:!1,cashExp:S?a:Date.now()+m,arg:e}),{data:t}):(n({isLoading:!1,isSuccess:!1,isFetching:!1,isError:!0,error:o,arg:e}),{error:o})}catch(t){return n({isLoading:!1,isSuccess:!1,isFetching:!1,isError:!0,error:t,arg:e}),{error:t}}};async function P(e,n,i,r,c,m,F,w,l){var T,t,o;let s={arg:e,def:r,get:i,set:n};for(let a of l)await((T=a.beforeQuery)==null?void 0:T.call(a,s));let u=-1,h=async a=>{if(a<=u)throw new Error("next() called multiple times");u=a;let M=w[a];return M?M(s,()=>h(a+1)):N(e,n,i,r,c,m,F)},p=await h(0);for(let a of l)await((t=a.afterQuery)==null?void 0:t.call(a,p,s));if(p!=null&&p.error)for(let a of l)await((o=a.onError)==null?void 0:o.call(a,p.error,s));return p}function D(e){let{baseQuery:n,endpoints:i,cacheTimeout:r=30*1e3,middlewares:c=[],plugins:m=[]}=e,w=i({query:s=>({type:"query",queryFn:s.query,...s}),mutation:s=>({type:"mutation",queryFn:s.query,...s})}),l={};for(let s in w){let u=w[s],h=`use${J(s)}`+(u.type==="query"?"Query":"Mutation"),p=(u.plugins||[]).filter(t=>(t==null?void 0:t.middleware)&&typeof t.middleware=="function").map(t=>t.middleware),T=A((t,o)=>({data:null,isLoading:!1,isError:!1,isFetching:!1,isSuccess:!1,error:null,arg:null,cashExp:0,query:a=>P(a,t,o,u,n,r,!1,[...c,...u.middlewares||[],...p],[...m,...u.plugins||[]]),reFetch:()=>{var a;return P((a=o())==null?void 0:a.arg,t,o,u,n,r,!0,[...c,...u.middlewares||[],...p],[...m,...u.plugins||[]])}}));u.type==="query"&&(l[h]=(t,o)=>{let{skip:a}=o||{},{query:M,error:S,isError:y,isLoading:E,isSuccess:b,reFetch:Q,data:L}=T();return(0,x.useEffect)(()=>{a||M(t)},[JSON.stringify(t||{})]),{error:S,isError:y,isLoading:E,isSuccess:b,data:L,reFetch:Q}}),u.type==="mutation"&&(l[h]=()=>{let{query:t,...o}=T();return[t,o]})}return l}0&&(module.exports={createApi});

package/dist/query/index.mjs

@@ -1 +1 @@
-import{a as Q}from"../chunk-SISWF3T4.mjs";import{useEffect as k}from"react";function x(a){return a.charAt(0).toUpperCase()+a.slice(1)}var M=async(a,c,l,r,h,q,b)=>{var E,p,o,s,w,y,u;c({isLoading:!0});try{let n=null,t=null,i=l().cashExp,S=Date.now(),m=!1;if(b||JSON.stringify(l().arg||{})!==JSON.stringify(a||{})?m=!1:m=i>=S,m&&(n=l().data),!m&&(r!=null&&r.queryFnc)){c({isFetching:!0});let{data:e,error:F}=await((E=r==null?void 0:r.queryFnc)==null?void 0:E.call(r,a,h));e&&(n=e),F&&(t=F)}else{let e=r.queryFn(a);if(r!=null&&r.transformHeader&&(e.headers=await((p=r==null?void 0:r.transformHeader)==null?void 0:p.call(r,e==null?void 0:e.headers))),r!=null&&r.transformBody&&(e.body=await((o=r==null?void 0:r.transformBody)==null?void 0:o.call(r,e==null?void 0:e.body))),!m){c({isFetching:!0});let{data:F,error:A}=await h(e);F&&(n=F),A&&(t=A)}}return n&&(r!=null&&r.transformResponse&&(n=await((s=r.transformResponse)==null?void 0:s.call(r,n,l().data))),r!=null&&r.onSuccess&&await((w=r.onSuccess)==null?void 0:w.call(r,n))),t&&(r!=null&&r.transformError&&(t=await((y=r.transformError)==null?void 0:y.call(r,t,l().error))),r!=null&&r.onError&&await((u=r.onError)==null?void 0:u.call(r,t))),n?(c({data:n,isSuccess:!0,isLoading:!1,isFetching:!1,cashExp:m?i:Date.now()+q,arg:a}),{data:n}):(c({isLoading:!1,isSuccess:!1,isFetching:!1,isError:!0,error:t,arg:a}),{error:t})}catch(n){return c({isLoading:!1,isSuccess:!1,isFetching:!1,isError:!0,error:n,arg:a}),{error:n}}};async function T(a,c,l,r,h,q,b,E,p){var u,n,t;let o={arg:a,def:r,get:l,set:c};for(let i of p)await((u=i.beforeQuery)==null?void 0:u.call(i,o));let s=-1,w=async i=>{if(i<=s)throw new Error("next() called multiple times");s=i;let S=E[i];return S?S(o,()=>w(i+1)):M(a,c,l,r,h,q,b)},y=await w(0);for(let i of p)await((n=i.afterQuery)==null?void 0:n.call(i,y,o));if(y!=null&&y.error)for(let i of p)await((t=i.onError)==null?void 0:t.call(i,y.error,o));return y}function P(a){let{baseQuery:c,endpoints:l,clashTimeout:r=30*1e3,middlewares:h=[],plugins:q=[]}=a,E=l({query:o=>({type:"query",queryFn:o.query,...o}),mutation:o=>({type:"mutation",queryFn:o.query,...o})}),p={};for(let o in E){let s=E[o],w=`use${x(o)}`+(s.type==="query"?"Query":"Mutation"),y=Q((u,n)=>({data:null,isLoading:!1,isError:!1,isFetching:!1,isSuccess:!1,error:null,arg:null,cashExp:0,query:t=>T(t,u,n,s,c,r,!1,[...h,...s.middlewares||[]],[...q,...s.plugins||[]]),reFetch:()=>{var t;return T((t=n())==null?void 0:t.arg,u,n,s,c,r,!0,[...h,...s.middlewares||[]],[...q,...s.plugins||[]])}}));s.type==="query"&&(p[w]=(u,n)=>{let{skip:t}=n||{},{query:i,error:S,isError:m,isLoading:e,isSuccess:F,reFetch:A,data:g}=y();return k(()=>{t||i(u)},[JSON.stringify(u||{})]),{error:S,isError:m,isLoading:e,isSuccess:F,data:g,reFetch:A}}),s.type==="mutation"&&(p[w]=()=>{let{query:u,...n}=y();return[u,n]})}return p}export{P as createApi};
+import{a as Q}from"../chunk-SISWF3T4.mjs";import{useEffect as k}from"react";function x(s){return s.charAt(0).toUpperCase()+s.slice(1)}var H=async(s,u,y,r,h,q,A)=>{var E,l,t,o,m,c,w;u({isLoading:!0});try{let n=null,a=null,i=y().cashExp,S=Date.now(),p=!1;if(A||JSON.stringify(y().arg||{})!==JSON.stringify(s||{})?p=!1:p=i>=S,p&&(n=y().data),!p&&(r!=null&&r.queryFnc)){u({isFetching:!0});let{data:e,error:F}=await((E=r==null?void 0:r.queryFnc)==null?void 0:E.call(r,s,h));e&&(n=e),F&&(a=F)}else{let e=r.queryFn(s);if(r!=null&&r.transformHeader&&(e.headers=await((l=r==null?void 0:r.transformHeader)==null?void 0:l.call(r,e==null?void 0:e.headers))),r!=null&&r.transformBody&&(e.body=await((t=r==null?void 0:r.transformBody)==null?void 0:t.call(r,e==null?void 0:e.body))),!p){u({isFetching:!0});let{data:F,error:b}=await h(e);F&&(n=F),b&&(a=b)}}return n&&(r!=null&&r.transformResponse&&(n=await((o=r.transformResponse)==null?void 0:o.call(r,n,y().data))),r!=null&&r.onSuccess&&await((m=r.onSuccess)==null?void 0:m.call(r,n))),a&&(r!=null&&r.transformError&&(a=await((c=r.transformError)==null?void 0:c.call(r,a,y().error))),r!=null&&r.onError&&await((w=r.onError)==null?void 0:w.call(r,a))),n?(u({data:n,isSuccess:!0,isLoading:!1,isFetching:!1,cashExp:p?i:Date.now()+q,arg:s}),{data:n}):(u({isLoading:!1,isSuccess:!1,isFetching:!1,isError:!0,error:a,arg:s}),{error:a})}catch(n){return u({isLoading:!1,isSuccess:!1,isFetching:!1,isError:!0,error:n,arg:s}),{error:n}}};async function M(s,u,y,r,h,q,A,E,l){var w,n,a;let t={arg:s,def:r,get:y,set:u};for(let i of l)await((w=i.beforeQuery)==null?void 0:w.call(i,t));let o=-1,m=async i=>{if(i<=o)throw new Error("next() called multiple times");o=i;let S=E[i];return S?S(t,()=>m(i+1)):H(s,u,y,r,h,q,A)},c=await m(0);for(let i of l)await((n=i.afterQuery)==null?void 0:n.call(i,c,t));if(c!=null&&c.error)for(let i of l)await((a=i.onError)==null?void 0:a.call(i,c.error,t));return c}function O(s){let{baseQuery:u,endpoints:y,cacheTimeout:r=30*1e3,middlewares:h=[],plugins:q=[]}=s,E=y({query:t=>({type:"query",queryFn:t.query,...t}),mutation:t=>({type:"mutation",queryFn:t.query,...t})}),l={};for(let t in E){let o=E[t],m=`use${x(t)}`+(o.type==="query"?"Query":"Mutation"),c=(o.plugins||[]).filter(n=>(n==null?void 0:n.middleware)&&typeof n.middleware=="function").map(n=>n.middleware),w=Q((n,a)=>({data:null,isLoading:!1,isError:!1,isFetching:!1,isSuccess:!1,error:null,arg:null,cashExp:0,query:i=>M(i,n,a,o,u,r,!1,[...h,...o.middlewares||[],...c],[...q,...o.plugins||[]]),reFetch:()=>{var i;return M((i=a())==null?void 0:i.arg,n,a,o,u,r,!0,[...h,...o.middlewares||[],...c],[...q,...o.plugins||[]])}}));o.type==="query"&&(l[m]=(n,a)=>{let{skip:i}=a||{},{query:S,error:p,isError:e,isLoading:F,isSuccess:b,reFetch:T,data:g}=w();return k(()=>{i||S(n)},[JSON.stringify(n||{})]),{error:p,isError:e,isLoading:F,isSuccess:b,data:g,reFetch:T}}),o.type==="mutation"&&(l[m]=()=>{let{query:n,...a}=w();return[n,a]})}return l}export{O as createApi};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zustic",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "A fast, minimal state management solution for React ecosystems. Works seamlessly with React, Next.js, and React Native, offering predictable state updates with a tiny footprint.",
   "scripts": {
     "build": "tsup",