jazz-tools 0.16.5 → 0.17.0

package/dist/react/media.d.ts

@@ -1,24 +0,0 @@
-import { ImageDefinition, Loaded } from "jazz-tools";
-import React from "react";
-/** @category Media */
-export declare function useProgressiveImg({ image, maxWidth, targetWidth, }: {
-    image: Loaded<typeof ImageDefinition> | null | undefined;
-    maxWidth?: number;
-    targetWidth?: number;
-}): {
-    src: string | undefined;
-    res: `${number}x${number}` | "placeholder" | undefined;
-    originalSize: [number, number] | undefined;
-};
-/** @category Media */
-export declare function ProgressiveImg({ children, image, maxWidth, targetWidth, }: {
-    children: (result: {
-        src: string | undefined;
-        res: `${number}x${number}` | "placeholder" | undefined;
-        originalSize: readonly [number, number] | undefined;
-    }) => React.ReactNode;
-    image: Loaded<typeof ImageDefinition> | null | undefined;
-    maxWidth?: number;
-    targetWidth?: number;
-}): React.ReactNode;
-//# sourceMappingURL=media.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../src/react/media.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,sBAAsB;AACtB,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAC,OAAO,eAAe,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;;;;EAyCA;AAED,sBAAsB;AACtB,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,CAAC,MAAM,EAAE;QACjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;QACxB,GAAG,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,GAAG,aAAa,GAAG,SAAS,CAAC;QACvD,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;KACrD,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC,OAAO,eAAe,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,SAAS,CAGlB"}

package/dist/react-native-core/media.d.ts

@@ -1,24 +0,0 @@
-import { ImageDefinition, Loaded } from "jazz-tools";
-import React from "react";
-/** @category Media */
-export declare function useProgressiveImgNative({ image, maxWidth, targetWidth, }: {
-    image: Loaded<typeof ImageDefinition> | null | undefined;
-    maxWidth?: number;
-    targetWidth?: number;
-}): {
-    src: string | undefined;
-    res: `${number}x${number}` | "placeholder" | undefined;
-    originalSize: [number, number] | undefined;
-};
-/** @category Media */
-export declare function ProgressiveImgNative({ children, image, maxWidth, targetWidth, }: {
-    children: (result: {
-        src: string | undefined;
-        res: `${number}x${number}` | "placeholder" | undefined;
-        originalSize: readonly [number, number] | undefined;
-    }) => React.ReactNode;
-    image: Loaded<typeof ImageDefinition> | null | undefined;
-    maxWidth?: number;
-    targetWidth?: number;
-}): React.ReactNode;
-//# sourceMappingURL=media.d.ts.map

package/dist/react-native-core/media.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../src/react-native-core/media.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,sBAAsB;AACtB,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,CAAC,OAAO,eAAe,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;;;;EA8CA;AAED,sBAAsB;AACtB,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,CAAC,MAAM,EAAE;QACjB,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;QACxB,GAAG,EAAE,GAAG,MAAM,IAAI,MAAM,EAAE,GAAG,aAAa,GAAG,SAAS,CAAC;QACvD,YAAY,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC;KACrD,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC,OAAO,eAAe,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,mBAGA"}

package/dist/react-native-media-images/index.d.ts

@@ -1,7 +0,0 @@
-import { Account, Group, ImageDefinition, Loaded } from "jazz-tools";
-/** @category Image creation */
-export declare function createImageNative(base64ImageDataURI: string, options?: {
-    owner?: Group | Account;
-    maxSize?: 256 | 1024 | 2048;
-}): Promise<Loaded<typeof ImageDefinition>>;
-//# sourceMappingURL=index.d.ts.map

package/dist/react-native-media-images/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react-native-media-images/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,OAAO,EAEP,KAAK,EACL,eAAe,EACf,MAAM,EACP,MAAM,YAAY,CAAC;AAwFpB,+BAA+B;AAC/B,wBAAsB,iBAAiB,CACrC,kBAAkB,EAAE,MAAM,EAC1B,OAAO,GAAE;IACP,KAAK,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;CACxB,GACL,OAAO,CAAC,MAAM,CAAC,OAAO,eAAe,CAAC,CAAC,CAsIzC"}

