autokap 1.0.0

package/dist/video-variant-state.js

@@ -0,0 +1,80 @@
+import { evaluateRequestedLanguageState, evaluateRequestedThemeState as evaluateRequestedThemeStateRich, } from './session-profile.js';
+function normalizeConfidenceScore(confidence) {
+    switch (confidence) {
+        case 'high':
+            return 1;
+        case 'medium':
+            return 0.78;
+        case 'low':
+        default:
+            return 0.58;
+    }
+}
+export function scoreLocaleSignals(signals, requestedLang) {
+    if (!requestedLang)
+        return { score: 1, reasons: [], ambiguous: false };
+    const languageState = evaluateRequestedLanguageState({
+        currentUrl: signals.url,
+        requestedLang,
+        signals,
+    });
+    if (languageState.active) {
+        return {
+            score: normalizeConfidenceScore(languageState.confidence),
+            reasons: languageState.reasons,
+            ambiguous: false,
+        };
+    }
+    if (languageState.ambiguous) {
+        return {
+            score: languageState.confidence === 'high' ? 0.45 : languageState.confidence === 'medium' ? 0.32 : 0.18,
+            reasons: languageState.reasons,
+            ambiguous: true,
+        };
+    }
+    return {
+        score: 0,
+        reasons: languageState.reasons,
+        ambiguous: false,
+    };
+}
+export function evaluateRequestedThemeState(signals, requestedTheme) {
+    const themeState = evaluateRequestedThemeStateRich({
+        requestedTheme,
+        signals,
+    });
+    return {
+        detected: themeState.detected,
+        active: themeState.active,
+        ambiguous: themeState.ambiguous,
+        reason: themeState.reasons.join('; ') || 'no_theme_signal',
+    };
+}
+export async function detectVariantStateDeterministic(browser, requestedLang, requestedTheme) {
+    const signals = await browser.capturePageSignals();
+    const languageState = evaluateRequestedLanguageState({
+        currentUrl: signals.url,
+        requestedLang,
+        signals,
+    });
+    const themeState = evaluateRequestedThemeStateRich({
+        requestedTheme,
+        signals,
+    });
+    return {
+        lang: {
+            requested: requestedLang,
+            detected: languageState.detected,
+            active: requestedLang ? languageState.active : true,
+            ambiguous: requestedLang ? languageState.ambiguous : false,
+        },
+        theme: {
+            requested: requestedTheme,
+            detected: themeState.detected,
+            active: requestedTheme ? themeState.active : true,
+            ambiguous: requestedTheme ? themeState.ambiguous : false,
+        },
+        pageSignals: signals,
+    };
+}
+//# sourceMappingURL=video-variant-state.js.map

package/dist/vision-model.d.ts

@@ -0,0 +1,17 @@
+export declare class VisionModelUnsupportedError extends Error {
+    requestedModel: string;
+    fallbackModel?: string;
+    constructor(requestedModel: string, fallbackModel?: string);
+}
+export declare function isImageInputUnsupportedError(err: unknown): boolean;
+export declare function buildVisionModelUnavailableMessage(requestedModel: string, fallbackModel?: string): string;
+export declare function callVisionCapableModel<T>(params: {
+    primaryModel: string;
+    fallbackModel?: string;
+    callModel: (model: string) => Promise<T>;
+    onFallbackActivated?: (model: string, reason: string) => void;
+}): Promise<{
+    result: T;
+    model: string;
+    fellBack: boolean;
+}>;

package/dist/vision-model.js

