uilint-react 0.2.1 → 0.2.4

package/dist/node.js

@@ -1,55 +1,21 @@
-// src/scanner/jsdom-adapter.ts
-import { OllamaClient, createStyleSummary as createStyleSummary2 } from "uilint-core";
-
-// src/scanner/dom-scanner.ts
-import {
-  extractStylesFromDOM,
-  createStyleSummary,
-  serializeStyles,
-  truncateHTML
-} from "uilint-core";
-function scanDOM(root) {
-  const targetRoot = root || document.body;
-  const styles = extractStylesFromDOM(targetRoot);
-  const html = targetRoot instanceof Element ? targetRoot.outerHTML : targetRoot.body?.outerHTML || "";
-  return {
-    html: truncateHTML(html, 5e4),
-    styles,
-    elementCount: targetRoot.querySelectorAll("*").length,
-    timestamp: Date.now()
-  };
-}
-
-// src/scanner/environment.ts
-function isBrowser() {
-  return typeof window !== "undefined" && typeof window.document !== "undefined";
-}
-function isJSDOM() {
-  if (!isBrowser()) return false;
-  const userAgent = window.navigator?.userAgent || "";
-  return userAgent.includes("jsdom");
-}
-
-// src/scanner/jsdom-adapter.ts
-var JSDOMAdapter = class {
+import { OllamaClient as i, createStyleSummary as o } from "uilint-core";
+import { s as r } from "./environment-DVxa60C6.js";
+import { a as f } from "./environment-DVxa60C6.js";
+class l {
   styleGuideContent = null;
   styleGuidePath;
   client;
-  constructor(styleGuidePath = ".uilint/styleguide.md") {
-    this.styleGuidePath = styleGuidePath;
-    this.client = new OllamaClient();
+  constructor(e = ".uilint/styleguide.md") {
+    this.styleGuidePath = e, this.client = new i();
   }
   /**
    * Loads the style guide from the filesystem (Node.js only)
    */
   async loadStyleGuide() {
-    if (typeof process === "undefined") return null;
+    if (typeof process > "u") return null;
     try {
-      const fs = await import("fs/promises");
-      const path = await import("path");
-      const fullPath = path.resolve(process.cwd(), this.styleGuidePath);
-      this.styleGuideContent = await fs.readFile(fullPath, "utf-8");
-      return this.styleGuideContent;
+      const e = await import("fs/promises"), n = (await import("path")).resolve(process.cwd(), this.styleGuidePath);
+      return this.styleGuideContent = await e.readFile(n, "utf-8"), this.styleGuideContent;
     } catch {
       return null;
     }
@@ -57,52 +23,39 @@ var JSDOMAdapter = class {
   /**
    * Analyzes the current DOM and returns issues
    */
-  async analyze(root) {
-    const startTime = Date.now();
-    const snapshot = scanDOM(root);
-    const styleSummary = createStyleSummary2(snapshot.styles);
-    if (!this.styleGuideContent) {
-      await this.loadStyleGuide();
-    }
-    const result = await this.client.analyzeStyles(
-      styleSummary,
-      this.styleGuideContent
-    );
-    return {
-      issues: result.issues,
-      analysisTime: Date.now() - startTime
+  async analyze(e) {
+    const t = Date.now(), n = r(e), a = o(n.styles);
+    return this.styleGuideContent || await this.loadStyleGuide(), {
+      issues: (await this.client.analyzeStyles(
+        a,
+        this.styleGuideContent
+      )).issues,
+      analysisTime: Date.now() - t
     };
   }
   /**
    * Outputs issues to console.warn (for test visibility)
    */
-  outputWarnings(issues) {
-    if (issues.length === 0) {
+  outputWarnings(e) {
+    if (e.length === 0) {
       console.warn("[UILint] No UI consistency issues found");
       return;
     }
-    issues.forEach((issue) => {
-      const parts = [`\u26A0\uFE0F [UILint] ${issue.message}`];
-      if (issue.currentValue && issue.expectedValue) {
-        parts.push(
-          `Current: ${issue.currentValue}, Expected: ${issue.expectedValue}`
-        );
-      }
-      if (issue.suggestion) {
-        parts.push(`Suggestion: ${issue.suggestion}`);
-      }
-      console.warn(parts.join(" | "));
+    e.forEach((t) => {
+      const n = [`⚠️ [UILint] ${t.message}`];
+      t.currentValue && t.expectedValue && n.push(
+        `Current: ${t.currentValue}, Expected: ${t.expectedValue}`
+      ), t.suggestion && n.push(`Suggestion: ${t.suggestion}`), console.warn(n.join(" | "));
     });
   }
-};
-async function runUILintInTest(root) {
-  const adapter = new JSDOMAdapter();
-  const result = await adapter.analyze(root);
-  adapter.outputWarnings(result.issues);
-  return result.issues;
+}
+async function d(s) {
+  const e = new l(), t = await e.analyze(s);
+  return e.outputWarnings(t.issues), t.issues;
 }
 export {
-  JSDOMAdapter,
-  isJSDOM,
-  runUILintInTest
+  l as JSDOMAdapter,
+  f as isJSDOM,
+  d as runUILintInTest
 };
+//# sourceMappingURL=node.js.map

package/dist/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sources":["../src/scanner/jsdom-adapter.ts"],"sourcesContent":["/**\n * Adapter for running UILint in JSDOM/Node.js test environments\n * Uses uilint-core for analysis\n */\n\nimport { OllamaClient, createStyleSummary } from \"uilint-core\";\nimport type { UILintIssue, AnalysisResult } from \"uilint-core\";\nimport { scanDOM } from \"./dom-scanner.js\";\nimport { isJSDOM } from \"./environment.js\";\n\n/**\n * Adapter for running UILint in JSDOM/Node.js test environments\n * Calls Ollama directly and outputs to console.warn()\n */\nexport class JSDOMAdapter {\n  private styleGuideContent: string | null = null;\n  private styleGuidePath: string;\n  private client: InstanceType<typeof OllamaClient>;\n\n  constructor(styleGuidePath: string = \".uilint/styleguide.md\") {\n    this.styleGuidePath = styleGuidePath;\n    this.client = new OllamaClient();\n  }\n\n  /**\n   * Loads the style guide from the filesystem (Node.js only)\n   */\n  async loadStyleGuide(): Promise<string | null> {\n    if (typeof process === \"undefined\") return null;\n\n    try {\n      // Dynamic import for Node.js fs module\n      const fs = await import(\"fs/promises\");\n      const path = await import(\"path\");\n\n      const fullPath = path.resolve(process.cwd(), this.styleGuidePath);\n      this.styleGuideContent = await fs.readFile(fullPath, \"utf-8\");\n      return this.styleGuideContent;\n    } catch {\n      // Style guide doesn't exist yet\n      return null;\n    }\n  }\n\n  /**\n   * Analyzes the current DOM and returns issues\n   */\n  async analyze(root?: Element | Document): Promise<AnalysisResult> {\n    const startTime = Date.now();\n\n    // Scan the DOM\n    const snapshot = scanDOM(root);\n    const styleSummary = createStyleSummary(snapshot.styles);\n\n    // Load style guide if not already loaded\n    if (!this.styleGuideContent) {\n      await this.loadStyleGuide();\n    }\n\n    // Call Ollama via the core client\n    const result = await this.client.analyzeStyles(\n      styleSummary,\n      this.styleGuideContent\n    );\n\n    return {\n      issues: result.issues,\n      analysisTime: Date.now() - startTime,\n    };\n  }\n\n  /**\n   * Outputs issues to console.warn (for test visibility)\n   */\n  outputWarnings(issues: UILintIssue[]): void {\n    if (issues.length === 0) {\n      console.warn(\"[UILint] No UI consistency issues found\");\n      return;\n    }\n\n    issues.forEach((issue) => {\n      const parts = [`⚠️ [UILint] ${issue.message}`];\n\n      if (issue.currentValue && issue.expectedValue) {\n        parts.push(\n          `Current: ${issue.currentValue}, Expected: ${issue.expectedValue}`\n        );\n      }\n\n      if (issue.suggestion) {\n        parts.push(`Suggestion: ${issue.suggestion}`);\n      }\n\n      console.warn(parts.join(\" | \"));\n    });\n  }\n}\n\n/**\n * Convenience function for running UILint in tests\n */\nexport async function runUILintInTest(\n  root?: Element | Document\n): Promise<UILintIssue[]> {\n  const adapter = new JSDOMAdapter();\n  const result = await adapter.analyze(root);\n  adapter.outputWarnings(result.issues);\n  return result.issues;\n}\n\n// Re-export for backwards compatibility\nexport { isJSDOM };\n"],"names":["JSDOMAdapter","styleGuidePath","OllamaClient","fs","fullPath","root","startTime","snapshot","scanDOM","styleSummary","createStyleSummary","issues","issue","parts","runUILintInTest","adapter","result"],"mappings":";;;AAcO,MAAMA,EAAa;AAAA,EAChB,oBAAmC;AAAA,EACnC;AAAA,EACA;AAAA,EAER,YAAYC,IAAyB,yBAAyB;AAC5D,SAAK,iBAAiBA,GACtB,KAAK,SAAS,IAAIC,EAAA;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,iBAAyC;AAC7C,QAAI,OAAO,UAAY,IAAa,QAAO;AAE3C,QAAI;AAEF,YAAMC,IAAK,MAAM,OAAO,aAAa,GAG/BC,KAFO,MAAM,OAAO,MAAM,GAEV,QAAQ,QAAQ,IAAA,GAAO,KAAK,cAAc;AAChE,kBAAK,oBAAoB,MAAMD,EAAG,SAASC,GAAU,OAAO,GACrD,KAAK;AAAA,IACd,QAAQ;AAEN,aAAO;AAAA,IACT;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,MAAM,QAAQC,GAAoD;AAChE,UAAMC,IAAY,KAAK,IAAA,GAGjBC,IAAWC,EAAQH,CAAI,GACvBI,IAAeC,EAAmBH,EAAS,MAAM;AAGvD,WAAK,KAAK,qBACR,MAAM,KAAK,eAAA,GASN;AAAA,MACL,SANa,MAAM,KAAK,OAAO;AAAA,QAC/BE;AAAA,QACA,KAAK;AAAA,MAAA,GAIU;AAAA,MACf,cAAc,KAAK,QAAQH;AAAA,IAAA;AAAA,EAE/B;AAAA;AAAA;AAAA;AAAA,EAKA,eAAeK,GAA6B;AAC1C,QAAIA,EAAO,WAAW,GAAG;AACvB,cAAQ,KAAK,yCAAyC;AACtD;AAAA,IACF;AAEA,IAAAA,EAAO,QAAQ,CAACC,MAAU;AACxB,YAAMC,IAAQ,CAAC,eAAeD,EAAM,OAAO,EAAE;AAE7C,MAAIA,EAAM,gBAAgBA,EAAM,iBAC9BC,EAAM;AAAA,QACJ,YAAYD,EAAM,YAAY,eAAeA,EAAM,aAAa;AAAA,MAAA,GAIhEA,EAAM,cACRC,EAAM,KAAK,eAAeD,EAAM,UAAU,EAAE,GAG9C,QAAQ,KAAKC,EAAM,KAAK,KAAK,CAAC;AAAA,IAChC,CAAC;AAAA,EACH;AACF;AAKA,eAAsBC,EACpBT,GACwB;AACxB,QAAMU,IAAU,IAAIf,EAAA,GACdgB,IAAS,MAAMD,EAAQ,QAAQV,CAAI;AACzC,SAAAU,EAAQ,eAAeC,EAAO,MAAM,GAC7BA,EAAO;AAChB;"}

package/dist/scanner/dom-scanner.d.ts

@@ -0,0 +1,7 @@
+import { createStyleSummary, serializeStyles, DOMSnapshot } from 'uilint-core';
+export { createStyleSummary, serializeStyles };
+/**
+ * Scans the DOM and extracts a snapshot of all styles
+ */
+export declare function scanDOM(root?: Element | Document): DOMSnapshot;
+//# sourceMappingURL=dom-scanner.d.ts.map

package/dist/scanner/dom-scanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-scanner.d.ts","sourceRoot":"","sources":["../../src/scanner/dom-scanner.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAEL,kBAAkB,EAClB,eAAe,EAEf,KAAK,WAAW,EACjB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,CAAC;AAE/C;;GAEG;AACH,wBAAgB,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,WAAW,CAe9D"}

package/dist/scanner/environment.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Environment detection utilities
+ */
+/**
+ * Checks if we're running in a browser environment
+ */
+export declare function isBrowser(): boolean;
+/**
+ * Checks if we're running in a JSDOM environment (tests)
+ */
+export declare function isJSDOM(): boolean;
+/**
+ * Checks if we're running in Node.js
+ */
+export declare function isNode(): boolean;
+//# sourceMappingURL=environment.d.ts.map

package/dist/scanner/environment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"environment.d.ts","sourceRoot":"","sources":["../../src/scanner/environment.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,SAAS,IAAI,OAAO,CAInC;AAED;;GAEG;AACH,wBAAgB,OAAO,IAAI,OAAO,CAKjC;AAED;;GAEG;AACH,wBAAgB,MAAM,IAAI,OAAO,CAMhC"}

package/dist/scanner/jsdom-adapter.d.ts

@@ -0,0 +1,30 @@
+import { UILintIssue, AnalysisResult } from 'uilint-core';
+import { isJSDOM } from './environment.js';
+/**
+ * Adapter for running UILint in JSDOM/Node.js test environments
+ * Calls Ollama directly and outputs to console.warn()
+ */
+export declare class JSDOMAdapter {
+    private styleGuideContent;
+    private styleGuidePath;
+    private client;
+    constructor(styleGuidePath?: string);
+    /**
+     * Loads the style guide from the filesystem (Node.js only)
+     */
+    loadStyleGuide(): Promise<string | null>;
+    /**
+     * Analyzes the current DOM and returns issues
+     */
+    analyze(root?: Element | Document): Promise<AnalysisResult>;
+    /**
+     * Outputs issues to console.warn (for test visibility)
+     */
+    outputWarnings(issues: UILintIssue[]): void;
+}
+/**
+ * Convenience function for running UILint in tests
+ */
+export declare function runUILintInTest(root?: Element | Document): Promise<UILintIssue[]>;
+export { isJSDOM };
+//# sourceMappingURL=jsdom-adapter.d.ts.map

package/dist/scanner/jsdom-adapter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsdom-adapter.d.ts","sourceRoot":"","sources":["../../src/scanner/jsdom-adapter.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C;;;GAGG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,iBAAiB,CAAuB;IAChD,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,MAAM,CAAoC;gBAEtC,cAAc,GAAE,MAAgC;IAK5D;;OAEG;IACG,cAAc,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAiB9C;;OAEG;IACG,OAAO,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC,cAAc,CAAC;IAwBjE;;OAEG;IACH,cAAc,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI;CAsB5C;AAED;;GAEG;AACH,wBAAsB,eAAe,CACnC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GACxB,OAAO,CAAC,WAAW,EAAE,CAAC,CAKxB;AAGD,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/scanner/vision-capture.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Vision Capture Module
+ *
+ * Provides screenshot capture and element manifest building for vision-based analysis.
+ * Uses html-to-image for DOM-to-image capture.
+ */
+/**
+ * Element manifest entry for vision analysis
+ */
+export interface ElementManifest {
+    /** Unique ID (data-ui-lint-id if present, otherwise generated) */
+    id: string;
+    /** Visible text content (truncated to 100 chars) */
+    text: string;
+    /** data-loc value: "path:line:column" */
+    dataLoc: string;
+    /** Bounding rectangle */
+    rect: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    /** HTML tag name */
+    tagName: string;
+    /** Inferred semantic role (button, heading, link, etc.) */
+    role?: string;
+    /** Total instances with same dataLoc (if deduplicated) */
+    instanceCount?: number;
+}
+/**
+ * Vision analysis issue from the LLM
+ */
+export interface VisionIssue {
+    /** Text of the element this issue refers to */
+    elementText: string;
+    /** Issue description */
+    message: string;
+    /** Issue category */
+    category: "spacing" | "alignment" | "color" | "typography" | "layout" | "contrast" | "visual-hierarchy" | "other";
+    /** Severity level */
+    severity: "error" | "warning" | "info";
+    /** Matched dataLoc from manifest (filled in after text matching) */
+    dataLoc?: string;
+    /** Matched element ID (filled in after text matching) */
+    elementId?: string;
+}
+/**
+ * Vision analysis result
+ */
+export interface VisionAnalysisResult {
+    /** Route/path that was analyzed */
+    route: string;
+    /** Timestamp of capture */
+    timestamp: number;
+    /** Screenshot as base64 data URL */
+    screenshotDataUrl?: string;
+    /** Element manifest */
+    manifest: ElementManifest[];
+    /** Issues found by vision analysis */
+    issues: VisionIssue[];
+    /** Analysis duration in ms */
+    analysisTime: number;
+    /** Error message if analysis failed */
+    error?: string;
+}
+/**
+ * Collect element manifest from DOM
+ *
+ * Scans all elements with data-loc attributes and builds a manifest
+ * with deduplication for repeated elements (e.g., list items).
+ *
+ * @param container - Container element to scan (default: document.body)
+ * @param region - Optional region to filter elements (only include elements within this region)
+ */
+export declare function collectElementManifest(container?: Element, region?: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}): ElementManifest[];
+/**
+ * Match vision issues to manifest entries by element text
+ *
+ * The LLM returns issues with elementText; we need to map back to dataLoc
+ */
+export declare function matchIssuesToManifest(issues: VisionIssue[], manifest: ElementManifest[]): VisionIssue[];
+/**
+ * Capture screenshot of the current page
+ *
+ * Uses html-to-image library for DOM-to-image capture.
+ * Falls back to canvas if html-to-image is not available.
+ */
+export declare function captureScreenshot(): Promise<string>;
+/**
+ * Capture screenshot of a specific region of the page
+ *
+ * @param region - The region to capture (in viewport coordinates)
+ */
+export declare function captureScreenshotRegion(region: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}): Promise<string>;
+/**
+ * Get current route from URL
+ */
+export declare function getCurrentRoute(): string;
+/**
+ * Generate filename-safe timestamp
+ */
+export declare function generateTimestamp(): string;
+/**
+ * Build vision analysis request payload
+ */
+export declare function buildVisionAnalysisPayload(options: {
+    screenshotDataUrl?: string;
+    manifest: ElementManifest[];
+    route: string;
+    /** Screenshot filename saved under `.uilint/screenshots` (e.g. uilint-...png) */
+    screenshotFile?: string;
+}): {
+    type: "vision:analyze";
+    route: string;
+    timestamp: number;
+    screenshot: string | undefined;
+    screenshotFile: string | undefined;
+    manifest: ElementManifest[];
+};
+//# sourceMappingURL=vision-capture.d.ts.map

package/dist/scanner/vision-capture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vision-capture.d.ts","sourceRoot":"","sources":["../../src/scanner/vision-capture.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,kEAAkE;IAClE,EAAE,EAAE,MAAM,CAAC;IACX,oDAAoD;IACpD,IAAI,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,IAAI,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,+CAA+C;IAC/C,WAAW,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,QAAQ,EACJ,SAAS,GACT,WAAW,GACX,OAAO,GACP,YAAY,GACZ,QAAQ,GACR,UAAU,GACV,kBAAkB,GAElB,OAAO,CAAC;IACZ,qBAAqB;IACrB,QAAQ,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACvC,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB;IACvB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,sCAAsC;IACtC,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,8BAA8B;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0KD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CACpC,SAAS,GAAE,OAAuB,EAClC,MAAM,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC/D,eAAe,EAAE,CA2EnB;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,WAAW,EAAE,EACrB,QAAQ,EAAE,eAAe,EAAE,GAC1B,WAAW,EAAE,CA0Bf;AAED;;;;;GAKG;AACH,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,MAAM,CAAC,CAqCzD;AAED;;;;GAIG;AACH,wBAAsB,uBAAuB,CAAC,MAAM,EAAE;IACpD,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,GAAG,OAAO,CAAC,MAAM,CAAC,CAwClB;AAyDD;;GAEG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAKxC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,OAAO,EAAE;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;;;;;;;EASA"}

package/dist/styles/inject-styles.d.ts

@@ -0,0 +1,2 @@
+export declare function injectDevToolStyles(cssText: string): void;
+//# sourceMappingURL=inject-styles.d.ts.map

package/dist/styles/inject-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-styles.d.ts","sourceRoot":"","sources":["../../src/styles/inject-styles.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,QAUlD"}

package/dist/vision-capture-EIrYA_XF.js

@@ -0,0 +1,216 @@
+const d = /* @__PURE__ */ new Set([
+  "SCRIPT",
+  "STYLE",
+  "SVG",
+  "PATH",
+  "CIRCLE",
+  "RECT",
+  "LINE",
+  "POLYGON",
+  "POLYLINE",
+  "ELLIPSE",
+  "NOSCRIPT",
+  "TEMPLATE",
+  "SLOT"
+]), m = 3, h = 100;
+function w(n) {
+  const t = n.tagName.toUpperCase(), r = n.getAttribute("role");
+  if (r) return r;
+  switch (t) {
+    case "BUTTON":
+      return "button";
+    case "A":
+      return "link";
+    case "H1":
+    case "H2":
+    case "H3":
+    case "H4":
+    case "H5":
+    case "H6":
+      return "heading";
+    case "INPUT": {
+      const e = n.type;
+      return e === "submit" || e === "button" ? "button" : e === "checkbox" ? "checkbox" : e === "radio" ? "radio" : "textbox";
+    }
+    case "TEXTAREA":
+      return "textbox";
+    case "SELECT":
+      return "combobox";
+    case "IMG":
+      return "img";
+    case "NAV":
+      return "navigation";
+    case "MAIN":
+      return "main";
+    case "HEADER":
+      return "banner";
+    case "FOOTER":
+      return "contentinfo";
+    case "ASIDE":
+      return "complementary";
+    case "ARTICLE":
+      return "article";
+    case "SECTION":
+      return "region";
+    case "FORM":
+      return "form";
+    case "TABLE":
+      return "table";
+    case "UL":
+    case "OL":
+      return "list";
+    case "LI":
+      return "listitem";
+    default:
+      return;
+  }
+}
+function p(n) {
+  const t = n.innerText?.trim();
+  if (t)
+    return t.length > h ? t.slice(0, h) + "…" : t;
+  const r = n.getAttribute("aria-label");
+  if (r) return r;
+  const e = n.getAttribute("title");
+  if (e) return e;
+  const o = n.getAttribute("placeholder");
+  if (o) return o;
+  const i = n.getAttribute("alt");
+  return i || "";
+}
+function E(n) {
+  const t = n, r = window.getComputedStyle(t);
+  if (r.display === "none" || r.visibility === "hidden" || r.opacity === "0") return !1;
+  const e = n.getBoundingClientRect();
+  return !(e.width === 0 && e.height === 0 || e.bottom < -100 || e.top > window.innerHeight + 100 || e.right < -100 || e.left > window.innerWidth + 100);
+}
+function b(n, t) {
+  const r = n.left + n.width, e = n.top + n.height, o = t.x + t.width, i = t.y + t.height;
+  return !(n.left > o || r < t.x || n.top > i || e < t.y);
+}
+function T(n = document.body, t) {
+  const r = [], e = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), i = n.querySelectorAll("[data-loc]");
+  for (const a of i) {
+    if (a.closest("[data-ui-lint]") || d.has(a.tagName) || !E(a)) continue;
+    const c = a.getBoundingClientRect();
+    if (t && !b(c, t)) continue;
+    const s = a.getAttribute("data-loc");
+    if (!s) continue;
+    const l = e.get(s) || 0;
+    e.set(s, l + 1);
+    let u = o.get(s);
+    if (u || (u = [], o.set(s, u)), u.length >= m) continue;
+    const g = p(a), f = {
+      id: a.getAttribute("data-ui-lint-id") || `loc:${s}#${l}`,
+      text: g,
+      dataLoc: s,
+      rect: {
+        x: c.x,
+        y: c.y,
+        width: c.width,
+        height: c.height
+      },
+      tagName: a.tagName.toLowerCase(),
+      role: w(a)
+    };
+    u.push(f);
+  }
+  for (const [a, c] of o) {
+    const s = e.get(a) || c.length;
+    c.forEach((l, u) => {
+      u === 0 && s > c.length && (l.instanceCount = s), r.push(l);
+    });
+  }
+  return r;
+}
+async function R() {
+  const n = await import("./index-L3Zm-CoX.js").catch(() => null);
+  if (!n)
+    throw new Error(
+      "Screenshot capture unavailable: `html-to-image` failed to load (check the uilint-react bundle/deps)"
+    );
+  try {
+    return await n.toPng(document.body, {
+      // Keep file size down for WS transport
+      pixelRatio: 1,
+      cacheBust: !0,
+      filter: (r) => !(r instanceof Element && r.closest("[data-ui-lint]"))
+    });
+  } catch (t) {
+    const e = (t instanceof Error ? t : new Error(String(t))).message || "Unknown error", o = /tainted|cross[- ]origin|CORS|security/i.test(e) ? " Hint: this is often caused by cross-origin images/fonts; try removing external images or ensuring they allow CORS." : "";
+    throw new Error(
+      `Screenshot capture failed (html-to-image): ${e}.${o}`
+    );
+  }
+}
+async function x(n) {
+  const t = await import("./index-L3Zm-CoX.js").catch(() => null);
+  if (!t)
+    throw new Error(
+      "Screenshot capture unavailable: `html-to-image` failed to load (check the uilint-react bundle/deps)"
+    );
+  try {
+    const r = await t.toPng(document.body, {
+      pixelRatio: 1,
+      cacheBust: !0,
+      filter: (e) => !(e instanceof Element && e.closest("[data-ui-lint]"))
+    });
+    return await y(r, n);
+  } catch (r) {
+    const o = (r instanceof Error ? r : new Error(String(r))).message || "Unknown error", i = /tainted|cross[- ]origin|CORS|security/i.test(o) ? " Hint: this is often caused by cross-origin images/fonts; try removing external images or ensuring they allow CORS." : "";
+    throw new Error(
+      `Screenshot capture failed (html-to-image): ${o}.${i}`
+    );
+  }
+}
+async function y(n, t) {
+  return new Promise((r, e) => {
+    const o = new Image();
+    o.onload = () => {
+      try {
+        const i = document.createElement("canvas");
+        i.width = t.width, i.height = t.height;
+        const a = i.getContext("2d");
+        if (!a) {
+          e(new Error("Failed to get canvas context"));
+          return;
+        }
+        a.drawImage(
+          o,
+          t.x,
+          t.y,
+          t.width,
+          t.height,
+          0,
+          0,
+          t.width,
+          t.height
+        );
+        const c = i.toDataURL("image/png");
+        r(c);
+      } catch (i) {
+        e(
+          new Error(
+            `Failed to crop image: ${i instanceof Error ? i.message : String(i)}`
+          )
+        );
+      }
+    }, o.onerror = () => {
+      e(new Error("Failed to load image for cropping"));
+    }, o.src = n;
+  });
+}
+function A() {
+  return window.location.pathname.replace(/\/+$/, "") || "/";
+}
+function C() {
+  return (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-");
+}
+export {
+  R as captureScreenshot,
+  x as captureScreenshotRegion,
+  T as collectElementManifest,
+  C as generateTimestamp,
+  A as getCurrentRoute
+};
+//# sourceMappingURL=vision-capture-EIrYA_XF.js.map

package/dist/vision-capture-EIrYA_XF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vision-capture-EIrYA_XF.js","sources":["../src/scanner/vision-capture.ts"],"sourcesContent":["/**\n * Vision Capture Module\n *\n * Provides screenshot capture and element manifest building for vision-based analysis.\n * Uses html-to-image for DOM-to-image capture.\n */\n\n/**\n * Element manifest entry for vision analysis\n */\nexport interface ElementManifest {\n  /** Unique ID (data-ui-lint-id if present, otherwise generated) */\n  id: string;\n  /** Visible text content (truncated to 100 chars) */\n  text: string;\n  /** data-loc value: \"path:line:column\" */\n  dataLoc: string;\n  /** Bounding rectangle */\n  rect: { x: number; y: number; width: number; height: number };\n  /** HTML tag name */\n  tagName: string;\n  /** Inferred semantic role (button, heading, link, etc.) */\n  role?: string;\n  /** Total instances with same dataLoc (if deduplicated) */\n  instanceCount?: number;\n}\n\n/**\n * Vision analysis issue from the LLM\n */\nexport interface VisionIssue {\n  /** Text of the element this issue refers to */\n  elementText: string;\n  /** Issue description */\n  message: string;\n  /** Issue category */\n  category:\n    | \"spacing\"\n    | \"alignment\"\n    | \"color\"\n    | \"typography\"\n    | \"layout\"\n    | \"contrast\"\n    | \"visual-hierarchy\"\n    // backward/defensive (older payloads or custom models)\n    | \"other\";\n  /** Severity level */\n  severity: \"error\" | \"warning\" | \"info\";\n  /** Matched dataLoc from manifest (filled in after text matching) */\n  dataLoc?: string;\n  /** Matched element ID (filled in after text matching) */\n  elementId?: string;\n}\n\n/**\n * Vision analysis result\n */\nexport interface VisionAnalysisResult {\n  /** Route/path that was analyzed */\n  route: string;\n  /** Timestamp of capture */\n  timestamp: number;\n  /** Screenshot as base64 data URL */\n  screenshotDataUrl?: string;\n  /** Element manifest */\n  manifest: ElementManifest[];\n  /** Issues found by vision analysis */\n  issues: VisionIssue[];\n  /** Analysis duration in ms */\n  analysisTime: number;\n  /** Error message if analysis failed */\n  error?: string;\n}\n\n/**\n * Tags to skip when collecting manifest\n */\nconst SKIP_TAGS = new Set([\n  \"SCRIPT\",\n  \"STYLE\",\n  \"SVG\",\n  \"PATH\",\n  \"CIRCLE\",\n  \"RECT\",\n  \"LINE\",\n  \"POLYGON\",\n  \"POLYLINE\",\n  \"ELLIPSE\",\n  \"NOSCRIPT\",\n  \"TEMPLATE\",\n  \"SLOT\",\n]);\n\n/**\n * Max instances per dataLoc to include in manifest (for deduplication)\n */\nconst MAX_INSTANCES_PER_DATALOC = 3;\n\n/**\n * Max text length for element text\n */\nconst MAX_TEXT_LENGTH = 100;\n\n/**\n * Infer semantic role from element\n */\nfunction inferRole(element: Element): string | undefined {\n  const tagName = element.tagName.toUpperCase();\n\n  // Check explicit role attribute\n  const explicitRole = element.getAttribute(\"role\");\n  if (explicitRole) return explicitRole;\n\n  // Infer from tag name\n  switch (tagName) {\n    case \"BUTTON\":\n      return \"button\";\n    case \"A\":\n      return \"link\";\n    case \"H1\":\n    case \"H2\":\n    case \"H3\":\n    case \"H4\":\n    case \"H5\":\n    case \"H6\":\n      return \"heading\";\n    case \"INPUT\": {\n      const type = (element as HTMLInputElement).type;\n      if (type === \"submit\" || type === \"button\") return \"button\";\n      if (type === \"checkbox\") return \"checkbox\";\n      if (type === \"radio\") return \"radio\";\n      return \"textbox\";\n    }\n    case \"TEXTAREA\":\n      return \"textbox\";\n    case \"SELECT\":\n      return \"combobox\";\n    case \"IMG\":\n      return \"img\";\n    case \"NAV\":\n      return \"navigation\";\n    case \"MAIN\":\n      return \"main\";\n    case \"HEADER\":\n      return \"banner\";\n    case \"FOOTER\":\n      return \"contentinfo\";\n    case \"ASIDE\":\n      return \"complementary\";\n    case \"ARTICLE\":\n      return \"article\";\n    case \"SECTION\":\n      return \"region\";\n    case \"FORM\":\n      return \"form\";\n    case \"TABLE\":\n      return \"table\";\n    case \"UL\":\n    case \"OL\":\n      return \"list\";\n    case \"LI\":\n      return \"listitem\";\n    default:\n      return undefined;\n  }\n}\n\n/**\n * Get visible text content from element\n */\nfunction getVisibleText(element: Element): string {\n  // Try innerText first (respects visibility)\n  const innerText = (element as HTMLElement).innerText?.trim();\n  if (innerText) {\n    return innerText.length > MAX_TEXT_LENGTH\n      ? innerText.slice(0, MAX_TEXT_LENGTH) + \"…\"\n      : innerText;\n  }\n\n  // Fallback to aria-label\n  const ariaLabel = element.getAttribute(\"aria-label\");\n  if (ariaLabel) return ariaLabel;\n\n  // Fallback to title\n  const title = element.getAttribute(\"title\");\n  if (title) return title;\n\n  // Fallback to placeholder for inputs\n  const placeholder = element.getAttribute(\"placeholder\");\n  if (placeholder) return placeholder;\n\n  // Fallback to alt for images\n  const alt = element.getAttribute(\"alt\");\n  if (alt) return alt;\n\n  return \"\";\n}\n\n/**\n * Check if element is visible\n */\nfunction isElementVisible(element: Element): boolean {\n  const htmlEl = element as HTMLElement;\n\n  // Check computed style\n  const style = window.getComputedStyle(htmlEl);\n  if (style.display === \"none\") return false;\n  if (style.visibility === \"hidden\") return false;\n  if (style.opacity === \"0\") return false;\n\n  // Check dimensions\n  const rect = element.getBoundingClientRect();\n  if (rect.width === 0 && rect.height === 0) return false;\n\n  // Check if in viewport (with some margin)\n  if (rect.bottom < -100 || rect.top > window.innerHeight + 100) return false;\n  if (rect.right < -100 || rect.left > window.innerWidth + 100) return false;\n\n  return true;\n}\n\n/**\n * Check if element rect intersects with a region\n */\nfunction rectIntersectsRegion(\n  rect: DOMRect,\n  region: { x: number; y: number; width: number; height: number }\n): boolean {\n  const rectRight = rect.left + rect.width;\n  const rectBottom = rect.top + rect.height;\n  const regionRight = region.x + region.width;\n  const regionBottom = region.y + region.height;\n\n  // Check if rectangles overlap\n  return !(\n    rect.left > regionRight ||\n    rectRight < region.x ||\n    rect.top > regionBottom ||\n    rectBottom < region.y\n  );\n}\n\n/**\n * Collect element manifest from DOM\n *\n * Scans all elements with data-loc attributes and builds a manifest\n * with deduplication for repeated elements (e.g., list items).\n *\n * @param container - Container element to scan (default: document.body)\n * @param region - Optional region to filter elements (only include elements within this region)\n */\nexport function collectElementManifest(\n  container: Element = document.body,\n  region?: { x: number; y: number; width: number; height: number }\n): ElementManifest[] {\n  const manifest: ElementManifest[] = [];\n  const dataLocCounts = new Map<string, number>();\n  const dataLocInstances = new Map<string, ElementManifest[]>();\n\n  // Find all elements with data-loc\n  const elements = container.querySelectorAll(\"[data-loc]\");\n\n  for (const element of elements) {\n    // Skip UILint's own elements\n    if (element.closest(\"[data-ui-lint]\")) continue;\n\n    // Skip certain tag types\n    if (SKIP_TAGS.has(element.tagName)) continue;\n\n    // Skip hidden elements\n    if (!isElementVisible(element)) continue;\n\n    // Skip elements outside the region (if region is specified)\n    const rect = element.getBoundingClientRect();\n    if (region && !rectIntersectsRegion(rect, region)) continue;\n\n    const dataLoc = element.getAttribute(\"data-loc\");\n    if (!dataLoc) continue;\n\n    // Track instance count\n    const currentCount = dataLocCounts.get(dataLoc) || 0;\n    dataLocCounts.set(dataLoc, currentCount + 1);\n\n    // Get or create instances array for this dataLoc\n    let instances = dataLocInstances.get(dataLoc);\n    if (!instances) {\n      instances = [];\n      dataLocInstances.set(dataLoc, instances);\n    }\n\n    // Only collect up to MAX_INSTANCES_PER_DATALOC\n    if (instances.length >= MAX_INSTANCES_PER_DATALOC) continue;\n\n    const text = getVisibleText(element);\n    const id =\n      element.getAttribute(\"data-ui-lint-id\") ||\n      `loc:${dataLoc}#${currentCount}`;\n\n    const entry: ElementManifest = {\n      id,\n      text,\n      dataLoc,\n      rect: {\n        x: rect.x,\n        y: rect.y,\n        width: rect.width,\n        height: rect.height,\n      },\n      tagName: element.tagName.toLowerCase(),\n      role: inferRole(element),\n    };\n\n    instances.push(entry);\n  }\n\n  // Build final manifest with instance counts\n  for (const [dataLoc, instances] of dataLocInstances) {\n    const totalCount = dataLocCounts.get(dataLoc) || instances.length;\n\n    instances.forEach((entry, index) => {\n      // Add instance count to first entry if there are more than shown\n      if (index === 0 && totalCount > instances.length) {\n        entry.instanceCount = totalCount;\n      }\n      manifest.push(entry);\n    });\n  }\n\n  return manifest;\n}\n\n/**\n * Match vision issues to manifest entries by element text\n *\n * The LLM returns issues with elementText; we need to map back to dataLoc\n */\nexport function matchIssuesToManifest(\n  issues: VisionIssue[],\n  manifest: ElementManifest[]\n): VisionIssue[] {\n  return issues.map((issue) => {\n    // Try exact match first\n    let match = manifest.find(\n      (m) => m.text.toLowerCase() === issue.elementText.toLowerCase()\n    );\n\n    // Try partial match (text starts with or contains)\n    if (!match) {\n      match = manifest.find(\n        (m) =>\n          m.text.toLowerCase().includes(issue.elementText.toLowerCase()) ||\n          issue.elementText.toLowerCase().includes(m.text.toLowerCase())\n      );\n    }\n\n    if (match) {\n      return {\n        ...issue,\n        dataLoc: match.dataLoc,\n        elementId: match.id,\n      };\n    }\n\n    return issue;\n  });\n}\n\n/**\n * Capture screenshot of the current page\n *\n * Uses html-to-image library for DOM-to-image capture.\n * Falls back to canvas if html-to-image is not available.\n */\nexport async function captureScreenshot(): Promise<string> {\n  // Try to use html-to-image if available\n  const htmlToImage = await import(\"html-to-image\").catch(() => null);\n\n  if (!htmlToImage) {\n    throw new Error(\n      \"Screenshot capture unavailable: `html-to-image` failed to load (check the uilint-react bundle/deps)\"\n    );\n  }\n\n  try {\n    const dataUrl = await htmlToImage.toPng(document.body, {\n      // Keep file size down for WS transport\n      pixelRatio: 1,\n      cacheBust: true,\n      filter: (node) => {\n        // Skip UILint overlay elements\n        if (node instanceof Element && node.closest(\"[data-ui-lint]\")) {\n          return false;\n        }\n        return true;\n      },\n    });\n    return dataUrl;\n  } catch (error) {\n    const err = error instanceof Error ? error : new Error(String(error));\n    const msg = err.message || \"Unknown error\";\n\n    // Common failure modes: cross-origin images/fonts taint the canvas.\n    const hint = /tainted|cross[- ]origin|CORS|security/i.test(msg)\n      ? \" Hint: this is often caused by cross-origin images/fonts; try removing external images or ensuring they allow CORS.\"\n      : \"\";\n\n    throw new Error(\n      `Screenshot capture failed (html-to-image): ${msg}.${hint}`\n    );\n  }\n}\n\n/**\n * Capture screenshot of a specific region of the page\n *\n * @param region - The region to capture (in viewport coordinates)\n */\nexport async function captureScreenshotRegion(region: {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}): Promise<string> {\n  // Try to use html-to-image if available\n  const htmlToImage = await import(\"html-to-image\").catch(() => null);\n\n  if (!htmlToImage) {\n    throw new Error(\n      \"Screenshot capture unavailable: `html-to-image` failed to load (check the uilint-react bundle/deps)\"\n    );\n  }\n\n  try {\n    // Capture the full page first, then crop to the region\n    // This is more reliable than trying to capture a specific element\n    const dataUrl = await htmlToImage.toPng(document.body, {\n      pixelRatio: 1,\n      cacheBust: true,\n      filter: (node) => {\n        // Skip UILint overlay elements\n        if (node instanceof Element && node.closest(\"[data-ui-lint]\")) {\n          return false;\n        }\n        return true;\n      },\n    });\n\n    // Crop the image to the selected region using canvas\n    return await cropImageToRegion(dataUrl, region);\n  } catch (error) {\n    const err = error instanceof Error ? error : new Error(String(error));\n    const msg = err.message || \"Unknown error\";\n\n    // Common failure modes: cross-origin images/fonts taint the canvas.\n    const hint = /tainted|cross[- ]origin|CORS|security/i.test(msg)\n      ? \" Hint: this is often caused by cross-origin images/fonts; try removing external images or ensuring they allow CORS.\"\n      : \"\";\n\n    throw new Error(\n      `Screenshot capture failed (html-to-image): ${msg}.${hint}`\n    );\n  }\n}\n\n/**\n * Crop an image data URL to a specific region\n */\nasync function cropImageToRegion(\n  dataUrl: string,\n  region: { x: number; y: number; width: number; height: number }\n): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const img = new Image();\n    img.onload = () => {\n      try {\n        // Create a canvas for cropping\n        const canvas = document.createElement(\"canvas\");\n        canvas.width = region.width;\n        canvas.height = region.height;\n\n        const ctx = canvas.getContext(\"2d\");\n        if (!ctx) {\n          reject(new Error(\"Failed to get canvas context\"));\n          return;\n        }\n\n        // Draw the cropped region\n        ctx.drawImage(\n          img,\n          region.x,\n          region.y,\n          region.width,\n          region.height,\n          0,\n          0,\n          region.width,\n          region.height\n        );\n\n        // Convert to data URL\n        const croppedDataUrl = canvas.toDataURL(\"image/png\");\n        resolve(croppedDataUrl);\n      } catch (error) {\n        reject(\n          new Error(\n            `Failed to crop image: ${\n              error instanceof Error ? error.message : String(error)\n            }`\n          )\n        );\n      }\n    };\n    img.onerror = () => {\n      reject(new Error(\"Failed to load image for cropping\"));\n    };\n    img.src = dataUrl;\n  });\n}\n\n/**\n * Get current route from URL\n */\nexport function getCurrentRoute(): string {\n  const path = window.location.pathname;\n  // Normalize: remove trailing slashes, handle index\n  const normalized = path.replace(/\\/+$/, \"\") || \"/\";\n  return normalized;\n}\n\n/**\n * Generate filename-safe timestamp\n */\nexport function generateTimestamp(): string {\n  return new Date().toISOString().replace(/[:.]/g, \"-\");\n}\n\n/**\n * Build vision analysis request payload\n */\nexport function buildVisionAnalysisPayload(options: {\n  screenshotDataUrl?: string;\n  manifest: ElementManifest[];\n  route: string;\n  /** Screenshot filename saved under `.uilint/screenshots` (e.g. uilint-...png) */\n  screenshotFile?: string;\n}) {\n  return {\n    type: \"vision:analyze\" as const,\n    route: options.route,\n    timestamp: Date.now(),\n    screenshot: options.screenshotDataUrl,\n    screenshotFile: options.screenshotFile,\n    manifest: options.manifest,\n  };\n}\n"],"names":["SKIP_TAGS","MAX_INSTANCES_PER_DATALOC","MAX_TEXT_LENGTH","inferRole","element","tagName","explicitRole","type","getVisibleText","innerText","ariaLabel","title","placeholder","alt","isElementVisible","htmlEl","style","rect","rectIntersectsRegion","region","rectRight","rectBottom","regionRight","regionBottom","collectElementManifest","container","manifest","dataLocCounts","dataLocInstances","elements","dataLoc","currentCount","instances","text","entry","totalCount","index","captureScreenshot","htmlToImage","node","error","msg","hint","captureScreenshotRegion","dataUrl","cropImageToRegion","resolve","reject","img","canvas","ctx","croppedDataUrl","getCurrentRoute","generateTimestamp"],"mappings":"AA6EA,MAAMA,wBAAgB,IAAI;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAKKC,IAA4B,GAK5BC,IAAkB;AAKxB,SAASC,EAAUC,GAAsC;AACvD,QAAMC,IAAUD,EAAQ,QAAQ,YAAA,GAG1BE,IAAeF,EAAQ,aAAa,MAAM;AAChD,MAAIE,EAAc,QAAOA;AAGzB,UAAQD,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK,SAAS;AACZ,YAAME,IAAQH,EAA6B;AAC3C,aAAIG,MAAS,YAAYA,MAAS,WAAiB,WAC/CA,MAAS,aAAmB,aAC5BA,MAAS,UAAgB,UACtB;AAAA,IACT;AAAA,IACA,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE;AAAA,EAAO;AAEb;AAKA,SAASC,EAAeJ,GAA0B;AAEhD,QAAMK,IAAaL,EAAwB,WAAW,KAAA;AACtD,MAAIK;AACF,WAAOA,EAAU,SAASP,IACtBO,EAAU,MAAM,GAAGP,CAAe,IAAI,MACtCO;AAIN,QAAMC,IAAYN,EAAQ,aAAa,YAAY;AACnD,MAAIM,EAAW,QAAOA;AAGtB,QAAMC,IAAQP,EAAQ,aAAa,OAAO;AAC1C,MAAIO,EAAO,QAAOA;AAGlB,QAAMC,IAAcR,EAAQ,aAAa,aAAa;AACtD,MAAIQ,EAAa,QAAOA;AAGxB,QAAMC,IAAMT,EAAQ,aAAa,KAAK;AACtC,SAAIS,KAEG;AACT;AAKA,SAASC,EAAiBV,GAA2B;AACnD,QAAMW,IAASX,GAGTY,IAAQ,OAAO,iBAAiBD,CAAM;AAG5C,MAFIC,EAAM,YAAY,UAClBA,EAAM,eAAe,YACrBA,EAAM,YAAY,IAAK,QAAO;AAGlC,QAAMC,IAAOb,EAAQ,sBAAA;AAKrB,SAJI,EAAAa,EAAK,UAAU,KAAKA,EAAK,WAAW,KAGpCA,EAAK,SAAS,QAAQA,EAAK,MAAM,OAAO,cAAc,OACtDA,EAAK,QAAQ,QAAQA,EAAK,OAAO,OAAO,aAAa;AAG3D;AAKA,SAASC,EACPD,GACAE,GACS;AACT,QAAMC,IAAYH,EAAK,OAAOA,EAAK,OAC7BI,IAAaJ,EAAK,MAAMA,EAAK,QAC7BK,IAAcH,EAAO,IAAIA,EAAO,OAChCI,IAAeJ,EAAO,IAAIA,EAAO;AAGvC,SAAO,EACLF,EAAK,OAAOK,KACZF,IAAYD,EAAO,KACnBF,EAAK,MAAMM,KACXF,IAAaF,EAAO;AAExB;AAWO,SAASK,EACdC,IAAqB,SAAS,MAC9BN,GACmB;AACnB,QAAMO,IAA8B,CAAA,GAC9BC,wBAAoB,IAAA,GACpBC,wBAAuB,IAAA,GAGvBC,IAAWJ,EAAU,iBAAiB,YAAY;AAExD,aAAWrB,KAAWyB,GAAU;AAQ9B,QANIzB,EAAQ,QAAQ,gBAAgB,KAGhCJ,EAAU,IAAII,EAAQ,OAAO,KAG7B,CAACU,EAAiBV,CAAO,EAAG;AAGhC,UAAMa,IAAOb,EAAQ,sBAAA;AACrB,QAAIe,KAAU,CAACD,EAAqBD,GAAME,CAAM,EAAG;AAEnD,UAAMW,IAAU1B,EAAQ,aAAa,UAAU;AAC/C,QAAI,CAAC0B,EAAS;AAGd,UAAMC,IAAeJ,EAAc,IAAIG,CAAO,KAAK;AACnD,IAAAH,EAAc,IAAIG,GAASC,IAAe,CAAC;AAG3C,QAAIC,IAAYJ,EAAiB,IAAIE,CAAO;AAO5C,QANKE,MACHA,IAAY,CAAA,GACZJ,EAAiB,IAAIE,GAASE,CAAS,IAIrCA,EAAU,UAAU/B,EAA2B;AAEnD,UAAMgC,IAAOzB,EAAeJ,CAAO,GAK7B8B,IAAyB;AAAA,MAC7B,IAJA9B,EAAQ,aAAa,iBAAiB,KACtC,OAAO0B,CAAO,IAAIC,CAAY;AAAA,MAI9B,MAAAE;AAAA,MACA,SAAAH;AAAA,MACA,MAAM;AAAA,QACJ,GAAGb,EAAK;AAAA,QACR,GAAGA,EAAK;AAAA,QACR,OAAOA,EAAK;AAAA,QACZ,QAAQA,EAAK;AAAA,MAAA;AAAA,MAEf,SAASb,EAAQ,QAAQ,YAAA;AAAA,MACzB,MAAMD,EAAUC,CAAO;AAAA,IAAA;AAGzB,IAAA4B,EAAU,KAAKE,CAAK;AAAA,EACtB;AAGA,aAAW,CAACJ,GAASE,CAAS,KAAKJ,GAAkB;AACnD,UAAMO,IAAaR,EAAc,IAAIG,CAAO,KAAKE,EAAU;AAE3D,IAAAA,EAAU,QAAQ,CAACE,GAAOE,MAAU;AAElC,MAAIA,MAAU,KAAKD,IAAaH,EAAU,WACxCE,EAAM,gBAAgBC,IAExBT,EAAS,KAAKQ,CAAK;AAAA,IACrB,CAAC;AAAA,EACH;AAEA,SAAOR;AACT;AA4CA,eAAsBW,IAAqC;AAEzD,QAAMC,IAAc,MAAM,OAAO,qBAAe,EAAE,MAAM,MAAM,IAAI;AAElE,MAAI,CAACA;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAIJ,MAAI;AAaF,WAZgB,MAAMA,EAAY,MAAM,SAAS,MAAM;AAAA;AAAA,MAErD,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,QAAQ,CAACC,MAEH,EAAAA,aAAgB,WAAWA,EAAK,QAAQ,gBAAgB;AAAA,IAI9D,CACD;AAAA,EAEH,SAASC,GAAO;AAEd,UAAMC,KADMD,aAAiB,QAAQA,IAAQ,IAAI,MAAM,OAAOA,CAAK,CAAC,GACpD,WAAW,iBAGrBE,IAAO,yCAAyC,KAAKD,CAAG,IAC1D,wHACA;AAEJ,UAAM,IAAI;AAAA,MACR,8CAA8CA,CAAG,IAAIC,CAAI;AAAA,IAAA;AAAA,EAE7D;AACF;AAOA,eAAsBC,EAAwBxB,GAK1B;AAElB,QAAMmB,IAAc,MAAM,OAAO,qBAAe,EAAE,MAAM,MAAM,IAAI;AAElE,MAAI,CAACA;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAIJ,MAAI;AAGF,UAAMM,IAAU,MAAMN,EAAY,MAAM,SAAS,MAAM;AAAA,MACrD,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,QAAQ,CAACC,MAEH,EAAAA,aAAgB,WAAWA,EAAK,QAAQ,gBAAgB;AAAA,IAI9D,CACD;AAGD,WAAO,MAAMM,EAAkBD,GAASzB,CAAM;AAAA,EAChD,SAASqB,GAAO;AAEd,UAAMC,KADMD,aAAiB,QAAQA,IAAQ,IAAI,MAAM,OAAOA,CAAK,CAAC,GACpD,WAAW,iBAGrBE,IAAO,yCAAyC,KAAKD,CAAG,IAC1D,wHACA;AAEJ,UAAM,IAAI;AAAA,MACR,8CAA8CA,CAAG,IAAIC,CAAI;AAAA,IAAA;AAAA,EAE7D;AACF;AAKA,eAAeG,EACbD,GACAzB,GACiB;AACjB,SAAO,IAAI,QAAQ,CAAC2B,GAASC,MAAW;AACtC,UAAMC,IAAM,IAAI,MAAA;AAChB,IAAAA,EAAI,SAAS,MAAM;AACjB,UAAI;AAEF,cAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,QAAAA,EAAO,QAAQ9B,EAAO,OACtB8B,EAAO,SAAS9B,EAAO;AAEvB,cAAM+B,IAAMD,EAAO,WAAW,IAAI;AAClC,YAAI,CAACC,GAAK;AACR,UAAAH,EAAO,IAAI,MAAM,8BAA8B,CAAC;AAChD;AAAA,QACF;AAGA,QAAAG,EAAI;AAAA,UACFF;AAAA,UACA7B,EAAO;AAAA,UACPA,EAAO;AAAA,UACPA,EAAO;AAAA,UACPA,EAAO;AAAA,UACP;AAAA,UACA;AAAA,UACAA,EAAO;AAAA,UACPA,EAAO;AAAA,QAAA;AAIT,cAAMgC,IAAiBF,EAAO,UAAU,WAAW;AACnD,QAAAH,EAAQK,CAAc;AAAA,MACxB,SAASX,GAAO;AACd,QAAAO;AAAA,UACE,IAAI;AAAA,YACF,yBACEP,aAAiB,QAAQA,EAAM,UAAU,OAAOA,CAAK,CACvD;AAAA,UAAA;AAAA,QACF;AAAA,MAEJ;AAAA,IACF,GACAQ,EAAI,UAAU,MAAM;AAClB,MAAAD,EAAO,IAAI,MAAM,mCAAmC,CAAC;AAAA,IACvD,GACAC,EAAI,MAAMJ;AAAA,EACZ,CAAC;AACH;AAKO,SAASQ,IAA0B;AAIxC,SAHa,OAAO,SAAS,SAEL,QAAQ,QAAQ,EAAE,KAAK;AAEjD;AAKO,SAASC,IAA4B;AAC1C,8BAAW,QAAO,cAAc,QAAQ,SAAS,GAAG;AACtD;"}

package/dist/web-component.d.ts

@@ -0,0 +1,2 @@
+export declare function defineUILintDevtoolsElement(): void;
+//# sourceMappingURL=web-component.d.ts.map

package/dist/web-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-component.d.ts","sourceRoot":"","sources":["../src/web-component.tsx"],"names":[],"mappings":"AA6FA,wBAAgB,2BAA2B,SAqJ1C"}