package/dist/react-native-media-images/index.js

@@ -1,177 +0,0 @@
-// src/react-native-media-images/index.ts
-import ImageResizer from "@bam.tech/react-native-image-resizer";
-import * as FileSystem from "expo-file-system";
-import {
-  FileStream,
-  ImageDefinition
-} from "jazz-tools";
-import { Image } from "react-native";
-function arrayBuffer(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 fileUriToBlob(uri) {
-  try {
-    const response = await fetch(uri);
-    const blob = await response.blob();
-    blob.arrayBuffer = () => arrayBuffer(blob);
-    return blob;
-  } catch (error) {
-    console.error("Failed to convert file URI to Blob:", error);
-    throw new Error("Failed to convert file URI to Blob");
-  }
-}
-async function convertFileContentsToBase64DataURI(fileUri, contentType) {
-  try {
-    const base64 = await FileSystem.readAsStringAsync(fileUri, {
-      encoding: FileSystem.EncodingType.Base64
-    });
-    return `data:${contentType};base64,${base64}`;
-  } catch (error) {
-    console.error("Failed to convert file to base64:", error);
-    return null;
-  }
-}
-function base64DataURIToParts(base64Data) {
-  const parts = base64Data.split(",");
-  const contentType = parts[0]?.split(":")?.[1]?.split(";")?.[0] || "";
-  const data = parts[1] || "";
-  return { contentType, data };
-}
-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 base64DataURIToBlob(base64Data) {
-  const { contentType, data } = base64DataURIToParts(base64Data);
-  const byteCharacters = atob(data);
-  const byteNumbers = new Array(byteCharacters.length);
-  for (let i = 0; i < byteCharacters.length; i++) {
-    byteNumbers[i] = byteCharacters.charCodeAt(i);
-  }
-  const byteArray = new Uint8Array(byteNumbers);
-  const blob = new Blob(byteArray, { type: contentType });
-  blob.arrayBuffer = () => arrayBuffer(blob);
-  return blob;
-}
-async function getImageDimensions(uri) {
-  return new Promise((resolve, reject) => {
-    Image.getSize(
-      uri,
-      (width, height) => resolve({ width, height }),
-      (error) => {
-        console.error("Failed to get image dimensions:", error);
-        reject(new Error("Failed to get image dimensions"));
-      }
-    );
-  });
-}
-async function createImageNative(base64ImageDataURI, options = {}) {
-  try {
-    const { contentType } = base64DataURIToParts(base64ImageDataURI);
-    const format = contentTypeToFormat(contentType);
-    let originalWidth, originalHeight;
-    try {
-      ({ width: originalWidth, height: originalHeight } = await getImageDimensions(base64ImageDataURI));
-    } catch (error) {
-      console.error("Error getting image dimensions:", error);
-      throw new Error("Failed to get image dimensions");
-    }
-    let placeholderImage;
-    try {
-      placeholderImage = await ImageResizer.createResizedImage(
-        base64ImageDataURI,
-        8,
-        8,
-        format,
-        100,
-        0
-      );
-    } catch (error) {
-      console.error("Error creating placeholder image:", error);
-      throw new Error("Failed to create placeholder image");
-    }
-    const placeholderDataURL = await convertFileContentsToBase64DataURI(
-      placeholderImage.uri,
-      contentType
-    );
-    if (!placeholderDataURL) {
-      throw new Error("Failed to create placeholder data URL");
-    }
-    const imageDefinition = ImageDefinition.create(
-      {
-        originalSize: [originalWidth, originalHeight],
-        placeholderDataURL
-      },
-      options.owner
-    );
-    const addImageStream = async (width, height, label) => {
-      try {
-        const resizedImage = await ImageResizer.createResizedImage(
-          base64ImageDataURI,
-          width,
-          height,
-          format,
-          80,
-          0
-        );
-        const binaryStream = await FileStream.createFromBlob(
-          await fileUriToBlob(resizedImage.uri),
-          imageDefinition._owner
-        );
-        imageDefinition[label] = binaryStream;
-      } catch (error) {
-        console.error(`Error adding image stream for ${label}:`, error);
-        throw new Error(`Failed to add image stream for ${label}`);
-      }
-    };
-    if (originalWidth > 256 || originalHeight > 256) {
-      const width = originalWidth > originalHeight ? 256 : Math.round(256 * (originalWidth / originalHeight));
-      const height = originalHeight > originalWidth ? 256 : Math.round(256 * (originalHeight / originalWidth));
-      await addImageStream(width, height, `${width}x${height}`);
-    }
-    if (options.maxSize === 256) return imageDefinition;
-    if (originalWidth > 1024 || originalHeight > 1024) {
-      const width = originalWidth > originalHeight ? 1024 : Math.round(1024 * (originalWidth / originalHeight));
-      const height = originalHeight > originalWidth ? 1024 : Math.round(1024 * (originalHeight / originalWidth));
-      await addImageStream(width, height, `${width}x${height}`);
-    }
-    if (options.maxSize === 1024) return imageDefinition;
-    if (originalWidth > 2048 || originalHeight > 2048) {
-      const width = originalWidth > originalHeight ? 2048 : Math.round(2048 * (originalWidth / originalHeight));
-      const height = originalHeight > originalWidth ? 2048 : Math.round(2048 * (originalHeight / originalWidth));
-      await addImageStream(width, height, `${width}x${height}`);
-    }
-    if (options.maxSize === 2048) return imageDefinition;
-    if (options.maxSize === void 0 || options.maxSize > 2048) {
-      try {
-        const originalBinaryStream = await FileStream.createFromBlob(
-          await base64DataURIToBlob(base64ImageDataURI),
-          imageDefinition._owner
-        );
-        imageDefinition[`${originalWidth}x${originalHeight}`] = originalBinaryStream;
-      } catch (error) {
-        console.error("Error adding original image stream:", error);
-        throw new Error("Failed to add original image stream");
-      }
-    }
-    return imageDefinition;
-  } catch (error) {
-    console.error("Error in createImage:", error);
-    throw error;
-  }
-}
-export {
-  createImageNative
-};
-//# sourceMappingURL=index.js.map

package/dist/react-native-media-images/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/react-native-media-images/index.ts"],"sourcesContent":["import ImageResizer from \"@bam.tech/react-native-image-resizer\";\nimport * as FileSystem from \"expo-file-system\";\nimport {\n  Account,\n  FileStream,\n  Group,\n  ImageDefinition,\n  Loaded,\n} from \"jazz-tools\";\nimport { Image } from \"react-native\";\n\nfunction arrayBuffer(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 fileUriToBlob(uri: string): Promise<Blob> {\n  try {\n    const response = await fetch(uri);\n    const blob = await response.blob();\n    blob.arrayBuffer = () => arrayBuffer(blob);\n    return blob;\n  } catch (error) {\n    console.error(\"Failed to convert file URI to Blob:\", error);\n    throw new Error(\"Failed to convert file URI to Blob\");\n  }\n}\n\nasync function convertFileContentsToBase64DataURI(\n  fileUri: string,\n  contentType: string,\n) {\n  try {\n    const base64 = await FileSystem.readAsStringAsync(fileUri, {\n      encoding: FileSystem.EncodingType.Base64,\n    });\n    return `data:${contentType};base64,${base64}`;\n  } catch (error) {\n    console.error(\"Failed to convert file to base64:\", error);\n    return null;\n  }\n}\n\nfunction base64DataURIToParts(base64Data: string) {\n  const parts = base64Data.split(\",\");\n  const contentType = parts[0]?.split(\":\")?.[1]?.split(\";\")?.[0] || \"\";\n  const data = parts[1] || \"\";\n  return { contentType, data };\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\nasync function base64DataURIToBlob(base64Data: string) {\n  const { contentType, data } = base64DataURIToParts(base64Data);\n  const byteCharacters = atob(data);\n\n  const byteNumbers = new Array(byteCharacters.length);\n  for (let i = 0; i < byteCharacters.length; i++) {\n    byteNumbers[i] = byteCharacters.charCodeAt(i);\n  }\n  const byteArray = new Uint8Array(byteNumbers);\n\n  // @ts-expect-error byteArray has data\n  const blob = new Blob(byteArray, { type: contentType });\n  blob.arrayBuffer = () => arrayBuffer(blob);\n  return blob;\n}\n\nasync function getImageDimensions(\n  uri: string,\n): Promise<{ width: number; height: number }> {\n  return new Promise((resolve, reject) => {\n    Image.getSize(\n      uri,\n      (width, height) => resolve({ width, height }),\n      (error) => {\n        console.error(\"Failed to get image dimensions:\", error);\n        reject(new Error(\"Failed to get image dimensions\"));\n      },\n    );\n  });\n}\n\n/** @category Image creation */\nexport async function createImageNative(\n  base64ImageDataURI: string,\n  options: {\n    owner?: Group | Account;\n    maxSize?: 256 | 1024 | 2048;\n  } = {},\n): Promise<Loaded<typeof ImageDefinition>> {\n  try {\n    const { contentType } = base64DataURIToParts(base64ImageDataURI);\n    const format = contentTypeToFormat(contentType);\n\n    let originalWidth, originalHeight;\n    try {\n      ({ width: originalWidth, height: originalHeight } =\n        await getImageDimensions(base64ImageDataURI));\n    } catch (error) {\n      console.error(\"Error getting image dimensions:\", error);\n      throw new Error(\"Failed to get image dimensions\");\n    }\n\n    let placeholderImage;\n    try {\n      placeholderImage = await ImageResizer.createResizedImage(\n        base64ImageDataURI,\n        8,\n        8,\n        format,\n        100,\n        0,\n      );\n    } catch (error) {\n      console.error(\"Error creating placeholder image:\", error);\n      throw new Error(\"Failed to create placeholder image\");\n    }\n\n    const placeholderDataURL = await convertFileContentsToBase64DataURI(\n      placeholderImage.uri,\n      contentType,\n    );\n\n    if (!placeholderDataURL) {\n      throw new Error(\"Failed to create placeholder data URL\");\n    }\n\n    const imageDefinition = ImageDefinition.create(\n      {\n        originalSize: [originalWidth, originalHeight],\n        placeholderDataURL,\n      },\n      options.owner,\n    );\n\n    const addImageStream = async (\n      width: number,\n      height: number,\n      label: string,\n    ) => {\n      try {\n        const resizedImage = await ImageResizer.createResizedImage(\n          base64ImageDataURI,\n          width,\n          height,\n          format,\n          80,\n          0,\n        );\n\n        const binaryStream = await FileStream.createFromBlob(\n          await fileUriToBlob(resizedImage.uri),\n          imageDefinition._owner,\n        );\n\n        imageDefinition[label] = binaryStream;\n      } catch (error) {\n        console.error(`Error adding image stream for ${label}:`, error);\n        throw new Error(`Failed to add image stream for ${label}`);\n      }\n    };\n\n    if (originalWidth > 256 || originalHeight > 256) {\n      const width =\n        originalWidth > originalHeight\n          ? 256\n          : Math.round(256 * (originalWidth / originalHeight));\n      const height =\n        originalHeight > originalWidth\n          ? 256\n          : Math.round(256 * (originalHeight / originalWidth));\n      await addImageStream(width, height, `${width}x${height}`);\n    }\n\n    if (options.maxSize === 256) return imageDefinition;\n\n    if (originalWidth > 1024 || originalHeight > 1024) {\n      const width =\n        originalWidth > originalHeight\n          ? 1024\n          : Math.round(1024 * (originalWidth / originalHeight));\n      const height =\n        originalHeight > originalWidth\n          ? 1024\n          : Math.round(1024 * (originalHeight / originalWidth));\n      await addImageStream(width, height, `${width}x${height}`);\n    }\n\n    if (options.maxSize === 1024) return imageDefinition;\n\n    if (originalWidth > 2048 || originalHeight > 2048) {\n      const width =\n        originalWidth > originalHeight\n          ? 2048\n          : Math.round(2048 * (originalWidth / originalHeight));\n      const height =\n        originalHeight > originalWidth\n          ? 2048\n          : Math.round(2048 * (originalHeight / originalWidth));\n      await addImageStream(width, height, `${width}x${height}`);\n    }\n\n    if (options.maxSize === 2048) return imageDefinition;\n\n    if (options.maxSize === undefined || options.maxSize > 2048) {\n      try {\n        const originalBinaryStream = await FileStream.createFromBlob(\n          await base64DataURIToBlob(base64ImageDataURI),\n          imageDefinition._owner,\n        );\n        imageDefinition[`${originalWidth}x${originalHeight}`] =\n          originalBinaryStream;\n      } catch (error) {\n        console.error(\"Error adding original image stream:\", error);\n        throw new Error(\"Failed to add original image stream\");\n      }\n    }\n\n    return imageDefinition;\n  } catch (error) {\n    console.error(\"Error in createImage:\", error);\n    throw error;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/tools/tests/imageDef.test.d.ts

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

package/dist/tools/tests/imageDef.test.d.ts.map

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

package/src/browser-media-images/index.ts

@@ -1,131 +0,0 @@
-import ImageBlobReduce from "image-blob-reduce";
-import {
-  Account,
-  FileStream,
-  Group,
-  ImageDefinition,
-  Loaded,
-} from "jazz-tools";
-import Pica from "pica";
-
-let reducer: ImageBlobReduce.ImageBlobReduce | undefined;
-
-/** @category Image creation */
-export async function createImage(
-  imageBlobOrFile: Blob | File,
-  options?: {
-    owner?: Group | Account;
-    maxSize?: 256 | 1024 | 2048;
-  },
-): Promise<Loaded<typeof ImageDefinition, { $each: true }>> {
-  // Get the original size of the image
-  const { width: originalWidth, height: originalHeight } =
-    await getImageSize(imageBlobOrFile);
-
-  const highestDimension = Math.max(originalWidth, originalHeight);
-
-  // Calculate the sizes to resize the image to
-  const resizes = [256, 1024, 2048, highestDimension]
-    .filter((s) => s <= (options?.maxSize ?? highestDimension))
-    .toSorted((a, b) => a - b);
-
-  // Get the highest resolution to use as final original size
-  // In case of options.maxSize, it's not the originalWidth/Height
-  const { width: finalWidth, height: finalHeight } = getNewDimensions(
-    originalWidth,
-    originalHeight,
-    resizes.at(-1)!,
-  );
-
-  const imageDefinition = ImageDefinition.create(
-    { originalSize: [finalWidth, finalHeight] },
-    options?.owner,
-  );
-  const owner = imageDefinition._owner;
-
-  // Placeholder 8x8
-  imageDefinition.placeholderDataURL =
-    await getPlaceholderBase64(imageBlobOrFile);
-
-  // Resizes for progressive loading
-  for (let size of resizes) {
-    // Calculate width and height respecting the aspect ratio
-    const { width, height } = getNewDimensions(
-      originalWidth,
-      originalHeight,
-      size,
-    );
-
-    const image = await resize(imageBlobOrFile, width, height);
-
-    const binaryStream = await FileStream.createFromBlob(image, owner);
-    imageDefinition[`${width}x${height}`] = binaryStream;
-  }
-
-  return imageDefinition;
-}
-
-async function getImageSize(
-  imageBlobOrFile: Blob | File,
-): Promise<{ width: number; height: number }> {
-  const { width, height } = await new Promise<{
-    width: number;
-    height: number;
-  }>((resolve, reject) => {
-    const img = new Image();
-    img.onload = () => {
-      resolve({ width: img.width, height: img.height });
-      URL.revokeObjectURL(img.src);
-    };
-    img.onerror = () => {
-      reject(new Error("Failed to load image"));
-      URL.revokeObjectURL(img.src);
-    };
-    img.src = URL.createObjectURL(imageBlobOrFile);
-  });
-
-  return { width, height };
-}
-
-async function getPlaceholderBase64(
-  imageBlobOrFile: Blob | File,
-): Promise<string> {
-  // Inizialize Reducer here to not have module side effects
-  if (!reducer) {
-    reducer = new ImageBlobReduce({ pica: new Pica() });
-  }
-
-  const canvas = await reducer.toCanvas(imageBlobOrFile, { max: 8 });
-  return canvas.toDataURL("image/png");
-}
-
-async function resize(
-  imageBlobOrFile: Blob | File,
-  width: number,
-  height: number,
-): Promise<Blob> {
-  // Inizialize Reducer here to not have module side effects
-  if (!reducer) {
-    reducer = new ImageBlobReduce({ pica: new Pica() });
-  }
-
-  return reducer.toBlob(imageBlobOrFile, { max: Math.max(width, height) });
-}
-
-const getNewDimensions = (
-  originalWidth: number,
-  originalHeight: number,
-  maxSize: number,
-) => {
-  const width =
-    originalWidth > originalHeight
-      ? maxSize
-      : Math.round(maxSize * (originalWidth / originalHeight));
-
-  const height =
-    originalHeight > originalWidth
-      ? maxSize
-      : Math.round(maxSize * (originalHeight / originalWidth));
-
-  return { width, height };
-};

package/src/react/media.tsx

@@ -1,74 +0,0 @@
-import { ImageDefinition, Loaded } from "jazz-tools";
-import React, { useEffect, useState } from "react";
-
-/** @category Media */
-export function useProgressiveImg({
-  image,
-  maxWidth,
-  targetWidth,
-}: {
-  image: Loaded<typeof ImageDefinition> | null | undefined;
-  maxWidth?: number;
-  targetWidth?: number;
-}) {
-  const [current, setCurrent] = useState<
-    { src?: string; res?: `${number}x${number}` | "placeholder" } | undefined
-  >(undefined);
-
-  useEffect(() => {
-    let lastHighestRes: string | undefined;
-    if (!image) return;
-    const unsub = image.subscribe({}, (update) => {
-      const highestRes = ImageDefinition.highestResAvailable(update, {
-        maxWidth,
-        targetWidth,
-      });
-      if (highestRes) {
-        if (highestRes.res !== lastHighestRes) {
-          lastHighestRes = highestRes.res;
-          const blob = highestRes.stream.toBlob();
-          if (blob) {
-            const blobURI = URL.createObjectURL(blob);
-            setCurrent({ src: blobURI, res: highestRes.res });
-            return () => {
-              setTimeout(() => URL.revokeObjectURL(blobURI), 200);
-            };
-          }
-        }
-      } else {
-        setCurrent({
-          src: update?.placeholderDataURL,
-          res: "placeholder",
-        });
-      }
-    });
-
-    return unsub;
-  }, [image?.id, maxWidth]);
-
-  return {
-    src: current?.src,
-    res: current?.res,
-    originalSize: image?.originalSize,
-  };
-}
-
-/** @category Media */
-export function ProgressiveImg({
-  children,
-  image,
-  maxWidth,
-  targetWidth,
-}: {
-  children: (result: {
-    src: string | undefined;
-    res: `${number}x${number}` | "placeholder" | undefined;
-    originalSize: readonly [number, number] | undefined;
-  }) => React.ReactNode;
-  image: Loaded<typeof ImageDefinition> | null | undefined;
-  maxWidth?: number;
-  targetWidth?: number;
-}): React.ReactNode {
-  const result = useProgressiveImg({ image, maxWidth, targetWidth });
-  return result ? children(result) : null;
-}

package/src/react/scratch.tsx

@@ -1,50 +0,0 @@
-import { FileStream, ImageDefinition } from "jazz-tools";
-import { createJazzTestAccount } from "jazz-tools/testing";
-
-// Simple document environment
-global.document = {
-  createElement: () =>
-    ({ src: "", onload: null }) as unknown as HTMLImageElement,
-} as unknown as Document;
-global.window = { innerWidth: 1000 } as unknown as Window & typeof globalThis;
-
-const me = await createJazzTestAccount();
-
-const mediumSizeBlob = new Blob([], { type: "image/jpeg" });
-const image = ImageDefinition.create(
-  {
-    originalSize: [1920, 1080],
-  },
-  { owner: me },
-);
-image["100x100"] = await FileStream.createFromBlob(mediumSizeBlob, {
-  owner: me,
-});
-image["1920x1080"] = await FileStream.createFromBlob(mediumSizeBlob, {
-  owner: me,
-});
-const imageElement = document.createElement("img");
-// ---cut---
-// Start with placeholder for immediate display
-if (image.placeholderDataURL) {
-  imageElement.src = image.placeholderDataURL;
-}
-
-// Then load the best resolution for the current display
-const screenWidth = window.innerWidth;
-const bestRes = ImageDefinition.highestResAvailable(image, {
-  targetWidth: screenWidth,
-});
-
-if (bestRes) {
-  const blob = bestRes.stream.toBlob();
-  if (blob) {
-    const url = URL.createObjectURL(blob);
-    imageElement.src = url;
-
-    // Remember to revoke the URL when no longer needed
-    imageElement.onload = () => {
-      URL.revokeObjectURL(url);
-    };
-  }
-}

package/src/react-native-core/media.tsx

@@ -1,79 +0,0 @@
-import { ImageDefinition, Loaded } from "jazz-tools";
-import React, { useEffect, useState } from "react";
-
-/** @category Media */
-export function useProgressiveImgNative({
-  image,
-  maxWidth,
-  targetWidth,
-}: {
-  image: Loaded<typeof ImageDefinition> | null | undefined;
-  maxWidth?: number;
-  targetWidth?: number;
-}) {
-  const [current, setCurrent] = useState<
-    { src?: string; res?: `${number}x${number}` | "placeholder" } | undefined
-  >(undefined);
-
-  useEffect(() => {
-    let lastHighestRes: string | undefined;
-    if (!image) return;
-    const unsub = image.subscribe({}, (update) => {
-      const highestRes = ImageDefinition.highestResAvailable(update, {
-        maxWidth,
-        targetWidth,
-      });
-      if (highestRes && highestRes.res !== lastHighestRes) {
-        lastHighestRes = highestRes.res;
-        // use the base64 data directly
-        const dataUrl = highestRes.stream.asBase64({ dataURL: true });
-        if (dataUrl) {
-          setCurrent({
-            src: dataUrl,
-            res: highestRes.res,
-          });
-        } else {
-          // Fallback to placeholder if chunks aren't available
-          console.warn("No chunks available for image", image.id);
-          setCurrent({
-            src: update?.placeholderDataURL,
-            res: "placeholder",
-          });
-        }
-      } else if (!highestRes) {
-        setCurrent({
-          src: update?.placeholderDataURL,
-          res: "placeholder",
-        });
-      }
-    });
-
-    return unsub;
-  }, [image?.id, maxWidth]);
-
-  return {
-    src: current?.src,
-    res: current?.res,
-    originalSize: image?.originalSize,
-  };
-}
-
-/** @category Media */
-export function ProgressiveImgNative({
-  children,
-  image,
-  maxWidth,
-  targetWidth,
-}: {
-  children: (result: {
-    src: string | undefined;
-    res: `${number}x${number}` | "placeholder" | undefined;
-    originalSize: readonly [number, number] | undefined;
-  }) => React.ReactNode;
-  image: Loaded<typeof ImageDefinition> | null | undefined;
-  maxWidth?: number;
-  targetWidth?: number;
-}) {
-  const result = useProgressiveImgNative({ image, maxWidth, targetWidth });
-  return result && children(result);
-}