jazz-tools 0.16.6 → 0.17.1

package/dist/media/index.browser.js

@@ -0,0 +1,113 @@
+import {
+  createImageFactory,
+  highestResAvailable,
+  loadImage,
+  loadImageBySize
+} from "./chunk-JBLT443O.js";
+
+// src/media/index.browser.ts
+import { FileStream } from "jazz-tools";
+async function createImage(imageBlobOrFile, options) {
+  return createImageFactory({
+    createFileStreamFromSource,
+    getImageSize,
+    getPlaceholderBase64,
+    resize
+  })(imageBlobOrFile, options || {});
+}
+async function createFileStreamFromSource(imageBlobOrFile, owner) {
+  if (typeof imageBlobOrFile === "string") {
+    throw new Error(
+      "createFileStreamFromSource(string) is not supported on this platform"
+    );
+  }
+  return FileStream.createFromBlob(imageBlobOrFile, owner);
+}
+function getImageFromBlob(blob) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.onload = () => {
+      resolve(img);
+      URL.revokeObjectURL(img.src);
+    };
+    img.onerror = () => {
+      reject(new Error("Failed to load image"));
+      URL.revokeObjectURL(img.src);
+    };
+    img.src = URL.createObjectURL(blob);
+  });
+}
+async function getImageSize(imageBlobOrFile) {
+  if (typeof imageBlobOrFile === "string") {
+    throw new Error("getImageSize(string) is not supported on browser");
+  }
+  const image = await getImageFromBlob(imageBlobOrFile);
+  return { width: image.width, height: image.height };
+}
+async function getPlaceholderBase64(imageBlobOrFile) {
+  if (typeof imageBlobOrFile === "string") {
+    throw new Error("getPlaceholderBase64(string) is not supported on browser");
+  }
+  const image = await getImageFromBlob(imageBlobOrFile);
+  const { width, height } = resizeDimensionsKeepingAspectRatio(
+    image.width,
+    image.height,
+    8
+  );
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    throw new Error("Failed to get context");
+  }
+  ctx.drawImage(image, 0, 0, width, height);
+  return canvas.toDataURL("image/png");
+}
+var resizeDimensionsKeepingAspectRatio = (width, height, maxSize) => {
+  if (width <= maxSize && height <= maxSize) {
+    return { width, height };
+  }
+  const aspectRatio = width / height;
+  if (width >= height) {
+    return { width: maxSize, height: Math.round(maxSize / aspectRatio) };
+  } else {
+    return { width: Math.round(maxSize * aspectRatio), height: maxSize };
+  }
+};
+async function resize(imageBlobOrFile, width, height) {
+  if (typeof imageBlobOrFile === "string") {
+    throw new Error("resize(string) is not supported on browser");
+  }
+  const mimeType = imageBlobOrFile.type;
+  const image = await getImageFromBlob(imageBlobOrFile);
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) {
+    throw new Error("Failed to get context");
+  }
+  ctx.drawImage(image, 0, 0, width, height);
+  return new Promise((resolve, reject) => {
+    canvas.toBlob(
+      (blob) => {
+        if (!blob) {
+          reject(new Error("Failed to convert canvas to blob"));
+          return;
+        }
+        resolve(blob);
+      },
+      mimeType,
+      0.8
+    );
+  });
+}
+export {
+  createImage,
+  createImageFactory,
+  highestResAvailable,
+  loadImage,
+  loadImageBySize
+};
+//# sourceMappingURL=index.browser.js.map

