@ytspar/sweetlink 1.13.0 → 1.14.0

package/dist/daemon/stateFile.js

@@ -0,0 +1,162 @@
+/**
+ * Daemon State File Management
+ *
+ * Handles reading, writing, and cleanup of .sweetlink/daemon.json.
+ * Uses atomic writes (tmp + rename) and lockfiles to prevent race conditions.
+ */
+import * as fs from 'fs';
+import * as path from 'path';
+import { DAEMON_LOCK_FILE, DAEMON_STATE_DIR, DAEMON_STATE_FILE } from './types.js';
+/**
+ * Get the .sweetlink directory path for a given project root
+ */
+export function getStateDir(projectRoot) {
+    return path.join(projectRoot, DAEMON_STATE_DIR);
+}
+/**
+ * Get the daemon.json file path
+ */
+export function getStateFilePath(projectRoot) {
+    return path.join(getStateDir(projectRoot), DAEMON_STATE_FILE);
+}
+/**
+ * Get the daemon.lock file path
+ */
+export function getLockFilePath(projectRoot) {
+    return path.join(getStateDir(projectRoot), DAEMON_LOCK_FILE);
+}
+/**
+ * Write daemon state to .sweetlink/daemon.json atomically.
+ * Creates the directory if it doesn't exist.
+ * Sets file permissions to 600 (owner read/write only) for security.
+ */
+export function writeDaemonState(projectRoot, state) {
+    const dir = getStateDir(projectRoot);
+    if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+    }
+    const stateFile = getStateFilePath(projectRoot);
+    const tmpFile = stateFile + '.tmp';
+    // Atomic write: write to tmp, then rename
+    fs.writeFileSync(tmpFile, JSON.stringify(state, null, 2), { mode: 0o600 });
+    fs.renameSync(tmpFile, stateFile);
+}
+/**
+ * Read daemon state from .sweetlink/daemon.json.
+ * Returns null if the file doesn't exist or is invalid.
+ */
+export function readDaemonState(projectRoot) {
+    const stateFile = getStateFilePath(projectRoot);
+    try {
+        const content = fs.readFileSync(stateFile, 'utf-8');
+        const state = JSON.parse(content);
+        // Validate required fields
+        if (typeof state.pid !== 'number' ||
+            typeof state.port !== 'number' ||
+            typeof state.token !== 'string' ||
+            typeof state.startedAt !== 'string' ||
+            typeof state.url !== 'string') {
+            return null;
+        }
+        return state;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Remove daemon state file and lock file
+ */
+export function removeDaemonState(projectRoot) {
+    const stateFile = getStateFilePath(projectRoot);
+    const lockFile = getLockFilePath(projectRoot);
+    try {
+        fs.unlinkSync(stateFile);
+    }
+    catch {
+        // File may not exist
+    }
+    try {
+        fs.unlinkSync(lockFile);
+    }
+    catch {
+        // File may not exist
+    }
+}
+/**
+ * Check if a daemon is alive by sending an HTTP ping.
+ * Returns true if the daemon responds, false otherwise.
+ */
+export async function isDaemonAlive(state) {
+    try {
+        const controller = new AbortController();
+        const timeout = setTimeout(() => controller.abort(), 2000);
+        const response = await fetch(`http://127.0.0.1:${state.port}/api/ping`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                Authorization: `Bearer ${state.token}`,
+            },
+            body: JSON.stringify({ action: 'ping' }),
+            signal: controller.signal,
+        });
+        clearTimeout(timeout);
+        return response.ok;
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Acquire a lockfile to prevent concurrent daemon starts.
+ * Returns true if the lock was acquired, false if another process holds it.
+ */
+export function acquireLock(projectRoot) {
+    const dir = getStateDir(projectRoot);
+    if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+    }
+    const lockFile = getLockFilePath(projectRoot);
+    try {
+        // 'wx' flag: write exclusive — fails if file exists
+        fs.writeFileSync(lockFile, String(process.pid), { flag: 'wx', mode: 0o600 });
+        return true;
+    }
+    catch {
+        // Check if the lock is stale (holding process is dead)
+        try {
+            const pid = parseInt(fs.readFileSync(lockFile, 'utf-8').trim(), 10);
+            if (!isNaN(pid)) {
+                try {
+                    // Signal 0 checks if process exists without killing it
+                    process.kill(pid, 0);
+                    // Process is alive — lock is valid
+                    return false;
+                }
+                catch {
+                    // Process is dead — stale lock, remove and retry
+                    fs.unlinkSync(lockFile);
+                    fs.writeFileSync(lockFile, String(process.pid), { flag: 'wx', mode: 0o600 });
+                    return true;
+                }
+            }
+        }
+        catch {
+            // Can't read lock file — another process may be writing it
+        }
+        return false;
+    }
+}
+/**
+ * Release the lockfile
+ */
+export function releaseLock(projectRoot) {
+    const lockFile = getLockFilePath(projectRoot);
+    try {
+        fs.unlinkSync(lockFile);
+    }
+    catch {
+        // File may not exist
+    }
+}
+//# sourceMappingURL=stateFile.js.map

package/dist/daemon/stateFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateFile.js","sourceRoot":"","sources":["../../src/daemon/stateFile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,MAAM,IAAI,CAAC;AACzB,OAAO,KAAK,IAAI,MAAM,MAAM,CAAC;AAE7B,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEnF;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,WAAmB;IAC7C,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC;AAClD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,WAAmB;IAClD,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,iBAAiB,CAAC,CAAC;AAChE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,WAAmB;IACjD,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAC/D,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,WAAmB,EAAE,KAAkB;IACtE,MAAM,GAAG,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QACxB,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,SAAS,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAChD,MAAM,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAEnC,0CAA0C;IAC1C,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;IAC3E,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AACpC,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,WAAmB;IACjD,MAAM,SAAS,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAChD,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QACpD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAgB,CAAC;QACjD,2BAA2B;QAC3B,IACE,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ;YAC7B,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ;YAC9B,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ;YAC/B,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ;YACnC,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,EAC7B,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,WAAmB;IACnD,MAAM,SAAS,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IAC9C,IAAI,CAAC;QACH,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC;IAAC,MAAM,CAAC;QACP,qBAAqB;IACvB,CAAC;IACD,IAAI,CAAC;QACH,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;IAAC,MAAM,CAAC;QACP,qBAAqB;IACvB,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,KAAkB;IACpD,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;QACzC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,CAAC;QAC3D,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,oBAAoB,KAAK,CAAC,IAAI,WAAW,EAAE;YACtE,MAAM,EAAE,MAAM;YACd,OAAO,EAAE;gBACP,cAAc,EAAE,kBAAkB;gBAClC,aAAa,EAAE,UAAU,KAAK,CAAC,KAAK,EAAE;aACvC;YACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;YACxC,MAAM,EAAE,UAAU,CAAC,MAAM;SAC1B,CAAC,CAAC;QACH,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,OAAO,QAAQ,CAAC,EAAE,CAAC;IACrB,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,WAAmB;IAC7C,MAAM,GAAG,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QACxB,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,QAAQ,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IAC9C,IAAI,CAAC;QACH,oDAAoD;QACpD,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAC7E,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,MAAM,CAAC;QACP,uDAAuD;QACvD,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,QAAQ,CAAC,EAAE,CAAC,YAAY,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;YACpE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;gBAChB,IAAI,CAAC;oBACH,uDAAuD;oBACvD,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;oBACrB,mCAAmC;oBACnC,OAAO,KAAK,CAAC;gBACf,CAAC;gBAAC,MAAM,CAAC;oBACP,iDAAiD;oBACjD,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;oBACxB,EAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;oBAC7E,OAAO,IAAI,CAAC;gBACd,CAAC;YACH,CAAC;QACH,CAAC;QAAC,MAAM,CAAC;YACP,2DAA2D;QAC7D,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,WAAmB;IAC7C,MAAM,QAAQ,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IAC9C,IAAI,CAAC;QACH,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;IAAC,MAAM,CAAC;QACP,qBAAqB;IACvB,CAAC;AACH,CAAC"}

package/dist/daemon/types.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Daemon Types
+ *
+ * Types for the persistent Playwright daemon process.
+ * Separate from main types.ts to avoid polluting the browser bundle.
+ */
+/** Persisted daemon state written to .sweetlink/daemon.json */
+export interface DaemonState {
+    pid: number;
+    port: number;
+    token: string;
+    startedAt: string;
+    url: string;
+    lastActivity: string;
+}
+/** Actions the daemon HTTP server handles */
+export type DaemonAction = 'ping' | 'shutdown' | 'screenshot' | 'screenshot-responsive' | 'snapshot' | 'click-ref' | 'fill-ref' | 'hover-ref' | 'press-key' | 'console-read' | 'network-read' | 'dialog-read' | 'screenshot-devices' | 'visual-diff' | 'record-start' | 'record-stop' | 'record-status' | 'generate-viewer';
+/** Request body for daemon HTTP POST */
+export interface DaemonRequest {
+    action: DaemonAction;
+    params?: Record<string, unknown>;
+}
+/** Response from daemon HTTP server */
+export interface DaemonResponse {
+    ok: boolean;
+    data?: Record<string, unknown>;
+    error?: string;
+}
+export interface ScreenshotParams {
+    selector?: string;
+    fullPage?: boolean;
+    viewport?: string;
+    output?: string;
+}
+export interface ScreenshotResponseData {
+    screenshot: string;
+    width: number;
+    height: number;
+    path?: string;
+}
+export interface ResponsiveScreenshotParams {
+    viewports?: number[];
+    fullPage?: boolean;
+    output?: string;
+}
+export interface ResponsiveScreenshotResponseData {
+    screenshots: Array<{
+        width: number;
+        height: number;
+        screenshot: string;
+        label: string;
+    }>;
+}
+/** Minimum port for daemon HTTP server */
+export declare const DAEMON_PORT_MIN = 10000;
+/** Maximum port for daemon HTTP server */
+export declare const DAEMON_PORT_MAX = 60000;
+/** Idle timeout before daemon auto-stops (ms) */
+export declare const DAEMON_IDLE_TIMEOUT_MS: number;
+/** Max time to wait for daemon to start (ms) */
+export declare const DAEMON_SPAWN_TIMEOUT_MS = 15000;
+/** Poll interval when waiting for daemon state file (ms) */
+export declare const DAEMON_POLL_INTERVAL_MS = 200;
+/** State directory name */
+export declare const DAEMON_STATE_DIR = ".sweetlink";
+/** State file name */
+export declare const DAEMON_STATE_FILE = "daemon.json";
+/** Lock file name */
+export declare const DAEMON_LOCK_FILE = "daemon.lock";
+/** Default responsive viewports */
+export declare const DEFAULT_RESPONSIVE_VIEWPORTS: number[];
+//# sourceMappingURL=types.d.ts.map

package/dist/daemon/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/daemon/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,+DAA+D;AAC/D,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;CACtB;AAMD,6CAA6C;AAC7C,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,UAAU,GACV,YAAY,GACZ,uBAAuB,GACvB,UAAU,GACV,WAAW,GACX,UAAU,GACV,WAAW,GACX,WAAW,GACX,cAAc,GACd,cAAc,GACd,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,cAAc,GACd,aAAa,GACb,eAAe,GACf,iBAAiB,CAAC;AAEtB,wCAAwC;AACxC,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED,uCAAuC;AACvC,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAMD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gCAAgC;IAC/C,WAAW,EAAE,KAAK,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACJ;AAMD,0CAA0C;AAC1C,eAAO,MAAM,eAAe,QAAQ,CAAC;AAErC,0CAA0C;AAC1C,eAAO,MAAM,eAAe,QAAQ,CAAC;AAErC,iDAAiD;AACjD,eAAO,MAAM,sBAAsB,QAAiB,CAAC;AAErD,gDAAgD;AAChD,eAAO,MAAM,uBAAuB,QAAS,CAAC;AAE9C,4DAA4D;AAC5D,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,2BAA2B;AAC3B,eAAO,MAAM,gBAAgB,eAAe,CAAC;AAE7C,sBAAsB;AACtB,eAAO,MAAM,iBAAiB,gBAAgB,CAAC;AAE/C,qBAAqB;AACrB,eAAO,MAAM,gBAAgB,gBAAgB,CAAC;AAE9C,mCAAmC;AACnC,eAAO,MAAM,4BAA4B,UAAmB,CAAC"}

package/dist/daemon/types.js

@@ -0,0 +1,28 @@
+/**
+ * Daemon Types
+ *
+ * Types for the persistent Playwright daemon process.
+ * Separate from main types.ts to avoid polluting the browser bundle.
+ */
+// ============================================================================
+// Constants
+// ============================================================================
+/** Minimum port for daemon HTTP server */
+export const DAEMON_PORT_MIN = 10000;
+/** Maximum port for daemon HTTP server */
+export const DAEMON_PORT_MAX = 60000;
+/** Idle timeout before daemon auto-stops (ms) */
+export const DAEMON_IDLE_TIMEOUT_MS = 30 * 60 * 1000; // 30 minutes
+/** Max time to wait for daemon to start (ms) */
+export const DAEMON_SPAWN_TIMEOUT_MS = 15_000;
+/** Poll interval when waiting for daemon state file (ms) */
+export const DAEMON_POLL_INTERVAL_MS = 200;
+/** State directory name */
+export const DAEMON_STATE_DIR = '.sweetlink';
+/** State file name */
+export const DAEMON_STATE_FILE = 'daemon.json';
+/** Lock file name */
+export const DAEMON_LOCK_FILE = 'daemon.lock';
+/** Default responsive viewports */
+export const DEFAULT_RESPONSIVE_VIEWPORTS = [375, 768, 1280];
+//# sourceMappingURL=types.js.map

package/dist/daemon/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/daemon/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAuFH,+EAA+E;AAC/E,YAAY;AACZ,+EAA+E;AAE/E,0CAA0C;AAC1C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC;AAErC,0CAA0C;AAC1C,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC;AAErC,iDAAiD;AACjD,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,aAAa;AAEnE,gDAAgD;AAChD,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE9C,4DAA4D;AAC5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAC;AAE3C,2BAA2B;AAC3B,MAAM,CAAC,MAAM,gBAAgB,GAAG,YAAY,CAAC;AAE7C,sBAAsB;AACtB,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAE/C,qBAAqB;AACrB,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE9C,mCAAmC;AACnC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC"}

package/dist/daemon/viewer.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Interactive Viewer Generator
+ *
+ * Generates a self-contained HTML file from a session manifest.
+ * No external dependencies — works offline.
+ *
+ * Features:
+ * - Screenshot timeline with step markers
+ * - Dual-pane layout (screenshots + action list)
+ * - Click to jump to action
+ * - Error badge
+ * - Console/network log tabs
+ *
+ * Security: All user-generated content (console messages, URLs, action names)
+ * is escaped before insertion into the HTML template to prevent XSS.
+ */
+import type { SessionManifest } from './session.js';
+import type { ConsoleEntry, NetworkEntry } from './listeners.js';
+export interface ViewerOptions {
+    /** Directory containing session artifacts */
+    sessionDir: string;
+    /** Output path for the viewer HTML */
+    outputPath?: string;
+    /** Console entries to embed */
+    consoleEntries?: ConsoleEntry[];
+    /** Network entries to embed */
+    networkEntries?: NetworkEntry[];
+}
+/**
+ * Generate a self-contained HTML viewer from a session manifest.
+ */
+export declare function generateViewer(manifest: SessionManifest, options: ViewerOptions): Promise<string>;
+//# sourceMappingURL=viewer.d.ts.map

package/dist/daemon/viewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.d.ts","sourceRoot":"","sources":["../../src/daemon/viewer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,WAAW,aAAa;IAC5B,6CAA6C;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAChC,+BAA+B;IAC/B,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;CACjC;AAcD;;GAEG;AACH,wBAAsB,cAAc,CAClC,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,aAAa,GACrB,OAAO,CAAC,MAAM,CAAC,CAyMjB"}

package/dist/daemon/viewer.js

@@ -0,0 +1,226 @@
+/**
+ * Interactive Viewer Generator
+ *
+ * Generates a self-contained HTML file from a session manifest.
+ * No external dependencies — works offline.
+ *
+ * Features:
+ * - Screenshot timeline with step markers
+ * - Dual-pane layout (screenshots + action list)
+ * - Click to jump to action
+ * - Error badge
+ * - Console/network log tabs
+ *
+ * Security: All user-generated content (console messages, URLs, action names)
+ * is escaped before insertion into the HTML template to prevent XSS.
+ */
+import { promises as fs } from 'fs';
+import * as path from 'path';
+/**
+ * Escape HTML special characters to prevent XSS.
+ */
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+/**
+ * Generate a self-contained HTML viewer from a session manifest.
+ */
+export async function generateViewer(manifest, options) {
+    // Load screenshots as base64
+    const screenshots = [];
+    for (const cmd of manifest.commands) {
+        if (cmd.screenshot) {
+            const screenshotPath = path.join(options.sessionDir, cmd.screenshot);
+            try {
+                const buffer = await fs.readFile(screenshotPath);
+                screenshots.push({
+                    name: cmd.screenshot,
+                    data: buffer.toString('base64'),
+                    action: `${cmd.action} ${cmd.args.join(' ')}`,
+                    timestamp: cmd.timestamp,
+                });
+            }
+            catch {
+                // Screenshot file may not exist
+            }
+        }
+    }
+    const totalErrors = manifest.errors.console + manifest.errors.network + manifest.errors.server;
+    // Sanitize entries for safe embedding in script tag
+    // JSON.stringify handles escaping for script context
+    const sanitizedConsole = (options.consoleEntries ?? []).map(e => ({
+        timestamp: e.timestamp,
+        level: e.level,
+        message: String(e.message).slice(0, 500),
+        location: e.location ? String(e.location).slice(0, 200) : undefined,
+    }));
+    const sanitizedNetwork = (options.networkEntries ?? []).map(e => ({
+        timestamp: e.timestamp,
+        method: e.method,
+        url: String(e.url).slice(0, 200),
+        status: e.status,
+        duration: e.duration,
+    }));
+    // Build timeline HTML with escaped content
+    const timelineHtml = manifest.commands.map((cmd, i) => {
+        const action = escapeHtml(`${cmd.action} ${cmd.args.join(' ')}`);
+        return `<div class="action-item${i === 0 ? ' active' : ''}" data-index="${i}">
+      <span class="action-ts">${cmd.timestamp.toFixed(1)}s</span>
+      <span class="action-cmd">${action}</span>
+    </div>`;
+    }).join('\n');
+    // Build scrub markers
+    const scrubMarkers = screenshots.map((_, i) => `<div class="scrub-marker${i === 0 ? ' active' : ''}" data-index="${i}"></div>`).join('');
+    const firstScreenshot = screenshots.length > 0
+        ? `<img id="screenshot-img" src="data:image/png;base64,${screenshots[0].data}" />`
+        : '<div class="empty">No screenshots captured</div>';
+    const html = `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Sweetlink Session: ${escapeHtml(manifest.sessionId)}</title>
+<style>
+  * { margin: 0; padding: 0; box-sizing: border-box; }
+  body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; background: #0a0a0a; color: #e0e0e0; height: 100vh; display: flex; flex-direction: column; }
+  header { background: #1a1a1a; padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #333; }
+  header h1 { font-size: 14px; font-weight: 600; }
+  .badge { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 12px; font-size: 12px; font-weight: 600; }
+  .badge.green { background: #064e3b; color: #6ee7b7; }
+  .badge.red { background: #7f1d1d; color: #fca5a5; }
+  .main { display: flex; flex: 1; overflow: hidden; }
+  .screenshot-pane { flex: 62%; display: flex; flex-direction: column; border-right: 1px solid #333; }
+  .screenshot-view { flex: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #111; padding: 16px; }
+  .screenshot-view img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 4px; }
+  .scrub-bar { height: 40px; background: #1a1a1a; display: flex; align-items: center; padding: 0 16px; gap: 4px; border-top: 1px solid #333; overflow-x: auto; }
+  .scrub-marker { width: 8px; height: 8px; border-radius: 50%; background: #555; cursor: pointer; flex-shrink: 0; transition: all 0.15s; }
+  .scrub-marker:hover, .scrub-marker.active { background: #3b82f6; transform: scale(1.5); }
+  .sidebar { flex: 38%; display: flex; flex-direction: column; }
+  .tabs { display: flex; background: #1a1a1a; border-bottom: 1px solid #333; }
+  .tab { padding: 8px 16px; font-size: 12px; cursor: pointer; border-bottom: 2px solid transparent; color: #888; }
+  .tab.active { color: #e0e0e0; border-bottom-color: #3b82f6; }
+  .tab-content { flex: 1; overflow-y: auto; padding: 8px; }
+  .tab-panel { display: none; }
+  .tab-panel.active { display: block; }
+  .action-item { padding: 8px 12px; border-radius: 4px; cursor: pointer; font-size: 13px; font-family: monospace; margin-bottom: 2px; display: flex; gap: 8px; }
+  .action-item:hover { background: #1a1a1a; }
+  .action-item.active { background: #1e3a5f; }
+  .action-ts { color: #888; min-width: 50px; }
+  .action-cmd { color: #93c5fd; }
+  .log-entry { padding: 4px 8px; font-size: 12px; font-family: monospace; border-bottom: 1px solid #1a1a1a; }
+  .log-entry.error { color: #fca5a5; }
+  .log-entry.warning { color: #fcd34d; }
+  .empty { color: #666; text-align: center; padding: 40px; }
+</style>
+</head>
+<body>
+<header>
+  <h1>Sweetlink Session</h1>
+  <div style="display:flex;gap:12px;align-items:center">
+    <span style="font-size:12px;color:#888">${manifest.duration.toFixed(1)}s &middot; ${manifest.commands.length} actions</span>
+    <span class="badge ${totalErrors === 0 ? 'green' : 'red'}">${totalErrors === 0 ? '0 errors' : totalErrors + ' errors'}</span>
+  </div>
+</header>
+<div class="main">
+  <div class="screenshot-pane">
+    <div class="screenshot-view" id="screenshot-view">
+      ${firstScreenshot}
+    </div>
+    <div class="scrub-bar" id="scrub-bar">
+      ${scrubMarkers}
+    </div>
+  </div>
+  <div class="sidebar">
+    <div class="tabs">
+      <div class="tab active" data-tab="timeline">Timeline</div>
+      <div class="tab" data-tab="console">Console</div>
+      <div class="tab" data-tab="network">Network</div>
+    </div>
+    <div class="tab-content">
+      <div class="tab-panel active" id="tab-timeline">
+        ${timelineHtml || '<div class="empty">No actions recorded</div>'}
+      </div>
+      <div class="tab-panel" id="tab-console">
+        <div id="console-entries"></div>
+      </div>
+      <div class="tab-panel" id="tab-network">
+        <div id="network-entries"></div>
+      </div>
+    </div>
+  </div>
+</div>
+<script>
+// Screenshot data (base64 encoded, safe)
+const screenshots = ${JSON.stringify(screenshots.map(s => ({ data: s.data, timestamp: s.timestamp })))};
+// Sanitized log entries (JSON.stringify handles escaping)
+const consoleEntries = ${JSON.stringify(sanitizedConsole)};
+const networkEntries = ${JSON.stringify(sanitizedNetwork)};
+
+// Tab switching
+document.querySelectorAll('.tab').forEach(function(tab) {
+  tab.addEventListener('click', function() {
+    document.querySelectorAll('.tab').forEach(function(t) { t.classList.remove('active'); });
+    document.querySelectorAll('.tab-panel').forEach(function(p) { p.classList.remove('active'); });
+    tab.classList.add('active');
+    document.getElementById('tab-' + tab.dataset.tab).classList.add('active');
+  });
+});
+
+// Screenshot navigation
+function showScreenshot(index) {
+  if (index < 0 || index >= screenshots.length) return;
+  var img = document.getElementById('screenshot-img');
+  if (img) img.src = 'data:image/png;base64,' + screenshots[index].data;
+  document.querySelectorAll('.scrub-marker').forEach(function(m, i) { m.classList.toggle('active', i === index); });
+  document.querySelectorAll('.action-item').forEach(function(a, i) { a.classList.toggle('active', i === index); });
+}
+
+document.querySelectorAll('.scrub-marker').forEach(function(marker) {
+  marker.addEventListener('click', function() { showScreenshot(parseInt(marker.dataset.index)); });
+});
+document.querySelectorAll('.action-item').forEach(function(item) {
+  item.addEventListener('click', function() { showScreenshot(parseInt(item.dataset.index)); });
+});
+
+// Populate console entries using safe DOM methods
+var consoleEl = document.getElementById('console-entries');
+if (consoleEntries.length === 0) {
+  consoleEl.textContent = 'No console messages';
+  consoleEl.className = 'empty';
+} else {
+  consoleEntries.forEach(function(e) {
+    var div = document.createElement('div');
+    div.className = 'log-entry' + (e.level === 'error' ? ' error' : e.level === 'warning' ? ' warning' : '');
+    var time = new Date(e.timestamp).toISOString().slice(11, 19);
+    div.textContent = '[' + time + '] ' + e.level.toUpperCase() + ' ' + e.message;
+    consoleEl.appendChild(div);
+  });
+}
+
+// Populate network entries using safe DOM methods
+var networkEl = document.getElementById('network-entries');
+if (networkEntries.length === 0) {
+  networkEl.textContent = 'No network requests';
+  networkEl.className = 'empty';
+} else {
+  networkEntries.forEach(function(e) {
+    var div = document.createElement('div');
+    div.className = 'log-entry' + ((e.status >= 400 || e.status === 0) ? ' error' : '');
+    var time = new Date(e.timestamp).toISOString().slice(11, 19);
+    div.textContent = '[' + time + '] ' + e.status + ' ' + e.method + ' ' + e.url + ' ' + e.duration + 'ms';
+    networkEl.appendChild(div);
+  });
+}
+</script>
+</body>
+</html>`;
+    const outputPath = options.outputPath ?? path.join(options.sessionDir, 'viewer.html');
+    await fs.writeFile(outputPath, html, 'utf-8');
+    return outputPath;
+}
+//# sourceMappingURL=viewer.js.map

package/dist/daemon/viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewer.js","sourceRoot":"","sources":["../../src/daemon/viewer.ts"],"names":[],"mappings":"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"}

package/dist/daemon/visualDiff.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Visual Diff
+ *
+ * Pixel-by-pixel comparison of screenshots using a simple diff algorithm.
+ * Uses raw pixel comparison without external dependencies.
+ */
+export interface VisualDiffResult {
+    mismatchPercentage: number;
+    mismatchCount: number;
+    totalPixels: number;
+    diffImagePath?: string;
+    pass: boolean;
+}
+/**
+ * Simple visual diff using Playwright's built-in comparison.
+ * Takes two PNG buffers and returns mismatch info.
+ *
+ * For pixel-perfect comparison, we compare raw buffer bytes.
+ * For a production-grade solution, pixelmatch can be added as optional dep.
+ */
+export declare function visualDiff(baseline: Buffer, current: Buffer, options?: {
+    threshold?: number;
+    outputPath?: string;
+}): Promise<VisualDiffResult>;
+/**
+ * Compare screenshots from a directory against baselines.
+ */
+export declare function diffDirectory(baselineDir: string, currentDir: string, options?: {
+    threshold?: number;
+}): Promise<Array<{
+    file: string;
+    result: VisualDiffResult;
+}>>;
+//# sourceMappingURL=visualDiff.d.ts.map

package/dist/daemon/visualDiff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visualDiff.d.ts","sourceRoot":"","sources":["../../src/daemon/visualDiff.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,OAAO,CAAC;CACf;AAMD;;;;;;GAMG;AACH,wBAAsB,UAAU,CAC9B,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,OAAO,CAAC,EAAE;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACA,OAAO,CAAC,gBAAgB,CAAC,CAmC3B;AAED;;GAEG;AACH,wBAAsB,aAAa,CACjC,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,MAAM,EAClB,OAAO,CAAC,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAC/B,OAAO,CAAC,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,gBAAgB,CAAA;CAAE,CAAC,CAAC,CA6B5D"}