jazz-tools 0.18.16 → 0.18.18

package/.svelte-kit/__package__/jazz.class.svelte.d.ts

@@ -34,5 +34,19 @@ export declare class AccountCoState<A extends (AccountClass<Account> & CoValueFr
     get agent(): import("jazz-tools").AnonymousJazzAgent | InstanceOfSchema<A>;
     get isAuthenticated(): boolean;
 }
+/**
+ * Class that provides the current connection status to the Jazz sync server.
+ *
+ * @returns `true` when connected to the server, `false` when disconnected
+ *
+ * @remarks
+ * On connection drop, this will return `false` only when Jazz detects the disconnection
+ * after 5 seconds of not receiving a ping from the server.
+ */
+export declare class SyncConnectionStatus {
+    #private;
+    constructor();
+    get current(): boolean;
+}
 export {};
 //# sourceMappingURL=jazz.class.svelte.d.ts.map

package/.svelte-kit/__package__/jazz.class.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jazz.class.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/jazz.class.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,kBAAkB,EACnB,MAAM,YAAY,CAAC;AAUpB,KAAK,cAAc,CAAC,CAAC,SAAS,oBAAoB,EAAE,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAAI;IAC/E,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC;;;;;;;;;;;;;;MAcE;IACF,eAAe,CAAC,EAAE,gBAAgB,CAAA;CACnC,CAAC;AAEF,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C,qBAAa,OAAO,CAClB,CAAC,SAAS,oBAAoB,EAC9B,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI;;gBAU9B,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,EACjC,OAAO,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAgD/D,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI;IAM7C,IAAI,OAAO,oCAGV;CACF;AAED,qBAAa,cAAc,CACzB,CAAC,SACC,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,GACjD,gBAAgB,EAClB,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI;;gBAQpB,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IA8CpF,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI;IAM7C,MAAM,aAEJ;IAEF,IAAI,OAAO,oCAIV;IAED,IAAI,KAAK,kEAQR;IAID,IAAI,eAAe,YAElB;CACF"}
+{"version":3,"file":"jazz.class.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/jazz.class.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,oBAAoB,EACpB,cAAc,EACd,gBAAgB,EAChB,MAAM,EACN,YAAY,EACZ,kBAAkB,EACnB,MAAM,YAAY,CAAC;AAUpB,KAAK,cAAc,CAAC,CAAC,SAAS,oBAAoB,EAAE,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,IAAI;IAC/E,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACnC;;;;;;;;;;;;;;MAcE;IACF,eAAe,CAAC,EAAE,gBAAgB,CAAA;CACnC,CAAC;AAEF,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C,qBAAa,OAAO,CAClB,CAAC,SAAS,oBAAoB,EAC9B,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI;;gBAU9B,MAAM,EAAE,CAAC,EACT,EAAE,EAAE,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,EACjC,OAAO,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAgD/D,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI;IAM7C,IAAI,OAAO,oCAGV;CACF;AAED,qBAAa,cAAc,CACzB,CAAC,SACC,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC,GACjD,gBAAgB,EAClB,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI;;gBAQpB,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IA8CpF,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,GAAG,IAAI;IAM7C,MAAM,aAEJ;IAEF,IAAI,OAAO,oCAIV;IAED,IAAI,KAAK,kEAQR;IAID,IAAI,eAAe,YAElB;CACF;AAED;;;;;;;;GAQG;AACH,qBAAa,oBAAoB;;;IA6B/B,IAAI,OAAO,YAGV;CACF"}

package/.svelte-kit/__package__/jazz.class.svelte.js

@@ -123,3 +123,40 @@ export class AccountCoState {
         return this.#isAuthenticated.current;
     }
 }
