@fireproof/core 0.20.0-dev-preview-63 → 0.20.1-dev-preview-01

package/react/index.d.ts

@@ -1,4 +1,336 @@
-export { FireproofCtx, useFireproof } from "./use-fireproof.js";
-export * from "./types.js";
-export * from "./img-file.js";
-//# sourceMappingURL=index.d.ts.map
+import { Database, DocTypes, DocSet, DocWithId, DocResponse, IndexKeyType, DocFragment, MapFn, QueryOpts, IndexRow, AllDocsQueryOpts, ClockHead, ChangesOptions, ConfigOpts, DocFileMeta } from '@fireproof/core';
+import React, { ImgHTMLAttributes } from 'react';
+
+interface LiveQueryResult<T extends DocTypes, K extends IndexKeyType, R extends DocFragment = T> {
+    readonly docs: DocWithId<T>[];
+    readonly rows: IndexRow<K, T, R>[];
+}
+type UseLiveQuery = <T extends DocTypes, K extends IndexKeyType = string, R extends DocFragment = T>(mapFn: string | MapFn<T>, query?: QueryOpts<K>, initialRows?: IndexRow<K, T, R>[]) => LiveQueryResult<T, K, R>;
+interface AllDocsResult<T extends DocTypes> {
+    readonly docs: DocWithId<T>[];
+}
+interface ChangesResult<T extends DocTypes> {
+    readonly docs: DocWithId<T>[];
+}
+type UseAllDocs = <T extends DocTypes>(query?: AllDocsQueryOpts) => AllDocsResult<T>;
+type UseChanges = <T extends DocTypes>(since: ClockHead, opts: ChangesOptions) => ChangesResult<T>;
+interface UpdateDocFnOptions {
+    replace?: boolean;
+    reset?: boolean;
+}
+type UpdateDocFn<T extends DocTypes> = (newDoc?: DocSet<T>, options?: UpdateDocFnOptions) => void;
+type StoreDocFn<T extends DocTypes> = (existingDoc?: DocWithId<T>) => Promise<DocResponse>;
+type DeleteDocFn<T extends DocTypes> = (existingDoc?: DocWithId<T>) => Promise<DocResponse>;
+type UseDocumentResultTuple<T extends DocTypes> = [DocWithId<T>, UpdateDocFn<T>, StoreDocFn<T>, DeleteDocFn<T>];
+interface UseDocumentResultObject<T extends DocTypes> {
+    readonly doc: DocWithId<T>;
+    merge(newDoc: Partial<T>): void;
+    replace(newDoc: T): void;
+    reset(): void;
+    refresh(): Promise<void>;
+    save(existingDoc?: DocWithId<T>): Promise<DocResponse>;
+    remove(existingDoc?: DocWithId<T>): Promise<DocResponse>;
+    submit(e?: Event): Promise<void>;
+}
+type UseDocumentResult<T extends DocTypes> = UseDocumentResultObject<T> & UseDocumentResultTuple<T>;
+type UseDocumentInitialDocOrFn<T extends DocTypes> = DocSet<T> | (() => DocSet<T>);
+type UseDocument = <T extends DocTypes>(initialDocOrFn: UseDocumentInitialDocOrFn<T>) => UseDocumentResult<T>;
+interface UseFireproof {
+    readonly database: Database;
+    readonly useDocument: UseDocument;
+    readonly useLiveQuery: UseLiveQuery;
+    readonly useAllDocs: UseAllDocs;
+    readonly useChanges: UseChanges;
+}
+
+declare const FireproofCtx: UseFireproof;
+declare function useFireproof(name?: string | Database, config?: ConfigOpts): UseFireproof;
+
+type FileType = File | DocFileMeta;
+interface ImgFileProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src"> {
+    file?: FileType;
+    meta?: FileType;
+}
+declare function ImgFile({ file, meta, ...imgProps }: ImgFileProps): React.DetailedReactHTMLElement<{
+    id?: string | undefined | undefined;
+    loading?: "eager" | "lazy" | undefined | undefined;
+    dir?: string | undefined | undefined;
+    alt?: string | undefined | undefined;
+    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+    decoding?: "async" | "auto" | "sync" | undefined | undefined;
+    fetchPriority?: "high" | "low" | "auto" | undefined;
+    height?: number | string | undefined | undefined;
+    referrerPolicy?: React.HTMLAttributeReferrerPolicy | undefined;
+    sizes?: string | undefined | undefined;
+    srcSet?: string | undefined | undefined;
+    useMap?: string | undefined | undefined;
+    width?: number | string | undefined | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined | undefined;
+    title?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: React.AriaRole | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    children?: React.ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLImageElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLImageElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLImageElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLImageElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLImageElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLImageElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLImageElement> | undefined;
+    onChange?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onBeforeInput?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onSubmit?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLImageElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLImageElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onResize?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onResizeCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLImageElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLImageElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLImageElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLImageElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLImageElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLImageElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLImageElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLImageElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLImageElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLImageElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLImageElement> | undefined;
+    src: string;
+}, HTMLElement> | null;
+
+export { type AllDocsResult, type ChangesResult, type DeleteDocFn, FireproofCtx, ImgFile, type LiveQueryResult, type StoreDocFn, type UpdateDocFn, type UpdateDocFnOptions, type UseAllDocs, type UseChanges, type UseDocument, type UseDocumentInitialDocOrFn, type UseDocumentResult, type UseDocumentResultObject, type UseDocumentResultTuple, type UseFireproof, type UseLiveQuery, useFireproof };
+declare module '@fireproof/core/react'