package/dist/media/index.browser.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/media/index.browser.ts"],"sourcesContent":["import { Account, FileStream, Group, ImageDefinition } from \"jazz-tools\";\nimport { CreateImageOptions, createImageFactory } from \"./create-image.js\";\n\nexport { highestResAvailable, loadImage, loadImageBySize } from \"./utils.js\";\n\nexport { createImageFactory };\n\nexport async function createImage(\n  imageBlobOrFile: Blob | File | string,\n  options?: CreateImageOptions,\n) {\n  return createImageFactory({\n    createFileStreamFromSource,\n    getImageSize,\n    getPlaceholderBase64,\n    resize,\n  })(imageBlobOrFile, options || {});\n}\n\n//  Image Manipulations\nasync function createFileStreamFromSource(\n  imageBlobOrFile: Blob | File | string,\n  owner?: Account | Group,\n): Promise<FileStream> {\n  if (typeof imageBlobOrFile === \"string\") {\n    throw new Error(\n      \"createFileStreamFromSource(string) is not supported on this platform\",\n    );\n  }\n\n  return FileStream.createFromBlob(imageBlobOrFile, owner);\n}\n\n// using createImageBitmap is ~10x slower than Image object\n// Image object: 640 milliseconds\n// createImageBitmap: 8128 milliseconds\nfunction getImageFromBlob(blob: Blob): Promise<HTMLImageElement> {\n  return new Promise((resolve, reject) => {\n    const img = new Image();\n    img.onload = () => {\n      resolve(img);\n      URL.revokeObjectURL(img.src);\n    };\n    img.onerror = () => {\n      reject(new Error(\"Failed to load image\"));\n      URL.revokeObjectURL(img.src);\n    };\n    img.src = URL.createObjectURL(blob);\n  });\n}\n\nasync function getImageSize(\n  imageBlobOrFile: Blob | File | string,\n): Promise<{ width: number; height: number }> {\n  if (typeof imageBlobOrFile === \"string\") {\n    throw new Error(\"getImageSize(string) is not supported on browser\");\n  }\n\n  const image = await getImageFromBlob(imageBlobOrFile);\n\n  return { width: image.width, height: image.height };\n}\n\nasync function getPlaceholderBase64(\n  imageBlobOrFile: Blob | File | string,\n): Promise<string> {\n  if (typeof imageBlobOrFile === \"string\") {\n    throw new Error(\"getPlaceholderBase64(string) is not supported on browser\");\n  }\n\n  const image = await getImageFromBlob(imageBlobOrFile);\n\n  const { width, height } = resizeDimensionsKeepingAspectRatio(\n    image.width,\n    image.height,\n    8,\n  );\n\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = width;\n  canvas.height = height;\n\n  const ctx = canvas.getContext(\"2d\");\n\n  if (!ctx) {\n    throw new Error(\"Failed to get context\");\n  }\n\n  ctx.drawImage(image, 0, 0, width, height);\n\n  return canvas.toDataURL(\"image/png\");\n}\n\nconst resizeDimensionsKeepingAspectRatio = (\n  width: number,\n  height: number,\n  maxSize: number,\n): { width: number; height: number } => {\n  if (width <= maxSize && height <= maxSize) {\n    return { width, height };\n  }\n\n  const aspectRatio = width / height;\n\n  if (width >= height) {\n    return { width: maxSize, height: Math.round(maxSize / aspectRatio) };\n  } else {\n    return { width: Math.round(maxSize * aspectRatio), height: maxSize };\n  }\n};\n\nasync function resize(\n  imageBlobOrFile: Blob | File | string,\n  width: number,\n  height: number,\n): Promise<Blob> {\n  if (typeof imageBlobOrFile === \"string\") {\n    throw new Error(\"resize(string) is not supported on browser\");\n  }\n\n  const mimeType = imageBlobOrFile.type;\n\n  const image = await getImageFromBlob(imageBlobOrFile);\n\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = width;\n  canvas.height = height;\n\n  const ctx = canvas.getContext(\"2d\");\n\n  if (!ctx) {\n    throw new Error(\"Failed to get context\");\n  }\n\n  ctx.drawImage(image, 0, 0, width, height);\n\n  return new Promise<Blob>((resolve, reject) => {\n    canvas.toBlob(\n      (blob) => {\n        if (!blob) {\n          reject(new Error(\"Failed to convert canvas to blob\"));\n          return;\n        }\n        resolve(blob);\n      },\n      mimeType,\n      0.8,\n    );\n  });\n}\n"],"mappings":"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","names":[]}

package/dist/media/index.d.ts

