prostgles-client 4.0.265 → 4.0.266

package/dist/getDbHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDbHandler.d.ts","sourceRoot":"","sources":["../lib/getDbHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAMlB,KAAK,oBAAoB,EAC1B,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EAIjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAGL,KAAK,WAAW,EAGjB,MAAM,2BAA2B,CAAC;AAGnC,KAAK,IAAI,GAAG;IACV,MAAM,EAAE,oBAAoB,CAAC;IAC7B,WAAW,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACzC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,WAAW,EAAE,OAAO,WAAW,GAAG,SAAS,CAAC;IAC5C,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/C,mBAAmB,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;CAChE,CAAC;AAIF,eAAO,MAAM,MAAM,6FAQhB,IAAI;;CAwNN,CAAC"}
+{"version":3,"file":"getDbHandler.d.ts","sourceRoot":"","sources":["../lib/getDbHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,aAAa,EAMlB,KAAK,oBAAoB,EAC1B,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EAEjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAGL,KAAK,WAAW,EAGjB,MAAM,2BAA2B,CAAC;AAKnC,KAAK,IAAI,GAAG;IACV,MAAM,EAAE,oBAAoB,CAAC;IAC7B,WAAW,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACzC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,WAAW,EAAE,OAAO,WAAW,GAAG,SAAS,CAAC;IAC5C,WAAW,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/C,mBAAmB,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,CAAC;CAChE,CAAC;AAIF,eAAO,MAAM,MAAM,6FAQhB,IAAI;;CAwNN,CAAC"}

package/dist/getDbHandler.js

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDBO = void 0;
 const prostgles_types_1 = require("prostgles-types");
-const prostgles_1 = require("./prostgles");
 const SyncedTable_1 = require("./SyncedTable/SyncedTable");
 const useSubscribe_1 = require("./hooks/useSubscribe");
+const useSync_1 = require("./hooks/useSync");
+const useFetch_1 = require("./hooks/useFetch");
 const preffix = prostgles_types_1.CHANNELS._preffix;
 const getDBO = ({ schema, tableSchema, onDebug, syncedTable, syncHandler, subscriptionHandler, socket, }) => {
     /* Building DBO object */
@@ -84,10 +85,10 @@ const getDBO = ({ schema, tableSchema, onDebug, syncedTable, syncHandler, subscr
                     dboTable.syncOne = syncOne;
                     dboTable.useSync = (basicFilter, options, hookOptions) => 
                     // eslint-disable-next-line react-hooks/rules-of-hooks
-                    (0, prostgles_1.useSync)(sync, basicFilter, options, hookOptions);
+                    (0, useSync_1.useSync)(sync, basicFilter, options, hookOptions);
                     dboTable.useSyncOne = (basicFilter, options, hookOptions) => 
                     // eslint-disable-next-line react-hooks/rules-of-hooks
-                    (0, prostgles_1.useSync)(syncOne, basicFilter, options, hookOptions);
+                    (0, useSync_1.useSync)(syncOne, basicFilter, options, hookOptions);
                 }
                 dboTable._sync = async function (param1, param2, syncHandles) {
                     await (onDebug === null || onDebug === void 0 ? void 0 : onDebug({
@@ -173,7 +174,7 @@ const getDBO = ({ schema, tableSchema, onDebug, syncedTable, syncHandler, subscr
                 if (methodName) {
                     dboTable[methodName] = (param1, param2, hookOptions) => 
                     // eslint-disable-next-line react-hooks/rules-of-hooks
-                    (0, prostgles_1.useFetch)(method, [param1, param2], hookOptions);
+                    (0, useFetch_1.useFetch)(method, [param1, param2], hookOptions);
                 }
             }
         });

package/dist/hooks/reactImports.d.ts

@@ -4,4 +4,5 @@ declare let React: ReactT;
 export declare const getReact: (throwError?: boolean) => ReactT;
 declare const useEffect: typeof import("react").useEffect, useCallback: typeof import("react").useCallback, useRef: typeof import("react").useRef, useState: typeof import("react").useState;
 export { useEffect, useCallback, useRef, useState, React };
+export declare const __prglReactInstalled: () => boolean;
 //# sourceMappingURL=reactImports.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reactImports.d.ts","sourceRoot":"","sources":["../../lib/hooks/reactImports.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,MAAM,GAAG,cAAc,OAAO,CAAC,CAAC;AAC5C,QAAA,IAAI,KAAK,EAAE,MAAM,CAAC;AAQlB,eAAO,MAAM,QAAQ,gBAAiB,OAAO,KAAG,MAQ/C,CAAC;AAEF,QAAA,MACE,SAAS,oCACT,WAAW,sCACX,MAAM,iCACN,QAAQ,iCAEM,CAAC;AAEjB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"reactImports.d.ts","sourceRoot":"","sources":["../../lib/hooks/reactImports.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,MAAM,GAAG,cAAc,OAAO,CAAC,CAAC;AAC5C,QAAA,IAAI,KAAK,EAAE,MAAM,CAAC;AAQlB,eAAO,MAAM,QAAQ,gBAAiB,OAAO,KAAG,MAQ/C,CAAC;AAEF,QAAA,MACE,SAAS,oCACT,WAAW,sCACX,MAAM,iCACN,QAAQ,iCAEM,CAAC;AAEjB,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAE3D,eAAO,MAAM,oBAAoB,eAA0C,CAAC"}

package/dist/hooks/reactImports.js

@@ -1,7 +1,7 @@
 "use strict";
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.React = exports.useState = exports.useRef = exports.useCallback = exports.useEffect = exports.getReact = void 0;
+exports.__prglReactInstalled = exports.React = exports.useState = exports.useRef = exports.useCallback = exports.useEffect = exports.getReact = void 0;
 let React;
 const alertNoReact = (...args) => {
     throw "Must install react";
@@ -29,3 +29,5 @@ exports.useEffect = useEffect;
 exports.useCallback = useCallback;
 exports.useRef = useRef;
 exports.useState = useState;
+const __prglReactInstalled = () => Boolean(React && useRef);
+exports.__prglReactInstalled = __prglReactInstalled;

package/dist/hooks/useAsyncEffectQueue.d.ts

@@ -0,0 +1,8 @@
+type EffectFunc = () => Promise<void | (() => void)>;
+/**
+ * Debounce with execute first
+ * Used to ensure subscriptions are always cleaned up
+ */
+export declare const useAsyncEffectQueue: (effect: EffectFunc, deps: any[]) => void;
+export {};
+//# sourceMappingURL=useAsyncEffectQueue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncEffectQueue.d.ts","sourceRoot":"","sources":["../../lib/hooks/useAsyncEffectQueue.ts"],"names":[],"mappings":"AAKA,KAAK,UAAU,GAAG,MAAM,OAAO,CAAC,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;AAOrD;;;GAGG;AACH,eAAO,MAAM,mBAAmB,WAAY,UAAU,QAAQ,GAAG,EAAE,SAgDlE,CAAC"}

package/dist/hooks/useAsyncEffectQueue.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAsyncEffectQueue = void 0;
+const useEffectDeep_1 = require("./useEffectDeep");
+const reactImports_1 = require("./reactImports");
+/**
+ * Debounce with execute first
+ * Used to ensure subscriptions are always cleaned up
+ */
+const useAsyncEffectQueue = (effect, deps) => {
+    const newEffect = (0, reactImports_1.useRef)();
+    const activeEffect = (0, reactImports_1.useRef)();
+    const onRender = async () => {
+        var _a;
+        /**
+         * Await and cleanup previous effect
+         * */
+        if (((_a = activeEffect.current) === null || _a === void 0 ? void 0 : _a.state) === "resolved") {
+            const { cleanup, effect } = activeEffect.current;
+            activeEffect.current = { state: "cleaning", effect };
+            await cleanup().catch(console.error);
+            activeEffect.current = undefined;
+        }
+        /**
+         * Start new effect
+         */
+        if (newEffect.current && !activeEffect.current) {
+            const currentEffect = newEffect.current;
+            const { effect } = currentEffect;
+            activeEffect.current = { state: "resolving", effect };
+            const cleanup = await effect()
+                .then((run) => {
+                /* Wrapped in a promise to ensure cleanup is awaited */
+                return async () => {
+                    await (run === null || run === void 0 ? void 0 : run());
+                };
+            })
+                .catch((e) => {
+                console.error(e);
+                return async () => { };
+            });
+            activeEffect.current = { state: "resolved", effect, cleanup };
+            if (currentEffect !== newEffect.current) {
+                onRender();
+            }
+        }
+    };
+    (0, useEffectDeep_1.useEffectDeep)(() => {
+        newEffect.current = { effect, deps };
+        onRender();
+        return () => {
+            newEffect.current = undefined;
+            onRender();
+        };
+    }, deps);
+};
+exports.useAsyncEffectQueue = useAsyncEffectQueue;

package/dist/hooks/useEffectAsync.d.ts

@@ -0,0 +1,2 @@
+export declare const useEffectAsync: (effect: () => Promise<void | (() => void)>, inputs: any[]) => void;
+//# sourceMappingURL=useEffectAsync.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectAsync.d.ts","sourceRoot":"","sources":["../../lib/hooks/useEffectAsync.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,WAAY,MAAM,QAAQ,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,UAAU,GAAG,EAAE,SAsBvF,CAAC"}

package/dist/hooks/useEffectAsync.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEffectAsync = void 0;
+const reactImports_1 = require("./reactImports");
+const useEffectDeep_1 = require("./useEffectDeep");
+const useEffectAsync = (effect, inputs) => {
+    const onCleanup = (0, reactImports_1.useRef)({
+        cleanup: undefined,
+        effect,
+        cleanupEffect: undefined,
+    });
+    onCleanup.current.effect = effect;
+    (0, useEffectDeep_1.useEffectDeep)(() => {
+        effect().then((result) => {
+            if (typeof result === "function") {
+                onCleanup.current.cleanup = result;
+                if (onCleanup.current.cleanupEffect === effect) {
+                    result();
+                }
+            }
+        });
+        return () => {
+            var _a, _b;
+            onCleanup.current.cleanupEffect = effect;
+            (_b = (_a = onCleanup.current).cleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, inputs);
+};
+exports.useEffectAsync = useEffectAsync;

package/dist/hooks/useEffectDeep.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const useDeepCompareMemoize: (value: unknown) => unknown;
+export declare const useMemoDeep: typeof import("react").useMemo;
+export declare const useEffectDeep: typeof import("react").useEffect;
+//# sourceMappingURL=useEffectDeep.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectDeep.d.ts","sourceRoot":"","sources":["../../lib/hooks/useEffectDeep.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,qBAAqB,UAAW,OAAO,YAQnD,CAAC;AAEF,eAAO,MAAM,WAAW,gCAGD,CAAC;AAExB,eAAO,MAAM,aAAa,kCAGD,CAAC"}

package/dist/hooks/useEffectDeep.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEffectDeep = exports.useMemoDeep = exports.useDeepCompareMemoize = void 0;
+const prostgles_types_1 = require("prostgles-types");
+const reactImports_1 = require("./reactImports");
+const useDeepCompareMemoize = (value) => {
+    const ref = (0, reactImports_1.useRef)();
+    if (!(0, prostgles_types_1.isEqual)(value, ref.current)) {
+        ref.current = value;
+    }
+    return ref.current;
+};
+exports.useDeepCompareMemoize = useDeepCompareMemoize;
+exports.useMemoDeep = ((callback, deps) => {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return reactImports_1.React.useMemo(callback, deps === null || deps === void 0 ? void 0 : deps.map(exports.useDeepCompareMemoize));
+});
+exports.useEffectDeep = ((callback, deps) => {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (0, reactImports_1.useEffect)(callback, deps === null || deps === void 0 ? void 0 : deps.map(exports.useDeepCompareMemoize));
+});

package/dist/hooks/useFetch.d.ts

@@ -0,0 +1,7 @@
+import type { HookOptions } from "../prostgles";
+export declare const useFetch: (fetchFunc: (...args: any) => Promise<any>, args?: any[], hookOptions?: HookOptions) => {
+    data: any;
+    error: any;
+    isLoading: boolean;
+};
+//# sourceMappingURL=useFetch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFetch.d.ts","sourceRoot":"","sources":["../../lib/hooks/useFetch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAMhD,eAAO,MAAM,QAAQ,wBACE,GAAG,KAAK,QAAQ,GAAG,CAAC,SACnC,GAAG,EAAE,gBACG,WAAW;;;;CAoB1B,CAAC"}

package/dist/hooks/useFetch.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFetch = void 0;
+const reactImports_1 = require("./reactImports");
+const useAsyncEffectQueue_1 = require("./useAsyncEffectQueue");
+const useIsMounted_1 = require("./useIsMounted");
+const useFetch = (fetchFunc, args = [], hookOptions) => {
+    const { skip, deps = [] } = hookOptions !== null && hookOptions !== void 0 ? hookOptions : {};
+    const defaultLoadingResult = { data: undefined, error: undefined, isLoading: true };
+    const [{ data, error, isLoading }, setResult] = (0, reactImports_1.useState)(defaultLoadingResult);
+    const getIsMounted = (0, useIsMounted_1.useIsMounted)();
+    (0, useAsyncEffectQueue_1.useAsyncEffectQueue)(async () => {
+        if (!getIsMounted() || skip)
+            return;
+        setResult(defaultLoadingResult);
+        try {
+            const newData = await fetchFunc(...args);
+            if (!getIsMounted())
+                return;
+            setResult({ data: newData, error: undefined, isLoading: false });
+        }
+        catch (error) {
+            if (!getIsMounted())
+                return;
+            setResult({ data: undefined, error, isLoading: false });
+        }
+    }, [fetchFunc, ...args, ...deps]);
+    return { data, error, isLoading };
+};
+exports.useFetch = useFetch;

package/dist/hooks/useIsMounted.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsMounted: () => () => boolean;
+//# sourceMappingURL=useIsMounted.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.d.ts","sourceRoot":"","sources":["../../lib/hooks/useIsMounted.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,qBAaxB,CAAC"}

package/dist/hooks/useIsMounted.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsMounted = void 0;
+const reactImports_1 = require("./reactImports");
+const useIsMounted = () => {
+    const isMountedRef = (0, reactImports_1.useRef)(true);
+    const isMounted = (0, reactImports_1.useCallback)(() => isMountedRef.current, []);
+    (0, reactImports_1.useEffect)(() => {
+        /** React 18 Strict Mode fix (new strict mode restores the previous state on the second mount) */
+        isMountedRef.current = true;
+        return () => {
+            isMountedRef.current = false;
+        };
+    }, []);
+    return isMounted;
+};
+exports.useIsMounted = useIsMounted;

package/dist/hooks/usePromise.d.ts

@@ -0,0 +1,5 @@
+type PromiseFunc = () => Promise<any>;
+type NamedResult = Record<string, PromiseFunc>;
+export declare const usePromise: <F extends PromiseFunc | NamedResult>(f: F, deps?: any[]) => F extends NamedResult ? { [key in keyof F]: Awaited<ReturnType<F[key]>>; } : F extends PromiseFunc ? Awaited<ReturnType<F>> | undefined : undefined;
+export {};
+//# sourceMappingURL=usePromise.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePromise.d.ts","sourceRoot":"","sources":["../../lib/hooks/usePromise.ts"],"names":[],"mappings":"AAKA,KAAK,WAAW,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;AACtC,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;AAE/C,eAAO,MAAM,UAAU,qDAEf,GAAG,EAAE,wJA2DZ,CAAC"}

package/dist/hooks/usePromise.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePromise = void 0;
+const prostgles_types_1 = require("prostgles-types");
+const reactImports_1 = require("./reactImports");
+const useAsyncEffectQueue_1 = require("./useAsyncEffectQueue");
+const useIsMounted_1 = require("./useIsMounted");
+const usePromise = (f, deps = []) => {
+    const isPromiseFunc = (val) => {
+        try {
+            return typeof val === "function" || val instanceof Promise;
+        }
+        catch (e) {
+            console.error(e);
+        }
+        return false;
+    };
+    const isNamedObj = (val) => {
+        try {
+            return (0, prostgles_types_1.isObject)(val) && !isPromiseFunc(val);
+        }
+        catch (e) {
+            console.error(e);
+        }
+        return false;
+    };
+    const getNamedObjResults = async (val) => {
+        const data = {};
+        const keys = (0, prostgles_types_1.getKeys)(val);
+        for await (const key of keys) {
+            const prop = val[key];
+            try {
+                data[key] = typeof prop === "function" ? await prop() : await prop;
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+        return data;
+    };
+    const [result, setResult] = (0, reactImports_1.useState)(isNamedObj(f) ? {} : undefined);
+    const getIsMounted = (0, useIsMounted_1.useIsMounted)();
+    (0, useAsyncEffectQueue_1.useAsyncEffectQueue)(async () => {
+        let promiseResult;
+        try {
+            if (isNamedObj(f)) {
+                promiseResult = await getNamedObjResults(f);
+            }
+            else {
+                const funcRes = await f();
+                const isNObj = isNamedObj(funcRes);
+                promiseResult =
+                    isNObj ? await getNamedObjResults(funcRes)
+                        : isPromiseFunc(funcRes) ? await funcRes()
+                            : funcRes;
+            }
+        }
+        catch (e) {
+            console.error(e);
+        }
+        if (!getIsMounted())
+            return;
+        setResult(promiseResult);
+    }, deps);
+    return result;
+};
+exports.usePromise = usePromise;

package/dist/hooks/useProstglesClient.d.ts

@@ -2,6 +2,7 @@ import { type DBSchema, type DBSchemaTable, type MethodHandler, type UserLike }
 import type { ManagerOptions, Socket, SocketOptions } from "socket.io-client";
 import type { AuthHandler } from "../getAuthHandler";
 import { type DBHandlerClient, type InitOptions } from "../prostgles";
+export declare const getIO: (throwError?: boolean) => typeof import("socket.io-client").io;
 export type OnReadyParams<DBSchema, U extends UserLike = UserLike> = {
     dbo: DBHandlerClient<DBSchema>;
     methods: MethodHandler | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"useProstglesClient.d.ts","sourceRoot":"","sources":["../../lib/hooks/useProstglesClient.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,QAAQ,EACd,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAa,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAIjF,MAAM,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAAI;IACnE,GAAG,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC/B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG,MAAM,GAAG,CAAC,OAAO,CAAC,cAAc,GAAG,aAAa,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEjG,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,GAAG;IACxF;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,oBAAoB,CAAC,GAAG,IAChC;IAAE,SAAS,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAC5D,CAAC;IAAE,SAAS,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,GAAG,CAAC,GACjE;IAAE,SAAS,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzD,eAAO,MAAM,kBAAkB,0GAI5B,uBAAuB,uDA2DzB,CAAC"}
+{"version":3,"file":"useProstglesClient.d.ts","sourceRoot":"","sources":["../../lib/hooks/useProstglesClient.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,QAAQ,EACd,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAAa,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAMjF,eAAO,MAAM,KAAK,gEAQjB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,QAAQ,EAAE,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAAI;IACnE,GAAG,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC/B,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC,WAAW,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,mBAAmB,GAAG,MAAM,GAAG,CAAC,OAAO,CAAC,cAAc,GAAG,aAAa,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEjG,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC,GAAG;IACxF;;OAEG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AACF,MAAM,MAAM,oBAAoB,CAAC,GAAG,IAChC;IAAE,SAAS,EAAE,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAC5D,CAAC;IAAE,SAAS,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,GAAG,CAAC,GACjE;IAAE,SAAS,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,IAAI,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzD,eAAO,MAAM,kBAAkB,0GAI5B,uBAAuB,uDA2DzB,CAAC"}

package/dist/hooks/useProstglesClient.js

@@ -4,25 +4,38 @@
  *  Licensed under the MIT License. See LICENSE in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useProstglesClient = void 0;
+exports.useProstglesClient = exports.getIO = void 0;
 const prostgles_types_1 = require("prostgles-types");
 const SyncedTable_1 = require("../SyncedTable/SyncedTable");
 const prostgles_1 = require("../prostgles");
-const react_hooks_1 = require("./react-hooks");
 const reactImports_1 = require("./reactImports");
+const useIsMounted_1 = require("./useIsMounted");
+const useAsyncEffectQueue_1 = require("./useAsyncEffectQueue");
+const getIO = (throwError = false) => {
+    try {
+        // eslint-disable-next-line @typescript-eslint/no-require-imports
+        const io = require("socket.io-client");
+        return io;
+    }
+    catch (err) { }
+    if (throwError)
+        throw new Error("Must install socket.io-client");
+    return {};
+};
+exports.getIO = getIO;
 const useProstglesClient = ({ skip, socketOptions: socketPathOrOptions, ...initOpts } = {}) => {
     const { useRef, useState } = (0, reactImports_1.getReact)(true);
     const [onReadyArgs, setOnReadyArgs] = useState({
         isLoading: true,
     });
-    const getIsMounted = (0, react_hooks_1.useIsMounted)();
+    const getIsMounted = (0, useIsMounted_1.useIsMounted)();
     const socketRef = useRef();
-    (0, react_hooks_1.useAsyncEffectQueue)(async () => {
+    (0, useAsyncEffectQueue_1.useAsyncEffectQueue)(async () => {
         var _a;
         if (skip)
             return undefined;
         (_a = socketRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
-        const io = (0, react_hooks_1.getIO)();
+        const io = (0, exports.getIO)();
         const socketOptions = typeof socketPathOrOptions === "string" ? { path: socketPathOrOptions } : socketPathOrOptions;
         const opts = {
             reconnectionDelay: 1000,

package/dist/hooks/useSubscribe.d.ts

@@ -1,5 +1,5 @@
 import type { HookOptions } from "../prostgles";
-import { type DataFetchHookResult } from "./react-hooks";
 import { type SubscriptionHandler } from "prostgles-types";
+import type { DataFetchHookResult } from "./useSync";
 export declare const useSubscribe: (subFunc: (filter: any, options: any, onData: any, onError: any) => Promise<SubscriptionHandler>, expectsOne: boolean, filter: any, options: any, hookOptions?: HookOptions) => DataFetchHookResult;
 //# sourceMappingURL=useSubscribe.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSubscribe.d.ts","sourceRoot":"","sources":["../../lib/hooks/useSubscribe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAqC,KAAK,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAW,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGpE,eAAO,MAAM,YAAY,qBACL,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,KAAK,QAAQ,mBAAmB,CAAC,cACnF,OAAO,UACX,GAAG,WACF,GAAG,gBACE,WAAW,wBAyC1B,CAAC"}
+{"version":3,"file":"useSubscribe.d.ts","sourceRoot":"","sources":["../../lib/hooks/useSubscribe.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAW,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAEpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAIrD,eAAO,MAAM,YAAY,qBACL,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,KAAK,QAAQ,mBAAmB,CAAC,cACnF,OAAO,UACX,GAAG,WACF,GAAG,gBACE,WAAW,wBAyC1B,CAAC"}

package/dist/hooks/useSubscribe.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSubscribe = void 0;
-const react_hooks_1 = require("./react-hooks");
 const prostgles_types_1 = require("prostgles-types");
 const reactImports_1 = require("./reactImports");
+const useIsMounted_1 = require("./useIsMounted");
+const useAsyncEffectQueue_1 = require("./useAsyncEffectQueue");
 const useSubscribe = (subFunc, expectsOne, filter, options, hookOptions) => {
     const { skip } = hookOptions !== null && hookOptions !== void 0 ? hookOptions : {};
     const defaultLoadingResult = { data: undefined, error: undefined, isLoading: true };
     const [hookResult, setHookResult] = (0, reactImports_1.useState)(defaultLoadingResult);
     const hookResultRef = (0, reactImports_1.useRef)(hookResult);
     hookResultRef.current = hookResult;
-    const getIsMounted = (0, react_hooks_1.useIsMounted)();
-    (0, react_hooks_1.useAsyncEffectQueue)(async () => {
+    const getIsMounted = (0, useIsMounted_1.useIsMounted)();
+    (0, useAsyncEffectQueue_1.useAsyncEffectQueue)(async () => {
         if (!getIsMounted() || skip)
             return;
         if (!(0, prostgles_types_1.isEqual)(hookResultRef.current, defaultLoadingResult)) {

package/dist/hooks/useSync.d.ts

@@ -0,0 +1,20 @@
+import type { HookOptions, TableHandlerClient } from "../prostgles";
+export type DataFetchHookResult = {
+    data: any;
+    error?: undefined;
+    isLoading: false;
+} | {
+    data?: undefined;
+    error: any;
+    isLoading: false;
+} | {
+    data?: undefined;
+    error?: undefined;
+    isLoading: true;
+};
+export declare const useSync: (syncFunc: Required<TableHandlerClient>["sync"] | Required<TableHandlerClient>["syncOne"], basicFilter: Parameters<Required<TableHandlerClient>["sync"]>[0], syncOptions: Parameters<Required<TableHandlerClient>["sync"]>[1], hookOptions?: HookOptions) => {
+    data: any;
+    error: any;
+    isLoading: boolean;
+};
+//# sourceMappingURL=useSync.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSync.d.ts","sourceRoot":"","sources":["../../lib/hooks/useSync.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAKpE,MAAM,MAAM,mBAAmB,GAC3B;IAAE,IAAI,EAAE,GAAG,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,KAAK,CAAA;CAAE,GAClD;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,GAAG,CAAC;IAAC,SAAS,EAAE,KAAK,CAAA;CAAE,GAClD;IAAE,IAAI,CAAC,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,IAAI,CAAA;CAAE,CAAC;AAE7D,eAAO,MAAM,OAAO,aACR,SAAS,kBAAkB,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS,kBAAkB,CAAC,CAAC,SAAS,CAAC,eAC3E,WAAW,SAAS,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,eACnD,WAAW,SAAS,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,gBAClD,WAAW;;;;CA6B1B,CAAC"}

package/dist/hooks/useSync.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSync = void 0;
+const reactImports_1 = require("./reactImports");
+const useAsyncEffectQueue_1 = require("./useAsyncEffectQueue");
+const useIsMounted_1 = require("./useIsMounted");
+const useSync = (syncFunc, basicFilter, syncOptions, hookOptions) => {
+    const { skip } = hookOptions !== null && hookOptions !== void 0 ? hookOptions : {};
+    const defaultLoadingResult = { data: undefined, error: undefined, isLoading: true };
+    const [{ data, error, isLoading }, setResult] = (0, reactImports_1.useState)(defaultLoadingResult);
+    const getIsMounted = (0, useIsMounted_1.useIsMounted)();
+    (0, useAsyncEffectQueue_1.useAsyncEffectQueue)(async () => {
+        if (!getIsMounted() || skip)
+            return;
+        const setError = (newError) => {
+            if (!getIsMounted())
+                return;
+            setResult({ data: undefined, error: newError, isLoading: false });
+        };
+        try {
+            const syncHandlers = await syncFunc(basicFilter, syncOptions, (newData) => {
+                if (!getIsMounted())
+                    return;
+                setResult({ data: newData, error: undefined, isLoading: false });
+            }, setError);
+            return syncHandlers.$unsync;
+        }
+        catch (error) {
+            setError(error);
+        }
+    }, [syncFunc, basicFilter, syncOptions, skip]);
+    return { data, error, isLoading };
+};
+exports.useSync = useSync;