@arclabs561/ai-visual-test 0.5.1

package/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "@arclabs561/ai-visual-test",
+  "version": "0.5.1",
+  "description": "AI-powered visual testing framework for web applications using Vision Language Models",
+  "type": "module",
+  "main": "src/index.mjs",
+  "exports": {
+    ".": "./src/index.mjs",
+    "./validators": "./src/validators/index.mjs",
+    "./temporal": "./src/temporal/index.mjs",
+    "./multi-modal": "./src/multi-modal/index.mjs",
+    "./ensemble": "./src/ensemble/index.mjs",
+    "./persona": "./src/persona/index.mjs",
+    "./specs": "./src/specs/index.mjs",
+    "./utils": "./src/utils/index.mjs",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src/**/*.mjs",
+    "index.d.ts",
+    "api/**/*.js",
+    "public/**/*.html",
+    "vercel.json",
+    "README.md",
+    "CHANGELOG.md",
+    "CONTRIBUTING.md",
+    "DEPLOYMENT.md",
+    "SECURITY.md",
+    "LICENSE",
+    ".secretsignore.example"
+  ],
+  "scripts": {
+    "test": "node --test test/*.test.mjs",
+    "test:validation": "node --test test/validation-*.test.mjs",
+    "test:unit": "node --test test/unit/*.test.mjs",
+    "test:integration": "node --test test/integration/*.test.mjs",
+    "test:e2e": "node --test test/e2e/*.test.mjs",
+    "test:datasets": "node --test test/dataset-*.test.mjs",
+    "playwright:check": "node scripts/ensure-playwright.mjs",
+    "playwright:install": "node scripts/ensure-playwright.mjs --install",
+    "playwright:setup": "node scripts/ensure-playwright.mjs --install --install-browsers",
+    "annotate": "node evaluation/utils/invoke-human-annotation.mjs",
+    "annotate:quick": "node evaluation/utils/quick-start-annotation.mjs",
+    "annotate:full": "node evaluation/utils/start-human-annotation.mjs",
+    "validate:annotations": "node evaluation/utils/validate-annotation-quality.mjs",
+    "validate:dataset": "node evaluation/utils/validate-dataset-quality.mjs",
+    "match:vllm": "node evaluation/utils/match-annotations-with-vllm.mjs",
+    "datasets:download": "node evaluation/utils/download-all-datasets.mjs",
+    "datasets:parse": "node evaluation/utils/parse-all-datasets.mjs",
+    "datasets:setup": "npm run datasets:download && npm run datasets:parse",
+    "docs": "node scripts/generate-docs.mjs",
+    "lint": "echo 'No linter configured'",
+    "prepublishOnly": "npm test",
+    "check:secrets": "node scripts/detect-secrets.mjs",
+    "check:quality": "node node_modules/@arclabs561/hookwise/src/hooks/code-quality.mjs || echo 'Hookwise not available'",
+    "check:docs": "node node_modules/@arclabs561/hookwise/src/hooks/doc-bloat.mjs || echo 'Hookwise not available'",
+    "check:security": "npm run check:secrets",
+    "check:test-performance": "node node_modules/@arclabs561/hookwise/src/hooks/test-performance.mjs || node scripts/analyze-test-performance.mjs",
+    "check:commit": "node node_modules/@arclabs561/hookwise/src/hooks/commit-msg.mjs .git/COMMIT_EDITMSG || echo 'Hookwise not available'",
+    "check:all": "npm run check:secrets && npx hookwise garden && npm run check:test-performance",
+    "garden": "npx hookwise garden",
+    "garden:enhanced": "node scripts/enhanced-garden.mjs",
+    "deprecate:old": "node scripts/deprecate-old-package.mjs",
+    "garden:watch": "node scripts/watch-garden.mjs",
+    "test:performance": "npm run check:test-performance",
+    "test:slow": "npm test 2>&1 | grep -E '✔.*\\([0-9]+\\.[0-9]+ms\\)' | sort -t'(' -k2 -nr | head -20"
+  },
+  "keywords": [
+    "visual-testing",
+    "ai",
+    "vllm",
+    "vision-language-models",
+    "playwright",
+    "accessibility",
+    "ui-testing",
+    "screenshot-validation"
+  ],
+  "author": "arclabs561 <henry@henrywallace.io>",
+  "license": "MIT",
+  "dependencies": {
+    "dotenv": "^16.4.5"
+  },
+  "peerDependencies": {
+    "@arclabs561/llm-utils": "*",
+    "@playwright/test": "^1.48.0"
+  },
+  "peerDependenciesMeta": {
+    "@arclabs561/llm-utils": {
+      "optional": true
+    },
+    "@playwright/test": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.1",
+    "async-mutex": "0.5.0",
+    "fast-check": "4.3.0",
+    "proper-lockfile": "4.1.2"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/arclabs561/ai-visual-test.git"
+  },
+  "homepage": "https://github.com/arclabs561/ai-visual-test#readme",
+  "bugs": {
+    "url": "https://github.com/arclabs561/ai-visual-test/issues"
+  }
+}