@@ -0,0 +1,74 @@
+export class VisionModelUnsupportedError extends Error {
+    requestedModel;
+    fallbackModel;
+    constructor(requestedModel, fallbackModel) {
+        super(buildVisionModelUnavailableMessage(requestedModel, fallbackModel));
+        this.name = 'VisionModelUnsupportedError';
+        this.requestedModel = requestedModel;
+        this.fallbackModel = fallbackModel;
+    }
+}
+function extractNestedErrorMessage(err) {
+    if (!err || typeof err !== 'object')
+        return '';
+    const errorRecord = err;
+    const directMessage = typeof errorRecord.message === 'string' ? errorRecord.message : '';
+    const nestedError = errorRecord.error;
+    const nestedMessage = nestedError && typeof nestedError === 'object' && typeof nestedError.message === 'string'
+        ? nestedError.message
+        : '';
+    if (nestedMessage && nestedMessage === directMessage)
+        return directMessage;
+    return [directMessage, nestedMessage].filter(Boolean).join(' ');
+}
+export function isImageInputUnsupportedError(err) {
+    if (!err || typeof err !== 'object')
+        return false;
+    const errorRecord = err;
+    const status = typeof errorRecord.status === 'number' ? errorRecord.status : undefined;
+    const message = extractNestedErrorMessage(err).toLowerCase();
+    if (!message)
+        return false;
+    const mentionsImageEndpoint = message.includes('no endpoints found that support image input')
+        || message.includes('no providers that support image input')
+        || (message.includes('image input') && message.includes('no') && message.includes('support'))
+        || (message.includes('image input') && message.includes('endpoint') && message.includes('no'));
+    if (!mentionsImageEndpoint)
+        return false;
+    return status === undefined || status === 400 || status === 404 || status === 422;
+}
+export function buildVisionModelUnavailableMessage(requestedModel, fallbackModel) {
+    const fallbackHint = fallbackModel && fallbackModel !== requestedModel
+        ? ` Automatic fallback to "${fallbackModel}" also failed or was unavailable.`
+        : '';
+    return `The model "${requestedModel}" has no available endpoint that supports image input.${fallbackHint} Configure a vision-capable default/fallback model or retry later if the provider is degraded.`;
+}
+export async function callVisionCapableModel(params) {
+    const { primaryModel, fallbackModel, callModel, onFallbackActivated } = params;
+    let fallbackReason = '';
+    try {
+        const result = await callModel(primaryModel);
+        return { result, model: primaryModel, fellBack: false };
+    }
+    catch (err) {
+        if (!isImageInputUnsupportedError(err)) {
+            throw err;
+        }
+        fallbackReason = extractNestedErrorMessage(err) || 'image input unsupported';
+        if (!fallbackModel || fallbackModel === primaryModel) {
+            throw new VisionModelUnsupportedError(primaryModel, fallbackModel);
+        }
+    }
+    try {
+        const result = await callModel(fallbackModel);
+        onFallbackActivated?.(fallbackModel, fallbackReason);
+        return { result, model: fallbackModel, fellBack: true };
+    }
+    catch (fallbackErr) {
+        if (isImageInputUnsupportedError(fallbackErr)) {
+            throw new VisionModelUnsupportedError(primaryModel, fallbackModel);
+        }
+        throw fallbackErr;
+    }
+}
+//# sourceMappingURL=vision-model.js.map

package/package.json

@@ -0,0 +1,165 @@
+{
+  "name": "autokap",
+  "version": "1.0.0",
+  "description": "AI-powered CLI tool for capturing clean screenshots of websites",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./browser": {
+      "types": "./dist/browser.d.ts",
+      "default": "./dist/browser.js"
+    },
+    "./agent": {
+      "types": "./dist/agent.d.ts",
+      "default": "./dist/agent.js"
+    },
+    "./cookie-dismiss": {
+      "types": "./dist/cookie-dismiss.d.ts",
+      "default": "./dist/cookie-dismiss.js"
+    },
+    "./logger": {
+      "types": "./dist/logger.d.ts",
+      "default": "./dist/logger.js"
+    },
+    "./types": {
+      "types": "./dist/types.d.ts",
+      "default": "./dist/types.js"
+    },
+    "./mockup": {
+      "types": "./dist/mockup.d.ts",
+      "default": "./dist/mockup.js"
+    },
+    "./mockup-html": {
+      "types": "./dist/mockup-html.d.ts",
+      "default": "./dist/mockup-html.js"
+    },
+    "./status-bar": {
+      "types": "./dist/status-bar.d.ts",
+      "default": "./dist/status-bar.js"
+    },
+    "./browser-bar": {
+      "types": "./dist/browser-bar.d.ts",
+      "default": "./dist/browser-bar.js"
+    },
+    "./status-bar-l10n": {
+      "types": "./dist/status-bar-l10n.d.ts",
+      "default": "./dist/status-bar-l10n.js"
+    },
+    "./element-capture": {
+      "types": "./dist/element-capture.d.ts",
+      "default": "./dist/element-capture.js"
+    },
+    "./prompts": {
+      "types": "./dist/prompts.d.ts",
+      "default": "./dist/prompts.js"
+    },
+    "./session-profile": {
+      "types": "./dist/session-profile.d.ts",
+      "default": "./dist/session-profile.js"
+    },
+    "./tools": {
+      "types": "./dist/tools.d.ts",
+      "default": "./dist/tools.js"
+    },
+    "./security": {
+      "types": "./dist/security.d.ts",
+      "default": "./dist/security.js"
+    },
+    "./video-agent": {
+      "types": "./dist/video-agent.d.ts",
+      "default": "./dist/video-agent.js"
+    },
+    "./video-planner": {
+      "types": "./dist/video-planner.d.ts",
+      "default": "./dist/video-planner.js"
+    },
+    "./mouse-animation": {
+      "types": "./dist/mouse-animation.d.ts",
+      "default": "./dist/mouse-animation.js"
+    },
+    "./clip-orchestrator": {
+      "types": "./dist/clip-orchestrator.d.ts",
+      "default": "./dist/clip-orchestrator.js"
+    },
+    "./clip-postprocess": {
+      "types": "./dist/clip-postprocess.d.ts",
+      "default": "./dist/clip-postprocess.js"
+    },
+    "./hybrid-navigator": {
+      "types": "./dist/hybrid-navigator.d.ts",
+      "default": "./dist/hybrid-navigator.js"
+    }
+  },
+  "bin": {
+    "autokap": "dist/cli.js"
+  },
+  "scripts": {
+    "postinstall": "node scripts/patch-playwright-video-recorder.mjs",
+    "build": "tsc && cd web && npm run build",
+    "dev": "cd web && npm run dev",
+    "dev:lib:watch": "tsc -w --preserveWatchOutput",
+    "start": "cd web && npm run start",
+    "rebuild": "tsc && cd web && npx tsc --noEmit",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:billing-limits": "node --test --import tsx scripts/billing-plan-limits.test.ts",
+    "deploy": "bash deploy.sh",
+    "sync-env": "bash scripts/sync-env.sh",
+    "screenshot:benchmark": "tsx scripts/screenshot-benchmark.ts",
+    "video:smoke": "tsx scripts/video-smoke-test.ts",
+    "video:regression": "tsx scripts/video-regression.ts"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "files": [
+    "dist/**/*.js",
+    "dist/**/*.d.ts",
+    "!dist/**/*.js.map",
+    "assets/chrome",
+    "assets/devices",
+    "assets/frames/iPad*",
+    "assets/frames/iPhone*",
+    "assets/frames/MacBook*",
+    "assets/frames/Status*",
+    "assets/icons",
+    "assets/skill"
+  ],
+  "keywords": [
+    "screenshot",
+    "capture",
+    "automation",
+    "ai",
+    "cli",
+    "playwright",
+    "mockup",
+    "website"
+  ],
+  "author": "AutoKap",
+  "license": "ISC",
+  "homepage": "https://app.autokap.com",
+  "dependencies": {
+    "chalk": "^5.6.2",
+    "commander": "^14.0.3",
+    "dotenv": "^17.3.1",
+    "openai": "^6.25.0",
+    "playwright": "^1.58.2",
+    "posthog-node": "^5.26.2",
+    "sharp": "^0.34.5"
+  },
+  "devDependencies": {
+    "@types/node": "^25.3.3",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.18"
+  },
+  "overrides": {
+    "picomatch": ">=4.0.4"
+  }
+}

