@warmio/mcp 11.1.0 → 11.2.0

package/dist/spending-app.js

@@ -0,0 +1,281 @@
+export const SPENDING_APP_URI = 'ui://warm/spending-v1.html';
+export const MCP_APP_MIME_TYPE = 'text/html;profile=mcp-app';
+export const SPENDING_APP_TOOL = 'get_transactions';
+export const spendingAppToolMeta = {
+    ui: { resourceUri: SPENDING_APP_URI },
+    'ui/resourceUri': SPENDING_APP_URI,
+};
+const darkTokens = `
+  --bg: var(--color-background-primary, #1a1a1a);
+  --fg: var(--color-text-primary, #f2f2f2);
+  --muted: var(--color-text-secondary, #a0a0a0);
+  --line: var(--color-border-tertiary, rgba(255, 255, 255, 0.1));
+  --bar: var(--color-text-primary, #f2f2f2);
+  --track: var(--color-background-secondary, rgba(255, 255, 255, 0.08));
+`;
+const styles = `
+:root {
+  color-scheme: light dark;
+  --bg: var(--color-background-primary, #ffffff);
+  --fg: var(--color-text-primary, #141414);
+  --muted: var(--color-text-secondary, #6b6b6b);
+  --line: var(--color-border-tertiary, rgba(0, 0, 0, 0.08));
+  --bar: var(--color-text-primary, #141414);
+  --track: var(--color-background-secondary, rgba(0, 0, 0, 0.05));
+  --radius: var(--border-radius-md, 8px);
+  --font: var(--font-sans, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif);
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme='light']) {${darkTokens}}
+}
+:root[data-theme='dark'] {${darkTokens}}
+* { box-sizing: border-box; }
+html, body { margin: 0; background: var(--bg); color: var(--fg); font-family: var(--font); }
+body { padding: 16px; font-size: 14px; line-height: 20px; }
+.head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 12px; }
+.label { color: var(--muted); font-size: 13px; }
+.total { font-size: 24px; line-height: 32px; font-weight: 600; font-variant-numeric: tabular-nums; }
+.rows { display: flex; flex-direction: column; }
+.row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 8px; margin: 0 -8px; border: 0; border-radius: var(--radius); background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
+.row:hover { background: var(--track); }
+.row:focus-visible { outline: 2px solid var(--fg); outline-offset: -2px; }
+.name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.amount { font-variant-numeric: tabular-nums; }
+.track { grid-column: 1 / -1; height: 6px; border-radius: 3px; background: var(--track); overflow: hidden; }
+.fill { height: 100%; border-radius: 3px; background: var(--bar); }
+.empty { color: var(--muted); }
+.foot { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
+`;
+const script = `
+(() => {
+  const root = document.getElementById('app');
+  let nextId = 1;
+  const pending = new Map();
+  let context = null;
+
+  const post = (message) => window.parent.postMessage({ jsonrpc: '2.0', ...message }, '*');
+  const request = (method, params) => new Promise((resolve, reject) => {
+    const id = nextId++;
+    pending.set(id, { resolve, reject });
+    post({ id, method, params });
+  });
+  const notify = (method, params) => post({ method, params });
+
+  const applyHost = (host) => {
+    if (!host) return;
+    if (host.theme === 'light' || host.theme === 'dark') {
+      document.documentElement.dataset.theme = host.theme;
+      document.documentElement.style.colorScheme = host.theme;
+    }
+    const variables = host.styles && host.styles.variables;
+    if (variables) {
+      for (const [key, value] of Object.entries(variables)) {
+        if (typeof value === 'string' && key.startsWith('--')) {
+          document.documentElement.style.setProperty(key, value);
+        }
+      }
+    }
+  };
+
+  const formatMoney = (value, currency) => {
+    try {
+      return new Intl.NumberFormat(undefined, { style: 'currency', currency, maximumFractionDigits: 0 }).format(value);
+    } catch {
+      return Math.round(value).toLocaleString();
+    }
+  };
+
+  const monthLabel = (month) => {
+    const [year, mon] = month.split('-').map(Number);
+    if (!year || !mon) return month;
+    return new Date(Date.UTC(year, mon - 1, 1)).toLocaleDateString(undefined, { month: 'long', year: 'numeric', timeZone: 'UTC' });
+  };
+
+  const describe = (data) => {
+    if (Array.isArray(data.periods)) {
+      const months = data.periods.map((period) => period.month).filter(Boolean);
+      const items = data.periods.flatMap((period) => period.items || []);
+      const label = months.length > 1 ? monthLabel(months[0]) + ' to ' + monthLabel(months[months.length - 1]) : monthLabel(months[0] || '');
+      return { items, label, scope: label };
+    }
+    if (typeof data.month === 'string') {
+      const label = monthLabel(data.month);
+      return { items: data.items || [], label, scope: label };
+    }
+    return { items: data.items || [], label: 'Last 10 days', scope: 'the last 10 days' };
+  };
+
+  const excluded = new Set(['INCOME', 'TRANSFER_IN', 'TRANSFER_OUT', 'LOAN_PAYMENTS', 'BANK_FEES']);
+
+  const categoryLabel = (category) => {
+    if (!category) return 'Uncategorized';
+    const words = category.toLowerCase().split('_').join(' ');
+    return words.charAt(0).toUpperCase() + words.slice(1);
+  };
+
+  const counted = (item) => {
+    if (!item) return false;
+    if (item.transfers_interpretation_version === 1 && item.is_internal_transfer === true) return false;
+    if (typeof item.category === 'string' && excluded.has(item.category)) return false;
+    return Number.isFinite(Number(item.amount));
+  };
+
+  const currencyOf = (item) => (typeof item.currency === 'string' && item.currency ? item.currency : 'USD');
+
+  const spendingRows = (items, currency) => {
+    const totals = new Map();
+    for (const item of items) {
+      if (currencyOf(item) !== currency) continue;
+      const category = typeof item.category === 'string' && item.category ? item.category : '';
+      totals.set(category, (totals.get(category) || 0) + Number(item.amount));
+    }
+    return [...totals.entries()]
+      .filter((entry) => entry[1] > 0.005)
+      .map((entry) => [categoryLabel(entry[0]), entry[1]])
+      .sort((a, b) => b[1] - a[1]);
+  };
+
+  const summarize = (items) => {
+    const kept = items.filter(counted);
+    const currencies = [...new Set(kept.map(currencyOf))];
+    let currency = 'USD';
+    let sorted = [];
+    let total = 0;
+    for (const candidate of currencies) {
+      const rows = spendingRows(kept, candidate);
+      const sum = rows.reduce((acc, entry) => acc + entry[1], 0);
+      if (sum > total) {
+        currency = candidate;
+        sorted = rows;
+        total = sum;
+      }
+    }
+    const top = sorted.slice(0, 6);
+    const rest = sorted.slice(6).reduce((acc, entry) => acc + entry[1], 0);
+    if (rest > 0) top.push(['Everything else', rest]);
+    return { rows: top, total, currency, mixed: currencies.length > 1 };
+  };
+
+  const element = (tag, className, text) => {
+    const node = document.createElement(tag);
+    if (className) node.className = className;
+    if (text !== undefined) node.textContent = text;
+    return node;
+  };
+
+  const ask = (text) => {
+    request('ui/message', { role: 'user', content: [{ type: 'text', text }] }).catch(() => undefined);
+  };
+
+  const render = (data) => {
+    root.replaceChildren();
+    if (!data || typeof data !== 'object' || data.error) {
+      root.append(element('div', 'empty', 'Warm could not load this spending.'));
+      return;
+    }
+    const view = describe(data);
+    const summary = summarize(view.items);
+    const head = element('div', 'head');
+    const left = element('div');
+    left.append(element('div', 'label', 'Spending · ' + view.label));
+    left.append(element('div', 'total', formatMoney(summary.total, summary.currency)));
+    head.append(left);
+    root.append(head);
+    if (summary.rows.length === 0) {
+      root.append(element('div', 'empty', 'No spending in this period.'));
+      return;
+    }
+    const max = summary.rows[0][1] || 1;
+    const rows = element('div', 'rows');
+    for (const [category, amount] of summary.rows) {
+      const row = element('button', 'row');
+      row.type = 'button';
+      row.append(element('span', 'name', category));
+      row.append(element('span', 'amount', formatMoney(amount, summary.currency)));
+      const track = element('span', 'track');
+      const fill = element('span', 'fill');
+      fill.style.display = 'block';
+      fill.style.width = Math.max(2, Math.round((amount / max) * 100)) + '%';
+      track.append(fill);
+      row.append(track);
+      row.addEventListener('click', () => {
+        const subject = category === 'Everything else' ? 'my smaller spending categories' : 'my ' + category.toLowerCase() + ' spending';
+        ask('Break down ' + subject + ' for ' + view.scope + '.');
+      });
+      rows.append(row);
+    }
+    root.append(rows);
+    const note = 'From Warm · Net of refunds. Income, transfers, loan payments and bank fees are left out' + (summary.mixed ? '. Only ' + summary.currency + ' is shown' : '');
+    root.append(element('div', 'foot', note));
+  };
+
+  const reportSize = () => {
+    const height = Math.ceil(document.documentElement.getBoundingClientRect().height);
+    notify('ui/notifications/size-changed', { width: Math.ceil(window.innerWidth), height });
+  };
+
+  window.addEventListener('message', (event) => {
+    if (event.source !== window.parent) return;
+    const message = event.data;
+    if (!message || message.jsonrpc !== '2.0') return;
+    if (message.id !== undefined && pending.has(message.id) && !message.method) {
+      const entry = pending.get(message.id);
+      pending.delete(message.id);
+      if (message.error) entry.reject(message.error);
+      else entry.resolve(message.result);
+      return;
+    }
+    if (message.method === 'ui/notifications/tool-result') {
+      const params = message.params || {};
+      render(params.isError ? { error: true } : params.structuredContent);
+      return;
+    }
+    if (message.method === 'ui/notifications/host-context-changed') {
+      context = { ...(context || {}), ...(message.params || {}) };
+      applyHost(context);
+      return;
+    }
+    if (message.method === 'ui/notifications/tool-cancelled') {
+      render({ error: true });
+      return;
+    }
+    if ((message.method === 'ui/resource-teardown' || message.method === 'ping') && message.id !== undefined) {
+      post({ id: message.id, result: {} });
+      return;
+    }
+    if (message.method && message.id !== undefined) {
+      post({ id: message.id, error: { code: -32601, message: 'Method not found' } });
+    }
+  });
+
+  new ResizeObserver(reportSize).observe(document.documentElement);
+
+  request('ui/initialize', {
+    appInfo: { name: 'Warm spending', version: '1.0.0' },
+    appCapabilities: {},
+    protocolVersion: '2026-01-26',
+  })
+    .then((result) => {
+      context = (result && result.hostContext) || null;
+      applyHost(context);
+      notify('ui/notifications/initialized', {});
+      reportSize();
+    })
+    .catch(() => undefined);
+})();
+`;
+export const spendingAppHtml = `<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Warm spending</title>
+<style>${styles}</style>
+</head>
+<body>
+<div id="app"><div class="empty">Loading spending…</div></div>
+<script>${script}</script>
+</body>
+</html>
+`;
+//# sourceMappingURL=spending-app.js.map

