@nivaro/react 0.1.28 → 0.1.29

package/dist/index.d.ts

@@ -668,6 +668,15 @@ declare interface HeaderWidgetInfo {
     inputBindings: InputBinding[];
 }
 
+/** Time without real input before someone counts as idle. */
+export declare const IDLE_AFTER_MS: number;
+
+/** The fields a presence heartbeat should carry. */
+export declare function idleState(): {
+    is_idle: boolean;
+    last_active: string;
+};
+
 export declare function ImportConsole({ realtime, defaultTab, initialJobId, onJobOpen }: ImportConsoleProps): JSX.Element;
 
 export declare interface ImportConsoleProps {
@@ -1056,6 +1065,13 @@ declare interface O2MFieldInfo {
     parentId: string;
 }
 
+/**
+ * Called when idleness CHANGES, not on a timer — a host can push the flip
+ * straight down its socket so coming back is seen in about a second instead of
+ * on the next heartbeat. Returns an unsubscribe.
+ */
+export declare function onIdleChange(fn: (idle: boolean) => void): () => void;
+
 export declare function openDmWith(userId: string, displayName?: string): void;
 
 /**
@@ -1477,6 +1493,9 @@ export declare function TextField({ field, value, onChange, error, disabled, rea
 
 export declare function TipLayer(): ReactPortal | null;
 
+/** Install the listeners. Safe to call more than once. */
+export declare function trackActivity(): void;
+
 /**
  * Translate scope values (target-collection IDS) into a filter's value space.
  * When the filter compares ids (valueField 'id'/undefined) this is identity;

package/dist/index.js

@@ -3251,7 +3251,7 @@ function StripCell({
   const r = s.prefix ?? "", a = s.suffix ?? "", l = n ? null : formatStatValue(t, s.format ?? "");
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-start px-4 py-2 min-w-0", children: [
     /* @__PURE__ */ jsx("span", { className: "flex h-4 items-end truncate text-[10px] font-medium leading-none text-slate-400 dark:text-slate-500", children: e }),
-    /* @__PURE__ */ jsx("span", { className: "mt-1 leading-none truncate max-w-[220px]", children: n ? /* @__PURE__ */ jsx("span", { className: "animate-pulse inline-block h-3.5 w-16 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) : /* @__PURE__ */ jsxs("span", { className: "text-[13px] font-semibold tabular-nums text-slate-900 dark:text-slate-100", children: [
+    /* @__PURE__ */ jsx("span", { className: "mt-1 leading-tight truncate max-w-[220px]", children: n ? /* @__PURE__ */ jsx("span", { className: "animate-pulse inline-block h-3.5 w-16 rounded bg-slate-200 dark:bg-[hsl(var(--nvr-skeleton))]" }) : /* @__PURE__ */ jsxs("span", { className: "text-[13px] font-semibold tabular-nums text-slate-900 dark:text-slate-100", children: [
       r,
       l,
       a
@@ -21297,7 +21297,7 @@ function ItemEditForm({
             "div",
             {
               "data-header-field": W.field,
-              className: "group relative flex flex-col justify-start border-r border-slate-200 dark:border-border px-4 py-2 min-w-0 transition-colors hover:bg-white/60 dark:hover:bg-white/[0.025]",
+              className: "group relative flex flex-col justify-start self-stretch border-r border-slate-200 dark:border-border px-4 py-2 min-w-0 transition-colors hover:bg-white/60 dark:hover:bg-white/[0.025]",
               children: [
                 /* @__PURE__ */ jsx("span", { className: "flex h-4 items-end truncate text-[10px] font-medium leading-none text-slate-400 dark:text-slate-500", children: W.label }),
                 /* @__PURE__ */ jsx("span", { className: ["mt-1 leading-tight truncate max-w-[220px] pb-px", Ze ? `rounded-full px-2 py-0.5 text-[11px] inline-block ${Ke} bg-current/10` : ut ? `rounded px-1.5 py-0.5 border border-current/30 text-[11px] inline-block ${Ke}` : ""].filter(Boolean).join(" "), children: (() => {
@@ -37216,12 +37216,12 @@ function PageRenderer({ slug: e, hideHeader: t, className: s }) {
 }
 const POLL_MS = 6e4;
 let baseline = null, updateInfo = null;
-const listeners = /* @__PURE__ */ new Set();
+const listeners$1 = /* @__PURE__ */ new Set();
 let pollTimer = null, checking = !1, fetcher = null, watching = !1;
 const emit = (e) => {
   if ((e == null ? void 0 : e.version) !== (updateInfo == null ? void 0 : updateInfo.version)) {
     updateInfo = e;
-    for (const t of listeners) t();
+    for (const t of listeners$1) t();
   }
 };
 async function checkApiVersion() {
@@ -37257,7 +37257,7 @@ function getApiUpdate() {
 }
 function useApiUpdate() {
   return useSyncExternalStore(
-    (e) => (listeners.add(e), () => listeners.delete(e)),
+    (e) => (listeners$1.add(e), () => listeners$1.delete(e)),
     getApiUpdate,
     getApiUpdate
   );
@@ -37307,6 +37307,52 @@ function ApiUpdateBanner({
     }
   );
 }
+const IDLE_AFTER_MS = 5 * 6e4, ACTIVITY_EVENTS = [
+  "pointerdown",
+  "keydown",
+  "wheel",
+  "touchstart",
+  "scroll",
+  "mousemove",
+  "focus"
+];
+let lastActivity = Date.now(), installed = !1, lastReported = null;
+const listeners = /* @__PURE__ */ new Set();
+function onIdleChange(e) {
+  return listeners.add(e), () => listeners.delete(e);
+}
+function publish() {
+  const e = idleState().is_idle;
+  if (e !== lastReported) {
+    lastReported = e;
+    for (const t of listeners)
+      try {
+        t(e);
+      } catch {
+      }
+  }
+}
+function trackActivity() {
+  if (installed || typeof window > "u") return;
+  installed = !0;
+  let e = 0;
+  const t = () => {
+    const s = Date.now();
+    s - e < 1e3 || (e = s, lastActivity = s, publish());
+  };
+  for (const s of ACTIVITY_EVENTS)
+    window.addEventListener(s, t, { passive: !0, capture: !0 });
+  document.addEventListener("visibilitychange", () => {
+    document.visibilityState === "visible" ? (lastActivity = Date.now(), e = 0) : lastActivity = 0, publish();
+  }), setInterval(publish, 15e3);
+}
+function idleState() {
+  const e = typeof document < "u" && document.visibilityState === "hidden", t = Date.now() - lastActivity > IDLE_AFTER_MS;
+  return {
+    is_idle: e || t,
+    last_active: new Date(lastActivity || Date.now()).toISOString()
+  };
+}
 function BooleanField({
   field: e,
   value: t,
@@ -40605,6 +40651,7 @@ export {
   DrilldownContext,
   FileField,
   GridFlushContext,
+  IDLE_AFTER_MS,
   ImportConsole,
   ItemEditAuthContext,
   ItemEditForm,
@@ -40650,12 +40697,15 @@ export {
   fetchSchema,
   getApiUpdate,
   getMentionQuery,
+  idleState,
   matchScopeDimension,
   normalizeFieldType,
+  onIdleChange,
   openDmWith,
   registerDmOpener,
   splitMessageTokens,
   startApiVersionWatch,
+  trackActivity,
   translateScopeValues,
   useApiUpdate,
   useChatConfig,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nivaro/react",
-  "version": "0.1.28",
+  "version": "0.1.29",
   "description": "React hooks and components for Nivaro CMS forms",
   "type": "module",
   "main": "./dist/index.js",