jazz-tools 0.18.15 → 0.18.17

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__/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/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> jazz-tools@0.18.15 build /home/runner/_work/jazz/jazz/packages/jazz-tools
+> jazz-tools@0.18.17 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"}
@@ -32,6 +32,10 @@
 CLI Using tsconfig: tsconfig.json
 CLI Building entry: {"client":"src/better-auth/auth/client.ts","server":"src/better-auth/auth/server.ts","react":"src/better-auth/auth/react.tsx"}
 CLI Using tsconfig: tsconfig.json
+CLI Building entry: {"index":"src/better-auth/database-adapter/index.ts"}
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/runner/_work/jazz/jazz/packages/jazz-tools/tsup.config.ts
 CLI tsup v8.5.0
 CLI Using tsup config: /home/runner/_work/jazz/jazz/packages/jazz-tools/tsup.config.ts
 CLI tsup v8.5.0
@@ -77,6 +81,9 @@
 CLI Target: es2021
 CLI Target: es2021
 CLI Target: es2021
+CLI Target: es2021
+CLI Cleaning output folder
+ESM Build start
 CLI Cleaning output folder
 ESM Build start
 CLI Cleaning output folder
@@ -109,93 +116,96 @@
 ESM Build start
 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 20ms
 ESM dist/tiptap/index.js     564.00 B
 ESM dist/tiptap/index.js.map 1.21 KB
-ESM ⚡️ Build success in 13ms
+ESM ⚡️ Build success in 15ms
 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 dist/better-auth/auth/client.js     4.44 KB
-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/server.js.map 15.29 KB
-ESM dist/better-auth/auth/react.js.map  2.04 KB
-ESM ⚡️ Build success in 20ms
+ESM ⚡️ Build success in 16ms
 ESM dist/media/index.js              236.00 B
 ESM dist/media/index.browser.js      2.79 KB
-ESM dist/media/index.server.js       2.95 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.js.map          71.00 B
 ESM dist/media/index.browser.js.map  6.15 KB
-ESM dist/media/index.server.js.map   6.37 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 28ms
-ESM dist/browser/index.js     13.64 KB
-ESM dist/browser/index.js.map 29.14 KB
 ESM ⚡️ Build success in 31ms
+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/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 27ms
 ESM dist/react-native/index.js       2.53 KB
-ESM dist/react-native/testing.js     120.00 B
 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/testing.js.map 176.00 B
 ESM dist/react-native/crypto.js.map  197.00 B
-ESM ⚡️ Build success in 30ms
+ESM dist/react-native/testing.js.map 176.00 B
+ESM ⚡️ Build success in 35ms
 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 33ms
+ESM ⚡️ Build success in 32ms
 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 38ms
-ESM dist/prosemirror/index.js     77.76 KB
-ESM dist/prosemirror/index.js.map 307.20 KB
+ESM ⚡️ Build success in 44ms
+ESM dist/browser/index.js     13.64 KB
+ESM dist/browser/index.js.map 29.14 KB
 ESM ⚡️ Build success in 46ms
-ESM dist/react/index.js       24.76 KB
-ESM dist/react/testing.js     122.00 B
-ESM dist/react/testing.js.map 165.00 B
-ESM dist/react/index.js.map   53.56 KB
-ESM ⚡️ Build success in 45ms
-ESM dist/react-native-core/index.js       18.03 KB
+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 39ms
+ESM dist/react-native-core/index.js       18.13 KB
 ESM dist/react-native-core/crypto.js      2.10 KB
 ESM dist/react-native-core/testing.js     119.00 B
-ESM dist/react-native-core/index.js.map   36.85 KB
+ESM dist/react-native-core/index.js.map   36.96 KB
 ESM dist/react-native-core/crypto.js.map  4.25 KB
 ESM dist/react-native-core/testing.js.map 175.00 B
-ESM ⚡️ Build success in 45ms
+ESM ⚡️ Build success in 51ms
+ESM dist/react/index.js       24.88 KB
+ESM dist/react/testing.js     122.00 B
+ESM dist/react/testing.js.map 165.00 B
+ESM dist/react/index.js.map   53.71 KB
+ESM ⚡️ Build success in 52ms
+ESM dist/prosemirror/index.js     77.76 KB
+ESM dist/prosemirror/index.js.map 307.20 KB
+ESM ⚡️ Build success in 54ms
 ESM dist/inspector/index.js     69.71 KB
 ESM dist/inspector/index.js.map 121.38 KB
 ESM ⚡️ Build success in 64ms