@@ -0,0 +1,53 @@
+import type { ImageDefinition } from "jazz-tools";
+import { CreateImageOptions, SourceType, createImageFactory } from "./create-image.js";
+export { highestResAvailable, loadImage, loadImageBySize } from "./utils.js";
+export { createImageFactory };
+/**
+ * Creates an ImageDefinition from an image file or blob with built-in UX features.
+ *
+ * This function creates a specialized CoValue for managing images in Jazz applications.
+ * It supports blurry placeholders, built-in resizing, and progressive loading patterns.
+ *
+ * @returns Promise that resolves to an ImageDefinition
+ *
+ * @example
+ * ```ts
+ * import { createImage } from "jazz-tools/media";
+ *
+ * // Create an image from a file input
+ * async function handleFileUpload(event: React.ChangeEvent<HTMLInputElement>) {
+ *   const file = event.target.files?.[0];
+ *   if (file) {
+ *     // Creates ImageDefinition with a blurry placeholder, limited to 1024px
+ *     // on the longest side, and multiple resolutions automatically
+ *     const image = await createImage(file, {
+ *       owner: me._owner,
+ *       maxSize: 1024,
+ *       placeholder: "blur",
+ *       progressive: true,
+ *     });
+ *
+ *     // Store the image in your application data
+ *     me.profile.image = image;
+ *   }
+ * }
+ * ```
+ *
+ * @example
+ * ```ts
+ * // React Native example
+ * import { createImage } from "jazz-tools/media";
+ *
+ * async function uploadImageFromCamera(imagePath: string) {
+ *   const image = await createImage(imagePath, {
+ *     maxSize: 800,
+ *     placeholder: "blur",
+ *     progressive: false,
+ *   });
+ *
+ *   return image;
+ * }
+ * ```
+ */
+export declare function createImage(imageBlobOrFile: SourceType, options?: CreateImageOptions): Promise<ImageDefinition>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/media/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,kBAAkB,EACnB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,eAAe,EAAE,UAAU,EAC3B,OAAO,CAAC,EAAE,kBAAkB,GAC3B,OAAO,CAAC,eAAe,CAAC,CAAC"}

package/dist/media/index.js

@@ -0,0 +1,13 @@
+import {
+  createImageFactory,
+  highestResAvailable,
+  loadImage,
+  loadImageBySize
+} from "./chunk-JBLT443O.js";
+export {
+  createImageFactory,
+  highestResAvailable,
+  loadImage,
+  loadImageBySize
+};
+//# sourceMappingURL=index.js.map

package/dist/media/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/media/index.native.d.ts

@@ -0,0 +1,17 @@
+import type { Account, Group } from "jazz-tools";
+import { FileStream } from "jazz-tools";
+import { CreateImageOptions, SourceType, createImageFactory } from "./create-image.js";
+export { highestResAvailable, loadImage, loadImageBySize } from "./utils.js";
+export { createImageFactory };
+export declare function createImage(imageBlobOrFile: Blob | File | string, options?: CreateImageOptions): Promise<{
+    [key: string]: FileStream;
+} & {
+    original: FileStream | null;
+    originalSize: [number, number];
+    placeholderDataURL: string | undefined;
+    progressive: boolean;
+} & {
+    [key: string]: FileStream | null;
+} & import("jazz-tools").CoMap>;
+export declare function createFileStreamFromSource(filePath: SourceType, owner?: Account | Group): Promise<FileStream>;
+//# sourceMappingURL=index.native.d.ts.map

package/dist/media/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/media/index.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,EACL,kBAAkB,EAClB,UAAU,EACV,kBAAkB,EACnB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,wBAAsB,WAAW,CAC/B,eAAe,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,EACrC,OAAO,CAAC,EAAE,kBAAkB;;;;;;;;;gCAQ7B;AAmFD,wBAAsB,0BAA0B,CAC9C,QAAQ,EAAE,UAAU,EACpB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GACtB,OAAO,CAAC,UAAU,CAAC,CAarB"}

package/dist/media/index.native.js

