jazz-tools 0.18.37 → 0.19.0

package/dist/inspector/register-custom-element.js

@@ -1,5 +1,5 @@
 // src/inspector/register-custom-element.ts
 if (typeof window !== "undefined" && process.env.NODE_ENV === "development") {
-  import("./custom-element-SUVJ7CPN.js");
+  import("./custom-element-QESCMFY7.js");
 }
 //# sourceMappingURL=register-custom-element.js.map

package/dist/inspector/viewer/history-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"history-view.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/history-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EAET,UAAU,EAEX,MAAM,QAAQ,CAAC;AA0BhB,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,IAAI,GACL,EAAE;IACD,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;CACjB,2CAyEA"}
+{"version":3,"file":"history-view.d.ts","sourceRoot":"","sources":["../../../src/inspector/viewer/history-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,SAAS,EAET,UAAU,EAEX,MAAM,QAAQ,CAAC;AA2BhB,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,IAAI,GACL,EAAE;IACD,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,EAAE,SAAS,CAAC;CACjB,2CAoFA"}

package/dist/media/{chunk-K6GCHLQU.js → chunk-3LKBM3G3.js}

@@ -6,7 +6,7 @@ function highestResAvailable(image, wantedWidth, wantedHeight) {
     return [w, h, key];
   });
   if (availableSizes.length === 0) {
-    return image.original ? {
+    return image.original.$isLoaded ? {
       width: image.originalSize[0],
       height: image.originalSize[1],
       image: image.original
@@ -21,30 +21,38 @@ function highestResAvailable(image, wantedWidth, wantedHeight) {
       )
     };
   }).sort((a, b) => a.match - b.match);
-  const bestLoaded = [...sortedSizes].reverse().find((el) => el.isLoaded && image[el.size[2]]?.getChunks());
+  const bestLoaded = [...sortedSizes].reverse().find((el) => el.isLoaded && getImageChunks(image[el.size[2]]));
   const bestTarget = sortedSizes.find((el) => el.match > 0.95) || sortedSizes.at(-1);
-  if (image[bestTarget.size[2]]?.getChunks()) {
-    return image[bestTarget.size[2]] ? {
+  const bestTargetImage = image[bestTarget.size[2]];
+  if (getImageChunks(bestTargetImage)) {
+    return bestTargetImage?.$isLoaded ? {
       width: bestTarget.size[0],
       height: bestTarget.size[1],
-      image: image[bestTarget.size[2]]
+      image: bestTargetImage
     } : null;
   }
   if (bestLoaded) {
-    image[bestTarget.size[2]]?.getChunks();
-    return image[bestLoaded.size[2]] ? {
+    getImageChunks(bestTargetImage);
+    const bestLoadedImage = image[bestLoaded.size[2]];
+    return bestLoadedImage?.$isLoaded ? {
       width: bestLoaded.size[0],
       height: bestLoaded.size[1],
-      image: image[bestLoaded.size[2]]
+      image: bestLoadedImage
     } : null;
   }
   for (let size of sortedSizes) {
     if (size.match <= bestTarget.match) {
-      image[size.size[2]]?.getChunks();
+      getImageChunks(image[size.size[2]]);
     }
   }
   return null;
 }
+function getImageChunks(file) {
+  if (!file || !file.$isLoaded) {
+    return void 0;
+  }
+  return file.getChunks();
+}
 function sizesMatchWanted(w, h, wantedW, wantedH) {
   const area1 = w * h;
   const area2 = wantedW * wantedH;
@@ -64,7 +72,7 @@ async function loadImage(imageOrId) {
         original: true
       }
     });
-    if (image === null || image.original === null) {
+    if (!image.$isLoaded) {
       return null;
     }
     return {
@@ -73,12 +81,12 @@ async function loadImage(imageOrId) {
       image: image.original
     };
   }
-  if (!imageOrId.original) {
+  if (!imageOrId.original.$isLoaded) {
     console.warn("Unable to find the original image");
     return null;
   }
   const loadedOriginal = await FileStream.load(imageOrId.original.$jazz.id);
-  if (!loadedOriginal) {
+  if (!loadedOriginal.$isLoaded) {
     console.warn("Unable to find the original image");
     return null;
   }
@@ -90,7 +98,7 @@ async function loadImage(imageOrId) {
 }
 async function loadImageBySize(imageOrId, wantedWidth, wantedHeight) {
   const image = typeof imageOrId === "string" ? await ImageDefinition.load(imageOrId) : imageOrId;
-  if (image === null) {
+  if (image.$isLoaded === false) {
     return null;
   }
   if (image.progressive === false) {
@@ -113,7 +121,7 @@ async function loadImageBySize(imageOrId, wantedWidth, wantedHeight) {
     return null;
   }
   const loadedFile = await FileStream.load(file.id);
-  if (!loadedFile) {
+  if (!loadedFile.$isLoaded) {
     return null;
   }
   return {
@@ -216,4 +224,4 @@ export {
   loadImageBySize,
   createImageFactory
 };
-//# sourceMappingURL=chunk-K6GCHLQU.js.map
+//# sourceMappingURL=chunk-3LKBM3G3.js.map

package/dist/media/chunk-3LKBM3G3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/media/utils.ts","../../src/media/create-image-factory.ts"],"sourcesContent":["import type { CoID } from \"cojson\";\nimport { Account, FileStream, ImageDefinition, MaybeLoaded } from \"jazz-tools\";\n\nexport function highestResAvailable(\n  image: ImageDefinition,\n  wantedWidth: number,\n  wantedHeight: number,\n): { width: number; height: number; image: FileStream } | null {\n  const availableSizes: [number, number, string][] = image.$jazz.raw\n    .keys()\n    .filter((key) => /^\\d+x\\d+$/.test(key))\n    .map((key) => {\n      const [w, h] = key.split(\"x\").map(Number) as [number, number];\n      return [w, h, key];\n    });\n\n  if (availableSizes.length === 0) {\n    return image.original.$isLoaded\n      ? {\n          width: image.originalSize[0],\n          height: image.originalSize[1],\n          image: image.original,\n        }\n      : null;\n  }\n\n  const sortedSizes = availableSizes\n    .map((size) => {\n      return {\n        size,\n        match: sizesMatchWanted(size[0], size[1], wantedWidth, wantedHeight),\n        isLoaded: isLoaded(\n          image.$jazz.raw.get(size[2]) as CoID<any> | undefined,\n        ),\n      };\n    })\n    .sort((a, b) => a.match - b.match);\n\n  // We try to find the better already loaded image\n  // note: `toReversed` is not available in react-native.\n  const bestLoaded = [...sortedSizes]\n    .reverse()\n    .find((el) => el.isLoaded && getImageChunks(image[el.size[2]]));\n\n  // if I can't find a good match, let's use the highest resolution\n  const bestTarget =\n    sortedSizes.find((el) => el.match > 0.95) || sortedSizes.at(-1);\n\n  // if the best target is already loaded, we are done\n  const bestTargetImage = image[bestTarget!.size[2]];\n  if (getImageChunks(bestTargetImage)) {\n    return bestTargetImage?.$isLoaded\n      ? {\n          width: bestTarget!.size[0],\n          height: bestTarget!.size[1],\n          image: bestTargetImage,\n        }\n      : null;\n  }\n\n  // if the best already loaded is not the best target\n  // let's trigger the load of the best target\n  if (bestLoaded) {\n    getImageChunks(bestTargetImage);\n    const bestLoadedImage = image[bestLoaded.size[2]];\n    return bestLoadedImage?.$isLoaded\n      ? {\n          width: bestLoaded.size[0],\n          height: bestLoaded.size[1],\n          image: bestLoadedImage,\n        }\n      : null;\n  }\n\n  // if nothing is loaded, then start fetching all the images till the best\n  for (let size of sortedSizes) {\n    if (size.match <= bestTarget!.match) {\n      getImageChunks(image[size.size[2]]);\n    }\n  }\n\n  return null;\n}\n\nfunction getImageChunks(file: MaybeLoaded<FileStream> | undefined) {\n  if (!file || !file.$isLoaded) {\n    return undefined;\n  }\n  return file.getChunks();\n}\n\nfunction sizesMatchWanted(\n  w: number,\n  h: number,\n  wantedW: number,\n  wantedH: number,\n): number {\n  const area1 = w * h;\n  const area2 = wantedW * wantedH;\n\n  const areaRatio = area1 / area2;\n\n  // // Below 0.95 means the image is too small, we don't want to upscale it\n  // if (areaRatio < 0.95) {\n  //   return 9999;\n  // }\n\n  return areaRatio;\n}\n\nfunction isLoaded(id: CoID<any> | null | undefined): boolean {\n  if (!id) {\n    return false;\n  }\n\n  return !!Account.getMe().$jazz.localNode.getLoaded(id);\n}\n\nexport async function loadImage(\n  imageOrId: ImageDefinition | string,\n): Promise<{ width: number; height: number; image: FileStream } | null> {\n  if (typeof imageOrId === \"string\") {\n    const image = await ImageDefinition.load(imageOrId, {\n      resolve: {\n        original: true,\n      },\n    });\n\n    if (!image.$isLoaded) {\n      return null;\n    }\n\n    return {\n      width: image.originalSize[0],\n      height: image.originalSize[1],\n      image: image.original,\n    };\n  }\n\n  if (!imageOrId.original.$isLoaded) {\n    console.warn(\"Unable to find the original image\");\n    return null;\n  }\n\n  const loadedOriginal = await FileStream.load(imageOrId.original.$jazz.id);\n\n  if (!loadedOriginal.$isLoaded) {\n    console.warn(\"Unable to find the original image\");\n    return null;\n  }\n\n  return {\n    width: imageOrId.originalSize[0],\n    height: imageOrId.originalSize[1],\n    image: loadedOriginal,\n  };\n}\n\nexport async function loadImageBySize(\n  imageOrId: ImageDefinition | string,\n  wantedWidth: number,\n  wantedHeight: number,\n): Promise<{ width: number; height: number; image: FileStream } | null> {\n  // @ts-expect-error The resolved type for CoMap does not include catchall properties\n  const image: MaybeLoaded<ImageDefinition> =\n    typeof imageOrId === \"string\"\n      ? await ImageDefinition.load(imageOrId)\n      : imageOrId;\n\n  if (image.$isLoaded === false) {\n    return null;\n  }\n\n  if (image.progressive === false) {\n    return loadImage(imageOrId);\n  }\n\n  const availableSizes: [number, number, string][] = image.$jazz.raw\n    .keys()\n    .filter((key) => /^\\d+x\\d+$/.test(key))\n    .map((key) => {\n      const [w, h] = key.split(\"x\").map(Number) as [number, number];\n      return [w, h, key];\n    });\n\n  if (availableSizes.length === 0) {\n    return null;\n  }\n\n  const sortedSizes = availableSizes\n    .map((size) => ({\n      size,\n      match: sizesMatchWanted(size[0], size[1], wantedWidth, wantedHeight),\n    }))\n    .sort((a, b) => a.match - b.match);\n\n  const bestTarget =\n    sortedSizes.find((el) => el.match > 0.95) || sortedSizes.at(-1)!;\n\n  // The image's `wxh` keys reference FileStream.\n  // image[bestTarget.size[2]] returns undefined if FileStream hasn't loaded yet.\n  // Since we only need the file's ID to fetch it later, we check the raw _refs\n  // which contain only the linked covalue's ID.\n  const file = image.$jazz.refs[bestTarget.size[2]];\n\n  if (!file) {\n    return null;\n  }\n\n  const loadedFile = await FileStream.load(file.id);\n\n  if (!loadedFile.$isLoaded) {\n    return null;\n  }\n\n  return {\n    width: bestTarget.size[0],\n    height: bestTarget.size[1],\n    image: loadedFile,\n  };\n}\n","import {\n  Account,\n  FileStream,\n  Group,\n  ImageDefinition,\n  type Loaded,\n} from \"jazz-tools\";\n\nexport type SourceType = Blob | File | string;\n\nexport type ResizeOutput = Blob | string;\n\nexport type CreateImageOptions = {\n  /** The owner of the image. Can be either a Group or Account. If not specified, the current user will be the owner. */\n  owner?: Group | Account;\n  /**\n   * Controls placeholder generation for the image.\n   * - `\"blur\"`: Generates a blurred placeholder image (default)\n   * - `false`: No placeholder is generated\n   * @default \"blur\"\n   */\n  placeholder?: \"blur\" | false;\n  /**\n   * Maximum size constraint for the image. The image will be resized to fit within this size while maintaining aspect ratio.\n   * If the image is smaller than maxSize in both dimensions, no resizing occurs.\n   * @example 1024 // Resizes image to fit within 1024px in the largest dimension\n   */\n  maxSize?: number; // | [number, number];\n  /**\n   * The progressive loading pattern is a technique that allows images to load incrementally, starting with a small version and gradually replacing it with a larger version as it becomes available.\n   * This is useful for improving the user experience by showing a placeholder while the image is loading.\n   *\n   * Passing progressive: true to createImage() will create internal smaller versions of the image for future uses.\n   *\n   * @default false\n   */\n  progressive?: boolean;\n};\n\nexport type CreateImageReturnType = Loaded<\n  typeof ImageDefinition,\n  { original: true }\n>;\n\nexport type CreateImageImpl<\n  TSourceType = SourceType,\n  TResizeOutput = ResizeOutput,\n> = {\n  createFileStreamFromSource: (\n    imageBlobOrFile: TSourceType | TResizeOutput,\n    owner?: Group | Account,\n  ) => Promise<FileStream>;\n  getImageSize: (\n    imageBlobOrFile: TSourceType,\n  ) => Promise<{ width: number; height: number }>;\n  getPlaceholderBase64: (imageBlobOrFile: TSourceType) => Promise<string>;\n  resize: (\n    imageBlobOrFile: TSourceType,\n    width: number,\n    height: number,\n  ) => Promise<TResizeOutput>;\n};\n\nexport function createImageFactory<TSourceType, TResizeOutput>(\n  impl: CreateImageImpl<TSourceType, TResizeOutput>,\n  imageTypeGuard?: (imageBlobOrFile: TSourceType) => void,\n) {\n  return (source: TSourceType, options?: CreateImageOptions) => {\n    imageTypeGuard?.(source);\n    return createImage(source, options ?? {}, impl);\n  };\n}\n\nasync function createImage<TSourceType, TResizeOutput>(\n  imageBlobOrFile: TSourceType,\n  options: CreateImageOptions,\n  impl: CreateImageImpl<TSourceType, TResizeOutput>,\n): Promise<CreateImageReturnType> {\n  // Get the original size of the image\n  const { width: originalWidth, height: originalHeight } =\n    await impl.getImageSize(imageBlobOrFile);\n\n  const def: {\n    originalSize: [number, number];\n    progressive: boolean;\n    placeholderDataURL: string | undefined;\n    original?: FileStream;\n    files: Record<string, FileStream>;\n  } = {\n    originalSize: [originalWidth, originalHeight],\n    progressive: false,\n    placeholderDataURL: undefined,\n    files: {},\n  };\n\n  // Placeholder\n  if (options?.placeholder === \"blur\") {\n    def.placeholderDataURL = await impl.getPlaceholderBase64(imageBlobOrFile);\n  }\n\n  /**\n   * Original\n   *\n   * Save the original image.\n   * If the maxSize is set, resize the image to the maxSize if needed\n   */\n  if (options?.maxSize === undefined) {\n    def.original = await impl.createFileStreamFromSource(\n      imageBlobOrFile,\n      options?.owner,\n    );\n    def.files[`${originalWidth}x${originalHeight}`] = def.original;\n  } else if (\n    options?.maxSize >= originalWidth &&\n    options?.maxSize >= originalHeight\n  ) {\n    // no resizes required, just return the original image\n    def.original = await impl.createFileStreamFromSource(\n      imageBlobOrFile,\n      options?.owner,\n    );\n    def.files[`${originalWidth}x${originalHeight}`] = def.original;\n  } else {\n    const { width, height } = getNewDimensions(\n      originalWidth,\n      originalHeight,\n      options.maxSize,\n    );\n\n    const blob = await impl.resize(imageBlobOrFile, width, height);\n    def.originalSize = [width, height];\n    def.original = await impl.createFileStreamFromSource(blob, options?.owner);\n    def.files[`${width}x${height}`] = def.original;\n  }\n\n  const imageCoValue = ImageDefinition.create(\n    {\n      originalSize: def.originalSize,\n      progressive: def.progressive,\n      placeholderDataURL: def.placeholderDataURL,\n      original: def.original,\n      ...def.files,\n    },\n    options?.owner,\n  );\n\n  /**\n   * Progressive loading\n   *\n   * Save a set of resized images using three sizes: 256, 1024, 2048\n   *\n   * On the client side, the image will be loaded progressively, starting from the smallest size and increasing the size until the original size is reached.\n   */\n  if (options?.progressive) {\n    imageCoValue.$jazz.set(\"progressive\", true);\n\n    const resizes = ([256, 1024, 2048] as const).filter(\n      (s) =>\n        s <\n        Math.max(imageCoValue.originalSize[0], imageCoValue.originalSize[1]),\n    );\n\n    for (const size of resizes) {\n      const { width, height } = getNewDimensions(\n        originalWidth,\n        originalHeight,\n        size,\n      );\n\n      const blob = await impl.resize(imageBlobOrFile, width, height);\n      imageCoValue.$jazz.set(\n        `${width}x${height}`,\n        await impl.createFileStreamFromSource(blob, options?.owner),\n      );\n    }\n  }\n\n  return imageCoValue;\n}\n\nconst getNewDimensions = (\n  originalWidth: number,\n  originalHeight: number,\n  maxSize: number,\n) => {\n  if (originalWidth > originalHeight) {\n    return {\n      width: maxSize,\n      height: Math.round(maxSize * (originalHeight / originalWidth)),\n    };\n  }\n\n  return {\n    width: Math.round(maxSize * (originalWidth / originalHeight)),\n    height: maxSize,\n  };\n};\n"],"mappings":"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","names":["ImageDefinition"]}

package/dist/media/create-image/browser.d.ts

@@ -33,11 +33,11 @@ import { FileStream } from "jazz-tools";
 export declare const createImage: (source: Blob | File, options?: import("../create-image-factory").CreateImageOptions) => Promise<{
     readonly original: FileStream;
 } & {
-    readonly original: FileStream | null;
+    readonly original: import("jazz-tools").MaybeLoaded<FileStream>;
     readonly originalSize: [number, number];
     readonly placeholderDataURL: string | undefined;
     readonly progressive: boolean;
 } & {
-    readonly [key: string]: FileStream | null;
+    readonly [key: string]: import("jazz-tools").MaybeLoaded<FileStream>;
 } & import("jazz-tools").CoMap>;
 //# sourceMappingURL=browser.d.ts.map

package/dist/media/create-image/react-native.d.ts

@@ -26,12 +26,12 @@ import { FileStream } from "jazz-tools";
 export declare const createImage: (source: string, options?: import("../create-image-factory").CreateImageOptions) => Promise<{
     readonly original: FileStream;
 } & {
-    readonly original: FileStream | null;
+    readonly original: import("jazz-tools").MaybeLoaded<FileStream>;
     readonly originalSize: [number, number];
     readonly placeholderDataURL: string | undefined;
     readonly progressive: boolean;
 } & {
-    readonly [key: string]: FileStream | null;
+    readonly [key: string]: import("jazz-tools").MaybeLoaded<FileStream>;
 } & import("jazz-tools").CoMap>;
 export declare function createFileStreamFromSource(filePath: string, owner?: Account | Group): Promise<FileStream>;
 //# sourceMappingURL=react-native.d.ts.map

package/dist/media/create-image/server.d.ts

@@ -24,11 +24,11 @@ export type SharpImageType = File | Blob | Buffer | ArrayBuffer | Uint8Array | U
 export declare const createImage: (source: SharpImageType, options?: import("../create-image-factory").CreateImageOptions) => Promise<{
     readonly original: FileStream;
 } & {
-    readonly original: FileStream | null;
+    readonly original: import("jazz-tools").MaybeLoaded<FileStream>;
     readonly originalSize: [number, number];
     readonly placeholderDataURL: string | undefined;
     readonly progressive: boolean;
 } & {
-    readonly [key: string]: FileStream | null;
+    readonly [key: string]: import("jazz-tools").MaybeLoaded<FileStream>;
 } & import("jazz-tools").CoMap>;
 //# sourceMappingURL=server.d.ts.map

package/dist/media/create-image-factory.d.ts

@@ -42,11 +42,11 @@ export type CreateImageImpl<TSourceType = SourceType, TResizeOutput = ResizeOutp
 export declare function createImageFactory<TSourceType, TResizeOutput>(impl: CreateImageImpl<TSourceType, TResizeOutput>, imageTypeGuard?: (imageBlobOrFile: TSourceType) => void): (source: TSourceType, options?: CreateImageOptions) => Promise<{
     readonly original: FileStream;
 } & {
-    readonly original: FileStream | null;
+    readonly original: import("jazz-tools").MaybeLoaded<FileStream>;
     readonly originalSize: [number, number];
     readonly placeholderDataURL: string | undefined;
     readonly progressive: boolean;
 } & {
-    readonly [key: string]: FileStream | null;
+    readonly [key: string]: import("jazz-tools").MaybeLoaded<FileStream>;
 } & import("jazz-tools").CoMap>;
 //# sourceMappingURL=create-image-factory.d.ts.map

package/dist/media/index.browser.js

@@ -3,7 +3,7 @@ import {
   highestResAvailable,
   loadImage,
   loadImageBySize
-} from "./chunk-K6GCHLQU.js";
+} from "./chunk-3LKBM3G3.js";
 
 // src/media/create-image/browser.ts
 import { FileStream } from "jazz-tools";

package/dist/media/index.js

@@ -3,7 +3,7 @@ import {
   highestResAvailable,
   loadImage,
   loadImageBySize
-} from "./chunk-K6GCHLQU.js";
+} from "./chunk-3LKBM3G3.js";
 export {
   createImageFactory,
   highestResAvailable,

package/dist/media/index.native.js

@@ -3,7 +3,7 @@ import {
   highestResAvailable,
   loadImage,
   loadImageBySize
-} from "./chunk-K6GCHLQU.js";
+} from "./chunk-3LKBM3G3.js";
 
 // src/media/create-image/react-native.ts
 import { FileStream } from "jazz-tools";

package/dist/media/index.server.js

@@ -3,7 +3,7 @@ import {
   highestResAvailable,
   loadImage,
   loadImageBySize
-} from "./chunk-K6GCHLQU.js";
+} from "./chunk-3LKBM3G3.js";
 
 // src/media/create-image/server.ts
 import { FileStream } from "jazz-tools";

package/dist/media/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/media/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElE,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,GAAG,IAAI,CAyE7D;AA6BD,wBAAsB,SAAS,CAC7B,SAAS,EAAE,eAAe,GAAG,MAAM,GAClC,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,GAAG,IAAI,CAAC,CAoCtE;AAED,wBAAsB,eAAe,CACnC,SAAS,EAAE,eAAe,GAAG,MAAM,EACnC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,GAAG,IAAI,CAAC,CA0DtE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/media/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,UAAU,EAAE,eAAe,EAAe,MAAM,YAAY,CAAC;AAE/E,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,GAAG,IAAI,CA2E7D;AAoCD,wBAAsB,SAAS,CAC7B,SAAS,EAAE,eAAe,GAAG,MAAM,GAClC,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,GAAG,IAAI,CAAC,CAoCtE;AAED,wBAAsB,eAAe,CACnC,SAAS,EAAE,eAAe,GAAG,MAAM,EACnC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,UAAU,CAAA;CAAE,GAAG,IAAI,CAAC,CA0DtE"}

package/dist/react/hooks.d.ts

@@ -5,5 +5,5 @@ export declare function useAcceptInvite<S extends CoValueClassOrSchema>({ invite
     onAccept: (valueID: string) => void;
     forValueHint?: string;
 }): void;
-export { experimental_useInboxSender, useJazzContext, useAccount, useCoStateWithSelector, useAccountWithSelector, useSyncConnectionStatus, useCoValueSubscription, useAccountSubscription, useSubscriptionSelector, } from "jazz-tools/react-core";
+export { experimental_useInboxSender, useJazzContext, useAccount, useAgent, useLogOut, useSyncConnectionStatus, useCoValueSubscription, useAccountSubscription, useSubscriptionSelector, } from "jazz-tools/react-core";
 //# sourceMappingURL=hooks.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/react/hooks.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEzE,wBAAgB,eAAe,CAAC,CAAC,SAAS,oBAAoB,EAAE,EAC9D,mBAAmB,EACnB,QAAQ,EACR,YAAY,GACb,EAAE;IACD,mBAAmB,EAAE,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CA8BP;AAED,OAAO,EACL,2BAA2B,EAC3B,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/react/hooks.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAEzE,wBAAgB,eAAe,CAAC,CAAC,SAAS,oBAAoB,EAAE,EAC9D,mBAAmB,EACnB,QAAQ,EACR,YAAY,GACb,EAAE;IACD,mBAAmB,EAAE,CAAC,CAAC;IACvB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,IAAI,CA8BP;AAED,OAAO,EACL,2BAA2B,EAC3B,cAAc,EACd,UAAU,EACV,QAAQ,EACR,SAAS,EACT,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,uBAAuB,CAAC"}

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 export { JazzReactProvider } from "./provider.js";
 export type { JazzProviderProps } from "./provider.js";
-export { useAccount, useCoState, useAcceptInvite, experimental_useInboxSender, useJazzContext, useAuthSecretStorage, useCoStateWithSelector, useAccountWithSelector, useSyncConnectionStatus, useCoValueSubscription, useAccountSubscription, useSubscriptionSelector, } from "./hooks.js";
+export { useAccount, useCoState, useAcceptInvite, experimental_useInboxSender, useJazzContext, useAuthSecretStorage, useAgent, useLogOut, useSyncConnectionStatus, useCoValueSubscription, useAccountSubscription, useSubscriptionSelector, } from "./hooks.js";
 export { createCoValueSubscriptionContext, createAccountSubscriptionContext, type CoValueSubscription, } from "jazz-tools/react-core";
 export { createInviteLink, parseInviteLink } from "jazz-tools/browser";
 export * from "./auth/auth.js";

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EACL,UAAU,EACV,UAAU,EACV,eAAe,EACf,2BAA2B,EAC3B,cAAc,EACd,oBAAoB,EACpB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,gCAAgC,EAChC,gCAAgC,EAChC,KAAK,mBAAmB,GACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EACL,UAAU,EACV,UAAU,EACV,eAAe,EACf,2BAA2B,EAC3B,cAAc,EACd,oBAAoB,EACpB,QAAQ,EACR,SAAS,EACT,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,gCAAgC,EAChC,gCAAgC,EAChC,KAAK,mBAAmB,GACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}

package/dist/react/index.js

@@ -85,8 +85,8 @@ import {
   experimental_useInboxSender,
   useJazzContext as useJazzContext2,
   useAccount,
-  useCoStateWithSelector,
-  useAccountWithSelector,
+  useAgent,
+  useLogOut,
   useSyncConnectionStatus,
   useCoValueSubscription,
   useAccountSubscription,
@@ -638,7 +638,7 @@ import {
 } from "jazz-tools/react-core";
 
 // src/react/media/image.tsx
-import { ImageDefinition as ImageDefinition3 } from "jazz-tools";
+import { CoValueLoadingState, ImageDefinition as ImageDefinition3 } from "jazz-tools";
 import {
   forwardRef,
   useCallback,
@@ -656,7 +656,7 @@ function highestResAvailable(image, wantedWidth, wantedHeight) {
     return [w, h, key];
   });
   if (availableSizes.length === 0) {
-    return image.original ? {
+    return image.original.$isLoaded ? {
       width: image.originalSize[0],
       height: image.originalSize[1],
       image: image.original
@@ -671,30 +671,38 @@ function highestResAvailable(image, wantedWidth, wantedHeight) {
       )
     };
   }).sort((a, b) => a.match - b.match);
-  const bestLoaded = [...sortedSizes].reverse().find((el) => el.isLoaded && image[el.size[2]]?.getChunks());
+  const bestLoaded = [...sortedSizes].reverse().find((el) => el.isLoaded && getImageChunks(image[el.size[2]]));
   const bestTarget = sortedSizes.find((el) => el.match > 0.95) || sortedSizes.at(-1);
-  if (image[bestTarget.size[2]]?.getChunks()) {
-    return image[bestTarget.size[2]] ? {
+  const bestTargetImage = image[bestTarget.size[2]];
+  if (getImageChunks(bestTargetImage)) {
+    return bestTargetImage?.$isLoaded ? {
       width: bestTarget.size[0],
       height: bestTarget.size[1],
-      image: image[bestTarget.size[2]]
+      image: bestTargetImage
     } : null;
   }
   if (bestLoaded) {
-    image[bestTarget.size[2]]?.getChunks();
-    return image[bestLoaded.size[2]] ? {
+    getImageChunks(bestTargetImage);
+    const bestLoadedImage = image[bestLoaded.size[2]];
+    return bestLoadedImage?.$isLoaded ? {
       width: bestLoaded.size[0],
       height: bestLoaded.size[1],
-      image: image[bestLoaded.size[2]]
+      image: bestLoadedImage
     } : null;
   }
   for (let size of sortedSizes) {
     if (size.match <= bestTarget.match) {
-      image[size.size[2]]?.getChunks();
+      getImageChunks(image[size.size[2]]);
     }
   }
   return null;
 }
+function getImageChunks(file) {
+  if (!file || !file.$isLoaded) {
+    return void 0;
+  }
+  return file.getChunks();
+}
 function sizesMatchWanted(w, h, wantedW, wantedH) {
   const area1 = w * h;
   const area2 = wantedW * wantedH;
@@ -716,7 +724,15 @@ import {
 // src/react/media/image.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var Image = forwardRef(function Image2({ imageId, width, height, ...props }, ref) {
-  const image = useCoState(ImageDefinition3, imageId);
+  const image = useCoState(ImageDefinition3, imageId, {
+    select: (image2) => {
+      if (image2.$isLoaded) {
+        return image2;
+      } else if (image2.$jazz.loadingState === CoValueLoadingState.LOADING) {
+        return void 0;
+      } else return null;
+    }
+  });
   const lastBestImage = useRef2(null);
   const [waitingLazyLoading, setWaitingLazyLoading] = useState5(
     props.loading === "lazy"
@@ -837,14 +853,14 @@ export {
   useAcceptInvite,
   useAccount,
   useAccountSubscription,
-  useAccountWithSelector,
+  useAgent,
   useAuthSecretStorage,
   useCoState,
-  useCoStateWithSelector,
   useCoValueSubscription,
   useDemoAuth2 as useDemoAuth,
   useIsAuthenticated2 as useIsAuthenticated,
   useJazzContext2 as useJazzContext,
+  useLogOut,
   usePasskeyAuth,
   usePassphraseAuth2 as usePassphraseAuth,
   useSubscriptionSelector,