autokap 1.0.10 → 1.1.2

package/dist/server-capture-runtime.js

@@ -42,7 +42,6 @@ const BILLING_PLANS = [
             aiDailyCostLimitUsd: 0.05,
             apiRateLimitRpm: 10,
             maxDevLinks: 1,
-            maxCompositions: 2,
             maxTeamMembersPerProject: null,
         },
     },
@@ -72,7 +71,6 @@ const BILLING_PLANS = [
             aiDailyCostLimitUsd: 0.10,
             apiRateLimitRpm: 60,
             maxDevLinks: 10,
-            maxCompositions: 10,
             maxTeamMembersPerProject: null,
         },
     },
@@ -101,7 +99,6 @@ const BILLING_PLANS = [
             aiDailyCostLimitUsd: 0.15,
             apiRateLimitRpm: 200,
             maxDevLinks: null,
-            maxCompositions: null,
             maxTeamMembersPerProject: 5,
         },
     },

package/dist/server-credit-usage.d.ts

@@ -1,5 +1,5 @@
 import type { SupabaseClient } from '@supabase/supabase-js';
-export type CreditUsageType = 'screenshot' | 'clip' | 'video' | 'preset_analysis' | 'ai_chat' | 'interactive_demo_state';
+export type CreditUsageType = 'screenshot' | 'clip' | 'preset_analysis' | 'ai_chat' | 'studio_creation' | 'studio_iteration';
 export declare function recordCreditUsage(supabase: SupabaseClient, params: {
     userId: string;
     projectId: string | null;

package/dist/skill-packaging.d.ts

@@ -1,4 +1,4 @@
-export type SkillType = 'preset' | 'studio';
+export type SkillType = 'preset';
 export type SkillAgent = 'claude' | 'codex' | 'cursor' | 'windsurf' | 'copilot';
 export interface SkillPlaceholderOptions {
     projectUrl?: string;

package/dist/skill-packaging.js

@@ -17,17 +17,12 @@ const PRESET_SKILL_SOURCE = {
     coreFile: 'SKILL.md',
     references: [
         { relativePath: 'OPCODE-REFERENCE.md', title: 'Opcode Reference', anchor: 'reference-opcode-reference' },
-        { relativePath: 'references/interactive-demo.md', title: 'Interactive Demo Workflow', anchor: 'reference-interactive-demo-workflow' },
         { relativePath: 'references/mock-data.md', title: 'Mock Data Injection', anchor: 'reference-mock-data-injection' },
         { relativePath: 'references/examples.md', title: 'Complete Examples', anchor: 'reference-complete-examples' },
     ],
 };
-const STUDIO_SKILL_SOURCE = {
-    coreFile: 'STUDIO-SKILL.md',
-    references: [],
-};
 function getSkillSourceSpec(type) {
-    return type === 'studio' ? STUDIO_SKILL_SOURCE : PRESET_SKILL_SOURCE;
+    return PRESET_SKILL_SOURCE;
 }
 async function pathExists(candidate) {
     try {
@@ -75,8 +70,6 @@ function inferBundleInstall(outputPath) {
     return false;
 }
 export function shouldInstallSkillBundle(params) {
-    if (params.type === 'studio')
-        return false;
     if (params.agent?.toLowerCase() === 'codex')
         return true;
     return inferBundleInstall(params.outputPath);
@@ -113,9 +106,6 @@ export async function renderSkillSingleFile(params) {
     const rootDir = await resolveSkillAssetDir();
     const spec = getSkillSourceSpec(params.type);
     let core = await readSkillFile(rootDir, spec.coreFile, params.placeholders);
-    if (params.type === 'studio') {
-        return core;
-    }
     core = rewriteLinksForSingleFile(core, spec);
     core = insertAfterFrontmatter(core, '> Packaging note: the canonical AutoKap preset skill is a modular bundle for Codex (`SKILL.md` + companion reference files). This single-file export is generated from that same source so all agents stay in parity.');
     const bundledReferences = [];

package/dist/types.d.ts

@@ -583,7 +583,7 @@ export interface ClipOptions {
 /** Usage metadata from a single OpenRouter API call */
 export interface StepUsage {
     stepNumber: number;
-    stepType: 'agent_iteration' | 'verification' | 'element_capture' | 'video_planning' | 'video_variant_classification' | 'video_step_verification' | 'video_step_fix' | 'assistant_chat' | 'mock_data_generation' | 'page_identity_classification' | 'capture_verification' | 'alt_text_generation' | 'healer_invocation';
+    stepType: 'agent_iteration' | 'verification' | 'element_capture' | 'video_planning' | 'video_variant_classification' | 'video_step_verification' | 'video_step_fix' | 'assistant_chat' | 'studio_creation' | 'studio_iteration' | 'mock_data_generation' | 'page_identity_classification' | 'capture_verification' | 'alt_text_generation' | 'healer_invocation';
     generationId: string | null;
     modelRequested: string;
     modelUsed: string | null;
@@ -591,7 +591,7 @@ export interface StepUsage {
     completionTokens: number | null;
     totalTokens: number | null;
     imagesInPrompt: number;
-    /** Prompt composition telemetry (optional, for cost optimization tracking) */
+    /** Prompt assembly telemetry (optional, for cost optimization tracking) */
     systemPromptChars?: number;
     toolSchemaChars?: number;
     userPayloadChars?: number;

package/dist/web-playwright-local.d.ts

@@ -110,20 +110,6 @@ export declare class WebPlaywrightLocal implements RuntimeAdapter {
     clickHidden(opts: {
         selector: string;
     }): Promise<void>;
-    serializeDom(selector?: string): Promise<{
-        html: string;
-        assetUrls: string[];
-        viewport: {
-            width: number;
-            height: number;
-        };
-        capturedAt: string;
-    }>;
-    serializeFragment(selector: string): Promise<{
-        html: string;
-        assetUrls: string[];
-        capturedAt: string;
-    }>;
     extractFavicon(): Promise<{
         buffer: Buffer;
         mimeType: string;

package/dist/web-playwright-local.js

@@ -595,200 +595,6 @@ export class WebPlaywrightLocal {
             el.click();
         }, opts);
     }
-    async serializeDom(selector) {
-        const page = await this.browser.currentPage;
-        const baseUrl = page.url();
-        const fallbackViewport = page.viewportSize() ?? { width: 1440, height: 900 };
-        const rawCapture = await page.evaluate((targetSelector) => {
-            function serializeDoctype() {
-                return document.doctype
-                    ? `<!DOCTYPE ${document.doctype.name}` +
-                        (document.doctype.publicId ? ` PUBLIC "${document.doctype.publicId}"` : '') +
-                        (document.doctype.systemId && !document.doctype.publicId ? ' SYSTEM' : '') +
-                        (document.doctype.systemId ? ` "${document.doctype.systemId}"` : '') +
-                        '>'
-                    : '';
-            }
-            function copyAttributes(source, target) {
-                for (const attr of Array.from(source.attributes)) {
-                    target.setAttribute(attr.name, attr.value);
-                }
-            }
-            function buildFocusedBranch(element) {
-                let branch = element.cloneNode(true);
-                let currentSource = element.parentElement;
-                while (currentSource && currentSource !== document.body) {
-                    const shell = currentSource.cloneNode(false);
-                    shell.appendChild(branch);
-                    branch = shell;
-                    currentSource = currentSource.parentElement;
-                }
-                return branch;
-            }
-            /**
-             * Inline same-origin <link rel="stylesheet"> tags as <style> blocks.
-             * This makes the captured HTML self-contained — CSS chunk names are
-             * build-specific and will 404 when served from a different build.
-             * Cross-origin stylesheets (e.g. Google Fonts CSS) are left as <link>
-             * tags since their URLs are stable public CDN paths.
-             */
-            function inlineStylesheets(doc) {
-                const links = Array.from(doc.querySelectorAll('link[rel="stylesheet"]'));
-                for (const link of links) {
-                    const href = link.getAttribute('href');
-                    if (!href)
-                        continue;
-                    // Skip cross-origin stylesheets — their cssRules aren't accessible
-                    // and their URLs are stable (e.g. fonts.googleapis.com).
-                    try {
-                        const url = new URL(href, location.origin);
-                        if (url.origin !== location.origin)
-                            continue;
-                    }
-                    catch {
-                        continue;
-                    }
-                    // Find the matching CSSStyleSheet and read its rules.
-                    const sheet = Array.from(doc.styleSheets).find((s) => s.ownerNode === link);
-                    if (!sheet)
-                        continue;
-                    let cssText = '';
-                    try {
-                        const rules = sheet.cssRules;
-                        for (let i = 0; i < rules.length; i++) {
-                            cssText += rules[i].cssText + '\n';
-                        }
-                    }
-                    catch {
-                        continue;
-                    } // SecurityError for cross-origin sheets
-                    if (!cssText)
-                        continue;
-                    const style = doc.createElement('style');
-                    style.textContent = cssText;
-                    link.replaceWith(style);
-                }
-            }
-            const doctype = serializeDoctype();
-            const root = document.documentElement;
-            if (!targetSelector) {
-                inlineStylesheets(document);
-                return {
-                    html: doctype + (root ? root.outerHTML : ''),
-                    viewport: {
-                        width: window.innerWidth || document.documentElement.clientWidth || 1440,
-                        height: window.innerHeight || document.documentElement.clientHeight || 900,
-                    },
-                };
-            }
-            const element = document.querySelector(targetSelector);
-            if (!element) {
-                throw new Error(`serializeDom: no element matched selector "${targetSelector}"`);
-            }
-            if (element === document.documentElement) {
-                inlineStylesheets(document);
-                return {
-                    html: doctype + root.outerHTML,
-                    viewport: {
-                        width: window.innerWidth || document.documentElement.clientWidth || 1440,
-                        height: window.innerHeight || document.documentElement.clientHeight || 900,
-                    },
-                };
-            }
-            const nextDoc = document.implementation.createHTMLDocument(document.title || '');
-            copyAttributes(document.documentElement, nextDoc.documentElement);
-            nextDoc.head.innerHTML = document.head ? document.head.innerHTML : '';
-            copyAttributes(document.body, nextDoc.body);
-            if (element === document.body) {
-                nextDoc.body.innerHTML = document.body.innerHTML;
-            }
-            else {
-                const branch = buildFocusedBranch(element);
-                nextDoc.body.replaceChildren(nextDoc.importNode(branch, true));
-            }
-            // Inline stylesheets in the cloned document. The <link> elements were
-            // copied from the live document's <head>, so their ownerNode points to
-            // the cloned <link>. The CSSStyleSheet objects on the *live* document
-            // still hold the parsed rules — iterate those and match by href.
-            const liveSheets = Array.from(document.styleSheets);
-            const clonedLinks = Array.from(nextDoc.querySelectorAll('link[rel="stylesheet"]'));
-            for (const link of clonedLinks) {
-                const href = link.getAttribute('href');
-                if (!href)
-                    continue;
-                try {
-                    const url = new URL(href, location.origin);
-                    if (url.origin !== location.origin)
-                        continue;
-                }
-                catch {
-                    continue;
-                }
-                // Match by href against the live document's stylesheets.
-                const liveSheet = liveSheets.find((s) => {
-                    try {
-                        return s.href === new URL(href, location.origin).href;
-                    }
-                    catch {
-                        return false;
-                    }
-                });
-                if (!liveSheet)
-                    continue;
-                let cssText = '';
-                try {
-                    const rules = liveSheet.cssRules;
-                    for (let i = 0; i < rules.length; i++) {
-                        cssText += rules[i].cssText + '\n';
-                    }
-                }
-                catch {
-                    continue;
-                }
-                if (!cssText)
-                    continue;
-                const style = nextDoc.createElement('style');
-                style.textContent = cssText;
-                link.replaceWith(style);
-            }
-            const rect = element.getBoundingClientRect();
-            return {
-                html: doctype + nextDoc.documentElement.outerHTML,
-                viewport: {
-                    width: Math.max(1, Math.ceil(rect.width || window.innerWidth || document.documentElement.clientWidth || 1440)),
-                    height: Math.max(1, Math.ceil(rect.height || window.innerHeight || document.documentElement.clientHeight || 900)),
-                },
-            };
-        }, selector ?? null);
-        // Lazy import to avoid loading parse5 unless DOM capture is actually used.
-        const { sanitizeDom } = await import('./dom-serializer.js');
-        const viewport = rawCapture?.viewport ?? fallbackViewport;
-        const result = sanitizeDom({ html: rawCapture.html, baseUrl, viewport });
-        return {
-            html: result.html,
-            assetUrls: result.assetUrls,
-            viewport,
-            capturedAt: new Date().toISOString(),
-        };
-    }
-    async serializeFragment(selector) {
-        const page = await this.browser.currentPage;
-        const baseUrl = page.url();
-        const rawHtml = await page.evaluate((sel) => {
-            const el = document.querySelector(sel);
-            return el ? el.outerHTML : null;
-        }, selector);
-        if (!rawHtml) {
-            throw new Error(`serializeFragment: no element matched selector "${selector}"`);
-        }
-        const { sanitizeFragment } = await import('./dom-serializer.js');
-        const result = sanitizeFragment({ html: rawHtml, baseUrl });
-        return {
-            html: result.html,
-            assetUrls: result.assetUrls,
-            capturedAt: new Date().toISOString(),
-        };
-    }
     async extractFavicon() {
         try {
             const page = await this.browser.currentPage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "autokap",
-  "version": "1.0.10",
+  "version": "1.1.2",
   "description": "AI-powered CLI tool for capturing clean screenshots of websites",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,18 +18,6 @@
       "types": "./dist/cookie-dismiss.d.ts",
       "default": "./dist/cookie-dismiss.js"
     },
-    "./dom-serializer": {
-      "types": "./dist/dom-serializer.d.ts",
-      "default": "./dist/dom-serializer.js"
-    },
-    "./dom-css-purger": {
-      "types": "./dist/dom-css-purger.d.ts",
-      "default": "./dist/dom-css-purger.js"
-    },
-    "./dom-font-inliner": {
-      "types": "./dist/dom-font-inliner.d.ts",
-      "default": "./dist/dom-font-inliner.js"
-    },
     "./logger": {
       "types": "./dist/logger.d.ts",
       "default": "./dist/logger.js"
@@ -174,10 +162,6 @@
       "types": "./dist/server-screenshot-watermark.d.ts",
       "default": "./dist/server-screenshot-watermark.js"
     },
-    "./capture-studio-sync": {
-      "types": "./dist/capture-studio-sync.d.ts",
-      "default": "./dist/capture-studio-sync.js"
-    },
     "./cli-contract": {
       "types": "./dist/cli-contract.d.ts",
       "default": "./dist/cli-contract.js"
@@ -236,7 +220,6 @@
     "posthog-node": "^5.26.2",
     "sharp": "^0.34.5",
     "@resvg/resvg-js": "^2.6.2",
-    "parse5": "^8.0.0",
     "satori": "^0.26.0",
     "wawoff2": "^2.0.1",
     "ws": "^8.20.0",

package/readme.md

@@ -16,6 +16,19 @@ cp .env.example .env.local
 npm run dev
 ```
 
+## CLI in CI/CD
+
+AutoKap can run non-interactively in CI by reading the CLI key from
+`AUTOKAP_API_KEY`; no local `~/.autokap/config.json` is required.
+
+```bash
+AUTOKAP_API_KEY=ak_cli_... autokap run <preset-id> --env staging
+AUTOKAP_API_KEY=ak_cli_... autokap auto-recapture --project <project-id> --env local
+```
+
+Use project environments in the dashboard to map `local`, `staging`, and
+`production` to different base URLs without duplicating presets.
+
 ## Auth Setup (Supabase)
 
 AutoKap uses Supabase Auth for user authentication. You need to configure the following providers in your Supabase dashboard: