alanbox 0.1.2 → 0.1.3

package/2designer/dist/cdp-engine-JK2XVDHK.js

@@ -0,0 +1,314 @@
+#!/usr/bin/env node
+
+import {
+  MEASURE_RETRY_INTERVAL_MS,
+  MEASURE_WAIT_TIMEOUT_MS,
+  RELEVANT_PROPS,
+  REQUIRED_MEASURE_PROPS
+} from "./chunk-NLYFLQ3C.js";
+
+// src/engine/cdp/cdp-client.ts
+import WebSocket from "ws";
+async function listTargets(host, port) {
+  const res = await fetch(`http://${host}:${port}/json`);
+  if (!res.ok) throw new Error(`CDP target list failed: ${res.status}`);
+  return res.json();
+}
+var CdpClient = class _CdpClient {
+  ws;
+  nextId = 1;
+  pending = /* @__PURE__ */ new Map();
+  ready;
+  constructor(wsUrl) {
+    this.ws = new WebSocket(wsUrl);
+    this.ready = new Promise((resolve, reject) => {
+      this.ws.once("open", resolve);
+      this.ws.once("error", reject);
+    });
+    this.ws.on("message", (data) => {
+      const payload = JSON.parse(data.toString());
+      if (payload.id != null) {
+        const p = this.pending.get(payload.id);
+        if (p) {
+          this.pending.delete(payload.id);
+          if (payload.error) {
+            p.reject(new Error(`CDP: ${payload.error.message}`));
+          } else {
+            p.resolve(payload.result);
+          }
+        }
+      }
+    });
+    this.ws.on("close", () => {
+      for (const p of this.pending.values()) {
+        p.reject(new Error("CDP connection closed"));
+      }
+      this.pending.clear();
+    });
+  }
+  static async connect(target) {
+    const client = new _CdpClient(target.webSocketDebuggerUrl);
+    await client.ready;
+    await client.call("DOM.enable");
+    await client.call("CSS.enable");
+    await client.call("Page.enable");
+    await client.call("Runtime.enable");
+    return client;
+  }
+  async call(method, params, timeout = 3e4) {
+    const id = this.nextId++;
+    return new Promise((resolve, reject) => {
+      const timer = setTimeout(() => {
+        this.pending.delete(id);
+        reject(new Error(`CDP call '${method}' timed out after ${timeout}ms`));
+      }, timeout);
+      this.pending.set(id, {
+        resolve: (v) => {
+          clearTimeout(timer);
+          resolve(v);
+        },
+        reject: (e) => {
+          clearTimeout(timer);
+          reject(e);
+        }
+      });
+      this.ws.send(JSON.stringify({ id, method, params }));
+    });
+  }
+  close() {
+    this.ws.close();
+  }
+};
+async function connectToPage(host, port, urlFilter) {
+  const targets = await listTargets(host, port);
+  const pages = targets.filter((t) => t.type === "page");
+  if (pages.length === 0) throw new Error("No page targets found");
+  const target = urlFilter ? pages.find((t) => t.url.includes(urlFilter)) ?? pages[0] : pages[0];
+  const client = await CdpClient.connect(target);
+  return { client, target };
+}
+
+// src/engine/cdp/cdp-engine.ts
+function buildClip(model, viewport, padding = 0) {
+  const q = model.border?.quad ?? model.content.quad;
+  const minX = Math.min(q[0], q[2], q[4], q[6]);
+  const maxX = Math.max(q[0], q[2], q[4], q[6]);
+  const minY = Math.min(q[1], q[3], q[5], q[7]);
+  const maxY = Math.max(q[1], q[3], q[5], q[7]);
+  const x = Math.max(0, minX - padding);
+  const y = Math.max(0, minY - padding);
+  const width = Math.min(viewport.width, maxX + padding) - x;
+  const height = Math.min(viewport.height, maxY + padding) - y;
+  return { x, y, width, height };
+}
+var CdpEngine = class _CdpEngine {
+  constructor(client, pageUrl) {
+    this.client = client;
+    this.pageUrl = pageUrl;
+  }
+  client;
+  pageUrl;
+  static async create(host, port, urlFilter) {
+    const { client, target } = await connectToPage(host, port, urlFilter);
+    return new _CdpEngine(client, target.url);
+  }
+  async screenshot(options) {
+    if (options?.selector) {
+      const safeSelector = JSON.stringify(options.selector);
+      const { result } = await this.client.call("Runtime.evaluate", {
+        expression: `(() => {
+          const el = document.querySelector(${safeSelector});
+          if (!el) throw new Error('Element not found: ' + ${safeSelector});
+          return JSON.stringify(el.getBoundingClientRect());
+        })()`,
+        returnByValue: true
+      });
+      if (result.subtype === "error") {
+        throw new Error(result.description || `Element not found: ${options.selector}`);
+      }
+      const rect = JSON.parse(result.value);
+      const viewport = await this.getViewport();
+      const clip = {
+        x: Math.max(0, rect.x),
+        y: Math.max(0, rect.y),
+        width: Math.min(viewport.width - rect.x, rect.width),
+        height: Math.min(viewport.height - rect.y, rect.height),
+        scale: 1
+      };
+      const { data: data2 } = await this.client.call("Page.captureScreenshot", {
+        format: "png",
+        clip,
+        fromSurface: true
+      });
+      return Buffer.from(data2, "base64");
+    }
+    const { data } = await this.client.call("Page.captureScreenshot", {
+      format: "png",
+      fromSurface: true
+    });
+    return Buffer.from(data, "base64");
+  }
+  async measure(selector, depth = 1, frameSelector) {
+    const safeSelector = JSON.stringify(selector);
+    const safeFrameSelector = JSON.stringify(frameSelector);
+    const safeProps = JSON.stringify(RELEVANT_PROPS);
+    const safeRequiredProps = JSON.stringify(REQUIRED_MEASURE_PROPS);
+    const safeDepth = Number.isFinite(depth) ? Math.max(0, depth) : 1;
+    const js = `
+      (() => {
+        function toBBox(rect, origin) {
+          const originX = origin ? origin.x : 0;
+          const originY = origin ? origin.y : 0;
+          const originLeft = origin ? origin.left : 0;
+          const originTop = origin ? origin.top : 0;
+          return {
+            x: +(rect.x - originX).toFixed(1),
+            y: +(rect.y - originY).toFixed(1),
+            width: +rect.width.toFixed(1),
+            height: +rect.height.toFixed(1),
+            top: +(rect.top - originTop).toFixed(1),
+            right: +(rect.right - originLeft).toFixed(1),
+            bottom: +(rect.bottom - originTop).toFixed(1),
+            left: +(rect.left - originLeft).toFixed(1),
+          };
+        }
+
+        function isValidBBox(bbox) {
+          return Object.values(bbox).every(Number.isFinite);
+        }
+
+        function collectStyle(win, el) {
+          const cs = win.getComputedStyle(el);
+          const style = {};
+          ${safeProps}.forEach(p => {
+            style[p] = p === 'font' ? cs.font : cs.getPropertyValue(p);
+          });
+          return style;
+        }
+
+        function hasRequiredStyle(style) {
+          return ${safeRequiredProps}.every(p => typeof style[p] === 'string' && style[p] !== '');
+        }
+
+        function collectChildren(parent, parentRect, currentDepth, maxDepth) {
+          if (currentDepth >= maxDepth) return [];
+          const result = [];
+          for (const child of parent.children) {
+            const cr = child.getBoundingClientRect();
+            const node = {
+              tag: child.tagName.toLowerCase(),
+              className: (child.className || '').toString().substring(0, 120),
+              bbox: toBBox(cr, parentRect),
+              text: (child.textContent || '').substring(0, 80).trim() || undefined,
+            };
+            if (currentDepth + 1 < maxDepth && child.children.length > 0) {
+              node.children = collectChildren(child, cr, currentDepth + 1, maxDepth);
+            }
+            result.push(node);
+          }
+          return result;
+        }
+
+        const sel = ${safeSelector};
+        const frameSel = ${safeFrameSelector};
+        let doc = document;
+        let win = window;
+        if (frameSel) {
+          const frame = document.querySelector(frameSel);
+          if (!frame || !frame.contentDocument || !frame.contentWindow) return JSON.stringify(null);
+          doc = frame.contentDocument;
+          win = frame.contentWindow;
+        }
+
+        const el = doc.querySelector(sel);
+        if (!el) return JSON.stringify(null);
+        const r = el.getBoundingClientRect();
+        const bbox = toBBox(r);
+        const style = collectStyle(win, el);
+        if (!isValidBBox(bbox)) return JSON.stringify(null);
+        if (!hasRequiredStyle(style)) return JSON.stringify(null);
+        if (bbox.width <= 0 || bbox.height <= 0 || style.display === 'none' || style.visibility === 'hidden') {
+          return JSON.stringify(null);
+        }
+
+        return JSON.stringify({
+          bbox,
+          computedStyle: style,
+          children: ${safeDepth} > 0 ? collectChildren(el, r, 0, ${safeDepth}) : [],
+        });
+      })()
+    `;
+    const deadline = Date.now() + MEASURE_WAIT_TIMEOUT_MS;
+    let lastError;
+    while (Date.now() <= deadline) {
+      try {
+        const { result, exceptionDetails } = await this.client.call("Runtime.evaluate", {
+          expression: js,
+          returnByValue: true
+        });
+        if (exceptionDetails || result.subtype === "error") {
+          throw new Error(result.description || exceptionDetails?.text || "measure failed");
+        }
+        const parsed = JSON.parse(result.value);
+        if (parsed) {
+          return frameSelector ? { selector, frameSelector, ...parsed } : { selector, ...parsed };
+        }
+        lastError = new Error(
+          frameSelector ? `Element not ready or incomplete: ${selector} in frame ${frameSelector}` : `Element not ready or incomplete: ${selector}`
+        );
+      } catch (error) {
+        lastError = error instanceof Error ? error : new Error(String(error));
+      }
+      await new Promise((resolve) => setTimeout(resolve, MEASURE_RETRY_INTERVAL_MS));
+    }
+    throw lastError ?? new Error("measure failed");
+  }
+  async evaluate(expression) {
+    const { result } = await this.client.call("Runtime.evaluate", {
+      expression,
+      returnByValue: true
+    });
+    return result.value;
+  }
+  async injectOverlay(params) {
+    const { tintDesignImage } = await import("./tint-I3FTT23O.js");
+    const tintedBuf = await tintDesignImage(params.designImagePath);
+    const base64 = tintedBuf.toString("base64");
+    const js = `
+      (() => {
+        let overlay = document.getElementById('__design_ruler_overlay__');
+        if (!overlay) {
+          overlay = document.createElement('img');
+          overlay.id = '__design_ruler_overlay__';
+          overlay.style.cssText = 'position:fixed;top:0;left:0;width:100vw;height:auto;pointer-events:none;z-index:999999;';
+          document.body.appendChild(overlay);
+        }
+        overlay.src = 'data:image/png;base64,' + ${JSON.stringify(base64)};
+        overlay.style.opacity = String(${Number(params.opacity)});
+        overlay.style.transform = 'translate(' + ${Number(params.offsetX)} + 'px, ' + ${Number(params.offsetY)} + 'px) scale(' + ${Number(params.scale)} + ')';
+        overlay.style.transformOrigin = 'top left';
+        if (${Number(params.scrollY ?? 0)} > 0) {
+          window.scrollTo(0, ${Number(params.scrollY ?? 0)});
+        }
+        return 'overlay injected';
+      })()
+    `;
+    await this.evaluate(js);
+  }
+  async captureOverlay(options) {
+    return this.screenshot(options);
+  }
+  async close() {
+    this.client.close();
+  }
+  async getViewport() {
+    return this.evaluate(
+      "JSON.parse(JSON.stringify({ width: window.innerWidth, height: window.innerHeight }))"
+    );
+  }
+};
+export {
+  CdpEngine,
+  buildClip
+};
+//# sourceMappingURL=cdp-engine-JK2XVDHK.js.map

