jazz-vue 0.8.50 → 0.9.0

package/dist/index.d.ts

@@ -1,4 +1,6 @@
-export * from './createJazzVueApp.js';
+export * from './composables.js';
+export { JazzProvider } from './provider.js';
 export * from './auth/useDemoAuth.js';
 export { default as DemoAuthBasicUI } from './auth/DemoAuthBasicUI.vue';
 export { default as ProgressiveImg } from './ProgressiveImg.vue';
+export { createInviteLink, parseInviteLink } from 'jazz-browser';

package/dist/index.js

@@ -1,224 +1,164 @@
-import { createJazzBrowserContext as D, consumeInviteLinkFromWindowLocation as M, BrowserDemoAuth as _ } from "jazz-browser";
-import { Account as B, subscribeToCoValue as V } from "jazz-tools";
-import { ref as z, defineComponent as R, provide as j, onMounted as P, watch as I, onUnmounted as k, computed as v, toRaw as w, shallowRef as T, unref as S, inject as N, reactive as $, openBlock as g, createElementBlock as f, normalizeStyle as y, Fragment as C, createElementVNode as x, toDisplayString as J, renderList as E, withModifiers as F, withDirectives as G, vModelText as W, createCommentVNode as L, toRef as q, renderSlot as H } from "vue";
-const A = z(), O = Symbol("JazzContext");
-function te({
-  AccountSchema: p = B
-} = {}) {
-  const u = R({
-    name: "JazzProvider",
-    props: {
-      auth: {
-        type: [String, Object],
-        required: !0
-      },
-      peer: {
-        type: String,
-        required: !0
-      },
-      storage: {
-        type: String,
-        default: void 0
-      }
-    },
-    setup(t, { slots: o }) {
-      const r = z(
-        void 0
-      ), a = z(0);
-      j(O, r);
-      const n = async () => {
-        var e, s;
-        r.value && ((s = (e = r.value).done) == null || s.call(e), r.value = void 0);
-        try {
-          const m = await D(
-            t.auth === "guest" ? { peer: t.peer, storage: t.storage } : {
-              AccountSchema: p,
-              auth: t.auth,
-              peer: t.peer,
-              storage: t.storage
-            }
-          );
-          r.value = {
-            ...m,
-            logOut: () => {
-              var b;
-              (b = A.value) == null || b.call(A), a.value += 1;
-            }
-          };
-        } catch (m) {
-          console.error("Error creating Jazz browser context:", m);
-        }
-      };
-      return P(() => {
-        n();
-      }), I(
-        () => a.value,
-        async () => {
-          await n();
-        }
-      ), k(() => {
-        var e, s;
-        r.value && ((s = (e = r.value).done) == null || s.call(e));
-      }), () => {
-        var e;
-        return r.value ? (e = o.default) == null ? void 0 : e.call(o) : null;
-      };
-    }
-  });
-  function l() {
-    const t = N(O);
-    if (!t)
-      throw new Error("useJazzContext must be used within a JazzProvider");
-    return t;
-  }
-  function i(t) {
-    var n, e;
-    const o = l();
-    if (!o.value)
+import { consumeInviteLinkFromWindowLocation as E, BrowserDemoAuth as M } from "jazz-browser";
+import { createInviteLink as de, parseInviteLink as ve } from "jazz-browser";
+import { subscribeToCoValue as _ } from "jazz-tools";
+import { ref as y, shallowRef as B, watch as S, unref as w, toRaw as p, onUnmounted as k, computed as l, onMounted as G, inject as T, reactive as V, defineComponent as D, openBlock as v, createElementBlock as m, normalizeStyle as g, Fragment as A, createElementVNode as b, toDisplayString as I, renderList as L, withModifiers as $, withDirectives as j, vModelText as H, createCommentVNode as J, toRef as N, renderSlot as F } from "vue";
+import { J as W, l as O } from "./provider-BZnz6FpX.js";
+import { a as fe } from "./provider-BZnz6FpX.js";
+const oe = y();
+function x() {
+  const u = T(
+    W
+  );
+  if (!u)
+    throw new Error("useJazzContext must be used within a JazzProvider");
+  return u;
+}
+function q() {
+  function u(r) {
+    const e = x();
+    if (!e.value)
       throw new Error("useAccount must be used within a JazzProvider");
-    if (!("me" in o.value))
+    if (!("me" in e.value))
       throw new Error(
         "useAccount can't be used in a JazzProvider with auth === 'guest' - consider using useAccountOrGuest()"
       );
-    const r = v(
-      () => "me" in o.value ? o.value.me : void 0
-    ), a = d(
-      (n = r.value) == null ? void 0 : n.constructor,
-      (e = r.value) == null ? void 0 : e.id,
-      t
+    const o = e.value.me, n = P(
+      o.constructor,
+      o.id,
+      r
     );
     return {
-      me: v(() => {
-        const s = t === void 0 ? a.value || w(o.value.me) : a.value;
-        return s && w(s);
+      me: l(() => {
+        const s = r === void 0 ? n.value || p(e.value.me) : n.value;
+        return s && p(s);
       }),
-      logOut: o.value.logOut
+      logOut: e.value.logOut
     };
   }
-  function c(t) {
-    var n, e;
-    const o = l();
-    if (!o.value)
+  function t(r) {
+    var s, a;
+    const e = x();
+    if (!e.value)
       throw new Error("useAccountOrGuest must be used within a JazzProvider");
-    const r = v(
-      () => "me" in o.value ? o.value.me : void 0
-    ), a = d(
-      (n = r.value) == null ? void 0 : n.constructor,
-      (e = r.value) == null ? void 0 : e.id,
-      t
+    const o = l(
+      () => "me" in e.value ? e.value.me : void 0
+    ), n = P(
+      (s = o.value) == null ? void 0 : s.constructor,
+      (a = o.value) == null ? void 0 : a.id,
+      r
     );
-    return "me" in o.value ? {
-      me: v(
-        () => t === void 0 ? a.value || w(o.value.me) : a.value
+    return "me" in e.value ? {
+      me: l(
+        () => r === void 0 ? n.value || p(e.value.me) : n.value
       )
     } : {
-      me: v(() => w(o.value.guest))
-    };
-  }
-  function d(t, o, r = []) {
-    const a = T(void 0), n = l();
-    if (!n.value)
-      throw new Error("useCoState must be used within a JazzProvider");
-    let e;
-    return I(
-      [() => S(o), () => n, () => t, () => r],
-      () => {
-        e && e();
-        const m = S(o);
-        m && (e = V(
-          t,
-          m,
-          "me" in n.value ? w(n.value.me) : w(n.value.guest),
-          r,
-          (b) => {
-            a.value = b;
-          }
-        ));
-      },
-      { deep: !0, immediate: !0 }
-    ), k(() => {
-      e && e();
-    }), v(() => a.value);
-  }
-  function h({
-    invitedObjectSchema: t,
-    onAccept: o,
-    forValueHint: r
-  }) {
-    const a = l();
-    if (!a.value)
-      throw new Error("useAcceptInvite must be used within a JazzProvider");
-    if (!("me" in a.value))
-      throw new Error(
-        "useAcceptInvite can't be used in a JazzProvider with auth === 'guest'."
-      );
-    const n = () => {
-      M({
-        as: w(a.value.me),
-        invitedObjectSchema: t,
-        forValueHint: r
-      }).then((s) => s && o(s.valueID)).catch((s) => {
-        console.error("Failed to accept invite", s);
-      });
+      me: l(() => p(e.value.guest))
     };
-    P(() => {
-      n();
-    }), I(
-      () => o,
-      (e, s) => {
-        e !== s && n();
-      }
-    );
   }
   return {
-    JazzProvider: u,
-    useAccount: i,
-    useAccountOrGuest: c,
-    useCoState: d,
-    useAcceptInvite: h
+    useAccount: u,
+    useAccountOrGuest: t
   };
 }
-function oe({
-  seedAccounts: p
+const { useAccount: ne, useAccountOrGuest: re } = q();
+function P(u, t, r = []) {
+  const e = B(void 0), o = x();
+  if (!o.value)
+    throw new Error("useCoState must be used within a JazzProvider");
+  let n;
+  return S(
+    [() => w(t), () => o, () => u, () => r],
+    () => {
+      n && n();
+      const a = w(t);
+      a && (n = _(
+        u,
+        a,
+        "me" in o.value ? p(o.value.me) : p(o.value.guest),
+        r,
+        (h) => {
+          e.value = h;
+        },
+        void 0,
+        !0
+      ));
+    },
+    { deep: !0, immediate: !0 }
+  ), k(() => {
+    n && n();
+  }), l(() => e.value);
+}
+function se({
+  invitedObjectSchema: u,
+  onAccept: t,
+  forValueHint: r
+}) {
+  const e = x();
+  if (!e.value)
+    throw new Error("useAcceptInvite must be used within a JazzProvider");
+  if (!("me" in e.value))
+    throw new Error(
+      "useAcceptInvite can't be used in a JazzProvider with auth === 'guest'."
+    );
+  const o = () => {
+    E({
+      as: p(e.value.me),
+      invitedObjectSchema: u,
+      forValueHint: r
+    }).then((s) => s && t(s.valueID)).catch((s) => {
+      console.error("Failed to accept invite", s);
+    });
+  };
+  G(() => {
+    o();
+  }), S(
+    () => t,
+    (n, s) => {
+      n !== s && o();
+    }
+  );
+}
+function ue({
+  seedAccounts: u
 } = {}) {
-  const u = $({
+  const t = V({
     state: "loading",
     errors: []
-  }), l = z(
-    new _(
+  }), r = y(
+    new M(
       {
-        onReady: ({ signUp: i, existingUsers: c, logInAs: d }) => {
-          u.state = "ready", u.signUp = i, u.existingUsers = c, u.logInAs = d, u.errors = [];
+        onReady: ({ signUp: e, existingUsers: o, logInAs: n }) => {
+          t.state = "ready", t.signUp = e, t.existingUsers = o, t.logInAs = n, t.errors = [];
         },
-        onSignedIn: ({ logOut: i }) => {
-          u.state = "signedIn", u.logOut = () => {
-            i(), u.state = "ready", u.errors = [];
-          }, u.errors = [], A.value = u.logOut;
+        onSignedIn: ({ logOut: e }) => {
+          t.state = "signedIn", t.logOut = () => {
+            e(), t.state = "ready", t.errors = [];
+          }, t.errors = [], O.value = t.logOut;
         },
-        onError: (i) => {
-          u.errors.push(i.toString());
+        onError: (e) => {
+          t.errors.push(e.toString());
         }
       },
-      p
+      u
     )
   );
   return k(() => {
-    u.state === "signedIn" && (A.value = void 0);
-  }), { authMethod: l, state: u };
+    t.state === "signedIn" && (O.value = void 0);
+  }), { authMethod: r, state: t };
 }
 const K = { key: 0 }, Q = {
   key: 0,
   style: { display: "flex", "flex-direction": "column", gap: "0.5rem" }
-}, X = ["onClick", "aria-label"], re = /* @__PURE__ */ R({
+}, X = ["onClick", "aria-label"], ie = /* @__PURE__ */ D({
   __name: "DemoAuthBasicUI",
   props: {
     appName: {},
     state: {}
   },
-  setup(p) {
-    const u = p, l = z(""), i = v(
+  setup(u) {
+    const t = u, r = y(""), e = l(
       () => window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches
-    ), c = v(() => ({
+    ), o = l(() => ({
       minHeight: "100vh",
       display: "flex",
       flexDirection: "column",
@@ -229,141 +169,148 @@ const K = { key: 0 }, Q = {
       maxWidth: "100vw",
       gap: "2rem",
       margin: "0",
-      ...i.value ? { background: "#000" } : {}
-    })), d = v(() => ({
-      border: i.value ? "2px solid #444" : "2px solid #ddd",
+      ...e.value ? { background: "#000" } : {}
+    })), n = l(() => ({
+      border: e.value ? "2px solid #444" : "2px solid #ddd",
       padding: "11px 8px",
       borderRadius: "6px",
-      background: i.value ? "#000" : "#fff",
-      color: i.value ? "#fff" : "#000"
-    })), h = v(() => ({
+      background: e.value ? "#000" : "#fff",
+      color: e.value ? "#fff" : "#000"
+    })), s = l(() => ({
       padding: "13px 5px",
       border: "none",
       borderRadius: "6px",
       cursor: "pointer",
-      background: i.value ? "#444" : "#ddd",
-      color: i.value ? "#fff" : "#000"
-    })), t = v(() => ({
-      background: i.value ? "#0d0d0d" : "#eee",
-      color: i.value ? "#fff" : "#000",
+      background: e.value ? "#444" : "#ddd",
+      color: e.value ? "#fff" : "#000"
+    })), a = l(() => ({
+      background: e.value ? "#0d0d0d" : "#eee",
+      color: e.value ? "#fff" : "#000",
       padding: "0.5rem",
       border: "none",
       borderRadius: "6px"
-    })), o = () => {
-      u.state.signUp(l.value), l.value = "";
-    }, r = (a) => {
-      u.state.logInAs(a);
+    })), h = () => {
+      t.state.signUp(r.value), r.value = "";
+    }, f = (c) => {
+      t.state.logInAs(c);
     };
-    return (a, n) => (g(), f("div", {
-      style: y(c.value)
+    return (c, d) => (v(), m("div", {
+      style: g(o.value)
     }, [
-      a.state.state === "loading" ? (g(), f("div", K, "Loading...")) : a.state.state === "ready" ? (g(), f(C, { key: 1 }, [
-        x("h1", {
-          style: y({ color: i.value ? "#fff" : "#000", textAlign: "center" })
-        }, J(a.appName), 5),
-        (g(!0), f(C, null, E(a.state.errors, (e) => (g(), f("div", {
-          key: e,
+      c.state.state === "loading" ? (v(), m("div", K, "Loading...")) : c.state.state === "ready" ? (v(), m(A, { key: 1 }, [
+        b("h1", {
+          style: g({ color: e.value ? "#fff" : "#000", textAlign: "center" })
+        }, I(c.appName), 5),
+        (v(!0), m(A, null, L(c.state.errors, (i) => (v(), m("div", {
+          key: i,
           style: { color: "red" }
-        }, J(e), 1))), 128)),
-        x("form", {
-          onSubmit: F(o, ["prevent"]),
+        }, I(i), 1))), 128)),
+        b("form", {
+          onSubmit: $(h, ["prevent"]),
           style: { display: "flex", "flex-direction": "column", gap: "0.5rem" }
         }, [
-          G(x("input", {
-            "onUpdate:modelValue": n[0] || (n[0] = (e) => l.value = e),
+          j(b("input", {
+            "onUpdate:modelValue": d[0] || (d[0] = (i) => r.value = i),
             placeholder: "Display name",
             autoComplete: "webauthn",
-            style: y(d.value)
+            style: g(n.value)
           }, null, 4), [
-            [W, l.value]
+            [H, r.value]
           ]),
-          x("input", {
+          b("input", {
             type: "submit",
             value: "Sign up",
-            style: y(h.value)
+            style: g(s.value)
           }, null, 4)
         ], 32),
-        a.state.existingUsers.length > 0 ? (g(), f("div", Q, [
-          x("p", {
-            style: y({
-              color: i.value ? "#e2e2e2" : "#000",
+        c.state.existingUsers.length > 0 ? (v(), m("div", Q, [
+          b("p", {
+            style: g({
+              color: e.value ? "#e2e2e2" : "#000",
               textAlign: "center",
               paddingTop: "0.5rem",
               borderTop: "1px solid",
-              borderColor: i.value ? "#111" : "#e2e2e2"
+              borderColor: e.value ? "#111" : "#e2e2e2"
             })
           }, " Log in as ", 4),
-          (g(!0), f(C, null, E(a.state.existingUsers, (e) => (g(), f("button", {
-            key: e,
-            onClick: (s) => r(e),
+          (v(!0), m(A, null, L(c.state.existingUsers, (i) => (v(), m("button", {
+            key: i,
+            onClick: (z) => f(i),
             type: "button",
-            "aria-label": `Log in as ${e}`,
-            style: y(t.value)
-          }, J(e), 13, X))), 128))
-        ])) : L("", !0)
-      ], 64)) : L("", !0)
+            "aria-label": `Log in as ${i}`,
+            style: g(a.value)
+          }, I(i), 13, X))), 128))
+        ])) : J("", !0)
+      ], 64)) : J("", !0)
     ], 4));
   }
-}), ne = /* @__PURE__ */ R({
+}), ae = /* @__PURE__ */ D({
   __name: "ProgressiveImg",
   props: {
     image: {},
     maxWidth: {}
   },
-  setup(p) {
-    function u(c, d) {
-      const h = z({});
-      let t;
-      const o = I(
+  setup(u) {
+    function t(o, n) {
+      const s = y({});
+      let a;
+      const h = S(
         () => {
-          var r;
-          return [(r = c.value) == null ? void 0 : r.id, d];
+          var f;
+          return [(f = o.value) == null ? void 0 : f.id, n];
         },
         () => {
-          let r;
-          return c.value ? c.value.subscribe({}, (n) => {
-            var s, m;
-            const e = n == null ? void 0 : n.highestResAvailable({ maxWidth: d });
-            if (e) {
-              if (e.res !== r) {
-                r = e.res;
-                const b = e.stream.toBlob();
-                if (b) {
-                  const U = URL.createObjectURL(b);
-                  h.value = {
-                    src: U,
-                    res: e.res,
-                    originalSize: (s = c.value) == null ? void 0 : s.originalSize
-                  }, t && t(), t = () => {
-                    setTimeout(() => URL.revokeObjectURL(U), 200);
+          let f;
+          return o.value ? o.value.subscribe({}, (d) => {
+            var z, U;
+            const i = d == null ? void 0 : d.highestResAvailable({ maxWidth: n });
+            if (i) {
+              if (i.res !== f) {
+                f = i.res;
+                const R = i.stream.toBlob();
+                if (R) {
+                  const C = URL.createObjectURL(R);
+                  s.value = {
+                    src: C,
+                    res: i.res,
+                    originalSize: (z = o.value) == null ? void 0 : z.originalSize
+                  }, a && a(), a = () => {
+                    setTimeout(() => URL.revokeObjectURL(C), 200);
                   };
                 }
               }
             } else
-              h.value = {
-                src: n == null ? void 0 : n.placeholderDataURL,
+              s.value = {
+                src: d == null ? void 0 : d.placeholderDataURL,
                 res: "placeholder",
-                originalSize: (m = c.value) == null ? void 0 : m.originalSize
+                originalSize: (U = o.value) == null ? void 0 : U.originalSize
               };
           }) : void 0;
         }
       );
       return k(() => {
-        o(), t && t();
-      }), h;
+        h(), a && a();
+      }), s;
     }
-    const l = p, i = u(q(l, "image"), l.maxWidth);
-    return (c, d) => H(c.$slots, "default", {
-      src: S(i).src,
-      res: S(i).res,
-      originalSize: S(i).originalSize
+    const r = u, e = t(N(r, "image"), r.maxWidth);
+    return (o, n) => F(o.$slots, "default", {
+      src: w(e).src,
+      res: w(e).res,
+      originalSize: w(e).originalSize
     });
   }
 });
 export {
-  re as DemoAuthBasicUI,
-  ne as ProgressiveImg,
-  te as createJazzVueApp,
-  A as logoutHandler,
-  oe as useDemoAuth
+  ie as DemoAuthBasicUI,
+  fe as JazzProvider,
+  ae as ProgressiveImg,
+  de as createInviteLink,
+  q as createUseAccountComposables,
+  oe as logoutHandler,
+  ve as parseInviteLink,
+  se as useAcceptInvite,
+  ne as useAccount,
+  re as useAccountOrGuest,
+  P as useCoState,
+  ue as useDemoAuth
 };

package/dist/provider-BZnz6FpX.js

@@ -0,0 +1,69 @@
+import { createJazzBrowserContext as l } from "jazz-browser";
+import { ref as c, defineComponent as z, provide as m, onMounted as g, watch as s, onUnmounted as y } from "vue";
+const u = c(), f = Symbol("JazzContext"), S = z({
+  name: "JazzProvider",
+  props: {
+    auth: {
+      type: [String, Object],
+      required: !0
+    },
+    AccountSchema: {
+      type: Object,
+      required: !1
+    },
+    peer: {
+      type: String,
+      required: !0
+    },
+    storage: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(a, { slots: o }) {
+    const e = c(void 0), i = c(0);
+    m(f, e);
+    const v = async () => {
+      var t, r;
+      e.value && ((r = (t = e.value).done) == null || r.call(t), e.value = void 0);
+      try {
+        const n = await l(
+          a.auth === "guest" ? { peer: a.peer, storage: a.storage } : {
+            AccountSchema: a.AccountSchema,
+            auth: a.auth,
+            peer: a.peer,
+            storage: a.storage
+          }
+        );
+        e.value = {
+          ...n,
+          logOut: () => {
+            var d;
+            (d = u.value) == null || d.call(u), i.value += 1;
+          }
+        };
+      } catch (n) {
+        console.error("Error creating Jazz browser context:", n);
+      }
+    };
+    return g(() => {
+      v();
+    }), s(
+      () => i.value,
+      async () => {
+        await v();
+      }
+    ), y(() => {
+      var t, r;
+      e.value && ((r = (t = e.value).done) == null || r.call(t));
+    }), () => {
+      var t;
+      return e.value ? (t = o.default) == null ? void 0 : t.call(o) : null;
+    };
+  }
+});
+export {
+  f as J,
+  S as a,
+  u as l
+};