@based/react 4.2.0 → 4.2.1

package/dist/clients.d.ts

@@ -0,0 +1,30 @@
+import React, { FunctionComponent, ReactNode } from 'react';
+import { Based, BasedOpts } from '@based/client';
+export declare type CreateClient = (selector: string | (BasedOpts & {
+    key?: string;
+})) => Based;
+interface BasedContextType {
+    clients: {
+        [key: string]: Based;
+    };
+    createClient?: CreateClient;
+    removeClient: (selector: string | (BasedOpts & {
+        key?: string;
+    }) | Based) => void;
+}
+export declare const BasedContext: React.Context<BasedContextType>;
+export declare const defaultCreateClient: CreateClient;
+export declare const Provider: FunctionComponent<{
+    client?: Based;
+    clients?: {
+        [key: string]: Based;
+    };
+    children: ReactNode;
+    createClient?: CreateClient;
+}>;
+export declare const useBasedContext: () => BasedContextType;
+export declare const useClients: () => Based[];
+export declare const useClient: (selector?: string | (BasedOpts & {
+    key?: string;
+})) => Based;
+export {};

package/dist/clients.js

@@ -0,0 +1,144 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClient = exports.useClients = exports.useBasedContext = exports.Provider = exports.defaultCreateClient = exports.BasedContext = void 0;
+const react_1 = __importStar(require("react"));
+const client_1 = __importStar(require("@based/client"));
+const genOptsId_1 = require("./genOptsId");
+const newClientListeners = new Set();
+exports.BasedContext = (0, react_1.createContext)({
+    clients: {},
+    // eslint-disable-next-line
+    removeClient: (...args) => { },
+});
+const defaultCreateClient = (selector) => {
+    if (typeof selector === 'object') {
+        if (typeof process !== 'undefined' &&
+            process.env.CLUSTER &&
+            process.env.CLUSTER.startsWith('local') &&
+            !selector.cluster) {
+            selector.cluster = process.env.CLUSTER;
+        }
+        return (0, client_1.default)(selector);
+    }
+    else {
+        // default
+        console.error('Cannot create client from ' + selector);
+    }
+};
+exports.defaultCreateClient = defaultCreateClient;
+const Provider = ({ client, children, clients, createClient }) => {
+    if (!clients && client) {
+        clients = {
+            default: client,
+        };
+    }
+    else if (clients && client) {
+        clients.default = client;
+    }
+    const ctx = react_1.default.createElement(exports.BasedContext.Provider, {
+        value: {
+            clients,
+            createClient: createClient || exports.defaultCreateClient,
+            removeClient: (selector) => {
+                if (selector instanceof client_1.Based) {
+                    for (const cl in clients) {
+                        if (clients[cl] === selector) {
+                            selector = cl;
+                            break;
+                        }
+                    }
+                    if (typeof selector !== 'string') {
+                        console.error('Cannot find client to remove from ctx', selector);
+                        return;
+                    }
+                }
+                else if (typeof selector !== 'string') {
+                    selector = (0, genOptsId_1.genOptsId)(selector);
+                }
+                // @ts-ignore
+                if (clients[selector]) {
+                    // @ts-ignore
+                    clients[selector].disconnect();
+                    // @ts-ignore
+                    delete clients[selector];
+                    newClientListeners.forEach((fn) => fn());
+                }
+            },
+        },
+    }, children);
+    return ctx;
+};
+exports.Provider = Provider;
+const useBasedContext = () => {
+    return (0, react_1.useContext)(exports.BasedContext);
+};
+exports.useBasedContext = useBasedContext;
+function forceUpdate(state) {
+    return state + 1;
+}
+const useClients = () => {
+    const ctx = (0, exports.useBasedContext)();
+    const [, update] = (0, react_1.useReducer)(forceUpdate, 0);
+    (0, react_1.useEffect)(() => {
+        let timer;
+        const fn = () => {
+            timer = setTimeout(update, 0);
+        };
+        newClientListeners.add(fn);
+        return () => {
+            newClientListeners.delete(fn);
+            clearTimeout(timer);
+        };
+    }, []);
+    return Object.values(ctx.clients);
+};
+exports.useClients = useClients;
+const useClient = (selector = 'default') => {
+    const basedCtx = (0, react_1.useContext)(exports.BasedContext);
+    if (typeof selector === 'object') {
+        if (!(selector.env && selector.project && selector.org)) {
+            return;
+        }
+    }
+    let key;
+    if (typeof selector === 'string') {
+        key = selector;
+    }
+    else {
+        key = selector.key || (0, genOptsId_1.genOptsId)(selector);
+    }
+    let client = basedCtx.clients[key];
+    if (!client && basedCtx.createClient) {
+        client = basedCtx.createClient(selector);
+        if (client) {
+            basedCtx.clients[key] = client;
+            newClientListeners.forEach((fn) => fn());
+        }
+    }
+    return client;
+};
+exports.useClient = useClient;
+//# sourceMappingURL=clients.js.map

