@livequery/react 1.0.37 → 1.0.82

package/build/LiveQueryContext.d.ts

@@ -3,4 +3,4 @@ import { Transporter } from '@livequery/types';
 export type LiveQueryContextOption = {
     transporter: Transporter;
 };
-export declare const useLiveQueryContext: () => LiveQueryContextOption, LiveQueryContextProvider: ({ children, ...props }: import("react").PropsWithChildren<LiveQueryContextOption>) => JSX.Element;
+export declare const useLiveQueryContext: () => LiveQueryContextOption, LiveQueryContextProvider: ({ children, ...props }: import("react").PropsWithChildren<LiveQueryContextOption>) => import("react").JSX.Element;

package/build/LiveQueryContext.js

@@ -1,6 +1,2 @@
-"use strict";
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LiveQueryContextProvider = exports.useLiveQueryContext = void 0;
-const createContextFromHook_1 = require("./hooks/createContextFromHook");
-_a = (0, createContextFromHook_1.createContextFromHook)((props) => props), exports.useLiveQueryContext = _a[0], exports.LiveQueryContextProvider = _a[1];
+import { createContextFromHook } from './hooks/createContextFromHook';
+export const [useLiveQueryContext, LiveQueryContextProvider] = createContextFromHook((props) => props);

package/build/hooks/createContextFromHook.d.ts

@@ -1,2 +1,2 @@
 import React, { PropsWithChildren } from 'react';
-export declare const createContextFromHook: <T, K>(fn: (props?: T) => K) => [() => K, ({ children, ...props }: React.PropsWithChildren<T>) => JSX.Element];
+export declare const createContextFromHook: <T, K>(fn: (props?: T) => K) => [() => K, ({ children, ...props }: React.PropsWithChildren<T>) => React.JSX.Element];

package/build/hooks/createContextFromHook.js

@@ -1,30 +1,11 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createContextFromHook = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-const createContextFromHook = (fn) => {
-    const context = (0, react_2.createContext)({});
-    const getContext = () => (0, react_2.useContext)(context);
-    const Provider = (_a) => {
-        var { children } = _a, props = __rest(_a, ["children"]);
+import React from 'react';
+import { createContext, useContext } from "react";
+export const createContextFromHook = (fn) => {
+    const context = createContext({});
+    const getContext = () => useContext(context);
+    const Provider = ({ children, ...props }) => {
         const value = fn(props);
-        return (react_1.default.createElement(context.Provider, { value: value }, children));
+        return (React.createElement(context.Provider, { value: value }, children));
     };
     return [getContext, Provider];
 };
-exports.createContextFromHook = createContextFromHook;

package/build/hooks/createStaticContext.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const createStaticContext: <T extends {}>() => [() => T, ({ children, ...props }: import("react").PropsWithChildren<{
     value: T;
-}>) => JSX.Element];
+}>) => import("react").JSX.Element];

package/build/hooks/createStaticContext.js

@@ -1,6 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStaticContext = void 0;
-const createContextFromHook_1 = require("./createContextFromHook");
-const createStaticContext = () => (0, createContextFromHook_1.createContextFromHook)((props) => props.value);
-exports.createStaticContext = createStaticContext;
+import { createContextFromHook } from './createContextFromHook';
+export const createStaticContext = () => createContextFromHook((props) => props.value);

package/build/index.js

@@ -1,22 +1,6 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./useDocumentData"), exports);
-__exportStar(require("./useCollectionData"), exports);
-__exportStar(require("./useMonitor"), exports);
-__exportStar(require("./LiveQueryContext"), exports);
-__exportStar(require("./hooks/createContextFromHook"), exports);
-__exportStar(require("./hooks/createStaticContext"), exports);
+export * from "./useDocumentData";
+export * from './useCollectionData';
+export * from './useMonitor';
+export * from "./LiveQueryContext";
+export * from './hooks/createContextFromHook';
+export * from './hooks/createStaticContext';

