@toapi/react 1.3.3 → 1.4.0

package/dist/use-query.d.ts

@@ -3,7 +3,8 @@ import * as React from "react";
 type ObservablePromise<T> = Promise<T> & Observable<T>;
 interface Options {
     startTransition?: typeof React.startTransition;
+    onStatusChange?(status: "loading" | "idle"): void;
 }
-export declare function useQuery<T>(query: ObservablePromise<T> | (() => ObservablePromise<T>), { startTransition }?: Options): T;
+export declare function useQuery<T>(query: ObservablePromise<T> | (() => ObservablePromise<T>), { startTransition, onStatusChange }?: Options): T;
 export {};
 //# sourceMappingURL=use-query.d.ts.map

package/dist/use-query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-query.d.ts","sourceRoot":"","sources":["../src/use-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,iBAAiB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;AAEvD,UAAU,OAAO;IACf,eAAe,CAAC,EAAE,OAAO,KAAK,CAAC,eAAe,CAAC;CAChD;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAExB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAC1D,EAAE,eAAuC,EAAE,GAAE,OAAY,KA2C1D"}
+{"version":3,"file":"use-query.d.ts","sourceRoot":"","sources":["../src/use-query.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,iBAAiB,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;AAEvD,UAAU,OAAO;IACf,eAAe,CAAC,EAAE,OAAO,KAAK,CAAC,eAAe,CAAC;IAC/C,cAAc,CAAC,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,GAAG,IAAI,CAAC;CACnD;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAExB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAC1D,EAAE,eAAuC,EAAE,cAAc,EAAE,GAAE,OAAY,KAmD1E"}

package/dist/use-query.js

@@ -2,24 +2,33 @@ import {} from "@toapi/common";
 import * as React from "react";
 export function useQuery(
 // TODO remove the useless function-form in next major release
-query, { startTransition = React.startTransition } = {}) {
+query, { startTransition = React.startTransition, onStatusChange } = {}) {
     const observable = typeof query === "function" ? query() : query;
     const queryKey = observable.queryKey;
     const initialObservable = React.useMemo(() => observable, [queryKey]);
     const [state, setState] = React.useState(null);
     React.useEffect(() => {
         let active = true;
-        const unsubscribe = observable.subscribe((next) => {
-            startTransition(async () => {
-                try {
-                    const value = await next;
-                    // A late update from a subscription we have already left behind must
-                    // not overwrite the current one.
-                    if (active)
-                        setState({ promise: next, queryKey, value });
-                }
-                catch { }
-            });
+        let emitted = 0;
+        let applied = 0;
+        const unsubscribe = observable.subscribe(async (next) => {
+            const seq = ++emitted;
+            onStatusChange?.("loading");
+            try {
+                const value = await next;
+                // A late update from a subscription we have already left behind must
+                // not overwrite the current one.
+                if (!active || seq < applied)
+                    return;
+                applied = seq;
+                startTransition(() => setState({ promise: next, queryKey, value }));
+            }
+            finally {
+                if (!active || seq < applied)
+                    return;
+                applied = seq;
+                onStatusChange?.("idle");
+            }
         });
         return () => {
             active = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toapi/react",
-  "version": "1.3.3",
+  "version": "1.4.0",
   "author": {
     "name": "Michel Smola",
     "email": "michel.smola@farbenmeer.de"
@@ -18,15 +18,15 @@
     "dist"
   ],
   "dependencies": {
-    "@toapi/common": "^1.3.3"
+    "@toapi/common": "^1.4.0"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.0.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^7.0.0",
     "@testing-library/react": "^16.3.0",
-    "@toapi/client": "^1.3.3",
-    "@toapi/server": "^1.3.3",
+    "@toapi/client": "^1.4.0",
+    "@toapi/server": "^1.4.0",
     "@types/node": "^25.0.3",
     "@types/react": "^19.2.7",
     "react": "^19.1.1",