package/dist/clients.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clients.js","sourceRoot":"","sources":["../src/clients.ts"],"names":[],"mappings":"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"}

package/dist/components/InfiniteList/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare function InfiniteList({ query, delay, itemSize, height, limit, treshold, target, ...props }: {
+    [x: string]: any;
+    query: any;
+    delay?: number;
+    itemSize?: number;
+    height?: number;
+    limit?: number;
+    treshold?: number;
+    target?: string;
+}): JSX.Element;

package/dist/components/InfiniteList/index.js

@@ -0,0 +1,160 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfiniteList = void 0;
+const client_1 = require("@based/client");
+const react_1 = __importStar(require("react"));
+const react_window_1 = require("react-window");
+const __1 = require("../..");
+const addScrollSub = (client, subId, payload, offset, current, setChecksum) => {
+    const [, subscriberId] = (0, client_1.addSubscriber)(client.client, payload, ({ items }, checksum) => {
+        for (let i = 0; i < items.length; i++) {
+            current.items[i + offset] = items[i];
+        }
+        setChecksum(`${offset}-${checksum}`);
+    }, (err) => err && console.error(err), console.error, subId);
+    return subscriberId;
+};
+function InfiniteList({ query, delay = 100, itemSize = 50, height = 400, limit = Math.ceil(height / itemSize), treshold = 0, target = 'root', ...props }) {
+    const blockHeight = itemSize * limit;
+    const client = (0, __1.useClient)();
+    const [offset, setOffset] = (0, react_1.useState)(0);
+    const [blocks, setBlocks] = (0, react_1.useState)(() => {
+        let blocks = Math.ceil(height / blockHeight);
+        if (treshold) {
+            blocks += Math.ceil((height / itemSize + treshold - blocks * limit) / limit);
+        }
+        return blocks;
+    });
+    const [, setChecksum] = (0, react_1.useState)();
+    const { current } = (0, react_1.useRef)({
+        offset,
+        blocks,
+        scroll: 0,
+        items: [],
+        timer: null,
+        subs: {},
+    });
+    const { data: { itemCount }, } = (0, __1.useData)({
+        itemCount: {
+            $aggregate: {
+                $function: 'count',
+                ...query().$list.$find,
+            },
+        },
+    });
+    (0, react_1.useEffect)(() => {
+        if (client) {
+            return () => {
+                const { subs } = current;
+                current.subs = {};
+                setTimeout(() => {
+                    for (const subId in subs) {
+                        const subscriberId = current.subs[subId];
+                        (0, client_1.removeSubscriber)(client.client, Number(subId), subscriberId);
+                    }
+                });
+            };
+        }
+    }, [client, current]);
+    (0, react_1.useEffect)(() => {
+        if (client) {
+            const subs = {};
+            let i = blocks;
+            while (i--) {
+                const start = offset + limit * i;
+                const payload = {
+                    $id: target,
+                    items: query(start, limit),
+                };
+                const subId = (0, client_1.generateSubscriptionId)(payload);
+                subs[subId] =
+                    current.subs[subId] ||
+                        addScrollSub(client, subId, payload, start, current, setChecksum);
+            }
+            for (const subId in current.subs) {
+                if (!(subId in subs)) {
+                    const subscriberId = current.subs[subId];
+                    (0, client_1.removeSubscriber)(client.client, Number(subId), subscriberId);
+                }
+            }
+            current.subs = subs;
+        }
+    }, [target, client, offset, blocks, query, current]); // dont include limit
+    (0, react_1.useEffect)(update, [
+        blockHeight,
+        delay,
+        height,
+        itemSize,
+        current,
+        limit,
+        treshold,
+    ]);
+    if (!itemCount || !current.items.length) {
+        return null;
+    }
+    return (react_1.default.createElement(react_window_1.FixedSizeList, { ...props, height: height, itemSize: itemSize, itemData: current.items, itemCount: itemCount, onScroll: ({ scrollOffset }) => {
+            current.scroll = scrollOffset;
+            update();
+        } }));
+    function update() {
+        const start = Math.max(0, current.scroll / itemSize - treshold);
+        const end = (current.scroll + height) / itemSize;
+        const newOffset = start - (start % limit);
+        let newBlocks = Math.ceil(height / blockHeight + (current.scroll % blockHeight) / blockHeight);
+        if (treshold) {
+            const newLength = newOffset + limit * newBlocks;
+            newBlocks += Math.max(0, Math.ceil((end + treshold - newLength) / limit));
+        }
+        if (newOffset !== current.offset || newBlocks !== current.blocks) {
+            current.offset = newOffset;
+            current.blocks = newBlocks;
+            const set = () => {
+                setOffset(current.offset);
+                setBlocks(current.blocks);
+            };
+            if (current.timer) {
+                clearTimeout(current.timer);
+            }
+            else {
+                set();
+            }
+            current.timer = setTimeout(() => {
+                current.timer = null;
+                set();
+            }, delay);
+        }
+        else if (current.timer) {
+            clearTimeout(current.timer);
+            current.timer = setTimeout(() => {
+                current.timer = null;
+                setOffset(current.offset);
+                setBlocks(current.blocks);
+            }, delay);
+        }
+    }
+}
+exports.InfiniteList = InfiniteList;
+//# sourceMappingURL=index.js.map