package/build/useCollectionData.d.ts

@@ -1,6 +1,6 @@
-import { QueryOption } from "@livequery/types";
+import { LivequeryBaseEntity, QueryOption } from "@livequery/types";
 import { CollectionOption } from "@livequery/client";
-export type useCollectionDataOptions<T = any> = CollectionOption<T> & {
+export type useCollectionDataOptions<T extends LivequeryBaseEntity = LivequeryBaseEntity> = CollectionOption<T> & {
     lazy?: boolean;
     filters: Partial<QueryOption<T>>;
     load_all: boolean;
@@ -14,14 +14,16 @@ export declare const useCollectionData: <T extends {
     has_more: boolean;
     empty: boolean;
     filters: Partial<QueryOption<T>>;
-    add: (payload: T) => Promise<T>;
+    add: (payload: Partial<T>) => Promise<{
+        data: {
+            item: T;
+        };
+    }>;
     fetch_more: () => void;
     filter: (filters: Partial<QueryOption<T>>) => void;
     reload: () => void;
     reset: () => void;
     trigger: <T_1>(name: string, payload?: object, trigger_document_id?: string) => Promise<T_1>;
-    update: ({ id: update_payload_id, ...payload }: Partial<T & {
-        id: string;
-    }>) => Promise<T>;
+    update: ({ id: update_payload_id, ...payload }: Partial<T>) => Promise<any>;
     $changes: import("rxjs").Subject<import("@livequery/types").UpdatedData<T>>;
 };

package/build/useCollectionData.js

@@ -1,21 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCollectionData = void 0;
-const react_1 = require("react");
-const LiveQueryContext_1 = require("./LiveQueryContext");
-const useObservable_1 = require("./useObservable");
-const client_1 = require("@livequery/client");
+import { useEffect, useMemo } from "react";
+import { useLiveQueryContext } from "./LiveQueryContext";
+import { useObservable } from "./useObservable";
+import { CollectionObservable } from "@livequery/client";
 function assert(fn, thiss) {
     return (fn || (() => { })).bind(thiss);
 }
-const useCollectionData = (ref, collection_options = {}) => {
-    const { transporter } = (0, LiveQueryContext_1.useLiveQueryContext)();
-    const client = (0, react_1.useMemo)(() => ref && new client_1.CollectionObservable(ref, Object.assign({ transporter }, collection_options)), [ref]);
-    const { loading, has_more, error, items, options } = (0, useObservable_1.useObservable)(client, { options: {}, items: [], has_more: false, loading: collection_options.lazy ? false : true });
-    (0, react_1.useEffect)(() => {
-        ref && !(collection_options === null || collection_options === void 0 ? void 0 : collection_options.lazy) && client.fetch_more();
+export const useCollectionData = (ref, collection_options = {}) => {
+    const { transporter } = useLiveQueryContext();
+    const client = useMemo(() => ref && new CollectionObservable(ref, { transporter, ...collection_options }), [ref]);
+    const { loading, has_more, error, items, options } = useObservable(client, { options: {}, items: [], has_more: false, loading: collection_options.lazy ? false : true });
+    useEffect(() => {
+        ref && !collection_options?.lazy && client.fetch_more();
     }, [ref]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         collection_options.load_all && !loading && has_more && items.length > 0 && client.fetch_more();
     }, [loading]);
     return {
@@ -25,14 +22,13 @@ const useCollectionData = (ref, collection_options = {}) => {
         has_more,
         empty: ref && !error && Object.keys(items).length == 0 && loading === false,
         filters: (options || {}),
-        add: assert(client === null || client === void 0 ? void 0 : client.add, client),
-        fetch_more: assert(client === null || client === void 0 ? void 0 : client.fetch_more, client),
-        filter: assert(client === null || client === void 0 ? void 0 : client.filter, client),
-        reload: assert(client === null || client === void 0 ? void 0 : client.reload, client),
-        reset: assert(client === null || client === void 0 ? void 0 : client.reset, client),
-        trigger: assert(client === null || client === void 0 ? void 0 : client.trigger, client),
-        update: assert(client === null || client === void 0 ? void 0 : client.update, client),
-        $changes: client === null || client === void 0 ? void 0 : client.$changes
+        add: assert(client?.add, client),
+        fetch_more: assert(client?.fetch_more, client),
+        filter: assert(client?.filter, client),
+        reload: assert(client?.reload, client),
+        reset: assert(client?.reset, client),
+        trigger: assert(client?.trigger, client),
+        update: assert(client?.update, client),
+        $changes: client?.$changes
     };
 };
-exports.useCollectionData = useCollectionData;

package/build/useDocumentData.d.ts

@@ -1,5 +1,6 @@
 import { CollectionOption } from "@livequery/client";
-export type useDocumentDataOptions<T = any> = Omit<CollectionOption<T>, 'filters'> & {
+import { LivequeryBaseEntity } from "@livequery/types";
+export type useDocumentDataOptions<T extends LivequeryBaseEntity = LivequeryBaseEntity> = Omit<CollectionOption<T>, 'filters'> & {
     lazy?: boolean;
 };
 export declare const useDocumentData: <T extends {

package/build/useDocumentData.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDocumentData = void 0;
-const useCollectionData_1 = require("./useCollectionData");
-const useDocumentData = (ref, options) => {
-    const { items, loading, error, reload, $changes } = (0, useCollectionData_1.useCollectionData)(ref, options);
+import { useCollectionData } from "./useCollectionData";
+export const useDocumentData = (ref, options) => {
+    const { items, loading, error, reload, $changes } = useCollectionData(ref, options);
     return {
         item: items[0],
         loading,
@@ -12,4 +9,3 @@ const useDocumentData = (ref, options) => {
         $changes
     };
 };
-exports.useDocumentData = useDocumentData;

package/build/useMonitor.js

@@ -1,28 +1,15 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMonitor = void 0;
-const react_1 = require("react");
-const useMonitor = (fn) => {
-    const [{ error, data, loading }, update] = (0, react_1.useState)({});
-    const excute = ((...args) => __awaiter(void 0, void 0, void 0, function* () {
+import { useState } from "react";
+export const useMonitor = (fn) => {
+    const [{ error, data, loading }, update] = useState({});
+    const excute = (async (...args) => {
         update({ data: null, loading: true, error: null });
         try {
-            update({ data: yield fn(...args), error: null, loading: false });
+            update({ data: await fn(...args), error: null, loading: false });
         }
         catch (error) {
             update({ data: null, error, loading: false });
         }
-    }));
+    });
     const vaild = !error && !loading;
     return { excute, loading, data, error, vaild };
 };
-exports.useMonitor = useMonitor;

package/build/useObservable.js

@@ -1,19 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useObservable = void 0;
-const react_1 = require("react");
-const useObservable = (o, default_value) => {
+import { useEffect, useState } from 'react';
+export const useObservable = (o, default_value) => {
     let mounting = true;
-    const [s, ss] = (0, react_1.useState)(default_value);
-    (0, react_1.useEffect)(() => {
+    const [s, ss] = useState(default_value);
+    useEffect(() => {
         if (!o)
             return;
-        const subcription = o === null || o === void 0 ? void 0 : o.subscribe(d => ss(Object.assign({}, d)));
+        const subcription = o?.subscribe(d => ss({ ...d }));
         return () => {
-            subcription === null || subcription === void 0 ? void 0 : subcription.unsubscribe();
+            subcription?.unsubscribe();
             mounting = false;
         };
     }, [o]);
     return s;
 };
-exports.useObservable = useObservable;

package/package.json

@@ -3,7 +3,8 @@
     "repository": {
         "url": "https://github.com/livequery/react"
     },
-    "version": "1.0.37",
+    "type": "module",
+    "version": "1.0.82",
     "description": "",
     "main": "build/index.js",
     "types": "build/index.d.ts",