jazz-tools 0.19.21 → 0.20.0

package/dist/inspector/index.js

@@ -5,12 +5,12 @@ import {
   InMemoryRouterProvider,
   NodeProvider,
   PageStack
-} from "./chunk-YQNK5Y7B.js";
+} from "./chunk-MCTB5ZJC.js";
 
 // src/inspector/index.tsx
 import React, { useEffect as useEffect2, useState as useState2 } from "react";
 import { setup } from "goober";
-import { useJazzContext } from "jazz-tools/react-core";
+import { useJazzContextValue } from "jazz-tools/react-core";
 
 // src/inspector/in-app.tsx
 import { styled as styled2 } from "goober";
@@ -159,7 +159,7 @@ var InspectorContainer = styled2("div")`
 // src/inspector/index.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 function JazzInspector({ position = "right" }) {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
   const localNode = context.node;
   const me = "me" in context ? context.me : void 0;
   const [isCSR, setIsCSR] = useState2(false);

package/dist/inspector/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/inspector/index.tsx","../../src/inspector/in-app.tsx","../../src/inspector/viewer/inspector-button.tsx","../../src/inspector/viewer/use-open-inspector.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { setup } from \"goober\";\nimport { useJazzContext } from \"jazz-tools/react-core\";\nimport { Account } from \"jazz-tools\";\nimport { InspectorInApp } from \"./in-app.js\";\nimport { Position } from \"./viewer/inspector-button.js\";\n\nexport function JazzInspector({ position = \"right\" }: { position?: Position }) {\n  const context = useJazzContext<Account>();\n  const localNode = context.node;\n  const me = \"me\" in context ? context.me : undefined;\n\n  const [isCSR, setIsCSR] = useState(false);\n  useEffect(() => {\n    setIsCSR(true);\n  }, []);\n\n  if (!isCSR) {\n    return null;\n  }\n\n  return (\n    <InspectorInApp\n      position={position}\n      localNode={localNode}\n      accountId={me?.$jazz.raw.id}\n    />\n  );\n}\n\nsetup(React.createElement);\n","import { CoID, LocalNode, RawAccount } from \"cojson\";\nimport { styled } from \"goober\";\nimport { PageStack } from \"./viewer/page-stack.js\";\nimport { GlobalStyles } from \"./ui/global-styles.js\";\nimport { InspectorButton, type Position } from \"./viewer/inspector-button.js\";\nimport { useOpenInspector } from \"./viewer/use-open-inspector.js\";\nimport { NodeProvider } from \"./contexts/node.js\";\nimport { InMemoryRouterProvider } from \"./router/in-memory-router.js\";\nimport { Header } from \"./viewer/header.js\";\n\nexport function InspectorInApp({\n  position = \"right\",\n  localNode,\n  accountId,\n}: {\n  position?: Position;\n  localNode?: LocalNode;\n  accountId?: CoID<RawAccount>;\n}) {\n  const [open, setOpen] = useOpenInspector();\n\n  if (!open) {\n    return (\n      <InspectorButton position={position} onClick={() => setOpen(true)} />\n    );\n  }\n\n  return (\n    <NodeProvider localNode={localNode ?? null} accountID={accountId ?? null}>\n      <InMemoryRouterProvider>\n        <InspectorContainer as={GlobalStyles} style={{ zIndex: 999 }}>\n          <Header\n            showDeleteLocalData={true}\n            showClose={true}\n            onClose={() => setOpen(false)}\n          />\n\n          <PageStack />\n        </InspectorContainer>\n      </InMemoryRouterProvider>\n    </NodeProvider>\n  );\n}\n\nconst InspectorContainer = styled(\"div\")`\n  position: fixed;\n  height: 50vh;\n  max-height: 800px;\n  display: flex;\n  flex-direction: column;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  background-color: white;\n  border-top: 1px solid var(--j-border-color);\n  color: var(--j-text-color);\n\n  @media (prefers-color-scheme: dark) {\n    background-color: var(--j-background);\n  }\n`;\n","import { styled } from \"goober\";\nimport React from \"react\";\n\nexport type Position =\n  | \"bottom right\"\n  | \"bottom left\"\n  | \"top right\"\n  | \"top left\"\n  | \"right\"\n  | \"left\";\n\nconst StyledInspectorButton = styled(\"button\")<{ position: Position }>`\n  position: fixed;\n  width: 2.5rem;\n  height: 2.5rem;\n  background-color: white;\n  box-shadow:  0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  margin: 1rem;\n  padding: 0.5rem !important;\n  border: 1px solid #e5e3e4;\n  border-radius: 0.375rem;\n  z-index: 999;\n  \n  ${(props) => {\n    switch (props.position) {\n      case \"bottom right\":\n        return \"bottom: 0; right: 0;\";\n      case \"bottom left\":\n        return \"bottom: 0; left: 0;\";\n      case \"top right\":\n        return \"top: 0; right: 0;\";\n      case \"top left\":\n        return \"top: 0; left: 0;\";\n      case \"right\":\n        return \"right: 0; top: 50%; transform: translateY(-50%);\";\n      case \"left\":\n        return \"left: 0; top: 50%; transform: translateY(-50%);\";\n      default:\n        return \"\";\n    }\n  }}\n`;\n\nconst JazzIcon = styled(\"svg\")`\n  width: 100%;\n  height: auto;\n  position: relative;\n  left: -1px;\n  color: #146AFF;\n`;\n\nexport function InspectorButton({\n  position = \"right\",\n  ...buttonProps\n}: React.ComponentPropsWithoutRef<\"button\"> & { position?: Position }) {\n  return (\n    <StyledInspectorButton position={position} {...buttonProps}>\n      <JazzIcon\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"119\"\n        height=\"115\"\n        viewBox=\"0 0 119 115\"\n        fill=\"none\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M118.179 23.8277V0.167999C99.931 7.5527 79.9854 11.6192 59.0897 11.6192C47.1466 11.6192 35.5138 10.2908 24.331 7.7737V30.4076V60.1508C23.2955 59.4385 22.1568 58.8458 20.9405 58.3915C18.1732 57.358 15.128 57.0876 12.1902 57.6145C9.2524 58.1414 6.5539 59.4419 4.4358 61.3516C2.3178 63.2613 0.875401 65.6944 0.291001 68.3433C-0.293399 70.9921 0.00659978 73.7377 1.1528 76.2329C2.2991 78.728 4.2403 80.861 6.7308 82.361C9.2214 83.862 12.1495 84.662 15.1448 84.662C15.6054 84.662 15.8365 84.662 16.0314 84.659C26.5583 84.449 35.042 75.9656 35.2513 65.4386C35.2534 65.3306 35.2544 65.2116 35.2548 65.0486L35.2552 64.7149V64.5521V61.0762V32.1993C43.0533 33.2324 51.0092 33.7656 59.0897 33.7656C59.6696 33.7656 60.2489 33.7629 60.8276 33.7574V89.696C59.792 88.983 58.6533 88.391 57.437 87.936C54.6697 86.903 51.6246 86.632 48.6867 87.159C45.7489 87.686 43.0504 88.987 40.9323 90.896C38.8143 92.806 37.3719 95.239 36.7875 97.888C36.2032 100.537 36.5031 103.283 37.6494 105.778C38.7956 108.273 40.7368 110.405 43.2273 111.906C45.7179 113.406 48.646 114.207 51.6414 114.207C52.1024 114.207 52.3329 114.207 52.5279 114.203C63.0548 113.994 71.5385 105.51 71.7478 94.983C71.7517 94.788 71.7517 94.558 71.7517 94.097V90.621V33.3266C83.962 32.4768 95.837 30.4075 107.255 27.2397V59.9017C106.219 59.1894 105.081 58.5966 103.864 58.1424C101.097 57.1089 98.052 56.8384 95.114 57.3653C92.176 57.8922 89.478 59.1927 87.36 61.1025C85.242 63.0122 83.799 65.4453 83.215 68.0941C82.631 70.743 82.931 73.4886 84.077 75.9837C85.223 78.4789 87.164 80.612 89.655 82.112C92.145 83.612 95.073 84.413 98.069 84.413C98.53 84.413 98.76 84.413 98.955 84.409C109.482 84.2 117.966 75.7164 118.175 65.1895C118.179 64.9945 118.179 64.764 118.179 64.3029V60.8271V23.8277Z\"\n          fill=\"currentColor\"\n        />\n      </JazzIcon>\n      <span\n        style={{\n          position: \"absolute\",\n          width: \"1px\",\n          height: \"1px\",\n          padding: \"0\",\n          margin: \"-1px\",\n          overflow: \"hidden\",\n          clip: \"rect(0, 0, 0, 0)\",\n          whiteSpace: \"nowrap\",\n          border: \"0\",\n        }}\n      >\n        Open Jazz Inspector\n      </span>\n    </StyledInspectorButton>\n  );\n}\n","import { useEffect, useState } from \"react\";\n\nconst STORAGE_KEY = \"jazz-inspector-open\";\n\nexport function useOpenInspector() {\n  const [open, setOpen] = useState(() => {\n    // Initialize from localStorage if available\n    if (typeof window === \"undefined\") return false;\n    const stored = localStorage.getItem(STORAGE_KEY);\n    return stored ? JSON.parse(stored) : false;\n  });\n\n  // Update localStorage when open state changes\n  useEffect(() => {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(open));\n  }, [open]);\n\n  return [open, setOpen];\n}\n"],"mappings":"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","names":["useEffect","useState","styled","jsx","jsxs","styled","jsx","useState","useEffect"]}
+{"version":3,"sources":["../../src/inspector/index.tsx","../../src/inspector/in-app.tsx","../../src/inspector/viewer/inspector-button.tsx","../../src/inspector/viewer/use-open-inspector.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { setup } from \"goober\";\nimport { useJazzContextValue } from \"jazz-tools/react-core\";\nimport { Account } from \"jazz-tools\";\nimport { InspectorInApp } from \"./in-app.js\";\nimport { Position } from \"./viewer/inspector-button.js\";\n\nexport function JazzInspector({ position = \"right\" }: { position?: Position }) {\n  const context = useJazzContextValue<Account>();\n  const localNode = context.node;\n  const me = \"me\" in context ? context.me : undefined;\n\n  const [isCSR, setIsCSR] = useState(false);\n  useEffect(() => {\n    setIsCSR(true);\n  }, []);\n\n  if (!isCSR) {\n    return null;\n  }\n\n  return (\n    <InspectorInApp\n      position={position}\n      localNode={localNode}\n      accountId={me?.$jazz.raw.id}\n    />\n  );\n}\n\nsetup(React.createElement);\n","import { CoID, LocalNode, RawAccount } from \"cojson\";\nimport { styled } from \"goober\";\nimport { PageStack } from \"./viewer/page-stack.js\";\nimport { GlobalStyles } from \"./ui/global-styles.js\";\nimport { InspectorButton, type Position } from \"./viewer/inspector-button.js\";\nimport { useOpenInspector } from \"./viewer/use-open-inspector.js\";\nimport { NodeProvider } from \"./contexts/node.js\";\nimport { InMemoryRouterProvider } from \"./router/in-memory-router.js\";\nimport { Header } from \"./viewer/header.js\";\n\nexport function InspectorInApp({\n  position = \"right\",\n  localNode,\n  accountId,\n}: {\n  position?: Position;\n  localNode?: LocalNode;\n  accountId?: CoID<RawAccount>;\n}) {\n  const [open, setOpen] = useOpenInspector();\n\n  if (!open) {\n    return (\n      <InspectorButton position={position} onClick={() => setOpen(true)} />\n    );\n  }\n\n  return (\n    <NodeProvider localNode={localNode ?? null} accountID={accountId ?? null}>\n      <InMemoryRouterProvider>\n        <InspectorContainer as={GlobalStyles} style={{ zIndex: 999 }}>\n          <Header\n            showDeleteLocalData={true}\n            showClose={true}\n            onClose={() => setOpen(false)}\n          />\n\n          <PageStack />\n        </InspectorContainer>\n      </InMemoryRouterProvider>\n    </NodeProvider>\n  );\n}\n\nconst InspectorContainer = styled(\"div\")`\n  position: fixed;\n  height: 50vh;\n  max-height: 800px;\n  display: flex;\n  flex-direction: column;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  background-color: white;\n  border-top: 1px solid var(--j-border-color);\n  color: var(--j-text-color);\n\n  @media (prefers-color-scheme: dark) {\n    background-color: var(--j-background);\n  }\n`;\n","import { styled } from \"goober\";\nimport React from \"react\";\n\nexport type Position =\n  | \"bottom right\"\n  | \"bottom left\"\n  | \"top right\"\n  | \"top left\"\n  | \"right\"\n  | \"left\";\n\nconst StyledInspectorButton = styled(\"button\")<{ position: Position }>`\n  position: fixed;\n  width: 2.5rem;\n  height: 2.5rem;\n  background-color: white;\n  box-shadow:  0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  margin: 1rem;\n  padding: 0.5rem !important;\n  border: 1px solid #e5e3e4;\n  border-radius: 0.375rem;\n  z-index: 999;\n  \n  ${(props) => {\n    switch (props.position) {\n      case \"bottom right\":\n        return \"bottom: 0; right: 0;\";\n      case \"bottom left\":\n        return \"bottom: 0; left: 0;\";\n      case \"top right\":\n        return \"top: 0; right: 0;\";\n      case \"top left\":\n        return \"top: 0; left: 0;\";\n      case \"right\":\n        return \"right: 0; top: 50%; transform: translateY(-50%);\";\n      case \"left\":\n        return \"left: 0; top: 50%; transform: translateY(-50%);\";\n      default:\n        return \"\";\n    }\n  }}\n`;\n\nconst JazzIcon = styled(\"svg\")`\n  width: 100%;\n  height: auto;\n  position: relative;\n  left: -1px;\n  color: #146AFF;\n`;\n\nexport function InspectorButton({\n  position = \"right\",\n  ...buttonProps\n}: React.ComponentPropsWithoutRef<\"button\"> & { position?: Position }) {\n  return (\n    <StyledInspectorButton position={position} {...buttonProps}>\n      <JazzIcon\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"119\"\n        height=\"115\"\n        viewBox=\"0 0 119 115\"\n        fill=\"none\"\n      >\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M118.179 23.8277V0.167999C99.931 7.5527 79.9854 11.6192 59.0897 11.6192C47.1466 11.6192 35.5138 10.2908 24.331 7.7737V30.4076V60.1508C23.2955 59.4385 22.1568 58.8458 20.9405 58.3915C18.1732 57.358 15.128 57.0876 12.1902 57.6145C9.2524 58.1414 6.5539 59.4419 4.4358 61.3516C2.3178 63.2613 0.875401 65.6944 0.291001 68.3433C-0.293399 70.9921 0.00659978 73.7377 1.1528 76.2329C2.2991 78.728 4.2403 80.861 6.7308 82.361C9.2214 83.862 12.1495 84.662 15.1448 84.662C15.6054 84.662 15.8365 84.662 16.0314 84.659C26.5583 84.449 35.042 75.9656 35.2513 65.4386C35.2534 65.3306 35.2544 65.2116 35.2548 65.0486L35.2552 64.7149V64.5521V61.0762V32.1993C43.0533 33.2324 51.0092 33.7656 59.0897 33.7656C59.6696 33.7656 60.2489 33.7629 60.8276 33.7574V89.696C59.792 88.983 58.6533 88.391 57.437 87.936C54.6697 86.903 51.6246 86.632 48.6867 87.159C45.7489 87.686 43.0504 88.987 40.9323 90.896C38.8143 92.806 37.3719 95.239 36.7875 97.888C36.2032 100.537 36.5031 103.283 37.6494 105.778C38.7956 108.273 40.7368 110.405 43.2273 111.906C45.7179 113.406 48.646 114.207 51.6414 114.207C52.1024 114.207 52.3329 114.207 52.5279 114.203C63.0548 113.994 71.5385 105.51 71.7478 94.983C71.7517 94.788 71.7517 94.558 71.7517 94.097V90.621V33.3266C83.962 32.4768 95.837 30.4075 107.255 27.2397V59.9017C106.219 59.1894 105.081 58.5966 103.864 58.1424C101.097 57.1089 98.052 56.8384 95.114 57.3653C92.176 57.8922 89.478 59.1927 87.36 61.1025C85.242 63.0122 83.799 65.4453 83.215 68.0941C82.631 70.743 82.931 73.4886 84.077 75.9837C85.223 78.4789 87.164 80.612 89.655 82.112C92.145 83.612 95.073 84.413 98.069 84.413C98.53 84.413 98.76 84.413 98.955 84.409C109.482 84.2 117.966 75.7164 118.175 65.1895C118.179 64.9945 118.179 64.764 118.179 64.3029V60.8271V23.8277Z\"\n          fill=\"currentColor\"\n        />\n      </JazzIcon>\n      <span\n        style={{\n          position: \"absolute\",\n          width: \"1px\",\n          height: \"1px\",\n          padding: \"0\",\n          margin: \"-1px\",\n          overflow: \"hidden\",\n          clip: \"rect(0, 0, 0, 0)\",\n          whiteSpace: \"nowrap\",\n          border: \"0\",\n        }}\n      >\n        Open Jazz Inspector\n      </span>\n    </StyledInspectorButton>\n  );\n}\n","import { useEffect, useState } from \"react\";\n\nconst STORAGE_KEY = \"jazz-inspector-open\";\n\nexport function useOpenInspector() {\n  const [open, setOpen] = useState(() => {\n    // Initialize from localStorage if available\n    if (typeof window === \"undefined\") return false;\n    const stored = localStorage.getItem(STORAGE_KEY);\n    return stored ? JSON.parse(stored) : false;\n  });\n\n  // Update localStorage when open state changes\n  useEffect(() => {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(open));\n  }, [open]);\n\n  return [open, setOpen];\n}\n"],"mappings":"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","names":["useEffect","useState","styled","jsx","jsxs","styled","jsx","useState","useEffect"]}

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

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