package/dist/components/InfiniteList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InfiniteList/index.tsx"],"names":[],"mappings":"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"}

package/dist/genOptsId.d.ts

@@ -0,0 +1,4 @@
+import { BasedOpts } from '@based/client';
+export declare const genOptsId: (opts: BasedOpts & {
+    key?: string;
+}) => string;

package/dist/genOptsId.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.genOptsId = void 0;
+const genOptsId = (opts) => {
+    if (!opts) {
+        return;
+    }
+    if (opts.key) {
+        return opts.key;
+    }
+    return `${opts.env}_${opts.project}_${opts.org}_${opts.cluster || ''}_${opts.name || ''}`;
+};
+exports.genOptsId = genOptsId;
+//# sourceMappingURL=genOptsId.js.map

package/dist/genOptsId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"genOptsId.js","sourceRoot":"","sources":["../src/genOptsId.ts"],"names":[],"mappings":";;;AAEO,MAAM,SAAS,GAAG,CAAC,IAAkC,EAAU,EAAE;IACtE,IAAI,CAAC,IAAI,EAAE;QACT,OAAM;KACP;IACD,IAAI,IAAI,CAAC,GAAG,EAAE;QACZ,OAAO,IAAI,CAAC,GAAG,CAAA;KAChB;IACD,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,IAAI,EAAE,IAClE,IAAI,CAAC,IAAI,IAAI,EACf,EAAE,CAAA;AACJ,CAAC,CAAA;AAVY,QAAA,SAAS,aAUrB"}

package/dist/gql.d.ts

