@ergoblockchain/sage-widget 0.1.0

package/dist/vanilla.cjs

@@ -0,0 +1,263 @@
+'use strict';
+
+// src/types.ts
+var DEFAULT_API_BASE = "https://www.ergoblockchain.org";
+var DEFAULT_LIMIT = 5;
+var DEFAULT_REFRESH_MS = 6e4;
+
+// src/api.ts
+async function fetchSageActivity(opts = {}) {
+  const base = opts.apiBase ?? DEFAULT_API_BASE;
+  const limit = Math.min(Math.max(opts.limit ?? DEFAULT_LIMIT, 1), 25);
+  const url = `${base}/api/sage/activity?limit=${limit}`;
+  const res = await fetch(url, { signal: opts.signal });
+  if (!res.ok) {
+    throw new Error(`sage activity ${res.status}`);
+  }
+  return await res.json();
+}
+function nanoToErg(nano) {
+  if (!nano || nano <= 0) return "0";
+  const erg = nano / 1e9;
+  return erg.toFixed(9).replace(/\.?0+$/, "");
+}
+function relativeTime(ms, now = Date.now()) {
+  const diff = Math.max(0, now - ms);
+  const sec = Math.floor(diff / 1e3);
+  if (sec < 60) return `${sec}s ago`;
+  const min = Math.floor(sec / 60);
+  if (min < 60) return `${min}m ago`;
+  const hr = Math.floor(min / 60);
+  if (hr < 24) return `${hr}h ago`;
+  const day = Math.floor(hr / 24);
+  return `${day}d ago`;
+}
+function receiptUrl(txId, apiBase = DEFAULT_API_BASE) {
+  return `${apiBase}/r/sage/${txId}`;
+}
+function explorerUrl(txId, network = "testnet") {
+  return network === "testnet" ? `https://testnet.ergoplatform.com/transactions/${txId}` : `https://explorer.ergoplatform.com/transactions/${txId}`;
+}
+
+// src/vanilla/mountSageFeed.ts
+function mountSageFeed(target, opts = {}) {
+  const apiBase = opts.apiBase;
+  const limit = opts.limit ?? DEFAULT_LIMIT;
+  const refreshMs = opts.refreshMs ?? DEFAULT_REFRESH_MS;
+  let cancelled = false;
+  let abort = new AbortController();
+  let response = null;
+  let pollId;
+  let tickId;
+  const root = document.createElement("div");
+  root.setAttribute("data-sage-widget", "true");
+  applyStyles(root, rootStyle);
+  target.appendChild(root);
+  function render() {
+    root.innerHTML = "";
+    const header = document.createElement("div");
+    applyStyles(header, headerStyle);
+    const dot = document.createElement("span");
+    applyStyles(dot, dotStyle);
+    const label = document.createElement("span");
+    applyStyles(label, labelStyle);
+    label.textContent = `Live \xB7 Ergo ${response?.network ?? "testnet"}`;
+    const link = document.createElement("a");
+    link.href = "https://www.ergoblockchain.org/agent-economy#sage-activity";
+    link.target = "_blank";
+    link.rel = "noopener noreferrer";
+    link.textContent = "Sage on chain";
+    applyStyles(link, linkStyle);
+    header.append(dot, label, link);
+    root.appendChild(header);
+    const list = document.createElement("div");
+    const events = response?.events ?? [];
+    if (!response) {
+      list.textContent = "Loading\u2026";
+      applyStyles(list, emptyStyle);
+    } else if (events.length === 0) {
+      list.textContent = "No activity yet \u2014 be the first to ask Sage a paid query.";
+      applyStyles(list, emptyStyle);
+    } else {
+      events.forEach((evt) => list.appendChild(renderRow(evt, response.network, apiBase)));
+    }
+    root.appendChild(list);
+  }
+  function renderRow(evt, network, base) {
+    const isSettle = evt.type === "settlement";
+    const a = document.createElement("a");
+    a.href = isSettle ? receiptUrl(evt.txId, base) : explorerUrl(evt.txId, network);
+    a.target = "_blank";
+    a.rel = "noopener noreferrer";
+    applyStyles(a, rowStyle);
+    const chip = document.createElement("span");
+    chip.textContent = isSettle ? "Settled" : evt.type === "issuance" ? "Issued" : "Transfer";
+    applyStyles(chip, isSettle ? chipSettleStyle : chipIssueStyle);
+    const meta = document.createElement("span");
+    applyStyles(meta, metaStyle);
+    const tx = document.createElement("span");
+    tx.textContent = evt.txId;
+    applyStyles(tx, txStyle);
+    const when = document.createElement("span");
+    when.textContent = `block ${evt.blockHeight.toLocaleString()} \xB7 ${relativeTime(evt.timestamp)}`;
+    applyStyles(when, whenStyle);
+    meta.append(tx, when);
+    const amt = document.createElement("span");
+    const value = isSettle ? evt.paymentNanoErg ?? evt.inflowNanoErg : evt.inflowNanoErg;
+    applyStyles(amt, amountStyle);
+    const ergSpan = document.createElement("span");
+    ergSpan.textContent = ` ERG`;
+    applyStyles(ergSpan, amountUnitStyle);
+    amt.append(nanoToErg(value), ergSpan);
+    a.append(chip, meta, amt);
+    return a;
+  }
+  async function load() {
+    if (cancelled) return;
+    abort.abort();
+    abort = new AbortController();
+    try {
+      const data = await fetchSageActivity({
+        apiBase,
+        limit,
+        signal: abort.signal
+      });
+      if (cancelled) return;
+      response = data;
+      render();
+      opts.onUpdate?.(data);
+    } catch (err) {
+      if (cancelled || err.name === "AbortError") return;
+      (opts.onError ?? console.warn)(err);
+    }
+  }
+  render();
+  load();
+  if (refreshMs > 0) pollId = setInterval(load, refreshMs);
+  tickId = setInterval(render, 15e3);
+  return {
+    refresh: load,
+    destroy() {
+      cancelled = true;
+      abort.abort();
+      if (pollId) clearInterval(pollId);
+      if (tickId) clearInterval(tickId);
+      root.remove();
+    },
+    current: () => response
+  };
+}
+function applyStyles(el, styles) {
+  Object.assign(el.style, styles);
+}
+var rootStyle = {
+  background: "#000",
+  color: "#e5e7eb",
+  fontFamily: "'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace",
+  padding: "14px 16px",
+  borderRadius: "14px",
+  border: "1px solid rgba(255,255,255,.08)",
+  boxSizing: "border-box",
+  width: "100%",
+  fontSize: "14px",
+  lineHeight: "1.4"
+};
+var headerStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: "10px",
+  marginBottom: "10px"
+};
+var dotStyle = {
+  width: "8px",
+  height: "8px",
+  borderRadius: "50%",
+  background: "#fb923c",
+  flexShrink: "0"
+};
+var labelStyle = {
+  fontSize: "10px",
+  letterSpacing: "0.25em",
+  textTransform: "uppercase",
+  color: "#fb923c"
+};
+var linkStyle = {
+  marginLeft: "auto",
+  fontSize: "13px",
+  color: "#fed7aa",
+  textDecoration: "none"
+};
+var rowStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: "10px",
+  padding: "8px 0",
+  borderTop: "1px solid rgba(255,255,255,.06)",
+  textDecoration: "none",
+  color: "inherit"
+};
+var chipSettleStyle = {
+  fontSize: "9px",
+  letterSpacing: "0.2em",
+  textTransform: "uppercase",
+  padding: "2px 6px",
+  borderRadius: "4px",
+  flexShrink: "0",
+  border: "1px solid rgba(251,146,60,.4)",
+  color: "#fdba74",
+  background: "rgba(251,146,60,.1)"
+};
+var chipIssueStyle = {
+  fontSize: "9px",
+  letterSpacing: "0.2em",
+  textTransform: "uppercase",
+  padding: "2px 6px",
+  borderRadius: "4px",
+  flexShrink: "0",
+  border: "1px solid rgba(245,158,11,.3)",
+  color: "rgba(252,211,77,.8)",
+  background: "rgba(245,158,11,.05)"
+};
+var metaStyle = {
+  flex: "1",
+  minWidth: "0",
+  display: "flex",
+  flexDirection: "column"
+};
+var txStyle = {
+  color: "#d1d5db",
+  fontSize: "11px",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+var whenStyle = {
+  color: "#6b7280",
+  fontSize: "10px",
+  marginTop: "1px"
+};
+var amountStyle = {
+  color: "#fed7aa",
+  fontSize: "12px",
+  flexShrink: "0",
+  textAlign: "right"
+};
+var amountUnitStyle = {
+  color: "#6b7280",
+  fontSize: "9px",
+  textTransform: "uppercase",
+  marginLeft: "2px"
+};
+var emptyStyle = {
+  padding: "18px 0",
+  textAlign: "center",
+  color: "#6b7280",
+  fontSize: "11px"
+};
+
+exports.DEFAULT_API_BASE = DEFAULT_API_BASE;
+exports.DEFAULT_LIMIT = DEFAULT_LIMIT;
+exports.DEFAULT_REFRESH_MS = DEFAULT_REFRESH_MS;
+exports.mountSageFeed = mountSageFeed;
+//# sourceMappingURL=vanilla.cjs.map
+//# sourceMappingURL=vanilla.cjs.map

package/dist/vanilla.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types.ts","../src/api.ts","../src/vanilla/mountSageFeed.ts"],"names":[],"mappings":"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","file":"vanilla.cjs","sourcesContent":["/**\n * Public types — mirror of /api/sage/activity response shape.\n *\n * The source of truth is the API at https://www.ergoblockchain.org/api/sage/activity;\n * this file re-states the schema so consumers don't have to depend on the\n * server-side fetcher.\n */\n\nexport type SageActivityType = \"settlement\" | \"issuance\" | \"transfer\"\n\nexport interface SageActivityEvent {\n  /** 64-char hex transaction id. */\n  txId: string\n  /** Block height at inclusion. */\n  blockHeight: number\n  /** Block timestamp (ms epoch). */\n  timestamp: number\n  /** Heuristic classification of the tx. */\n  type: SageActivityType\n  /** nanoERG flowing into the seller wallet from this tx (sum of outputs). */\n  inflowNanoErg: number\n  /**\n   * For settlements: value of the redeemed Note (= what the buyer paid).\n   * For other event types: undefined.\n   *\n   * Use this — not `inflowNanoErg` — when displaying \"amount paid for a\n   * settled query\". `inflowNanoErg` includes change boxes in test setups\n   * where the buyer and seller share an address.\n   */\n  paymentNanoErg?: number\n  /** First input box that carries Note-shape registers, if any. */\n  noteBoxId?: string\n}\n\nexport interface SageActivityResponse {\n  ok: boolean\n  network: \"testnet\" | \"mainnet\"\n  /** Sage seller wallet address. */\n  receiver: string\n  /** Total number of txs ever touching the wallet, per the explorer. */\n  total: number\n  events: SageActivityEvent[]\n  error?: string\n}\n\n/**\n * Configuration accepted by every entry point (React component +\n * vanilla mount fn). Defaults below are sensible for the canonical\n * ergoblockchain.org deployment.\n */\nexport interface SageWidgetOptions {\n  /**\n   * Base URL of the Sage host. Override if you run your own Sage\n   * deployment behind a custom domain. Default: ergoblockchain.org.\n   */\n  apiBase?: string\n  /**\n   * Number of events to display (max 25). Default: 5.\n   */\n  limit?: number\n  /**\n   * Polling interval in ms. Default: 60000 (60s). Set to 0 to disable\n   * polling — the widget will fetch once on mount and never refresh.\n   */\n  refreshMs?: number\n  /**\n   * Optional callback fired every time a fresh response arrives. Useful\n   * for analytics or for triggering host-side animations on new\n   * settlements.\n   */\n  onUpdate?: (response: SageActivityResponse) => void\n  /**\n   * Optional callback fired on fetch errors. Default: console.warn.\n   */\n  onError?: (error: unknown) => void\n}\n\nexport const DEFAULT_API_BASE = \"https://www.ergoblockchain.org\"\nexport const DEFAULT_LIMIT = 5\nexport const DEFAULT_REFRESH_MS = 60_000\n","/**\n * Thin client over /api/sage/activity.\n *\n * Pure fetch + shape — no rendering, no DOM. React + vanilla mounts\n * both call into here so the API contract lives in one place.\n */\n\nimport {\n  DEFAULT_API_BASE,\n  DEFAULT_LIMIT,\n  type SageActivityResponse,\n} from \"./types\"\n\nexport interface FetchActivityOptions {\n  apiBase?: string\n  limit?: number\n  signal?: AbortSignal\n}\n\nexport async function fetchSageActivity(\n  opts: FetchActivityOptions = {},\n): Promise<SageActivityResponse> {\n  const base = opts.apiBase ?? DEFAULT_API_BASE\n  const limit = Math.min(Math.max(opts.limit ?? DEFAULT_LIMIT, 1), 25)\n  const url = `${base}/api/sage/activity?limit=${limit}`\n  const res = await fetch(url, { signal: opts.signal })\n  if (!res.ok) {\n    throw new Error(`sage activity ${res.status}`)\n  }\n  return (await res.json()) as SageActivityResponse\n}\n\n/** nanoERG → \"0.001\" (trims trailing zeros, max 9 decimals). */\nexport function nanoToErg(nano: number | undefined): string {\n  if (!nano || nano <= 0) return \"0\"\n  const erg = nano / 1e9\n  return erg.toFixed(9).replace(/\\.?0+$/, \"\")\n}\n\n/** Cheap relative-time formatter, ASCII-only, no Intl deps. */\nexport function relativeTime(ms: number, now: number = Date.now()): string {\n  const diff = Math.max(0, now - ms)\n  const sec = Math.floor(diff / 1000)\n  if (sec < 60) return `${sec}s ago`\n  const min = Math.floor(sec / 60)\n  if (min < 60) return `${min}m ago`\n  const hr = Math.floor(min / 60)\n  if (hr < 24) return `${hr}h ago`\n  const day = Math.floor(hr / 24)\n  return `${day}d ago`\n}\n\n/** Receipt URL for a settled tx, given the host base. */\nexport function receiptUrl(txId: string, apiBase: string = DEFAULT_API_BASE): string {\n  return `${apiBase}/r/sage/${txId}`\n}\n\n/** Explorer URL for a tx on the given network. */\nexport function explorerUrl(\n  txId: string,\n  network: \"testnet\" | \"mainnet\" = \"testnet\",\n): string {\n  return network === \"testnet\"\n    ? `https://testnet.ergoplatform.com/transactions/${txId}`\n    : `https://explorer.ergoplatform.com/transactions/${txId}`\n}\n","/**\n * mountSageFeed — framework-agnostic DOM mount for the Sage activity\n * feed. Imports cleanly into any non-React app (Svelte, Vue, plain HTML\n * with bundler, etc.). For React apps prefer the typed component at\n * `@ergoblockchain/sage-widget/react`.\n *\n * Usage:\n *\n *   import { mountSageFeed } from \"@ergoblockchain/sage-widget/vanilla\"\n *   const handle = mountSageFeed(document.getElementById(\"sage\")!, {\n *     limit: 5,\n *     refreshMs: 60000,\n *   })\n *   // later: handle.destroy()\n *\n * No iframe, no shadow DOM — the markup is rendered into the target\n * element with inline styles. If you need style isolation, embed the\n * canonical iframe variant from `https://www.ergoblockchain.org/agents.js`.\n */\n\nimport {\n  explorerUrl,\n  fetchSageActivity,\n  nanoToErg,\n  receiptUrl,\n  relativeTime,\n} from \"../api\"\nimport {\n  DEFAULT_LIMIT,\n  DEFAULT_REFRESH_MS,\n  type SageActivityEvent,\n  type SageActivityResponse,\n  type SageWidgetOptions,\n} from \"../types\"\n\nexport interface MountSageFeedHandle {\n  /** Trigger a fetch outside the polling interval (e.g. on user action). */\n  refresh: () => Promise<void>\n  /** Stop polling and remove all DOM the widget rendered. */\n  destroy: () => void\n  /** Most recent successful response, or null if none yet. */\n  current: () => SageActivityResponse | null\n}\n\nexport function mountSageFeed(\n  target: Element,\n  opts: SageWidgetOptions = {},\n): MountSageFeedHandle {\n  const apiBase = opts.apiBase\n  const limit = opts.limit ?? DEFAULT_LIMIT\n  const refreshMs = opts.refreshMs ?? DEFAULT_REFRESH_MS\n\n  let cancelled = false\n  let abort = new AbortController()\n  let response: SageActivityResponse | null = null\n  let pollId: ReturnType<typeof setInterval> | undefined\n  let tickId: ReturnType<typeof setInterval> | undefined\n\n  const root = document.createElement(\"div\")\n  root.setAttribute(\"data-sage-widget\", \"true\")\n  applyStyles(root, rootStyle)\n  target.appendChild(root)\n\n  function render() {\n    root.innerHTML = \"\"\n    const header = document.createElement(\"div\")\n    applyStyles(header, headerStyle)\n    const dot = document.createElement(\"span\")\n    applyStyles(dot, dotStyle)\n    const label = document.createElement(\"span\")\n    applyStyles(label, labelStyle)\n    label.textContent = `Live · Ergo ${response?.network ?? \"testnet\"}`\n    const link = document.createElement(\"a\")\n    link.href = \"https://www.ergoblockchain.org/agent-economy#sage-activity\"\n    link.target = \"_blank\"\n    link.rel = \"noopener noreferrer\"\n    link.textContent = \"Sage on chain\"\n    applyStyles(link, linkStyle)\n    header.append(dot, label, link)\n    root.appendChild(header)\n\n    const list = document.createElement(\"div\")\n    const events = response?.events ?? []\n    if (!response) {\n      list.textContent = \"Loading…\"\n      applyStyles(list, emptyStyle)\n    } else if (events.length === 0) {\n      list.textContent = \"No activity yet — be the first to ask Sage a paid query.\"\n      applyStyles(list, emptyStyle)\n    } else {\n      events.forEach((evt) => list.appendChild(renderRow(evt, response!.network, apiBase)))\n    }\n    root.appendChild(list)\n  }\n\n  function renderRow(\n    evt: SageActivityEvent,\n    network: \"testnet\" | \"mainnet\",\n    base: string | undefined,\n  ): HTMLAnchorElement {\n    const isSettle = evt.type === \"settlement\"\n    const a = document.createElement(\"a\")\n    a.href = isSettle ? receiptUrl(evt.txId, base) : explorerUrl(evt.txId, network)\n    a.target = \"_blank\"\n    a.rel = \"noopener noreferrer\"\n    applyStyles(a, rowStyle)\n\n    const chip = document.createElement(\"span\")\n    chip.textContent = isSettle\n      ? \"Settled\"\n      : evt.type === \"issuance\"\n        ? \"Issued\"\n        : \"Transfer\"\n    applyStyles(chip, isSettle ? chipSettleStyle : chipIssueStyle)\n\n    const meta = document.createElement(\"span\")\n    applyStyles(meta, metaStyle)\n    const tx = document.createElement(\"span\")\n    tx.textContent = evt.txId\n    applyStyles(tx, txStyle)\n    const when = document.createElement(\"span\")\n    when.textContent = `block ${evt.blockHeight.toLocaleString()} · ${relativeTime(evt.timestamp)}`\n    applyStyles(when, whenStyle)\n    meta.append(tx, when)\n\n    const amt = document.createElement(\"span\")\n    const value = isSettle ? evt.paymentNanoErg ?? evt.inflowNanoErg : evt.inflowNanoErg\n    applyStyles(amt, amountStyle)\n    const ergSpan = document.createElement(\"span\")\n    ergSpan.textContent = ` ERG`\n    applyStyles(ergSpan, amountUnitStyle)\n    amt.append(nanoToErg(value), ergSpan)\n\n    a.append(chip, meta, amt)\n    return a\n  }\n\n  async function load() {\n    if (cancelled) return\n    abort.abort()\n    abort = new AbortController()\n    try {\n      const data = await fetchSageActivity({\n        apiBase,\n        limit,\n        signal: abort.signal,\n      })\n      if (cancelled) return\n      response = data\n      render()\n      opts.onUpdate?.(data)\n    } catch (err) {\n      if (cancelled || (err as { name?: string }).name === \"AbortError\") return\n      ;(opts.onError ?? console.warn)(err)\n    }\n  }\n\n  render()\n  load()\n  if (refreshMs > 0) pollId = setInterval(load, refreshMs)\n  tickId = setInterval(render, 15_000)\n\n  return {\n    refresh: load,\n    destroy() {\n      cancelled = true\n      abort.abort()\n      if (pollId) clearInterval(pollId)\n      if (tickId) clearInterval(tickId)\n      root.remove()\n    },\n    current: () => response,\n  }\n}\n\nfunction applyStyles(el: HTMLElement, styles: Partial<CSSStyleDeclaration>) {\n  Object.assign(el.style, styles)\n}\n\n// ── Default inline styles, mirror of the React component ──\n\nconst rootStyle: Partial<CSSStyleDeclaration> = {\n  background: \"#000\",\n  color: \"#e5e7eb\",\n  fontFamily:\n    \"'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace\",\n  padding: \"14px 16px\",\n  borderRadius: \"14px\",\n  border: \"1px solid rgba(255,255,255,.08)\",\n  boxSizing: \"border-box\",\n  width: \"100%\",\n  fontSize: \"14px\",\n  lineHeight: \"1.4\",\n}\n\nconst headerStyle: Partial<CSSStyleDeclaration> = {\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: \"10px\",\n  marginBottom: \"10px\",\n}\n\nconst dotStyle: Partial<CSSStyleDeclaration> = {\n  width: \"8px\",\n  height: \"8px\",\n  borderRadius: \"50%\",\n  background: \"#fb923c\",\n  flexShrink: \"0\",\n}\n\nconst labelStyle: Partial<CSSStyleDeclaration> = {\n  fontSize: \"10px\",\n  letterSpacing: \"0.25em\",\n  textTransform: \"uppercase\",\n  color: \"#fb923c\",\n}\n\nconst linkStyle: Partial<CSSStyleDeclaration> = {\n  marginLeft: \"auto\",\n  fontSize: \"13px\",\n  color: \"#fed7aa\",\n  textDecoration: \"none\",\n}\n\nconst rowStyle: Partial<CSSStyleDeclaration> = {\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: \"10px\",\n  padding: \"8px 0\",\n  borderTop: \"1px solid rgba(255,255,255,.06)\",\n  textDecoration: \"none\",\n  color: \"inherit\",\n}\n\nconst chipSettleStyle: Partial<CSSStyleDeclaration> = {\n  fontSize: \"9px\",\n  letterSpacing: \"0.2em\",\n  textTransform: \"uppercase\",\n  padding: \"2px 6px\",\n  borderRadius: \"4px\",\n  flexShrink: \"0\",\n  border: \"1px solid rgba(251,146,60,.4)\",\n  color: \"#fdba74\",\n  background: \"rgba(251,146,60,.1)\",\n}\n\nconst chipIssueStyle: Partial<CSSStyleDeclaration> = {\n  fontSize: \"9px\",\n  letterSpacing: \"0.2em\",\n  textTransform: \"uppercase\",\n  padding: \"2px 6px\",\n  borderRadius: \"4px\",\n  flexShrink: \"0\",\n  border: \"1px solid rgba(245,158,11,.3)\",\n  color: \"rgba(252,211,77,.8)\",\n  background: \"rgba(245,158,11,.05)\",\n}\n\nconst metaStyle: Partial<CSSStyleDeclaration> = {\n  flex: \"1\",\n  minWidth: \"0\",\n  display: \"flex\",\n  flexDirection: \"column\",\n}\n\nconst txStyle: Partial<CSSStyleDeclaration> = {\n  color: \"#d1d5db\",\n  fontSize: \"11px\",\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n}\n\nconst whenStyle: Partial<CSSStyleDeclaration> = {\n  color: \"#6b7280\",\n  fontSize: \"10px\",\n  marginTop: \"1px\",\n}\n\nconst amountStyle: Partial<CSSStyleDeclaration> = {\n  color: \"#fed7aa\",\n  fontSize: \"12px\",\n  flexShrink: \"0\",\n  textAlign: \"right\",\n}\n\nconst amountUnitStyle: Partial<CSSStyleDeclaration> = {\n  color: \"#6b7280\",\n  fontSize: \"9px\",\n  textTransform: \"uppercase\",\n  marginLeft: \"2px\",\n}\n\nconst emptyStyle: Partial<CSSStyleDeclaration> = {\n  padding: \"18px 0\",\n  textAlign: \"center\",\n  color: \"#6b7280\",\n  fontSize: \"11px\",\n}\n"]}

