qortex-react 0.2.8 → 0.2.9

package/index.d.ts

@@ -21,4 +21,25 @@ declare function useQueryData<F extends Fetcher>(key: QueryKey, opts: QueryOptio
 }): InferFetcherResult<F> | undefined;
 declare function useQueryData<T = any>(key: QueryKey, opts?: QueryOptions<T>): T | undefined;
 
-export { useQuery, useQueryData };
+/**
+ * useQuerySelect hook for React integration with qortex
+ * Provides reactive data fetching with automatic re-renders on state changes
+ * Enhanced with automatic type inference from fetchers
+ *
+ * Now includes smart subscription: automatically detects which properties are accessed
+ * and only re-renders when those specific properties change, not the entire state.
+ *
+ * @example
+ * ```tsx
+ * const query = useQuerySelect('users', { fetcher: fetchUsers });
+ *
+ * // Only re-renders when data or isSuccess changes, not when isError changes
+ * return <div>{query.isSuccess ? query.data?.name : 'Loading...'}</div>;
+ * ```
+ */
+declare function useQuerySelect<F extends Fetcher>(key: QueryKey, opts: QueryOptions<InferFetcherResult<F>> & {
+    fetcher: F;
+}): QueryState<InferFetcherResult<F>>;
+declare function useQuerySelect<T = any>(key: QueryKey, opts?: QueryOptions<T>): QueryState<T>;
+
+export { useQuery, useQueryData, useQuerySelect };

package/index.js

@@ -3,10 +3,11 @@
 var qortexCore = require('qortex-core');
 var react = require('react');
 
-function O(e,t){let r=qortexCore.serializeKey(e),u=react.useCallback(()=>qortexCore.getQueryState(e,t),[r]),n=react.useCallback(s=>qortexCore.subscribeQuery(e,s,t),[r]);return react.useSyncExternalStore(n,u)}function C(e,t){let r=qortexCore.serializeKey(e),u=react.useCallback(()=>qortexCore.getQueryData(e,t),[r]),n=react.useCallback(s=>qortexCore.subscribeQuery(e,s,t),[r]);return react.useSyncExternalStore(n,u)}
+function A(e,t){let r=qortexCore.serializeKey(e),u=react.useCallback(()=>qortexCore.getQueryState(e,t),[r]),n=react.useCallback(o=>qortexCore.subscribeQuery(e,o,t),[r]);return react.useSyncExternalStore(n,u)}function V(e,t){let r=qortexCore.serializeKey(e),u=react.useCallback(()=>qortexCore.getQueryData(e,t),[r]),n=react.useCallback(o=>qortexCore.subscribeQuery(e,o,t),[r]);return react.useSyncExternalStore(n,u)}function re(e,t){let r=qortexCore.serializeKey(e),u=react.useRef(),n=react.useRef(new Set),a=react.useCallback(y=>qortexCore.subscribeQuery(e,s=>{let F=u.current,i=n.current;if(i.size===0){u.current=s,y();return}let Q=!1;for(let f of i)if(F?.[f]!==s[f]){Q=!0;break}Q&&(u.current=s,y());},t),[r]),o=react.useCallback(()=>qortexCore.getQueryState(e,t),[r]),c=react.useSyncExternalStore(a,o);return react.useMemo(()=>new Proxy(c,{get(y,s){return n.current.add(s),y[s]}}),[c])}
 
-exports.useQuery = O;
-exports.useQueryData = C;
+exports.useQuery = A;
+exports.useQueryData = V;
+exports.useQuerySelect = re;
 Object.keys(qortexCore).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,

package/index.mjs

@@ -1,7 +1,7 @@
 import { serializeKey, getQueryState, subscribeQuery, getQueryData } from 'qortex-core';
 export * from 'qortex-core';
-import { useCallback, useSyncExternalStore } from 'react';
+import { useCallback, useSyncExternalStore, useRef, useMemo } from 'react';
 
-function O(e,t){let r=serializeKey(e),u=useCallback(()=>getQueryState(e,t),[r]),n=useCallback(s=>subscribeQuery(e,s,t),[r]);return useSyncExternalStore(n,u)}function C(e,t){let r=serializeKey(e),u=useCallback(()=>getQueryData(e,t),[r]),n=useCallback(s=>subscribeQuery(e,s,t),[r]);return useSyncExternalStore(n,u)}
+function A(e,t){let r=serializeKey(e),u=useCallback(()=>getQueryState(e,t),[r]),n=useCallback(o=>subscribeQuery(e,o,t),[r]);return useSyncExternalStore(n,u)}function V(e,t){let r=serializeKey(e),u=useCallback(()=>getQueryData(e,t),[r]),n=useCallback(o=>subscribeQuery(e,o,t),[r]);return useSyncExternalStore(n,u)}function re(e,t){let r=serializeKey(e),u=useRef(),n=useRef(new Set),a=useCallback(y=>subscribeQuery(e,s=>{let F=u.current,i=n.current;if(i.size===0){u.current=s,y();return}let Q=!1;for(let f of i)if(F?.[f]!==s[f]){Q=!0;break}Q&&(u.current=s,y());},t),[r]),o=useCallback(()=>getQueryState(e,t),[r]),c=useSyncExternalStore(a,o);return useMemo(()=>new Proxy(c,{get(y,s){return n.current.add(s),y[s]}}),[c])}
 
-export { O as useQuery, C as useQueryData };
+export { A as useQuery, V as useQueryData, re as useQuerySelect };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qortex-react",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "description": "React hook bridge for qortex runtime",
   "main": "index.js",
   "module": "index.mjs",
@@ -42,7 +42,7 @@
   "author": "Darshan Naik",
   "license": "LGPL-3.0",
   "dependencies": {
-    "qortex-core": "0.2.8"
+    "qortex-core": "0.2.9"
   },
   "peerDependencies": {
     "react": ">=18"