jazz-tools 0.18.1 → 0.18.3

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

@@ -1,15 +1,3 @@
-import { FileStream } from "jazz-tools";
-import { CreateImageOptions, 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<{
-    readonly [key: string]: FileStream;
-} & {
-    readonly original: FileStream | null;
-    readonly originalSize: [number, number];
-    readonly placeholderDataURL: string | undefined;
-    readonly progressive: boolean;
-} & {
-    readonly [key: string]: FileStream | null;
-} & import("jazz-tools").CoMap>;
+export * from "./exports";
+export { createImage } from "./create-image/browser";
 //# sourceMappingURL=index.browser.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.browser.d.ts","sourceRoot":"","sources":["../../src/media/index.browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,UAAU,EAA0B,MAAM,YAAY,CAAC;AACzE,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7E,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,wBAAsB,WAAW,CAC/B,eAAe,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,EACrC,OAAO,CAAC,EAAE,kBAAkB;;;;;;;;;gCAQ7B"}
+{"version":3,"file":"index.browser.d.ts","sourceRoot":"","sources":["../../src/media/index.browser.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/media/index.browser.js

@@ -3,24 +3,24 @@ import {
   highestResAvailable,
   loadImage,
   loadImageBySize
-} from "./chunk-KR2V6X2N.js";
+} from "./chunk-W3S526L3.js";
 
-// src/media/index.browser.ts
+// src/media/create-image/browser.ts
 import { FileStream } from "jazz-tools";
-async function createImage(imageBlobOrFile, options) {
-  return createImageFactory({
+var createImage = 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"
-    );
+  },
+  (imageBlobOrFile) => {
+    if (typeof imageBlobOrFile === "string") {
+      throw new Error("createImage(string) is not supported on this platform");
+    }
   }
+);
+async function createFileStreamFromSource(imageBlobOrFile, owner) {
   return FileStream.createFromBlob(imageBlobOrFile, owner);
 }
 function getImageFromBlob(blob) {
@@ -38,16 +38,10 @@ function getImageFromBlob(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,
@@ -76,9 +70,6 @@ var resizeDimensionsKeepingAspectRatio = (width, 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");

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

@@ -1 +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":[]}
+{"version":3,"sources":["../../src/media/create-image/browser.ts"],"sourcesContent":["import { Account, FileStream, Group } from \"jazz-tools\";\nimport { createImageFactory } from \"../create-image-factory\";\n\n/**\n * Creates an ImageDefinition from an image File or Blob with built-in UX features.\n *\n * This function creates a specialized CoValue for managing images in Jazz applications.\n * It supports blurry placeholders, built-in resizing, and progressive loading patterns.\n *\n * @returns Promise that resolves to an ImageDefinition\n *\n * @example\n * ```ts\n * import { createImage } from \"jazz-tools/media\";\n *\n * // Create an image from a file input\n * async function handleFileUpload(event: React.ChangeEvent<HTMLInputElement>) {\n *   const file = event.target.files?.[0];\n *   if (file) {\n *     // Creates ImageDefinition with a blurry placeholder, limited to 1024px\n *     // on the longest side, and multiple resolutions automatically\n *     const image = await createImage(file, {\n *       owner: me._owner,\n *       maxSize: 1024,\n *       placeholder: \"blur\",\n *       progressive: true,\n *     });\n *\n *     // Store the image in your application data\n *     me.profile.image = image;\n *   }\n * }\n * ```\n */\nexport const createImage = createImageFactory(\n  {\n    createFileStreamFromSource,\n    getImageSize,\n    getPlaceholderBase64,\n    resize,\n  },\n  (imageBlobOrFile) => {\n    if (typeof imageBlobOrFile === \"string\") {\n      throw new Error(\"createImage(string) is not supported on this platform\");\n    }\n  },\n);\n\n//  Image Manipulations\nasync function createFileStreamFromSource(\n  imageBlobOrFile: Blob | File,\n  owner?: Account | Group,\n): Promise<FileStream> {\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,\n): Promise<{ width: number; height: number }> {\n  const image = await getImageFromBlob(imageBlobOrFile);\n\n  return { width: image.width, height: image.height };\n}\n\nasync function getPlaceholderBase64(\n  imageBlobOrFile: Blob | File,\n): Promise<string> {\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,\n  width: number,\n  height: number,\n): Promise<Blob> {\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":";;;;;;;;AAAA,SAAkB,kBAAyB;AAkCpC,IAAM,cAAc;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,CAAC,oBAAoB;AACnB,QAAI,OAAO,oBAAoB,UAAU;AACvC,YAAM,IAAI,MAAM,uDAAuD;AAAA,IACzE;AAAA,EACF;AACF;AAGA,eAAe,2BACb,iBACA,OACqB;AACrB,SAAO,WAAW,eAAe,iBAAiB,KAAK;AACzD;AAKA,SAAS,iBAAiB,MAAuC;AAC/D,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,MAAM,IAAI,MAAM;AACtB,QAAI,SAAS,MAAM;AACjB,cAAQ,GAAG;AACX,UAAI,gBAAgB,IAAI,GAAG;AAAA,IAC7B;AACA,QAAI,UAAU,MAAM;AAClB,aAAO,IAAI,MAAM,sBAAsB,CAAC;AACxC,UAAI,gBAAgB,IAAI,GAAG;AAAA,IAC7B;AACA,QAAI,MAAM,IAAI,gBAAgB,IAAI;AAAA,EACpC,CAAC;AACH;AAEA,eAAe,aACb,iBAC4C;AAC5C,QAAM,QAAQ,MAAM,iBAAiB,eAAe;AAEpD,SAAO,EAAE,OAAO,MAAM,OAAO,QAAQ,MAAM,OAAO;AACpD;AAEA,eAAe,qBACb,iBACiB;AACjB,QAAM,QAAQ,MAAM,iBAAiB,eAAe;AAEpD,QAAM,EAAE,OAAO,OAAO,IAAI;AAAA,IACxB,MAAM;AAAA,IACN,MAAM;AAAA,IACN;AAAA,EACF;AAEA,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,QAAQ;AACf,SAAO,SAAS;AAEhB,QAAM,MAAM,OAAO,WAAW,IAAI;AAElC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uBAAuB;AAAA,EACzC;AAEA,MAAI,UAAU,OAAO,GAAG,GAAG,OAAO,MAAM;AAExC,SAAO,OAAO,UAAU,WAAW;AACrC;AAEA,IAAM,qCAAqC,CACzC,OACA,QACA,YACsC;AACtC,MAAI,SAAS,WAAW,UAAU,SAAS;AACzC,WAAO,EAAE,OAAO,OAAO;AAAA,EACzB;AAEA,QAAM,cAAc,QAAQ;AAE5B,MAAI,SAAS,QAAQ;AACnB,WAAO,EAAE,OAAO,SAAS,QAAQ,KAAK,MAAM,UAAU,WAAW,EAAE;AAAA,EACrE,OAAO;AACL,WAAO,EAAE,OAAO,KAAK,MAAM,UAAU,WAAW,GAAG,QAAQ,QAAQ;AAAA,EACrE;AACF;AAEA,eAAe,OACb,iBACA,OACA,QACe;AACf,QAAM,WAAW,gBAAgB;AAEjC,QAAM,QAAQ,MAAM,iBAAiB,eAAe;AAEpD,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,QAAQ;AACf,SAAO,SAAS;AAEhB,QAAM,MAAM,OAAO,WAAW,IAAI;AAElC,MAAI,CAAC,KAAK;AACR,UAAM,IAAI,MAAM,uBAAuB;AAAA,EACzC;AAEA,MAAI,UAAU,OAAO,GAAG,GAAG,OAAO,MAAM;AAExC,SAAO,IAAI,QAAc,CAAC,SAAS,WAAW;AAC5C,WAAO;AAAA,MACL,CAAC,SAAS;AACR,YAAI,CAAC,MAAM;AACT,iBAAO,IAAI,MAAM,kCAAkC,CAAC;AACpD;AAAA,QACF;AACA,gBAAQ,IAAI;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/media/index.d.ts

@@ -1,7 +1,6 @@
 import type { ImageDefinition } from "jazz-tools";
-import { CreateImageOptions, SourceType, createImageFactory } from "./create-image.js";
-export { highestResAvailable, loadImage, loadImageBySize } from "./utils.js";
-export { createImageFactory };
+import { CreateImageOptions } from "./create-image-factory";
+export * from "./exports";
 /**
  * Creates an ImageDefinition from an image file or blob with built-in UX features.
  *
@@ -32,7 +31,16 @@ export { createImageFactory };
  *   }
  * }
  * ```
+ * ```
+ */
+export declare function createImage(imageBlobOrFile: Blob | File, options?: CreateImageOptions): Promise<ImageDefinition>;
+/**
+ * Creates an ImageDefinition from an image file path 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
  * // React Native example
@@ -49,5 +57,5 @@ export { createImageFactory };
  * }
  * ```
  */
-export declare function createImage(imageBlobOrFile: SourceType, options?: CreateImageOptions): Promise<ImageDefinition>;
+export declare function createImage(filePath: string, options?: CreateImageOptions): Promise<ImageDefinition>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,cAAc,WAAW,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,eAAe,EAAE,IAAI,GAAG,IAAI,EAC5B,OAAO,CAAC,EAAE,kBAAkB,GAC3B,OAAO,CAAC,eAAe,CAAC,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,kBAAkB,GAC3B,OAAO,CAAC,eAAe,CAAC,CAAC"}

package/dist/media/index.js

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

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

@@ -1,17 +1,3 @@
-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<{
-    readonly [key: string]: FileStream;
-} & {
-    readonly original: FileStream | null;
-    readonly originalSize: [number, number];
-    readonly placeholderDataURL: string | undefined;
-    readonly progressive: boolean;
-} & {
-    readonly [key: string]: FileStream | null;
-} & import("jazz-tools").CoMap>;
-export declare function createFileStreamFromSource(filePath: SourceType, owner?: Account | Group): Promise<FileStream>;
+export * from "./exports";
+export { createImage } from "./create-image/react-native";
 //# sourceMappingURL=index.native.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/media/index.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACjD,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;AAI9B,wBAAsB,WAAW,CAC/B,eAAe,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,EACrC,OAAO,CAAC,EAAE,kBAAkB;;;;;;;;;gCAmB7B;AAmFD,wBAAsB,0BAA0B,CAC9C,QAAQ,EAAE,UAAU,EACpB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GACtB,OAAO,CAAC,UAAU,CAAC,CAarB"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/media/index.native.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/media/index.native.js

@@ -3,13 +3,28 @@ import {
   highestResAvailable,
   loadImage,
   loadImageBySize
-} from "./chunk-KR2V6X2N.js";
+} from "./chunk-W3S526L3.js";
 
-// src/media/index.native.ts
+// src/media/create-image/react-native.ts
 import { FileStream } from "jazz-tools";
 import { Image } from "react-native";
 var ImageResizer;
-async function createImage(imageBlobOrFile, options) {
+var createImage = createImageFactory(
+  {
+    getImageSize,
+    getPlaceholderBase64,
+    createFileStreamFromSource,
+    resize
+  },
+  (filePath) => {
+    if (typeof filePath !== "string") {
+      throw new Error(
+        "createImage(Blob | File) is not supported on this platform"
+      );
+    }
+  }
+);
+async function getResizer() {
   if (!ImageResizer) {
     try {
       ImageResizer = (await import("@bam.tech/react-native-image-resizer")).default;
@@ -19,34 +34,15 @@ async function createImage(imageBlobOrFile, options) {
       );
     }
   }
-  return createImageFactory({
-    getImageSize,
-    getPlaceholderBase64,
-    createFileStreamFromSource,
-    resize
-  })(imageBlobOrFile, options || {});
+  return ImageResizer;
 }
 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 (!ImageResizer) {
-    throw new Error(
-      "ImageResizer is not installed, please run `npm install @bam.tech/react-native-image-resizer`"
-    );
-  }
-  const { uri } = await ImageResizer.createResizedImage(
+  const ImageResizer2 = await getResizer();
+  const { uri } = await ImageResizer2.createResizedImage(
     filePath,
     8,
     8,
@@ -56,18 +52,9 @@ async function getPlaceholderBase64(filePath) {
   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 (!ImageResizer) {
-    throw new Error(
-      "ImageResizer is not installed, please run `npm install @bam.tech/react-native-image-resizer`"
-    );
-  }
+  const ImageResizer2 = await getResizer();
   const mimeType = await getMimeType(filePath);
-  const { uri } = await ImageResizer.createResizedImage(
+  const { uri } = await ImageResizer2.createResizedImage(
     filePath,
     width,
     height,
@@ -86,11 +73,6 @@ function contentTypeToFormat(contentType) {
   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, {
@@ -125,7 +107,6 @@ async function imageUrlToBase64(url) {
   });
 }
 export {
-  createFileStreamFromSource,
   createImage,
   createImageFactory,
   highestResAvailable,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/media/index.native.ts"],"sourcesContent":["import type ImageResizerType from \"@bam.tech/react-native-image-resizer\";\nimport type { Account, Group } 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\nlet ImageResizer: typeof ImageResizerType | undefined;\n\nexport async function createImage(\n  imageBlobOrFile: Blob | File | string,\n  options?: CreateImageOptions,\n) {\n  if (!ImageResizer) {\n    try {\n      ImageResizer = (await import(\"@bam.tech/react-native-image-resizer\"))\n        .default;\n    } catch (e) {\n      throw new Error(\n        \"ImageResizer is not installed, please run `npm install @bam.tech/react-native-image-resizer`\",\n      );\n    }\n  }\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 (!ImageResizer) {\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 (!ImageResizer) {\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":[]}
+{"version":3,"sources":["../../src/media/create-image/react-native.ts"],"sourcesContent":["import type ImageResizerType from \"@bam.tech/react-native-image-resizer\";\nimport type { Account, Group } from \"jazz-tools\";\nimport { FileStream } from \"jazz-tools\";\nimport { Image } from \"react-native\";\nimport { createImageFactory } from \"../create-image-factory\";\n\nlet ImageResizer: typeof ImageResizerType | undefined;\n\n/**\n * Creates an ImageDefinition from an image file path with built-in UX features.\n *\n * This function creates a specialized CoValue for managing images in Jazz applications.\n * It supports blurry placeholders, built-in resizing, and progressive loading patterns.\n *\n * @returns Promise that resolves to an ImageDefinition\n *\n * @example\n * ```ts\n * import { createImage } from \"jazz-tools/media\";\n *\n * async function uploadImageFromCamera(imagePath: string) {\n *   const image = await createImage(imagePath, {\n *     maxSize: 800,\n *     placeholder: \"blur\",\n *     progressive: false,\n *   });\n *\n *   return image;\n * }\n * ```\n */\nexport const createImage = createImageFactory(\n  {\n    getImageSize,\n    getPlaceholderBase64,\n    createFileStreamFromSource,\n    resize,\n  },\n  (filePath) => {\n    if (typeof filePath !== \"string\") {\n      throw new Error(\n        \"createImage(Blob | File) is not supported on this platform\",\n      );\n    }\n  },\n);\n\nasync function getResizer(): Promise<typeof ImageResizerType> {\n  if (!ImageResizer) {\n    try {\n      ImageResizer = (await import(\"@bam.tech/react-native-image-resizer\"))\n        .default;\n    } catch (e) {\n      throw new Error(\n        \"ImageResizer is not installed, please run `npm install @bam.tech/react-native-image-resizer`\",\n      );\n    }\n  }\n\n  return ImageResizer;\n}\n\nasync function getImageSize(\n  filePath: string,\n): Promise<{ width: number; height: number }> {\n  const { width, height } = await Image.getSize(filePath);\n\n  return { width, height };\n}\n\nasync function getPlaceholderBase64(filePath: string): Promise<string> {\n  const ImageResizer = await getResizer();\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: string,\n  width: number,\n  height: number,\n): Promise<string> {\n  const ImageResizer = await getResizer();\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: string,\n  owner?: Account | Group,\n): Promise<FileStream> {\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":";;;;;;;;AAEA,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AAGtB,IAAI;AAyBG,IAAM,cAAc;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,CAAC,aAAa;AACZ,QAAI,OAAO,aAAa,UAAU;AAChC,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEA,eAAe,aAA+C;AAC5D,MAAI,CAAC,cAAc;AACjB,QAAI;AACF,sBAAgB,MAAM,OAAO,sCAAsC,GAChE;AAAA,IACL,SAAS,GAAG;AACV,YAAM,IAAI;AAAA,QACR;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AAEA,eAAe,aACb,UAC4C;AAC5C,QAAM,EAAE,OAAO,OAAO,IAAI,MAAM,MAAM,QAAQ,QAAQ;AAEtD,SAAO,EAAE,OAAO,OAAO;AACzB;AAEA,eAAe,qBAAqB,UAAmC;AACrE,QAAMA,gBAAe,MAAM,WAAW;AAEtC,QAAM,EAAE,IAAI,IAAI,MAAMA,cAAa;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SAAO,iBAAiB,GAAG;AAC7B;AAEA,eAAe,OACb,UACA,OACA,QACiB;AACjB,QAAMA,gBAAe,MAAM,WAAW;AAEtC,QAAM,WAAW,MAAM,YAAY,QAAQ;AAE3C,QAAM,EAAE,IAAI,IAAI,MAAMA,cAAa;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,QAAQ;AAAA,IAC5B;AAAA,EACF;AAEA,SAAO;AACT;AAEA,SAAS,YAAY,UAAmC;AACtD,SAAO,MAAM,QAAQ,EAClB,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,EACxB,KAAK,CAAC,SAAS,KAAK,IAAI;AAC7B;AAEA,SAAS,oBAAoB,aAAqB;AAChD,MAAI,YAAY,SAAS,WAAW,EAAG,QAAO;AAC9C,MAAI,YAAY,SAAS,YAAY,EAAG,QAAO;AAC/C,MAAI,YAAY,SAAS,YAAY,EAAG,QAAO;AAC/C,SAAO;AACT;AAEA,eAAsB,2BACpB,UACA,OACqB;AACrB,QAAM,OAAO,MAAM,MAAM,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;AAC3D,QAAM,cAAc,MAAM,cAAc,IAAI;AAE5C,SAAO,WAAW,sBAAsB,aAAa,KAAK,MAAM,QAAW;AAAA,IACzE;AAAA,EACF,CAAC;AACH;AAGA,SAAS,cAAc,MAAkC;AACvD,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,SAAS,IAAI,WAAW;AAC9B,WAAO,YAAY,MAAM;AACvB,cAAQ,OAAO,MAAqB;AAAA,IACtC;AACA,WAAO,UAAU,CAAC,UAAU;AAC1B,aAAO,KAAK;AAAA,IACd;AACA,WAAO,kBAAkB,IAAI;AAAA,EAC/B,CAAC;AACH;AAEA,eAAe,iBAAiB,KAA8B;AAC5D,QAAM,WAAW,MAAM,MAAM,GAAG;AAChC,QAAM,OAAO,MAAM,SAAS,KAAK;AACjC,SAAO,IAAI,QAAQ,CAAC,WAAW,YAAY;AACzC,QAAI;AACF,YAAM,SAAS,IAAI,WAAW;AAC9B,aAAO,SAAS,WAAY;AAC1B,kBAAU,OAAO,MAAgB;AAAA,MACnC;AACA,aAAO,cAAc,IAAI;AAAA,IAC3B,SAAS,GAAG;AACV,cAAQ,CAAC;AAAA,IACX;AAAA,EACF,CAAC;AACH;","names":["ImageResizer"]}

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

@@ -0,0 +1,3 @@
+export * from "./exports";
+export { createImage } from "./create-image/server";
+//# sourceMappingURL=index.server.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.server.d.ts","sourceRoot":"","sources":["../../src/media/index.server.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/media/index.server.js

@@ -0,0 +1,103 @@
+import {
+  createImageFactory,
+  highestResAvailable,
+  loadImage,
+  loadImageBySize
+} from "./chunk-W3S526L3.js";
+
+// src/media/create-image/server.ts
+import { FileStream } from "jazz-tools";
+var sharpModule;
+async function getSharp() {
+  if (!sharpModule) {
+    sharpModule = await import("sharp").then((m) => m.default);
+  }
+  return sharpModule;
+}
+var createImage = createImageFactory(
+  {
+    createFileStreamFromSource,
+    getImageSize,
+    getPlaceholderBase64,
+    resize
+  },
+  (imageBlobOrFile) => {
+    if (typeof imageBlobOrFile === "string") {
+      throw new Error("createImage(string) is not supported on this platform");
+    }
+  }
+);
+function formatToMimeType(format) {
+  const formatToTypeMap = {
+    avif: "image/avif",
+    gif: "image/gif",
+    jpeg: "image/jpeg",
+    jpg: "image/jpeg",
+    png: "image/png",
+    webp: "image/webp"
+  };
+  if (!format) {
+    throw new Error("Could not determine image format");
+  }
+  if (!(format in formatToTypeMap)) {
+    throw new Error(`Unsupported image format: ${format}`);
+  }
+  return formatToTypeMap[format];
+}
+async function createFileStreamFromSource(imageBlobOrBuffer, owner) {
+  if (imageBlobOrBuffer instanceof Blob) {
+    return FileStream.createFromBlob(imageBlobOrBuffer, { owner });
+  }
+  const sharp = await getSharp();
+  const image = sharp(imageBlobOrBuffer);
+  const metadata = await image.metadata();
+  const format = metadata.format;
+  const mimeType = formatToMimeType(format);
+  return FileStream.createFromArrayBuffer(
+    imageBlobOrBuffer,
+    mimeType,
+    void 0,
+    { owner }
+  );
+}
+async function getImageSize(imageBlobOrBuffer) {
+  const imageBuffer = imageBlobOrBuffer instanceof Blob ? await imageBlobOrBuffer.arrayBuffer() : imageBlobOrBuffer;
+  const sharp = await getSharp();
+  const image = sharp(imageBuffer);
+  const metadata = await image.metadata();
+  return { width: metadata.width, height: metadata.height };
+}
+async function getPlaceholderBase64(imageBlobOrBuffer) {
+  const imageBuffer = imageBlobOrBuffer instanceof Blob ? await imageBlobOrBuffer.arrayBuffer() : imageBlobOrBuffer;
+  const sharp = await getSharp();
+  const image = sharp(imageBuffer);
+  const placeholder = await image.resize({
+    width: 8,
+    height: 8,
+    fit: "inside"
+  }).toFormat("png").toBuffer();
+  return `data:image/png;base64,${placeholder.toString("base64")}`;
+}
+async function resize(imageBlobOrBuffer, width, height) {
+  const imageBuffer = imageBlobOrBuffer instanceof Blob ? await imageBlobOrBuffer.arrayBuffer() : imageBlobOrBuffer;
+  const sharp = await getSharp();
+  const image = sharp(imageBuffer);
+  const metadata = await image.metadata();
+  const format = metadata.format;
+  const mimeType = formatToMimeType(format);
+  const resizedBuffer = await image.resize({
+    width,
+    height
+  }).toBuffer();
+  return new Blob([new Uint8Array(resizedBuffer)], {
+    type: mimeType
+  });
+}
+export {
+  createImage,
+  createImageFactory,
+  highestResAvailable,
+  loadImage,
+  loadImageBySize
+};
+//# sourceMappingURL=index.server.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/media/create-image/server.ts"],"sourcesContent":["import { Account, FileStream, Group } from \"jazz-tools\";\nimport type sharp from \"sharp\";\nimport { createImageFactory } from \"../create-image-factory\";\n\nexport type SharpImageType =\n  | File\n  | Blob\n  | Buffer\n  | ArrayBuffer\n  | Uint8Array\n  | Uint8ClampedArray\n  | Int8Array\n  | Uint16Array\n  | Int16Array\n  | Uint32Array\n  | Int32Array\n  | Float32Array\n  | Float64Array;\n\nlet sharpModule: typeof import(\"sharp\");\n\nasync function getSharp() {\n  if (!sharpModule) {\n    sharpModule = await import(\"sharp\").then((m) => m.default);\n  }\n\n  return sharpModule;\n}\n\n/**\n * Creates an ImageDefinition from an image File, Blob or Buffer with built-in UX features.\n *\n * This function creates a specialized CoValue for managing images in Jazz applications.\n * It supports blurry placeholders, built-in resizing, and progressive loading patterns.\n *\n * @returns Promise that resolves to an ImageDefinition\n *\n * @example\n * ```ts\n * import fs from \"node:fs\";\n * import { createImage } from \"jazz-tools/media\";\n *\n * const imageBuffer = fs.readFileSync(\"path/to/image.jpg\");\n * const image = await createImage(imageBuffer, {\n *   maxSize: 800,\n *   placeholder: \"blur\",\n *   progressive: false,\n * });\n * ```\n */\nexport const createImage = createImageFactory<SharpImageType, Blob>(\n  {\n    createFileStreamFromSource,\n    getImageSize,\n    getPlaceholderBase64,\n    resize,\n  },\n  (imageBlobOrFile) => {\n    if (typeof imageBlobOrFile === \"string\") {\n      throw new Error(\"createImage(string) is not supported on this platform\");\n    }\n  },\n);\n\nfunction formatToMimeType(format: keyof sharp.FormatEnum | undefined) {\n  const formatToTypeMap: Record<\n    Extract<\n      keyof sharp.FormatEnum,\n      \"avif\" | \"gif\" | \"jpeg\" | \"jpg\" | \"png\" | \"webp\"\n    >,\n    string\n  > = {\n    avif: \"image/avif\",\n    gif: \"image/gif\",\n    jpeg: \"image/jpeg\",\n    jpg: \"image/jpeg\",\n    png: \"image/png\",\n    webp: \"image/webp\",\n  };\n\n  if (!format) {\n    throw new Error(\"Could not determine image format\");\n  }\n\n  if (!(format in formatToTypeMap)) {\n    throw new Error(`Unsupported image format: ${format}`);\n  }\n\n  return formatToTypeMap[format as keyof typeof formatToTypeMap];\n}\n\nasync function createFileStreamFromSource(\n  imageBlobOrBuffer: SharpImageType,\n  owner?: Account | Group,\n): Promise<FileStream> {\n  // `File` is also an instance of `Blob`\n  if (imageBlobOrBuffer instanceof Blob) {\n    return FileStream.createFromBlob(imageBlobOrBuffer, { owner });\n  }\n\n  const sharp = await getSharp();\n\n  const image = sharp(imageBlobOrBuffer);\n  const metadata = await image.metadata();\n  const format = metadata.format;\n  const mimeType = formatToMimeType(format);\n\n  return FileStream.createFromArrayBuffer(\n    imageBlobOrBuffer,\n    mimeType,\n    undefined,\n    { owner },\n  );\n}\n\nasync function getImageSize(\n  imageBlobOrBuffer: SharpImageType,\n): Promise<{ width: number; height: number }> {\n  const imageBuffer =\n    imageBlobOrBuffer instanceof Blob\n      ? await imageBlobOrBuffer.arrayBuffer()\n      : imageBlobOrBuffer;\n\n  const sharp = await getSharp();\n  const image = sharp(imageBuffer);\n  const metadata = await image.metadata();\n\n  return { width: metadata.width!, height: metadata.height! };\n}\n\nasync function getPlaceholderBase64(\n  imageBlobOrBuffer: SharpImageType,\n): Promise<string> {\n  const imageBuffer =\n    imageBlobOrBuffer instanceof Blob\n      ? await imageBlobOrBuffer.arrayBuffer()\n      : imageBlobOrBuffer;\n\n  const sharp = await getSharp();\n\n  const image = sharp(imageBuffer);\n  const placeholder = await image\n    .resize({\n      width: 8,\n      height: 8,\n      fit: \"inside\",\n    })\n    .toFormat(\"png\")\n    .toBuffer();\n\n  return `data:image/png;base64,${placeholder.toString(\"base64\")}`;\n}\n\nasync function resize(\n  imageBlobOrBuffer: SharpImageType,\n  width: number,\n  height: number,\n): Promise<Blob> {\n  const imageBuffer =\n    imageBlobOrBuffer instanceof Blob\n      ? await imageBlobOrBuffer.arrayBuffer()\n      : imageBlobOrBuffer;\n\n  const sharp = await getSharp();\n\n  const image = sharp(imageBuffer);\n  const metadata = await image.metadata();\n  const format = metadata.format;\n  const mimeType = formatToMimeType(format);\n\n  const resizedBuffer = await image\n    .resize({\n      width,\n      height,\n    })\n    .toBuffer();\n\n  return new Blob([new Uint8Array(resizedBuffer)], {\n    type: mimeType,\n  });\n}\n"],"mappings":";;;;;;;;AAAA,SAAkB,kBAAyB;AAmB3C,IAAI;AAEJ,eAAe,WAAW;AACxB,MAAI,CAAC,aAAa;AAChB,kBAAc,MAAM,OAAO,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO;AAAA,EAC3D;AAEA,SAAO;AACT;AAuBO,IAAM,cAAc;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,CAAC,oBAAoB;AACnB,QAAI,OAAO,oBAAoB,UAAU;AACvC,YAAM,IAAI,MAAM,uDAAuD;AAAA,IACzE;AAAA,EACF;AACF;AAEA,SAAS,iBAAiB,QAA4C;AACpE,QAAM,kBAMF;AAAA,IACF,MAAM;AAAA,IACN,KAAK;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AAEA,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,kCAAkC;AAAA,EACpD;AAEA,MAAI,EAAE,UAAU,kBAAkB;AAChC,UAAM,IAAI,MAAM,6BAA6B,MAAM,EAAE;AAAA,EACvD;AAEA,SAAO,gBAAgB,MAAsC;AAC/D;AAEA,eAAe,2BACb,mBACA,OACqB;AAErB,MAAI,6BAA6B,MAAM;AACrC,WAAO,WAAW,eAAe,mBAAmB,EAAE,MAAM,CAAC;AAAA,EAC/D;AAEA,QAAM,QAAQ,MAAM,SAAS;AAE7B,QAAM,QAAQ,MAAM,iBAAiB;AACrC,QAAM,WAAW,MAAM,MAAM,SAAS;AACtC,QAAM,SAAS,SAAS;AACxB,QAAM,WAAW,iBAAiB,MAAM;AAExC,SAAO,WAAW;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA,EAAE,MAAM;AAAA,EACV;AACF;AAEA,eAAe,aACb,mBAC4C;AAC5C,QAAM,cACJ,6BAA6B,OACzB,MAAM,kBAAkB,YAAY,IACpC;AAEN,QAAM,QAAQ,MAAM,SAAS;AAC7B,QAAM,QAAQ,MAAM,WAAW;AAC/B,QAAM,WAAW,MAAM,MAAM,SAAS;AAEtC,SAAO,EAAE,OAAO,SAAS,OAAQ,QAAQ,SAAS,OAAQ;AAC5D;AAEA,eAAe,qBACb,mBACiB;AACjB,QAAM,cACJ,6BAA6B,OACzB,MAAM,kBAAkB,YAAY,IACpC;AAEN,QAAM,QAAQ,MAAM,SAAS;AAE7B,QAAM,QAAQ,MAAM,WAAW;AAC/B,QAAM,cAAc,MAAM,MACvB,OAAO;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EACP,CAAC,EACA,SAAS,KAAK,EACd,SAAS;AAEZ,SAAO,yBAAyB,YAAY,SAAS,QAAQ,CAAC;AAChE;AAEA,eAAe,OACb,mBACA,OACA,QACe;AACf,QAAM,cACJ,6BAA6B,OACzB,MAAM,kBAAkB,YAAY,IACpC;AAEN,QAAM,QAAQ,MAAM,SAAS;AAE7B,QAAM,QAAQ,MAAM,WAAW;AAC/B,QAAM,WAAW,MAAM,MAAM,SAAS;AACtC,QAAM,SAAS,SAAS;AACxB,QAAM,WAAW,iBAAiB,MAAM;AAExC,QAAM,gBAAgB,MAAM,MACzB,OAAO;AAAA,IACN;AAAA,IACA;AAAA,EACF,CAAC,EACA,SAAS;AAEZ,SAAO,IAAI,KAAK,CAAC,IAAI,WAAW,aAAa,CAAC,GAAG;AAAA,IAC/C,MAAM;AAAA,EACR,CAAC;AACH;","names":[]}

package/dist/react/index.js

@@ -636,13 +636,8 @@ import {
   useState as useState5
 } from "react";
 
-// src/media/create-image.ts
-import {
-  ImageDefinition
-} from "jazz-tools";
-
 // src/media/utils.ts
-import { Account as Account3, FileStream as FileStream2, ImageDefinition as ImageDefinition2 } from "jazz-tools";
+import { Account as Account2, FileStream, ImageDefinition } from "jazz-tools";
 function highestResAvailable(image, wantedWidth, wantedHeight) {
   const availableSizes = image.$jazz.raw.keys().filter((key) => /^\d+x\d+$/.test(key)).map((key) => {
     const [w, h] = key.split("x").map(Number);
@@ -698,9 +693,14 @@ function isLoaded(id) {
   if (!id) {
     return false;
   }
-  return !!Account3.getMe().$jazz.localNode.getLoaded(id);
+  return !!Account2.getMe().$jazz.localNode.getLoaded(id);
 }
 
+// src/media/create-image-factory.ts
+import {
+  ImageDefinition as ImageDefinition2
+} from "jazz-tools";
+
 // src/react/media/image.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var Image = forwardRef(function Image2({ imageId, width, height, ...props }, ref) {