@oimdb/mcp 2.0.0 → 3.0.0

package/bin/cdp.cjs

@@ -1,98 +0,0 @@
-/**
- * One-shot CDP inspector: connects to Chrome, evaluates __OIMDB_DEV__.inspect(),
- * prints JSON to stdout. Pipe to jq or paste into an AI prompt.
- *
- * Requirements:
- *   Launch Chrome with: --remote-debugging-port=9222
- *   (or set CDP_URL env var to point to a different address)
- *
- * Usage:
- *   npx @oimdb/mcp cdp
- *   OIMDB_CDP_URL=http://localhost:9222 npx @oimdb/mcp cdp
- *   npx @oimdb/mcp cdp | jq .collections
- */
-
-const cdpBase = process.env.OIMDB_CDP_URL || 'http://localhost:9222';
-
-async function run() {
-    // 1. List open tabs
-    let tabs;
-    try {
-        const res = await fetch(`${cdpBase}/json/list`);
-        tabs = await res.json();
-    } catch {
-        process.stderr.write(
-            `[OIMDB CDP] Cannot reach Chrome at ${cdpBase}\n` +
-            `Launch Chrome with: --remote-debugging-port=9222\n`
-        );
-        process.exit(1);
-    }
-
-    // Find first tab that has a debugger URL
-    const tab = tabs.find((t) => t.webSocketDebuggerUrl);
-    if (!tab) {
-        process.stderr.write('[OIMDB CDP] No debuggable tabs found.\n');
-        process.exit(1);
-    }
-
-    process.stderr.write(`[OIMDB CDP] Connected to: ${tab.title} (${tab.url})\n`);
-
-    // 2. Open CDP WebSocket
-    const { WebSocket } = await import('ws');
-    const ws = new WebSocket(tab.webSocketDebuggerUrl);
-
-    await new Promise((resolve, reject) => {
-        const timeout = setTimeout(() => {
-            ws.close();
-            reject(new Error('CDP timeout (5s)'));
-        }, 5000);
-
-        ws.once('open', () => {
-            ws.send(JSON.stringify({
-                id: 1,
-                method: 'Runtime.evaluate',
-                params: {
-                    expression: [
-                        '(function(){',
-                        '  if(!window.__OIMDB_DEV__) return null;',
-                        '  return JSON.parse(JSON.stringify(window.__OIMDB_DEV__.inspect()));',
-                        '})()',
-                    ].join(''),
-                    returnByValue: true,
-                    awaitPromise: false,
-                },
-            }));
-        });
-
-        ws.on('message', (raw) => {
-            const msg = JSON.parse(raw.toString());
-            if (msg.id !== 1) return;
-            clearTimeout(timeout);
-            ws.close();
-
-            const val = msg.result?.result?.value;
-            if (val === null || val === undefined) {
-                process.stderr.write(
-                    '[OIMDB CDP] __OIMDB_DEV__ not found on this page.\n' +
-                    'Make sure debug.ts sets: window.__OIMDB_DEV__ = oimDevRegistry\n'
-                );
-                process.exit(1);
-            }
-            process.stdout.write(JSON.stringify(val, null, 2) + '\n');
-            resolve(undefined);
-        });
-
-        ws.once('error', (err) => {
-            clearTimeout(timeout);
-            reject(err);
-        });
-    });
-}
-
-/** Run the one-shot CDP snapshot (`cdp` subcommand). */
-module.exports = function runCdp() {
-    run().catch((err) => {
-        process.stderr.write('[OIMDB CDP] Error: ' + err.message + '\n');
-        process.exit(1);
-    });
-};

package/bin/devtools.cjs

