@nivaro/react 0.3.23 → 0.3.25

package/dist/shared/components/profile/TeamsConnect.js

@@ -0,0 +1,71 @@
+import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { useQueryClient as l, useMutation as c } from "@tanstack/react-query";
+import { useState as u } from "react";
+import { useNivaroClient as f } from "../../context.js";
+import { del as x } from "../../lib/commands.js";
+import { Popover as p, PopoverTrigger as g, PopoverContent as h } from "../ui/popover.js";
+import { ConfirmButton as k } from "./primitives.js";
+function P({ linked: a, linkedAt: r }) {
+  const i = f(), d = l(), [s, n] = u(!1), o = c({
+    mutationFn: () => (n(!1), i.request(x("/teams/link"))),
+    onError: () => n(!0),
+    onSettled: () => {
+      d.invalidateQueries({ queryKey: ["nvr-profile-teams"] });
+    }
+  });
+  return a ? /* @__PURE__ */ t(m, { children: [
+    /* @__PURE__ */ t(
+      "span",
+      {
+        className: "inline-flex flex-wrap items-center justify-center gap-1 text-[10.5px] font-normal normal-case tracking-normal text-emerald-700 dark:text-emerald-400",
+        "data-teams-connected": "",
+        title: r ? `Connected ${new Date(r).toLocaleString()}` : void 0,
+        children: [
+          "Connected ·",
+          " ",
+          /* @__PURE__ */ e(
+            k,
+            {
+              onConfirm: () => o.mutate(),
+              confirmLabel: "Disconnect Teams?",
+              disabled: o.isPending,
+              className: "font-medium text-slate-500 underline decoration-dotted underline-offset-2 hover:text-slate-800 dark:text-muted-foreground dark:hover:text-foreground",
+              armedClassName: "font-medium text-red-600 dark:text-red-400",
+              children: "Disconnect"
+            }
+          )
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ e(
+      "p",
+      {
+        role: "alert",
+        "data-teams-disconnect-error": "",
+        className: "mt-0.5 text-[10.5px] font-normal normal-case tracking-normal text-red-600 dark:text-red-400",
+        children: "Could not disconnect Teams. Try again; if it keeps failing, ask an admin."
+      }
+    )
+  ] }) : /* @__PURE__ */ t(p, { children: [
+    /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "data-teams-connect": "",
+        className: "rounded border border-slate-200 px-1.5 py-0.5 text-[10.5px] font-medium normal-case tracking-normal text-slate-600 hover:border-slate-400 hover:text-slate-800 dark:border-border dark:text-muted-foreground dark:hover:text-foreground",
+        children: "Connect Teams"
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        align: "end",
+        className: "w-64 text-[12px] font-normal normal-case tracking-normal text-slate-600 dark:text-muted-foreground",
+        children: "Open Nivaro in Teams and say hi, or sign in with Microsoft once, then turn categories on."
+      }
+    )
+  ] });
+}
+export {
+  P as TeamsConnect
+};

package/dist/shared/components/profile/primitives.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as a, Fragment as x } from "react/jsx-runtime";
-import { Children as f, useState as p, useEffect as g } from "react";
+import { useState as f, useEffect as p, Children as g } from "react";
 import { useNavigation as b } from "../../context.js";
 import { cn as o } from "../../lib/utils.js";
 import { UserAvatar as k } from "../UserAvatar.js";
