reactoradar 1.6.4 → 1.6.6

package/src/renderer/components/object-tree.js

@@ -1,245 +0,0 @@
-'use strict';
-
-const state = window.RNDebug.state;
-const $ = window.RNDebug.$;
-const esc = window.RNDebug.esc;
-const ts = window.RNDebug.ts;
-
-// ─── Object Tree Renderer (Chrome DevTools-like) ─────────────────────────────
-// Builds interactive, collapsible DOM nodes for objects/arrays.
-
-function objPreview(val, maxLen) {
-  maxLen = maxLen || 80;
-  if (val === null) return 'null';
-  if (val === undefined) return 'undefined';
-  if (Array.isArray(val)) {
-    if (val.length === 0) return '[]';
-    const items = [];
-    let len = 2; // [ ]
-    for (let i = 0; i < val.length && len < maxLen; i++) {
-      const s = primitivePreview(val[i]);
-      len += s.length + 2;
-      items.push(s);
-    }
-    const suffix = items.length < val.length ? ', ...' : '';
-    return `(${val.length}) [${items.join(', ')}${suffix}]`;
-  }
-  if (typeof val === 'object') {
-    const keys = Object.keys(val);
-    if (keys.length === 0) return '{}';
-    const items = [];
-    let len = 2;
-    for (let i = 0; i < keys.length && len < maxLen; i++) {
-      const s = `${keys[i]}: ${primitivePreview(val[keys[i]])}`;
-      len += s.length + 2;
-      items.push(s);
-    }
-    const suffix = items.length < keys.length ? ', ...' : '';
-    return `{${items.join(', ')}${suffix}}`;
-  }
-  return primitivePreview(val);
-}
-
-function primitivePreview(val) {
-  if (val === null) return 'null';
-  if (val === undefined) return 'undefined';
-  if (typeof val === 'string') return val.length > 50 ? `"${val.slice(0,50)}..."` : `"${val}"`;
-  if (typeof val === 'number' || typeof val === 'boolean') return String(val);
-  if (Array.isArray(val)) return `Array(${val.length})`;
-  if (typeof val === 'object') return `{...}`;
-  return String(val);
-}
-
-function createTreeNode(key, val, startCollapsed) {
-  const isArray = Array.isArray(val);
-  const isObj = val !== null && typeof val === 'object';
-
-  if (!isObj) {
-    // Primitive leaf
-    const row = document.createElement('div');
-    row.className = 'ov-leaf';
-    if (key !== null) {
-      const k = document.createElement('span');
-      k.className = 'ov-key';
-      k.textContent = isNaN(key) ? `${key}: ` : `${key}: `;
-      row.appendChild(k);
-    }
-    row.appendChild(createPrimitiveSpan(val));
-    return row;
-  }
-
-  // Collapsible object/array
-  const container = document.createElement('div');
-  container.className = 'ov-node';
-
-  const header = document.createElement('div');
-  header.className = 'ov-header';
-
-  const arrow = document.createElement('span');
-  arrow.className = 'ov-arrow';
-  arrow.textContent = '\u25B6'; // ▶
-  header.appendChild(arrow);
-
-  if (key !== null) {
-    const k = document.createElement('span');
-    k.className = 'ov-key';
-    k.textContent = `${key}: `;
-    header.appendChild(k);
-  }
-
-  const preview = document.createElement('span');
-  preview.className = 'ov-preview';
-  preview.textContent = objPreview(val);
-  header.appendChild(preview);
-
-  container.appendChild(header);
-
-  const children = document.createElement('div');
-  children.className = 'ov-children';
-  children.style.display = 'none';
-
-  let populated = false;
-
-  function populateChildren() {
-    if (populated) return;
-    populated = true;
-    const entries = isArray ? val.map((v, i) => [i, v]) : Object.entries(val);
-    entries.forEach(([k, v]) => {
-      children.appendChild(createTreeNode(k, v, true));
-    });
-    // For arrays show length, for objects show prototype hint
-    if (isArray) {
-      const lenNode = document.createElement('div');
-      lenNode.className = 'ov-leaf ov-meta';
-      lenNode.textContent = `length: ${val.length}`;
-      children.appendChild(lenNode);
-    }
-  }
-
-  let expanded = !startCollapsed;
-  if (expanded) {
-    populateChildren();
-    children.style.display = 'block';
-    arrow.textContent = '\u25BC'; // ▼
-    arrow.classList.add('expanded');
-    preview.style.display = 'none';
-  }
-
-  header.addEventListener('click', (e) => {
-    e.stopPropagation();
-    expanded = !expanded;
-    if (expanded) {
-      populateChildren();
-      children.style.display = 'block';
-      arrow.textContent = '\u25BC';
-      arrow.classList.add('expanded');
-      preview.style.display = 'none';
-    } else {
-      children.style.display = 'none';
-      arrow.textContent = '\u25B6';
-      arrow.classList.remove('expanded');
-      preview.style.display = '';
-    }
-  });
-
-  container.appendChild(children);
-  return container;
-}
-
-function createPrimitiveSpan(val) {
-  const s = document.createElement('span');
-  if (val === null) { s.className = 'ov-null'; s.textContent = 'null'; }
-  else if (val === undefined) { s.className = 'ov-undef'; s.textContent = 'undefined'; }
-  else if (typeof val === 'string') { s.className = 'ov-str'; s.textContent = `"${val}"`; }
-  else if (typeof val === 'number') { s.className = 'ov-num'; s.textContent = String(val); }
-  else if (typeof val === 'boolean') { s.className = 'ov-bool'; s.textContent = String(val); }
-  else { s.textContent = String(val); }
-  return s;
-}
-
-// Parse a structured arg from the SDK (or fall back to raw message string)
-function renderConsoleArg(arg) {
-  if (!arg || typeof arg !== 'object' || !arg.t) {
-    // Backward compat: raw string
-    const s = document.createElement('span');
-    s.className = 'ov-str';
-    s.textContent = String(arg);
-    return s;
-  }
-  const { t, v } = arg;
-  if (t === 'string') {
-    const s = document.createElement('span');
-    s.className = 'log-text';
-    s.textContent = v;
-    return s;
-  }
-  if (t === 'number') { return createPrimitiveSpan(v); }
-  if (t === 'boolean') { return createPrimitiveSpan(v); }
-  if (t === 'null') { return createPrimitiveSpan(null); }
-  if (t === 'undefined') { return createPrimitiveSpan(undefined); }
-  if (t === 'object' || t === 'array') {
-    return createTreeNode(null, v, false);
-  }
-  const s = document.createElement('span');
-  s.textContent = String(v);
-  return s;
-}
-
-// Build the body of a console log row. If structured args exist, render each;
-// otherwise fall back to the flat message string and try to detect JSON in it.
-function buildLogBody(logEntry) {
-  const container = document.createElement('div');
-  container.className = 'log-body';
-
-  if (logEntry.args && Array.isArray(logEntry.args) && logEntry.args.length > 0) {
-    // Structured args from updated SDK
-    logEntry.args.forEach((arg, i) => {
-      if (i > 0) container.appendChild(document.createTextNode(' '));
-      container.appendChild(renderConsoleArg(arg));
-    });
-  } else if (logEntry.message != null) {
-    // Legacy / flat message — try to parse JSON objects out of it
-    const msg = String(logEntry.message);
-    // Try parsing the whole message as JSON
-    try {
-      const parsed = JSON.parse(msg);
-      if (typeof parsed === 'object' && parsed !== null) {
-        container.appendChild(createTreeNode(null, parsed, false));
-        return container;
-      }
-    } catch {}
-
-    // Otherwise render as text, but look for embedded JSON blocks
-    // If it looks like it contains JSON, try to pretty-render inline
-    const jsonRe = /(\{[\s\S]*\}|\[[\s\S]*\])/;
-    const match = msg.match(jsonRe);
-    if (match && match[0].length > 2) {
-      try {
-        const parsed = JSON.parse(match[0]);
-        // There's text before/after
-        const before = msg.slice(0, match.index);
-        const after = msg.slice(match.index + match[0].length);
-        if (before) container.appendChild(document.createTextNode(before));
-        container.appendChild(createTreeNode(null, parsed, false));
-        if (after) container.appendChild(document.createTextNode(after));
-        return container;
-      } catch {}
-    }
-
-    // Plain text
-    const span = document.createElement('span');
-    span.className = 'log-text';
-    span.textContent = msg;
-    container.appendChild(span);
-  }
-
-  return container;
-}
-
-// ─── Export via window.RNDebug ────────────────────────────────────────────────
-window.RNDebug.objPreview = objPreview;
-window.RNDebug.primitivePreview = primitivePreview;
-window.RNDebug.createTreeNode = createTreeNode;
-window.RNDebug.createPrimitiveSpan = createPrimitiveSpan;
-window.RNDebug.renderConsoleArg = renderConsoleArg;
-window.RNDebug.buildLogBody = buildLogBody;

