@fireproof/core 0.20.4 → 0.20.5-dev-preview-3

package/react/index.cjs

@@ -1,303 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/react/index.ts
-var index_exports = {};
-__export(index_exports, {
-  FireproofCtx: () => FireproofCtx,
-  ImgFile: () => ImgFile,
-  useFireproof: () => useFireproof
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/react/use-fireproof.ts
-var import_core = require("@fireproof/core");
-var import_react5 = require("react");
-
-// src/react/use-document.ts
-var import_react = require("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) {
-  return function useDocument(initialDocOrFn) {
-    const updateHappenedRef = (0, import_react.useRef)(false);
-    let initialDoc;
-    if (typeof initialDocOrFn === "function") {
-      initialDoc = initialDocOrFn();
-    } else {
-      initialDoc = initialDocOrFn ?? {};
-    }
-    const originalInitialDoc = (0, import_react.useMemo)(() => deepClone({ ...initialDoc }), []);
-    const [doc, setDoc] = (0, import_react.useState)(initialDoc);
-    const refresh = (0, import_react.useCallback)(async () => {
-      if (doc._id) {
-        try {
-          const gotDoc = await database.get(doc._id);
-          setDoc(gotDoc);
-        } catch {
-          setDoc(initialDoc);
-        }
-      } else {
-        setDoc(initialDoc);
-      }
-    }, [doc._id]);
-    const save = (0, import_react.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 = (0, import_react.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 = (0, import_react.useCallback)((newDoc) => {
-      updateHappenedRef.current = true;
-      setDoc((prev) => ({ ...prev, ...newDoc }));
-    }, []);
-    const replace = (0, import_react.useCallback)((newDoc) => {
-      updateHappenedRef.current = true;
-      setDoc(newDoc);
-    }, []);
-    const reset = (0, import_react.useCallback)(() => {
-      updateHappenedRef.current = true;
-      setDoc({ ...originalInitialDoc });
-    }, [originalInitialDoc]);
-    const updateDoc = (0, import_react.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]
-    );
-    (0, import_react.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]);
-    (0, import_react.useEffect)(() => {
-      void refresh();
-    }, [refresh]);
-    const submit = (0, import_react.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
-var import_react2 = require("react");
-function createUseLiveQuery(database) {
-  return function useLiveQuery(mapFn, query = {}, initialRows = []) {
-    const [result, setResult] = (0, import_react2.useState)({
-      docs: initialRows.map((r) => r.doc).filter((r) => !!r),
-      rows: initialRows
-    });
-    const queryString = (0, import_react2.useMemo)(() => JSON.stringify(query), [query]);
-    const mapFnString = (0, import_react2.useMemo)(() => mapFn.toString(), [mapFn]);
-    const refreshRows = (0, import_react2.useCallback)(async () => {
-      const res = await database.query(mapFn, query);
-      setResult({
-        docs: res.rows.map((r) => r.doc).filter((r) => !!r),
-        rows: res.rows
-      });
-    }, [database, mapFnString, queryString]);
-    (0, import_react2.useEffect)(() => {
-      refreshRows();
-      const unsubscribe = database.subscribe(refreshRows);
-      return () => {
-        unsubscribe();
-      };
-    }, [database, refreshRows]);
-    return result;
-  };
-}
-
-// src/react/use-all-docs.ts
-var import_react3 = require("react");
-function createUseAllDocs(database) {
-  return function useAllDocs(query = {}) {
-    const [result, setResult] = (0, import_react3.useState)({
-      docs: []
-    });
-    const queryString = (0, import_react3.useMemo)(() => JSON.stringify(query), [query]);
-    const refreshRows = (0, import_react3.useCallback)(async () => {
-      const res = await database.allDocs(query);
-      setResult({
-        ...res,
-        docs: res.rows.map((r) => r.value)
-      });
-    }, [database, queryString]);
-    (0, import_react3.useEffect)(() => {
-      refreshRows();
-      const unsubscribe = database.subscribe(refreshRows);
-      return () => {
-        unsubscribe();
-      };
-    }, [database, refreshRows]);
-    return result;
-  };
-}
-
-// src/react/use-changes.ts
-var import_react4 = require("react");
-function createUseChanges(database) {
-  return function useChanges(since = [], opts = {}) {
-    const [result, setResult] = (0, import_react4.useState)({
-      docs: []
-    });
-    const queryString = (0, import_react4.useMemo)(() => JSON.stringify(opts), [opts]);
-    const refreshRows = (0, import_react4.useCallback)(async () => {
-      const res = await database.changes(since, opts);
-      setResult({ ...res, docs: res.rows.map((r) => r.value) });
-    }, [since, queryString]);
-    (0, import_react4.useEffect)(() => {
-      refreshRows();
-      return database.subscribe(refreshRows);
-    }, [refreshRows]);
-    return result;
-  };
-}
-
-// src/react/use-fireproof.ts
-var FireproofCtx = {};
-function useFireproof(name = "useFireproof", config = {}) {
-  return (0, import_react5.useMemo)(() => {
-    const database = typeof name === "string" ? (0, import_core.fireproof)(name, config) : name;
-    const useDocument = createUseDocument(database);
-    const useLiveQuery = createUseLiveQuery(database);
-    const useAllDocs = createUseAllDocs(database);
-    const useChanges = createUseChanges(database);
-    return { database, useLiveQuery, useDocument, useAllDocs, useChanges };
-  }, [name, JSON.stringify(config)]);
-}
-
-// src/react/img-file.ts
-var import_react6 = __toESM(require("react"), 1);
-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] = (0, import_react6.useState)("");
-  const fileData = file || meta;
-  (0, import_react6.useEffect)(() => {
-    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 ? import_react6.default.createElement("img", {
-    src: imgDataUrl,
-    ...imgProps
-  }) : null;
-}
-//# sourceMappingURL=index.cjs.map

package/react/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/react/index.ts","../../../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":["export { FireproofCtx, useFireproof } from \"./use-fireproof.js\";\nexport * from \"./types.js\";\nexport * from \"./img-file.js\";\n","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 *\n */\nexport function useFireproof(name: string | Database = \"useFireproof\", config: ConfigOpts = {}): UseFireproof {\n  // Use useMemo to ensure stable references across renders\n  return useMemo(() => {\n    const database = typeof name === \"string\" ? fireproof(name, config) : name;\n\n    const useDocument = createUseDocument(database);\n    const useLiveQuery = createUseLiveQuery(database);\n    const useAllDocs = createUseAllDocs(database);\n    const useChanges = createUseChanges(database);\n\n    return { database, useLiveQuery, useDocument, useAllDocs, useChanges };\n  }, [name, JSON.stringify(config)]); // Only recreate if name or stringified config changes\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  return function useDocument<T extends DocTypes>(initialDocOrFn?: UseDocumentInitialDocOrFn<T>): UseDocumentResult<T> {\n    const updateHappenedRef = useRef(false);\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      if (doc._id) {\n        try {\n          const gotDoc = await database.get<T>(doc._id);\n          setDoc(gotDoc);\n        } catch {\n          setDoc(initialDoc);\n        }\n      } else {\n        setDoc(initialDoc);\n      }\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/**\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<LiveQueryResult<T, K, R>>({\n      docs: initialRows.map((r) => r.doc).filter((r): r is DocWithId<T> => !!r),\n      rows: initialRows,\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      setResult({\n        docs: res.rows.map((r) => r.doc).filter((r): r is DocWithId<T> => !!r),\n        rows: res.rows,\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({\n        ...res,\n        docs: res.rows.map((r) => r.value as DocWithId<T>),\n      });\n    }, [database, 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 { 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":["import_react","import_react","import_react","import_react","import_react","React"]}

package/react/metafile-cjs.json

@@ -1 +0,0 @@
-{"inputs":{"src/react/utils.ts":{"bytes":156,"imports":[],"format":"esm"},"src/react/use-document.ts":{"bytes":4064,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/utils.ts","kind":"import-statement","original":"./utils.js"}],"format":"esm"},"src/react/use-live-query.ts":{"bytes":1403,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/use-all-docs.ts":{"bytes":1021,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/use-changes.ts":{"bytes":974,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/use-fireproof.ts":{"bytes":1719,"imports":[{"path":"@fireproof/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/react/use-document.ts","kind":"import-statement","original":"./use-document.js"},{"path":"src/react/use-live-query.ts","kind":"import-statement","original":"./use-live-query.js"},{"path":"src/react/use-all-docs.ts","kind":"import-statement","original":"./use-all-docs.js"},{"path":"src/react/use-changes.ts","kind":"import-statement","original":"./use-changes.js"}],"format":"esm"},"src/react/types.ts":{"bytes":2407,"imports":[],"format":"esm"},"src/react/img-file.ts":{"bytes":2248,"imports":[{"path":"@fireproof/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/index.ts":{"bytes":124,"imports":[{"path":"src/react/use-fireproof.ts","kind":"import-statement","original":"./use-fireproof.js"},{"path":"src/react/types.ts","kind":"import-statement","original":"./types.js"},{"path":"src/react/img-file.ts","kind":"import-statement","original":"./img-file.js"}],"format":"esm"}},"outputs":{"dist/fireproof-core/react/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":18726},"dist/fireproof-core/react/index.cjs":{"imports":[{"path":"@fireproof/core","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true},{"path":"react","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/react/index.ts","inputs":{"src/react/index.ts":{"bytesInOutput":197},"src/react/use-fireproof.ts":{"bytesInOutput":634},"src/react/use-document.ts":{"bytesInOutput":3565},"src/react/utils.ts":{"bytesInOutput":107},"src/react/use-live-query.ts":{"bytesInOutput":993},"src/react/use-all-docs.ts":{"bytesInOutput":765},"src/react/use-changes.ts":{"bytesInOutput":679},"src/react/img-file.ts":{"bytesInOutput":1499}},"bytes":10120}}}

package/react/metafile-esm.json

@@ -1 +0,0 @@
-{"inputs":{"src/react/utils.ts":{"bytes":156,"imports":[],"format":"esm"},"src/react/use-document.ts":{"bytes":4064,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/react/utils.ts","kind":"import-statement","original":"./utils.js"}],"format":"esm"},"src/react/use-live-query.ts":{"bytes":1403,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/use-all-docs.ts":{"bytes":1021,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/use-changes.ts":{"bytes":974,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/use-fireproof.ts":{"bytes":1719,"imports":[{"path":"@fireproof/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/react/use-document.ts","kind":"import-statement","original":"./use-document.js"},{"path":"src/react/use-live-query.ts","kind":"import-statement","original":"./use-live-query.js"},{"path":"src/react/use-all-docs.ts","kind":"import-statement","original":"./use-all-docs.js"},{"path":"src/react/use-changes.ts","kind":"import-statement","original":"./use-changes.js"}],"format":"esm"},"src/react/types.ts":{"bytes":2407,"imports":[],"format":"esm"},"src/react/img-file.ts":{"bytes":2248,"imports":[{"path":"@fireproof/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/react/index.ts":{"bytes":124,"imports":[{"path":"src/react/use-fireproof.ts","kind":"import-statement","original":"./use-fireproof.js"},{"path":"src/react/types.ts","kind":"import-statement","original":"./types.js"},{"path":"src/react/img-file.ts","kind":"import-statement","original":"./img-file.js"}],"format":"esm"}},"outputs":{"dist/fireproof-core/react/index.js.map":{"imports":[],"exports":[],"inputs":{},"bytes":18766},"dist/fireproof-core/react/index.js":{"imports":[{"path":"@fireproof/core","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["FireproofCtx","ImgFile","useFireproof"],"entryPoint":"src/react/index.ts","inputs":{"src/react/use-fireproof.ts":{"bytesInOutput":605},"src/react/use-document.ts":{"bytesInOutput":3369},"src/react/utils.ts":{"bytesInOutput":107},"src/react/use-live-query.ts":{"bytesInOutput":987},"src/react/use-all-docs.ts":{"bytesInOutput":777},"src/react/use-changes.ts":{"bytesInOutput":691},"src/react/index.ts":{"bytesInOutput":0},"src/react/img-file.ts":{"bytesInOutput":1476}},"bytes":8327}}}

package/tests/www/gallery.html

@@ -1,132 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Fireproof Uploads</title>
-    <script src="./fireproof.iife.js?cache=94"></script>
-    <script type="text/javascript">
-      function testApp() {
-        const { fireproof, connect } = Fireproof;
-        let dbName;
-        let db;
-        let cx;
-
-        let dbUnsubscribe = false;
-
-        function setupDb(name) {
-          if (dbUnsubscribe) {
-            dbUnsubscribe();
-          }
-          dbName = name;
-          db = fireproof(name);
-          window.db = db;
-
-          cx = db.connect("jchris+files-30@fireproof.storage", "todo-test");
-          window.cx = cx;
-
-          dbUnsubscribe = db.subscribe(redraw);
-          return db;
-        }
-
-        let doing;
-        const redraw = async () => {
-          if (doing) {
-            return doing;
-          }
-          doing = draw().finally(() => (doing = null));
-          return doing;
-        };
-
-        const draw = async () => {
-          const result = await db.query("_id", { descending: true, limit: 10 });
-          document.querySelector("ul").innerHTML = "";
-          for (const row of result.rows) {
-            const doc = row.doc;
-            if (doc._publicFiles) {
-              const li = document.querySelector("ul").appendChild(document.createElement("li"));
-              li.appendChild(document.createElement("span")).innerText = row.key;
-              li.appendChild(document.createElement("br"));
-              for (const file of Object.keys(doc._publicFiles)) {
-                (async () => {
-                  const meta = doc._publicFiles[file];
-                  if (meta.file && /image/.test(meta.type)) {
-                    const src = URL.createObjectURL(await meta.file());
-                    const img = document.createElement("img");
-                    img.src = src;
-                    img.height = 100;
-                    img.onload = () => {
-                      URL.revokeObjectURL(img.src);
-                    };
-
-                    console.log("url", meta.url);
-                    li.appendChild(img);
-                  }
-                })();
-              }
-            }
-          }
-        };
-
-        async function changeList(e) {
-          e.preventDefault();
-          const input = document.querySelector("#list");
-          dbName = input.value;
-          history.pushState(null, "", location.pathname + "?db=" + encodeURIComponent(dbName));
-          setupDb(dbName);
-
-          redraw();
-        }
-        window.changeList = changeList;
-
-        async function openDashboard(e) {
-          db.openDashboard();
-        }
-        window.openDashboard = openDashboard;
-
-        function handleFiles() {
-          const fileList = this.files;
-          const doc = {
-            _publicFiles: {},
-          };
-          for (const file of fileList) {
-            doc._publicFiles[file.name] = file;
-          }
-          const ok = db.put(doc);
-        }
-
-        async function initialize() {
-          ps = new URLSearchParams(location.search);
-          const listQ = ps.get("db");
-          setupDb(listQ || "hello-world");
-          const input = document.querySelector("#list");
-          input.value = dbName;
-
-          const inputElement = document.getElementById("files-up");
-          inputElement.addEventListener("change", handleFiles, false);
-          db.subscribe(draw);
-          draw();
-        }
-
-        window.onload = initialize;
-      }
-      testApp();
-    </script>
-  </head>
-
-  <body>
-    List:
-    <input title="gallery" type="text" name="list" id="list" />
-    <button onclick="changeList(event)">Change Gallery</button>
-    <button onclick="openDashboard(event)">🔥 Import to Dashboard</button>
-    <h3>Files</h3>
-    <p>
-      Data is stored locally and encrypted before upload to S3. This is a demo so the encryption key is not managed securely. Read
-      more about <a href="https://use-fireproof.com/docs/ledger-api/replication">Fireproof replication options.</a> You can also see
-      a demo without images but <a href="https://fireproof.storage/s3up-test.html">with compaction and refresh buttons.</a>
-    </p>
-    <label for="files-up"><strong>Drop files:</strong></label>
-    <input accept="image/*" title="save to Fireproof" type="file" id="files-up" multiple />
-    <ul></ul>
-  </body>
-</html>

package/tests/www/iife.html

@@ -1,42 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Fireproof Test</title>
-    <script src="./fireproof.iife.js"></script>
-    <script type="text/javascript">
-      function testApp() {
-        const db = Fireproof.fireproof("iife-test", { persistIndexes: true });
-
-        const draw = async () => {
-          const result = await db.query("sort", { includeDocs: true });
-          document.querySelector("ul").innerHTML = "";
-          for (const row of result.rows) {
-            document.querySelector("ul").appendChild(document.createElement("li")).innerText = JSON.stringify(row.doc);
-          }
-        };
-
-        async function initialize() {
-          console.log("initialize");
-          db.subscribe(draw);
-          draw();
-        }
-
-        async function onButtonClick(e) {
-          e.preventDefault();
-          console.log("put");
-          const ok = await db.put({ sort: Math.random(), test: "test" });
-          console.log("ok", ok.id);
-        }
-        window.onButtonClick = onButtonClick;
-        window.onload = initialize;
-      }
-      testApp();
-    </script>
-  </head>
-  <body>
-    <button onclick="onButtonClick(event)">Click to Run</button>
-    <ul></ul>
-  </body>
-</html>