@nivaro/react 0.3.40 → 0.3.42

package/dist/shared/lib/list-link.js

@@ -0,0 +1,147 @@
+const _ = "lv";
+const m = 7e3;
+function A(t) {
+  const e = new TextEncoder().encode(t);
+  let r = "";
+  for (const i of e) r += String.fromCharCode(i);
+  return btoa(r).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+function g(t) {
+  try {
+    const e = t.replace(/-/g, "+").replace(/_/g, "/"), r = atob(e + "=".repeat((4 - e.length % 4) % 4)), i = Uint8Array.from(r, (s) => s.charCodeAt(0));
+    return new TextDecoder().decode(i);
+  } catch {
+    return null;
+  }
+}
+function L(t) {
+  const e = {};
+  for (const [r, i] of Object.entries(t))
+    i == null || i === "" || Array.isArray(i) && i.length === 0 || typeof i == "object" && !Array.isArray(i) && Object.keys(i).length === 0 || (e[r] = i);
+  return e;
+}
+function h(t, e) {
+  return A(JSON.stringify({ v: 1, k: t, s: L(e) }));
+}
+function b(t, e) {
+  if (!t) return null;
+  const r = g(t);
+  if (!r) return null;
+  try {
+    const i = JSON.parse(r);
+    return (i == null ? void 0 : i.v) !== 1 || i.k !== e || !i.s || typeof i.s != "object" || Array.isArray(i.s) ? null : i.s;
+  } catch {
+    return null;
+  }
+}
+function S(t, e, r) {
+  const i = new URL(t);
+  return i.searchParams.set("lv", h(e, r)), i.toString();
+}
+function I(t) {
+  return typeof window > "u" ? null : b(new URLSearchParams(window.location.search).get("lv"), t);
+}
+function v() {
+  if (typeof window > "u") return;
+  const t = new URLSearchParams(window.location.search);
+  if (!t.has("lv")) return;
+  t.delete("lv");
+  const e = t.toString();
+  window.history.replaceState(
+    window.history.state,
+    "",
+    `${window.location.pathname}${e ? `?${e}` : ""}${window.location.hash}`
+  );
+}
+async function N(t, e) {
+  if (typeof window > "u") return "failed";
+  const r = S(window.location.href, t, e);
+  if (r.length > 7e3) return "too-long";
+  try {
+    return await navigator.clipboard.writeText(r), "copied";
+  } catch {
+    return "failed";
+  }
+}
+const l = (t) => !!t && typeof t == "object" && !Array.isArray(t), u = (t) => typeof t == "string" ? t : void 0, d = (t) => Array.isArray(t) ? t.filter((e) => typeof e == "string") : void 0, k = (t) => Array.isArray(t) ? t.filter((e) => typeof e == "string" || typeof e == "number") : [], p = (t, e) => {
+  const r = Number(t);
+  return Number.isInteger(r) && r > 0 ? Math.min(r, e) : void 0;
+};
+function O(t) {
+  if (!t) return null;
+  const e = {}, r = u(t.q);
+  r && (e.q = r.slice(0, 500)), Array.isArray(t.f) && (e.f = t.f.filter(
+    (n) => l(n) && Array.isArray(n.path) && typeof n.op == "string"
+  ).slice(0, 50).map((n, o) => ({
+    ...n,
+    id: typeof n.id == "string" && n.id ? n.id : `lv-${o}`,
+    pathLabels: Array.isArray(n.pathLabels) ? n.pathLabels : n.path,
+    fieldType: typeof n.fieldType == "string" ? n.fieldType : "string",
+    value: n.value ?? ""
+  })));
+  const i = u(t.s);
+  if (i && /^-?[\w.$]+$/.test(i) && (e.s = i), Array.isArray(t.c) && (e.c = t.c.filter(
+    (n) => typeof n == "string" || l(n) && typeof n.key == "string"
+  ).slice(0, 100)), l(t.qf)) {
+    const n = {};
+    for (const [o, f] of Object.entries(t.qf)) {
+      const y = k(f);
+      y.length && (n[o] = y.slice(0, 500));
+    }
+    e.qf = n;
+  }
+  if (l(t.cf)) {
+    const n = {};
+    for (const [o, f] of Object.entries(t.cf))
+      l(f) && typeof f.kind == "string" && (n[o] = f);
+    e.cf = n;
+  }
+  Array.isArray(t.lc) && (e.lc = t.lc.filter(
+    (n) => l(n) && Array.isArray(n.path) && typeof n.op == "string"
+  ).slice(0, 50)), Array.isArray(t.ex) && (e.ex = t.ex.filter((n) => l(n) && Array.isArray(n.path)).slice(0, 50));
+  const s = u(t.g);
+  s && /^[\w.$]+$/.test(s) && (e.g = s);
+  const a = p(t.ps, 200);
+  a && (e.ps = a);
+  const c = p(t.p, 1e5);
+  return c && (e.p = c), t.a === !0 && (e.a = !0), e;
+}
+function R(t) {
+  if (!t) return null;
+  const e = {};
+  if ((t.scope === "mine" || t.scope === "unowned" || t.scope === "all" || t.scope === "claimed") && (e.scope = t.scope), l(t.filters)) {
+    const c = {};
+    for (const [n, o] of Object.entries(t.filters))
+      if (typeof o == "string") c[n] = o.slice(0, 500);
+      else {
+        const f = d(o);
+        f != null && f.length && (c[n] = f.slice(0, 500));
+      }
+    e.filters = c;
+  }
+  const r = u(t.sort);
+  r && /^-?[\w.$]+$/.test(r) && (e.sort = r);
+  const i = u(t.group_by);
+  i && (e.group_by = i), (t.view === "table" || t.view === "kanban" || t.view === "workload") && (e.view = t.view);
+  const s = d(t.columns);
+  if (s != null && s.length && (e.columns = s.slice(0, 100)), l(t.pins)) {
+    const c = {};
+    for (const [n, o] of Object.entries(t.pins)) (o === "left" || o === "right") && (c[n] = o);
+    Object.keys(c).length && (e.pins = c);
+  }
+  const a = p(t.page, 1e5);
+  return a && (e.page = a), e;
+}
+export {
+  m as LIST_LINK_MAX_CHARS,
+  _ as LIST_LINK_PARAM,
+  N as copyListLink,
+  b as decodeListLink,
+  v as dropListLinkParam,
+  h as encodeListLink,
+  S as listLinkUrl,
+  L as pruneListLinkState,
+  I as readListLinkFromLocation,
+  O as sanitizeCbvLinkState,
+  R as sanitizeQueueLinkState
+};

package/dist/shared/lib/prefetch.js

@@ -1,149 +1,302 @@
-import { useRef as E, useEffect as T } from "react";
-import { get as v } from "./commands.js";
-const q = 30, w = 150, R = 3e4;
-let d = [];
-function L(e = Date.now(), t = q) {
-  return d = d.filter((r) => e - r < 6e4), d.length >= t ? !1 : (d.push(e), !0);
-}
-function b() {
-  if (typeof navigator > "u") return !1;
-  const e = navigator.connection;
-  return !!(e != null && e.saveData);
-}
-function I(e, t) {
+import { withSignal as L } from "@nivaro/sdk";
+import { useQueryClient as O } from "@tanstack/react-query";
+import { useRef as K, useEffect as k, useMemo as U } from "react";
+import { useOptionalNivaroClient as H } from "../context.js";
+import { get as T } from "./commands.js";
+const x = 30, A = 80, G = 2, z = 6, M = 3e4;
+let v = [];
+function B(e = Date.now(), r = x) {
+  return v = v.filter((t) => e - t < 6e4), v.length >= r ? !1 : (v.push(e), !0);
+}
+function J(e) {
+  return e ? e.saveData ? !1 : e.effectiveType !== "slow-2g" && e.effectiveType !== "2g" : !0;
+}
+function W() {
+  return typeof navigator > "u" ? !1 : !J(navigator.connection);
+}
+function X(e = G, r = z) {
+  const t = [], n = /* @__PURE__ */ new Map(), i = () => {
+    for (; n.size < e && t.length > 0; ) {
+      const u = t.shift();
+      n.set(u.id, u), Promise.resolve().then(u.run).catch(() => {
+      }).finally(() => {
+        n.get(u.id) === u && n.delete(u.id), i();
+      });
+    }
+  };
+  return {
+    add(u) {
+      if (n.has(u.id) || t.some((s) => s.id === u.id)) return !1;
+      for (t.push(u); t.length > r; ) t.shift();
+      return i(), !0;
+    },
+    has(u) {
+      return n.has(u) || t.some((s) => s.id === u);
+    },
+    cancelGroup(u) {
+      var s;
+      for (let c = t.length - 1; c >= 0; c--) t[c].group === u && t.splice(c, 1);
+      for (const c of n.values())
+        if (c.group === u)
+          try {
+            (s = c.cancel) == null || s.call(c);
+          } catch {
+          }
+    },
+    get inFlight() {
+      return n.size;
+    },
+    get queued() {
+      return t.length;
+    }
+  };
+}
+const g = X();
+function V(e, r) {
+  setTimeout(() => {
+    const t = e.getQueryCache().find({ queryKey: r, exact: !0 });
+    !t || t.getObserversCount() > 0 || t.state.fetchStatus !== "fetching" || e.cancelQueries({ queryKey: r, exact: !0 });
+  }, 120);
+}
+function Y(e, r) {
   return {
-    item: ["item", e, String(t)],
-    layout: ["active-layout", e, null, String(t)]
+    item: ["item", e, String(r)],
+    layout: ["active-layout", e, null, String(r)]
   };
 }
-function S(e, t, r) {
-  const n = e.getQueryState(t);
-  return n ? n.fetchStatus === "fetching" ? !0 : n.dataUpdatedAt > 0 && r - n.dataUpdatedAt < R : !1;
+function F(e, r, t) {
+  const n = e.getQueryState(r);
+  return n ? n.fetchStatus === "fetching" ? !0 : n.dataUpdatedAt > 0 && t - n.dataUpdatedAt < M : !1;
 }
-function h(e, t, r, n = Date.now()) {
-  return b() || S(e, t, n) || !L(n) ? !1 : (e.prefetchQuery({ queryKey: t, queryFn: r, staleTime: R }), !0);
+function y(e, r, t, n = Date.now(), i) {
+  if (W() || F(e, r, n)) return !1;
+  const u = JSON.stringify(r);
+  return g.has(u) || !B(n) ? !1 : g.add({
+    id: u,
+    group: i ?? null,
+    run: () => (
+      // Fresh by now (the page itself fetched it while this waited) = nothing to do.
+      F(e, r, Date.now()) ? Promise.resolve() : e.prefetchQuery({
+        queryKey: r,
+        queryFn: ({ signal: s }) => t(s),
+        staleTime: M
+      })
+    ),
+    cancel: () => V(e, r)
+  });
 }
-function P(e, t, r, n, u = {}) {
-  if (!r || n == null || n === "" || n === "new") return 0;
-  const c = I(r, n);
-  let f = 0;
-  return h(
+function N(e, r, t, n, i = {}) {
+  if (!t || n == null || n === "" || n === "new") return 0;
+  const u = Y(t, n), s = i.group ?? `record:${t}:${n}`;
+  let c = 0;
+  return y(
     e,
-    c.item,
-    () => t.request(v(`/items/${r}/${n}`)).then((s) => s.data)
-  ) && f++, u.layout !== !1 && h(
+    u.item,
+    (l) => r.request(
+      L(T(`/items/${t}/${n}`), l)
+    ).then((f) => f.data),
+    Date.now(),
+    s
+  ) && c++, i.layout !== !1 && y(
     e,
-    c.layout,
-    () => t.request(
-      v("/collection-layouts/active", { collection: r, item: String(n) })
-    ).then((s) => s.data ?? null)
-  ) && f++, f;
+    u.layout,
+    (l) => r.request(
+      L(T("/collection-layouts/active", { collection: t, item: String(n) }), l)
+    ).then((f) => f.data ?? null),
+    Date.now(),
+    s
+  ) && c++, c;
 }
-function _(e, t = 2e3) {
+function Z(e) {
+  return { meta: ["cbv-collection-meta", e] };
+}
+function Q(e, r, t, n = {}) {
+  if (!t || /^(nivaro|directus)_/i.test(t)) return 0;
+  const i = Z(t);
+  return y(
+    e,
+    i.meta,
+    (u) => r.request(L(T(`/collections/${t}`), u)).then((s) => s.data),
+    Date.now(),
+    n.group ?? `list:${t}`
+  ) ? 1 : 0;
+}
+function j(e, r = 2e3) {
   if (typeof window > "u") return () => {
   };
-  const r = window;
-  if (r.requestIdleCallback) {
-    const u = r.requestIdleCallback(e, { timeout: t });
+  const t = window;
+  if (t.requestIdleCallback) {
+    const i = t.requestIdleCallback(e, { timeout: r });
     return () => {
-      var c;
-      return (c = r.cancelIdleCallback) == null ? void 0 : c.call(r, u);
+      var u;
+      return (u = t.cancelIdleCallback) == null ? void 0 : u.call(t, i);
     };
   }
   const n = setTimeout(e, 300);
   return () => clearTimeout(n);
 }
-function D(e) {
-  const t = E(e);
-  t.current = e;
-  const r = JSON.stringify(e.queryKey);
-  T(() => {
+function ce(e) {
+  const r = K(e);
+  r.current = e;
+  const t = JSON.stringify(e.queryKey);
+  k(() => {
     if (e.enabled)
-      return _(() => {
-        const n = t.current;
-        h(n.qc, n.queryKey, n.queryFn);
+      return j(() => {
+        const n = r.current;
+        y(n.qc, n.queryKey, n.queryFn);
       });
-  }, [e.enabled, r]);
+  }, [e.enabled, t]);
 }
-function k(e, t) {
-  const r = e.getAttribute("href");
-  if (!r || r.startsWith("#") || e.hasAttribute("download") || e.target && e.target !== "_self") return null;
+function ee(e, r) {
+  const t = e.getAttribute("href");
+  if (!t || t.startsWith("#") || e.hasAttribute("download") || e.target && e.target !== "_self") return null;
   try {
-    const n = new URL(r, t);
-    return n.origin !== t ? null : n.pathname + n.search;
+    const n = new URL(t, r);
+    return n.origin !== r ? null : n.pathname + n.search;
   } catch {
     return null;
   }
 }
-function p(e) {
+function te(e) {
   if (typeof document > "u") return () => {
   };
-  const t = e.root ?? document, r = window.location.origin;
-  let n = null, u = null;
-  const c = () => {
-    n && clearTimeout(n), n = null, u = null;
-  }, f = (l) => {
-    var i, g;
-    const o = k(l, r);
+  const r = e.root ?? document, t = window.location.origin;
+  let n = null, i = null, u = null;
+  const s = () => {
+    n && clearTimeout(n), n = null;
+  }, c = () => {
+    s(), i = null, u && g.cancelGroup(u), u = null;
+  }, l = (a) => {
+    var C, D, b;
+    const o = ee(a, t);
     if (!o) return;
     try {
-      (i = e.preloadRoute) == null || i.call(e, o);
+      (C = e.preloadRoute) == null || C.call(e, o);
     } catch {
     }
-    const a = (g = e.matchRecord) == null ? void 0 : g.call(e, o.split("?")[0]);
-    a && e.client && P(e.qc, e.client, a.collection, a.id);
-  }, s = (l) => {
-    var a, i;
-    const o = (i = (a = l.target) == null ? void 0 : a.closest) == null ? void 0 : i.call(a, "a[href]");
-    !o || o === u || (c(), u = o, n = setTimeout(() => {
-      n = null, f(o);
-    }, w));
-  }, m = (l) => {
-    const o = l.relatedTarget;
-    u && o && u.contains(o) || c();
-  }, y = (l) => {
-    var a, i;
-    const o = (i = (a = l.target) == null ? void 0 : a.closest) == null ? void 0 : i.call(a, "a[href]");
-    o && f(o);
+    if (!e.client) return;
+    const d = o.split("?")[0], m = `link:${d}`, w = (D = e.matchRecord) == null ? void 0 : D.call(e, d);
+    if (w) {
+      N(e.qc, e.client, w.collection, w.id, { group: m }) > 0 && (u = m);
+      return;
+    }
+    const _ = (b = e.matchList) == null ? void 0 : b.call(e, d);
+    _ && Q(e.qc, e.client, _, { group: m }) > 0 && (u = m);
+  }, f = (a) => {
+    var o, d;
+    return (d = (o = a.target) == null ? void 0 : o.closest) == null ? void 0 : d.call(o, "a[href]");
+  }, P = (a) => {
+    const o = f(a);
+    !o || o === i || (c(), i = o, n = setTimeout(() => {
+      n = null, l(o);
+    }, A));
+  }, q = (a) => {
+    const o = a.relatedTarget;
+    i && o && i.contains(o) || c();
+  }, E = () => {
+    u = null;
+  }, R = (a) => {
+    const o = a.key;
+    (o === "Enter" || o === " ") && E();
+  }, S = (a) => {
+    const o = f(a);
+    o && (c(), l(o));
+  }, I = (a) => {
+    f(a) && c();
   };
-  return t.addEventListener("pointerover", s, { passive: !0 }), t.addEventListener("pointerout", m, { passive: !0 }), t.addEventListener("focusin", y), () => {
-    c(), t.removeEventListener("pointerover", s), t.removeEventListener("pointerout", m), t.removeEventListener("focusin", y);
+  return r.addEventListener("pointerover", P, { passive: !0 }), r.addEventListener("pointerout", q, { passive: !0 }), r.addEventListener("pointerdown", E, { passive: !0, capture: !0 }), r.addEventListener("keydown", R, { capture: !0 }), r.addEventListener("focusin", S), r.addEventListener("focusout", I), () => {
+    s(), r.removeEventListener("pointerover", P), r.removeEventListener("pointerout", q), r.removeEventListener("pointerdown", E, { capture: !0 }), r.removeEventListener("keydown", R, { capture: !0 }), r.removeEventListener("focusin", S), r.removeEventListener("focusout", I);
   };
 }
-function K(e) {
-  const t = E(e);
-  t.current = e;
-  const r = e.enabled !== !1;
-  T(() => {
-    if (r)
-      return p({
-        qc: t.current.qc,
+function se(e) {
+  const r = K(e);
+  r.current = e;
+  const t = e.enabled !== !1;
+  k(() => {
+    if (t)
+      return te({
+        qc: r.current.qc,
         get client() {
-          return t.current.client;
+          return r.current.client;
         },
         matchRecord: (n) => {
-          var u, c;
-          return ((c = (u = t.current).matchRecord) == null ? void 0 : c.call(u, n)) ?? null;
+          var i, u;
+          return ((u = (i = r.current).matchRecord) == null ? void 0 : u.call(i, n)) ?? null;
+        },
+        matchList: (n) => {
+          var i, u;
+          return ((u = (i = r.current).matchList) == null ? void 0 : u.call(i, n)) ?? null;
         },
         preloadRoute: (n) => {
-          var u, c;
-          return (c = (u = t.current).preloadRoute) == null ? void 0 : c.call(u, n);
+          var i, u;
+          return (u = (i = r.current).preloadRoute) == null ? void 0 : u.call(i, n);
         },
-        root: t.current.root
+        root: r.current.root
       });
-  }, [r]);
+  }, [t]);
+}
+const h = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Set();
+function $(e, r) {
+  const t = () => {
+    const i = h.get(e);
+    i && clearTimeout(i), h.set(
+      e,
+      setTimeout(() => {
+        h.delete(e), r() && p.add(e);
+      }, A)
+    );
+  }, n = () => {
+    const i = h.get(e);
+    i && clearTimeout(i), h.delete(e), p.delete(e) && g.cancelGroup(e);
+  };
+  return {
+    onPointerEnter: t,
+    onPointerLeave: n,
+    onPointerDown: () => {
+      p.delete(e);
+    },
+    onFocus: t,
+    onBlur: n
+  };
+}
+function ae() {
+  const e = O(), r = H();
+  return U(
+    () => ({
+      record: (t, n) => {
+        if (!r || !t || n == null || n === "" || n === "new") return {};
+        const i = `record:${t}:${n}`;
+        return $(i, () => N(e, r, t, n, { group: i }));
+      },
+      list: (t) => {
+        if (!r || !t) return {};
+        const n = `list:${t}`;
+        return $(n, () => Q(e, r, t, { group: n }));
+      }
+    }),
+    [e, r]
+  );
 }
 export {
-  w as INTENT_DWELL_MS,
-  q as PREFETCH_PER_MINUTE,
-  R as PREFETCH_STALE_MS,
-  p as installIntentPrefetch,
-  k as linkPath,
-  h as prefetchKey,
-  P as prefetchRecord,
-  I as recordQueryKeys,
-  L as takePrefetchToken,
-  D as useIdleNextPage,
-  K as useIntentPrefetch,
-  _ as whenIdle
+  A as INTENT_DWELL_MS,
+  G as MAX_PREFETCH_IN_FLIGHT,
+  z as MAX_PREFETCH_QUEUED,
+  x as PREFETCH_PER_MINUTE,
+  M as PREFETCH_STALE_MS,
+  J as connectionAllowsPrefetch,
+  X as createPrefetchLimiter,
+  te as installIntentPrefetch,
+  $ as intentProps,
+  ee as linkPath,
+  Z as listQueryKeys,
+  Q as prefetchCollectionList,
+  y as prefetchKey,
+  g as prefetchLimiter,
+  N as prefetchRecord,
+  Y as recordQueryKeys,
+  B as takePrefetchToken,
+  ce as useIdleNextPage,
+  se as useIntentPrefetch,
+  ae as usePrefetchIntent,
+  j as whenIdle
 };

package/dist/shared/lib/record-ref.js

@@ -0,0 +1,72 @@
+import { get as a } from "./commands.js";
+const s = /^[A-Za-z_][A-Za-z0-9_]*$/;
+function c(n) {
+  const t = n == null ? void 0 : n.friendly_id_field;
+  return typeof t == "string" && t !== "id" && s.test(t) ? t : null;
+}
+function o(n) {
+  if (n == null || typeof n == "object") return null;
+  const t = String(n).trim();
+  return t === "" ? null : t;
+}
+function d(n, t) {
+  const e = c(n);
+  return e && t ? o(t[e]) : null;
+}
+function y(n) {
+  const t = n == null ? void 0 : n.url_alias_fields;
+  let e = t;
+  if (typeof t == "string")
+    try {
+      e = JSON.parse(t);
+    } catch {
+      e = [];
+    }
+  return Array.isArray(e) ? e.filter((i) => typeof i == "string" && s.test(i)) : [];
+}
+function p(n, t) {
+  if (!t) return null;
+  const e = y(n);
+  let i;
+  if (e.length > 0) {
+    const r = e.map((l) => o(t[l]));
+    if (r.some((l) => l == null)) return null;
+    i = r.join("-");
+  } else
+    i = d(n, t);
+  return !i || /^\d+$/.test(i) || /^[0-9a-f]{8}-[0-9a-f]{4}-/i.test(i) || i === "new" || i.includes("/") ? null : i;
+}
+async function h(n, t, e, i, r) {
+  var u;
+  const l = p(e, i);
+  if (!l) return String(r);
+  try {
+    const f = await n.request(
+      a(`/items/${t}/by-slug/${encodeURIComponent(l)}`, { fields: "id" })
+    );
+    return String(((u = f == null ? void 0 : f.data) == null ? void 0 : u.id) ?? "") === String(r) ? l : String(r);
+  } catch {
+    return String(r);
+  }
+}
+async function w(n) {
+  const t = typeof navigator < "u" ? navigator.clipboard : void 0;
+  if (!t) return;
+  const e = globalThis.ClipboardItem;
+  if (e && typeof t.write == "function")
+    try {
+      await t.write([
+        new e({ "text/plain": n.then((i) => new Blob([i], { type: "text/plain" })) })
+      ]);
+      return;
+    } catch {
+    }
+  await t.writeText(await n);
+}
+export {
+  p as aliasSegmentOf,
+  w as copyWhenReady,
+  c as friendlyIdFieldOf,
+  d as friendlyIdOf,
+  h as shareableRecordId
+};

package/dist/shared/lib/reload-holds.js

@@ -0,0 +1,25 @@
+const o = /* @__PURE__ */ new Map();
+let s = 0;
+function n(t, l = () => !0) {
+  const e = ++s;
+  return o.set(e, { label: t, active: l }), () => {
+    o.delete(e);
+  };
+}
+function a() {
+  const t = [];
+  for (const l of o.values()) {
+    let e = !1;
+    try {
+      e = l.active();
+    } catch {
+      e = !1;
+    }
+    e && !t.includes(l.label) && t.push(l.label);
+  }
+  return t;
+}
+export {
+  n as registerReloadHold,
+  a as reloadHoldLabels
+};