@@ -0,0 +1,9 @@
+import { BasedGraphQL, BasedOpts } from '@based/client';
+import { Loading, Data } from './types';
+export declare function useQuery(query?: string | BasedGraphQL, variables?: Record<string, any>, clientSelector?: string | (BasedOpts & {
+    key?: string;
+})): {
+    data: Data;
+    error?: Error;
+    loading: Loading;
+};

package/dist/gql.js

@@ -0,0 +1,162 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQuery = void 0;
+const react_1 = require("react");
+const client_1 = require("@based/client");
+const reducer_1 = require("./reducer");
+const clients_1 = require("./clients");
+const genOptsId_1 = require("./genOptsId");
+const meta_1 = require("./meta");
+const hash_1 = require("@saulx/hash");
+const schemaSubId = (0, client_1.generateSubscriptionId)({ $subscribe_schema: 'default' });
+// step one make 1 useEffect
+//  - and the nessecary if
+function useQuery(query, variables = {}, clientSelector) {
+    const [result, dispatch] = (0, react_1.useReducer)(reducer_1.resultReducer, {
+        loading: true,
+        data: {},
+        checksum: 0,
+    });
+    const r = (0, react_1.useRef)({ checksum: 0, fns: {} });
+    const selector = clientSelector || 'default';
+    const client = (0, clients_1.useClient)(selector);
+    if (query) {
+        const [configState, updateConfigState] = (0, react_1.useState)(0);
+        (0, react_1.useEffect)(() => {
+            const [, subscriberId] = (0, client_1.addSubscriber)(client.client, 
+            // FIXME dont want too many updates plz this has to become 1 use effect
+            { $subscribe_schema: 'default' }, (d, checksum) => {
+                if (!client.client.configuration) {
+                    client.client.configuration = {
+                        dbs: [],
+                        schema: {},
+                        functions: {},
+                    }; // TODO: FIX
+                }
+                client.client.configuration.schema.default = d;
+                updateConfigState(checksum);
+            }, (err) => {
+                if (err) {
+                    console.error(err);
+                }
+            }, (err) => {
+                console.error(err);
+            }, schemaSubId);
+            return () => {
+                (0, client_1.removeSubscriber)(client.client, schemaSubId, subscriberId);
+            };
+            return () => { };
+        }, []);
+        if (configState) {
+            let op;
+            if (typeof query === 'string') {
+                op = client.gql(query);
+            }
+            else {
+                op = query;
+            }
+            op = (0, client_1.handleGraphqlVariables)(op, op, variables);
+            const fns = {};
+            const queryObj = {};
+            for (const key in op.ops) {
+                if (op.ops[key].fnObserve) {
+                    const { name, payload } = op.ops[key].fnObserve;
+                    fns[key] = { name: name, payload, key };
+                    continue;
+                }
+                queryObj[key] = op.ops[key].get;
+            }
+            const fnHash = (0, react_1.useMemo)(() => {
+                return (0, hash_1.hashObjectIgnoreKeyOrder)(fns);
+            }, [fns]);
+            const subId = (0, react_1.useMemo)(() => {
+                // fn?
+                return (0, client_1.generateSubscriptionId)(queryObj);
+            }, [queryObj]);
+            const clientKey = typeof selector === 'string' ? selector : (0, genOptsId_1.genOptsId)(selector);
+            if (client) {
+                const subKey = clientKey + subId;
+                (0, react_1.useEffect)(() => {
+                    const subs = [];
+                    for (const key in fns) {
+                        subs.push((0, client_1.addSubscriber)(client.client, fns[key].payload, (d, checksum) => {
+                            (0, meta_1.updateMeta)(subKey, false, false);
+                            if (r.current.fns[key] !== checksum) {
+                                r.current.fns[key] = checksum;
+                                dispatch({
+                                    merge: { [key]: d },
+                                    checksum: (0, hash_1.hashObjectIgnoreKeyOrder)(r.current),
+                                });
+                            }
+                        }, (err) => {
+                            if (err) {
+                                console.error(err);
+                                dispatch({ error: err, loading: false });
+                            }
+                        }, (err) => {
+                            console.error(err);
+                            (0, meta_1.updateMeta)(subKey, false, err);
+                            dispatch({ error: err });
+                        }, undefined, fns[key].name));
+                    }
+                    return () => {
+                        for (const [subId, subscriberId] of subs) {
+                            (0, client_1.removeSubscriber)(client.client, subId, subscriberId);
+                        }
+                    };
+                }, [fnHash]);
+                (0, react_1.useEffect)(() => {
+                    if (!configState) {
+                        return;
+                    }
+                    (0, meta_1.updateMeta)(subKey, true, false);
+                    const [, subscriberId] = (0, client_1.addSubscriber)(client.client, queryObj, (d, checksum) => {
+                        (0, meta_1.updateMeta)(subKey, false, false);
+                        if (r.current.checksum !== checksum) {
+                            r.current.checksum = checksum;
+                            dispatch({
+                                merge: d,
+                                checksum: (0, hash_1.hashObjectIgnoreKeyOrder)(r.current),
+                            });
+                        }
+                    }, (err) => {
+                        if (err) {
+                            console.error(err);
+                            (0, meta_1.updateMeta)(subKey, false, err);
+                            dispatch({ error: err, loading: false });
+                        }
+                    }, (err) => {
+                        console.error(err);
+                        (0, meta_1.updateMeta)(subKey, false, err);
+                        dispatch({ error: err });
+                    }, subId);
+                    return () => {
+                        (0, meta_1.updateMeta)(subKey, false, false);
+                        (0, client_1.removeSubscriber)(client.client, subId, subscriberId);
+                    };
+                }, [subId, clientKey, configState]);
+            }
+            else {
+                (0, react_1.useEffect)(stubFn, [null, null]);
+            }
+        }
+        else {
+            (0, react_1.useMemo)(stubFn, [null]);
+            (0, react_1.useMemo)(stubFn, [null]);
+            (0, react_1.useEffect)(stubFn, [null]);
+            (0, react_1.useEffect)(stubFn, [null, null, null]);
+        }
+    }
+    else {
+        (0, react_1.useState)(null);
+        (0, react_1.useEffect)(stubFn, [null]);
+        (0, react_1.useMemo)(stubFn, [null]);
+        (0, react_1.useMemo)(stubFn, [null]);
+        (0, react_1.useEffect)(stubFn, [null]);
+        (0, react_1.useEffect)(stubFn, [null, null, null]);
+    }
+    return result;
+}
+exports.useQuery = useQuery;
+function stubFn() { }
+//# sourceMappingURL=gql.js.map