package/dist/vanilla.d.cts

@@ -0,0 +1,34 @@
+import { c as SageActivityResponse, e as SageWidgetOptions } from './types-uzMz6_mP.cjs';
+export { D as DEFAULT_API_BASE, a as DEFAULT_LIMIT, b as DEFAULT_REFRESH_MS, S as SageActivityEvent, d as SageActivityType } from './types-uzMz6_mP.cjs';
+
+/**
+ * mountSageFeed — framework-agnostic DOM mount for the Sage activity
+ * feed. Imports cleanly into any non-React app (Svelte, Vue, plain HTML
+ * with bundler, etc.). For React apps prefer the typed component at
+ * `@ergoblockchain/sage-widget/react`.
+ *
+ * Usage:
+ *
+ *   import { mountSageFeed } from "@ergoblockchain/sage-widget/vanilla"
+ *   const handle = mountSageFeed(document.getElementById("sage")!, {
+ *     limit: 5,
+ *     refreshMs: 60000,
+ *   })
+ *   // later: handle.destroy()
+ *
+ * No iframe, no shadow DOM — the markup is rendered into the target
+ * element with inline styles. If you need style isolation, embed the
+ * canonical iframe variant from `https://www.ergoblockchain.org/agents.js`.
+ */
+
+interface MountSageFeedHandle {
+    /** Trigger a fetch outside the polling interval (e.g. on user action). */
+    refresh: () => Promise<void>;
+    /** Stop polling and remove all DOM the widget rendered. */
+    destroy: () => void;
+    /** Most recent successful response, or null if none yet. */
+    current: () => SageActivityResponse | null;
+}
+declare function mountSageFeed(target: Element, opts?: SageWidgetOptions): MountSageFeedHandle;
+
+export { type MountSageFeedHandle, SageActivityResponse, SageWidgetOptions, mountSageFeed };

