aipeek 0.2.3 → 0.2.5

package/dist/{chunk-3NVB3GGE.cjs → chunk-6EZKMGRD.cjs}

@@ -830,61 +830,29 @@ JS in the page and returns the result \u2014 for anything the typed endpoints ca
 aipeek auto-detects errors after HMR and prints them to the terminal \u2014 watch for \`[aipeek]\` messages.
 `;
 }
-function norm(line) {
-  const t = line.trim();
-  const i = t.indexOf("localhost:");
-  if (i === -1)
-    return t;
-  let j = i + "localhost:".length;
-  while (j < t.length && t[j] >= "0" && t[j] <= "9") j++;
-  return `${t.slice(0, i)}localhost:PORT${t.slice(j)}`;
-}
-function stripBlocks(content, snippet) {
-  const known = new Set(snippet.split("\n").map(norm).filter((l) => l.length > 3));
-  const lines = content.split("\n");
-  const keep = [];
-  let inside = false;
-  let buf = [];
-  let hits = 0;
-  const flush = () => {
-    if (buf.length && hits / buf.length <= 0.5)
-      keep.push(...buf);
-    buf = [];
-    hits = 0;
-    inside = false;
-  };
-  for (const line of lines) {
-    const isKnown = known.has(norm(line));
-    if (!inside) {
-      if (isKnown) {
-        inside = true;
-        buf = [line];
-        hits = 1;
-      } else {
-        keep.push(line);
-      }
-      continue;
-    }
-    buf.push(line);
-    if (isKnown)
-      hits++;
-    else if (buf.slice(-3).every((l) => !known.has(norm(l))))
-      flush();
-  }
-  flush();
-  return keep.join("\n");
-}
+var START_TAG = "<!-- AIPEEK:START -->";
+var END_TAG = "<!-- AIPEEK:END -->";
 function injectClaudeMd(root, port) {
   const path = _path.resolve.call(void 0, root, "CLAUDE.md");
-  const snippet = aipeekSnippet(port);
+  const block = `${START_TAG}
+${aipeekSnippet(port).trim()}
+${END_TAG}
+`;
   try {
     if (!_fs.existsSync.call(void 0, path)) {
-      _fs.writeFileSync.call(void 0, path, snippet.trimStart());
+      _fs.writeFileSync.call(void 0, path, block);
+      return;
+    }
+    const content = _fs.readFileSync.call(void 0, path, "utf-8");
+    const si = content.indexOf(START_TAG);
+    const ei = content.indexOf(END_TAG);
+    if (si !== -1 && ei !== -1) {
+      _fs.writeFileSync.call(void 0, path, content.slice(0, si) + block.trimEnd() + content.slice(ei + END_TAG.length));
       return;
     }
-    const stripped = stripBlocks(_fs.readFileSync.call(void 0, path, "utf-8"), snippet).trimEnd();
-    _fs.writeFileSync.call(void 0, path, `${stripped}
-${snippet}`);
+    const sep = content.endsWith("\n") ? "" : "\n";
+    _fs.writeFileSync.call(void 0, path, `${content}${sep}
+${block}`);
   } catch (e6) {
   }
 }
@@ -1201,4 +1169,7 @@ ${result.ui}` : head);
 
 
 
-exports.check = check; exports.diffState = diffState; exports.emitSummary = emitSummary; exports.emitCheck = emitCheck; exports.emitDiff = emitDiff; exports.aipeekPlugin = aipeekPlugin;
+
+
+
+exports.check = check; exports.diffState = diffState; exports.emitSummary = emitSummary; exports.emitCheck = emitCheck; exports.emitDiff = emitDiff; exports.START_TAG = START_TAG; exports.END_TAG = END_TAG; exports.injectClaudeMd = injectClaudeMd; exports.aipeekPlugin = aipeekPlugin;

package/dist/{chunk-72ZKZ42D.js → chunk-X3HAXWFJ.js}

@@ -826,61 +826,29 @@ JS in the page and returns the result \u2014 for anything the typed endpoints ca
 aipeek auto-detects errors after HMR and prints them to the terminal \u2014 watch for \`[aipeek]\` messages.
 `;
 }