package/dist/gql.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gql.js","sourceRoot":"","sources":["../src/gql.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from 'react';
+import { FC } from 'react';
 import { BasedClient, AuthState } from '@based/client';
-export declare const Provider: ({ client, children, }: {
-    client: BasedClient;
-    children: ReactNode;
-}) => any;
+export declare const Provider: FC;
 export declare const useAuthState: () => AuthState;
+export declare const useConnected: () => {
+    connected: any;
+};
 export declare const useQuery: (name?: string, payload?: any, opts?: {
     persistent: boolean;
 }) => {

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClient = exports.useQuery = exports.useAuthState = exports.Provider = void 0;
+exports.useClient = exports.useQuery = exports.useConnected = exports.useAuthState = exports.Provider = void 0;
 const react_1 = require("react");
 const Ctx = (0, react_1.createContext)();
 const Provider = ({ client, children, }) => {
@@ -23,9 +23,31 @@ const useAuthState = () => {
     return state;
 };
 exports.useAuthState = useAuthState;
+const useConnected = () => {
+    const client = (0, react_1.useContext)(Ctx);
+    const [connected, setConnected] = (0, react_1.useState)(client.connected);
+    (0, react_1.useEffect)(() => {
+        if (client) {
+            setConnected(client.connected);
+            const listener = () => {
+                setConnected(client.connected);
+            };
+            client.on('disconnect', listener);
+            client.on('reconnect', listener);
+            client.on('connect', listener);
+            return () => {
+                client.off('disconnect', listener);
+                client.off('reconnect', listener);
+                client.off('connect', listener);
+            };
+        }
+    }, [client]);
+    return { connected };
+};
+exports.useConnected = useConnected;
 const useQuery = (name, payload, opts) => {
     const client = (0, react_1.useContext)(Ctx);
-    if (name) {
+    if (client && name) {
         const q = client.query(name, payload, opts);
         const { id, cache } = q;
         const [checksum, update] = (0, react_1.useState)(cache?.checksum);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,iCAOc;AAGd,MAAM,GAAG,GAAG,IAAA,qBAAa,GAAe,CAAA;AAEjC,MAAM,QAAQ,GAAG,CAAC,EACvB,MAAM,EACN,QAAQ,GAIT,EAAE,EAAE;IACH,OAAO,IAAA,qBAAa,EAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,CAAC,CAAA;AACjE,CAAC,CAAA;AARY,QAAA,QAAQ,YAQpB;AAEM,MAAM,YAAY,GAAG,GAAc,EAAE;IAC1C,MAAM,MAAM,GAAgB,IAAA,kBAAU,EAAC,GAAG,CAAC,CAAA;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAY,MAAM,EAAE,SAAS,IAAI,EAAE,CAAC,CAAA;IAEtE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;YAC1B,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,EAAE;gBAC7B,QAAQ,CAAC,SAAS,CAAC,CAAA;YACrB,CAAC,CAAA;YACD,MAAM,CAAC,EAAE,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAA;YACvC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAA;SACtD;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAhBY,QAAA,YAAY,gBAgBxB;AAEM,MAAM,QAAQ,GAAG,CACtB,IAAa,EACb,OAAa,EACb,IAEC,EAKD,EAAE;IACF,MAAM,MAAM,GAAgB,IAAA,kBAAU,EAAC,GAAG,CAAC,CAAA;IAE3C,IAAI,IAAI,EAAE;QACR,MAAM,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,CAAA;QAC3C,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;QACvB,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;QAEpD,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,MAAM,WAAW,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;gBAC9C,MAAM,CAAC,QAAQ,CAAC,CAAA;YAClB,CAAC,CAAC,CAAA;YAEF,OAAO,GAAG,EAAE;gBACV,WAAW,EAAE,CAAA;YACf,CAAC,CAAA;QACH,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAER,OAAO,KAAK;YACV,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE;YACjD,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAA;KACtB;IAED,QAAQ;IACR,IAAA,iBAAS,EAAC,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAC3B,IAAA,gBAAQ,GAAE,CAAA;IAEV,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;AACtC,CAAC,CAAA;AAtCY,QAAA,QAAQ,YAsCpB;AAEM,MAAM,SAAS,GAAG,GAAgB,EAAE;IACzC,MAAM,MAAM,GAAG,IAAA,kBAAU,EAAC,GAAG,CAAC,CAAA;IAC9B,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAHY,QAAA,SAAS,aAGrB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/meta.d.ts

@@ -0,0 +1,8 @@
+export declare function updateMeta(subKey: any, loading: any, error: any): void;
+export declare function useLoading(): {
+    loading: boolean;
+};
+export declare function useError(): {
+    error: string;
+    errors: unknown[];
+};

package/dist/meta.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useError = exports.useLoading = exports.updateMeta = void 0;
+const react_1 = require("react");
+const errors = {};
+const errorListeners = new Set();
+const loadings = new Set();
+const loadingListeners = new Set();
+let isLoading = false;
+let lastError = '';
+let errorCnt = 0;
+let errorKey = errorCnt + lastError;
+function updateMeta(subKey, loading, error) {
+    if (error) {
+        lastError = error;
+        if (subKey in errors) {
+            errors[subKey] = error;
+        }
+        else {
+            errors[subKey] = error;
+            errorCnt++;
+        }
+    }
+    else {
+        if (subKey in errors) {
+            errorCnt--;
+            delete errors[subKey];
+        }
+    }
+    const newErrorKey = errorCnt + lastError;
+    if (newErrorKey !== errorKey) {
+        errorKey = newErrorKey;
+        errorListeners.forEach((fn) => fn(errorKey));
+    }
+    if (loading) {
+        loadings.add(subKey);
+    }
+    else {
+        loadings.delete(subKey);
+    }
+    const newLoading = !!loadings.size;
+    if (newLoading !== isLoading) {
+        isLoading = newLoading;
+        loadingListeners.forEach((fn) => fn(isLoading));
+    }
+}
+exports.updateMeta = updateMeta;
+function useLoading() {
+    const [, setLoading] = (0, react_1.useState)(isLoading);
+    loadingListeners.add(setLoading);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            loadingListeners.delete(setLoading);
+        };
+    }, []);
+    return { loading: isLoading };
+}
+exports.useLoading = useLoading;
+function useError() {
+    const [, setError] = (0, react_1.useState)(errorKey);
+    errorListeners.add(setError);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            errorListeners.delete(setError);
+        };
+    }, []);
+    return { error: errorCnt ? lastError : null, errors: Object.values(errors) };
+}
+exports.useError = useError;
+//# sourceMappingURL=meta.js.map