package/dist/spending-app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spending-app.js","sourceRoot":"","sources":["../src/spending-app.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,4BAA4B,CAAC;AAC7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,2BAA2B,CAAC;AAC7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAEpD,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,EAAE,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE;IACrC,gBAAgB,EAAE,gBAAgB;CAC1B,CAAC;AAEX,MAAM,UAAU,GAAG;;;;;;;CAOlB,CAAC;AAEF,MAAM,MAAM,GAAG;;;;;;;;;;;;;qCAasB,UAAU;;4BAEnB,UAAU;;;;;;;;;;;;;;;;;CAiBrC,CAAC;AAEF,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyNd,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;;;;;;SAMtB,MAAM;;;;UAIL,MAAM;;;CAGf,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@warmio/mcp",
-  "version": "11.1.0",
+  "version": "11.2.0",
   "description": "Warm local stdio MCP server",
   "type": "module",
   "engines": {
@@ -60,7 +60,7 @@
   "dependencies": {
     "@cfworker/json-schema": "4.1.1",
     "@modelcontextprotocol/sdk": "^1.32.1",
-    "@warmio/contracts": "3.1.0",
+    "@warmio/contracts": "3.1.1",
     "dotenv": "^17.2.3",
     "jsonc-parser": "^3.3.1",
     "zod": "^3.25.76"