@@ -121,8 +121,8 @@ function P({
   title: l,
   disabled: s
 }) {
-  const [i, m] = p(!1);
-  return g(() => {
+  const [i, m] = f(!1);
+  return p(() => {
     if (!i) return;
     const u = window.setTimeout(() => m(!1), 3e3);
     return () => window.clearTimeout(u);
@@ -148,7 +148,7 @@ function T({ label: e, children: t }) {
   ] });
 }
 function B({ children: e, cols: t = 3 }) {
-  const r = f.toArray(e).filter(Boolean).length, n = t === 3 ? 6 : t, d = (n - r % n) % n;
+  const r = g.toArray(e).filter(Boolean).length, n = t === 3 ? 6 : t, d = (n - r % n) % n;
   return /* @__PURE__ */ c(
     "div",
     {

package/dist/shared/lib/safe-href.js

@@ -0,0 +1,10 @@
+function n(t) {
+  return /^\/(?![/\\])/.test(t) && !/[\s\\]/.test(t);
+}
+function e(t) {
+  return /^https?:\/\/\S+$/i.test(t) ? "external" : n(t) ? "internal" : null;
+}
+export {
+  n as isInAppPath,
+  e as safeLinkKind
+};

package/dist/shared/lib/socket-realtime.js

@@ -1,11 +1,32 @@
-var N = Object.defineProperty;
-var U = (i, n, r) => n in i ? N(i, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[n] = r;
-var _ = (i, n, r) => U(i, typeof n != "symbol" ? n + "" : n, r);
-import { bindClientChaosSocket as k } from "./client-chaos.js";
-import { deliveryAckFor as L } from "./delivery-ack.js";
-import { forgetSettledReads as y } from "./request-gate.js";
-import { createRoomGapTracker as M, refetchEventsFor as W } from "./room-gaps.js";
-const p = {
+var y = Object.defineProperty;
+var I = (i, n, r) => n in i ? y(i, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[n] = r;
+var N = (i, n, r) => I(i, typeof n != "symbol" ? n + "" : n, r);
+import { bindClientChaosSocket as J } from "./client-chaos.js";
+import { deliveryAckFor as O } from "./delivery-ack.js";
+import { forgetSettledReads as L } from "./request-gate.js";
+import { createRoomGapTracker as W, refetchEventsFor as $ } from "./room-gaps.js";
+const U = 3e3;
+function x(i = U) {
+  const n = /* @__PURE__ */ new Map();
+  return (r, d) => {
+    var g;
+    if (!(i > 0)) {
+      d();
+      return;
+    }
+    const a = n.has(r);
+    if (n.set(r, d), a) return;
+    const l = setTimeout(
+      () => {
+        const f = n.get(r);
+        n.delete(r), f == null || f();
+      },
+      Math.floor(Math.random() * i)
+    );
+    (g = l.unref) == null || g.call(l);
+  };
+}
+const j = {
   catchupFull: "nvr:catchup-full",
   accessChanged: "nvr:access-changed",
   configUpdate: "nvr:config-update",
@@ -13,7 +34,7 @@ const p = {
 };
 class C {
   constructor(n, r) {
-    _(this, "refs", /* @__PURE__ */ new Map());
+    N(this, "refs", /* @__PURE__ */ new Map());
     this.join = n, this.leave = r;
   }
   add(n) {
@@ -31,154 +52,162 @@ class C {
     return [...this.refs.keys()];
   }
 }
-function G(i) {
-  let n = null, r = 0, j = !1, l = null, a = { state: "live", transport: null, refreshed: null, resumed: null };
-  const T = /* @__PURE__ */ new Set(), v = (e) => {
+function z(i) {
+  let n = null, r = 0, d = !1, a = null, l = { state: "live", transport: null, refreshed: null, resumed: null };
+  const g = /* @__PURE__ */ new Set(), f = (e) => {
     var o;
     return ((o = i.windowEvents) == null ? void 0 : o[e]) !== !1;
-  }, g = (e) => {
-    const o = { ...a, ...e };
-    if (!(o.state === a.state && o.transport === a.transport && o.refreshed === a.refreshed && o.resumed === a.resumed)) {
-      a = o;
-      for (const t of T) t(a);
+  }, b = x(i.reactionJitterMs ?? U), A = /* @__PURE__ */ new Set(), p = (e) => {
+    const o = { ...l, ...e };
+    if (!(o.state === l.state && o.transport === l.transport && o.refreshed === l.refreshed && o.resumed === l.resumed)) {
+      l = o;
+      for (const t of g) t(l);
     }
-  }, R = () => {
+  }, _ = () => {
     var e, o, t;
     return ((t = (o = (e = n == null ? void 0 : n.io) == null ? void 0 : e.engine) == null ? void 0 : o.transport) == null ? void 0 : t.name) ?? null;
-  }, b = (e, o) => {
-    l && clearTimeout(l), l = null, g({ state: "live", transport: R(), refreshed: e, resumed: o });
-  }, u = (e, o) => {
-    typeof window > "u" || window.dispatchEvent(new CustomEvent(e, { detail: o }));
+  }, E = (e, o) => {
+    a && clearTimeout(a), a = null, p({ state: "live", transport: _(), refreshed: e, resumed: o });
   }, h = (e, o) => {
+    typeof window > "u" || window.dispatchEvent(new CustomEvent(e, { detail: o }));
+  }, m = (e, o) => {
     n != null && n.connected && n.emit(e, o);
-  }, E = (e, o) => {
+  }, F = (e, o) => {
     var t;
     for (const s of ((t = n == null ? void 0 : n.listeners) == null ? void 0 : t.call(n, e)) ?? []) s(o);
-  }, F = (e) => {
-    for (const o of W(e)) E(o.event, o.payload);
-    u("nvr:realtime-stale", { rooms: e });
-  }, m = M({
-    request: (e) => h("catchup:room", e),
-    dispatch: E,
-    refetch: F
-  }), q = new C(
+  }, M = (e) => {
+    for (const o of $(e)) F(o.event, o.payload);
+    h("nvr:realtime-stale", { rooms: e });
+  }, w = W({
+    request: (e) => m("catchup:room", e),
+    dispatch: F,
+    refetch: M
+  }), R = new C(
     (e) => {
-      m.reset([`collection:${e}`]), h("collection:join", { collection: e });
+      w.reset([`collection:${e}`]), m("collection:join", { collection: e });
     },
     (e) => {
-      m.reset([`collection:${e}`]), h("collection:leave", { collection: e });
+      w.reset([`collection:${e}`]), m("collection:leave", { collection: e });
     }
-  ), A = new C(
+  ), S = new C(
     // The Traffic Map page reads batched frames (api traffic-map-batch.ts); twin: admin
     // lib/socket.ts watchJoinPayload.
-    (e) => h("admin:join", e === "traffic-map" ? { room: e, frames: "batch" } : { room: e }),
-    (e) => h("admin:leave", { room: e })
-  ), S = new C(
-    (e) => h("ops:join", { topic: e }),
-    (e) => h("ops:leave", { topic: e })
-  ), w = () => {
+    (e) => m("admin:join", e === "traffic-map" ? { room: e, frames: "batch" } : { room: e }),
+    (e) => m("admin:leave", { room: e })
+  ), q = new C(
+    (e) => m("ops:join", { topic: e }),
+    (e) => m("ops:leave", { topic: e })
+  ), T = () => {
     var o;
     if (n) return n;
     const e = typeof i.socket == "function" ? i.socket() : i.socket;
-    return n = e, k(e), j = e.connected, e.on("auth:ok", () => {
-      if (m.reset(), q.rejoinAll(), A.rejoinAll(), S.rejoinAll(), j && r > 0) {
+    return n = e, J(e), d = e.connected, e.on("auth:ok", () => {
+      if (w.reset(), R.rejoinAll(), S.rejoinAll(), q.rejoinAll(), d && r > 0) {
         const t = r;
-        g({ transport: R() }), l && clearTimeout(l), l = setTimeout(() => b(null, "unverified"), i.catchupTimeoutMs ?? 8e3), e.emit("catchup", { cursor: t });
+        p({ transport: _() }), a && clearTimeout(a), a = setTimeout(() => E(null, "unverified"), i.catchupTimeoutMs ?? 8e3), e.emit("catchup", { cursor: t });
       } else
-        g({
+        p({
           state: "live",
-          transport: R(),
+          transport: _(),
           refreshed: null,
-          resumed: j && a.state === "reconnecting" ? "unverified" : null
+          resumed: d && l.state === "reconnecting" ? "unverified" : null
         });
-      j = !0;
+      d = !0;
     }), e.on("catchup:cursor", (t) => {
       r === 0 && typeof (t == null ? void 0 : t.seq) == "number" && t.seq > 0 && (r = t.seq);
     }), e.on("disconnect", () => {
-      l && clearTimeout(l), l = null, g({ state: "reconnecting", refreshed: null });
-    }), e.on("connect_error", () => g({ state: "reconnecting", refreshed: null })), (o = e.onAny) == null || o.call(e, (t, s) => {
+      a && clearTimeout(a), a = null, p({ state: "reconnecting", refreshed: null });
+    }), e.on("connect_error", () => p({ state: "reconnecting", refreshed: null })), (o = e.onAny) == null || o.call(e, (t, s) => {
       const c = s == null ? void 0 : s._seq;
-      typeof c == "number" && c > r && (r = c), m.observe(s);
-      const d = L(s);
-      d && e.emit("rt:ack", d);
-    }), e.on("catchup:room:events", (t) => m.replayed(t)), e.on("realtime:stale", (t) => {
+      typeof c == "number" && c > r && (r = c), w.observe(s);
+      const v = O(s);
+      v && e.emit("rt:ack", v);
+    }), e.on("catchup:room:events", (t) => w.replayed(t)), e.on("realtime:stale", (t) => {
       const s = Array.isArray(t == null ? void 0 : t.rooms) ? t.rooms.filter((c) => typeof c == "string") : [];
-      m.reset(s), t != null && t.all ? (v("catchupFull") && u(p.catchupFull, {}), u("nvr:realtime-stale", { rooms: s, all: !0 })) : s.length && F(s);
+      w.reset(s), t != null && t.all ? (f("catchupFull") && h(j.catchupFull, {}), h("nvr:realtime-stale", { rooms: s, all: !0 })) : s.length && M(s);
     }), e.on(
       "catchup:events",
       (t) => {
         var s;
         for (const c of (t == null ? void 0 : t.events) ?? []) {
           c.seq > r && (r = c.seq);
-          for (const d of ((s = e.listeners) == null ? void 0 : s.call(e, c.event)) ?? []) d({ ...c.payload, _seq: c.seq });
+          for (const v of ((s = e.listeners) == null ? void 0 : s.call(e, c.event)) ?? []) v({ ...c.payload, _seq: c.seq });
         }
-        b(null, "replayed");
+        E(null, "replayed");
       }
     ), e.on("catchup:full", (t) => {
-      v("catchupFull") && u(p.catchupFull, {}), b(
+      f("catchupFull") && b("full", () => h(j.catchupFull, {})), E(
         (t == null ? void 0 : t.reason) === "slow-consumer" ? "Live updates resumed. This tab fell too far behind to send each change, so the lists and records on this page were reloaded." : "Live updates resumed. The connection was gone too long to replay each change, so the lists and records on this page were reloaded.",
         "reloaded"
       );
     }), e.on("access:changed", (t) => {
       var s;
-      y(), (s = t == null ? void 0 : t.rooms_left) != null && s.length && v("accessChanged") && u(p.accessChanged, t);
+      if (L(), (s = t == null ? void 0 : t.rooms_left) != null && s.length && f("accessChanged")) {
+        for (const c of t.rooms_left) A.add(c);
+        b("access", () => {
+          const c = [...A];
+          A.clear(), h(j.accessChanged, { rooms_left: c });
+        });
+      }
     }), e.on("config:update", (t) => {
-      y(), v("configUpdate") && u(p.configUpdate, t ?? {});
+      L(), f("configUpdate") && h(j.configUpdate, t ?? {});
     }), e.on("client:force-refresh", (t) => {
-      v("forceRefresh") && u(p.forceRefresh, t ?? {});
+      f("forceRefresh") && h(j.forceRefresh, t ?? {});
     }), e;
   };
   return {
     subscribeCollections(e, o) {
-      const t = w(), s = [...new Set(e.filter(Boolean))];
-      for (const f of s) q.add(f);
-      const c = (f) => {
-        f != null && f.collection && s.includes(f.collection) && o(f);
+      const t = T(), s = [...new Set(e.filter(Boolean))];
+      for (const u of s) R.add(u);
+      const c = (u) => {
+        u != null && u.collection && s.includes(u.collection) && o(u);
       };
       t.on("collection:update", c);
-      let d = !1;
+      let v = !1;
       return () => {
-        if (!d) {
-          d = !0, t.off("collection:update", c);
-          for (const f of s) q.remove(f);
+        if (!v) {
+          v = !0, t.off("collection:update", c);
+          for (const u of s) R.remove(u);
         }
       };
     },
     on(e, o) {
-      const t = w();
+      const t = T();
       return t.on(e, o), () => {
         t.off(e, o);
       };
     },
     emit(e, o) {
-      if (w(), e === "ops:join" || e === "ops:leave") {
+      if (T(), e === "ops:join" || e === "ops:leave") {
         const t = String((o == null ? void 0 : o.topic) ?? "");
         if (!t) return;
-        e === "ops:join" ? S.add(t) : S.remove(t);
+        e === "ops:join" ? q.add(t) : q.remove(t);
         return;
       }
       n == null || n.emit(e, o);
     },
     status() {
-      return a;
+      return l;
     },
     onStatus(e) {
-      return w(), T.add(e), () => {
-        T.delete(e);
+      return T(), g.add(e), () => {
+        g.delete(e);
       };
     },
     joinWatch(e) {
-      w(), A.add(e);
+      T(), S.add(e);
       let o = !1;
       return () => {
-        o || (o = !0, A.remove(e));
+        o || (o = !0, S.remove(e));
       };
     },
     held() {
-      return { collections: q.keys(), watch: A.keys(), ops: S.keys() };
+      return { collections: R.keys(), watch: S.keys(), ops: q.keys() };
     }
   };
 }
 export {
-  G as createSocketRealtime
+  U as REACTION_JITTER_MS,
+  x as createJitteredReaction,
+  z as createSocketRealtime
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nivaro/react",
-  "version": "0.3.23",
+  "version": "0.3.25",
   "description": "React hooks and components for Nivaro CMS forms",
   "type": "module",
   "main": "./dist/index.js",
@@ -77,11 +77,11 @@
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.14",
     "@radix-ui/react-tooltip": "^1.2.7",
-    "@tiptap/extension-link": "^3.26.0",
-    "@tiptap/extension-placeholder": "^3.26.0",
-    "@tiptap/extension-underline": "^3.26.0",
-    "@tiptap/react": "^3.26.0",
-    "@tiptap/starter-kit": "^3.26.0",
+    "@tiptap/extension-link": "^3.32.0",
+    "@tiptap/extension-placeholder": "^3.32.0",
+    "@tiptap/extension-underline": "^3.32.0",
+    "@tiptap/react": "^3.32.0",
+    "@tiptap/starter-kit": "^3.32.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
     "cmdk": "^1.0.0",