package/dist/meta.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.js","sourceRoot":"","sources":["../src/meta.ts"],"names":[],"mappings":";;;AAAA,iCAA2C;AAE3C,MAAM,MAAM,GAAG,EAAE,CAAA;AACjB,MAAM,cAAc,GAAG,IAAI,GAAG,EAAE,CAAA;AAChC,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAA;AAC1B,MAAM,gBAAgB,GAAG,IAAI,GAAG,EAAE,CAAA;AAElC,IAAI,SAAS,GAAG,KAAK,CAAA;AACrB,IAAI,SAAS,GAAG,EAAE,CAAA;AAClB,IAAI,QAAQ,GAAG,CAAC,CAAA;AAChB,IAAI,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEnC,SAAgB,UAAU,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK;IAC/C,IAAI,KAAK,EAAE;QACT,SAAS,GAAG,KAAK,CAAA;QACjB,IAAI,MAAM,IAAI,MAAM,EAAE;YACpB,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;SACvB;aAAM;YACL,MAAM,CAAC,MAAM,CAAC,GAAG,KAAK,CAAA;YACtB,QAAQ,EAAE,CAAA;SACX;KACF;SAAM;QACL,IAAI,MAAM,IAAI,MAAM,EAAE;YACpB,QAAQ,EAAE,CAAA;YACV,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;SACtB;KACF;IAED,MAAM,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAA;IACxC,IAAI,WAAW,KAAK,QAAQ,EAAE;QAC5B,QAAQ,GAAG,WAAW,CAAA;QACtB,cAAc,CAAC,OAAO,CAAC,CAAC,EAAY,EAAE,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;KACvD;IAED,IAAI,OAAO,EAAE;QACX,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;KACrB;SAAM;QACL,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;KACxB;IAED,MAAM,UAAU,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAA;IAClC,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5B,SAAS,GAAG,UAAU,CAAA;QACtB,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAY,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;KAC1D;AACH,CAAC;AAjCD,gCAiCC;AAED,SAAgB,UAAU;IACxB,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,CAAA;IAE1C,gBAAgB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;IAEhC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,gBAAgB,CAAC,MAAM,CAAC,UAAU,CAAC,CAAA;QACrC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,CAAA;AAC/B,CAAC;AAZD,gCAYC;AAED,SAAgB,QAAQ;IACtB,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAA;IAEvC,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QACjC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAA;AAC9E,CAAC;AAZD,4BAYC"}

