@hasna/browser 0.4.7 → 0.4.9

package/dist/mcp/integration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"integration.d.ts","sourceRoot":"","sources":["../../src/mcp/integration.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAsBzE,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,SAAS,QA+b3D"}
+{"version":3,"file":"integration.d.ts","sourceRoot":"","sources":["../../src/mcp/integration.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAsBzE,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,SAAS,QAgc3D"}

package/dist/mcp/tui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tui.d.ts","sourceRoot":"","sources":["../../src/mcp/tui.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAwIzE,wBAAgB,QAAQ,CAAC,MAAM,EAAE,SAAS,QAsczC"}
+{"version":3,"file":"tui.d.ts","sourceRoot":"","sources":["../../src/mcp/tui.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AA+IzE,wBAAgB,QAAQ,CAAC,MAAM,EAAE,SAAS,QAwczC"}

package/dist/server/index.js

@@ -9871,40 +9871,6 @@ var init_schema = __esm(() => {
   init_dist();
 });
 
-// src/db/console-log.ts
-var exports_console_log = {};
-__export(exports_console_log, {
-  logConsoleMessage: () => logConsoleMessage,
-  getConsoleMessage: () => getConsoleMessage,
-  getConsoleLog: () => getConsoleLog,
-  clearConsoleLog: () => clearConsoleLog
-});
-import { randomUUID as randomUUID3 } from "crypto";
-function logConsoleMessage(data) {
-  const db = getDatabase();
-  const id = randomUUID3();
-  db.prepare("INSERT INTO console_log (id, session_id, level, message, source, line_number) VALUES (?, ?, ?, ?, ?, ?)").run(id, data.session_id, data.level, data.message, data.source ?? null, data.line_number ?? null);
-  return getConsoleMessage(id);
-}
-function getConsoleMessage(id) {
-  const db = getDatabase();
-  return db.query("SELECT * FROM console_log WHERE id = ?").get(id) ?? null;
-}
-function getConsoleLog(sessionId, level) {
-  const db = getDatabase();
-  if (level) {
-    return db.query("SELECT * FROM console_log WHERE session_id = ? AND level = ? ORDER BY timestamp ASC").all(sessionId, level);
-  }
-  return db.query("SELECT * FROM console_log WHERE session_id = ? ORDER BY timestamp ASC").all(sessionId);
-}
-function clearConsoleLog(sessionId) {
-  const db = getDatabase();
-  db.prepare("DELETE FROM console_log WHERE session_id = ?").run(sessionId);
-}
-var init_console_log = __esm(() => {
-  init_schema();
-});
-
 // src/lib/dialogs.ts
 var exports_dialogs = {};
 __export(exports_dialogs, {
@@ -17526,7 +17492,7 @@ var init_snapshots = __esm(() => {
 });
 
 // src/server/index.ts
-import { join as join12 } from "path";
+import { join as join13 } from "path";
 import { existsSync as existsSync9 } from "fs";
 
 // src/lib/session.ts
@@ -18576,6 +18542,16 @@ function selectEngine(useCase, explicit) {
   return preferred;
 }
 
+// src/lib/tui-recording.ts
+var recordingIntervals = new Map;
+function stopTuiRecording(sessionId) {
+  const intervalId = recordingIntervals.get(sessionId);
+  if (!intervalId)
+    return;
+  clearInterval(intervalId);
+  recordingIntervals.delete(sessionId);
+}
+
 // src/db/network-log.ts
 init_schema();
 import { randomUUID as randomUUID2 } from "crypto";
@@ -18704,8 +18680,28 @@ function startHAR(page) {
   };
 }
 
+// src/db/console-log.ts
+init_schema();
+import { randomUUID as randomUUID3 } from "crypto";
+function logConsoleMessage(data) {
+  const db = getDatabase();
+  const id = randomUUID3();
+  db.prepare("INSERT INTO console_log (id, session_id, level, message, source, line_number) VALUES (?, ?, ?, ?, ?, ?)").run(id, data.session_id, data.level, data.message, data.source ?? null, data.line_number ?? null);
+  return getConsoleMessage(id);
+}
+function getConsoleMessage(id) {
+  const db = getDatabase();
+  return db.query("SELECT * FROM console_log WHERE id = ?").get(id) ?? null;
+}
+function getConsoleLog(sessionId, level) {
+  const db = getDatabase();
+  if (level) {
+    return db.query("SELECT * FROM console_log WHERE session_id = ? AND level = ? ORDER BY timestamp ASC").all(sessionId, level);
+  }
+  return db.query("SELECT * FROM console_log WHERE session_id = ? ORDER BY timestamp ASC").all(sessionId);
+}
+
 // src/lib/console.ts
-init_console_log();
 function enableConsoleCapture(page, sessionId) {
   const onConsole = (msg) => {
     const levelMap = {
@@ -18782,6 +18778,12 @@ if (!window.chrome.runtime) {
     id: undefined,
   };
 }
+
+// \u2500\u2500 5. Override navigator.userAgent to match HTTP header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+Object.defineProperty(navigator, 'userAgent', {
+  get: () => "${REALISTIC_USER_AGENT}",
+  configurable: true,
+});
 `;
 async function applyStealthPatches(page) {
   await page.context().addInitScript(STEALTH_SCRIPT);
@@ -18826,6 +18828,21 @@ if (dbPruneInterval.unref)
 function createBunProxy(view) {
   return view;
 }
+function attachPlaywrightListeners(page, sessionId, cleanups, opts = {}) {
+  if (opts.captureNetwork !== false) {
+    try {
+      cleanups.push(enableNetworkLogging(page, sessionId));
+    } catch {}
+  }
+  if (opts.captureConsole !== false) {
+    try {
+      cleanups.push(enableConsoleCapture(page, sessionId));
+    } catch {}
+  }
+  try {
+    cleanups.push(setupDialogHandler(page, sessionId));
+  } catch {}
+}
 async function createSession2(opts = {}) {
   if (opts.cdpUrl) {
     const { connectToExistingBrowser: connectToExistingBrowser2 } = await Promise.resolve().then(() => (init_cdp(), exports_cdp));
@@ -18863,9 +18880,11 @@ async function createSession2(opts = {}) {
   let browser = null;
   let bunView = null;
   let page;
+  let actualEngine = resolvedEngine;
   if (resolvedEngine === "bun") {
     if (!isBunWebViewAvailable()) {
       console.warn("[browser] Bun.WebView requested but not available \u2014 falling back to playwright. Run: bun upgrade --canary");
+      actualEngine = "playwright";
       browser = await launchPlaywright({ headless: opts.headless ?? true, viewport: opts.viewport, userAgent: opts.userAgent });
       page = await getPage(browser, { viewport: opts.viewport, userAgent: opts.userAgent });
     } else {
@@ -18885,9 +18904,11 @@ async function createSession2(opts = {}) {
       }
       if (!bunWorks) {
         console.warn("[browser] Bun.WebView exists but Chrome not available \u2014 falling back to playwright");
+        actualEngine = "playwright";
         browser = await launchPlaywright({ headless: opts.headless ?? true, viewport: opts.viewport, userAgent: opts.userAgent });
         page = await getPage(browser, { viewport: opts.viewport, userAgent: opts.userAgent });
       } else {
+        actualEngine = "bun";
         bunView = testView;
         if (opts.stealth) {}
         page = createBunProxy(bunView);
@@ -18917,19 +18938,10 @@ async function createSession2(opts = {}) {
     });
     const cleanups2 = [];
     cleanups2.push(() => closeTui(tuiSess));
-    if (opts.captureNetwork !== false) {
-      try {
-        cleanups2.push(enableNetworkLogging(page, session2.id));
-      } catch {}
-    }
-    if (opts.captureConsole !== false) {
-      try {
-        cleanups2.push(enableConsoleCapture(page, session2.id));
-      } catch {}
-    }
-    try {
-      cleanups2.push(setupDialogHandler(page, session2.id));
-    } catch {}
+    attachPlaywrightListeners(page, session2.id, cleanups2, {
+      captureNetwork: opts.captureNetwork,
+      captureConsole: opts.captureConsole
+    });
     handles.set(session2.id, { browser, bunView: null, tuiSession: tuiSess, page, engine: "tui", cleanups: cleanups2, tokenBudget: { total: 0, used: 0 }, lastActivity: Date.now(), autoGallery: opts.autoGallery ?? false, startUrl: opts.startUrl ?? "bash" });
     return { session: session2, page };
   } else {
@@ -18959,7 +18971,7 @@ async function createSession2(opts = {}) {
     }
   })() : undefined);
   const session = createSession({
-    engine: bunView ? "bun" : browser ? resolvedEngine : resolvedEngine,
+    engine: actualEngine,
     projectId: opts.projectId,
     agentId: opts.agentId,
     startUrl: opts.startUrl,
@@ -18972,37 +18984,12 @@ async function createSession2(opts = {}) {
   }
   const cleanups = [];
   if (!bunView) {
-    if (opts.captureNetwork !== false) {
-      try {
-        cleanups.push(enableNetworkLogging(page, session.id));
-      } catch {}
-    }
-    if (opts.captureConsole !== false) {
-      try {
-        cleanups.push(enableConsoleCapture(page, session.id));
-      } catch {}
-    }
-    try {
-      cleanups.push(setupDialogHandler(page, session.id));
-    } catch {}
-  } else {
-    if (opts.captureConsole !== false) {
-      try {
-        const { logConsoleMessage: logConsoleMessage2 } = await Promise.resolve().then(() => (init_console_log(), exports_console_log));
-        await bunView.addInitScript(`
-          (() => {
-            const orig = { log: console.log, warn: console.warn, error: console.error, debug: console.debug, info: console.info };
-            ['log','warn','error','debug','info'].forEach(level => {
-              console[level] = (...args) => {
-                orig[level](...args);
-              };
-            });
-          })()
-        `);
-      } catch {}
-    }
+    attachPlaywrightListeners(page, session.id, cleanups, {
+      captureNetwork: opts.captureNetwork,
+      captureConsole: opts.captureConsole
+    });
   }
-  handles.set(session.id, { browser, bunView, tuiSession: null, page, engine: bunView ? "bun" : resolvedEngine, cleanups, tokenBudget: { total: 0, used: 0 }, lastActivity: Date.now(), autoGallery: opts.autoGallery ?? false, startUrl: opts.startUrl ?? "" });
+  handles.set(session.id, { browser, bunView, tuiSession: null, page, engine: actualEngine, cleanups, tokenBudget: { total: 0, used: 0 }, lastActivity: Date.now(), autoGallery: opts.autoGallery ?? false, startUrl: opts.startUrl ?? "" });
   if (opts.startUrl) {
     try {
       if (bunView) {
@@ -19035,9 +19022,12 @@ async function closeSession2(sessionId) {
   const handle = handles.get(sessionId);
   try {
     if (handle) {
+      if (handle.engine === "tui") {
+        stopTuiRecording(sessionId);
+      }
       for (const cleanup of handle.cleanups) {
         try {
-          cleanup();
+          await cleanup();
         } catch {}
       }
       if (handle.bunView) {
@@ -19162,16 +19152,23 @@ async function extract(page, opts = {}) {
 // src/lib/screenshot.ts
 init_types();
 var import_sharp = __toESM(require_lib3(), 1);
-import { join as join9 } from "path";
+import { join as join10 } from "path";
 import { mkdirSync as mkdirSync7 } from "fs";
 
 // src/db/gallery.ts
 init_schema();
 import { randomUUID as randomUUID4 } from "crypto";
+import { join as join9, resolve, relative as relative2, isAbsolute } from "path";
 function validateDataPath(filePath) {
   if (filePath.includes("..")) {
     throw new Error(`File path must not contain '..': ${filePath}`);
   }
+  const dataDir = resolve(getDataDir2());
+  const resolved = resolve(isAbsolute(filePath) ? filePath : join9(dataDir, filePath));
+  const rel = relative2(dataDir, resolved);
+  if (rel.startsWith("..") || isAbsolute(rel)) {
+    throw new Error(`File path must be within data directory: ${filePath}`);
+  }
   return filePath;
 }
 function deserialize(row) {
@@ -19189,7 +19186,13 @@ function deserialize(row) {
     original_size_bytes: row.original_size_bytes ?? undefined,
     compressed_size_bytes: row.compressed_size_bytes ?? undefined,
     compression_ratio: row.compression_ratio ?? undefined,
-    tags: JSON.parse(row.tags),
+    tags: (() => {
+      try {
+        return JSON.parse(row.tags);
+      } catch {
+        return [];
+      }
+    })(),
     notes: row.notes ?? undefined,
     is_favorite: row.is_favorite === 1,
     created_at: row.created_at
@@ -19303,9 +19306,9 @@ function getGalleryStats(projectId) {
 // src/lib/screenshot.ts
 init_schema();
 function getScreenshotDir(projectId) {
-  const base = join9(getDataDir2(), "screenshots");
+  const base = join10(getDataDir2(), "screenshots");
   const date = new Date().toISOString().split("T")[0];
-  const dir = projectId ? join9(base, projectId, date) : join9(base, date);
+  const dir = projectId ? join10(base, projectId, date) : join10(base, date);
   mkdirSync7(dir, { recursive: true });
   return dir;
 }
@@ -19321,7 +19324,7 @@ async function compressBuffer(raw, format, quality, maxWidth) {
   }
 }
 async function generateThumbnail(raw, dir, stem) {
-  const thumbPath = join9(dir, `${stem}.thumb.webp`);
+  const thumbPath = join10(dir, `${stem}.thumb.webp`);
   const thumbBuffer = await import_sharp.default(raw).resize({ width: 200, withoutEnlargement: true }).webp({ quality: 70, effort: 3 }).toBuffer();
   await Bun.write(thumbPath, thumbBuffer);
   return { path: thumbPath, base64: thumbBuffer.toString("base64") };
@@ -19389,7 +19392,7 @@ async function takeScreenshot(page, opts) {
     const compressedSizeBytes = finalBuffer.length;
     const compressionRatio = originalSizeBytes > 0 ? compressedSizeBytes / originalSizeBytes : 1;
     const ext = format;
-    const screenshotPath = opts?.path ?? join9(dir, `${stem}.${ext}`);
+    const screenshotPath = opts?.path ?? join10(dir, `${stem}.${ext}`);
     await Bun.write(screenshotPath, finalBuffer);
     let thumbnailPath;
     let thumbnailBase64;
@@ -19679,16 +19682,15 @@ function listProjects() {
 }
 
 // src/server/index.ts
-init_console_log();
 init_recordings();
 
 // src/lib/downloads.ts
 init_schema();
-import { join as join10, basename, extname } from "path";
+import { join as join11, basename, extname } from "path";
 import { mkdirSync as mkdirSync8, existsSync as existsSync7, readdirSync as readdirSync6, statSync as statSync2, unlinkSync as unlinkSync2, copyFileSync as copyFileSync3, writeFileSync as writeFileSync2, readFileSync as readFileSync2 } from "fs";
 function getDownloadsDir(sessionId) {
-  const base = join10(getDataDir2(), "downloads");
-  const dir = sessionId ? join10(base, sessionId) : base;
+  const base = join11(getDataDir2(), "downloads");
+  const dir = sessionId ? join11(base, sessionId) : base;
   mkdirSync8(dir, { recursive: true });
   return dir;
 }
@@ -19705,7 +19707,7 @@ function listDownloads(sessionId) {
     for (const entry of entries) {
       if (entry.endsWith(".meta.json"))
         continue;
-      const full = join10(d, entry);
+      const full = join11(d, entry);
       const stat = statSync2(full);
       if (stat.isDirectory()) {
         scanDir(full);
@@ -19767,9 +19769,9 @@ function cleanStaleDownloads(olderThanDays = 7) {
 // src/lib/gallery-diff.ts
 init_schema();
 var import_sharp2 = __toESM(require_lib3(), 1);
-import { join as join11 } from "path";
+import { join as join12 } from "path";
 import { mkdirSync as mkdirSync9 } from "fs";
-async function diffImages(path1, path2) {
+async function diffImages(path1, path2, threshold = 10) {
   const img1 = import_sharp2.default(path1);
   const img2 = import_sharp2.default(path2);
   const [meta1, meta2] = await Promise.all([img1.metadata(), img2.metadata()]);
@@ -19788,7 +19790,7 @@ async function diffImages(path1, path2) {
     const dg = Math.abs(raw1[i + 1] - raw2[i + 1]);
     const db = Math.abs(raw1[i + 2] - raw2[i + 2]);
     const diff = (dr + dg + db) / 3;
-    if (diff > 10) {
+    if (diff > threshold) {
       changedPixels++;
       diffBuffer[i] = 255;
       diffBuffer[i + 1] = 0;
@@ -19800,9 +19802,9 @@ async function diffImages(path1, path2) {
     }
   }
   const dataDir = getDataDir2();
-  const diffDir = join11(dataDir, "diffs");
+  const diffDir = join12(dataDir, "diffs");
   mkdirSync9(diffDir, { recursive: true });
-  const diffPath = join11(diffDir, `diff-${Date.now()}.webp`);
+  const diffPath = join12(diffDir, `diff-${Date.now()}.webp`);
   const diffImageBuffer = await import_sharp2.default(diffBuffer, { raw: { width: w, height: h, channels } }).webp({ quality: 85 }).toBuffer();
   await Bun.write(diffPath, diffImageBuffer);
   return {
@@ -20182,19 +20184,19 @@ var server = Bun.serve({
         const id = path.split("/")[3];
         return ok({ deleted: deleteDownload(id) });
       }
-      const dashboardDist = join12(import.meta.dir, "../../dashboard/dist");
+      const dashboardDist = join13(import.meta.dir, "../../dashboard/dist");
       if (existsSync9(dashboardDist)) {
         const cleanPath = path.replace(/^\//, "");
         if (cleanPath.includes("..") || cleanPath.startsWith("/"))
           return notFound("Not found", headers);
-        const filePath = path === "/" ? join12(dashboardDist, "index.html") : join12(dashboardDist, cleanPath);
-        const resolved = await Bun.file(filePath).arrayBuffer().then(() => join12(dashboardDist, cleanPath)) || "";
+        const filePath = path === "/" ? join13(dashboardDist, "index.html") : join13(dashboardDist, cleanPath);
+        const resolved = await Bun.file(filePath).arrayBuffer().then(() => join13(dashboardDist, cleanPath)) || "";
         if (!resolved.startsWith(dashboardDist))
           return notFound("Not found", headers);
         if (existsSync9(filePath)) {
           return new Response(Bun.file(filePath), { headers });
         }
-        return new Response(Bun.file(join12(dashboardDist, "index.html")), { headers });
+        return new Response(Bun.file(join13(dashboardDist, "index.html")), { headers });
       }
       if (path === "/" || path === "") {
         return new Response("@hasna/browser REST API running. Dashboard not built.", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hasna/browser",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "description": "General-purpose browser agent toolkit — Playwright, Chrome DevTools Protocol, Lightpanda with auto engine selection. CLI + MCP + REST + SDK.",
   "type": "module",
   "main": "dist/index.js",