@@ -1,26 +0,0 @@
-const path = require('path');
-const { OIMDevUIServer } = require('../dist/index.cjs');
-
-/** Start the standalone DevTools UI server (`devtools` subcommand). */
-module.exports = function runDevtools() {
-    const wsPort = process.env.OIMDB_WS_PORT
-        ? Number(process.env.OIMDB_WS_PORT)
-        : 7432;
-    const uiPort = process.env.OIMDB_UI_PORT
-        ? Number(process.env.OIMDB_UI_PORT)
-        : 7433;
-    const noOpen = process.argv.includes('--no-open');
-    const uiDir = path.join(__dirname, '../ui');
-    // Loopback unless told otherwise. This port hands out the application's
-    // whole data model, so binding every interface — which is what happens when
-    // no host is given — puts it on the café Wi-Fi.
-    const host = process.env.OIMDB_HOST || '127.0.0.1';
-    // Exact page origins, comma-separated. Never '*'.
-    const allowedOrigins = (process.env.OIMDB_ALLOWED_ORIGINS || '')
-        .split(',')
-        .map(s => s.trim())
-        .filter(Boolean);
-
-    const server = new OIMDevUIServer({ wsPort, uiPort, uiDir, open: !noOpen, host, allowedOrigins });
-    server.start();
-};

package/ui/app.css

