aipeek 0.2.1 → 0.2.3

package/dist/chunk-Z2Y65YOY.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// node_modules/tsup/assets/cjs_shims.js
+var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.tagName.toUpperCase() === "SCRIPT" ? document.currentScript.src : new URL("main.js", document.baseURI).href;
+var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
+
+
+
+exports.importMetaUrl = importMetaUrl;

package/dist/cli.cjs

@@ -1,4 +1,6 @@
-"use strict"; function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/server/cli.ts
+"use strict"; function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }require('./chunk-Z2Y65YOY.cjs');
+
+// src/server/cli.ts
 var _process = require('process'); var _process2 = _interopRequireDefault(_process);
 var _picocolors = require('picocolors'); var _picocolors2 = _interopRequireDefault(_picocolors);
 var args = _process2.default.argv.slice(2);

package/dist/index.cjs

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

package/dist/index.js

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

package/dist/plugin.cjs

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

package/dist/plugin.js

@@ -1,6 +1,6 @@
 import {
   aipeekPlugin
-} from "./chunk-E7YXT6HW.js";
+} from "./chunk-72ZKZ42D.js";
 export {
   aipeekPlugin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "aipeek",
-    "version": "0.2.1",
+    "version": "0.2.3",
     "description": "Gives AI a peek into your running browser app — UI tree, console, network, errors, state",
     "license": "MIT",
     "repository": {
@@ -18,7 +18,10 @@
         "aipeek": "dist/cli.js"
     },
     "files": [
-        "dist"
+        "dist",
+        "src/client",
+        "src/core/action.ts",
+        "src/core/types.ts"
     ],
     "scripts": {
         "build": "tsup",
@@ -27,6 +30,7 @@
         "prepublishOnly": "bun run build"
     },
     "dependencies": {
+        "esbuild": "^0.25.0",
         "html-to-image": "^1.11.13",
         "picocolors": "^1.1.1"
     },

package/src/client/client-patch.ts

@@ -0,0 +1,312 @@
+// aipeek client patch — synchronous, non-module
+// Injected as inline <script> at head-prepend to patch console/fetch/XHR/errors
+// BEFORE any application modules execute.
+
+import type { ErrorEntry, LogEntry, NetworkRequest } from '../core/types'
+
+type NetworkEntry = NetworkRequest
+
+interface AipeekBuffers {
+    consoleLogs: LogEntry[]
+    networkRequests: NetworkEntry[]
+    errorEntries: ErrorEntry[]
+}
+
+// --- Ring buffers (persist across HMR) ---
+
+const MAX_CONSOLE = 100
+const MAX_NETWORK = 50
+const MAX_ERRORS = 20
+
+const BUFFERS_KEY = '__AIPEEK_BUFFERS__'
+const existing = (window as any)[BUFFERS_KEY] as AipeekBuffers | undefined
+const consoleLogs: LogEntry[] = existing?.consoleLogs ?? []
+const networkRequests: NetworkEntry[] = existing?.networkRequests ?? []
+const errorEntries: ErrorEntry[] = existing?.errorEntries ?? []
+;(window as any)[BUFFERS_KEY] = { consoleLogs, networkRequests, errorEntries }
+
+function pushBounded<T>(arr: T[], item: T, max: number) {
+    arr.push(item)
+    if (arr.length > max)
+        arr.shift()
+}
+
+// --- Patch console ---
+
+/* eslint-disable no-console -- patching console is the point of this block */
+for (const level of ['log', 'info', 'warn', 'error', 'debug'] as const) {
+    const orig = console[level]
+    console[level] = (...args: unknown[]) => {
+        pushBounded(consoleLogs, {
+            level,
+            text: args.map(a => typeof a === 'string' ? a : tryStringify(a)).join(' '),
+            timestamp: Date.now(),
+        }, MAX_CONSOLE)
+        orig.apply(console, args)
+    }
+}
+/* eslint-enable no-console */
+
+// --- Patch fetch — 透明摄像头：tee body，主流原样返回，副流后台 capture ---
+
+const originalFetch = window.fetch
+window.fetch = async (input, init) => {
+    const url = typeof input === 'string' ? input : input instanceof URL ? input.toString() : input.url
+    const method = init?.method || 'GET'
+    const start = performance.now()
+
+    // 立即推 entry，主线程持有同一引用，capture 完成后写回
+    const entry: NetworkEntry = {
+        method,
+        url,
+        status: 0,
+        duration: 0,
+        resourceType: 'fetch',
+    }
+    if (init?.headers) {
+        const rh: Record<string, string> = {}
+        new Headers(init.headers as HeadersInit).forEach((v, k) => {
+            rh[k] = v
+        })
+        entry.requestHeaders = rh
+    }
+    if (init?.body && typeof init.body === 'string') {
+        entry.requestBody = init.body.slice(0, 4000)
+        entry.requestSample = jsonSample(init.body)
+    }
+    pushBounded(networkRequests, entry, MAX_NETWORK)
+
+    let response: Response
+    try {
+        response = await originalFetch(input, init)
+    }
+    catch (err) {
+        entry.status = 0
+        entry.duration = Math.round(performance.now() - start)
+        entry.failed = true
+        entry.failureText = err instanceof Error ? err.message : String(err)
+        throw err
+    }
+
+    entry.status = response.status
+    entry.duration = Math.round(performance.now() - start)
+    const respHeaders: Record<string, string> = {}
+    response.headers.forEach((v, k) => {
+        respHeaders[k] = v
+    })
+    entry.responseHeaders = respHeaders
+
+    if (!response.body)
+        return response
+
+    // tee：主流原样给业务，副流后台读 4KB 做 capture
+    const [pass, peek] = response.body.tee()
+    captureBody(peek, entry).catch(() => {})
+
+    const proxied = new Response(pass, {
+        status: response.status,
+        statusText: response.statusText,
+        headers: response.headers,
+    })
+    Object.defineProperty(proxied, 'url', { value: response.url })
+    Object.defineProperty(proxied, 'type', { value: response.type })
+    Object.defineProperty(proxied, 'redirected', { value: response.redirected })
+    return proxied
+}
+
+async function captureBody(stream: ReadableStream<Uint8Array>, entry: NetworkEntry, MAX = 4000) {
+    const reader = stream.getReader()
+    const decoder = new TextDecoder()
+    let body = ''
+    try {
+        while (body.length < MAX) {
+            const { done, value } = await reader.read()
+            if (done)
+                break
+            body += decoder.decode(value, { stream: true })
+        }
+    }
+    catch { /* ignore */ }
+    finally {
+        try {
+            await reader.cancel()
+        }
+        catch {}
+    }
+    entry.responseBody = body.slice(0, MAX)
+    entry.responseSample = jsonSample(body)
+}
+
+// --- Patch XHR ---
+
+const XHRProto = XMLHttpRequest.prototype
+const origOpen = XHRProto.open
+const origSend = XHRProto.send
+
+XHRProto.open = function (method: string, url: string | URL, ...rest: unknown[]) {
+    (this as any).__aipeek = { method, url: String(url), start: 0 }
+    return (origOpen as any).apply(this, [method, url, ...rest])
+}
+
+XHRProto.send = function (...args: unknown[]) {
+    const meta = (this as any).__aipeek
+    if (meta) {
+        meta.start = performance.now()
+        this.addEventListener('loadend', () => {
+            const responseHeaders: Record<string, string> = {}
+            const rawHeaders = this.getAllResponseHeaders()
+            for (const line of rawHeaders.trim().split('\r\n')) {
+                const idx = line.indexOf(': ')
+                if (idx > 0)
+                    responseHeaders[line.slice(0, idx)] = line.slice(idx + 2)
+            }
+            pushBounded(networkRequests, {
+                method: meta.method,
+                url: meta.url,
+                status: this.status,
+                duration: Math.round(performance.now() - meta.start),
+                resourceType: 'xhr',
+                responseHeaders,
+            }, MAX_NETWORK)
+        })
+    }
+    return (origSend as any).apply(this, args)
+}
+
+// --- Patch errors ---
+
+window.addEventListener('error', (e) => {
+    if (e.target && e.target !== window) {
+        const el = e.target as HTMLElement
+        const src = (el as HTMLImageElement).src || (el as HTMLScriptElement).src || (el as HTMLLinkElement).href || ''
+        pushBounded(errorEntries, {
+            message: `Resource load failed: ${el.tagName.toLowerCase()} ${src}`,
+            source: src,
+        }, MAX_ERRORS)
+        return
+    }
+    pushBounded(errorEntries, {
+        message: e.message,
+        source: e.filename,
+        line: e.lineno,
+        column: e.colno,
+        stack: e.error?.stack,
+    }, MAX_ERRORS)
+}, true)
+
+window.addEventListener('unhandledrejection', (e) => {
+    const reason = e.reason
+    let message: string
+    let stack: string | undefined
+    if (reason instanceof Error) {
+        message = reason.message
+        stack = reason.stack
+    }
+    else if (reason instanceof Event) {
+        const target = reason.target as any
+        const tag = target?.tagName?.toLowerCase() || ''
+        const src = target?.src || target?.href || target?.currentSrc || ''
+        if (tag && src) {
+            message = `Unhandled rejection: ${tag} load failed ${src}`
+        }
+        else if (tag) {
+            message = `Unhandled rejection: ${tag} ${reason.type} event`
+        }
+        else {
+            message = `Unhandled rejection: ${reason.type} event`
+        }
+    }
+    else {
+        message = reason?.message || String(reason)
+        stack = reason?.stack
+    }
+    pushBounded(errorEntries, { message, stack }, MAX_ERRORS)
+})
+
+// --- Patch EventSource (SSE) ---
+
+const OrigEventSource = window.EventSource
+if (OrigEventSource) {
+    window.EventSource = new Proxy(OrigEventSource, {
+        construct(Target, args) {
+            const es = new Target(...args as ConstructorParameters<typeof EventSource>)
+            const url = typeof args[0] === 'string' ? args[0] : String(args[0])
+            const start = performance.now()
+
+            pushBounded(networkRequests, {
+                method: 'GET',
+                url,
+                status: 0,
+                duration: 0,
+                resourceType: 'eventsource',
+            }, MAX_NETWORK)
+
+            es.addEventListener('open', () => {
+                const entry = networkRequests.find(r => r.url === url && r.resourceType === 'eventsource' && r.status === 0)
+                if (entry) {
+                    entry.status = 200
+                    entry.duration = Math.round(performance.now() - start)
+                }
+            })
+
+            es.addEventListener('error', () => {
+                pushBounded(networkRequests, {
+                    method: 'GET',
+                    url,
+                    status: es.readyState === EventSource.CLOSED ? 0 : es.readyState,
+                    duration: Math.round(performance.now() - start),
+                    resourceType: 'eventsource',
+                    failed: true,
+                    failureText: es.readyState === EventSource.CLOSED ? 'connection closed' : 'connection error',
+                }, MAX_NETWORK)
+            })
+
+            return es
+        },
+    })
+}
+
+// --- Utils ---
+
+function jsonSample(text: string): string | undefined {
+    if (!text || (text[0] !== '{' && text[0] !== '['))
+        return undefined
+    try {
+        return JSON.stringify(sampleOf(JSON.parse(text), 0))
+    }
+    catch {
+        return undefined
+    }
+}
+
+function sampleOf(v: unknown, d: number): unknown {
+    if (d > 4)
+        return null
+    if (v === null || v === undefined)
+        return v
+    if (typeof v === 'string')
+        return v.length > 50 ? v.slice(0, 50) : v
+    if (typeof v === 'number' || typeof v === 'boolean')
+        return v
+    if (Array.isArray(v))
+        return v.length ? [sampleOf(v[0], d + 1)] : []
+    if (typeof v === 'object') {
+        const result: Record<string, unknown> = {}
+        for (const [k, val] of Object.entries(v as Record<string, unknown>).slice(0, 15)) {
+            if (typeof val === 'function')
+                continue
+            result[k] = sampleOf(val, d + 1)
+        }
+        return result
+    }
+    return null
+}
+
+function tryStringify(v: unknown): string {
+    try {
+        return JSON.stringify(v)
+    }
+    catch {
+        return String(v)
+    }
+}