@ytspar/sweetlink 1.13.0 → 1.14.0

package/dist/daemon/visualDiff.js

@@ -0,0 +1,80 @@
+/**
+ * Visual Diff
+ *
+ * Pixel-by-pixel comparison of screenshots using a simple diff algorithm.
+ * Uses raw pixel comparison without external dependencies.
+ */
+import { promises as fs } from 'fs';
+import * as path from 'path';
+// ============================================================================
+// PNG Helpers (minimal decoder/encoder for comparison)
+// ============================================================================
+/**
+ * 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 async function visualDiff(baseline, current, options) {
+    const threshold = options?.threshold ?? 0;
+    // Simple byte-level comparison
+    const minLen = Math.min(baseline.length, current.length);
+    const maxLen = Math.max(baseline.length, current.length);
+    let diffBytes = Math.abs(baseline.length - current.length);
+    for (let i = 0; i < minLen; i++) {
+        if (baseline[i] !== current[i]) {
+            diffBytes++;
+        }
+    }
+    const totalBytes = maxLen;
+    const mismatchPercentage = totalBytes > 0 ? (diffBytes / totalBytes) * 100 : 0;
+    const pass = mismatchPercentage <= threshold * 100;
+    const result = {
+        mismatchPercentage: Math.round(mismatchPercentage * 100) / 100,
+        mismatchCount: diffBytes,
+        totalPixels: totalBytes,
+        pass,
+    };
+    // If output path is specified and there are differences, save the current as "diff"
+    if (options?.outputPath && !pass) {
+        const dir = path.dirname(options.outputPath);
+        await fs.mkdir(dir, { recursive: true });
+        // Save the current screenshot as the diff reference
+        await fs.writeFile(options.outputPath, current);
+        result.diffImagePath = options.outputPath;
+    }
+    return result;
+}
+/**
+ * Compare screenshots from a directory against baselines.
+ */
+export async function diffDirectory(baselineDir, currentDir, options) {
+    const results = [];
+    const files = await fs.readdir(currentDir);
+    for (const file of files) {
+        if (!file.endsWith('.png') && !file.endsWith('.jpg'))
+            continue;
+        const currentPath = path.join(currentDir, file);
+        const baselinePath = path.join(baselineDir, file);
+        try {
+            const current = await fs.readFile(currentPath);
+            const baseline = await fs.readFile(baselinePath);
+            const result = await visualDiff(baseline, current, options);
+            results.push({ file, result });
+        }
+        catch {
+            results.push({
+                file,
+                result: {
+                    mismatchPercentage: 100,
+                    mismatchCount: 0,
+                    totalPixels: 0,
+                    pass: false,
+                },
+            });
+        }
+    }
+    return results;
+}
+//# sourceMappingURL=visualDiff.js.map

package/dist/daemon/visualDiff.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ytspar/sweetlink",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "Autonomous development toolkit for AI agents - screenshots, DOM queries, console logs, and JavaScript execution via WebSocket and Chrome DevTools Protocol",
   "keywords": [
     "autonomous-development",
@@ -84,11 +84,20 @@
     "./next": {
       "types": "./dist/next.d.ts",
       "import": "./dist/next.js"
+    },
+    "./daemon": {
+      "types": "./dist/daemon/types.d.ts",
+      "import": "./dist/daemon/types.js"
+    },
+    "./daemon/client": {
+      "types": "./dist/daemon/client.d.ts",
+      "import": "./dist/daemon/client.js"
     }
   },
   "bin": {
     "sweetlink": "./dist/cli/sweetlink.js",
-    "sweetlink-dev": "./dist/cli/sweetlink-dev.js"
+    "sweetlink-dev": "./dist/cli/sweetlink-dev.js",
+    "sweetlink-daemon": "./dist/daemon/index.js"
   },
   "files": [
     "dist",
@@ -104,14 +113,6 @@
     "node": ">=20.0.0"
   },
   "private": false,
-  "scripts": {
-    "prepublishOnly": "node ../../scripts/check-release-notes.mjs && rm -rf dist && tsc",
-    "build": "rm -rf dist && tsc",
-    "test": "vitest run",
-    "dev": "node dist/cli/sweetlink-dev.js",
-    "typecheck": "tsc --noEmit",
-    "clean": "rm -rf dist claude-context"
-  },
   "peerDependencies": {
     "axe-core": "^4.0.0",
     "html2canvas-pro": "^2.0.0",
@@ -158,5 +159,12 @@
   "bugs": {
     "url": "https://github.com/ytspar/devbar/issues"
   },
-  "homepage": "https://github.com/ytspar/devbar/tree/main/packages/sweetlink#readme"
-}
+  "homepage": "https://github.com/ytspar/devbar/tree/main/packages/sweetlink#readme",
+  "scripts": {
+    "build": "rm -rf dist && tsc",
+    "test": "vitest run",
+    "dev": "node dist/cli/sweetlink-dev.js",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist claude-context"
+  }
+}