package/dist/reducer.d.ts

@@ -0,0 +1,18 @@
+import { Data, Loading } from './types';
+export declare function resultReducer(state: {
+    data: Data;
+    error?: Error;
+    loading: Loading;
+    checksum: number;
+}, action: {
+    merge?: Data;
+    data?: Data;
+    error?: Error;
+    loading?: Loading;
+    checksum?: number;
+}): {
+    data: Data;
+    error?: Error;
+    loading: Loading;
+    checksum: number;
+};

package/dist/reducer.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resultReducer = void 0;
+function resultReducer(state, action) {
+    if (action.error) {
+        state.error = action.error;
+    }
+    if (action.data) {
+        state.checksum = action.checksum || 0;
+        state.data = action.data;
+        state.loading = false;
+        if (state.error) {
+            delete state.error;
+        }
+    }
+    if (action.merge) {
+        state.checksum = action.checksum || 0;
+        if (!state.data) {
+            state.data = action.merge;
+        }
+        else {
+            Object.assign(state.data, action.merge);
+        }
+        state.loading = false;
+        if (state.error) {
+            delete state.error;
+        }
+    }
+    if (action.loading) {
+        state.loading = action.loading;
+    }
+    return { ...state };
+}
+exports.resultReducer = resultReducer;
+//# sourceMappingURL=reducer.js.map