package/src/renderer/index.html

@@ -1,111 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta http-equiv="Content-Security-Policy" content="default-src 'self' http://localhost:* ws://localhost:*; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src https://fonts.gstatic.com;">
-  <title>RN Debugger</title>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&family=Syne:wght@700;800&display=swap" rel="stylesheet">
-
-  <!-- Styles (modular) -->
-  <link rel="stylesheet" href="styles/main.css">
-  <link rel="stylesheet" href="styles/components.css">
-  <link rel="stylesheet" href="styles/console.css">
-  <link rel="stylesheet" href="styles/network.css">
-  <link rel="stylesheet" href="styles/sources.css">
-  <link rel="stylesheet" href="styles/performance.css">
-  <link rel="stylesheet" href="styles/redux.css">
-  <link rel="stylesheet" href="styles/storage.css">
-  <link rel="stylesheet" href="styles/settings.css">
-  <link rel="stylesheet" href="styles/theme-light.css">
-</head>
-<body>
-  <div id="app">
-
-    <!-- ── TITLE BAR (logo + device status + actions in one line) ── -->
-    <header id="titlebar">
-      <div class="titlebar-drag"></div>
-      <div class="logo">RN<span>debug</span></div>
-      <span class="title-sep">—</span>
-      <div id="deviceStatus" class="device-status waiting">
-        <span class="device-dot"></span>
-        <span id="deviceText">Waiting for device...</span>
-      </div>
-      <div class="titlebar-actions">
-        <input id="filterInput" class="filter-input" placeholder="⌘F  Filter…" />
-        <button class="tb-btn" id="btnClear" title="Clear active tab (⌘K clears all)">Clear</button>
-        <button class="tb-btn primary" id="btnCDP" title="Open JS Debugger (⌘D)">JS Debugger ↗</button>
-      </div>
-    </header>
-
-    <!-- ── SIDEBAR ── -->
-    <nav id="sidebar">
-      <button class="nav-btn active" data-panel="console" title="Console">
-        <svg viewBox="0 0 20 20"><path d="M3 5h14M3 10h8M3 15h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
-        <span>Console</span>
-      </button>
-      <button class="nav-btn" data-panel="sources" title="Sources">
-        <svg viewBox="0 0 20 20"><path d="M7 3l-4 7 4 7M13 3l4 7-4 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" fill="none"/></svg>
-        <span>Sources</span>
-      </button>
-      <button class="nav-btn" data-panel="network" title="Network">
-        <svg viewBox="0 0 20 20"><circle cx="10" cy="10" r="7" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M10 3c-2 2.5-2 11.5 0 14M10 3c2 2.5 2 11.5 0 14M3 10h14" stroke="currentColor" stroke-width="1.5"/></svg>
-        <span>Network</span>
-      </button>
-      <button class="nav-btn" data-panel="performance" title="Performance">
-        <svg viewBox="0 0 20 20"><polyline points="2,16 6,10 10,13 14,5 18,8" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
-        <span>Perf</span>
-      </button>
-      <button class="nav-btn" data-panel="memory" title="Memory">
-        <svg viewBox="0 0 20 20"><rect x="3" y="8" width="3" height="8" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"/><rect x="8.5" y="4" width="3" height="12" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"/><rect x="14" y="6" width="3" height="10" rx="0.5" stroke="currentColor" stroke-width="1.2" fill="none"/></svg>
-        <span>Memory</span>
-      </button>
-      <button class="nav-btn" data-panel="redux" title="Redux">
-        <svg viewBox="0 0 20 20"><rect x="3" y="3" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5" fill="none"/><rect x="11" y="3" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5" fill="none"/><rect x="7" y="11" width="6" height="6" rx="1" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
-        <span>Redux</span>
-      </button>
-      <button class="nav-btn" data-panel="storage" title="Application">
-        <svg viewBox="0 0 20 20"><ellipse cx="10" cy="6" rx="7" ry="3" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M3 6v4c0 1.66 3.13 3 7 3s7-1.34 7-3V6" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M3 10v4c0 1.66 3.13 3 7 3s7-1.34 7-3v-4" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
-        <span>App</span>
-      </button>
-      <button class="nav-btn" data-panel="react" title="React Tree">
-        <svg viewBox="0 0 20 20"><circle cx="10" cy="10" r="2" fill="currentColor"/><ellipse cx="10" cy="10" rx="8" ry="3.5" stroke="currentColor" stroke-width="1.5" fill="none"/><ellipse cx="10" cy="10" rx="8" ry="3.5" stroke="currentColor" stroke-width="1.5" fill="none" transform="rotate(60 10 10)"/><ellipse cx="10" cy="10" rx="8" ry="3.5" stroke="currentColor" stroke-width="1.5" fill="none" transform="rotate(120 10 10)"/></svg>
-        <span>React</span>
-      </button>
-      <div class="nav-spacer"></div>
-      <button class="nav-btn" data-panel="settings" title="Settings">
-        <svg viewBox="0 0 20 20"><path d="M10 13a3 3 0 100-6 3 3 0 000 6z" stroke="currentColor" stroke-width="1.5" fill="none"/><path d="M17.4 11c.2-.6.2-1.4 0-2l1.3-1-1.7-3-1.6.5c-.5-.4-1-.7-1.6-.9L13.4 3H10.6l-.4 1.6c-.6.2-1.1.5-1.6.9L7 5 5.3 8l1.3 1c-.2.6-.2 1.4 0 2L5.3 12 7 15l1.6-.5c.5.4 1 .7 1.6.9l.4 1.6h2.8l.4-1.6c.6-.2 1.1-.5 1.6-.9l1.6.5 1.7-3-1.3-1z" stroke="currentColor" stroke-width="1.5" fill="none"/></svg>
-        <span>Settings</span>
-      </button>
-    </nav>
-
-    <!-- ── PANELS ── -->
-    <main id="content">
-      <div id="panel-console"     class="panel active"></div>
-      <div id="panel-sources"     class="panel"></div>
-      <div id="panel-network"     class="panel"></div>
-      <div id="panel-performance" class="panel"></div>
-      <div id="panel-memory"      class="panel"></div>
-      <div id="panel-redux"       class="panel"></div>
-      <div id="panel-storage"     class="panel"></div>
-      <div id="panel-react"       class="panel"></div>
-      <div id="panel-settings"    class="panel"></div>
-    </main>
-
-  </div>
-
-  <!-- Scripts (loaded in order — each depends on the previous) -->
-  <script src="state.js"></script>
-  <script src="components/object-tree.js"></script>
-  <script src="panels/console.js"></script>
-  <script src="panels/network.js"></script>
-  <script src="panels/sources.js"></script>
-  <script src="panels/performance.js"></script>
-  <script src="panels/memory.js"></script>
-  <script src="panels/redux.js"></script>
-  <script src="panels/storage.js"></script>
-  <script src="panels/react.js"></script>
-  <script src="panels/settings.js"></script>
-  <script src="app.js"></script>
-</body>
-</html>

