@royaltics/ui 1.9.2 → 1.9.3

package/dist/hooks/useHttpStore.d.ts

@@ -15,6 +15,12 @@ export interface HttpOptions {
     };
 }
 export declare const initHttpOptions: (options: HttpOptions) => void;
+/**
+ * Hook to access the global HTTP store state with selector optimization.
+ *
+ * IMPORTANT: This hook uses a stabilization layer to prevent infinite loops in React
+ * when using inline selectors that return new objects or functions.
+ */
 export declare function useHttpStore(): HttpStoreState;
 export declare function useHttpStore<T>(selector: (state: HttpStoreState) => T): T;
 //# sourceMappingURL=useHttpStore.d.ts.map

package/dist/hooks/useHttpStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHttpStore.d.ts","sourceRoot":"","sources":["../../src/hooks/useHttpStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGtF,MAAM,WAAW,WAAW;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACF;AAID,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,SAmCnD,CAAC;AAEF,wBAAgB,YAAY,IAAI,cAAc,CAAC;AAC/C,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,CAAC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"useHttpStore.d.ts","sourceRoot":"","sources":["../../src/hooks/useHttpStore.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,cAAc,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAGtF,MAAM,WAAW,WAAW;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,KAAK,IAAI,CAAC;IAChD,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACF;AAID,eAAO,MAAM,eAAe,GAAI,SAAS,WAAW,SAmCnD,CAAC;AA6BF;;;;;GAKG;AACH,wBAAgB,YAAY,IAAI,cAAc,CAAC;AAC/C,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,CAAC,GAAG,CAAC,CAAC"}

package/dist/hooks/useHttpStore.js

@@ -1,3 +1,4 @@
+import { useRef, useCallback } from 'react';
 import { useStore } from 'zustand';
 import { httpStore } from '../core/http/http-store.js';
 import QueryManager from '../core/http/query-manager.js';
@@ -25,7 +26,64 @@ export const initHttpOptions = (options) => {
         window.addEventListener('offline', handleOffline);
     }
 };
+/**
+ * Shallow equality check to prevent infinite loops when selectors return new objects
+ */
+function shallowEqual(objA, objB) {
+    if (Object.is(objA, objB))
+        return true;
+    if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null)
+        return false;
+    const keysA = Object.keys(objA);
+    const keysB = Object.keys(objB);
+    if (keysA.length !== keysB.length)
+        return false;
+    for (let i = 0; i < keysA.length; i++) {
+        const key = keysA[i];
+        if (!Object.prototype.hasOwnProperty.call(objB, key))
+            return false;
+        const valA = objA[key];
+        const valB = objB[key];
+        // If both are functions, we treat them as equal for referential stability of the object.
+        // This is a common pattern in selectors when wrapping actions.
+        if (typeof valA === 'function' && typeof valB === 'function')
+            continue;
+        if (!Object.is(valA, valB))
+            return false;
+    }
+    return true;
+}
 export function useHttpStore(selector) {
-    return useStore(httpStore, selector);
+    // Refs to track state and results for referential stability
+    const refs = useRef({
+        lastState: null,
+        lastResult: null,
+        selector
+    });
+    // Update the selector ref so the callback always has the latest version
+    refs.current.selector = selector;
+    const stableSelector = useCallback((state) => {
+        const { lastState, lastResult, selector: currentSelector } = refs.current;
+        // 1. FAST PATH: Identity check on the whole state
+        // If the store hasn't changed, reuse the previous result immediately.
+        if (state === lastState && lastResult !== null) {
+            return lastResult;
+        }
+        // 2. RUN SELECTOR
+        const nextResult = currentSelector
+            ? currentSelector(state)
+            : state;
+        // 3. STABILITY CHECK: Shallow comparison
+        // Even if state changed, if the selected data is "equal" to previous,
+        // we return the OLD reference to keep React stable.
+        if (lastResult !== null && shallowEqual(lastResult, nextResult)) {
+            return lastResult;
+        }
+        // 4. UPDATE CACHE
+        refs.current.lastState = state;
+        refs.current.lastResult = nextResult;
+        return nextResult;
+    }, []);
+    return useStore(httpStore, stableSelector);
 }
 //# sourceMappingURL=useHttpStore.js.map

