@memobit/libs 3.10.0 → 3.11.1

package/README.md

@@ -15,7 +15,7 @@ npm install @memobit/libs
 Peer dependencies (you provide these in your own app):
 
 ```bash
-npm install react@^19 react-dom@^19
+npm install react@^19 react-dom@^19 @memobit/core
 ```
 
 ## Quick start
@@ -52,7 +52,7 @@ function Demo() {
 - **Themes** — 70+ ready-made SCSS themes (Arctic Blue, Midnight Atlas, Terracotta Kitchen, Neon Tokyo, …). Theme tokens are pure CSS custom properties, so you can author your own.
 - **Hooks** — `useBreakpoint`, `useBodyScrollLock`, `useComponentEffect`, `useAppPersistence`, `useAuth`.
 - **Helpers** — date formatting, number formatting, string utilities, search/highlight, pagination, URL helpers.
-- **Error reporting** — `@memobit/libs/errors` (React-free, works in Node too): `installErrorReporting` / `installNodeErrorReporting` send uncaught errors, unhandled rejections, `ErrorBoundary` crashes and `console.error` / `console.warn` to a collector endpoint, batched and throttled. `logger` stands in for `console.*`, and `reportError` reports errors you have handled.
+- **Error reporting** — lives in [`@memobit/core`](https://www.npmjs.com/package/@memobit/core) (React-free, works in Node too), a peer dependency: `ErrorBoundary` crashes are reported through it once the app calls `installErrorReporting`.
 
 See the [component reference](https://react.memobit.ro/) for props, variants, and live examples.
 

package/dist/components/ErrorBoundary/ErrorBoundary2.js

@@ -1,10 +1,10 @@
 import './ErrorBoundary.css';
 import { EmptyState as s } from "../EmptyState/EmptyState2.js";
-import { reportError as a } from "../../helpers/ErrorReporting.js";
 /* empty css              */
-import { Component as c } from "react";
+import { Component as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
-var h = class extends c {
+import { reportError as c } from "@memobit/core";
+var h = class extends a {
   constructor(...r) {
     super(...r), this.state = { error: null }, this.reset = () => {
       this.setState({ error: null });
@@ -14,7 +14,7 @@ var h = class extends c {
     return { error: r };
   }
   componentDidCatch(r, t) {
-    a(r, { componentStack: t.componentStack ?? void 0 }), console.error("ErrorBoundary caught:", r, t.componentStack), this.props.onError?.(r, t);
+    c(r, { componentStack: t.componentStack ?? void 0 }), console.error("ErrorBoundary caught:", r, t.componentStack), this.props.onError?.(r, t);
   }
   render() {
     const { error: r } = this.state, { children: t, title: n, resetLabel: i, fallback: e } = this.props;

package/dist/components/Tooltip/Tooltip2.js

@@ -1,70 +1,76 @@
 import './Tooltip.css';
 /* empty css        */
 import { useEffect as b, useRef as h, useState as B } from "react";
-import { Fragment as V, jsx as D, jsxs as N } from "react/jsx-runtime";
-import { createPortal as O } from "react-dom";
+import { Fragment as S, jsx as N, jsxs as D } from "react/jsx-runtime";
+import { createPortal as V } from "react-dom";
 var K = ({ title: L, position: T = "top", delay: _ = 200, children: k, disabled: $ = !1, className: F = "", maxWidth: p, maxHeight: a }) => {
-  const [f, s] = B(!1), [M, I] = B({
+  const [f, u] = B(!1), [M, I] = B({
     top: 0,
     left: 0
-  }), c = h(null), t = h(null), l = h(null), g = h(null), w = h(!1), m = a !== void 0, R = m ? 150 : 0, d = () => {
-    if (!l.current || !g.current) return;
-    const r = l.current.firstElementChild?.getBoundingClientRect();
-    let e = r && r.width > 0 ? r : l.current.getBoundingClientRect();
+  }), c = h(null), r = h(null), l = h(null), d = h(null), g = h(!1), w = a !== void 0, v = w ? 150 : 0, R = () => {
+    if (!l.current || !d.current) return;
+    const t = l.current.firstElementChild?.getBoundingClientRect();
+    let e = t && t.width > 0 ? t : l.current.getBoundingClientRect();
     if (e.width === 0 && e.height === 0) {
       const C = document.createRange();
       C.selectNodeContents(l.current);
       const E = C.getBoundingClientRect();
       (E.width > 0 || E.height > 0) && (e = E);
     }
-    const n = g.current.getBoundingClientRect(), v = 8;
+    const n = d.current.getBoundingClientRect(), m = 8;
     let o = 0, i = 0;
     switch (T) {
       case "top":
-        o = e.top - n.height - v, i = e.left + e.width / 2 - n.width / 2;
+        o = e.top - n.height - m, i = e.left + e.width / 2 - n.width / 2;
         break;
       case "bottom":
-        o = e.bottom + v, i = e.left + e.width / 2 - n.width / 2;
+        o = e.bottom + m, i = e.left + e.width / 2 - n.width / 2;
         break;
       case "left":
-        o = e.top + e.height / 2 - n.height / 2, i = e.left - n.width - v;
+        o = e.top + e.height / 2 - n.height / 2, i = e.left - n.width - m;
         break;
       case "right":
-        o = e.top + e.height / 2 - n.height / 2, i = e.right + v;
+        o = e.top + e.height / 2 - n.height / 2, i = e.right + m;
     }
-    const u = 8;
-    i < u && (i = u), i + n.width > window.innerWidth - u && (i = window.innerWidth - n.width - u), o < u && (o = u), o + n.height > window.innerHeight - u && (o = window.innerHeight - n.height - u), I({
+    const s = 8;
+    i < s && (i = s), i + n.width > window.innerWidth - s && (i = window.innerWidth - n.width - s), o < s && (o = s), o + n.height > window.innerHeight - s && (o = window.innerHeight - n.height - s), I({
       top: o,
       left: i
     });
   }, P = () => {
-    $ || w.current || (t.current && (clearTimeout(t.current), t.current = null), c.current = setTimeout(() => {
-      s(!0);
+    $ || g.current || (r.current && (clearTimeout(r.current), r.current = null), c.current = setTimeout(() => {
+      u(!0);
     }, _));
   }, y = () => {
-    w.current || (c.current && clearTimeout(c.current), R > 0 ? t.current = setTimeout(() => s(!1), R) : s(!1));
-  }, j = (r) => {
-    r.pointerType !== "touch" && r.pointerType !== "pen" || $ || (w.current = !0, c.current && (clearTimeout(c.current), c.current = null), r.stopPropagation(), s((e) => !e));
+    g.current || (c.current && clearTimeout(c.current), v > 0 ? r.current = setTimeout(() => u(!1), v) : u(!1));
+  }, j = (t) => {
+    t.pointerType !== "touch" && t.pointerType !== "pen" || $ || (g.current = !0, c.current && (clearTimeout(c.current), c.current = null), t.stopPropagation(), u((e) => !e));
   };
-  b(() => (f && (d(), window.addEventListener("scroll", d, !0), window.addEventListener("resize", d)), () => {
-    window.removeEventListener("scroll", d, !0), window.removeEventListener("resize", d);
-  }), [f]), b(() => {
+  b(() => {
     if (!f) return;
-    const r = (e) => {
-      l.current?.contains(e.target) || g.current?.contains(e.target) || s(!1);
+    const t = (e) => {
+      e.target instanceof Node && d.current?.contains(e.target) || u(!1);
     };
-    return document.addEventListener("pointerdown", r), () => {
-      document.removeEventListener("pointerdown", r), w.current = !1;
+    return R(), window.addEventListener("scroll", t, !0), window.addEventListener("resize", R), () => {
+      window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", R);
+    };
+  }, [f]), b(() => {
+    if (!f) return;
+    const t = (e) => {
+      l.current?.contains(e.target) || d.current?.contains(e.target) || u(!1);
+    };
+    return document.addEventListener("pointerdown", t), () => {
+      document.removeEventListener("pointerdown", t), g.current = !1;
     };
   }, [f]), b(() => () => {
-    c.current && clearTimeout(c.current), t.current && clearTimeout(t.current);
+    c.current && clearTimeout(c.current), r.current && clearTimeout(r.current);
   }, []);
   const x = () => {
-    m && t.current && (clearTimeout(t.current), t.current = null);
+    w && r.current && (clearTimeout(r.current), r.current = null);
   }, z = () => {
-    m && (t.current = setTimeout(() => s(!1), R));
+    w && (r.current = setTimeout(() => u(!1), v));
   };
-  return /* @__PURE__ */ N(V, { children: [/* @__PURE__ */ D("span", {
+  return /* @__PURE__ */ D(S, { children: [/* @__PURE__ */ N("span", {
     ref: l,
     className: "tooltip-trigger",
     onMouseEnter: P,
@@ -73,9 +79,9 @@ var K = ({ title: L, position: T = "top", delay: _ = 200, children: k, disabled:
     onBlur: y,
     onPointerDown: j,
     children: k
-  }), f && L && O(/* @__PURE__ */ N("div", {
-    ref: g,
-    className: `tooltip tooltip--${T} ${m ? "tooltip--scrollable" : ""} ${F}`,
+  }), f && L && V(/* @__PURE__ */ D("div", {
+    ref: d,
+    className: `tooltip tooltip--${T} ${w ? "tooltip--scrollable" : ""} ${F}`,
     style: {
       top: `${M.top}px`,
       left: `${M.left}px`,
@@ -84,7 +90,7 @@ var K = ({ title: L, position: T = "top", delay: _ = 200, children: k, disabled:
     },
     onMouseEnter: x,
     onMouseLeave: z,
-    children: [L, /* @__PURE__ */ D("div", { className: `tooltip__arrow tooltip__arrow--${T}` })]
+    children: [L, /* @__PURE__ */ N("div", { className: `tooltip__arrow tooltip__arrow--${T}` })]
   }), document.body)] });
 };
 export {

package/dist/helpers/VersionInfo.js

@@ -23,7 +23,7 @@ var r = (i) => {
   const o = {
     ...i,
     lib: d,
-    libBuildNumber: 501,
+    libBuildNumber: 506,
     libCommit: n,
     libBuildDate: t
   };

package/dist/version.js

@@ -1,4 +1,4 @@
-var I = "3.10.0", B = 501, L = "a4994d2", _ = "2026-10-14T19:49:58.413Z", a = "501";
+var I = "3.11.1", B = 506, L = "fdabb4d", _ = "2026-10-16T17:07:55.728Z", a = "506";
 export {
   _ as LIB_BUILD_DATE,
   a as LIB_BUILD_ID,

package/dist/version.json

@@ -1,6 +1,6 @@
 {
-  "version": "3.10.0",
-  "buildNumber": 501,
-  "commit": "a4994d2",
-  "buildDate": "2026-10-14T19:49:58.413Z"
+  "version": "3.11.1",
+  "buildNumber": 506,
+  "commit": "fdabb4d",
+  "buildDate": "2026-10-16T17:07:55.728Z"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memobit/libs",
-  "version": "3.10.0",
+  "version": "3.11.1",
   "description": "React component library powering the Memobit apps — 100+ components, helpers and hooks. Icons ship as @memobit/icons and themes as @memobit/themes. TypeScript-first, ESM-only, React 19.",
   "keywords": [
     "react",
@@ -48,10 +48,6 @@
       "types": "./dist/http.d.ts",
       "import": "./dist/http.js"
     },
-    "./errors": {
-      "types": "./dist/errors.d.ts",
-      "import": "./dist/errors.js"
-    },
     "./router": {
       "types": "./dist/router.d.ts",
       "import": "./dist/router.js"
@@ -84,6 +80,7 @@
     "format:check": "prettier --check \"**/*.{ts,tsx,js,jsx,mjs,cjs,css,scss}\""
   },
   "peerDependencies": {
+    "@memobit/core": "1.0.0",
     "@memobit/icons": "^1.5.0",
     "@memobit/themes": "^1.0.0",
     "react": "19.3.0",
@@ -97,6 +94,7 @@
   },
   "devDependencies": {
     "@eslint/js": "9.39.4",
+    "@memobit/core": "file:../memobit-core",
     "@memobit/icons": "file:../memobit-react-icons",
     "@memobit/themes": "file:../memobit-react-themes",
     "@microsoft/api-extractor": "7.59.2",

package/dist/errors.d.ts

@@ -1,78 +0,0 @@
-export declare type ErrorReportContext = Record<string, unknown>;
-
-export declare interface ErrorReportingConfig {
-    /** The app id registered in the hub, e.g. `garage`. */
-    appId: string;
-    /** The hub ingest URL, e.g. `https://hub.memobit.ro/api/errors/ingest`. */
-    endpoint: string;
-    /** Turns reporting off for this run, e.g. `import.meta.env.PROD` to report only from production builds. Defaults to true. */
-    enabled?: boolean;
-    /** Shown in the hub next to each error. Defaults to `production`. */
-    environment?: string;
-    /** Build or commit the errors came from. */
-    release?: string;
-    /** Also report `console.error` and `console.warn` calls. Defaults to true. */
-    captureConsole?: boolean;
-    /** Messages to drop, on top of the built-in browser noise filters. */
-    ignore?: (string | RegExp)[];
-    /** Most events sent per page load or process run. Defaults to 200. */
-    maxEventsPerSession?: number;
-}
-
-/**
- * Error reporting shared by every memobit app, in the browser and in Node. Errors and
- * warnings are batched and POSTed to the hub's errors/ingest endpoint, which groups them,
- * lists them on the hub's Errors page and emails on new errors and on spikes.
- *
- * React-free on purpose (it ships through the `@memobit/libs/errors` entry), so Node
- * servers can use it too. The hub can switch reporting off — globally, per app, or
- * automatically on a spike — and the reporter then stays quiet for as long as it is told.
- */
-export declare type ErrorReportLevel = 'error' | 'warning';
-
-/** Sends whatever is queued now instead of waiting for the next batch. */
-export declare const flushErrorReports: () => Promise<void>;
-
-/** Browser apps: call once, before rendering. */
-export declare const installErrorReporting: (config: ErrorReportingConfig) => void;
-
-/**
- * Node servers: call once at startup, passing `process`. Unhandled rejections reach
- * Node's uncaught-exception path, so both are covered. Listening there would stop the
- * crash Node normally does, so — unless the server has its own handler — the process
- * still exits with code 1, once the report is sent (or after 3s).
- */
-export declare const installNodeErrorReporting: (nodeProcess: NodeProcessLike, config: ErrorReportingConfig) => void;
-
-/**
- * Use in place of `console.*` in app code. `debug` and `info` only write to the console;
- * `warn` and `error` also report to the hub once error reporting is installed — and only
- * once, even though the console capture is on.
- */
-export declare const logger: {
-    debug: (message: string, context?: ErrorReportContext) => void;
-    info: (message: string, context?: ErrorReportContext) => void;
-    warn: (message: string, context?: ErrorReportContext) => void;
-    /** `error` is the caught value, if there is one; its stack is kept. */
-    error: (message: string, error?: unknown, context?: ErrorReportContext) => void;
-};
-
-/** The part of Node's `process` the reporter needs; pass `process` itself. */
-export declare interface NodeProcessLike {
-    on(event: 'uncaughtException', listener: (error: Error) => void): unknown;
-    listenerCount(event: 'uncaughtException'): number;
-    exit(code?: number): void;
-}
-
-/** Reports a caught error you handled but still want to know about. */
-declare const reportError_2: (error: unknown, context?: ErrorReportContext) => void;
-export { reportError_2 as reportError }
-
-export { }
-
-
-declare global {
-    interface Window {
-        __VERSIONS__: FullVersionInfo;
-    }
-}

package/dist/errors.js

@@ -1,9 +0,0 @@
-import { flushErrorReports as o, installErrorReporting as t, installNodeErrorReporting as e, reportError as p } from "./helpers/ErrorReporting.js";
-import { logger as l } from "./helpers/Logger.js";
-export {
-  o as flushErrorReports,
-  t as installErrorReporting,
-  e as installNodeErrorReporting,
-  l as logger,
-  p as reportError
-};

package/dist/helpers/ErrorReporting.js

@@ -1,179 +0,0 @@
-var b = 5e3, A = 10, U = 25, _ = 1e3, f = 4e3, m = 60, R = 3e3, T = [/ResizeObserver loop/, /^Script error\.?$/], l = null, u = !1, E = /* @__PURE__ */ new WeakSet(), d = {}, p = (e, r) => e.length > r ? `${e.slice(0, r)}…` : e, v = (e) => typeof e == "object" && e !== null && !Array.isArray(e), $ = (e) => v(e) && (e.enabled === void 0 || typeof e.enabled == "boolean"), s = (e) => {
-  if (e instanceof Error) return e.message ? `${e.name}: ${e.message}` : e.name;
-  if (typeof e == "string") return e;
-  try {
-    return p(JSON.stringify(e) ?? String(e), 500);
-  } catch {
-    return String(e);
-  }
-}, C = (e) => {
-  const [r, ...n] = e;
-  return typeof r != "string" || !/%[sdifoOc]/.test(r) ? e.map(s).join(" ") : [r.replace(/%([sdifoOc%])/g, (t, o) => {
-    if (o === "%") return "%";
-    if (n.length === 0) return t;
-    const a = n.shift();
-    return o === "c" ? "" : s(a);
-  }), ...n.map(s)].join(" ");
-}, O = (e) => {
-  if (e)
-    try {
-      const r = JSON.stringify(e);
-      if (r.length > f) return { truncated: p(r, f) };
-      const n = JSON.parse(r);
-      return v(n) ? n : void 0;
-    } catch {
-      return { unserializable: s(e) };
-    }
-}, N = () => typeof location > "u" ? void 0 : location.origin + location.pathname, q = (e, r, n) => n?.includes("-extension://") ? !0 : e.ignore.some((t) => typeof t == "string" ? r.includes(t) : t.test(r)), h = (e, r) => {
-  e.pausedUntil = Date.now() + Math.max(30, r) * 1e3, e.queue.clear();
-}, g = (e) => {
-  e.timer === null && (e.timer = setTimeout(() => {
-    c();
-  }, b));
-}, y = (e, r) => {
-  (d[e] ?? console[e]).apply(console, r);
-}, i = (e) => {
-  const r = l;
-  if (!(!r || u)) {
-    if (typeof e.error == "object" && e.error !== null) {
-      if (E.has(e.error)) return;
-      E.add(e.error);
-    }
-    if (!(Date.now() < r.pausedUntil || q(r, e.message, e.stack))) {
-      u = !0;
-      try {
-        const n = p(e.message, _), t = `${e.level}|${n}|${e.stack?.split(`
-`, 2).join("|") ?? ""}`, o = r.queue.get(t);
-        if (o) {
-          o.count += 1;
-          return;
-        }
-        if (r.sent + r.queue.size >= r.maxEvents) {
-          r.capReached || (r.capReached = !0, y("warn", [`[memobit] Error reporting stopped for this session after ${r.maxEvents} events.`]));
-          return;
-        }
-        r.queue.set(t, {
-          level: e.level,
-          message: n,
-          stack: e.stack,
-          url: N(),
-          context: O(e.context),
-          count: 1
-        }), r.queue.size >= A ? c() : g(r);
-      } finally {
-        u = !1;
-      }
-    }
-  }
-}, x = (e, r) => {
-  i({
-    level: "error",
-    message: s(e),
-    stack: e instanceof Error ? e.stack : void 0,
-    context: r,
-    error: e
-  });
-}, c = async () => {
-  const e = l;
-  if (!e) return;
-  e.timer !== null && (clearTimeout(e.timer), e.timer = null);
-  const r = [...e.queue.entries()].slice(0, U);
-  if (r.length === 0) return;
-  r.forEach(([t]) => e.queue.delete(t)), e.sent += r.length;
-  const n = JSON.stringify({
-    app: e.appId,
-    source: e.source,
-    environment: e.environment,
-    release: e.release,
-    events: r.map(([, t]) => t)
-  });
-  try {
-    const t = await (await fetch(e.endpoint, {
-      method: "POST",
-      headers: { "Content-Type": "text/plain;charset=UTF-8" },
-      body: n,
-      credentials: "omit",
-      keepalive: n.length < 6e4
-    })).json().catch(() => null);
-    $(t) && t.enabled === !1 && h(e, t.retryAfter ?? m);
-  } catch {
-    h(e, m);
-  }
-  e.queue.size > 0 && g(e);
-}, w = (e, r) => l || e.enabled === !1 || !e.appId || !e.endpoint ? !1 : (l = {
-  appId: e.appId,
-  endpoint: e.endpoint,
-  source: r,
-  environment: e.environment ?? "production",
-  release: e.release,
-  ignore: [...T, ...e.ignore ?? []],
-  maxEvents: e.maxEventsPerSession ?? 200,
-  queue: /* @__PURE__ */ new Map(),
-  sent: 0,
-  pausedUntil: 0,
-  capReached: !1,
-  timer: null
-}, !0), S = () => {
-  const e = console.error, r = console.warn;
-  d.error = e, d.warn = r;
-  const n = (t, o) => {
-    const a = o.find((k) => k instanceof Error);
-    i({
-      level: t,
-      message: C(o),
-      stack: a instanceof Error ? a.stack : void 0,
-      error: a
-    });
-  };
-  console.error = (...t) => {
-    e.apply(console, t), n("error", t);
-  }, console.warn = (...t) => {
-    r.apply(console, t), n("warning", t);
-  };
-}, I = (e) => {
-  if (typeof window > "u" || !w(e, "client")) return;
-  window.addEventListener("error", (n) => {
-    const t = n.error;
-    i({
-      level: "error",
-      message: t instanceof Error ? s(t) : n.message || "Unknown error",
-      stack: t instanceof Error ? t.stack : `at ${n.filename}:${n.lineno}:${n.colno}`,
-      error: t
-    });
-  }), window.addEventListener("unhandledrejection", (n) => {
-    const t = n.reason;
-    i({
-      level: "error",
-      message: `Unhandled rejection: ${s(t)}`,
-      stack: t instanceof Error ? t.stack : void 0,
-      error: t
-    });
-  });
-  const r = () => {
-    c();
-  };
-  window.addEventListener("pagehide", r), document.addEventListener("visibilitychange", () => {
-    document.visibilityState === "hidden" && r();
-  }), e.captureConsole !== !1 && S();
-}, L = (e, r) => {
-  w(r, "server") && (e.on("uncaughtException", (n) => {
-    if (i({
-      level: "error",
-      message: `Uncaught ${s(n)}`,
-      stack: n.stack,
-      error: n
-    }), e.listenerCount("uncaughtException") > 1) return;
-    y("error", [n]);
-    const t = new Promise((o) => setTimeout(o, R));
-    Promise.race([c(), t]).finally(() => e.exit(1));
-  }), r.captureConsole !== !1 && S());
-};
-export {
-  i as captureEvent,
-  s as describeValue,
-  c as flushErrorReports,
-  I as installErrorReporting,
-  L as installNodeErrorReporting,
-  x as reportError,
-  y as writeNativeConsole
-};

package/dist/helpers/Logger.js

@@ -1,31 +0,0 @@
-import { captureEvent as e, describeValue as d, writeNativeConsole as n } from "./ErrorReporting.js";
-var v = (o, i, r) => {
-  const a = [o];
-  return r !== void 0 && a.push(r), i !== void 0 && a.push(i), a;
-}, t = {
-  debug: (o, i) => {
-    n("debug", v(o, i));
-  },
-  info: (o, i) => {
-    n("info", v(o, i));
-  },
-  warn: (o, i) => {
-    n("warn", v(o, i)), e({
-      level: "warning",
-      message: o,
-      context: i
-    });
-  },
-  error: (o, i, r) => {
-    n("error", v(o, r, i)), e({
-      level: "error",
-      message: i === void 0 ? o : `${o}: ${d(i)}`,
-      stack: i instanceof Error ? i.stack : void 0,
-      context: r,
-      error: i
-    });
-  }
-};
-export {
-  t as logger
-};