@@ -1,323 +0,0 @@
-*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
-
-:root {
-  --bg:        #1e1e1e;
-  --bg-panel:  #252526;
-  --bg-row:    #2a2a2a;
-  --bg-hover:  #2e2e2e;
-  --bg-input:  #3c3c3c;
-  --border:    #3e3e42;
-  --text:      #d4d4d4;
-  --text-dim:  #808080;
-  --text-hi:   #f0f0f0;
-  --accent:    #4fc3f7;
-  --green:     #4caf50;
-  --yellow:    #ffb74d;
-  --red:       #ef5350;
-  --gray:      #616161;
-  --tag-bg:    #2d3f4a;
-  --tag-warn:  #4a2d2d;
-  --radius:    4px;
-  --mono:      'Menlo', 'Consolas', 'DejaVu Sans Mono', monospace;
-  --toolbar-h: 40px;
-}
-
-html, body {
-  height: 100%;
-  background: var(--bg);
-  color: var(--text);
-  font: 13px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  overflow: hidden;
-}
-
-/* ── Toolbar ──────────────────────────────────── */
-
-#toolbar {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  height: var(--toolbar-h);
-  padding: 0 16px;
-  background: var(--bg-panel);
-  border-bottom: 1px solid var(--border);
-  flex-shrink: 0;
-}
-
-.toolbar-brand { display: flex; align-items: baseline; gap: 6px; }
-.brand-name { font-weight: 700; font-size: 15px; color: var(--accent); letter-spacing: -0.3px; }
-.brand-sub  { font-size: 11px; color: var(--text-dim); }
-
-.toolbar-status { display: flex; align-items: center; gap: 7px; flex: 1; }
-
-.conn-dot {
-  width: 8px; height: 8px; border-radius: 50%;
-  background: var(--gray); flex-shrink: 0;
-  transition: background 0.3s;
-}
-.conn-dot.connected    { background: var(--green); }
-.conn-dot.disconnected { background: var(--gray); }
-
-#conn-label { font-size: 12px; color: var(--text-dim); }
-
-.toolbar-actions { display: flex; align-items: center; gap: 10px; margin-left: auto; }
-#last-updated { font-size: 11px; color: var(--text-dim); }
-
-#btn-refresh {
-  background: none; border: 1px solid var(--border); border-radius: var(--radius);
-  color: var(--text); cursor: pointer; font-size: 16px; line-height: 1;
-  padding: 2px 8px; transition: background 0.15s;
-}
-#btn-refresh:hover { background: var(--bg-input); }
-
-.auto-label {
-  display: flex; align-items: center; gap: 5px;
-  font-size: 12px; color: var(--text-dim); cursor: pointer; user-select: none;
-}
-
-/* ── Screens ──────────────────────────────────── */
-
-.hidden { display: none !important; }
-
-#screen-waiting {
-  height: calc(100vh - var(--toolbar-h));
-  display: flex; align-items: center; justify-content: center;
-}
-
-.waiting-card {
-  max-width: 420px; padding: 28px 32px;
-  background: var(--bg-panel); border: 1px solid var(--border);
-  border-radius: 8px; text-align: center;
-}
-.waiting-title { font-size: 18px; font-weight: 600; color: var(--accent); margin-bottom: 14px; }
-.waiting-card p { color: var(--text-dim); margin-bottom: 10px; line-height: 1.6; }
-.waiting-card code {
-  font-family: var(--mono); background: var(--bg-input);
-  padding: 2px 6px; border-radius: 3px; color: var(--accent);
-}
-.waiting-card pre {
-  font-family: var(--mono); font-size: 12px;
-  background: var(--bg-row); border: 1px solid var(--border);
-  border-radius: var(--radius); padding: 10px 14px;
-  margin: 10px 0; text-align: left; color: var(--text);
-}
-.waiting-hint { font-size: 12px !important; }
-
-/* ── Two-column main ──────────────────────────── */
-
-#screen-main {
-  display: flex;
-  height: calc(100vh - var(--toolbar-h));
-}
-
-.col {
-  flex: 1; display: flex; flex-direction: column;
-  min-width: 0; overflow: hidden;
-  border-right: 1px solid var(--border);
-}
-.col:last-child { border-right: none; }
-
-/* Right column split into computeds + history */
-#col-right { flex-direction: column; }
-
-.col-section {
-  display: flex; flex-direction: column;
-  flex: 1; min-height: 0; overflow: hidden;
-  border-bottom: 1px solid var(--border);
-}
-.col-section:last-child { border-bottom: none; }
-
-.col-section-history { flex: 0 0 220px; }
-
-.col-body-flex { flex: 1; min-height: 0; overflow-y: auto; }
-
-.col-header {
-  display: flex; align-items: center; gap: 7px;
-  height: 32px; padding: 0 14px; flex-shrink: 0;
-  background: var(--bg-panel); border-bottom: 1px solid var(--border);
-  font-size: 11px; font-weight: 700; text-transform: uppercase;
-  letter-spacing: 0.06em; color: var(--text-dim);
-}
-
-.badge {
-  background: var(--bg-input); color: var(--text-dim);
-  border-radius: 10px; padding: 0 7px;
-  font-size: 10px; font-weight: 700; letter-spacing: 0;
-}
-
-.col-body { overflow-y: auto; flex: 1; }
-
-/* ── Collection rows ──────────────────────────── */
-
-.c-row { border-bottom: 1px solid var(--border); }
-
-.c-summary {
-  display: flex; align-items: center; gap: 8px;
-  padding: 7px 14px; cursor: pointer; user-select: none;
-  background: var(--bg-row); transition: background 0.1s;
-}
-.c-summary:hover { background: var(--bg-hover); }
-
-.c-arrow {
-  font-size: 9px; color: var(--text-dim); width: 10px;
-  transition: transform 0.15s; flex-shrink: 0;
-}
-.c-arrow.open { transform: rotate(90deg); }
-
-.c-name {
-  font-family: var(--mono); font-size: 13px;
-  font-weight: 600; color: var(--text-hi); flex: 1;
-}
-
-.c-count { font-size: 11px; color: var(--text-dim); }
-
-.c-detail {
-  display: none; padding: 8px 14px 0 32px;
-  background: var(--bg); border-top: 1px solid var(--border);
-  font-size: 11px; font-family: var(--mono);
-}
-.c-detail.open { display: block; }
-
-.d-row {
-  display: flex; gap: 8px; margin-bottom: 4px;
-  flex-wrap: wrap; align-items: flex-start;
-}
-.d-label { color: var(--text-dim); min-width: 72px; flex-shrink: 0; }
-
-.tag {
-  display: inline-block; background: var(--tag-bg);
-  color: var(--text); border-radius: 3px;
-  padding: 1px 7px; margin: 1px 2px 1px 0; font-size: 11px;
-}
-.tag-warn { background: var(--tag-warn); color: #ffaa80; }
-.tag-rel-arrow { color: var(--accent); margin: 0 3px; }
-
-/* ── Entity table ─────────────────────────────── */
-
-.entity-wrap {
-  margin: 8px 0 0 -18px;
-  border-top: 1px solid var(--border);
-  padding: 8px 0 10px 0;
-}
-
-.entity-table-wrap {
-  overflow-x: auto;
-  max-height: 280px;
-  overflow-y: auto;
-}
-
-.entity-table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 11px;
-  font-family: var(--mono);
-}
-
-.entity-table th {
-  position: sticky; top: 0;
-  background: var(--bg-panel);
-  color: var(--text-dim);
-  font-weight: 600;
-  text-align: left;
-  padding: 4px 10px;
-  border-bottom: 1px solid var(--border);
-  white-space: nowrap;
-}
-
-.entity-table td {
-  padding: 3px 10px;
-  border-bottom: 1px solid rgba(255,255,255,0.04);
-  color: var(--text);
-  white-space: nowrap;
-  max-width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.entity-table tbody tr:hover td { background: var(--bg-hover); }
-
-.entity-note {
-  padding: 4px 10px;
-  font-size: 10px;
-  color: var(--text-dim);
-}
-
-/* ── Computed rows ────────────────────────────── */
-
-.comp-row {
-  padding: 8px 14px; border-bottom: 1px solid var(--border);
-  background: var(--bg-row); transition: background 0.1s;
-}
-.comp-row:hover { background: var(--bg-hover); }
-
-.comp-top { display: flex; align-items: center; gap: 8px; }
-
-.status-dot { width: 9px; height: 9px; border-radius: 50%; flex-shrink: 0; }
-.status-dot.fresh   { background: var(--green); }
-.status-dot.stale   { background: var(--yellow); }
-.status-dot.pending { background: var(--gray); }
-
-.comp-name {
-  font-family: var(--mono); font-size: 13px;
-  font-weight: 600; color: var(--text-hi); flex: 1;
-  min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
-}
-
-.status-pill {
-  font-size: 10px; font-weight: 700; letter-spacing: 0.06em;
-  padding: 1px 8px; border-radius: 10px; flex-shrink: 0;
-}
-.status-pill.fresh   { background: #1a3a1c; color: #81c784; }
-.status-pill.stale   { background: #3a2a10; color: #ffcc80; }
-.status-pill.pending { background: #2a2a2a; color: #90a4ae; }
-
-.comp-value {
-  font-family: var(--mono); font-size: 12px; color: var(--accent);
-  max-width: 200px; overflow: hidden; text-overflow: ellipsis;
-  white-space: nowrap; cursor: default;
-}
-
-.comp-deps {
-  display: flex; flex-wrap: wrap; align-items: center;
-  gap: 3px; margin-top: 5px; padding-left: 17px;
-}
-.comp-deps-label { font-size: 11px; color: var(--text-dim); margin-right: 4px; }
-
-/* ── Flush history ────────────────────────────── */
-
-.flush-row {
-  display: flex; align-items: center; gap: 8px;
-  padding: 4px 14px; border-bottom: 1px solid rgba(255,255,255,0.04);
-  font-size: 11px; font-family: var(--mono);
-}
-.flush-row:hover { background: var(--bg-hover); }
-
-.flush-time { color: var(--text-dim); flex-shrink: 0; }
-
-.flush-tags { display: flex; flex-wrap: wrap; gap: 4px; }
-
-.flush-tag {
-  padding: 1px 6px; border-radius: 3px;
-  background: var(--bg-input); color: var(--text-dim);
-  font-size: 10px;
-}
-.flush-add      { background: #1a3a1c; color: #81c784; }
-.flush-del      { background: #3a1a1a; color: #ef9a9a; }
-.flush-no-change { color: var(--text-dim); background: none; }
-
-/* ── Scrollbar ────────────────────────────────── */
-
-::-webkit-scrollbar { width: 6px; height: 6px; }
-::-webkit-scrollbar-track { background: var(--bg); }
-::-webkit-scrollbar-thumb { background: #444; border-radius: 3px; }
-::-webkit-scrollbar-thumb:hover { background: #555; }
-
-/* ── Empty states ─────────────────────────────── */
-
-.empty {
-  padding: 20px 16px; color: var(--text-dim);
-  font-size: 12px; text-align: center; line-height: 1.7;
-}
-.empty code {
-  font-family: var(--mono); background: var(--bg-input);
-  padding: 1px 5px; border-radius: 3px; color: var(--accent);
-}