@@ -0,0 +1,126 @@
+import {
+  createImageFactory,
+  highestResAvailable,
+  loadImage,
+  loadImageBySize
+} from "./chunk-JBLT443O.js";
+
+// src/media/index.native.ts
+import ImageResizer from "@bam.tech/react-native-image-resizer";
+import { FileStream } from "jazz-tools";
+import { Image } from "react-native";
+async function createImage(imageBlobOrFile, options) {
+  return createImageFactory({
+    getImageSize,
+    getPlaceholderBase64,
+    createFileStreamFromSource,
+    resize
+  })(imageBlobOrFile, options || {});
+}
+async function getImageSize(filePath) {
+  if (typeof filePath !== "string") {
+    throw new Error(
+      "createImage(Blob | File) is not supported on this platform"
+    );
+  }
+  const { width, height } = await Image.getSize(filePath);
+  return { width, height };
+}
+async function getPlaceholderBase64(filePath) {
+  if (typeof filePath !== "string") {
+    throw new Error(
+      "createImage(Blob | File) is not supported on this platform"
+    );
+  }
+  if (typeof ImageResizer === "undefined" || ImageResizer === null) {
+    throw new Error(
+      "ImageResizer is not installed, please run `npm install @bam.tech/react-native-image-resizer`"
+    );
+  }
+  const { uri } = await ImageResizer.createResizedImage(
+    filePath,
+    8,
+    8,
+    "PNG",
+    100
+  );
+  return imageUrlToBase64(uri);
+}
+async function resize(filePath, width, height) {
+  if (typeof filePath !== "string") {
+    throw new Error(
+      "createImage(Blob | File) is not supported on this platform"
+    );
+  }
+  if (typeof ImageResizer === "undefined" || ImageResizer === null) {
+    throw new Error(
+      "ImageResizer is not installed, please run `npm install @bam.tech/react-native-image-resizer`"
+    );
+  }
+  const mimeType = await getMimeType(filePath);
+  const { uri } = await ImageResizer.createResizedImage(
+    filePath,
+    width,
+    height,
+    contentTypeToFormat(mimeType),
+    80
+  );
+  return uri;
+}
+function getMimeType(filePath) {
+  return fetch(filePath).then((res) => res.blob()).then((blob) => blob.type);
+}
+function contentTypeToFormat(contentType) {
+  if (contentType.includes("image/png")) return "PNG";
+  if (contentType.includes("image/jpeg")) return "JPEG";
+  if (contentType.includes("image/webp")) return "WEBP";
+  return "PNG";
+}
+async function createFileStreamFromSource(filePath, owner) {
+  if (typeof filePath !== "string") {
+    throw new Error(
+      "createImage(Blob | File) is not supported on this platform"
+    );
+  }
+  const blob = await fetch(filePath).then((res) => res.blob());
+  const arrayBuffer = await toArrayBuffer(blob);
+  return FileStream.createFromArrayBuffer(arrayBuffer, blob.type, void 0, {
+    owner
+  });
+}
+function toArrayBuffer(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      resolve(reader.result);
+    };
+    reader.onerror = (error) => {
+      reject(error);
+    };
+    reader.readAsArrayBuffer(blob);
+  });
+}
+async function imageUrlToBase64(url) {
+  const response = await fetch(url);
+  const blob = await response.blob();
+  return new Promise((onSuccess, onError) => {
+    try {
+      const reader = new FileReader();
+      reader.onload = function() {
+        onSuccess(reader.result);
+      };
+      reader.readAsDataURL(blob);
+    } catch (e) {
+      onError(e);
+    }
+  });
+}
+export {
+  createFileStreamFromSource,
+  createImage,
+  createImageFactory,
+  highestResAvailable,
+  loadImage,
+  loadImageBySize
+};
+//# sourceMappingURL=index.native.js.map