-function norm(line) {
-  const t = line.trim();
-  const i = t.indexOf("localhost:");
-  if (i === -1)
-    return t;
-  let j = i + "localhost:".length;
-  while (j < t.length && t[j] >= "0" && t[j] <= "9") j++;
-  return `${t.slice(0, i)}localhost:PORT${t.slice(j)}`;
-}
-function stripBlocks(content, snippet) {
-  const known = new Set(snippet.split("\n").map(norm).filter((l) => l.length > 3));
-  const lines = content.split("\n");
-  const keep = [];
-  let inside = false;
-  let buf = [];
-  let hits = 0;
-  const flush = () => {
-    if (buf.length && hits / buf.length <= 0.5)
-      keep.push(...buf);
-    buf = [];
-    hits = 0;
-    inside = false;
-  };
-  for (const line of lines) {
-    const isKnown = known.has(norm(line));
-    if (!inside) {
-      if (isKnown) {
-        inside = true;
-        buf = [line];
-        hits = 1;
-      } else {
-        keep.push(line);
-      }
-      continue;
-    }
-    buf.push(line);
-    if (isKnown)
-      hits++;
-    else if (buf.slice(-3).every((l) => !known.has(norm(l))))
-      flush();
-  }
-  flush();
-  return keep.join("\n");
-}
+var START_TAG = "<!-- AIPEEK:START -->";
+var END_TAG = "<!-- AIPEEK:END -->";
 function injectClaudeMd(root, port) {
   const path = resolve(root, "CLAUDE.md");
-  const snippet = aipeekSnippet(port);
+  const block = `${START_TAG}
+${aipeekSnippet(port).trim()}
+${END_TAG}
+`;
   try {
     if (!existsSync(path)) {
-      writeFileSync(path, snippet.trimStart());
+      writeFileSync(path, block);
+      return;
+    }
+    const content = readFileSync(path, "utf-8");
+    const si = content.indexOf(START_TAG);
+    const ei = content.indexOf(END_TAG);
+    if (si !== -1 && ei !== -1) {
+      writeFileSync(path, content.slice(0, si) + block.trimEnd() + content.slice(ei + END_TAG.length));
       return;
     }
-    const stripped = stripBlocks(readFileSync(path, "utf-8"), snippet).trimEnd();
-    writeFileSync(path, `${stripped}
-${snippet}`);
+    const sep = content.endsWith("\n") ? "" : "\n";
+    writeFileSync(path, `${content}${sep}
+${block}`);
   } catch {
   }
 }
@@ -1196,5 +1164,8 @@ export {
   emitSummary,
   emitCheck,
   emitDiff,
+  START_TAG,
+  END_TAG,
+  injectClaudeMd,
   aipeekPlugin
 };

package/dist/index.cjs

@@ -5,7 +5,7 @@
 
 
 
-var _chunk3NVB3GGEcjs = require('./chunk-3NVB3GGE.cjs');
+var _chunk6EZKMGRDcjs = require('./chunk-6EZKMGRD.cjs');
 require('./chunk-Z2Y65YOY.cjs');
 
 
@@ -14,4 +14,4 @@ require('./chunk-Z2Y65YOY.cjs');
 
 
 
-exports.aipeekPlugin = _chunk3NVB3GGEcjs.aipeekPlugin; exports.check = _chunk3NVB3GGEcjs.check; exports.diffState = _chunk3NVB3GGEcjs.diffState; exports.emitCheck = _chunk3NVB3GGEcjs.emitCheck; exports.emitDiff = _chunk3NVB3GGEcjs.emitDiff; exports.emitSummary = _chunk3NVB3GGEcjs.emitSummary;
+exports.aipeekPlugin = _chunk6EZKMGRDcjs.aipeekPlugin; exports.check = _chunk6EZKMGRDcjs.check; exports.diffState = _chunk6EZKMGRDcjs.diffState; exports.emitCheck = _chunk6EZKMGRDcjs.emitCheck; exports.emitDiff = _chunk6EZKMGRDcjs.emitDiff; exports.emitSummary = _chunk6EZKMGRDcjs.emitSummary;

package/dist/index.js