package/dist/hooks/useHttpStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHttpStore.js","sourceRoot":"","sources":["../../src/hooks/useHttpStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,SAAS,EAAiC,MAAM,4BAA4B,CAAC;AACtF,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAkBzD,IAAI,wBAAwB,GAAG,KAAK,CAAC;AAErC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAoB,EAAE,EAAE;IACvD,IAAI,wBAAwB;QAAE,OAAO;IACrC,wBAAwB,GAAG,IAAI,CAAC;IAEhC,MAAM,EACL,OAAO,GAAG,EAAE,EACZ,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,EAAE,EACZ,YAAY,GAAG,KAAK,EACpB,WAAW,EACX,SAAS,EACT,aAAa,EAAE,OAAO,EACtB,WAAW,GACX,GAAG,OAAO,CAAC;IAEZ,MAAM,YAAY,GAAG,IAAI,YAAY,CAAC,WAAW,CAAC,CAAC;IAEnD,SAAS,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC;QACzB,OAAO;QACP,KAAK;QACL,OAAO;QACP,YAAY;QACZ,YAAY;QACZ,WAAW;QACX,SAAS;QACT,aAAa,EAAE,OAAO;KACtB,CAAC,CAAC;IAEH,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QACnC,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAElE,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACnD,CAAC;AACF,CAAC,CAAC;AAIF,MAAM,UAAU,YAAY,CAAI,QAAuC;IACtE,OAAO,QAAQ,CAAC,SAAS,EAAE,QAAS,CAAC,CAAC;AACvC,CAAC"}
+{"version":3,"file":"useHttpStore.js","sourceRoot":"","sources":["../../src/hooks/useHttpStore.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@royaltics/ui",
-    "version": "1.9.2",
+    "version": "1.9.3",
     "private": false,
     "main": "dist/index.cjs",
     "module": "dist/index.js",
@@ -15,59 +15,59 @@
             "require": "./dist/index.cjs"
         },
         "./icons": {
+            "types": "./dist/icons/index.d.ts",
             "import": "./dist/icons/index.js",
-            "require": "./dist/icons/index.cjs",
-            "types": "./dist/icons/index.d.ts"
+            "require": "./dist/icons/index.cjs"
         },
         "./forms": {
+            "types": "./dist/forms/index.d.ts",
             "import": "./dist/forms/index.js",
-            "require": "./dist/forms/index.cjs",
-            "types": "./dist/forms/index.d.ts"
+            "require": "./dist/forms/index.cjs"
         },
         "./hooks": {
+            "types": "./dist/hooks/index.d.ts",
             "import": "./dist/hooks/index.js",
-            "require": "./dist/hooks/index.cjs",
-            "types": "./dist/hooks/index.d.ts"
+            "require": "./dist/hooks/index.cjs"
         },
         "./providers": {
+            "types": "./dist/providers/index.d.ts",
             "import": "./dist/providers/index.js",
-            "require": "./dist/providers/index.cjs",
-            "types": "./dist/providers/index.d.ts"
+            "require": "./dist/providers/index.cjs"
         },
         "./reducers": {
+            "types": "./dist/reducers/index.d.ts",
             "import": "./dist/reducers/index.js",
-            "require": "./dist/reducers/index.cjs",
-            "types": "./dist/reducers/index.d.ts"
+            "require": "./dist/reducers/index.cjs"
         },
         "./components": {
+            "types": "./dist/components/index.d.ts",
             "import": "./dist/components/index.js",
-            "require": "./dist/components/index.cjs",
-            "types": "./dist/components/index.d.ts"
+            "require": "./dist/components/index.cjs"
         },
         "./validators": {
+            "types": "./dist/validators/index.d.ts",
             "import": "./dist/validators/index.js",
-            "require": "./dist/validators/index.cjs",
-            "types": "./dist/validators/index.d.ts"
+            "require": "./dist/validators/index.cjs"
         },
         "./utils": {
+            "types": "./dist/utils/index.d.ts",
             "import": "./dist/utils/index.js",
-            "require": "./dist/utils/index.cjs",
-            "types": "./dist/utils/index.d.ts"
+            "require": "./dist/utils/index.cjs"
         },
         "./zustand": {
+            "types": "./dist/core/zustand/index.d.ts",
             "import": "./dist/core/zustand/index.js",
-            "require": "./dist/core/zustand/index.cjs",
-            "types": "./dist/core/zustand/index.d.ts"
+            "require": "./dist/core/zustand/index.cjs"
         },
         "./socket": {
+            "types": "./dist/core/socket/index.d.ts",
             "import": "./dist/core/socket/index.js",
-            "require": "./dist/core/socket/index.cjs",
-            "types": "./dist/core/socket/index.d.ts"
+            "require": "./dist/core/socket/index.cjs"
         },
         "./i18n": {
+            "types": "./dist/core/i18n/index.d.ts",
             "import": "./dist/core/i18n/index.js",
-            "require": "./dist/core/i18n/index.cjs",
-            "types": "./dist/core/i18n/index.d.ts"
+            "require": "./dist/core/i18n/index.cjs"
         }
     },
     "scripts": {