UNPKG

@tanstack/react-store

Version:

Framework agnostic type-safe store w/ reactive framework adapters

54 lines (53 loc) 1.47 kB
import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector.js"; export * from "@tanstack/store"; function useStore(store, selector = (d) => d) { const slice = useSyncExternalStoreWithSelector( store.subscribe, () => store.state, () => store.state, selector, shallow ); return slice; } function shallow(objA, objB) { if (Object.is(objA, objB)) { return true; } if (typeof objA !== "object" || objA === null || typeof objB !== "object" || objB === null) { return false; } if (objA instanceof Map && objB instanceof Map) { if (objA.size !== objB.size) return false; for (const [k, v] of objA) { if (!objB.has(k) || !Object.is(v, objB.get(k))) return false; } return true; } if (objA instanceof Set && objB instanceof Set) { if (objA.size !== objB.size) return false; for (const v of objA) { if (!objB.has(v)) return false; } return true; } if (objA instanceof Date && objB instanceof Date) { if (objA.getTime() !== objB.getTime()) return false; return true; } const keysA = Object.keys(objA); if (keysA.length !== Object.keys(objB).length) { return false; } for (let i = 0; i < keysA.length; i++) { if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !Object.is(objA[keysA[i]], objB[keysA[i]])) { return false; } } return true; } export { shallow, useStore }; //# sourceMappingURL=index.js.map