floppy-disk 1.0.0 → 1.1.0

package/README.md

@@ -7,9 +7,9 @@ This library was highly-inspired by [Zustand](https://www.npmjs.com/package/zust
 **Bundle Size Comparison:**
 
 ```js
-import { create } from 'zustand'; // 3.3k (gzipped: 1.5k)
+import { create } from 'zustand'; // 3.3 kB (gzipped: 1.5 kB)
 
-import { createStore } from 'floppy-disk'; // 1.1k (gzipped: 622) 🎉
+import { createStore } from 'floppy-disk'; // 1.1 kB (gzipped: 622 B) 🎉
 
 import {
   QueryClient,
@@ -17,11 +17,16 @@ import {
   useQuery,
   useInfiniteQuery,
   useMutation,
-} from '@tanstack/react-query'; // 41k (gzipped: 11k)
+} from '@tanstack/react-query'; // 41 kB (gzipped: 11 kB)
 
-import { createQuery, createMutation } from 'floppy-disk'; // 6.1k (gzipped: 2.2k) 🎉
+import { createQuery, createMutation } from 'floppy-disk'; // 6.3 kB (gzipped: 2.3 kB) 🎉
 ```
 
+- Using Zustand & React-Query: https://demo-zustand-react-query.vercel.app/  
+  👉 Total: **309.16 kB** ~ gzipped 97.66 kB
+- Using Floppy Disk: https://demo-floppy-disk.vercel.app/  
+  👉 Total: **279.46 kB** ~ gzipped 89.33 kB
+
 ## Table of Contents
 
 - [Store](#store)

package/esm/react/create-query.d.ts

@@ -23,6 +23,10 @@ export declare type QueryState<TKey extends StoreKey = StoreKey, TResponse = any
     fetchNextPage: () => void;
     markAsStale: () => void;
     reset: () => void;
+    /**
+     * Set query response & data.
+     */
+    setResponse: (responseSetter: TResponse | ((state: QueryState<TKey, TResponse, TData, TError>) => TResponse)) => void;
     helpers: {
         /**
          * Fetch all active queries.

package/esm/react/create-query.js

@@ -142,6 +142,7 @@ export const createQuery = (queryFn, options = {}) => {
                 return forceFetch();
             if (isWaitingNextPage || !hasNextPage)
                 return;
+            set({ isWaitingNextPage: true });
             queryFn(key, { ...state, pageParam })
                 .then((response) => {
                 const newPageParam = getNextPageParam(response, pageParams.length);
@@ -164,6 +165,23 @@ export const createQuery = (queryFn, options = {}) => {
                 });
             });
         };
+        const setResponse = (responseSetter) => {
+            if (responseSetter === undefined)
+                return;
+            const store = useQuery.get(key);
+            const response = typeof responseSetter === 'function'
+                ? responseSetter(store)
+                : responseSetter;
+            useQuery.set(key, {
+                status: 'success',
+                isLoading: false,
+                isSuccess: true,
+                isError: false,
+                response,
+                responseUpdatedAt: Date.now(),
+                data: select(response, { key, data: store.data }),
+            });
+        };
         const fetchAllActiveQueries = () => {
             useQuery.getAllWithSubscriber().forEach((state) => {
                 state.fetch();
@@ -187,6 +205,7 @@ export const createQuery = (queryFn, options = {}) => {
             fetchNextPage,
             markAsStale: () => set({ responseUpdatedAt: null }),
             reset: () => set(INITIAL_QUERY_STATE),
+            setResponse,
             helpers: {
                 fetchAllActiveQueries,
                 forceFetchAllActiveQueries,

package/lib/react/create-query.d.ts

@@ -23,6 +23,10 @@ export declare type QueryState<TKey extends StoreKey = StoreKey, TResponse = any
     fetchNextPage: () => void;
     markAsStale: () => void;
     reset: () => void;
+    /**
+     * Set query response & data.
+     */
+    setResponse: (responseSetter: TResponse | ((state: QueryState<TKey, TResponse, TData, TError>) => TResponse)) => void;
     helpers: {
         /**
          * Fetch all active queries.

package/lib/react/create-query.js

@@ -145,6 +145,7 @@ const createQuery = (queryFn, options = {}) => {
                 return forceFetch();
             if (isWaitingNextPage || !hasNextPage)
                 return;
+            set({ isWaitingNextPage: true });
             queryFn(key, { ...state, pageParam })
                 .then((response) => {
                 const newPageParam = getNextPageParam(response, pageParams.length);
@@ -167,6 +168,23 @@ const createQuery = (queryFn, options = {}) => {
                 });
             });
         };
+        const setResponse = (responseSetter) => {
+            if (responseSetter === undefined)
+                return;
+            const store = useQuery.get(key);
+            const response = typeof responseSetter === 'function'
+                ? responseSetter(store)
+                : responseSetter;
+            useQuery.set(key, {
+                status: 'success',
+                isLoading: false,
+                isSuccess: true,
+                isError: false,
+                response,
+                responseUpdatedAt: Date.now(),
+                data: select(response, { key, data: store.data }),
+            });
+        };
         const fetchAllActiveQueries = () => {
             useQuery.getAllWithSubscriber().forEach((state) => {
                 state.fetch();
@@ -190,6 +208,7 @@ const createQuery = (queryFn, options = {}) => {
             fetchNextPage,
             markAsStale: () => set({ responseUpdatedAt: null }),
             reset: () => set(INITIAL_QUERY_STATE),
+            setResponse,
             helpers: {
                 fetchAllActiveQueries,
                 forceFetchAllActiveQueries,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "floppy-disk",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "FloppyDisk - lightweight, simple, and powerful state management library",
   "keywords": [
     "state",
@@ -30,6 +30,9 @@
   ],
   "types": "lib/index.d.ts",
   "typings": "lib/index.d.ts",
+  "engines": {
+    "node": ">=18"
+  },
   "scripts": {
     "prepare": "husky install",
     "build:cjs": "tsc",
@@ -40,7 +43,8 @@
     "format:fix": "prettier --write .",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
-    "lint:types": "tsc --noEmit"
+    "lint:types": "tsc --noEmit",
+    "semantic-release": "semantic-release"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.0.0",
@@ -57,10 +61,24 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
     "rimraf": "^3.0.2",
+    "semantic-release": "^21.0.7",
     "typescript": "^4.6.4"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "release": {
+    "branches": [
+      "main",
+      {
+        "name": "alpha",
+        "prerelease": true
+      },
+      {
+        "name": "beta",
+        "prerelease": true
+      }
+    ]
   }
 }