jazz-svelte 0.8.38 → 0.8.39

package/dist/Provider.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
   export type Props<Acc extends Account = Account> = {
-    children: Snippet;
+    children?: Snippet;
     auth: AuthMethod | 'guest';
     peer: `wss://${string}` | `ws://${string}`;
     storage?: 'indexedDB' | 'singleTabOPFS';

package/dist/Provider.svelte.d.ts

@@ -1,5 +1,5 @@
 export type Props<Acc extends Account = Account> = {
-    children: Snippet;
+    children?: Snippet;
     auth: AuthMethod | 'guest';
     peer: `wss://${string}` | `ws://${string}`;
     storage?: 'indexedDB' | 'singleTabOPFS';

package/dist/jazz.svelte.js

@@ -38,12 +38,22 @@ export function createJazzApp({ AccountSchema = Account } = {}) {
         if (!('me' in ctx.current)) {
             throw new Error("useAccount can't be used in a JazzProvider with auth === 'guest' - consider using useAccountOrGuest()");
         }
+        // If no depth is specified, return the context's me directly
+        if (depth === undefined) {
+            return {
+                get me() {
+                    return ctx.current.me;
+                },
+                logOut() {
+                    return ctx.current?.logOut();
+                }
+            };
+        }
+        // If depth is specified, use useCoState to get the deeply loaded version
         const me = useCoState(ctx.current.me.constructor, ctx.current.me.id, depth);
         return {
             get me() {
-                if (!ctx.current || !('me' in ctx.current))
-                    return;
-                return depth === undefined ? me.current || ctx.current.me : me.current;
+                return me.current;
             },
             logOut() {
                 return ctx.current?.logOut();
@@ -94,16 +104,15 @@ export function createJazzApp({ AccountSchema = Account } = {}) {
         let state = $state.raw(undefined);
         const observable = $state.raw(createCoValueObservable());
         // Effect to handle subscription
+        // TODO: Possibly memoise this, to avoid re-subscribing
         $effect(() => {
             // Reset state when dependencies change
             state = undefined;
-            // Get latest values
-            const currentCtx = ctx.current;
             // Return early if no context or id, effectively cleaning up any previous subscription
-            if (!currentCtx || !id)
+            if (!ctx?.current || !id)
                 return;
             // Setup subscription with current values
-            return observable.subscribe(Schema, id, 'me' in currentCtx ? currentCtx.me : currentCtx.guest, depth, () => {
+            return observable.subscribe(Schema, id, 'me' in ctx.current ? ctx.current.me : ctx.current.guest, depth, () => {
                 // Get current value from our stable observable
                 state = observable.getCurrentValue();
             });

package/dist/tests/ProviderTestComponent.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { createJazzApp } from '../jazz.svelte';
+
+  const { Provider } = createJazzApp();
+  const {auth} = $props();
+</script>
+
+<div data-testid="provider-test">
+  <Provider {auth} peer="wss://cloud.jazz.tools/?key=jazz-svelte-test">
+  {#if auth}
+    <span data-testid="provider-auth-test">{JSON.stringify(auth)}</span>
+  {/if}
+</Provider>
+</div>

package/dist/tests/ProviderTestComponent.svelte.d.ts

@@ -0,0 +1,5 @@
+declare const ProviderTestComponent: import("svelte").Component<{
+    auth: any;
+}, {}, "">;
+type ProviderTestComponent = ReturnType<typeof ProviderTestComponent>;
+export default ProviderTestComponent;

package/dist/tests/TestComponent.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { createJazzApp } from '../jazz.svelte';
+  import type { Account, CoValueClass, DepthsIn, ID } from 'jazz-tools';
+
+  const { schema, id = undefined, depth = {} } = $props<{
+    schema: CoValueClass<any>;
+    id?: ID<Account>;
+    depth?: DepthsIn<Account>;
+  }>();
+  
+  const app = createJazzApp();
+  const result = $derived(app.useCoState(schema, id, depth));
+</script>
+
+<div data-testid="test-component">
+  <div data-testid="current-value">{JSON.stringify(result.current)}</div>
+</div>

package/dist/tests/TestComponent.svelte.d.ts

@@ -0,0 +1,9 @@
+type $$ComponentProps = {
+    schema: CoValueClass<any>;
+    id?: ID<Account>;
+    depth?: DepthsIn<Account>;
+};
+import type { Account, CoValueClass, DepthsIn, ID } from 'jazz-tools';
+declare const TestComponent: import("svelte").Component<$$ComponentProps, {}, "">;
+type TestComponent = ReturnType<typeof TestComponent>;
+export default TestComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jazz-svelte",
-  "version": "0.8.38",
+  "version": "0.8.39",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -25,12 +25,16 @@
     "@sveltejs/adapter-vercel": "^5.5.0",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.0.0",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^4.0.1",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/svelte": "^5.2.6",
     "@types/eslint": "^9.6.0",
+    "@vitest/coverage-v8": "1.5.3",
     "eslint": "^9.7.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.36.0",
     "globals": "^15.0.0",
+    "jsdom": "^25.0.1",
     "prettier": "^3.3.2",
     "prettier-plugin-svelte": "^3.2.6",
     "publint": "^0.2.0",
@@ -38,11 +42,12 @@
     "svelte-check": "^4.0.0",
     "typescript": "^5.0.0",
     "typescript-eslint": "^8.0.0",
-    "vite": "^5.0.11"
+    "vite": "^5.0.11",
+    "vitest": "1.5.3"
   },
   "dependencies": {
-    "jazz-browser": "0.8.38",
-    "jazz-tools": "0.8.38"
+    "jazz-browser": "0.8.39",
+    "jazz-tools": "0.8.39"
   },
   "scripts": {
     "dev": "vite dev",
@@ -54,6 +59,9 @@
     "format": "prettier --write .",
     "lint": "prettier --check . && eslint .",
     "format-and-lint": "pnpm run format && pnpm run lint",
-    "format-and-lint:fix": "pnpm run format --write && pnpm run lint --fix"
+    "format-and-lint:fix": "pnpm run format --write && pnpm run lint --fix",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest --coverage"
   }
 }