jazz-svelte 0.0.1 → 0.0.3

package/dist/Provider.svelte

@@ -0,0 +1,64 @@
+<script lang="ts" module>
+  export type Props<Acc extends Account = Account> = {
+    children: Snippet;
+    auth: AuthMethod | 'guest';
+    peer: `wss://${string}` | `ws://${string}`;
+    storage?: 'indexedDB' | 'singleTabOPFS';
+    schema: AccountClass<Acc>;
+  };
+</script>
+
+<script lang="ts" generics="Acc extends Account">
+  import { createJazzBrowserContext } from 'jazz-browser';
+  import type { AccountClass, AuthMethod } from 'jazz-tools';
+  import { Account } from 'jazz-tools';
+  import { type Snippet, setContext, untrack } from 'svelte';
+  import { JAZZ_CTX, type JazzContext } from './jazz.svelte.js';
+
+  let { children, auth, peer, storage, schema }: Props<Acc> = $props();
+
+  const ctx = $state<JazzContext<Acc>>({ current: undefined });
+  setContext<JazzContext<Acc>>(JAZZ_CTX, ctx);
+  let sessionCount = $state(0);
+
+  $effect(() => {
+    auth;
+    peer;
+    storage;
+    sessionCount;
+    return untrack(() => {
+      if (!auth || !peer) return;
+
+      const promiseWithDoneCallback = createJazzBrowserContext<Acc>(
+        auth === 'guest'
+          ? {
+              peer,
+              storage
+            }
+          : {
+              AccountSchema: schema,
+              auth,
+              peer,
+              storage
+            }
+      ).then((context) => {
+        ctx.current = {
+          ...context,
+          logOut: () => {
+            context.logOut();
+            ctx.current = undefined;
+            sessionCount = sessionCount + 1;
+          }
+        };
+        return context.done;
+      });
+      return () => {
+        void promiseWithDoneCallback.then((done) => done());
+      };
+    });
+  });
+</script>
+
+{#if ctx.current}
+  {@render children?.()}
+{/if}

package/dist/{JazzProvider.svelte.d.ts → Provider.svelte.d.ts}

@@ -1,14 +1,15 @@
-import type { AccountClass, AuthMethod } from "jazz-tools";
-import { Account } from "jazz-tools";
-import { type Snippet } from "svelte";
+export type Props<Acc extends Account = Account> = {
+    children: Snippet;
+    auth: AuthMethod | 'guest';
+    peer: `wss://${string}` | `ws://${string}`;
+    storage?: 'indexedDB' | 'singleTabOPFS';
+    schema: AccountClass<Acc>;
+};
+import type { AccountClass, AuthMethod } from 'jazz-tools';
+import { Account } from 'jazz-tools';
+import { type Snippet } from 'svelte';
 declare class __sveltets_Render<Acc extends Account> {
-    props(): {
-        children: Snippet;
-        auth: AuthMethod | "guest";
-        peer: `wss://${string}` | `ws://${string}`;
-        storage?: "indexedDB" | "singleTabOPFS";
-        schema?: AccountClass<Acc> | undefined;
-    };
+    props(): Props<Acc>;
     events(): {};
     slots(): {};
     bindings(): "";
@@ -21,6 +22,6 @@ interface $$IsomorphicComponent {
     <Acc extends Account>(internal: unknown, props: ReturnType<__sveltets_Render<Acc>['props']> & {}): ReturnType<__sveltets_Render<Acc>['exports']>;
     z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
 }
-declare const JazzProvider: $$IsomorphicComponent;
-type JazzProvider<Acc extends Account> = InstanceType<typeof JazzProvider<Acc>>;
-export default JazzProvider;
+declare const Provider: $$IsomorphicComponent;
+type Provider<Acc extends Account> = InstanceType<typeof Provider<Acc>>;
+export default Provider;

package/dist/index.d.ts

@@ -1,5 +1,3 @@
-import JazzProvider from "./JazzProvider.svelte";
 export { createJazzApp } from "./jazz.svelte.js";
-export { JazzProvider };
 export { createInviteLink, parseInviteLink } from "jazz-browser";
 export * from "./auth/index.js";

package/dist/index.js

@@ -1,5 +1,3 @@
-import JazzProvider from "./JazzProvider.svelte";
 export { createJazzApp } from "./jazz.svelte.js";
-export { JazzProvider };
 export { createInviteLink, parseInviteLink } from "jazz-browser";
 export * from "./auth/index.js";

package/dist/jazz.svelte.d.ts

@@ -1,6 +1,8 @@
-import { type BrowserContext, type BrowserGuestContext } from "jazz-browser";
-import type { AnonymousJazzAgent, CoValue, CoValueClass, DeeplyLoaded, DepthsIn, ID } from "jazz-tools";
-import { Account } from "jazz-tools";
+import { type BrowserContext, type BrowserGuestContext } from 'jazz-browser';
+import type { AccountClass, AnonymousJazzAgent, CoValue, CoValueClass, DeeplyLoaded, DepthsIn, ID } from 'jazz-tools';
+import { Account } from 'jazz-tools';
+import { type Component } from 'svelte';
+import type { Props } from './Provider.svelte';
 /**
  * The key for the Jazz context.
  */
@@ -20,7 +22,10 @@ export declare function getJazzContext<Acc extends Account>(): JazzContext<Acc>;
  * Create a Jazz app.
  * @returns The Jazz app.
  */
-export declare function createJazzApp<Acc extends Account>(): {
+export declare function createJazzApp<Acc extends Account = Account>({ AccountSchema }?: {
+    AccountSchema?: AccountClass<Acc>;
+}): {
+    Provider: Component<Omit<Props<Acc>, "schema">, {}, string>;
     useAccount: {
         (): {
             me: Acc | undefined;
@@ -42,7 +47,7 @@ export declare function createJazzApp<Acc extends Account>(): {
     useCoState: <V extends CoValue, D extends DepthsIn<V> = []>(Schema: CoValueClass<V>, id: ID<V> | undefined, depth?: D) => {
         current?: DeeplyLoaded<V, D>;
     };
-    useAcceptInvite: <V extends CoValue>({ invitedObjectSchema, onAccept, forValueHint, }: {
+    useAcceptInvite: <V extends CoValue>({ invitedObjectSchema, onAccept, forValueHint }: {
         invitedObjectSchema: CoValueClass<V>;
         onAccept: (projectID: ID<V>) => void;
         forValueHint?: string;

package/dist/jazz.svelte.js

@@ -1,6 +1,7 @@
-import { consumeInviteLinkFromWindowLocation, } from "jazz-browser";
-import { Account, createCoValueObservable } from "jazz-tools";
-import { getContext, untrack } from "svelte";
+import { consumeInviteLinkFromWindowLocation } from 'jazz-browser';
+import { Account, createCoValueObservable } from 'jazz-tools';
+import { getContext, untrack } from 'svelte';
+import Provider from './Provider.svelte';
 /**
  * The key for the Jazz context.
  */
@@ -16,7 +17,14 @@ export function getJazzContext() {
  * Create a Jazz app.
  * @returns The Jazz app.
  */
-export function createJazzApp() {
+export function createJazzApp({ AccountSchema = Account } = {}) {
+    // Create a provider component with the schema baked in
+    const ProviderWithSchema = (internal, props) => {
+        return Provider(internal, {
+            ...props,
+            schema: AccountSchema
+        });
+    };
     /**
      * Use the current account with a optional depth.
      * @param depth - The depth.
@@ -25,21 +33,21 @@ export function createJazzApp() {
     function useAccount(depth) {
         const ctx = getJazzContext();
         if (!ctx?.current) {
-            throw new Error("useAccount must be used within a JazzProvider");
+            throw new Error('useAccount must be used within a JazzProvider');
         }
-        if (!("me" in ctx.current)) {
+        if (!('me' in ctx.current)) {
             throw new Error("useAccount can't be used in a JazzProvider with auth === 'guest' - consider using useAccountOrGuest()");
         }
         const me = useCoState(ctx.current.me.constructor, ctx.current.me.id, depth);
         return {
             get me() {
-                if (!ctx.current || !("me" in ctx.current))
+                if (!ctx.current || !('me' in ctx.current))
                     return;
                 return depth === undefined ? me.current || ctx.current.me : me.current;
             },
             logOut() {
                 return ctx.current?.logOut();
-            },
+            }
         };
     }
     /**
@@ -50,18 +58,18 @@ export function createJazzApp() {
     function useAccountOrGuest(depth) {
         const ctx = getJazzContext();
         if (!ctx?.current) {
-            throw new Error("useAccountOrGuest must be used within a JazzProvider");
+            throw new Error('useAccountOrGuest must be used within a JazzProvider');
         }
-        const contextMe = "me" in ctx.current ? ctx.current.me : undefined;
+        const contextMe = 'me' in ctx.current ? ctx.current.me : undefined;
         const me = useCoState(contextMe?.constructor, contextMe?.id, depth);
         // If the context has a me, return the account.
-        if ("me" in ctx.current) {
+        if ('me' in ctx.current) {
             return {
                 get me() {
                     return depth === undefined
                         ? me.current || ctx.current?.me
                         : me.current;
-                },
+                }
             };
         }
         // If the context has no me, return the guest.
@@ -69,7 +77,7 @@ export function createJazzApp() {
             return {
                 get me() {
                     return ctx.current?.guest;
-                },
+                }
             };
         }
     }
@@ -95,7 +103,7 @@ export function createJazzApp() {
             if (!currentCtx || !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 currentCtx ? currentCtx.me : currentCtx.guest, depth, () => {
                 // Get current value from our stable observable
                 state = observable.getCurrentValue();
             });
@@ -103,7 +111,7 @@ export function createJazzApp() {
         return {
             get current() {
                 return state;
-            },
+            }
         };
     }
     /**
@@ -113,13 +121,13 @@ export function createJazzApp() {
      * @param forValueHint - Hint for the value.
      * @returns The accept invite hook.
      */
-    function useAcceptInvite({ invitedObjectSchema, onAccept, forValueHint, }) {
+    function useAcceptInvite({ invitedObjectSchema, onAccept, forValueHint }) {
         const ctx = getJazzContext();
         const _onAccept = onAccept;
         if (!ctx.current) {
-            throw new Error("useAcceptInvite must be used within a JazzProvider");
+            throw new Error('useAcceptInvite must be used within a JazzProvider');
         }
-        if (!("me" in ctx.current)) {
+        if (!('me' in ctx.current)) {
             throw new Error("useAcceptInvite can't be used in a JazzProvider with auth === 'guest'.");
         }
         // Subscribe to the onAccept function.
@@ -134,21 +142,22 @@ export function createJazzApp() {
                 const result = consumeInviteLinkFromWindowLocation({
                     as: ctx.current.me,
                     invitedObjectSchema,
-                    forValueHint,
+                    forValueHint
                 });
                 // If the result is valid, call the onAccept function.
                 result
                     .then((result) => result && _onAccept(result?.valueID))
                     .catch((e) => {
-                    console.error("Failed to accept invite", e);
+                    console.error('Failed to accept invite', e);
                 });
             });
         });
     }
     return {
+        Provider: ProviderWithSchema,
         useAccount,
         useAccountOrGuest,
         useCoState,
-        useAcceptInvite,
+        useAcceptInvite
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jazz-svelte",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -22,7 +22,7 @@
     "svelte": "^5.0.0"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^3.0.0",
+    "@sveltejs/adapter-vercel": "^5.5.0",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.0.0",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
@@ -41,8 +41,8 @@
     "vite": "^5.0.11"
   },
   "dependencies": {
-    "jazz-browser": "0.8.34",
-    "jazz-tools": "0.8.34"
+    "jazz-browser": "0.8.36",
+    "jazz-tools": "0.8.36"
   },
   "scripts": {
     "dev": "vite dev",
@@ -52,6 +52,8 @@
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "format": "prettier --write .",
-    "lint": "prettier --check . && eslint ."
+    "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"
   }
 }

package/dist/JazzProvider.svelte

@@ -1,69 +0,0 @@
-<script lang="ts" generics="Acc extends Account">
-import { createJazzBrowserContext } from "jazz-browser";
-import type { AccountClass, AuthMethod } from "jazz-tools";
-import { Account } from "jazz-tools";
-import { type Snippet, setContext, untrack } from "svelte";
-import { JAZZ_CTX, type JazzContext } from "./jazz.svelte";
-
-type Props = {
-  children: Snippet;
-  auth: AuthMethod | "guest";
-  peer: `wss://${string}` | `ws://${string}`;
-  storage?: "indexedDB" | "singleTabOPFS";
-  schema?: AccountClass<Acc>;
-};
-
-let {
-  children,
-  auth,
-  peer,
-  storage,
-  schema = Account as unknown as AccountClass<Acc>,
-}: Props = $props();
-
-const ctx = $state<JazzContext<Acc>>({ current: undefined });
-setContext<JazzContext<Acc>>(JAZZ_CTX, ctx);
-let sessionCount = $state(0);
-
-$effect(() => {
-  schema;
-  auth;
-  peer;
-  storage;
-  sessionCount;
-  return untrack(() => {
-    if (!auth || !peer) return;
-
-    const promiseWithDoneCallback = createJazzBrowserContext<Acc>(
-      auth === "guest"
-        ? {
-            peer,
-            storage,
-          }
-        : {
-            AccountSchema: schema,
-            auth,
-            peer,
-            storage,
-          },
-    ).then((context) => {
-      ctx.current = {
-        ...context,
-        logOut: () => {
-          context.logOut();
-          ctx.current = undefined;
-          sessionCount = sessionCount + 1;
-        },
-      };
-      return context.done;
-    });
-    return () => {
-      void promiseWithDoneCallback.then((done) => done());
-    };
-  });
-});
-</script>
-
-{#if ctx.current}
-	{@render children?.()}
-{/if}