package/src/renderer/panels/console.js

@@ -1,248 +0,0 @@
-'use strict';
-
-const state = window.RNDebug.state;
-const $ = window.RNDebug.$;
-const esc = window.RNDebug.esc;
-const ts = window.RNDebug.ts;
-const extractCallerShort = window.RNDebug.extractCallerShort;
-const showContextMenu = window.RNDebug.showContextMenu;
-const buildLogBody = window.RNDebug.buildLogBody;
-
-// ─────────────────────────────────────────────────────────────────────────────
-// CONSOLE PANEL
-// ─────────────────────────────────────────────────────────────────────────────
-function initConsolePanel() {
-  const panel = $('panel-console');
-  panel.innerHTML = `
-    <div class="panel-toolbar">
-      <span class="panel-label">Console</span>
-      <span class="badge" id="cBadge">0</span>
-      <div class="tab-row" style="margin-left:12px">
-        <button class="tab active" onclick="setConsoleLevel('all',this)">All</button>
-        <button class="tab" onclick="setConsoleLevel('log',this)">Log</button>
-        <button class="tab" onclick="setConsoleLevel('info',this)">Info</button>
-        <button class="tab" onclick="setConsoleLevel('warn',this)">Warn</button>
-        <button class="tab" onclick="setConsoleLevel('error',this)">Error</button>
-      </div>
-    </div>
-    <div class="scroll-area" id="consoleList">
-      <div class="empty-state" id="consoleEmpty">
-        <div class="icon">⬛</div>
-        <div class="label">No logs yet</div>
-        <div class="hint">Add RNDebugSDK.js to your app</div>
-      </div>
-    </div>`;
-}
-window.setConsoleLevel = (level, btn) => {
-  state.console.levelFilter = level;
-  document.querySelectorAll('#panel-console .tab').forEach(b => b.classList.remove('active'));
-  btn.classList.add('active');
-  renderConsole();
-};
-
-// Console is fed via IPC (network-event handled in IPC section above)
-
-// ─── Batched console append (fixes re-render performance) ────────────────────
-let _consolePending = [];
-let _consoleRAF = null;
-
-function addConsoleLog(event) {
-  state.console.logs.push(event);
-  _consolePending.push(event);
-  // Batch DOM updates via rAF — only one paint per frame
-  if (!_consoleRAF) {
-    _consoleRAF = requestAnimationFrame(flushConsoleBatch);
-  }
-}
-
-function flushConsoleBatch() {
-  _consoleRAF = null;
-  const batch = _consolePending;
-  _consolePending = [];
-  if (!batch.length) return;
-
-  $('cBadge').textContent = state.console.logs.length;
-
-  const list = $('consoleList');
-  const empty = $('consoleEmpty');
-  if (!list) return;
-
-  const { levelFilter } = state.console;
-  const frag = document.createDocumentFragment();
-  let added = 0;
-
-  batch.forEach(l => {
-    if (levelFilter !== 'all' && l.level !== levelFilter) return;
-    if (state.filter && !l.message?.toLowerCase().includes(state.filter)) return;
-    frag.appendChild(buildLogRow(l));
-    added++;
-  });
-
-  if (added > 0) {
-    empty.style.display = 'none';
-    list.appendChild(frag);
-    list.scrollTop = list.scrollHeight;
-  }
-}
-
-window.electronAPI?.on('console-event', addConsoleLog);
-
-function buildLogRow(l) {
-  const div = document.createElement('div');
-  div.className = `log-row ${l.level}`;
-
-  const timeSpan = document.createElement('span');
-  timeSpan.className = 'log-time';
-  timeSpan.textContent = ts(l.ts);
-  div.appendChild(timeSpan);
-
-  const lvlSpan = document.createElement('span');
-  lvlSpan.className = `lvl-badge lvl-${l.level}`;
-  lvlSpan.textContent = l.level;
-  div.appendChild(lvlSpan);
-
-  // Body wrapper with preview (collapsed) and full (expanded)
-  const bodyWrap = document.createElement('div');
-  bodyWrap.className = 'log-body-wrap';
-
-  // Single-line preview with caller at end
-  const preview = document.createElement('div');
-  preview.className = 'log-preview';
-  const msgText = (l.message || '').replace(/\n/g, ' ').slice(0, 200);
-  const previewText = document.createElement('span');
-  previewText.textContent = msgText + ((l.message || '').length > 200 ? '...' : '');
-  preview.appendChild(previewText);
-  if (l.caller) {
-    // Extract short filename:line from caller like "at Component (file.js:42:10)"
-    const callerShort = extractCallerShort(l.caller);
-    if (callerShort) {
-      const callerTag = document.createElement('span');
-      callerTag.className = 'log-caller-inline';
-      callerTag.textContent = callerShort;
-      preview.appendChild(callerTag);
-    }
-  }
-  bodyWrap.appendChild(preview);
-
-  // Full content (hidden by default)
-  const full = document.createElement('div');
-  full.className = 'log-full';
-  full.style.display = 'none';
-  full.appendChild(buildLogBody(l));
-  if (l.caller) {
-    const callerSpan = document.createElement('span');
-    callerSpan.className = 'log-caller';
-    callerSpan.textContent = l.caller;
-    full.appendChild(callerSpan);
-  }
-  bodyWrap.appendChild(full);
-
-  // Expand/collapse arrow
-  const arrow = document.createElement('span');
-  arrow.className = 'log-arrow';
-  arrow.textContent = '\u25B6';
-  bodyWrap.prepend(arrow);
-
-  let expanded = false;
-  // Only toggle on click, NOT on text selection drag
-  let _mouseDownPos = null;
-  bodyWrap.addEventListener('mousedown', (e) => {
-    _mouseDownPos = { x: e.clientX, y: e.clientY };
-  });
-  bodyWrap.addEventListener('click', (e) => {
-    // Don't toggle if user is selecting text (dragged mouse)
-    if (_mouseDownPos) {
-      const dx = Math.abs(e.clientX - _mouseDownPos.x);
-      const dy = Math.abs(e.clientY - _mouseDownPos.y);
-      if (dx > 3 || dy > 3) return; // user dragged to select
-    }
-    // Don't toggle if there's an active text selection
-    const sel = window.getSelection();
-    if (sel && sel.toString().length > 0) return;
-    // Don't toggle if clicking inside object tree expander
-    if (e.target.closest('.ov-header')) return;
-    expanded = !expanded;
-    if (expanded) {
-      preview.style.display = 'none';
-      full.style.display = 'block';
-      arrow.textContent = '\u25BC';
-      arrow.classList.add('expanded');
-    } else {
-      preview.style.display = '';
-      full.style.display = 'none';
-      arrow.textContent = '\u25B6';
-      arrow.classList.remove('expanded');
-    }
-  });
-
-  // Right-click → copy options
-  div.addEventListener('contextmenu', (e) => {
-    e.preventDefault();
-    const items = [];
-
-    // Copy selected text
-    const sel = window.getSelection();
-    if (sel && sel.toString().length > 0) {
-      items.push({ label: 'Copy Selection', action: () => navigator.clipboard.writeText(sel.toString()) });
-    }
-
-    // Copy full log message
-    items.push({ label: 'Copy Message', action: () => {
-      navigator.clipboard.writeText(l.message || '');
-    }});
-
-    // Copy as JSON (if structured args exist)
-    if (l.args && l.args.length > 0) {
-      items.push({ label: 'Copy as JSON', action: () => {
-        const json = l.args.map(a => {
-          if (a.t === 'object' || a.t === 'array') return JSON.stringify(a.v, null, 2);
-          return String(a.v);
-        }).join(' ');
-        navigator.clipboard.writeText(json);
-      }});
-    }
-
-    // Copy caller location
-    if (l.caller) {
-      items.push({ label: 'Copy Caller', action: () => navigator.clipboard.writeText(l.caller) });
-    }
-
-    showContextMenu(e, items);
-  });
-
-  div.appendChild(bodyWrap);
-  return div;
-}
-
-// Full re-render — only used on filter/level change, NOT on every incoming log
-function renderConsole() {
-  const list = $('consoleList');
-  const empty = $('consoleEmpty');
-  if (!list) return;
-
-  const { levelFilter } = state.console;
-  const visible = state.console.logs.filter(l => {
-    if (levelFilter !== 'all' && l.level !== levelFilter) return false;
-    if (state.filter && !l.message?.toLowerCase().includes(state.filter)) return false;
-    return true;
-  });
-
-  list.querySelectorAll('.log-row').forEach(e => e.remove());
-  empty.style.display = visible.length ? 'none' : 'flex';
-
-  const frag = document.createDocumentFragment();
-  visible.forEach(l => frag.appendChild(buildLogRow(l)));
-  list.appendChild(frag);
-  list.scrollTop = list.scrollHeight;
-}
-
-// ─── Export via window.RNDebug ────────────────────────────────────────────────
-window.RNDebug.initConsolePanel = initConsolePanel;
-window.RNDebug.setConsoleLevel = window.setConsoleLevel;
-window.RNDebug.addConsoleLog = addConsoleLog;
-window.RNDebug.flushConsoleBatch = flushConsoleBatch;
-window.RNDebug.buildLogRow = buildLogRow;
-window.RNDebug.renderConsole = renderConsole;
-// Expose batch state for clearing
-window.RNDebug._getConsolePending = () => _consolePending;
-window.RNDebug._setConsolePending = (val) => { _consolePending = val; };