package/readme.md

@@ -0,0 +1,61 @@
+# AutoKap
+
+AI-powered website screenshot capture across every device, language, and theme.
+
+## Quick Start
+
+```bash
+# Install dependencies
+cd web && npm install
+
+# Set up environment
+cp .env.example .env.local
+# Fill in NEXT_PUBLIC_SUPABASE_URL and NEXT_PUBLIC_SUPABASE_ANON_KEY
+
+# Run dev server
+npm run dev
+```
+
+## Auth Setup (Supabase)
+
+AutoKap uses Supabase Auth for user authentication. You need to configure the following providers in your Supabase dashboard:
+
+### 1. Email/Password
+
+- Go to **Authentication > Providers > Email** in the Supabase dashboard
+- Enable **Email provider**
+- Configure email templates if needed
+- Enable/disable **Confirm email** depending on your needs
+
+### 2. Google OAuth
+
+- Go to **Authentication > Providers > Google**
+- Enable the Google provider
+- Create OAuth credentials in the [Google Cloud Console](https://console.cloud.google.com/apis/credentials):
+  - Create an OAuth 2.0 Client ID (Web application)
+  - Add `https://<your-supabase-project>.supabase.co/auth/v1/callback` as an authorized redirect URI
+- Copy the **Client ID** and **Client Secret** into the Supabase Google provider settings
+
+### 3. GitHub OAuth
+
+- Go to **Authentication > Providers > GitHub**
+- Enable the GitHub provider
+- Create an OAuth App in [GitHub Developer Settings](https://github.com/settings/developers):
+  - Set the **Authorization callback URL** to `https://<your-supabase-project>.supabase.co/auth/v1/callback`
+- Copy the **Client ID** and **Client Secret** into the Supabase GitHub provider settings
+
+### 4. Database Schema
+
+Make sure the `captures` table has a `run_id` UUID column:
+
+```sql
+ALTER TABLE captures ADD COLUMN IF NOT EXISTS run_id UUID;
+CREATE INDEX IF NOT EXISTS idx_captures_run_id ON captures(run_id);
+```
+
+## Architecture
+
+- **Web App**: Next.js 16 (App Router) + Tailwind CSS 4 + shadcn/ui + framer-motion
+- **Backend**: Node.js + Playwright for browser automation + AI agent (OpenRouter)
+- **Database**: Supabase (PostgreSQL + Storage + Auth)
+- **Routes**: `/presets`, `/capture/new`, `/capture/live`, `/gallery`, `/login`