@devaccel-labs/app-comments-toolbar 1.0.0 → 1.1.0

package/dist/chunks/chunk-HUM5FQII.js

@@ -1,160 +0,0 @@
-// src/runtime/screenshot.ts
-var MAX_WIDTH = 1200;
-var BROWSERS = [
-  ["Edge", /Edg\/(\d+)/],
-  ["Firefox", /Firefox\/(\d+)/],
-  ["Chrome", /Chrome\/(\d+)/],
-  ["Safari", /Version\/(\d+)[\d.]* .*Safari/]
-];
-var SYSTEMS = [
-  ["iOS", /iPhone|iPad/],
-  ["Android", /Android/],
-  ["macOS", /Mac OS X/],
-  ["Windows", /Windows/],
-  ["Linux", /Linux/]
-];
-function browserLabel(agent) {
-  let browser;
-  for (const [name, pattern] of BROWSERS) {
-    const version = agent.match(pattern)?.[1];
-    if (version) {
-      browser = `${name} ${version}`;
-      break;
-    }
-  }
-  const system = SYSTEMS.find(([, pattern]) => pattern.test(agent))?.[0];
-  return [browser, system].filter(Boolean).join(" \xB7 ") || void 0;
-}
-function describeCapture(url) {
-  return {
-    url,
-    viewport: { width: document.documentElement.clientWidth, height: window.innerHeight },
-    browser: browserLabel(navigator.userAgent)
-  };
-}
-function roundedRect(ctx, x, y, w, h, r) {
-  ctx.moveTo(x + r, y);
-  ctx.arcTo(x + w, y, x + w, y + h, r);
-  ctx.arcTo(x + w, y + h, x, y + h, r);
-  ctx.arcTo(x, y + h, x, y, r);
-  ctx.arcTo(x, y, x + w, y, r);
-  ctx.closePath();
-}
-async function renderViewport(scale, timeout = 6e3) {
-  const { domToCanvas } = await import("./render-page-76MLIT6M.js");
-  return domToCanvas(document.documentElement, {
-    width: document.documentElement.clientWidth,
-    height: window.innerHeight,
-    scale,
-    timeout,
-    backgroundColor: getComputedStyle(document.body).backgroundColor || "#ffffff",
-    filter: (node) => !(node instanceof Element && node.id === "cs-root"),
-    style: {
-      transform: `translate(${-window.scrollX}px, ${-window.scrollY}px)`,
-      transformOrigin: "0 0"
-    }
-  });
-}
-function outline(ctx, width, height, ring, scale) {
-  const radius = Math.min(12 * scale, ring.w / 2, ring.h / 2);
-  ctx.beginPath();
-  ctx.rect(0, 0, width, height);
-  roundedRect(ctx, ring.x, ring.y, ring.w, ring.h, radius);
-  ctx.fillStyle = "rgba(15, 15, 20, 0.22)";
-  ctx.fill("evenodd");
-  ctx.beginPath();
-  roundedRect(ctx, ring.x, ring.y, ring.w, ring.h, radius);
-  ctx.lineWidth = 3 * scale;
-  ctx.strokeStyle = "#007aff";
-  ctx.stroke();
-}
-async function capturePage(highlight) {
-  const scale = Math.min(window.devicePixelRatio || 1, 2);
-  let page;
-  try {
-    page = await renderViewport(scale);
-  } catch {
-    return null;
-  }
-  const width = document.documentElement.clientWidth;
-  const outScale = Math.min(scale, 1600 / width);
-  const out = document.createElement("canvas");
-  out.width = Math.round(width * outScale);
-  out.height = Math.round(window.innerHeight * outScale);
-  const ctx = out.getContext("2d");
-  if (!ctx) return null;
-  ctx.drawImage(page, 0, 0, out.width, out.height);
-  const rect = highlight?.getBoundingClientRect();
-  if (rect && rect.width > 0 && rect.bottom > 0 && rect.top < window.innerHeight) {
-    const pad = 6;
-    outline(
-      ctx,
-      out.width,
-      out.height,
-      {
-        x: (rect.left - pad) * outScale,
-        y: (rect.top - pad) * outScale,
-        w: (rect.width + pad * 2) * outScale,
-        h: (rect.height + pad * 2) * outScale
-      },
-      outScale
-    );
-  }
-  return new Promise((resolve) => out.toBlob((blob) => resolve(blob), "image/jpeg", 0.85));
-}
-async function captureAround(element) {
-  const rect = element.getBoundingClientRect();
-  const viewportWidth = document.documentElement.clientWidth;
-  const viewportHeight = window.innerHeight;
-  if (rect.width < 1 || rect.bottom <= 0 || rect.top >= viewportHeight || rect.right <= 0 || rect.left >= viewportWidth)
-    return null;
-  const scale = Math.min(window.devicePixelRatio || 1, 2);
-  let page;
-  try {
-    page = await renderViewport(scale);
-  } catch {
-    return null;
-  }
-  const width = Math.min(viewportWidth, Math.max(rect.width + 200, 760));
-  const height = Math.min(viewportHeight, Math.max(rect.height + 200, 420));
-  const x = Math.max(0, Math.min(rect.left + rect.width / 2 - width / 2, viewportWidth - width));
-  const y = Math.max(0, Math.min(rect.top + rect.height / 2 - height / 2, viewportHeight - height));
-  const out = document.createElement("canvas");
-  const outScale = Math.min(scale, MAX_WIDTH / width);
-  out.width = Math.round(width * outScale);
-  out.height = Math.round(height * outScale);
-  const ctx = out.getContext("2d");
-  if (!ctx) return null;
-  ctx.drawImage(
-    page,
-    x * scale,
-    y * scale,
-    width * scale,
-    height * scale,
-    0,
-    0,
-    out.width,
-    out.height
-  );
-  const pad = 6;
-  outline(
-    ctx,
-    out.width,
-    out.height,
-    {
-      x: (rect.left - x - pad) * outScale,
-      y: (rect.top - y - pad) * outScale,
-      w: (rect.width + pad * 2) * outScale,
-      h: (rect.height + pad * 2) * outScale
-    },
-    outScale
-  );
-  return out.toDataURL("image/jpeg", 0.82);
-}
-
-export {
-  describeCapture,
-  renderViewport,
-  capturePage,
-  captureAround
-};