package/dist/media/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/media/index.native.ts"],"sourcesContent":["import ImageResizer from \"@bam.tech/react-native-image-resizer\";\nimport type { Account, Group, ImageDefinition } from \"jazz-tools\";\nimport { FileStream } from \"jazz-tools\";\nimport { Image } from \"react-native\";\nimport {\n  CreateImageOptions,\n  SourceType,\n  createImageFactory,\n} from \"./create-image.js\";\n\nexport { highestResAvailable, loadImage, loadImageBySize } from \"./utils.js\";\nexport { createImageFactory };\n\nexport async function createImage(\n  imageBlobOrFile: Blob | File | string,\n  options?: CreateImageOptions,\n) {\n  return createImageFactory({\n    getImageSize,\n    getPlaceholderBase64,\n    createFileStreamFromSource,\n    resize,\n  })(imageBlobOrFile, options || {});\n}\n\nasync function getImageSize(\n  filePath: SourceType,\n): Promise<{ width: number; height: number }> {\n  if (typeof filePath !== \"string\") {\n    throw new Error(\n      \"createImage(Blob | File) is not supported on this platform\",\n    );\n  }\n\n  const { width, height } = await Image.getSize(filePath);\n\n  return { width, height };\n}\n\nasync function getPlaceholderBase64(filePath: SourceType): Promise<string> {\n  if (typeof filePath !== \"string\") {\n    throw new Error(\n      \"createImage(Blob | File) is not supported on this platform\",\n    );\n  }\n\n  if (typeof ImageResizer === \"undefined\" || ImageResizer === null) {\n    throw new Error(\n      \"ImageResizer is not installed, please run `npm install @bam.tech/react-native-image-resizer`\",\n    );\n  }\n\n  const { uri } = await ImageResizer.createResizedImage(\n    filePath,\n    8,\n    8,\n    \"PNG\",\n    100,\n  );\n\n  return imageUrlToBase64(uri);\n}\n\nasync function resize(\n  filePath: SourceType,\n  width: number,\n  height: number,\n): Promise<string> {\n  if (typeof filePath !== \"string\") {\n    throw new Error(\n      \"createImage(Blob | File) is not supported on this platform\",\n    );\n  }\n\n  if (typeof ImageResizer === \"undefined\" || ImageResizer === null) {\n    throw new Error(\n      \"ImageResizer is not installed, please run `npm install @bam.tech/react-native-image-resizer`\",\n    );\n  }\n\n  const mimeType = await getMimeType(filePath);\n\n  const { uri } = await ImageResizer.createResizedImage(\n    filePath,\n    width,\n    height,\n    contentTypeToFormat(mimeType),\n    80,\n  );\n\n  return uri;\n}\n\nfunction getMimeType(filePath: string): Promise<string> {\n  return fetch(filePath)\n    .then((res) => res.blob())\n    .then((blob) => blob.type);\n}\n\nfunction contentTypeToFormat(contentType: string) {\n  if (contentType.includes(\"image/png\")) return \"PNG\";\n  if (contentType.includes(\"image/jpeg\")) return \"JPEG\";\n  if (contentType.includes(\"image/webp\")) return \"WEBP\";\n  return \"PNG\";\n}\n\nexport async function createFileStreamFromSource(\n  filePath: SourceType,\n  owner?: Account | Group,\n): Promise<FileStream> {\n  if (typeof filePath !== \"string\") {\n    throw new Error(\n      \"createImage(Blob | File) is not supported on this platform\",\n    );\n  }\n\n  const blob = await fetch(filePath).then((res) => res.blob());\n  const arrayBuffer = await toArrayBuffer(blob);\n\n  return FileStream.createFromArrayBuffer(arrayBuffer, blob.type, undefined, {\n    owner,\n  });\n}\n\n// TODO: look for more efficient way to do this as React Native hasn't blob.arrayBuffer()\nfunction toArrayBuffer(blob: Blob): Promise<ArrayBuffer> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onloadend = () => {\n      resolve(reader.result as ArrayBuffer);\n    };\n    reader.onerror = (error) => {\n      reject(error);\n    };\n    reader.readAsArrayBuffer(blob);\n  });\n}\n\nasync function imageUrlToBase64(url: string): Promise<string> {\n  const response = await fetch(url);\n  const blob = await response.blob();\n  return new Promise((onSuccess, onError) => {\n    try {\n      const reader = new FileReader();\n      reader.onload = function () {\n        onSuccess(reader.result as string);\n      };\n      reader.readAsDataURL(blob);\n    } catch (e) {\n      onError(e);\n    }\n  });\n}\n"],"mappings":"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","names":[]}

package/dist/media/utils.d.ts

@@ -0,0 +1,17 @@
+import { FileStream, ImageDefinition } from "jazz-tools";
+export declare function highestResAvailable(image: ImageDefinition, wantedWidth: number, wantedHeight: number): {
+    width: number;
+    height: number;
+    image: FileStream;
+} | null;
+export declare function loadImage(imageOrId: ImageDefinition | string): Promise<{
+    width: number;
+    height: number;
+    image: FileStream;
+} | null>;
+export declare function loadImageBySize(imageOrId: ImageDefinition | string, wantedWidth: number, wantedHeight: number): Promise<{
+    width: number;
+    height: number;
+    image: FileStream;
+} | null>;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +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,CAuE7D;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,CAqDtE"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=utils.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.test.d.ts","sourceRoot":"","sources":["../../src/media/utils.test.ts"],"names":[],"mappings":""}

package/dist/react/index.d.ts

@@ -3,6 +3,5 @@ export type { JazzProviderProps } from "./provider.js";
 export { useAccount, useCoState, useAcceptInvite, experimental_useInboxSender, useJazzContext, useAuthSecretStorage, } from "./hooks.js";
 export { createInviteLink, parseInviteLink } from "jazz-tools/browser";
 export * from "./auth/auth.js";
-export * from "./media.js";
-export { createImage } from "jazz-tools/browser-media-images";
+export * from "./media/image.js";
 //# sourceMappingURL=index.d.ts.map

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,GACrB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,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,GACrB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEvE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}