package/dist/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","sourceRoot":"","sources":["../src/reducer.ts"],"names":[],"mappings":";;;AAEA,SAAgB,aAAa,CAC3B,KAAwE,EACxE,MAMC;IAED,IAAI,MAAM,CAAC,KAAK,EAAE;QAChB,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;KAC3B;IACD,IAAI,MAAM,CAAC,IAAI,EAAE;QACf,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,CAAA;QACrC,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;QACxB,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA;QACrB,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,OAAO,KAAK,CAAC,KAAK,CAAA;SACnB;KACF;IAED,IAAI,MAAM,CAAC,KAAK,EAAE;QAChB,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,IAAI,CAAC,CAAA;QACrC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;YACf,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK,CAAA;SAC1B;aAAM;YACL,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,CAAA;SACxC;QACD,KAAK,CAAC,OAAO,GAAG,KAAK,CAAA;QACrB,IAAI,KAAK,CAAC,KAAK,EAAE;YACf,OAAO,KAAK,CAAC,KAAK,CAAA;SACnB;KACF;IAED,IAAI,MAAM,CAAC,OAAO,EAAE;QAClB,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA;KAC/B;IACD,OAAO,EAAE,GAAG,KAAK,EAAE,CAAA;AACrB,CAAC;AAvCD,sCAuCC"}

package/dist/types.d.ts

@@ -0,0 +1,3 @@
+import { GenericObject } from '@based/client';
+export declare type Data = GenericObject;
+export declare type Loading = boolean;

package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@based/react",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "license": "MIT",
   "main": "dist/index.js",
   "scripts": {

package/src/index.ts

@@ -5,12 +5,13 @@ import {
   ReactNode,
   useState,
   useEffect,
+  FC,
 } from 'react'
 import { BasedClient, AuthState } from '@based/client'
 
 const Ctx = createContext<BasedClient>()
 
-export const Provider = ({
+export const Provider: FC = ({
   client,
   children,
 }: {
@@ -38,6 +39,30 @@ export const useAuthState = (): AuthState => {
   return state
 }
 
+export const useConnected = () => {
+  const client: BasedClient = useContext(Ctx)
+  const [connected, setConnected] = useState(client.connected)
+
+  useEffect(() => {
+    if (client) {
+      setConnected(client.connected)
+      const listener = () => {
+        setConnected(client.connected)
+      }
+      client.on('disconnect', listener)
+      client.on('reconnect', listener)
+      client.on('connect', listener)
+      return () => {
+        client.off('disconnect', listener)
+        client.off('reconnect', listener)
+        client.off('connect', listener)
+      }
+    }
+  }, [client])
+
+  return { connected }
+}
+
 export const useQuery = (
   name?: string,
   payload?: any,
@@ -51,7 +76,7 @@ export const useQuery = (
 } => {
   const client: BasedClient = useContext(Ctx)
 
-  if (name) {
+  if (client && name) {
     const q = client.query(name, payload, opts)
     const { id, cache } = q
     const [checksum, update] = useState(cache?.checksum)