package/src/renderer/panels/memory.js

@@ -1,60 +0,0 @@
-'use strict';
-
-const state = window.RNDebug.state;
-const $ = window.RNDebug.$;
-const formatSize = window.RNDebug.formatSize;
-
-// ─────────────────────────────────────────────────────────────────────────────
-// MEMORY PANEL — Heap snapshot summary via Hermes CDP
-// ─────────────────────────────────────────────────────────────────────────────
-function initMemoryPanel() {
-  const panel = $('panel-memory');
-  panel.innerHTML = `
-    <div class="panel-toolbar">
-      <span class="panel-label">Memory</span>
-      <div class="ml-auto" style="display:flex;gap:6px">
-        <button class="tb-btn primary" id="btnHeapSnapshot">Take Heap Snapshot</button>
-      </div>
-    </div>
-    <div class="memory-layout">
-      <div class="perf-meters" style="padding:14px">
-        <div class="perf-meter">
-          <div class="perf-meter-label">JS Heap Used</div>
-          <div class="perf-meter-value" id="memHeapUsed">—</div>
-        </div>
-        <div class="perf-meter">
-          <div class="perf-meter-label">JS Heap Total</div>
-          <div class="perf-meter-value" id="memHeapTotal">—</div>
-        </div>
-        <div class="perf-meter">
-          <div class="perf-meter-label">Native Memory</div>
-          <div class="perf-meter-value" id="memNative">—</div>
-        </div>
-      </div>
-      <div class="scroll-area" id="memoryContent">
-        <div class="empty-state" id="memoryEmpty">
-          <div class="icon" style="font-size:28px;opacity:.2">🧠</div>
-          <div class="label">No memory data</div>
-          <div class="hint">Click "Take Heap Snapshot" to capture memory usage</div>
-          <div class="hint">Requires Hermes CDP connection (press Cmd+D first)</div>
-        </div>
-      </div>
-    </div>`;
-
-  $('btnHeapSnapshot').addEventListener('click', () => {
-    // Request heap snapshot via CDP - this opens the DevTools window
-    // which has built-in Memory profiler
-    window.electronAPI?.openCDPTarget(null);
-  });
-}
-
-// Handle memory events from SDK
-function handleMemoryEvent(event) {
-  if (event.heapUsed != null) $('memHeapUsed').textContent = formatSize(event.heapUsed);
-  if (event.heapTotal != null) $('memHeapTotal').textContent = formatSize(event.heapTotal);
-  if (event.native != null) $('memNative').textContent = formatSize(event.native);
-}
-
-// ─── Export via window.RNDebug ────────────────────────────────────────────────
-window.RNDebug.initMemoryPanel = initMemoryPanel;
-window.RNDebug.handleMemoryEvent = handleMemoryEvent;