-ESM dist/index.js              26.13 KB
+ESM dist/chunk-OTWWOZMB.js     176.08 KB
 ESM dist/testing.js            7.17 KB
-ESM dist/chunk-GRN6OAUX.js     174.37 KB
+ESM dist/index.js              26.13 KB
+ESM dist/chunk-OTWWOZMB.js.map 419.55 KB
 ESM dist/testing.js.map        14.10 KB
 ESM dist/index.js.map          52.92 KB
-ESM dist/chunk-GRN6OAUX.js.map 415.70 KB
-ESM ⚡️ Build success in 77ms
+ESM ⚡️ Build success in 82ms
 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 110ms
+ESM ⚡️ Build success in 123ms
 
-> jazz-tools@0.18.15 types /home/runner/_work/jazz/jazz/packages/jazz-tools
+> jazz-tools@0.18.17 types /home/runner/_work/jazz/jazz/packages/jazz-tools
 > tsc --outDir dist
 
 
-> jazz-tools@0.18.15 build:svelte /home/runner/_work/jazz/jazz/packages/jazz-tools
+> jazz-tools@0.18.17 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

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # jazz-tools
 
+## 0.18.17
+
+### Patch Changes
+
+- 75d1afa: Fix an issue where a flash of alt text displays while an image definition is loading from storage
+- 8aa4acd: Optimized the inactive subscriptions, improving performance of updates on created and loaded values by 2.5x
+- Updated dependencies [925da72]
+  - cojson@0.18.17
+  - cojson-storage-indexeddb@0.18.17
+  - cojson-transport-ws@0.18.17
+
+## 0.18.16
+
+### Patch Changes
+
+- 67b95b7: Introduced new Better Auth database adapter based on Jazz
+  - cojson@0.18.16
+  - cojson-storage-indexeddb@0.18.16
+  - cojson-transport-ws@0.18.16
+
 ## 0.18.15
 
 ### Patch Changes

package/dist/better-auth/database-adapter/index.d.ts

@@ -0,0 +1,50 @@
+import { type AdapterDebugLogs, createAdapter } from "better-auth/adapters";
+export interface JazzAdapterConfig {
+    /**
+     * Helps you debug issues with the adapter.
+     */
+    debugLogs?: AdapterDebugLogs;
+    /**
+     * The sync server to use.
+     */
+    syncServer: string;
+    /**
+     * The worker account ID to use.
+     */
+    accountID: string;
+    /**
+     * The worker account secret to use.
+     */
+    accountSecret: string;
+}
+/**
+ * Creates a Better Auth database adapter that integrates with Jazz framework.
+ *
+ * This adapter provides a seamless integration between Better Auth and Jazz,
+ * allowing you to use Jazz as database for for Better Auth's authentication system.
+ *
+ * @param config - Configuration object for the Jazz Better Auth adapter
+ * @param config.syncServer - The Jazz sync server URL to connect to (e.g., "wss://your-sync-server.com")
+ * @param config.accountID - The worker account ID for the Jazz worker that will handle auth operations
+ * @param config.accountSecret - The worker account secret for authenticating with the Jazz sync server
+ * @param config.debugLogs - Optional debug logging configuration to help troubleshoot adapter issues
+ *
+ * @returns A Better Auth adapter instance configured to work with Jazz
+ *
+ * @example
+ * ```typescript
+ * import { JazzBetterAuthDatabaseAdapter } from "jazz-tools/better-auth/database-adapter";
+ * import { createAuth } from "better-auth";
+ *
+ * const auth = createAuth({
+ *   adapter: JazzBetterAuthDatabaseAdapter({
+ *     syncServer: "wss://your-jazz-sync-server.com",
+ *     accountID: "auth-worker-account-id",
+ *     accountSecret: "your-worker-account-secret",
+ *   }),
+ *   // ... other auth configuration
+ * });
+ * ```
+ */
+export declare const JazzBetterAuthDatabaseAdapter: (config: JazzAdapterConfig) => ReturnType<typeof createAdapter>;
+//# sourceMappingURL=index.d.ts.map

package/dist/better-auth/database-adapter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/better-auth/database-adapter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAY5E,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,6BAA6B,WAChC,iBAAiB,KACxB,UAAU,CAAC,OAAO,aAAa,CAqK9B,CAAC"}