package/2designer/dist/cdp-engine-JK2XVDHK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/engine/cdp/cdp-client.ts","../src/engine/cdp/cdp-engine.ts"],"sourcesContent":["import WebSocket from 'ws'\r\n\r\nexport interface CdpTarget {\r\n  id: string\r\n  title: string\r\n  type: string\r\n  url: string\r\n  webSocketDebuggerUrl: string\r\n}\r\n\r\nexport async function listTargets(host: string, port: number): Promise<CdpTarget[]> {\r\n  const res = await fetch(`http://${host}:${port}/json`)\r\n  if (!res.ok) throw new Error(`CDP target list failed: ${res.status}`)\r\n  return res.json() as Promise<CdpTarget[]>\r\n}\r\n\r\nexport class CdpClient {\r\n  private ws: WebSocket\r\n  private nextId = 1\r\n  private pending = new Map<number, { resolve: (v: any) => void; reject: (e: Error) => void }>()\r\n  private ready: Promise<void>\r\n\r\n  private constructor(wsUrl: string) {\r\n    this.ws = new WebSocket(wsUrl)\r\n    this.ready = new Promise((resolve, reject) => {\r\n      this.ws.once('open', resolve)\r\n      this.ws.once('error', reject)\r\n    })\r\n    this.ws.on('message', (data: WebSocket.Data) => {\r\n      const payload = JSON.parse(data.toString())\r\n      if (payload.id != null) {\r\n        const p = this.pending.get(payload.id)\r\n        if (p) {\r\n          this.pending.delete(payload.id)\r\n          if (payload.error) {\r\n            p.reject(new Error(`CDP: ${payload.error.message}`))\r\n          } else {\r\n            p.resolve(payload.result)\r\n          }\r\n        }\r\n      }\r\n    })\r\n    this.ws.on('close', () => {\r\n      for (const p of this.pending.values()) {\r\n        p.reject(new Error('CDP connection closed'))\r\n      }\r\n      this.pending.clear()\r\n    })\r\n  }\r\n\r\n  static async connect(target: CdpTarget): Promise<CdpClient> {\r\n    const client = new CdpClient(target.webSocketDebuggerUrl)\r\n    await client.ready\r\n    await client.call('DOM.enable')\r\n    await client.call('CSS.enable')\r\n    await client.call('Page.enable')\r\n    await client.call('Runtime.enable')\r\n    return client\r\n  }\r\n\r\n  async call<T = any>(method: string, params?: Record<string, unknown>, timeout = 30000): Promise<T> {\r\n    const id = this.nextId++\r\n    return new Promise<T>((resolve, reject) => {\r\n      const timer = setTimeout(() => {\r\n        this.pending.delete(id)\r\n        reject(new Error(`CDP call '${method}' timed out after ${timeout}ms`))\r\n      }, timeout)\r\n      this.pending.set(id, {\r\n        resolve: (v) => { clearTimeout(timer); resolve(v) },\r\n        reject: (e) => { clearTimeout(timer); reject(e) },\r\n      })\r\n      this.ws.send(JSON.stringify({ id, method, params }))\r\n    })\r\n  }\r\n\r\n  close(): void {\r\n    this.ws.close()\r\n  }\r\n}\r\n\r\nexport async function connectToPage(\r\n  host: string,\r\n  port: number,\r\n  urlFilter?: string,\r\n): Promise<{ client: CdpClient; target: CdpTarget }> {\r\n  const targets = await listTargets(host, port)\r\n  const pages = targets.filter(t => t.type === 'page')\r\n  if (pages.length === 0) throw new Error('No page targets found')\r\n\r\n  const target = urlFilter\r\n    ? pages.find(t => t.url.includes(urlFilter)) ?? pages[0]\r\n    : pages[0]\r\n\r\n  const client = await CdpClient.connect(target)\r\n  return { client, target }\r\n}\r\n","import type { RuntimeEngine, MeasureResult, ScreenshotOptions, OverlayParams } from '../types.js'\nimport {\n  MEASURE_RETRY_INTERVAL_MS,\n  MEASURE_WAIT_TIMEOUT_MS,\n  RELEVANT_PROPS,\n  REQUIRED_MEASURE_PROPS,\n} from '../constants.js'\nimport { CdpClient, connectToPage } from './cdp-client.js'\n\r\ninterface BoxModelQuad {\r\n  quad: number[]\r\n}\r\n\r\nexport function buildClip(\r\n  model: { content: BoxModelQuad; border?: BoxModelQuad },\r\n  viewport: { width: number; height: number },\r\n  padding = 0,\r\n): { x: number; y: number; width: number; height: number } {\r\n  const q = model.border?.quad ?? model.content.quad\r\n  const minX = Math.min(q[0], q[2], q[4], q[6])\r\n  const maxX = Math.max(q[0], q[2], q[4], q[6])\r\n  const minY = Math.min(q[1], q[3], q[5], q[7])\r\n  const maxY = Math.max(q[1], q[3], q[5], q[7])\r\n\r\n  const x = Math.max(0, minX - padding)\r\n  const y = Math.max(0, minY - padding)\r\n  const width = Math.min(viewport.width, maxX + padding) - x\r\n  const height = Math.min(viewport.height, maxY + padding) - y\r\n\r\n  return { x, y, width, height }\r\n}\r\n\r\nexport class CdpEngine implements RuntimeEngine {\r\n  private constructor(\r\n    private client: CdpClient,\r\n    private pageUrl: string,\r\n  ) {}\r\n\r\n  static async create(host: string, port: number, urlFilter?: string): Promise<CdpEngine> {\r\n    const { client, target } = await connectToPage(host, port, urlFilter)\r\n    return new CdpEngine(client, target.url)\r\n  }\r\n\r\n  async screenshot(options?: ScreenshotOptions): Promise<Buffer> {\r\n    if (options?.selector) {\r\n      // Use JSON.stringify to safely escape the selector\r\n      const safeSelector = JSON.stringify(options.selector)\r\n      const { result } = await this.client.call<any>('Runtime.evaluate', {\r\n        expression: `(() => {\r\n          const el = document.querySelector(${safeSelector});\r\n          if (!el) throw new Error('Element not found: ' + ${safeSelector});\r\n          return JSON.stringify(el.getBoundingClientRect());\r\n        })()`,\r\n        returnByValue: true,\r\n      })\r\n      if (result.subtype === 'error') {\r\n        throw new Error(result.description || `Element not found: ${options.selector}`)\r\n      }\r\n      const rect = JSON.parse(result.value)\r\n      const viewport = await this.getViewport()\r\n      const clip = {\r\n        x: Math.max(0, rect.x),\r\n        y: Math.max(0, rect.y),\r\n        width: Math.min(viewport.width - rect.x, rect.width),\r\n        height: Math.min(viewport.height - rect.y, rect.height),\r\n        scale: 1,\r\n      }\r\n      const { data } = await this.client.call<{ data: string }>('Page.captureScreenshot', {\r\n        format: 'png',\r\n        clip,\r\n        fromSurface: true,\r\n      })\r\n      return Buffer.from(data, 'base64')\r\n    }\r\n\r\n    const { data } = await this.client.call<{ data: string }>('Page.captureScreenshot', {\r\n      format: 'png',\r\n      fromSurface: true,\r\n    })\r\n    return Buffer.from(data, 'base64')\r\n  }\r\n\r\n  async measure(selector: string, depth = 1, frameSelector?: string): Promise<MeasureResult> {\n    // All user inputs passed via JSON.stringify to prevent injection\n    const safeSelector = JSON.stringify(selector)\n    const safeFrameSelector = JSON.stringify(frameSelector)\n    const safeProps = JSON.stringify(RELEVANT_PROPS)\n    const safeRequiredProps = JSON.stringify(REQUIRED_MEASURE_PROPS)\n    const safeDepth = Number.isFinite(depth) ? Math.max(0, depth) : 1\n\n    const js = `\n      (() => {\n        function toBBox(rect, origin) {\n          const originX = origin ? origin.x : 0;\n          const originY = origin ? origin.y : 0;\n          const originLeft = origin ? origin.left : 0;\n          const originTop = origin ? origin.top : 0;\n          return {\n            x: +(rect.x - originX).toFixed(1),\n            y: +(rect.y - originY).toFixed(1),\n            width: +rect.width.toFixed(1),\n            height: +rect.height.toFixed(1),\n            top: +(rect.top - originTop).toFixed(1),\n            right: +(rect.right - originLeft).toFixed(1),\n            bottom: +(rect.bottom - originTop).toFixed(1),\n            left: +(rect.left - originLeft).toFixed(1),\n          };\n        }\n\n        function isValidBBox(bbox) {\n          return Object.values(bbox).every(Number.isFinite);\n        }\n\n        function collectStyle(win, el) {\n          const cs = win.getComputedStyle(el);\n          const style = {};\n          ${safeProps}.forEach(p => {\n            style[p] = p === 'font' ? cs.font : cs.getPropertyValue(p);\n          });\n          return style;\n        }\n\n        function hasRequiredStyle(style) {\n          return ${safeRequiredProps}.every(p => typeof style[p] === 'string' && style[p] !== '');\n        }\n\n        function collectChildren(parent, parentRect, currentDepth, maxDepth) {\n          if (currentDepth >= maxDepth) return [];\n          const result = [];\n          for (const child of parent.children) {\n            const cr = child.getBoundingClientRect();\n            const node = {\r\n              tag: child.tagName.toLowerCase(),\n              className: (child.className || '').toString().substring(0, 120),\n              bbox: toBBox(cr, parentRect),\n              text: (child.textContent || '').substring(0, 80).trim() || undefined,\n            };\n            if (currentDepth + 1 < maxDepth && child.children.length > 0) {\n              node.children = collectChildren(child, cr, currentDepth + 1, maxDepth);\r\n            }\r\n            result.push(node);\r\n          }\r\n          return result;\n        }\n\n        const sel = ${safeSelector};\n        const frameSel = ${safeFrameSelector};\n        let doc = document;\n        let win = window;\n        if (frameSel) {\n          const frame = document.querySelector(frameSel);\n          if (!frame || !frame.contentDocument || !frame.contentWindow) return JSON.stringify(null);\n          doc = frame.contentDocument;\n          win = frame.contentWindow;\n        }\n\n        const el = doc.querySelector(sel);\n        if (!el) return JSON.stringify(null);\n        const r = el.getBoundingClientRect();\n        const bbox = toBBox(r);\n        const style = collectStyle(win, el);\n        if (!isValidBBox(bbox)) return JSON.stringify(null);\n        if (!hasRequiredStyle(style)) return JSON.stringify(null);\n        if (bbox.width <= 0 || bbox.height <= 0 || style.display === 'none' || style.visibility === 'hidden') {\n          return JSON.stringify(null);\n        }\n\n        return JSON.stringify({\n          bbox,\n          computedStyle: style,\n          children: ${safeDepth} > 0 ? collectChildren(el, r, 0, ${safeDepth}) : [],\n        });\n      })()\n    `\n\n    const deadline = Date.now() + MEASURE_WAIT_TIMEOUT_MS\n    let lastError: Error | undefined\n    while (Date.now() <= deadline) {\n      try {\n        const { result, exceptionDetails } = await this.client.call<any>('Runtime.evaluate', {\n          expression: js,\n          returnByValue: true,\n        })\n        if (exceptionDetails || result.subtype === 'error') {\n          throw new Error(result.description || exceptionDetails?.text || 'measure failed')\n        }\n\n        const parsed = JSON.parse(result.value)\n        if (parsed) {\n          return frameSelector ? { selector, frameSelector, ...parsed } : { selector, ...parsed }\n        }\n        lastError = new Error(\n          frameSelector\n            ? `Element not ready or incomplete: ${selector} in frame ${frameSelector}`\n            : `Element not ready or incomplete: ${selector}`,\n        )\n      } catch (error) {\n        lastError = error instanceof Error ? error : new Error(String(error))\n      }\n      await new Promise(resolve => setTimeout(resolve, MEASURE_RETRY_INTERVAL_MS))\n    }\n\n    throw lastError ?? new Error('measure failed')\n  }\n\r\n  async evaluate<T = unknown>(expression: string): Promise<T> {\r\n    const { result } = await this.client.call<any>('Runtime.evaluate', {\r\n      expression,\r\n      returnByValue: true,\r\n    })\r\n    return result.value as T\r\n  }\r\n\r\n  async injectOverlay(params: OverlayParams): Promise<void> {\r\n    const { tintDesignImage } = await import('../../overlay/tint.js')\r\n    const tintedBuf = await tintDesignImage(params.designImagePath)\r\n    const base64 = tintedBuf.toString('base64')\r\n    // Numeric params are safe, base64 is safe, no user strings interpolated\r\n    const js = `\r\n      (() => {\r\n        let overlay = document.getElementById('__design_ruler_overlay__');\r\n        if (!overlay) {\r\n          overlay = document.createElement('img');\r\n          overlay.id = '__design_ruler_overlay__';\r\n          overlay.style.cssText = 'position:fixed;top:0;left:0;width:100vw;height:auto;pointer-events:none;z-index:999999;';\r\n          document.body.appendChild(overlay);\r\n        }\r\n        overlay.src = 'data:image/png;base64,' + ${JSON.stringify(base64)};\r\n        overlay.style.opacity = String(${Number(params.opacity)});\r\n        overlay.style.transform = 'translate(' + ${Number(params.offsetX)} + 'px, ' + ${Number(params.offsetY)} + 'px) scale(' + ${Number(params.scale)} + ')';\r\n        overlay.style.transformOrigin = 'top left';\r\n        if (${Number(params.scrollY ?? 0)} > 0) {\r\n          window.scrollTo(0, ${Number(params.scrollY ?? 0)});\r\n        }\r\n        return 'overlay injected';\r\n      })()\r\n    `\r\n    await this.evaluate(js)\r\n  }\r\n\r\n  async captureOverlay(options?: import('../types.js').ScreenshotOptions): Promise<Buffer> {\r\n    return this.screenshot(options)\r\n  }\r\n\r\n  async close(): Promise<void> {\r\n    this.client.close()\r\n  }\r\n\r\n  private async getViewport(): Promise<{ width: number; height: number }> {\r\n    return this.evaluate<{ width: number; height: number }>(\r\n      'JSON.parse(JSON.stringify({ width: window.innerWidth, height: window.innerHeight }))'\r\n    )\r\n  }\r\n}\r\n"],"mappings":"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","names":["data"]}

package/2designer/dist/chunk-JVF26NXD.js

@@ -0,0 +1,313 @@
+import {
+  MEASURE_RETRY_INTERVAL_MS,
+  MEASURE_WAIT_TIMEOUT_MS,
+  RELEVANT_PROPS,
+  REQUIRED_MEASURE_PROPS
+} from "./chunk-UVKSRKXR.js";
+
+// src/engine/cdp/cdp-client.ts
+import WebSocket from "ws";
+async function listTargets(host, port) {
+  const res = await fetch(`http://${host}:${port}/json`);
+  if (!res.ok) throw new Error(`CDP target list failed: ${res.status}`);
+  return res.json();
+}
+var CdpClient = class _CdpClient {
+  ws;
+  nextId = 1;
+  pending = /* @__PURE__ */ new Map();
+  ready;
+  constructor(wsUrl) {
+    this.ws = new WebSocket(wsUrl);
+    this.ready = new Promise((resolve, reject) => {
+      this.ws.once("open", resolve);
+      this.ws.once("error", reject);
+    });
+    this.ws.on("message", (data) => {
+      const payload = JSON.parse(data.toString());
+      if (payload.id != null) {
+        const p = this.pending.get(payload.id);
+        if (p) {
+          this.pending.delete(payload.id);
+          if (payload.error) {
+            p.reject(new Error(`CDP: ${payload.error.message}`));
+          } else {
+            p.resolve(payload.result);
+          }
+        }
+      }
+    });
+    this.ws.on("close", () => {
+      for (const p of this.pending.values()) {
+        p.reject(new Error("CDP connection closed"));
+      }
+      this.pending.clear();
+    });
+  }
+  static async connect(target) {
+    const client = new _CdpClient(target.webSocketDebuggerUrl);
+    await client.ready;
+    await client.call("DOM.enable");
+    await client.call("CSS.enable");
+    await client.call("Page.enable");
+    await client.call("Runtime.enable");
+    return client;
+  }
+  async call(method, params, timeout = 3e4) {
+    const id = this.nextId++;
+    return new Promise((resolve, reject) => {
+      const timer = setTimeout(() => {
+        this.pending.delete(id);
+        reject(new Error(`CDP call '${method}' timed out after ${timeout}ms`));
+      }, timeout);
+      this.pending.set(id, {
+        resolve: (v) => {
+          clearTimeout(timer);
+          resolve(v);
+        },
+        reject: (e) => {
+          clearTimeout(timer);
+          reject(e);
+        }
+      });
+      this.ws.send(JSON.stringify({ id, method, params }));
+    });
+  }
+  close() {
+    this.ws.close();
+  }
+};
+async function connectToPage(host, port, urlFilter) {
+  const targets = await listTargets(host, port);
+  const pages = targets.filter((t) => t.type === "page");
+  if (pages.length === 0) throw new Error("No page targets found");
+  const target = urlFilter ? pages.find((t) => t.url.includes(urlFilter)) ?? pages[0] : pages[0];
+  const client = await CdpClient.connect(target);
+  return { client, target };
+}
+
+// src/engine/cdp/cdp-engine.ts
+function buildClip(model, viewport, padding = 0) {
+  const q = model.border?.quad ?? model.content.quad;
+  const minX = Math.min(q[0], q[2], q[4], q[6]);
+  const maxX = Math.max(q[0], q[2], q[4], q[6]);
+  const minY = Math.min(q[1], q[3], q[5], q[7]);
+  const maxY = Math.max(q[1], q[3], q[5], q[7]);
+  const x = Math.max(0, minX - padding);
+  const y = Math.max(0, minY - padding);
+  const width = Math.min(viewport.width, maxX + padding) - x;
+  const height = Math.min(viewport.height, maxY + padding) - y;
+  return { x, y, width, height };
+}
+var CdpEngine = class _CdpEngine {
+  constructor(client, pageUrl) {
+    this.client = client;
+    this.pageUrl = pageUrl;
+  }
+  client;
+  pageUrl;
+  static async create(host, port, urlFilter) {
+    const { client, target } = await connectToPage(host, port, urlFilter);
+    return new _CdpEngine(client, target.url);
+  }
+  async screenshot(options) {
+    if (options?.selector) {
+      const safeSelector = JSON.stringify(options.selector);
+      const { result } = await this.client.call("Runtime.evaluate", {
+        expression: `(() => {
+          const el = document.querySelector(${safeSelector});
+          if (!el) throw new Error('Element not found: ' + ${safeSelector});
+          return JSON.stringify(el.getBoundingClientRect());
+        })()`,
+        returnByValue: true
+      });
+      if (result.subtype === "error") {
+        throw new Error(result.description || `Element not found: ${options.selector}`);
+      }
+      const rect = JSON.parse(result.value);
+      const viewport = await this.getViewport();
+      const clip = {
+        x: Math.max(0, rect.x),
+        y: Math.max(0, rect.y),
+        width: Math.min(viewport.width - rect.x, rect.width),
+        height: Math.min(viewport.height - rect.y, rect.height),
+        scale: 1
+      };
+      const { data: data2 } = await this.client.call("Page.captureScreenshot", {
+        format: "png",
+        clip,
+        fromSurface: true
+      });
+      return Buffer.from(data2, "base64");
+    }
+    const { data } = await this.client.call("Page.captureScreenshot", {
+      format: "png",
+      fromSurface: true
+    });
+    return Buffer.from(data, "base64");
+  }
+  async measure(selector, depth = 1, frameSelector) {
+    const safeSelector = JSON.stringify(selector);
+    const safeFrameSelector = JSON.stringify(frameSelector);
+    const safeProps = JSON.stringify(RELEVANT_PROPS);
+    const safeRequiredProps = JSON.stringify(REQUIRED_MEASURE_PROPS);
+    const safeDepth = Number.isFinite(depth) ? Math.max(0, depth) : 1;
+    const js = `
+      (() => {
+        function toBBox(rect, origin) {
+          const originX = origin ? origin.x : 0;
+          const originY = origin ? origin.y : 0;
+          const originLeft = origin ? origin.left : 0;
+          const originTop = origin ? origin.top : 0;
+          return {
+            x: +(rect.x - originX).toFixed(1),
+            y: +(rect.y - originY).toFixed(1),
+            width: +rect.width.toFixed(1),
+            height: +rect.height.toFixed(1),
+            top: +(rect.top - originTop).toFixed(1),
+            right: +(rect.right - originLeft).toFixed(1),
+            bottom: +(rect.bottom - originTop).toFixed(1),
+            left: +(rect.left - originLeft).toFixed(1),
+          };
+        }
+
+        function isValidBBox(bbox) {
+          return Object.values(bbox).every(Number.isFinite);
+        }
+
+        function collectStyle(win, el) {
+          const cs = win.getComputedStyle(el);
+          const style = {};
+          ${safeProps}.forEach(p => {
+            style[p] = p === 'font' ? cs.font : cs.getPropertyValue(p);
+          });
+          return style;
+        }
+
+        function hasRequiredStyle(style) {
+          return ${safeRequiredProps}.every(p => typeof style[p] === 'string' && style[p] !== '');
+        }
+
+        function collectChildren(parent, parentRect, currentDepth, maxDepth) {
+          if (currentDepth >= maxDepth) return [];
+          const result = [];
+          for (const child of parent.children) {
+            const cr = child.getBoundingClientRect();
+            const node = {
+              tag: child.tagName.toLowerCase(),
+              className: (child.className || '').toString().substring(0, 120),
+              bbox: toBBox(cr, parentRect),
+              text: (child.textContent || '').substring(0, 80).trim() || undefined,
+            };
+            if (currentDepth + 1 < maxDepth && child.children.length > 0) {
+              node.children = collectChildren(child, cr, currentDepth + 1, maxDepth);
+            }
+            result.push(node);
+          }
+          return result;
+        }
+
+        const sel = ${safeSelector};
+        const frameSel = ${safeFrameSelector};
+        let doc = document;
+        let win = window;
+        if (frameSel) {
+          const frame = document.querySelector(frameSel);
+          if (!frame || !frame.contentDocument || !frame.contentWindow) return JSON.stringify(null);
+          doc = frame.contentDocument;
+          win = frame.contentWindow;
+        }
+
+        const el = doc.querySelector(sel);
+        if (!el) return JSON.stringify(null);
+        const r = el.getBoundingClientRect();
+        const bbox = toBBox(r);
+        const style = collectStyle(win, el);
+        if (!isValidBBox(bbox)) return JSON.stringify(null);
+        if (!hasRequiredStyle(style)) return JSON.stringify(null);
+        if (bbox.width <= 0 || bbox.height <= 0 || style.display === 'none' || style.visibility === 'hidden') {
+          return JSON.stringify(null);
+        }
+
+        return JSON.stringify({
+          bbox,
+          computedStyle: style,
+          children: ${safeDepth} > 0 ? collectChildren(el, r, 0, ${safeDepth}) : [],
+        });
+      })()
+    `;
+    const deadline = Date.now() + MEASURE_WAIT_TIMEOUT_MS;
+    let lastError;
+    while (Date.now() <= deadline) {
+      try {
+        const { result, exceptionDetails } = await this.client.call("Runtime.evaluate", {
+          expression: js,
+          returnByValue: true
+        });
+        if (exceptionDetails || result.subtype === "error") {
+          throw new Error(result.description || exceptionDetails?.text || "measure failed");
+        }
+        const parsed = JSON.parse(result.value);
+        if (parsed) {
+          return frameSelector ? { selector, frameSelector, ...parsed } : { selector, ...parsed };
+        }
+        lastError = new Error(
+          frameSelector ? `Element not ready or incomplete: ${selector} in frame ${frameSelector}` : `Element not ready or incomplete: ${selector}`
+        );
+      } catch (error) {
+        lastError = error instanceof Error ? error : new Error(String(error));
+      }
+      await new Promise((resolve) => setTimeout(resolve, MEASURE_RETRY_INTERVAL_MS));
+    }
+    throw lastError ?? new Error("measure failed");
+  }
+  async evaluate(expression) {
+    const { result } = await this.client.call("Runtime.evaluate", {
+      expression,
+      returnByValue: true
+    });
+    return result.value;
+  }
+  async injectOverlay(params) {
+    const { tintDesignImage } = await import("./tint-RUSSUAWA.js");
+    const tintedBuf = await tintDesignImage(params.designImagePath);
+    const base64 = tintedBuf.toString("base64");
+    const js = `
+      (() => {
+        let overlay = document.getElementById('__design_ruler_overlay__');
+        if (!overlay) {
+          overlay = document.createElement('img');
+          overlay.id = '__design_ruler_overlay__';
+          overlay.style.cssText = 'position:fixed;top:0;left:0;width:100vw;height:auto;pointer-events:none;z-index:999999;';
+          document.body.appendChild(overlay);
+        }
+        overlay.src = 'data:image/png;base64,' + ${JSON.stringify(base64)};
+        overlay.style.opacity = String(${Number(params.opacity)});
+        overlay.style.transform = 'translate(' + ${Number(params.offsetX)} + 'px, ' + ${Number(params.offsetY)} + 'px) scale(' + ${Number(params.scale)} + ')';
+        overlay.style.transformOrigin = 'top left';
+        if (${Number(params.scrollY ?? 0)} > 0) {
+          window.scrollTo(0, ${Number(params.scrollY ?? 0)});
+        }
+        return 'overlay injected';
+      })()
+    `;
+    await this.evaluate(js);
+  }
+  async captureOverlay(options) {
+    return this.screenshot(options);
+  }
+  async close() {
+    this.client.close();
+  }
+  async getViewport() {
+    return this.evaluate(
+      "JSON.parse(JSON.stringify({ width: window.innerWidth, height: window.innerHeight }))"
+    );
+  }
+};
+
+export {
+  buildClip,
+  CdpEngine
+};
+//# sourceMappingURL=chunk-JVF26NXD.js.map