package/dist/vanilla.d.ts

@@ -0,0 +1,34 @@
+import { c as SageActivityResponse, e as SageWidgetOptions } from './types-uzMz6_mP.js';
+export { D as DEFAULT_API_BASE, a as DEFAULT_LIMIT, b as DEFAULT_REFRESH_MS, S as SageActivityEvent, d as SageActivityType } from './types-uzMz6_mP.js';
+
+/**
+ * mountSageFeed — framework-agnostic DOM mount for the Sage activity
+ * feed. Imports cleanly into any non-React app (Svelte, Vue, plain HTML
+ * with bundler, etc.). For React apps prefer the typed component at
+ * `@ergoblockchain/sage-widget/react`.
+ *
+ * Usage:
+ *
+ *   import { mountSageFeed } from "@ergoblockchain/sage-widget/vanilla"
+ *   const handle = mountSageFeed(document.getElementById("sage")!, {
+ *     limit: 5,
+ *     refreshMs: 60000,
+ *   })
+ *   // later: handle.destroy()
+ *
+ * No iframe, no shadow DOM — the markup is rendered into the target
+ * element with inline styles. If you need style isolation, embed the
+ * canonical iframe variant from `https://www.ergoblockchain.org/agents.js`.
+ */
+
+interface MountSageFeedHandle {
+    /** Trigger a fetch outside the polling interval (e.g. on user action). */
+    refresh: () => Promise<void>;
+    /** Stop polling and remove all DOM the widget rendered. */
+    destroy: () => void;
+    /** Most recent successful response, or null if none yet. */
+    current: () => SageActivityResponse | null;
+}
+declare function mountSageFeed(target: Element, opts?: SageWidgetOptions): MountSageFeedHandle;
+
+export { type MountSageFeedHandle, SageActivityResponse, SageWidgetOptions, mountSageFeed };