package/react/index.js

@@ -1,4 +1,265 @@
-export { FireproofCtx, useFireproof } from "./use-fireproof.js";
-export * from "./types.js";
-export * from "./img-file.js";
+// src/react/use-fireproof.ts
+import { fireproof } from "@fireproof/core";
+import { useMemo as useMemo5 } from "react";
+
+// src/react/use-document.ts
+import { useCallback, useEffect, useMemo, useState, useRef } from "react";
+
+// src/react/utils.ts
+function deepClone(value) {
+  return (structuredClone ?? ((v) => JSON.parse(JSON.stringify(v))))(value);
+}
+
+// src/react/use-document.ts
+function createUseDocument(database) {
+  const updateHappenedRef = useRef(false);
+  return function useDocument(initialDocOrFn) {
+    let initialDoc;
+    if (typeof initialDocOrFn === "function") {
+      initialDoc = initialDocOrFn();
+    } else {
+      initialDoc = initialDocOrFn ?? {};
+    }
+    const originalInitialDoc = useMemo(() => deepClone({ ...initialDoc }), []);
+    const [doc, setDoc] = useState(initialDoc);
+    const refresh = useCallback(async () => {
+      const gotDoc = doc._id ? await database.get(doc._id).catch(() => initialDoc) : initialDoc;
+      setDoc(gotDoc);
+    }, [doc._id]);
+    const save = useCallback(
+      async (existingDoc) => {
+        updateHappenedRef.current = false;
+        const toSave = existingDoc ?? doc;
+        const res = await database.put(toSave);
+        if (!updateHappenedRef.current && !doc._id && !existingDoc) {
+          setDoc((d) => ({ ...d, _id: res.id }));
+        }
+        return res;
+      },
+      [doc]
+    );
+    const remove = useCallback(
+      async (existingDoc) => {
+        const id = existingDoc?._id ?? doc._id;
+        if (!id) throw database.logger.Error().Msg(`Document must have an _id to be removed`).AsError();
+        const gotDoc = await database.get(id).catch(() => void 0);
+        if (!gotDoc) throw database.logger.Error().Str("id", id).Msg(`Document not found`).AsError();
+        const res = await database.del(id);
+        setDoc(initialDoc);
+        return res;
+      },
+      [doc, initialDoc]
+    );
+    const merge = useCallback((newDoc) => {
+      updateHappenedRef.current = true;
+      setDoc((prev) => ({ ...prev, ...newDoc }));
+    }, []);
+    const replace = useCallback((newDoc) => {
+      updateHappenedRef.current = true;
+      setDoc(newDoc);
+    }, []);
+    const reset = useCallback(() => {
+      updateHappenedRef.current = true;
+      setDoc({ ...originalInitialDoc });
+    }, [originalInitialDoc]);
+    const updateDoc = useCallback(
+      (newDoc, opts = { replace: false, reset: false }) => {
+        if (!newDoc) {
+          return opts.reset ? reset() : refresh();
+        }
+        return opts.replace ? replace(newDoc) : merge(newDoc);
+      },
+      [refresh, reset, replace, merge]
+    );
+    useEffect(() => {
+      if (!doc._id) return;
+      return database.subscribe((changes) => {
+        if (updateHappenedRef.current) {
+          return;
+        }
+        if (changes.find((c) => c._id === doc._id)) {
+          void refresh();
+        }
+      }, true);
+    }, [doc._id, refresh]);
+    useEffect(() => {
+      void refresh();
+    }, [refresh]);
+    const submit = useCallback(
+      async (e) => {
+        if (e?.preventDefault) e.preventDefault();
+        await save();
+        reset();
+      },
+      [save, reset]
+    );
+    const apiObject = {
+      doc: { ...doc },
+      merge,
+      replace,
+      reset,
+      refresh,
+      save,
+      remove,
+      submit
+    };
+    const tuple = [{ ...doc }, updateDoc, save, remove, reset, refresh];
+    Object.assign(apiObject, tuple);
+    Object.defineProperty(apiObject, Symbol.iterator, {
+      enumerable: false,
+      value: function* () {
+        yield* tuple;
+      }
+    });
+    return apiObject;
+  };
+}
+
+// src/react/use-live-query.ts
+import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+function createUseLiveQuery(database) {
+  return function useLiveQuery(mapFn, query = {}, initialRows = []) {
+    const [result, setResult] = useState2(() => {
+      const docs = initialRows.map((r) => r.doc).filter((r) => !!r);
+      return Object.assign(docs, {
+        docs,
+        rows: initialRows
+      });
+    });
+    const queryString = useMemo2(() => JSON.stringify(query), [query]);
+    const mapFnString = useMemo2(() => mapFn.toString(), [mapFn]);
+    const refreshRows = useCallback2(async () => {
+      const res = await database.query(mapFn, query);
+      const docs = res.rows.map((r) => r.doc).filter((r) => !!r);
+      setResult(
+        Object.assign(docs, {
+          docs,
+          rows: res.rows
+        })
+      );
+    }, [database, mapFnString, queryString]);
+    useEffect2(() => {
+      refreshRows();
+      const unsubscribe = database.subscribe(refreshRows);
+      return () => {
+        unsubscribe();
+      };
+    }, [database, refreshRows]);
+    return result;
+  };
+}
+
+// src/react/use-all-docs.ts
+import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo3, useState as useState3 } from "react";
+function createUseAllDocs(database) {
+  return function useAllDocs(query = {}) {
+    const [result, setResult] = useState3({
+      docs: []
+    });
+    const queryString = useMemo3(() => JSON.stringify(query), [query]);
+    const refreshRows = useCallback3(async () => {
+      const res = await database.allDocs(query);
+      setResult({ ...res, docs: res.rows.map((r) => r.value) });
+    }, [queryString]);
+    useEffect3(() => {
+      refreshRows();
+      return database.subscribe(refreshRows);
+    }, [refreshRows]);
+    return result;
+  };
+}
+
+// src/react/use-changes.ts
+import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo4, useState as useState4 } from "react";
+function createUseChanges(database) {
+  return function useChanges(since = [], opts = {}) {
+    const [result, setResult] = useState4({
+      docs: []
+    });
+    const queryString = useMemo4(() => JSON.stringify(opts), [opts]);
+    const refreshRows = useCallback4(async () => {
+      const res = await database.changes(since, opts);
+      setResult({ ...res, docs: res.rows.map((r) => r.value) });
+    }, [since, queryString]);
+    useEffect4(() => {
+      refreshRows();
+      return database.subscribe(refreshRows);
+    }, [refreshRows]);
+    return result;
+  };
+}
+
+// src/react/use-fireproof.ts
+var FireproofCtx = {};
+function useFireproof(name = "useFireproof", config = {}) {
+  const database = typeof name === "string" ? fireproof(name, config) : name;
+  const hooks = useMemo5(() => {
+    return {
+      useDocument: createUseDocument(database),
+      useLiveQuery: createUseLiveQuery(database),
+      useAllDocs: createUseAllDocs(database),
+      useChanges: createUseChanges(database)
+    };
+  }, [database]);
+  const { useDocument, useLiveQuery, useAllDocs, useChanges } = hooks;
+  return { database, useLiveQuery, useDocument, useAllDocs, useChanges };
+}
+
+// src/react/img-file.ts
+import React, { useState as useState5, useEffect as useEffect5 } from "react";
+var { URL } = globalThis;
+function isFile(obj) {
+  return "type" in obj && "size" in obj && "stream" in obj && typeof obj.stream === "function";
+}
+function isFileMeta(obj) {
+  return "type" in obj && "size" in obj && "file" in obj && typeof obj.file === "function";
+}
+function ImgFile({ file, meta, ...imgProps }) {
+  const [imgDataUrl, setImgDataUrl] = useState5("");
+  const fileData = file || meta;
+  useEffect5(() => {
+    if (!fileData) return;
+    const loadFile = async () => {
+      let fileObj = null;
+      let fileType = "";
+      switch (true) {
+        case isFile(fileData):
+          fileObj = fileData;
+          fileType = fileData.type;
+          break;
+        case isFileMeta(fileData):
+          fileType = fileData.type;
+          fileObj = await fileData.file?.() || null;
+          break;
+      }
+      if (fileObj && /image/.test(fileType)) {
+        const src = URL.createObjectURL(fileObj);
+        setImgDataUrl(src);
+        return () => URL.revokeObjectURL(src);
+      }
+    };
+    let isMounted = true;
+    let cleanup;
+    loadFile().then((result) => {
+      if (isMounted) {
+        cleanup = result;
+      } else if (result) {
+        result();
+      }
+    });
+    return () => {
+      isMounted = false;
+      if (cleanup) cleanup();
+    };
+  }, [fileData]);
+  return imgDataUrl ? React.createElement("img", {
+    src: imgDataUrl,
+    ...imgProps
+  }) : null;
+}
+export {
+  FireproofCtx,
+  ImgFile,
+  useFireproof
+};
 //# sourceMappingURL=index.js.map

