jazz-react-native 0.9.8 → 0.9.10-jazz-bridge-preview.0

package/.turbo/turbo-build.log

@@ -1,4 +1,5 @@
-
-> jazz-react-native@0.9.8 build /home/runner/work/jazz/jazz/packages/jazz-react-native
-> rm -rf ./dist && tsc --sourceMap --outDir dist
-
+
+
+> jazz-react-native@0.9.9 build /Users/anselm/jazz/jazz/packages/jazz-react-native
+> rm -rf ./dist && tsc --sourceMap --outDir dist
+

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # jazz-browser
 
+## 0.9.10-jazz-bridge-preview.0
+
+### Patch Changes
+
+- f76274c: Fix image handling in react-native
+- Updated dependencies [5f43fbf]
+  - jazz-tools@0.9.10-jazz-bridge-preview.0
+  - jazz-react-core@0.8.51-jazz-bridge-preview.0
+
+## 0.9.9
+
+### Patch Changes
+
+- Updated dependencies [8eb9247]
+- Updated dependencies [8eb9247]
+  - jazz-tools@0.9.9
+  - cojson@0.9.9
+  - jazz-react-core@0.8.50
+  - cojson-storage-rn-sqlite@0.8.52
+  - cojson-transport-ws@0.9.9
+
 ## 0.9.8
 
 ### Patch Changes

package/dist/index.js

@@ -2,5 +2,6 @@ export * from "./provider.js";
 export * from "./auth/auth.js";
 export * from "./storage/kv-store-context.js";
 export * from "./hooks.js";
+export * from "./media.js";
 export { parseInviteLink, createInviteLink, setupKvStore } from "./platform.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/media.js

@@ -8,20 +8,37 @@ export function useProgressiveImg({ image, maxWidth, }) {
             return;
         const unsub = image.subscribe({}, (update) => {
             const highestRes = update?.highestResAvailable({ maxWidth });
-            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);
-                        };
-                    }
+            if (highestRes && highestRes.res !== lastHighestRes) {
+                lastHighestRes = highestRes.res;
+                // use the base64 data directly
+                const chunks = highestRes.stream.getChunks();
+                if (chunks?.chunks && chunks.chunks.length > 0) {
+                    // convert chunks to base64
+                    const totalLength = chunks.chunks.reduce((acc, chunk) => acc + chunk.length, 0);
+                    const combinedArray = new Uint8Array(totalLength);
+                    let offset = 0;
+                    chunks.chunks.forEach((chunk) => {
+                        combinedArray.set(chunk, offset);
+                        offset += chunk.length;
+                    });
+                    // Create data URL
+                    const base64 = Buffer.from(combinedArray).toString("base64");
+                    const dataUrl = `data:${chunks.mimeType};base64,${base64}`;
+                    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 {
+            else if (!highestRes) {
                 setCurrent({
                     src: update?.placeholderDataURL,
                     res: "placeholder",

package/dist/media.js.map

@@ -1 +1 @@
-{"version":3,"file":"media.js","sourceRoot":"","sources":["../src/media.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,sBAAsB;AACtB,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,GAIT;IACC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAEpC,SAAS,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAkC,CAAC;QACvC,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE;YAC3C,MAAM,UAAU,GAAG,MAAM,EAAE,mBAAmB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;YAC7D,IAAI,UAAU,EAAE,CAAC;gBACf,IAAI,UAAU,CAAC,GAAG,KAAK,cAAc,EAAE,CAAC;oBACtC,cAAc,GAAG,UAAU,CAAC,GAAG,CAAC;oBAChC,MAAM,IAAI,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;oBACxC,IAAI,IAAI,EAAE,CAAC;wBACT,MAAM,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;wBAC1C,UAAU,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;wBAClD,OAAO,GAAG,EAAE;4BACV,UAAU,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC;wBACtD,CAAC,CAAC;oBACJ,CAAC;gBACH,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC;oBACT,GAAG,EAAE,MAAM,EAAE,kBAAkB;oBAC/B,GAAG,EAAE,aAAa;iBACnB,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO;QACL,GAAG,EAAE,OAAO,EAAE,GAAG;QACjB,GAAG,EAAE,OAAO,EAAE,GAAG;QACjB,YAAY,EAAE,KAAK,EAAE,YAAY;KAClC,CAAC;AACJ,CAAC;AAED,sBAAsB;AACtB,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,GAST;IACC,MAAM,MAAM,GAAG,iBAAiB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACtD,OAAO,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC;AACpC,CAAC"}
+{"version":3,"file":"media.js","sourceRoot":"","sources":["../src/media.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jazz-react-native",
-  "version": "0.9.8",
+  "version": "0.9.10-jazz-bridge-preview.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -27,11 +27,11 @@
   "dependencies": {
     "@scure/base": "1.2.1",
     "react-native-quick-crypto": "1.0.0-beta.9",
-    "jazz-react-core": "0.8.49",
-    "cojson": "0.9.0",
-    "cojson-transport-ws": "0.9.0",
-    "cojson-storage-rn-sqlite": "0.8.51",
-    "jazz-tools": "0.9.8"
+    "jazz-react-core": "0.8.51-jazz-bridge-preview.0",
+    "cojson": "0.9.9",
+    "cojson-transport-ws": "0.9.9",
+    "jazz-tools": "0.9.10-jazz-bridge-preview.0",
+    "cojson-storage-rn-sqlite": "0.8.52"
   },
   "peerDependencies": {
     "@react-native-community/netinfo": "*",

package/src/index.ts

@@ -2,5 +2,6 @@ export * from "./provider.js";
 export * from "./auth/auth.js";
 export * from "./storage/kv-store-context.js";
 export * from "./hooks.js";
+export * from "./media.js";
 
 export { parseInviteLink, createInviteLink, setupKvStore } from "./platform.js";

package/src/media.tsx

@@ -18,19 +18,40 @@ export function useProgressiveImg({
     if (!image) return;
     const unsub = image.subscribe({}, (update) => {
       const highestRes = update?.highestResAvailable({ maxWidth });
-      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);
-            };
-          }
+      if (highestRes && highestRes.res !== lastHighestRes) {
+        lastHighestRes = highestRes.res;
+        // use the base64 data directly
+        const chunks = highestRes.stream.getChunks();
+        if (chunks?.chunks && chunks.chunks.length > 0) {
+          // convert chunks to base64
+          const totalLength = chunks.chunks.reduce(
+            (acc, chunk) => acc + chunk.length,
+            0,
+          );
+          const combinedArray = new Uint8Array(totalLength);
+          let offset = 0;
+          chunks.chunks.forEach((chunk) => {
+            combinedArray.set(chunk, offset);
+            offset += chunk.length;
+          });
+
+          // Create data URL
+          const base64 = Buffer.from(combinedArray).toString("base64");
+          const dataUrl = `data:${chunks.mimeType};base64,${base64}`;
+
+          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 {
+      } else if (!highestRes) {
         setCurrent({
           src: update?.placeholderDataURL,
           res: "placeholder",