@graffiti-garden/wrapper-vue 0.6.3 → 0.6.5

package/dist/node/plugin.mjs

@@ -1,40 +1,45 @@
-var L = Object.defineProperty;
-var k = (e, t, r) => t in e ? L(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var u = (e, t, r) => k(e, typeof t != "symbol" ? t + "" : t, r);
-import { inject as _, ref as v, computed as A, watch as C, onScopeDispose as J, toValue as m, defineComponent as P, toRef as h, renderSlot as R, unref as f } from "vue";
-import { GraffitiSynchronize as K } from "@graffiti-garden/wrapper-synchronize";
-const E = Symbol(), F = Symbol();
-function G() {
-  const e = _(E);
+var B = Object.defineProperty;
+var L = (e, t, s) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var p = (e, t, s) => L(e, typeof t != "symbol" ? t + "" : t, s);
+import { inject as E, ref as y, computed as k, watch as A, onScopeDispose as C, toValue as d, defineComponent as j, toRef as h, renderSlot as R, unref as u } from "vue";
+import { GraffitiSynchronize as J } from "@graffiti-garden/wrapper-synchronize";
+const F = Symbol(), I = Symbol();
+function b() {
+  const e = E(F);
   if (!e)
     throw new Error(
       "No Graffiti instance provided, did you forget to install the plugin?"
     );
   return e;
 }
-function X() {
-  return G();
+function Z() {
+  return b();
 }
-function j() {
-  const e = _(F);
+function T() {
+  const e = E(I);
   if (!e)
     throw new Error(
       "No Graffiti session provided, did you forget to install the plugin?"
     );
   return e;
 }
-class U {
+var K = class _ extends Error {
   constructor(t) {
-    u(this, "poll", async (t) => {
-      let r;
-      const s = this.getter;
+    super(t), this.name = "GraffitiErrorNotFound", Object.setPrototypeOf(this, _.prototype);
+  }
+};
+class V {
+  constructor(t) {
+    p(this, "poll", async (t) => {
+      let s;
+      const r = this.getter;
       try {
-        r = await s();
+        s = await r();
       } catch {
-        this.getter === s && t(null);
+        this.getter === r && t(null);
         return;
       }
-      this.getter === s && t({ object: r });
+      this.getter === r && t({ object: s });
     });
     this.getter = t;
   }
@@ -43,21 +48,33 @@ class U {
 }
 class O {
   constructor(t) {
-    u(this, "iterator");
-    u(this, "continue");
-    u(this, "poll", async (t) => {
-      for (this.iterator || (this.continue ? this.iterator = this.continue() : this.iterator = this.streamFactory()); this.iterator; ) {
-        const r = this.iterator, s = await r.next();
-        if (r === this.iterator) {
-          if (s.done) {
-            s.value && (this.iterator = void 0, this.continue = s.value.continue);
+    p(this, "iterator");
+    p(this, "continue");
+    p(this, "poll", async (t) => {
+      if (!this.iterator)
+        if (this.continue)
+          try {
+            this.iterator = this.continue();
+          } catch (s) {
+            if (s instanceof K)
+              t("clear"), this.iterator = this.streamFactory();
+            else
+              throw s;
+          }
+        else
+          this.iterator = this.streamFactory();
+      for (; this.iterator; ) {
+        const s = this.iterator, r = await s.next();
+        if (s === this.iterator) {
+          if (r.done) {
+            r.value && (this.iterator = void 0, this.continue = r.value.continue);
             break;
           }
-          if (s.value.error) {
-            console.error(s.value.error);
+          if (r.value.error) {
+            console.error(r.value.error);
             continue;
           }
-          t(s.value);
+          t(r.value);
         }
       }
     });
@@ -74,15 +91,15 @@ class O {
     this.iterator = void 0, this.continue = void 0;
   }
 }
-function T(e, t) {
+function U(e, t) {
   return !t || e.object.lastModified > t.object.lastModified || e.object.lastModified === t.object.lastModified && !e.tombstone && !!t.tombstone;
 }
-class V {
+class x {
   constructor() {
-    u(this, "entry", v());
+    p(this, "entry", y());
   }
   get result() {
-    return A(() => {
+    return k(() => {
       const t = this.entry.value;
       return t && (t.tombstone ? null : t.object);
     });
@@ -91,240 +108,333 @@ class V {
     this.entry.value = void 0;
   }
   onEntry(t) {
-    (!t || T(t, this.entry.value)) && (this.entry.value = t);
+    if (t === "clear") {
+      this.clear();
+      return;
+    }
+    (!t || U(t, this.entry.value)) && (this.entry.value = t);
   }
 }
 class $ {
   constructor(t) {
-    u(this, "results", v([]));
-    u(this, "resultsRaw", /* @__PURE__ */ new Map());
-    u(this, "batchFlattenTimer");
+    p(this, "results", y([]));
+    p(this, "resultsRaw", /* @__PURE__ */ new Map());
+    p(this, "batchFlattenTimer");
     this.graffiti = t;
   }
   clear() {
     this.resultsRaw.clear(), this.results.value = [], clearTimeout(this.batchFlattenTimer), this.batchFlattenTimer = void 0;
   }
   flattenResults() {
-    this.results.value = Array.from(this.resultsRaw.values()).reduce((t, r) => (r.tombstone || t.push(r.object), t), []);
+    this.results.value = Array.from(this.resultsRaw.values()).reduce((t, s) => (s.tombstone || t.push(s.object), t), []);
   }
   onEntry(t) {
     if (!t) return;
-    const r = this.resultsRaw.get(t.object.url);
-    T(t, r) && (this.resultsRaw.set(t.object.url, t), this.batchFlattenTimer || (this.batchFlattenTimer = setTimeout(() => {
+    if (t === "clear") {
+      this.clear();
+      return;
+    }
+    const s = this.resultsRaw.get(t.object.url);
+    U(t, s) && (this.resultsRaw.set(t.object.url, t), this.batchFlattenTimer || (this.batchFlattenTimer = setTimeout(() => {
       this.flattenResults(), this.batchFlattenTimer = void 0;
     }, 0)));
   }
 }
-function S(e, t, r, s) {
-  let o;
-  async function i() {
-    o = r();
-    for await (const l of o) {
-      if (l.error) {
-        console.error(l.error);
+function S(e, t, s, r, n) {
+  let i;
+  async function o() {
+    i = s();
+    for await (const f of i) {
+      if (f.error) {
+        console.error(f.error);
         continue;
       }
-      e.onEntry(l);
+      e.onEntry(f);
     }
   }
-  const n = () => t.poll(e.onEntry.bind(e)), c = v(!1);
-  return C(
-    s,
-    async (l, a) => {
-      if (JSON.stringify(l) !== JSON.stringify(a)) {
-        o == null || o.return(null), e.clear(), t.clear(), i(), c.value = !0;
+  let a = !1;
+  const c = async () => {
+    if (!a) {
+      a = !0;
+      try {
+        await t.poll(e.onEntry.bind(e));
+      } finally {
+        a = !1, d(n) && c();
+      }
+    }
+  }, l = y(!1);
+  return A(
+    r,
+    async (f, g) => {
+      if (JSON.stringify(f) !== JSON.stringify(g)) {
+        i == null || i.return(null), e.clear(), t.clear(), o(), l.value = !0;
         try {
-          await n();
+          await c();
         } finally {
-          c.value = !1;
+          l.value = !1;
         }
       }
     },
     {
       immediate: !0
     }
-  ), J(() => o == null ? void 0 : o.return(null)), { poll: n, isPolling: c };
+  ), C(() => i == null ? void 0 : i.return(null)), { poll: c, isInitialPolling: l };
 }
 function z(e, t) {
   return () => {
-    const r = m(t);
-    return r === void 0 ? e == null ? void 0 : e.value : r;
+    const s = d(t);
+    return s === void 0 ? e == null ? void 0 : e.value : s;
   };
 }
-function d(e) {
+function v(e) {
   return e.map((t) => t());
 }
-function B(e, t, r) {
-  const s = G(), o = j(), i = () => m(e), n = () => m(t), c = z(o, r), l = [i, n, c], a = () => s.synchronizeDiscover(...d(l)), g = () => s.discover(...d(l)), p = new $(s), y = new O(g), { poll: b, isPolling: w } = S(
-    p,
-    y,
-    a,
-    l
+function W(e, t, s, r = !1) {
+  const n = b(), i = T(), o = () => d(e), a = () => d(t), c = z(i, s), l = [o, a, c], f = () => n.synchronizeDiscover(...v(l)), g = () => n.discover(...v(l)), m = new $(n), G = new O(g), { poll: P, isInitialPolling: w } = S(
+    m,
+    G,
+    f,
+    l,
+    r
   );
   return {
     /**
-     * A [Ref](https://vuejs.org/api/reactivity-core.html#ref) that contains
-     * an array of Graffiti objects. All tombstoned objects have been filtered out.
+     * A [ref](https://vuejs.org/api/reactivity-core.html#ref) that contains
+     * an array of Graffiti objects.
      */
-    results: p.results,
+    objects: m.results,
+    /**
+     * @deprecated Use {@link objects} instead.
+     */
+    get results() {
+      return console.warn(
+        "The `results` property is deprecated. Use `objects` instead."
+      ), this.objects;
+    },
     /**
      * A method to poll for new results.
      */
-    poll: b,
+    poll: P,
     /**
-     * A boolean [Ref](https://vuejs.org/api/reactivity-core.html#ref)
-     * that indicates if the poll is currently running.
+     * A boolean [ref](https://vuejs.org/api/reactivity-core.html#ref)
+     * that indicates if the *first* poll is currently running.
      * Useful to show a loading spinner or disable a button.
+     *
+     * This also tracks new polls when the arguments have changed,
+     * but it does not track ongoing polls from either calling
+     * {@link poll} or using the `autopoll` argument.
+     */
+    isInitialPolling: w,
+    /**
+     * @deprecated Use {@link isInitialPolling} instead.
      */
-    isPolling: w
+    get isPolling() {
+      return console.warn(
+        "The `isPolling` property is deprecated. Use `isInitialPolling` instead."
+      ), this.isInitialPolling;
+    }
   };
 }
-function W(e, t, r) {
-  const s = G(), o = j(), i = () => m(e), n = () => m(t), c = z(o, r), l = [
-    i,
-    n,
+function q(e, t, s, r = !1) {
+  const n = b(), i = T(), o = () => d(e), a = () => d(t), c = z(i, s), l = [
+    o,
+    a,
     c
-  ], a = () => s.synchronizeGet(...d(l)), g = new V(), p = () => s.get(...d(l)), y = new U(p), { poll: b, isPolling: w } = S(
+  ], f = () => n.synchronizeGet(...v(l)), g = new x(), m = () => n.get(...v(l)), G = new V(m), { poll: P, isInitialPolling: w } = S(
     g,
-    y,
-    a,
-    l
+    G,
+    f,
+    l,
+    r
   );
   return {
     /**
-     * A [Ref](https://vuejs.org/api/reactivity-core.html#ref) that contains
+     * A [ref](https://vuejs.org/api/reactivity-core.html#ref) that contains
      * the retrieved Graffiti object, if it exists. If the object has been deleted,
      * the result is `null`. If the object is still being fetched, the result is `undefined`.
      */
-    result: g.result,
+    object: g.result,
+    /**
+     * @deprecated Use {@link object} instead.
+     */
+    get result() {
+      return console.warn(
+        "The `result` property is deprecated. Use `object` instead."
+      ), this.object;
+    },
     /**
      * A method to poll for new results.
      */
-    poll: b,
+    poll: P,
     /**
-     * A boolean [Ref](https://vuejs.org/api/reactivity-core.html#ref)
-     * that indicates if the poll is currently running.
+     * A boolean [ref](https://vuejs.org/api/reactivity-core.html#ref)
+     * that indicates if the *first* poll is currently running.
      * Useful to show a loading spinner or disable a button.
+     *
+     * This also tracks new polls when the arguments have changed,
+     * but it does not track ongoing polls from either calling
+     * {@link poll} or using the `autopoll` argument.
+     */
+    isInitialPolling: w,
+    /**
+     * @deprecated Use {@link isInitialPolling} instead.
      */
-    isPolling: w
+    get isPolling() {
+      return console.warn(
+        "The `isPolling` property is deprecated. Use `isInitialPolling` instead."
+      ), this.isInitialPolling;
+    }
   };
 }
-function q(e, t) {
-  const r = G(), i = [() => m(e), () => m(t)], n = () => r.synchronizeRecoverOrphans(...d(i)), c = new $(r), l = () => r.recoverOrphans(...d(i)), a = new O(l), { poll: g, isPolling: p } = S(
+function H(e, t, s = !1) {
+  const r = b(), o = [() => d(e), () => d(t)], a = () => r.synchronizeRecoverOrphans(...v(o)), c = new $(r), l = () => r.recoverOrphans(...v(o)), f = new O(l), { poll: g, isInitialPolling: m } = S(
     c,
+    f,
     a,
-    n,
-    i
+    o,
+    s
   );
   return {
     /**
-     * A [Ref](https://vuejs.org/api/reactivity-core.html#ref) that contains
-     * an array of Graffiti objects. All tombstoned objects have been filtered out.
+     * A [ref](https://vuejs.org/api/reactivity-core.html#ref) that contains
+     * an array of Graffiti objects.
+     */
+    objects: c.results,
+    /**
+     * @deprecated Use {@link objects} instead.
      */
-    results: c.results,
+    get results() {
+      return console.warn(
+        "The `result` property is deprecated. Use `object` instead."
+      ), this.objects;
+    },
     /**
      * A method to poll for new results.
      */
     poll: g,
     /**
-     * A boolean [Ref](https://vuejs.org/api/reactivity-core.html#ref)
-     * that indicates if the poll is currently running.
+     * A boolean [ref](https://vuejs.org/api/reactivity-core.html#ref)
+     * that indicates if the *first* poll is currently running.
      * Useful to show a loading spinner or disable a button.
+     *
+     * This also tracks new polls when the arguments have changed,
+     * but it does not track ongoing polls from either calling
+     * {@link poll} or using the `autopoll` argument.
+     */
+    isInitialPolling: m,
+    /**
+     * @deprecated Use {@link isInitialPolling} instead.
      */
-    isPolling: p
+    get isPolling() {
+      return console.warn(
+        "The `isPolling` property is deprecated. Use `isInitialPolling` instead."
+      ), this.isInitialPolling;
+    }
   };
 }
-const D = /* @__PURE__ */ P({
+const D = /* @__PURE__ */ j({
   __name: "Discover",
   props: {
     channels: {},
     schema: {},
-    session: {}
+    session: {},
+    autopoll: { type: Boolean }
   },
   setup(e) {
-    const t = e, { results: r, poll: s, isPolling: o } = B(
+    const t = e, { objects: s, results: r, poll: n, isPolling: i, isInitialPolling: o } = W(
       h(t, "channels"),
       h(t, "schema"),
-      h(t, "session")
+      h(t, "session"),
+      h(t, "autopoll")
     );
-    return (i, n) => R(i.$slots, "default", {
-      results: f(r),
-      poll: f(s),
-      isPolling: f(o)
+    return (a, c) => R(a.$slots, "default", {
+      objects: u(s),
+      results: u(r),
+      poll: u(n),
+      isPolling: u(i),
+      isInitialPolling: u(o)
     });
   }
-}), M = /* @__PURE__ */ P({
+}), N = /* @__PURE__ */ j({
   __name: "Get",
   props: {
     url: {},
     schema: {},
-    session: {}
+    session: {},
+    autopoll: { type: Boolean }
   },
   setup(e) {
-    const t = e, { result: r, poll: s, isPolling: o } = W(
+    const t = e, { object: s, result: r, poll: n, isPolling: i, isInitialPolling: o } = q(
       h(t, "url"),
       h(t, "schema"),
-      h(t, "session")
+      h(t, "session"),
+      h(t, "autopoll")
     );
-    return (i, n) => R(i.$slots, "default", {
-      result: f(r),
-      poll: f(s),
-      isPolling: f(o)
+    return (a, c) => R(a.$slots, "default", {
+      object: u(s),
+      result: u(r),
+      poll: u(n),
+      isPolling: u(i),
+      isInitialPolling: u(o)
     });
   }
-}), N = /* @__PURE__ */ P({
+}), M = /* @__PURE__ */ j({
   __name: "RecoverOrphans",
   props: {
     schema: {},
-    session: {}
+    session: {},
+    autopoll: { type: Boolean }
   },
   setup(e) {
-    const t = e, { results: r, poll: s, isPolling: o } = q(
+    const t = e, { objects: s, results: r, poll: n, isPolling: i, isInitialPolling: o } = H(
       h(t, "schema"),
-      h(t, "session")
+      h(t, "session"),
+      h(t, "autopoll")
     );
-    return (i, n) => R(i.$slots, "default", {
-      results: f(r),
-      poll: f(s),
-      isPolling: f(o)
+    return (a, c) => R(a.$slots, "default", {
+      objects: u(s),
+      results: u(r),
+      poll: u(n),
+      isPolling: u(i),
+      isInitialPolling: u(o)
     });
   }
-}), Y = {
+}), tt = {
   install(e, t) {
-    const r = t.graffiti, s = new K(r), o = v(void 0);
-    s.sessionEvents.addEventListener("initialized", async (i) => {
-      const n = i.detail;
-      if (n && n.error && console.error(n.error), n && n.href) {
-        const c = e.config.globalProperties.$router;
-        if (c) {
-          const l = c.options.history.base, a = new URL(n.href);
-          a.pathname.startsWith(l) && (a.pathname = a.pathname.slice(l.length)), await c.replace(a.pathname + a.search + a.hash);
+    const s = t.graffiti, r = new J(s), n = y(void 0);
+    r.sessionEvents.addEventListener("initialized", async (i) => {
+      const o = i.detail;
+      if (o && o.error && console.error(o.error), o && o.href) {
+        const a = e.config.globalProperties.$router;
+        if (a) {
+          const c = a.options.history.base, l = new URL(o.href);
+          l.pathname.startsWith(c) && (l.pathname = l.pathname.slice(c.length)), await a.replace(l.pathname + l.search + l.hash);
         }
       }
-      o.value || (o.value = null);
-    }), s.sessionEvents.addEventListener("login", (i) => {
-      const n = i.detail;
-      if (n.error) {
-        console.error("Error logging in:"), console.error(n.error);
+      n.value || (n.value = null);
+    }), r.sessionEvents.addEventListener("login", (i) => {
+      const o = i.detail;
+      if (o.error) {
+        console.error("Error logging in:"), console.error(o.error);
         return;
       } else
-        o.value = n.session;
-    }), s.sessionEvents.addEventListener("logout", (i) => {
-      const n = i.detail;
-      n.error ? (console.error("Error logging out:"), console.error(n.error)) : o.value = null;
-    }), e.provide(E, s), e.provide(F, o), e.component("GraffitiDiscover", D), e.component("GraffitiGet", M), e.component("GraffitiRecoverOrphans", N), e.config.globalProperties.$graffiti = s, e.config.globalProperties.$graffitiSession = o;
+        n.value = o.session;
+    }), r.sessionEvents.addEventListener("logout", (i) => {
+      const o = i.detail;
+      o.error ? (console.error("Error logging out:"), console.error(o.error)) : n.value = null;
+    }), e.provide(F, r), e.provide(I, n), e.component("GraffitiDiscover", D), e.component("GraffitiGet", N), e.component("GraffitiRecoverOrphans", M), e.config.globalProperties.$graffiti = r, e.config.globalProperties.$graffitiSession = n;
   }
-}, Z = D, I = M, tt = N;
+}, et = D, st = N, rt = M;
 export {
-  Z as GraffitiDiscover,
-  I as GraffitiGet,
-  Y as GraffitiPlugin,
-  tt as GraffitiRecoverOrphans,
-  X as useGraffiti,
-  B as useGraffitiDiscover,
-  W as useGraffitiGet,
-  q as useGraffitiRecoverOrphans,
-  j as useGraffitiSession,
-  G as useGraffitiSynchronize
+  et as GraffitiDiscover,
+  st as GraffitiGet,
+  tt as GraffitiPlugin,
+  rt as GraffitiRecoverOrphans,
+  Z as useGraffiti,
+  W as useGraffitiDiscover,
+  q as useGraffitiGet,
+  H as useGraffitiRecoverOrphans,
+  T as useGraffitiSession,
+  b as useGraffitiSynchronize
 };
 //# sourceMappingURL=plugin.mjs.map