package/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}
+{"version":3,"sources":["../../../src/react/use-fireproof.ts","../../../src/react/use-document.ts","../../../src/react/utils.ts","../../../src/react/use-live-query.ts","../../../src/react/use-all-docs.ts","../../../src/react/use-changes.ts","../../../src/react/img-file.ts"],"sourcesContent":["import type { ConfigOpts, Database } from \"@fireproof/core\";\nimport { fireproof } from \"@fireproof/core\";\nimport { useMemo } from \"react\";\nimport type { UseFireproof } from \"./types.js\";\nimport { createUseDocument } from \"./use-document.js\";\nimport { createUseLiveQuery } from \"./use-live-query.js\";\nimport { createUseAllDocs } from \"./use-all-docs.js\";\nimport { createUseChanges } from \"./use-changes.js\";\n\n/**\n * @deprecated Use the `useFireproof` hook instead\n */\nexport const FireproofCtx = {} as UseFireproof;\n\n/**\n *\n * ## Summary\n *\n * React hook to create a custom-named Fireproof database and provides the utility hooks to query against it.\n *\n * ## Usage\n * ```tsx\n * const { database, useLiveQuery, useDocument } = useFireproof(\"dbname\");\n * const { database, useLiveQuery, useDocument } = useFireproof(\"dbname\", { ...options });\n * ```\n *\n * ## Overview\n *\n * TL;DR: Only use this hook if you need to configure a database name other than the default `useFireproof`.\n *\n * For most applications, using the `useLiveQuery` or `useDocument` hooks exported from `use-fireproof` should\n * suffice for the majority of use-cases. Under the hood, they act against a database named `useFireproof` instantiated with\n * default configurations. However, if you need to do a custom database setup or configure a database name more to your liking\n * than the default `useFireproof`, then use `useFireproof` as it exists for that purpose. It will provide you with the\n * custom database accessor and *lexically scoped* versions of `useLiveQuery` and `useDocument` that act against said\n * custom database.\n *\n */\nexport function useFireproof(name: string | Database = \"useFireproof\", config: ConfigOpts = {}): UseFireproof {\n  const database = typeof name === \"string\" ? fireproof(name, config) : name;\n\n  // Memoize the hook factory functions together to ensure they don't recreate on every render\n  const hooks = useMemo(() => {\n    return {\n      useDocument: createUseDocument(database),\n      useLiveQuery: createUseLiveQuery(database),\n      useAllDocs: createUseAllDocs(database),\n      useChanges: createUseChanges(database),\n    };\n  }, [database]);\n\n  const { useDocument, useLiveQuery, useAllDocs, useChanges } = hooks;\n\n  return { database, useLiveQuery, useDocument, useAllDocs, useChanges };\n}\n\n// Export types\nexport type {\n  LiveQueryResult,\n  UseDocumentResult,\n  AllDocsResult,\n  ChangesResult,\n  UseDocument,\n  UseLiveQuery,\n  UseAllDocs,\n  UseChanges,\n  UseFireproof,\n} from \"./types.js\";\n","import { useCallback, useEffect, useMemo, useState, useRef } from \"react\";\nimport type { DocSet, DocTypes, DocWithId, Database } from \"@fireproof/core\";\nimport { deepClone } from \"./utils.js\";\nimport type { DeleteDocFn, StoreDocFn, UseDocumentInitialDocOrFn, UseDocumentResult } from \"./types.js\";\n\n/**\n * Implementation of the useDocument hook\n */\nexport function createUseDocument(database: Database) {\n  const updateHappenedRef = useRef(false);\n\n  return function useDocument<T extends DocTypes>(initialDocOrFn?: UseDocumentInitialDocOrFn<T>): UseDocumentResult<T> {\n    let initialDoc: DocSet<T>;\n    if (typeof initialDocOrFn === \"function\") {\n      initialDoc = initialDocOrFn();\n    } else {\n      initialDoc = initialDocOrFn ?? ({} as T);\n    }\n\n    const originalInitialDoc = useMemo(() => deepClone({ ...initialDoc }), []);\n\n    const [doc, setDoc] = useState(initialDoc);\n\n    const refresh = useCallback(async () => {\n      const gotDoc = doc._id ? await database.get<T>(doc._id).catch(() => initialDoc) : initialDoc;\n      setDoc(gotDoc);\n    }, [doc._id]);\n\n    const save: StoreDocFn<T> = useCallback(\n      async (existingDoc) => {\n        updateHappenedRef.current = false;\n        const toSave = existingDoc ?? doc;\n        const res = await database.put(toSave);\n\n        if (!updateHappenedRef.current && !doc._id && !existingDoc) {\n          setDoc((d) => ({ ...d, _id: res.id }));\n        }\n\n        return res;\n      },\n      [doc],\n    );\n\n    const remove: DeleteDocFn<T> = useCallback(\n      async (existingDoc) => {\n        const id = existingDoc?._id ?? doc._id;\n        if (!id) throw database.logger.Error().Msg(`Document must have an _id to be removed`).AsError();\n        const gotDoc = await database.get<T>(id).catch(() => undefined);\n        if (!gotDoc) throw database.logger.Error().Str(\"id\", id).Msg(`Document not found`).AsError();\n        const res = await database.del(id);\n        setDoc(initialDoc);\n        return res;\n      },\n      [doc, initialDoc],\n    );\n\n    // New granular update methods\n    const merge = useCallback((newDoc: Partial<T>) => {\n      updateHappenedRef.current = true;\n      setDoc((prev) => ({ ...prev, ...newDoc }));\n    }, []);\n\n    const replace = useCallback((newDoc: T) => {\n      updateHappenedRef.current = true;\n      setDoc(newDoc);\n    }, []);\n\n    const reset = useCallback(() => {\n      updateHappenedRef.current = true;\n      setDoc({ ...originalInitialDoc });\n    }, [originalInitialDoc]);\n\n    // Legacy-compatible updateDoc\n    const updateDoc = useCallback(\n      (newDoc?: DocSet<T>, opts = { replace: false, reset: false }) => {\n        if (!newDoc) {\n          return opts.reset ? reset() : refresh();\n        }\n        return opts.replace ? replace(newDoc as T) : merge(newDoc);\n      },\n      [refresh, reset, replace, merge],\n    );\n\n    useEffect(() => {\n      if (!doc._id) return;\n      return database.subscribe((changes) => {\n        if (updateHappenedRef.current) {\n          return;\n        }\n        if (changes.find((c) => c._id === doc._id)) {\n          void refresh();\n        }\n      }, true);\n    }, [doc._id, refresh]);\n\n    useEffect(() => {\n      void refresh();\n    }, [refresh]);\n\n    const submit = useCallback(\n      async (e?: Event) => {\n        if (e?.preventDefault) e.preventDefault();\n        await save();\n        reset();\n      },\n      [save, reset],\n    );\n\n    // Primary Object API with both new and legacy methods\n    const apiObject = {\n      doc: { ...doc } as DocWithId<T>,\n      merge,\n      replace,\n      reset,\n      refresh,\n      save,\n      remove,\n      submit,\n    };\n\n    // Make the object properly iterable\n    const tuple = [{ ...doc }, updateDoc, save, remove, reset, refresh];\n    Object.assign(apiObject, tuple);\n    Object.defineProperty(apiObject, Symbol.iterator, {\n      enumerable: false,\n      value: function* () {\n        yield* tuple;\n      },\n    });\n\n    return apiObject as UseDocumentResult<T>;\n  };\n}\n","/**\n * Deep clone a value\n */\nexport function deepClone<T>(value: T): T {\n  return (structuredClone ?? ((v: T) => JSON.parse(JSON.stringify(v))))(value);\n}\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { DocFragment, DocTypes, DocWithId, IndexKeyType, IndexRow, MapFn, Database } from \"@fireproof/core\";\nimport type { LiveQueryResult } from \"./types.js\";\n\n// Internal shadow type for array-like behavior (implementation detail)\ntype EnhancedQueryResult<T extends DocTypes, K extends IndexKeyType, R extends DocFragment = T> = LiveQueryResult<T, K, R> &\n  DocWithId<T>[];\n\n/**\n * Implementation of the useLiveQuery hook\n */\nexport function createUseLiveQuery(database: Database) {\n  return function useLiveQuery<T extends DocTypes, K extends IndexKeyType = string, R extends DocFragment = T>(\n    mapFn: MapFn<T> | string,\n    query = {},\n    initialRows: IndexRow<K, T, R>[] = [],\n  ): LiveQueryResult<T, K, R> {\n    const [result, setResult] = useState<EnhancedQueryResult<T, K, R>>(() => {\n      const docs = initialRows.map((r) => r.doc).filter((r): r is DocWithId<T> => !!r);\n      return Object.assign(docs, {\n        docs,\n        rows: initialRows,\n      });\n    });\n\n    const queryString = useMemo(() => JSON.stringify(query), [query]);\n    const mapFnString = useMemo(() => mapFn.toString(), [mapFn]);\n\n    const refreshRows = useCallback(async () => {\n      const res = await database.query<K, T, R>(mapFn, query);\n      const docs = res.rows.map((r) => r.doc).filter((r): r is DocWithId<T> => !!r);\n      setResult(\n        Object.assign(docs, {\n          docs,\n          rows: res.rows,\n        }),\n      );\n    }, [database, mapFnString, queryString]);\n\n    useEffect(() => {\n      refreshRows();\n      const unsubscribe = database.subscribe(refreshRows);\n      return () => {\n        unsubscribe();\n      };\n    }, [database, refreshRows]);\n\n    return result;\n  };\n}\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { AllDocsQueryOpts, DocTypes, DocWithId, Database } from \"@fireproof/core\";\nimport type { AllDocsResult } from \"./types.js\";\n\n/**\n * Implementation of the useAllDocs hook\n */\nexport function createUseAllDocs(database: Database) {\n  return function useAllDocs<T extends DocTypes>(query: AllDocsQueryOpts = {}): AllDocsResult<T> {\n    const [result, setResult] = useState<AllDocsResult<T>>({\n      docs: [],\n    });\n\n    const queryString = useMemo(() => JSON.stringify(query), [query]);\n\n    const refreshRows = useCallback(async () => {\n      const res = await database.allDocs<T>(query);\n      setResult({ ...res, docs: res.rows.map((r) => r.value as DocWithId<T>) });\n    }, [queryString]);\n\n    useEffect(() => {\n      refreshRows(); // Initial data fetch\n      return database.subscribe(refreshRows);\n    }, [refreshRows]);\n\n    return result;\n  };\n}\n","import { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { ChangesOptions, ClockHead, DocTypes, DocWithId, Database } from \"@fireproof/core\";\nimport type { ChangesResult } from \"./types.js\";\n\n/**\n * Implementation of the useChanges hook\n */\nexport function createUseChanges(database: Database) {\n  return function useChanges<T extends DocTypes>(since: ClockHead = [], opts: ChangesOptions = {}): ChangesResult<T> {\n    const [result, setResult] = useState<ChangesResult<T>>({\n      docs: [],\n    });\n\n    const queryString = useMemo(() => JSON.stringify(opts), [opts]);\n\n    const refreshRows = useCallback(async () => {\n      const res = await database.changes<T>(since, opts);\n      setResult({ ...res, docs: res.rows.map((r) => r.value as DocWithId<T>) });\n    }, [since, queryString]);\n\n    useEffect(() => {\n      refreshRows(); // Initial data fetch\n      return database.subscribe(refreshRows);\n    }, [refreshRows]);\n\n    return result;\n  };\n}\n","import { DocFileMeta } from \"@fireproof/core\";\nimport React, { useState, useEffect, ImgHTMLAttributes } from \"react\";\n\nconst { URL } = globalThis;\n\n// Union type to support both direct File objects and metadata objects\ntype FileType = File | DocFileMeta;\n\ninterface ImgFileProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, \"src\"> {\n  file?: FileType;\n  /**\n   * @deprecated Use 'file' instead. This is for internal use only to support legacy code.\n   * @internal\n   */\n  meta?: FileType;\n}\n\n// Helper function to determine if the object is a File-like object\nfunction isFile(obj: FileType): obj is File {\n  return \"type\" in obj && \"size\" in obj && \"stream\" in obj && typeof obj.stream === \"function\";\n}\n\n// Helper function to determine if the object is a DocFileMeta\nfunction isFileMeta(obj: FileType): obj is DocFileMeta {\n  return \"type\" in obj && \"size\" in obj && \"file\" in obj && typeof obj.file === \"function\";\n}\n\nexport function ImgFile({ file, meta, ...imgProps }: ImgFileProps) {\n  const [imgDataUrl, setImgDataUrl] = useState(\"\");\n\n  // Use meta as fallback if file is not provided (for backward compatibility)\n  const fileData = file || meta;\n\n  useEffect(() => {\n    if (!fileData) return;\n\n    const loadFile = async () => {\n      let fileObj: File | null = null;\n      let fileType = \"\";\n\n      switch (true) {\n        case isFile(fileData):\n          fileObj = fileData;\n          fileType = fileData.type;\n          break;\n        case isFileMeta(fileData):\n          fileType = fileData.type;\n          fileObj = (await fileData.file?.()) || null;\n          break;\n      }\n\n      if (fileObj && /image/.test(fileType)) {\n        const src = URL.createObjectURL(fileObj);\n        setImgDataUrl(src);\n        return () => URL.revokeObjectURL(src);\n      }\n    };\n\n    let isMounted = true;\n    let cleanup: (() => void) | undefined;\n\n    loadFile().then((result) => {\n      if (isMounted) {\n        cleanup = result;\n      } else if (result) {\n        result();\n      }\n    });\n\n    return () => {\n      isMounted = false;\n      if (cleanup) cleanup();\n    };\n  }, [fileData]);\n\n  return imgDataUrl\n    ? React.createElement(\"img\", {\n        src: imgDataUrl,\n        ...imgProps,\n      })\n    : null;\n}\n\nexport default ImgFile;\n"],"mappings":"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","names":["useMemo","useCallback","useEffect","useMemo","useState","useCallback","useEffect","useMemo","useState","useCallback","useEffect","useMemo","useState","useMemo","useState","useEffect"]}