package/dist/inspector/standalone.js

@@ -12,7 +12,7 @@ import {
   NodeProvider,
   PageStack,
   useNode
-} from "./chunk-YQNK5Y7B.js";
+} from "./chunk-MCTB5ZJC.js";
 
 // src/inspector/standalone.tsx
 import React2 from "react";

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

@@ -187,7 +187,7 @@ async function createImage(imageBlobOrFile, options, impl) {
   );
   if (options?.progressive) {
     imageCoValue.$jazz.set("progressive", true);
-    const resizes = [256, 1024, 2048].filter(
+    const resizes = [256, 512, 1024, 2048].filter(
       (s) => s < Math.max(imageCoValue.originalSize[0], imageCoValue.originalSize[1])
     );
     for (const size of resizes) {
@@ -224,4 +224,4 @@ export {
   loadImageBySize,
   createImageFactory
 };
-//# sourceMappingURL=chunk-3LKBM3G3.js.map
+//# sourceMappingURL=chunk-IRL3KNPO.js.map

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

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

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

@@ -1,5 +1,5 @@
 import type { Account, Group } from "jazz-tools";
-import { FileStream } from "jazz-tools";
+import { type FileStream } from "jazz-tools";
 /**
  * Creates an ImageDefinition from an image file path with built-in UX features.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"react-native.d.ts","sourceRoot":"","sources":["../../../src/media/create-image/react-native.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAIxC;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,WAAW;;;;;;;;;+BAcvB,CAAC;AAqHF,wBAAsB,0BAA0B,CAC9C,QAAQ,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GACtB,OAAO,CAAC,UAAU,CAAC,CAOrB"}
+{"version":3,"file":"react-native.d.ts","sourceRoot":"","sources":["../../../src/media/create-image/react-native.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAM,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAIjD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,WAAW;;;;;;;;;+BAcvB,CAAC;AAsHF,wBAAsB,0BAA0B,CAC9C,QAAQ,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GACtB,OAAO,CAAC,UAAU,CAAC,CASrB"}

package/dist/media/index.browser.js

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

package/dist/media/index.js

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

package/dist/media/index.native.js

@@ -3,10 +3,10 @@ import {
   highestResAvailable,
   loadImage,
   loadImageBySize
-} from "./chunk-3LKBM3G3.js";
+} from "./chunk-IRL3KNPO.js";
 
 // src/media/create-image/react-native.ts
-import { FileStream } from "jazz-tools";
+import { co } from "jazz-tools";
 import { Image } from "react-native";
 var createImage = createImageFactory(
   {
@@ -71,7 +71,7 @@ async function getPlaceholderBase64(filePath) {
         "Failed to get generate placeholder using expo-image-manipulator"
       );
     }
-    return base64;
+    return "data:image/png;base64," + base64;
   }
 }
 async function resize(filePath, width, height) {
@@ -98,7 +98,7 @@ async function resize(filePath, width, height) {
     return result.uri;
   }
 }
-function getMimeType(filePath) {
+async function getMimeType(filePath) {
   return fetch(filePath).then((res) => res.blob()).then((blob) => blob.type);
 }
 function contentTypeToFormat(contentType) {
@@ -110,7 +110,7 @@ function contentTypeToFormat(contentType) {
 async function createFileStreamFromSource(filePath, owner) {
   const blob = await fetch(filePath).then((res) => res.blob());
   const arrayBuffer = await toArrayBuffer(blob);
-  return FileStream.createFromArrayBuffer(arrayBuffer, blob.type, void 0, {
+  return co.fileStream().createFromArrayBuffer(arrayBuffer, blob.type, void 0, {
     owner
   });
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/media/create-image/react-native.ts"],"sourcesContent":["import { NativeModules } from \"react-native\";\nimport type ImageResizerType from \"@bam.tech/react-native-image-resizer\";\nimport type ImageManipulatorType from \"expo-image-manipulator\";\nimport type { Account, Group } from \"jazz-tools\";\nimport { FileStream } from \"jazz-tools\";\nimport { Image } from \"react-native\";\nimport { createImageFactory } from \"../create-image-factory\";\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<\n  typeof ImageResizerType | typeof ImageManipulatorType\n> {\n  try {\n    const rnImageResizer = await import(\"@bam.tech/react-native-image-resizer\");\n\n    if (rnImageResizer.default !== undefined) {\n      return rnImageResizer.default;\n    }\n  } catch (e) {}\n\n  try {\n    const expoImageManipulator = await import(\"expo-image-manipulator\");\n    if (expoImageManipulator.ImageManipulator !== undefined) {\n      return expoImageManipulator;\n    }\n  } catch (e) {}\n\n  throw new Error(\n    \"No resizer lib found. Please install `@bam.tech/react-native-image-resizer` or `expo-image-manipulator`\",\n  );\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  if (\"createResizedImage\" in ImageResizer) {\n    const { uri } = await ImageResizer.createResizedImage(\n      filePath,\n      8,\n      8,\n      \"PNG\",\n      100,\n    );\n\n    return imageUrlToBase64(uri);\n  } else {\n    const ctx = ImageResizer.ImageManipulator.manipulate(filePath);\n\n    ctx.resize({ width: 8, height: 8 });\n\n    const im = await ctx.renderAsync();\n    const result = await im.saveAsync({\n      base64: true,\n      format: ImageResizer.SaveFormat.PNG,\n    });\n\n    const base64 = result.base64;\n\n    if (!base64) {\n      throw new Error(\n        \"Failed to get generate placeholder using expo-image-manipulator\",\n      );\n    }\n\n    return base64;\n  }\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  if (\"createResizedImage\" in ImageResizer) {\n    const { uri } = await ImageResizer.createResizedImage(\n      filePath,\n      width,\n      height,\n      contentTypeToFormat(mimeType),\n      80,\n    );\n\n    return uri;\n  } else {\n    const ctx = ImageResizer.ImageManipulator.manipulate(filePath);\n    ctx.resize({ width: width, height: height });\n\n    const mime = contentTypeToFormat(mimeType);\n\n    const im = await ctx.renderAsync();\n    const result = await im.saveAsync({\n      format: ImageResizer.SaveFormat[mime],\n      compress: 0.8,\n    });\n\n    return result.uri;\n  }\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":"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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 ImageManipulatorType from \"expo-image-manipulator\";\nimport type { Account, Group } from \"jazz-tools\";\nimport { co, type FileStream } from \"jazz-tools\";\nimport { Image } from \"react-native\";\nimport { createImageFactory } from \"../create-image-factory\";\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<\n  typeof ImageResizerType | typeof ImageManipulatorType\n> {\n  try {\n    const rnImageResizer = await import(\"@bam.tech/react-native-image-resizer\");\n\n    if (rnImageResizer.default !== undefined) {\n      return rnImageResizer.default;\n    }\n  } catch (e) {}\n\n  try {\n    const expoImageManipulator = await import(\"expo-image-manipulator\");\n    if (expoImageManipulator.ImageManipulator !== undefined) {\n      return expoImageManipulator;\n    }\n  } catch (e) {}\n\n  throw new Error(\n    \"No resizer lib found. Please install `@bam.tech/react-native-image-resizer` or `expo-image-manipulator`\",\n  );\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  if (\"createResizedImage\" in ImageResizer) {\n    const { uri } = await ImageResizer.createResizedImage(\n      filePath,\n      8,\n      8,\n      \"PNG\",\n      100,\n    );\n\n    return imageUrlToBase64(uri);\n  } else {\n    const ctx = ImageResizer.ImageManipulator.manipulate(filePath);\n\n    ctx.resize({ width: 8, height: 8 });\n\n    const im = await ctx.renderAsync();\n    const result = await im.saveAsync({\n      base64: true,\n      format: ImageResizer.SaveFormat.PNG,\n    });\n\n    const base64 = result.base64;\n\n    if (!base64) {\n      throw new Error(\n        \"Failed to get generate placeholder using expo-image-manipulator\",\n      );\n    }\n\n    // Convert base64 to data URL\n    return \"data:image/png;base64,\" + base64;\n  }\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  if (\"createResizedImage\" in ImageResizer) {\n    const { uri } = await ImageResizer.createResizedImage(\n      filePath,\n      width,\n      height,\n      contentTypeToFormat(mimeType),\n      80,\n    );\n\n    return uri;\n  } else {\n    const ctx = ImageResizer.ImageManipulator.manipulate(filePath);\n    ctx.resize({ width: width, height: height });\n\n    const mime = contentTypeToFormat(mimeType);\n\n    const im = await ctx.renderAsync();\n    const result = await im.saveAsync({\n      format: ImageResizer.SaveFormat[mime],\n      compress: 0.8,\n    });\n\n    return result.uri;\n  }\n}\n\nasync function 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 co\n    .fileStream()\n    .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/index.server.js

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

package/dist/react/auth/Clerk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Clerk.d.ts","sourceRoot":"","sources":["../../../src/react/auth/Clerk.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EACL,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,cAAc,EAGf,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAqB,MAAM,gBAAgB,CAAC;AAgCtE,eAAO,MAAM,0BAA0B,GACrC,CAAC,SACG,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,GACjD,gBAAgB,SAEb;IACL,KAAK,EAAE,kBAAkB,CAAC;CAC3B,GAAG,iBAAiB,CAAC,CAAC,CAAC,gUA4BzB,CAAC"}
+{"version":3,"file":"Clerk.d.ts","sourceRoot":"","sources":["../../../src/react/auth/Clerk.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACpE,OAAO,EACL,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,cAAc,EAGf,MAAM,YAAY,CAAC;AAMpB,OAAO,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAqB,MAAM,gBAAgB,CAAC;AAgCtE,eAAO,MAAM,0BAA0B,GACrC,CAAC,SACG,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,GACjD,gBAAgB,SAEb;IACL,KAAK,EAAE,kBAAkB,CAAC;CAC3B,GAAG,iBAAiB,CAAC,CAAC,CAAC,gUA4BzB,CAAC"}

package/dist/react/hooks.d.ts

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

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

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

package/dist/react/index.js

@@ -4,8 +4,15 @@
 import {
   JazzBrowserContextManager
 } from "jazz-tools/browser";
-import { JazzContext, JazzContextManagerContext } from "jazz-tools/react-core";
-import React, { useEffect, useRef } from "react";
+import { JazzContext } from "jazz-tools/react-core";
+import React, {
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useSyncExternalStore
+} from "react";
 import { jsx } from "react/jsx-runtime";
 function JazzReactProvider({
   children,
@@ -21,6 +28,11 @@ function JazzReactProvider({
   fallback = null,
   authSecretStorageKey
 }) {
+  if (useContext(JazzContext)) {
+    throw new Error(
+      "You can't nest a JazzProvider inside another JazzProvider."
+    );
+  }
   const [contextManager] = React.useState(
     () => new JazzBrowserContextManager({
       useAnonymousFallback: enableSSR,
@@ -32,36 +44,33 @@ function JazzReactProvider({
   const onAnonymousAccountDiscardedRefCallback = useRefCallback(
     onAnonymousAccountDiscarded
   );
-  const logoutReplacementActiveRef = useRef(false);
-  logoutReplacementActiveRef.current = Boolean(logOutReplacement);
-  const onAnonymousAccountDiscardedEnabled = Boolean(
-    onAnonymousAccountDiscarded
-  );
-  const value = React.useSyncExternalStore(
-    React.useCallback(
+  const props = useMemo(() => {
+    return {
+      AccountSchema,
+      guestMode,
+      sync,
+      storage,
+      defaultProfileName,
+      onLogOut: onLogOutRefCallback,
+      logOutReplacement: logOutReplacement ? logOutReplacementRefCallback : void 0,
+      onAnonymousAccountDiscarded: onAnonymousAccountDiscarded ? onAnonymousAccountDiscardedRefCallback : void 0
+    };
+  }, [guestMode, sync.peer, sync.when, storage]);
+  if (contextManager.propsChanged(props) && typeof window !== "undefined") {
+    contextManager.createContext(props).catch((error) => {
+      console.log(error.stack);
+      console.error("Error creating Jazz browser context:", error);
+    });
+  }
+  const isReady = useSyncExternalStore(
+    useCallback(
       (callback) => {
-        const props = {
-          AccountSchema,
-          guestMode,
-          sync,
-          storage,
-          defaultProfileName,
-          onLogOut: onLogOutRefCallback,
-          logOutReplacement: logoutReplacementActiveRef.current ? logOutReplacementRefCallback : void 0,
-          onAnonymousAccountDiscarded: onAnonymousAccountDiscardedEnabled ? onAnonymousAccountDiscardedRefCallback : void 0
-        };
-        if (contextManager.propsChanged(props)) {
-          contextManager.createContext(props).catch((error) => {
-            console.log(error.stack);
-            console.error("Error creating Jazz browser context:", error);
-          });
-        }
         return contextManager.subscribe(callback);
       },
-      [sync, guestMode].concat(storage)
+      [contextManager]
     ),
-    () => contextManager.getCurrentValue(),
-    () => contextManager.getCurrentValue()
+    () => Boolean(contextManager.getCurrentValue()),
+    () => Boolean(contextManager.getCurrentValue())
   );
   useEffect(() => {
     if (process.env.NODE_ENV === "development") return;
@@ -69,7 +78,7 @@ function JazzReactProvider({
       contextManager.done();
     };
   }, []);
-  return /* @__PURE__ */ jsx(JazzContext.Provider, { value, children: /* @__PURE__ */ jsx(JazzContextManagerContext.Provider, { value: contextManager, children: value ? children : fallback }) });
+  return /* @__PURE__ */ jsx(JazzContext.Provider, { value: contextManager, children: isReady ? children : fallback });
 }
 function useRefCallback(callback) {
   const callbackRef = React.useRef(callback);
@@ -82,10 +91,11 @@ function useRefCallback(callback) {
 // src/react/hooks.tsx
 import { consumeInviteLinkFromWindowLocation } from "jazz-tools/browser";
 import { useEffect as useEffect2 } from "react";
-import { useJazzContext } from "jazz-tools/react-core";
+import { useJazzContextValue } from "jazz-tools/react-core";
 import {
   experimental_useInboxSender,
-  useJazzContext as useJazzContext2,
+  useJazzContextValue as useJazzContextValue2,
+  useJazzContext,
   useAuthSecretStorage,
   useAccount,
   useCoState,
@@ -105,7 +115,7 @@ function useAcceptInvite({
   onAccept,
   forValueHint
 }) {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
   if (!("me" in context)) {
     throw new Error(
       "useAcceptInvite can't be used in a JazzProvider with auth === 'guest'."
@@ -142,16 +152,19 @@ import {
   KvStoreContext
 } from "jazz-tools";
 import { LocalStorageKVStore } from "jazz-tools/browser";
-import { useAuthSecretStorage as useAuthSecretStorage2, useJazzContext as useJazzContext3 } from "jazz-tools/react-core";
-import { useEffect as useEffect3, useMemo, useState } from "react";
+import {
+  useAuthSecretStorage as useAuthSecretStorage2,
+  useJazzContextValue as useJazzContextValue3
+} from "jazz-tools/react-core";
+import { useEffect as useEffect3, useMemo as useMemo2, useState } from "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 function useJazzClerkAuth(clerk) {
-  const context = useJazzContext3();
+  const context = useJazzContextValue3();
   const authSecretStorage = useAuthSecretStorage2();
   if ("guest" in context) {
     throw new Error("Clerk auth is not supported in guest mode");
   }
-  const authMethod = useMemo(() => {
+  const authMethod = useMemo2(() => {
     return new JazzClerkAuth(
       context.authenticate,
       context.logOut,
@@ -320,20 +333,20 @@ import { BrowserPasskeyAuth } from "jazz-tools/browser";
 import {
   useAuthSecretStorage as useAuthSecretStorage3,
   useIsAuthenticated,
-  useJazzContext as useJazzContext4
+  useJazzContextValue as useJazzContextValue4
 } from "jazz-tools/react-core";
-import { useMemo as useMemo2, useState as useState3 } from "react";
+import { useMemo as useMemo3, useState as useState3 } from "react";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function usePasskeyAuth({
   appName,
   appHostname
 }) {
-  const context = useJazzContext4();
+  const context = useJazzContextValue4();
   const authSecretStorage = useAuthSecretStorage3();
   if ("guest" in context) {
     throw new Error("Passkey auth is not supported in guest mode");
   }
-  const authMethod = useMemo2(() => {
+  const authMethod = useMemo3(() => {
     return new BrowserPasskeyAuth(
       context.node.crypto,
       context.authenticate,
@@ -649,9 +662,9 @@ import {
 import { CoValueLoadingState, ImageDefinition as ImageDefinition3 } from "jazz-tools";
 import {
   forwardRef,
-  useCallback,
+  useCallback as useCallback2,
   useEffect as useEffect4,
-  useMemo as useMemo3,
+  useMemo as useMemo4,
   useRef as useRef2,
   useState as useState5
 } from "react";
@@ -745,11 +758,11 @@ var Image = forwardRef(function Image2({ imageId, width, height, ...props }, ref
   const [waitingLazyLoading, setWaitingLazyLoading] = useState5(
     props.loading === "lazy"
   );
-  const lazyPlaceholder = useMemo3(
+  const lazyPlaceholder = useMemo4(
     () => waitingLazyLoading ? URL.createObjectURL(getEmptyPixelBlob()) : void 0,
     [waitingLazyLoading]
   );
-  const dimensions = useMemo3(() => {
+  const dimensions = useMemo4(() => {
     const originalWidth = image?.originalSize?.[0];
     const originalHeight = image?.originalSize?.[1];
     if (width === "original" && height === "original") {
@@ -778,7 +791,7 @@ var Image = forwardRef(function Image2({ imageId, width, height, ...props }, ref
       height: height === "original" ? originalHeight : height
     };
   }, [image?.originalSize, width, height]);
-  const src = useMemo3(() => {
+  const src = useMemo4(() => {
     if (waitingLazyLoading) {
       return lazyPlaceholder;
     }
@@ -802,7 +815,7 @@ var Image = forwardRef(function Image2({ imageId, width, height, ...props }, ref
     }
     return image.placeholderDataURL ?? props?.placeholder;
   }, [image, dimensions.width, dimensions.height, waitingLazyLoading]);
-  const onThresholdReached = useCallback(() => {
+  const onThresholdReached = useCallback2(() => {
     setWaitingLazyLoading(false);
   }, []);
   useEffect4(
@@ -868,7 +881,8 @@ export {
   useCoValueSubscription,
   useDemoAuth2 as useDemoAuth,
   useIsAuthenticated2 as useIsAuthenticated,
-  useJazzContext2 as useJazzContext,
+  useJazzContext,
+  useJazzContextValue2 as useJazzContextValue,
   useLogOut,
   usePasskeyAuth,
   usePassphraseAuth2 as usePassphraseAuth,