package/dist/vanilla.js

@@ -0,0 +1,258 @@
+// src/types.ts
+var DEFAULT_API_BASE = "https://www.ergoblockchain.org";
+var DEFAULT_LIMIT = 5;
+var DEFAULT_REFRESH_MS = 6e4;
+
+// src/api.ts
+async function fetchSageActivity(opts = {}) {
+  const base = opts.apiBase ?? DEFAULT_API_BASE;
+  const limit = Math.min(Math.max(opts.limit ?? DEFAULT_LIMIT, 1), 25);
+  const url = `${base}/api/sage/activity?limit=${limit}`;
+  const res = await fetch(url, { signal: opts.signal });
+  if (!res.ok) {
+    throw new Error(`sage activity ${res.status}`);
+  }
+  return await res.json();
+}
+function nanoToErg(nano) {
+  if (!nano || nano <= 0) return "0";
+  const erg = nano / 1e9;
+  return erg.toFixed(9).replace(/\.?0+$/, "");
+}
+function relativeTime(ms, now = Date.now()) {
+  const diff = Math.max(0, now - ms);
+  const sec = Math.floor(diff / 1e3);
+  if (sec < 60) return `${sec}s ago`;
+  const min = Math.floor(sec / 60);
+  if (min < 60) return `${min}m ago`;
+  const hr = Math.floor(min / 60);
+  if (hr < 24) return `${hr}h ago`;
+  const day = Math.floor(hr / 24);
+  return `${day}d ago`;
+}
+function receiptUrl(txId, apiBase = DEFAULT_API_BASE) {
+  return `${apiBase}/r/sage/${txId}`;
+}
+function explorerUrl(txId, network = "testnet") {
+  return network === "testnet" ? `https://testnet.ergoplatform.com/transactions/${txId}` : `https://explorer.ergoplatform.com/transactions/${txId}`;
+}
+
+// src/vanilla/mountSageFeed.ts
+function mountSageFeed(target, opts = {}) {
+  const apiBase = opts.apiBase;
+  const limit = opts.limit ?? DEFAULT_LIMIT;
+  const refreshMs = opts.refreshMs ?? DEFAULT_REFRESH_MS;
+  let cancelled = false;
+  let abort = new AbortController();
+  let response = null;
+  let pollId;
+  let tickId;
+  const root = document.createElement("div");
+  root.setAttribute("data-sage-widget", "true");
+  applyStyles(root, rootStyle);
+  target.appendChild(root);
+  function render() {
+    root.innerHTML = "";
+    const header = document.createElement("div");
+    applyStyles(header, headerStyle);
+    const dot = document.createElement("span");
+    applyStyles(dot, dotStyle);
+    const label = document.createElement("span");
+    applyStyles(label, labelStyle);
+    label.textContent = `Live \xB7 Ergo ${response?.network ?? "testnet"}`;
+    const link = document.createElement("a");
+    link.href = "https://www.ergoblockchain.org/agent-economy#sage-activity";
+    link.target = "_blank";
+    link.rel = "noopener noreferrer";
+    link.textContent = "Sage on chain";
+    applyStyles(link, linkStyle);
+    header.append(dot, label, link);
+    root.appendChild(header);
+    const list = document.createElement("div");
+    const events = response?.events ?? [];
+    if (!response) {
+      list.textContent = "Loading\u2026";
+      applyStyles(list, emptyStyle);
+    } else if (events.length === 0) {
+      list.textContent = "No activity yet \u2014 be the first to ask Sage a paid query.";
+      applyStyles(list, emptyStyle);
+    } else {
+      events.forEach((evt) => list.appendChild(renderRow(evt, response.network, apiBase)));
+    }
+    root.appendChild(list);
+  }
+  function renderRow(evt, network, base) {
+    const isSettle = evt.type === "settlement";
+    const a = document.createElement("a");
+    a.href = isSettle ? receiptUrl(evt.txId, base) : explorerUrl(evt.txId, network);
+    a.target = "_blank";
+    a.rel = "noopener noreferrer";
+    applyStyles(a, rowStyle);
+    const chip = document.createElement("span");
+    chip.textContent = isSettle ? "Settled" : evt.type === "issuance" ? "Issued" : "Transfer";
+    applyStyles(chip, isSettle ? chipSettleStyle : chipIssueStyle);
+    const meta = document.createElement("span");
+    applyStyles(meta, metaStyle);
+    const tx = document.createElement("span");
+    tx.textContent = evt.txId;
+    applyStyles(tx, txStyle);
+    const when = document.createElement("span");
+    when.textContent = `block ${evt.blockHeight.toLocaleString()} \xB7 ${relativeTime(evt.timestamp)}`;
+    applyStyles(when, whenStyle);
+    meta.append(tx, when);
+    const amt = document.createElement("span");
+    const value = isSettle ? evt.paymentNanoErg ?? evt.inflowNanoErg : evt.inflowNanoErg;
+    applyStyles(amt, amountStyle);
+    const ergSpan = document.createElement("span");
+    ergSpan.textContent = ` ERG`;
+    applyStyles(ergSpan, amountUnitStyle);
+    amt.append(nanoToErg(value), ergSpan);
+    a.append(chip, meta, amt);
+    return a;
+  }
+  async function load() {
+    if (cancelled) return;
+    abort.abort();
+    abort = new AbortController();
+    try {
+      const data = await fetchSageActivity({
+        apiBase,
+        limit,
+        signal: abort.signal
+      });
+      if (cancelled) return;
+      response = data;
+      render();
+      opts.onUpdate?.(data);
+    } catch (err) {
+      if (cancelled || err.name === "AbortError") return;
+      (opts.onError ?? console.warn)(err);
+    }
+  }
+  render();
+  load();
+  if (refreshMs > 0) pollId = setInterval(load, refreshMs);
+  tickId = setInterval(render, 15e3);
+  return {
+    refresh: load,
+    destroy() {
+      cancelled = true;
+      abort.abort();
+      if (pollId) clearInterval(pollId);
+      if (tickId) clearInterval(tickId);
+      root.remove();
+    },
+    current: () => response
+  };
+}
+function applyStyles(el, styles) {
+  Object.assign(el.style, styles);
+}
+var rootStyle = {
+  background: "#000",
+  color: "#e5e7eb",
+  fontFamily: "'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace",
+  padding: "14px 16px",
+  borderRadius: "14px",
+  border: "1px solid rgba(255,255,255,.08)",
+  boxSizing: "border-box",
+  width: "100%",
+  fontSize: "14px",
+  lineHeight: "1.4"
+};
+var headerStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: "10px",
+  marginBottom: "10px"
+};
+var dotStyle = {
+  width: "8px",
+  height: "8px",
+  borderRadius: "50%",
+  background: "#fb923c",
+  flexShrink: "0"
+};
+var labelStyle = {
+  fontSize: "10px",
+  letterSpacing: "0.25em",
+  textTransform: "uppercase",
+  color: "#fb923c"
+};
+var linkStyle = {
+  marginLeft: "auto",
+  fontSize: "13px",
+  color: "#fed7aa",
+  textDecoration: "none"
+};
+var rowStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: "10px",
+  padding: "8px 0",
+  borderTop: "1px solid rgba(255,255,255,.06)",
+  textDecoration: "none",
+  color: "inherit"
+};
+var chipSettleStyle = {
+  fontSize: "9px",
+  letterSpacing: "0.2em",
+  textTransform: "uppercase",
+  padding: "2px 6px",
+  borderRadius: "4px",
+  flexShrink: "0",
+  border: "1px solid rgba(251,146,60,.4)",
+  color: "#fdba74",
+  background: "rgba(251,146,60,.1)"
+};
+var chipIssueStyle = {
+  fontSize: "9px",
+  letterSpacing: "0.2em",
+  textTransform: "uppercase",
+  padding: "2px 6px",
+  borderRadius: "4px",
+  flexShrink: "0",
+  border: "1px solid rgba(245,158,11,.3)",
+  color: "rgba(252,211,77,.8)",
+  background: "rgba(245,158,11,.05)"
+};
+var metaStyle = {
+  flex: "1",
+  minWidth: "0",
+  display: "flex",
+  flexDirection: "column"
+};
+var txStyle = {
+  color: "#d1d5db",
+  fontSize: "11px",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+var whenStyle = {
+  color: "#6b7280",
+  fontSize: "10px",
+  marginTop: "1px"
+};
+var amountStyle = {
+  color: "#fed7aa",
+  fontSize: "12px",
+  flexShrink: "0",
+  textAlign: "right"
+};
+var amountUnitStyle = {
+  color: "#6b7280",
+  fontSize: "9px",
+  textTransform: "uppercase",
+  marginLeft: "2px"
+};
+var emptyStyle = {
+  padding: "18px 0",
+  textAlign: "center",
+  color: "#6b7280",
+  fontSize: "11px"
+};
+
+export { DEFAULT_API_BASE, DEFAULT_LIMIT, DEFAULT_REFRESH_MS, mountSageFeed };
+//# sourceMappingURL=vanilla.js.map
+//# sourceMappingURL=vanilla.js.map