@@ -5,7 +5,7 @@ import {
   emitCheck,
   emitDiff,
   emitSummary
-} from "./chunk-72ZKZ42D.js";
+} from "./chunk-X3HAXWFJ.js";
 export {
   aipeekPlugin,
   check,

package/dist/plugin.cjs

@@ -1,7 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk3NVB3GGEcjs = require('./chunk-3NVB3GGE.cjs');
+
+
+
+var _chunk6EZKMGRDcjs = require('./chunk-6EZKMGRD.cjs');
 require('./chunk-Z2Y65YOY.cjs');
 
 
-exports.aipeekPlugin = _chunk3NVB3GGEcjs.aipeekPlugin;
+
+
+
+exports.END_TAG = _chunk6EZKMGRDcjs.END_TAG; exports.START_TAG = _chunk6EZKMGRDcjs.START_TAG; exports.aipeekPlugin = _chunk6EZKMGRDcjs.aipeekPlugin; exports.injectClaudeMd = _chunk6EZKMGRDcjs.injectClaudeMd;

package/dist/plugin.js

@@ -1,6 +1,12 @@
 import {
-  aipeekPlugin
-} from "./chunk-72ZKZ42D.js";
+  END_TAG,
+  START_TAG,
+  aipeekPlugin,
+  injectClaudeMd
+} from "./chunk-X3HAXWFJ.js";
 export {
-  aipeekPlugin
+  END_TAG,
+  START_TAG,
+  aipeekPlugin,
+  injectClaudeMd
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "aipeek",
-    "version": "0.2.3",
+    "version": "0.2.5",
     "description": "Gives AI a peek into your running browser app — UI tree, console, network, errors, state",
     "license": "MIT",
     "repository": {
@@ -19,9 +19,7 @@
     },
     "files": [
         "dist",
-        "src/client",
-        "src/core/action.ts",
-        "src/core/types.ts"
+        "src"
     ],
     "scripts": {
         "build": "tsup",

package/src/core/check.ts

@@ -0,0 +1,34 @@
+import type { CheckResult, RawState } from './types'
+
+export function check(raw: RawState): CheckResult {
+    const consoleErrors = raw.console.filter(l => l.level === 'error')
+    const failedRequests = raw.network.filter(r => r.status >= 400 || r.failed)
+
+    const assertions = [
+        {
+            name: 'no-console-errors',
+            pass: consoleErrors.length === 0,
+            ...consoleErrors.length && { detail: consoleErrors[0].text },
+        },
+        {
+            name: 'no-uncaught-errors',
+            pass: raw.errors.length === 0,
+            ...raw.errors.length && { detail: raw.errors[0].message },
+        },
+        {
+            name: 'no-failed-requests',
+            pass: failedRequests.length === 0,
+            ...failedRequests.length && { detail: `${failedRequests[0].method} ${failedRequests[0].url} ${failedRequests[0].status}` },
+        },
+        {
+            name: 'ui-not-empty',
+            pass: raw.ui.trim().length > 0,
+            ...!raw.ui.trim().length && { detail: 'UI tree is empty' },
+        },
+    ]
+
+    return {
+        pass: assertions.every(a => a.pass),
+        assertions,
+    }
+}

package/src/core/compact.ts

@@ -0,0 +1,338 @@
+import type { CompactState, ErrorEntry, LogEntry, NetworkRequest, RawState } from './types'
+import { compactUrl, truncate } from './util'
+
+const SLOW_THRESHOLD = 1000
+
+// --- UI (merged component tree + DOM semantics) ---
+
+const MAX_UI_DEPTH = 6
+const UI_PRIMITIVES = new Set([
+    'Button',
+    'Input',
+    'Label',
+    'Badge',
+    'Checkbox',
+    'Skeleton',
+    'Spinner',
+    'Switch',
+    'Tabs',
+    'Tooltip',
+    'Popover',
+    'Dialog',
+    'Select',
+    'Card',
+    'Table',
+    'Slider',
+    'Progress',
+    'RadioGroup',
+    'HoverCard',
+    'DropdownMenu',
+    'ContextMenu',
+    'Command',
+    'Form',
+    'Alert',
+    'Pagination',
+    'Textarea',
+    'TooltipProvider',
+    'DialogPortal',
+    'Router',
+    'RenderErrorBoundary',
+    'RouterProvider',
+    'RouterProvider2',
+    'PanelGroup',
+    'Panel',
+])
+
+// component name = leading run before the first space, '[', or '—' separator
+export function nameOf(line: string): string {
+    let end = 0
+    while (end < line.length) {
+        const c = line[end]
+        if (c === ' ' || c === '\t' || c === '[' || c === '—')
+            break
+        end++
+    }
+    return line.slice(0, end)
+}
+
+export function compactUI(tree: string): string {
+    if (!tree)
+        return ''
+
+    const lines = tree.split('\n')
+    const result: string[] = []
+    const repeatTracker = new Map<string, { count: number, lastIndex: number }>()
+
+    for (let i = 0; i < lines.length; i++) {
+        const line = lines[i]
+        const trimmed = line.trimStart()
+        if (!trimmed)
+            continue
+
+        const indent = line.length - trimmed.length
+        const depth = Math.floor(indent / 2)
+        if (depth > MAX_UI_DEPTH)
+            continue
+
+        const componentName = nameOf(trimmed)
+        if (UI_PRIMITIVES.has(componentName))
+            continue
+
+        // fold repeated siblings
+        const key = `${depth}:${componentName}`
+        const tracker = repeatTracker.get(key)
+        if (tracker && i - tracker.lastIndex <= 2) {
+            tracker.count++
+            tracker.lastIndex = i
+            continue
+        }
+
+        // flush previous repeat groups
+        for (const [k, t] of repeatTracker) {
+            if (t.count > 1) {
+                const d = Number.parseInt(k.split(':')[0])
+                const name = k.split(':').slice(1).join(':')
+                result.push(`${'  '.repeat(d)}${name} ×${t.count}`)
+            }
+            if (t.count > 1 || i - t.lastIndex > 2) {
+                repeatTracker.delete(k)
+            }
+        }
+
+        repeatTracker.set(key, { count: 1, lastIndex: i })
+        result.push(line)
+    }
+
+    // flush remaining
+    for (const [k, t] of repeatTracker) {
+        if (t.count > 1) {
+            const d = Number.parseInt(k.split(':')[0])
+            const name = k.split(':').slice(1).join(':')
+            result.push(`${'  '.repeat(d)}${name} ×${t.count}`)
+        }
+    }
+
+    return result.join('\n')
+}
+
+// --- Console ---
+
+// case-insensitive substrings that mark a log line as dev-tooling noise
+const NOISE_SUBSTRINGS = [
+    '[hmr]',
+    '[vite]',
+    'hot module',
+    'react-devtools',
+    'download the react devtools',
+    'warning: react does not recognize',
+    'source map',
+    'favicon.ico',
+    'webpack',
+]
+
+export function compactConsole(logs: LogEntry[]): string {
+    if (!logs.length)
+        return ''
+
+    // filter noise
+    const filtered = logs.filter((l) => {
+        const lower = l.text.toLowerCase()
+        return !NOISE_SUBSTRINGS.some(s => lower.includes(s))
+    })
+    if (!filtered.length)
+        return ''
+
+    // dedup consecutive same messages
+    const deduped: { entry: LogEntry, count: number }[] = []
+    for (const log of filtered) {
+        const last = deduped[deduped.length - 1]
+        if (last && last.entry.text === log.text && last.entry.level === log.level) {
+            last.count++
+        }
+        else {
+            deduped.push({ entry: log, count: 1 })
+        }
+    }
+
+    // prioritize: errors first, then warns, then recent info/debug
+    const errors = deduped.filter(d => d.entry.level === 'error')
+    const warns = deduped.filter(d => d.entry.level === 'warn')
+    const rest = deduped.filter(d => d.entry.level !== 'error' && d.entry.level !== 'warn')
+
+    // keep last N info/debug entries
+    const recentRest = rest.slice(-10)
+
+    const lines: string[] = []
+    for (const group of [...errors, ...warns, ...recentRest]) {
+        const prefix = `[${group.entry.level}]`
+        const count = group.count > 1 ? ` ×${group.count}` : ''
+        const source = group.entry.source ? ` (${group.entry.source})` : ''
+        const text = truncate(group.entry.text, 200)
+        lines.push(`${prefix}${count} ${text}${source}`)
+    }
+
+    return lines.join('\n')
+}
+
+// --- Network ---
+
+export function compactNetwork(requests: NetworkRequest[]): string {
+    if (!requests.length)
+        return ''
+
+    // only fetch/XHR
+    const relevant = requests.filter(r =>
+        r.resourceType === 'fetch' || r.resourceType === 'xhr' || r.resourceType === 'websocket'
+        || r.resourceType === 'eventsource' || isApiUrl(r.url),
+    )
+    if (!relevant.length)
+        return ''
+
+    const lines: string[] = []
+    for (const req of relevant) {
+        const duration = req.duration > 0 ? ` ${formatDuration(req.duration)}` : ''
+        const slow = req.duration >= SLOW_THRESHOLD ? ' [SLOW]' : ''
+        const url = compactUrl(req.url, 50)
+        const headers = diagnosticHeaders(req)
+
+        if (req.failed || req.status >= 400) {
+            // failed: show more detail
+            const body = req.responseBody ? ` "${truncate(req.responseBody, 100)}"` : ''
+            const failure = req.failureText ? ` (${req.failureText})` : ''
+            lines.push(`${req.method} ${url} ${req.status}${failure}${body}${headers}${duration}${slow}`)
+        }
+        else {
+            lines.push(`${req.method} ${url} ${req.status}${headers}${duration}${slow}`)
+        }
+    }
+
+    return lines.join('\n')
+}
+
+function isApiUrl(url: string): boolean {
+    try {
+        const u = new URL(url)
+        return u.pathname.startsWith('/api') || u.pathname.includes('/graphql')
+    }
+    catch {
+        return false
+    }
+}
+
+const DIAGNOSTIC_HEADERS = ['content-type', 'x-error', 'www-authenticate', 'access-control-allow-origin']
+
+function diagnosticHeaders(req: NetworkRequest): string {
+    const h = req.responseHeaders
+    if (!h)
+        return ''
+    const parts: string[] = []
+    for (const key of DIAGNOSTIC_HEADERS) {
+        const val = h[key]
+        if (!val)
+            continue
+        // skip common json content-type on success — not diagnostic
+        if (key === 'content-type' && req.status < 400 && val.includes('application/json'))
+            continue
+        parts.push(`${key}: ${truncate(val, 60)}`)
+    }
+    if (!parts.length)
+        return ''
+    return ` [${parts.join(', ')}]`
+}
+
+function formatDuration(ms: number): string {
+    return ms >= 1000 ? `${(ms / 1000).toFixed(1)}s` : `${Math.round(ms)}ms`
+}
+
+// --- Errors ---
+
+export function compactErrors(errors: ErrorEntry[]): string {
+    if (!errors.length)
+        return ''
+
+    // dedup by message
+    const seen = new Map<string, ErrorEntry>()
+    for (const err of errors) {
+        if (!seen.has(err.message)) {
+            seen.set(err.message, err)
+        }
+    }
+
+    const lines: string[] = []
+    for (const err of seen.values()) {
+        lines.push(err.message)
+        if (err.stack) {
+            const frames = filterStack(err.stack)
+            for (const frame of frames) {
+                lines.push(`  at ${frame}`)
+            }
+        }
+    }
+
+    return lines.join('\n')
+}
+
+function filterStack(stack: string): string[] {
+    return stack
+        .split('\n')
+        .map(l => l.trim())
+        .filter(l => l.startsWith('at '))
+        .map(l => l.slice(3))
+        .filter(l => !l.includes('node_modules') && !l.includes('<anonymous>'))
+        .slice(0, 5)
+}
+
+// --- State ---
+
+export function compactState(state: Record<string, unknown>): string {
+    if (!state || !Object.keys(state).length)
+        return ''
+
+    const lines: string[] = []
+    for (const [name, value] of Object.entries(state)) {
+        lines.push(`${name}:`)
+        if (typeof value === 'object' && value !== null) {
+            for (const [k, v] of Object.entries(value as Record<string, unknown>)) {
+                lines.push(`  ${k}: ${formatValue(v)}`)
+            }
+        }
+        else {
+            lines.push(`  ${String(value)}`)
+        }
+    }
+    return lines.join('\n')
+}
+
+function formatValue(v: unknown): string {
+    if (v === null || v === undefined)
+        return String(v)
+    if (typeof v === 'string')
+        return v
+    if (typeof v === 'number' || typeof v === 'boolean')
+        return String(v)
+    if (typeof v === 'object') {
+        const s = JSON.stringify(v)
+        return s.length > 120 ? `${s.slice(0, 120)}…` : s
+    }
+    return String(v)
+}
+
+// --- Main ---
+
+export function compact(raw: RawState): CompactState {
+    return {
+        url: raw.url,
+        ui: compactUI(raw.ui),
+        console: compactConsole(raw.console),
+        network: compactNetwork(raw.network),
+        errors: compactErrors(raw.errors),
+        state: compactState(raw.state),
+        timestamp: raw.timestamp,
+        counts: {
+            console: raw.console.length,
+            network: raw.network.length,
+            errors: raw.errors.length,
+            state: Object.keys(raw.state).length,
+        },
+    }
+}