package/public/index.html

@@ -0,0 +1,149 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>VLLM Testing - Visual Validation API</title>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+      background: #0a0a0a;
+      color: #ffffff;
+      line-height: 1.6;
+      padding: 2rem;
+      max-width: 1200px;
+      margin: 0 auto;
+    }
+    
+    h1 {
+      font-size: 2.5rem;
+      margin-bottom: 1rem;
+      color: #ffffff;
+    }
+    
+    h2 {
+      font-size: 1.5rem;
+      margin-top: 2rem;
+      margin-bottom: 1rem;
+      color: #ffffff;
+    }
+    
+    .status {
+      display: inline-block;
+      padding: 0.5rem 1rem;
+      border-radius: 4px;
+      font-weight: bold;
+      margin-bottom: 2rem;
+    }
+    
+    .status.ok {
+      background: #00ff00;
+      color: #000000;
+    }
+    
+    .status.error {
+      background: #ff0000;
+      color: #ffffff;
+    }
+    
+    code {
+      background: #1a1a1a;
+      padding: 0.2rem 0.4rem;
+      border-radius: 3px;
+      font-family: 'Monaco', 'Courier New', monospace;
+      font-size: 0.9em;
+    }
+    
+    pre {
+      background: #1a1a1a;
+      padding: 1rem;
+      border-radius: 4px;
+      overflow-x: auto;
+      margin: 1rem 0;
+    }
+    
+    .endpoint {
+      background: #1a1a1a;
+      padding: 1.5rem;
+      border-radius: 4px;
+      margin: 1rem 0;
+      border-left: 4px solid #00ff00;
+    }
+    
+    .method {
+      display: inline-block;
+      padding: 0.25rem 0.5rem;
+      border-radius: 3px;
+      font-weight: bold;
+      margin-right: 0.5rem;
+    }
+    
+    .method.post {
+      background: #00ff00;
+      color: #000000;
+    }
+    
+    .method.get {
+      background: #0066ff;
+      color: #ffffff;
+    }
+  </style>
+</head>
+<body>
+  <h1>VLLM Testing API</h1>
+  <div id="status" class="status">Checking...</div>
+  
+  <h2>API Endpoints</h2>
+  
+  <div class="endpoint">
+    <span class="method post">POST</span>
+    <code>/api/validate</code>
+    <p style="margin-top: 1rem;">Validate a screenshot using Vision Language Models.</p>
+    <pre>{
+  "image": "base64-encoded-image",
+  "prompt": "Evaluate this screenshot...",
+  "context": {
+    "testType": "payment-screen",
+    "viewport": { "width": 1280, "height": 720 }
+  }
+}</pre>
+  </div>
+  
+  <div class="endpoint">
+    <span class="method get">GET</span>
+    <code>/api/health</code>
+    <p style="margin-top: 1rem;">Health check endpoint.</p>
+  </div>
+  
+  <h2>Documentation</h2>
+  <p>See <a href="https://github.com/arclabs561/ai-visual-test" style="color: #00ff00;">GitHub repository</a> for full documentation.</p>
+  
+  <script>
+    // Check health on load
+    fetch('/api/health')
+      .then(res => res.json())
+      .then(data => {
+        const statusEl = document.getElementById('status');
+        if (data.status === 'ok') {
+          statusEl.className = 'status ok';
+          statusEl.textContent = `✓ API Online - Provider: ${data.provider || 'none'}`;
+        } else {
+          statusEl.className = 'status error';
+          statusEl.textContent = '✗ API Error';
+        }
+      })
+      .catch(err => {
+        const statusEl = document.getElementById('status');
+        statusEl.className = 'status error';
+        statusEl.textContent = '✗ API Offline';
+      });
+  </script>
+</body>
+</html>
+