+/**
+ * Class that provides the current connection status to the Jazz sync server.
+ *
+ * @returns `true` when connected to the server, `false` when disconnected
+ *
+ * @remarks
+ * On connection drop, this will return `false` only when Jazz detects the disconnection
+ * after 5 seconds of not receiving a ping from the server.
+ */
+export class SyncConnectionStatus {
+    #ctx = getJazzContext();
+    #subscribe;
+    #update = () => { };
+    constructor() {
+        this.#subscribe = createSubscriber((update) => {
+            this.#update = update;
+        });
+        $effect.pre(() => {
+            const ctx = this.#ctx.current;
+            return untrack(() => {
+                if (!ctx) {
+                    return;
+                }
+                const unsubscribe = ctx.addConnectionListener(() => {
+                    this.#update();
+                });
+                return () => {
+                    unsubscribe();
+                };
+            });
+        });
+    }
+    get current() {
+        this.#subscribe();
+        return this.#ctx.current?.connected() ?? false;
+    }
+}

package/.svelte-kit/__package__/media/image.svelte

@@ -1,118 +1,122 @@
 <script lang="ts">
-import { ImageDefinition } from "jazz-tools";
-import { highestResAvailable } from "jazz-tools/media";
-import { onDestroy } from "svelte";
-import { CoState } from "../jazz.class.svelte";
-import type { ImageProps } from "./image.types.js";
-
-const { imageId, width, height, ...rest }: ImageProps = $props();
-
-const imageState = new CoState(ImageDefinition, () => imageId);
-let lastBestImage: [string, string] | null = null;
-
-/**
- * For lazy loading, we use the browser's strategy for images with loading="lazy".
- * We use an empty image, and when the browser triggers the load event, we load the best available image.
- * On page loading, if the image url is already in browser's cache, the load event is triggered immediately.
- * This is why we need to use a different blob url for every image.
- */
-let waitingLazyLoading = $state(rest.loading === "lazy");
-const lazyPlaceholder = $derived.by(() =>
-  waitingLazyLoading ? URL.createObjectURL(emptyPixelBlob) : undefined,
-);
-
-const dimensions = $derived.by<{
-  width: number | undefined;
-  height: number | undefined;
-}>(() => {
-  const originalWidth = imageState.current?.originalSize?.[0];
-  const originalHeight = imageState.current?.originalSize?.[1];
-
-  // Both width and height are "original"
-  if (width === "original" && height === "original") {
-    return { width: originalWidth, height: originalHeight };
-  }
+  import { ImageDefinition } from "jazz-tools";
+  import { highestResAvailable } from "jazz-tools/media";
+  import { onDestroy } from "svelte";
+  import { CoState } from "../jazz.class.svelte";
+  import type { ImageProps } from "./image.types.js";
+
+  const { imageId, width, height, ...rest }: ImageProps = $props();
+
+  const imageState = new CoState(ImageDefinition, () => imageId);
+  let lastBestImage: [string, string] | null = null;
+
+  /**
+   * For lazy loading, we use the browser's strategy for images with loading="lazy".
+   * We use an empty image, and when the browser triggers the load event, we load the best available image.
+   * On page loading, if the image url is already in browser's cache, the load event is triggered immediately.
+   * This is why we need to use a different blob url for every image.
+   */
+  let waitingLazyLoading = $state(rest.loading === "lazy");
+  const lazyPlaceholder = $derived.by(() =>
+    waitingLazyLoading ? URL.createObjectURL(emptyPixelBlob) : undefined,
+  );
+
+  const dimensions = $derived.by<{
+    width: number | undefined;
+    height: number | undefined;
+  }>(() => {
+    const originalWidth = imageState.current?.originalSize?.[0];
+    const originalHeight = imageState.current?.originalSize?.[1];
 
-  // Width is "original", height is a number
-  if (width === "original" && typeof height === "number") {
-    if (originalWidth && originalHeight) {
-      return {
-        width: Math.round((height * originalWidth) / originalHeight),
-        height,
-      };
+    // Both width and height are "original"
+    if (width === "original" && height === "original") {
+      return { width: originalWidth, height: originalHeight };
     }
-    return { width: undefined, height };
-  }
 
-  // Height is "original", width is a number
-  if (height === "original" && typeof width === "number") {
-    if (originalWidth && originalHeight) {
-      return {
-        width,
-        height: Math.round((width * originalHeight) / originalWidth),
-      };
+    // Width is "original", height is a number
+    if (width === "original" && typeof height === "number") {
+      if (originalWidth && originalHeight) {
+        return {
+          width: Math.round((height * originalWidth) / originalHeight),
+          height,
+        };
+      }
+      return { width: undefined, height };
     }
-    return { width, height: undefined };
-  }
 
-  // In all other cases, use the property value:
-  return {
-    width: width === "original" ? originalWidth : width,
-    height: height === "original" ? originalHeight : height,
-  };
-});
+    // Height is "original", width is a number
+    if (height === "original" && typeof width === "number") {
+      if (originalWidth && originalHeight) {
+        return {
+          width,
+          height: Math.round((width * originalHeight) / originalWidth),
+        };
+      }
+      return { width, height: undefined };
+    }
 
-const src = $derived.by(() => {
-  if (waitingLazyLoading) {
-    return lazyPlaceholder;
-  }
+    // In all other cases, use the property value:
+    return {
+      width: width === "original" ? originalWidth : width,
+      height: height === "original" ? originalHeight : height,
+    };
+  });
 
-  const image = imageState.current;
-  if (!image) return undefined;
+  const src = $derived.by(() => {
+    if (waitingLazyLoading) {
+      return lazyPlaceholder;
+    }
 
-  const bestImage = highestResAvailable(
-    image,
-    dimensions.width || dimensions.height || 9999,
-    dimensions.height || dimensions.width || 9999,
-  );
+    const image = imageState.current;
+    if (image === undefined)
+      return "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==";
 
-  if (!bestImage) return image.placeholderDataURL;
-  if (lastBestImage?.[0] === bestImage.image.$jazz.id) return lastBestImage?.[1];
+    if (!image) return undefined;
 
-  const blob = bestImage.image.toBlob();
+    const bestImage = highestResAvailable(
+      image,
+      dimensions.width || dimensions.height || 9999,
+      dimensions.height || dimensions.width || 9999,
+    );
 
-  if (blob) {
-    const url = URL.createObjectURL(blob);
-    revokeObjectURL(lastBestImage?.[1]);
-    lastBestImage = [bestImage.image.$jazz.id, url];
-    return url;
-  }
+    if (!bestImage) return image.placeholderDataURL;
+    if (lastBestImage?.[0] === bestImage.image.$jazz.id)
+      return lastBestImage?.[1];
+
+    const blob = bestImage.image.toBlob();
+
+    if (blob) {
+      const url = URL.createObjectURL(blob);
+      revokeObjectURL(lastBestImage?.[1]);
+      lastBestImage = [bestImage.image.$jazz.id, url];
+      return url;
+    }
 
-  return image.placeholderDataURL;
-});
+    return image.placeholderDataURL;
+  });
 
-// Cleanup object URL on component destroy
-onDestroy(() => {
-  revokeObjectURL(lastBestImage?.[1]);
-});
+  // Cleanup object URL on component destroy
+  onDestroy(() => {
+    revokeObjectURL(lastBestImage?.[1]);
+  });
 
-function revokeObjectURL(url: string | undefined) {
-  if (url && url.startsWith("blob:")) {
-    URL.revokeObjectURL(url);
+  function revokeObjectURL(url: string | undefined) {
+    if (url && url.startsWith("blob:")) {
+      URL.revokeObjectURL(url);
+    }
   }
-}
 
-const emptyPixelBlob = new Blob(
-  [
-    Uint8Array.from(
-      atob(
-        "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==",
+  const emptyPixelBlob = new Blob(
+    [
+      Uint8Array.from(
+        atob(
+          "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==",
+        ),
+        (c) => c.charCodeAt(0),
       ),
-      (c) => c.charCodeAt(0),
-    ),
-  ],
-  { type: "image/png" },
-);
+    ],
+    { type: "image/png" },
+  );
 </script>
 
 <img
@@ -120,6 +124,8 @@ const emptyPixelBlob = new Blob(
   width={dimensions.width}
   height={dimensions.height}
   alt={rest.alt}
-  onload={() => {waitingLazyLoading = false}}
+  onload={() => {
+    waitingLazyLoading = false;
+  }}
   {...rest}
 />

package/.svelte-kit/__package__/media/image.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/media/image.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AA2HnD,QAAA,MAAM,KAAK,gDAAsC,CAAC;AAClD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"image.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/media/image.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAiInD,QAAA,MAAM,KAAK,gDAAsC,CAAC;AAClD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/.svelte-kit/__package__/testing.d.ts

@@ -6,5 +6,5 @@ export declare function createJazzTestContext<Acc extends Account>(opts?: {
     };
     isAuthenticated?: boolean;
 }): Map<{} | {}, AuthSecretStorage | JazzContext<Acc>>;
-export { createJazzTestAccount, createJazzTestGuest, linkAccounts, setActiveAccount, setupJazzTestSync, } from "jazz-tools/testing";
+export { createJazzTestAccount, createJazzTestGuest, linkAccounts, setActiveAccount, setupJazzTestSync, MockConnectionStatus, } from "jazz-tools/testing";
 //# sourceMappingURL=testing.d.ts.map

package/.svelte-kit/__package__/testing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/svelte/testing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE5E,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE7E,wBAAgB,qBAAqB,CAAC,GAAG,SAAS,OAAO,EACvD,IAAI,GAAE;IACJ,OAAO,CAAC,EAAE,GAAG,GAAG;QAAE,KAAK,EAAE,kBAAkB,CAAA;KAAE,CAAC;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CACtB,sDAyBP;AAED,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"testing.d.ts","sourceRoot":"","sources":["../../../src/svelte/testing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE5E,OAAO,EAA2B,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE7E,wBAAgB,qBAAqB,CAAC,GAAG,SAAS,OAAO,EACvD,IAAI,GAAE;IACJ,OAAO,CAAC,EAAE,GAAG,GAAG;QAAE,KAAK,EAAE,kBAAkB,CAAA;KAAE,CAAC;IAC9C,eAAe,CAAC,EAAE,OAAO,CAAC;CACtB,sDAyBP;AAED,OAAO,EACL,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC"}

package/.svelte-kit/__package__/testing.js

@@ -20,4 +20,4 @@ export function createJazzTestContext(opts = {}) {
     }
     return ctx;
 }
-export { createJazzTestAccount, createJazzTestGuest, linkAccounts, setActiveAccount, setupJazzTestSync, } from "jazz-tools/testing";
+export { createJazzTestAccount, createJazzTestGuest, linkAccounts, setActiveAccount, setupJazzTestSync, MockConnectionStatus, } from "jazz-tools/testing";

package/.svelte-kit/__package__/tests/TestConnectionStatus.svelte

@@ -0,0 +1,8 @@
+<script>
+  import { SyncConnectionStatus } from "../jazz.class.svelte";
+  const connectionStatus = new SyncConnectionStatus();
+</script>
+
+<div>
+  <div data-testid="connected">{connectionStatus.current ? "true" : "false"}</div>
+</div>

package/.svelte-kit/__package__/tests/TestConnectionStatus.svelte.d.ts

@@ -0,0 +1,27 @@
+export default TestConnectionStatus;
+type TestConnectionStatus = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const TestConnectionStatus: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+//# sourceMappingURL=TestConnectionStatus.svelte.d.ts.map

package/.svelte-kit/__package__/tests/TestConnectionStatus.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestConnectionStatus.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/tests/TestConnectionStatus.svelte.js"],"names":[],"mappings":";;;;;;;;AAyBA;;;;mBAA8H;6CATjF,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}

package/.svelte-kit/__package__/tests/media/image.svelte.test.js

@@ -10,7 +10,7 @@ describe("Image", async () => {
     });
     const renderWithAccount = (props) => render(Image, props, { account });
     describe("initial rendering", () => {
-        it("should render nothing if coValue is not found", async () => {
+        it("should render a blank placeholder while waiting for the coValue to load", async () => {
             const { container } = renderWithAccount({
                 imageId: "co_zMTubMby3QiKDYnW9e2BEXW7Xaq",
                 alt: "test",
@@ -20,7 +20,21 @@ describe("Image", async () => {
             expect(img.getAttribute("width")).toBe(null);
             expect(img.getAttribute("height")).toBe(null);
             expect(img.alt).toBe("test");
-            expect(img.src).toBe("");
+            expect(img.src).toBe("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
+        });
+        it("should render nothing if coValue is not found", async () => {
+            const { container } = renderWithAccount({
+                imageId: "co_zMTubMby3QiKDYnW9e2BEXW7Xaq",
+                alt: "test",
+            });
+            await waitFor(() => {
+                const img = container.querySelector("img");
+                expect(img).toBeDefined();
+                expect(img.getAttribute("width")).toBe(null);
+                expect(img.getAttribute("height")).toBe(null);
+                expect(img.alt).toBe("test");
+                expect(img.src).toBe("");
+            });
         });
         it("should render an empty image if the image is not loaded yet", async () => {
             const original = FileStream.create({ owner: account.$jazz.owner });

package/.svelte-kit/__package__/tests/sync-connection-status.svelte.test.d.ts

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

package/.svelte-kit/__package__/tests/sync-connection-status.svelte.test.d.ts.map

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

package/.svelte-kit/__package__/tests/sync-connection-status.svelte.test.js

@@ -0,0 +1,47 @@
+// @vitest-environment happy-dom
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { createJazzTestAccount, setupJazzTestSync, MockConnectionStatus, } from "../testing";
+import { render, screen, waitFor } from "./testUtils";
+import TestConnectionStatus from "./TestConnectionStatus.svelte";
+describe("SyncConnectionStatus", () => {
+    beforeEach(async () => {
+        await setupJazzTestSync();
+        await createJazzTestAccount({
+            isCurrentActiveAccount: true,
+        });
+    });
+    afterEach(() => {
+        vi.clearAllMocks();
+    });
+    it("should return true by default in the test environment", async () => {
+        const { container } = render(TestConnectionStatus, {}, {
+            account: await createJazzTestAccount({
+                isCurrentActiveAccount: true,
+            }),
+        });
+        await waitFor(() => {
+            expect(screen.getByTestId("connected").textContent).toBe("true");
+        });
+    });
+    it("should handle updates", async () => {
+        const { container } = render(TestConnectionStatus, {}, {
+            account: await createJazzTestAccount({
+                isCurrentActiveAccount: true,
+            }),
+        });
+        // Initially should be connected
+        await waitFor(() => {
+            expect(screen.getByTestId("connected").textContent).toBe("true");
+        });
+        // Simulate disconnection
+        MockConnectionStatus.setIsConnected(false);
+        await waitFor(() => {
+            expect(screen.getByTestId("connected").textContent).toBe("false");
+        });
+        // Simulate reconnection
+        MockConnectionStatus.setIsConnected(true);
+        await waitFor(() => {
+            expect(screen.getByTestId("connected").textContent).toBe("true");
+        });
+    });
+});

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> jazz-tools@0.18.16 build /home/runner/_work/jazz/jazz/packages/jazz-tools
+> jazz-tools@0.18.18 build /home/runner/_work/jazz/jazz/packages/jazz-tools
 > tsup && pnpm types && pnpm build:svelte
 
 CLI Building entry: {"index":"src/index.ts","testing":"src/testing.ts"}
@@ -114,98 +114,98 @@
 ESM Build start
 CLI Cleaning output folder
 ESM Build start
-ESM dist/tiptap/index.js     564.00 B
-ESM dist/tiptap/index.js.map 1.21 KB
-ESM ⚡️ Build success in 13ms
 ESM dist/react/ssr.js     688.00 B
 ESM dist/react/ssr.js.map 1.12 KB
-ESM ⚡️ Build success in 15ms
+ESM ⚡️ Build success in 28ms
+ESM dist/tiptap/index.js     564.00 B
+ESM dist/tiptap/index.js.map 1.21 KB
+ESM ⚡️ Build success in 25ms
 ESM dist/worker/index.js         3.19 KB
 ESM dist/worker/edge-wasm.js     215.00 B
 ESM dist/worker/index.js.map     6.17 KB
 ESM dist/worker/edge-wasm.js.map 434.00 B
-ESM ⚡️ Build success in 20ms
+ESM ⚡️ Build success in 27ms
 ESM dist/better-auth/auth/client.js     4.44 KB
-ESM dist/better-auth/auth/react.js      799.00 B
 ESM dist/better-auth/auth/server.js     8.36 KB
+ESM dist/better-auth/auth/react.js      799.00 B
 ESM dist/better-auth/auth/client.js.map 8.24 KB
-ESM dist/better-auth/auth/react.js.map  2.04 KB
 ESM dist/better-auth/auth/server.js.map 15.29 KB
-ESM ⚡️ Build success in 18ms
+ESM dist/better-auth/auth/react.js.map  2.04 KB
+ESM ⚡️ Build success in 29ms
+ESM dist/react-core/index.js              11.07 KB
+ESM dist/react-core/testing.js            1.22 KB
+ESM dist/react-core/chunk-7DYMJ74I.js     279.00 B
+ESM dist/react-core/index.js.map          35.67 KB
+ESM dist/react-core/testing.js.map        1.86 KB
+ESM dist/react-core/chunk-7DYMJ74I.js.map 533.00 B
+ESM ⚡️ Build success in 34ms
 ESM dist/media/index.js              236.00 B
-ESM dist/media/index.browser.js      2.79 KB
 ESM dist/media/index.native.js       2.90 KB
-ESM dist/media/index.server.js       2.95 KB
 ESM dist/media/chunk-W3S526L3.js     6.47 KB
+ESM dist/media/index.server.js       2.95 KB
+ESM dist/media/index.browser.js      2.79 KB
 ESM dist/media/index.js.map          71.00 B
-ESM dist/media/index.browser.js.map  6.15 KB
 ESM dist/media/index.native.js.map   6.09 KB
 ESM dist/media/index.server.js.map   6.37 KB
 ESM dist/media/chunk-W3S526L3.js.map 16.57 KB
-ESM ⚡️ Build success in 34ms
-ESM dist/react-core/index.js              10.72 KB
-ESM dist/react-core/testing.js            1.17 KB
-ESM dist/react-core/chunk-7DYMJ74I.js     279.00 B
-ESM dist/react-core/index.js.map          33.90 KB
-ESM dist/react-core/testing.js.map        1.82 KB
-ESM dist/react-core/chunk-7DYMJ74I.js.map 533.00 B
-ESM ⚡️ Build success in 36ms
-ESM dist/expo/index.js       4.68 KB
-ESM dist/expo/testing.js     112.00 B
-ESM dist/expo/crypto.js      153.00 B
-ESM dist/expo/index.js.map   10.23 KB
-ESM dist/expo/testing.js.map 168.00 B
-ESM dist/expo/crypto.js.map  189.00 B
-ESM ⚡️ Build success in 42ms
+ESM dist/media/index.browser.js.map  6.15 KB
+ESM ⚡️ Build success in 39ms
+ESM dist/browser/index.js     14.13 KB
+ESM dist/browser/index.js.map 30.00 KB
+ESM ⚡️ Build success in 49ms
 ESM dist/react-native/index.js       2.53 KB
 ESM dist/react-native/crypto.js      161.00 B
 ESM dist/react-native/testing.js     120.00 B
 ESM dist/react-native/index.js.map   5.68 KB
 ESM dist/react-native/crypto.js.map  197.00 B
 ESM dist/react-native/testing.js.map 176.00 B
-ESM ⚡️ Build success in 38ms
-ESM dist/browser/index.js     13.64 KB
-ESM dist/browser/index.js.map 29.14 KB
-ESM ⚡️ Build success in 43ms
-ESM dist/better-auth/database-adapter/index.js     26.34 KB
-ESM dist/better-auth/database-adapter/index.js.map 57.62 KB
-ESM ⚡️ Build success in 43ms
-ESM dist/react/testing.js     122.00 B
-ESM dist/react/index.js       24.76 KB
-ESM dist/react/testing.js.map 165.00 B
-ESM dist/react/index.js.map   53.56 KB
-ESM ⚡️ Build success in 49ms
-ESM dist/react-native-core/index.js       18.03 KB
+ESM ⚡️ Build success in 46ms
+ESM dist/expo/index.js       4.68 KB
+ESM dist/expo/testing.js     112.00 B
+ESM dist/expo/crypto.js      153.00 B
+ESM dist/expo/index.js.map   10.23 KB
+ESM dist/expo/testing.js.map 168.00 B
+ESM dist/expo/crypto.js.map  189.00 B
+ESM ⚡️ Build success in 51ms
+ESM dist/react-native-core/index.js       18.65 KB
 ESM dist/react-native-core/testing.js     119.00 B
 ESM dist/react-native-core/crypto.js      2.10 KB
-ESM dist/react-native-core/index.js.map   36.85 KB
+ESM dist/react-native-core/index.js.map   37.83 KB
 ESM dist/react-native-core/testing.js.map 175.00 B
 ESM dist/react-native-core/crypto.js.map  4.25 KB
-ESM ⚡️ Build success in 49ms
+ESM ⚡️ Build success in 48ms
+ESM dist/better-auth/database-adapter/index.js     26.34 KB
+ESM dist/better-auth/database-adapter/index.js.map 57.62 KB
+ESM ⚡️ Build success in 51ms
+ESM dist/react/testing.js     122.00 B
+ESM dist/react/index.js       24.93 KB
+ESM dist/react/testing.js.map 165.00 B
+ESM dist/react/index.js.map   53.78 KB
+ESM ⚡️ Build success in 55ms
 ESM dist/prosemirror/index.js     77.76 KB
 ESM dist/prosemirror/index.js.map 307.20 KB
-ESM ⚡️ Build success in 52ms
+ESM ⚡️ Build success in 70ms
 ESM dist/inspector/index.js     69.71 KB
 ESM dist/inspector/index.js.map 121.38 KB
-ESM ⚡️ Build success in 63ms
-ESM dist/testing.js            7.17 KB
+ESM ⚡️ Build success in 84ms
 ESM dist/index.js              26.13 KB
-ESM dist/chunk-GRN6OAUX.js     174.37 KB
-ESM dist/testing.js.map        14.10 KB
+ESM dist/testing.js            8.33 KB
+ESM dist/chunk-FHRKDKDY.js     176.29 KB
+ESM dist/testing.js.map        15.87 KB
 ESM dist/index.js.map          52.92 KB
-ESM dist/chunk-GRN6OAUX.js.map 415.70 KB
-ESM ⚡️ Build success in 80ms
+ESM dist/chunk-FHRKDKDY.js.map 420.15 KB
+ESM ⚡️ Build success in 104ms
 ESM dist/inspector/register-custom-element.js     218.00 B
 ESM dist/inspector/register-custom-element.js.map 314.00 B
 ESM dist/inspector/custom-element-G6SPZEBR.js     1.54 MB
 ESM dist/inspector/custom-element-G6SPZEBR.js.map 2.36 MB
-ESM ⚡️ Build success in 122ms
+ESM ⚡️ Build success in 155ms
 
-> jazz-tools@0.18.16 types /home/runner/_work/jazz/jazz/packages/jazz-tools
+> jazz-tools@0.18.18 types /home/runner/_work/jazz/jazz/packages/jazz-tools
 > tsc --outDir dist
 
 
-> jazz-tools@0.18.16 build:svelte /home/runner/_work/jazz/jazz/packages/jazz-tools
+> jazz-tools@0.18.18 build:svelte /home/runner/_work/jazz/jazz/packages/jazz-tools
 > rm -rf dist/svelte && svelte-package -i src/svelte -o dist/svelte --tsconfig tsconfig.svelte.json
 
 src/svelte -> dist/svelte