@guidelytech/guide-runtime 0.15.0 → 0.17.0

package/dist/bug-report.cjs

@@ -0,0 +1,340 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/bug-report.ts
+var bug_report_exports = {};
+__export(bug_report_exports, {
+  readImageFile: () => readImageFile,
+  renderBugReport: () => renderBugReport
+});
+module.exports = __toCommonJS(bug_report_exports);
+var import_runtime = require("@guidelytech/shared/runtime");
+
+// src/capture-screen.ts
+function canCaptureScreen() {
+  return typeof navigator !== "undefined" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia === "function";
+}
+async function requestTabCapture(container, doc = document) {
+  if (!canCaptureScreen()) return { ok: false, reason: "unsupported" };
+  let stream;
+  try {
+    stream = await navigator.mediaDevices.getDisplayMedia({
+      video: { displaySurface: "browser", frameRate: 5 },
+      audio: false,
+      preferCurrentTab: true,
+      selfBrowserSurface: "include",
+      surfaceSwitching: "exclude"
+    });
+  } catch (err) {
+    return { ok: false, reason: err?.name === "NotAllowedError" ? "denied" : "error" };
+  }
+  const track = stream.getVideoTracks()[0];
+  if (!track) {
+    stream.getTracks().forEach((t) => t.stop());
+    return { ok: false, reason: "error" };
+  }
+  const surface = track.getSettings?.()?.displaySurface;
+  if (surface && surface !== "browser") {
+    stream.getTracks().forEach((t) => t.stop());
+    return { ok: false, reason: "wrong-surface" };
+  }
+  const video = doc.createElement("video");
+  video.muted = true;
+  video.playsInline = true;
+  video.setAttribute("aria-hidden", "true");
+  video.style.cssText = "position:fixed;left:0;top:0;width:2px;height:2px;opacity:0;pointer-events:none";
+  try {
+    video.srcObject = stream;
+    container.appendChild(video);
+  } catch {
+    stream.getTracks().forEach((t) => t.stop());
+    return { ok: false, reason: "error" };
+  }
+  try {
+    await video.play();
+    if (!video.videoWidth) await new Promise((resolve) => {
+      const done = () => resolve();
+      video.addEventListener("loadeddata", done, { once: true });
+      setTimeout(done, 1500);
+    });
+  } catch {
+  }
+  let ended = false;
+  const listeners = [];
+  const fv = video;
+  const rvfc = typeof fv.requestVideoFrameCallback === "function";
+  let frameAt = 0;
+  let waiters = [];
+  const onFrame = (now) => {
+    frameAt = now;
+    waiters.splice(0).forEach((w) => w());
+    if (!ended) fv.requestVideoFrameCallback(onFrame);
+  };
+  if (rvfc) fv.requestVideoFrameCallback(onFrame);
+  const end = () => {
+    if (ended) return;
+    ended = true;
+    stream.getTracks().forEach((t) => t.stop());
+    video.srcObject = null;
+    video.remove();
+    listeners.splice(0).forEach((cb) => cb());
+  };
+  track.addEventListener("ended", end);
+  return {
+    ok: true,
+    screen: {
+      live: () => !ended && track.readyState === "live",
+      onEnded: (cb) => ended ? cb() : listeners.push(cb),
+      grab: () => ended ? null : grabFrame(video, doc),
+      freshSince: (changedAt) => rvfc ? frameAt > changedAt : performance.now() - changedAt > 250,
+      nextFrame: (timeoutMs = 500) => new Promise((resolve) => {
+        const t = setTimeout(done, rvfc ? timeoutMs : 250);
+        function done() {
+          clearTimeout(t);
+          waiters = waiters.filter((w) => w !== done);
+          resolve();
+        }
+        if (rvfc) waiters.push(done);
+      }),
+      stop: () => {
+        listeners.length = 0;
+        end();
+      }
+    }
+  };
+}
+function grabFrame(video, doc = document) {
+  const w = video.videoWidth;
+  const h = video.videoHeight;
+  if (!w || !h) return null;
+  const canvas = doc.createElement("canvas");
+  canvas.width = w;
+  canvas.height = h;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return null;
+  ctx.drawImage(video, 0, 0, w, h);
+  return canvas;
+}
+
+// src/bug-report.ts
+var CSS = `
+.g-br-bg{position:fixed;inset:0;z-index:var(--g-z,2147483000);background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--g-font,system-ui,sans-serif)}
+.g-br{background:var(--g-bg,#fff);color:var(--g-text,#111827);border-radius:calc(var(--g-radius,8px) + 2px);box-shadow:0 20px 50px rgba(0,0,0,.25);width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;box-sizing:border-box;font-size:14px;line-height:1.45}
+.g-br h2{margin:0 0 4px;font-size:17px;font-weight:600}
+.g-br p{margin:0;opacity:.75;font-size:13px}
+.g-br label{display:block;margin:12px 0 4px;font-size:12px;font-weight:600}
+.g-br input,.g-br textarea{width:100%;box-sizing:border-box;border:1px solid rgba(127,127,127,.4);border-radius:var(--g-radius,8px);padding:8px 10px;font:inherit;color:inherit;background:transparent}
+.g-br textarea{min-height:110px;resize:vertical}
+.g-br input:focus,.g-br textarea:focus,.g-br button:focus-visible{outline:2px solid var(--g-primary,#4f46e5);outline-offset:1px}
+.g-br-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
+.g-br-end{justify-content:flex-end;margin-top:16px}
+.g-br button{font:inherit;font-size:13px;border-radius:var(--g-radius,8px);padding:7px 12px;cursor:pointer;border:1px solid rgba(127,127,127,.4);background:transparent;color:inherit}
+.g-br button.g-br-primary{background:var(--g-primary,#4f46e5);border-color:var(--g-primary,#4f46e5);color:var(--g-primary-text,#fff)}
+.g-br button:disabled{opacity:.6;cursor:default}
+.g-br-shot{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:12px}
+.g-br-shot img{max-width:120px;max-height:72px;border-radius:4px;border:1px solid rgba(127,127,127,.3)}
+.g-br-err{color:#dc2626;font-size:12px;margin-top:8px}
+.g-br[data-theme=dark] .g-br-err,[data-theme=dark] .g-br-err{color:#f87171}
+.g-br-ok{font-weight:600;margin:8px 0}
+`;
+var MAX_SIDE = 1920;
+function el(doc, tag, attrs = {}, text) {
+  const e = doc.createElement(tag);
+  for (const [k, v] of Object.entries(attrs)) e.setAttribute(k, v);
+  if (text !== void 0) e.textContent = text;
+  return e;
+}
+function canvasToScreenshot(canvas, doc) {
+  const scale = Math.min(1, MAX_SIDE / Math.max(canvas.width || 1, canvas.height || 1));
+  let src = canvas;
+  if (scale < 1) {
+    src = doc.createElement("canvas");
+    src.width = Math.max(1, Math.round(canvas.width * scale));
+    src.height = Math.max(1, Math.round(canvas.height * scale));
+    src.getContext("2d")?.drawImage(canvas, 0, 0, src.width, src.height);
+  }
+  for (const q of [0.85, 0.7, 0.5]) {
+    const url = src.toDataURL("image/jpeg", q);
+    const data = url.slice(url.indexOf(",") + 1);
+    if (data.length * 0.75 <= import_runtime.MAX_BUG_REPORT_SCREENSHOT_BYTES) return data;
+  }
+  return null;
+}
+async function readImageFile(doc, file) {
+  if (!/^image\/(png|jpeg|webp|gif)$/.test(file.type)) throw new Error("Attach a PNG, JPEG, WebP or GIF image.");
+  const asIs = await new Promise((resolve, reject) => {
+    const r = new FileReader();
+    r.onload = () => resolve(String(r.result));
+    r.onerror = () => reject(new Error("The image couldn't be read."));
+    r.readAsDataURL(file);
+  });
+  const data = asIs.slice(asIs.indexOf(",") + 1);
+  if (data.length * 0.75 <= import_runtime.MAX_BUG_REPORT_SCREENSHOT_BYTES) return { fileName: file.name || "screenshot", data };
+  const img = await new Promise((resolve, reject) => {
+    const i = new Image();
+    i.onload = () => resolve(i);
+    i.onerror = () => reject(new Error("The image couldn't be read."));
+    i.src = asIs;
+  });
+  const canvas = doc.createElement("canvas");
+  canvas.width = img.naturalWidth;
+  canvas.height = img.naturalHeight;
+  canvas.getContext("2d")?.drawImage(img, 0, 0);
+  const scaled = canvasToScreenshot(canvas, doc);
+  if (!scaled) throw new Error("That image is too large. Screenshots can be up to 4 MB.");
+  return { fileName: `${(file.name || "screenshot").replace(/\.[a-z0-9]+$/i, "")}.jpg`, data: scaled };
+}
+async function captureTab(doc, hide) {
+  hide(true);
+  try {
+    const res = await requestTabCapture(doc.body, doc);
+    if (!res.ok) throw new Error(res.reason === "denied" ? "Screen capture was cancelled." : res.reason === "wrong-surface" ? "Share this tab to capture it." : "This browser can't capture the page.");
+    try {
+      await res.screen.nextFrame(800);
+      await res.screen.nextFrame(800);
+      const canvas = res.screen.grab();
+      const data = canvas ? canvasToScreenshot(canvas, doc) : null;
+      if (!data) throw new Error("The page couldn't be captured.");
+      return { fileName: "screenshot.jpg", data };
+    } finally {
+      res.screen.stop();
+    }
+  } finally {
+    hide(false);
+  }
+}
+function renderBugReport(o) {
+  const doc = o.scope.ownerDocument;
+  const root = el(doc, "div");
+  root.appendChild(el(doc, "style", {}, CSS));
+  const bg = el(doc, "div", { class: "g-br-bg" });
+  const box = el(doc, "div", { class: "g-br", role: "dialog", "aria-modal": "true", "aria-labelledby": "g-br-title", "data-theme": o.scope.getAttribute("data-theme") ?? "light" });
+  box.appendChild(el(doc, "h2", { id: "g-br-title" }, o.title ?? "Report a bug"));
+  box.appendChild(el(doc, "p", {}, "Tell us what went wrong. The team sees the page you're on and what happened just before."));
+  const form = el(doc, "form", { novalidate: "" });
+  const field = (id, label, input) => {
+    form.appendChild(el(doc, "label", { for: id }, label));
+    input.id = id;
+    form.appendChild(input);
+    return input;
+  };
+  const message = field("g-br-message", "What happened?", el(doc, "textarea", { maxlength: String(import_runtime.MAX_BUG_REPORT_LENGTH), required: "" }));
+  message.value = o.message ?? "";
+  const name = field("g-br-name", "Name", el(doc, "input", { type: "text", maxlength: "200", autocomplete: "name" }));
+  name.value = o.name ?? "";
+  const email = field("g-br-email", "Email", el(doc, "input", { type: "email", maxlength: "254", autocomplete: "email" }));
+  email.value = o.email ?? "";
+  let screenshot = null;
+  const shotRow = el(doc, "div", { class: "g-br-row" });
+  const file = el(doc, "input", { type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", hidden: "" });
+  const attach = el(doc, "button", { type: "button" }, "Attach an image");
+  shotRow.appendChild(attach);
+  const capture = canCaptureScreen() ? el(doc, "button", { type: "button" }, "Capture this page") : null;
+  if (capture) shotRow.appendChild(capture);
+  shotRow.appendChild(file);
+  form.appendChild(shotRow);
+  const preview = el(doc, "div", { class: "g-br-shot", hidden: "" });
+  form.appendChild(preview);
+  const error = el(doc, "div", { class: "g-br-err", role: "alert" });
+  form.appendChild(error);
+  const actions = el(doc, "div", { class: "g-br-row g-br-end" });
+  const cancel = el(doc, "button", { type: "button" }, "Cancel");
+  const send = el(doc, "button", { type: "submit", class: "g-br-primary" }, "Send report");
+  actions.append(cancel, send);
+  form.appendChild(actions);
+  box.appendChild(form);
+  bg.appendChild(box);
+  root.appendChild(bg);
+  o.scope.appendChild(root);
+  const previous = doc.activeElement;
+  setTimeout(() => message.focus(), 0);
+  const showShot = (s) => {
+    screenshot = s;
+    preview.replaceChildren();
+    preview.hidden = !s;
+    if (!s) return;
+    const img = el(doc, "img", { alt: "Screenshot preview" });
+    img.src = `data:image/${/\.png$/i.test(s.fileName) ? "png" : "jpeg"};base64,${s.data}`;
+    const remove = el(doc, "button", { type: "button" }, "Remove");
+    remove.addEventListener("click", () => showShot(null));
+    preview.append(img, el(doc, "span", {}, s.fileName), remove);
+  };
+  attach.addEventListener("click", () => file.click());
+  file.addEventListener("change", () => {
+    const f = file.files?.[0];
+    file.value = "";
+    if (!f) return;
+    error.textContent = "";
+    readImageFile(doc, f).then(showShot, (e) => error.textContent = e.message);
+  });
+  capture?.addEventListener("click", () => {
+    error.textContent = "";
+    captureTab(doc, (hidden) => bg.style.visibility = hidden ? "hidden" : "").then(showShot, (e) => error.textContent = e.message);
+  });
+  let closed = false;
+  const close = () => {
+    if (closed) return;
+    closed = true;
+    doc.removeEventListener("keydown", onKey, true);
+    root.remove();
+    previous?.focus?.();
+    o.onClose?.();
+  };
+  const onKey = (e) => {
+    if (e.key === "Escape") {
+      e.stopPropagation();
+      close();
+    }
+  };
+  doc.addEventListener("keydown", onKey, true);
+  cancel.addEventListener("click", close);
+  bg.addEventListener("click", (e) => e.target === bg && close());
+  form.addEventListener("submit", (e) => {
+    e.preventDefault();
+    error.textContent = "";
+    if (!message.value.trim()) {
+      error.textContent = "Describe what happened.";
+      message.focus();
+      return;
+    }
+    if (email.value.trim() && !/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email.value.trim())) {
+      error.textContent = "Enter a valid email address, or leave it empty.";
+      email.focus();
+      return;
+    }
+    send.disabled = true;
+    o.onSubmit({ message: message.value.trim(), name: name.value.trim(), email: email.value.trim(), screenshot }).then(
+      () => {
+        form.replaceWith(el(doc, "p", { class: "g-br-ok", role: "status" }, "Thanks! Your report was sent to the team."));
+        setTimeout(close, 2500);
+      },
+      (err) => {
+        send.disabled = false;
+        error.textContent = err?.message || "Your report couldn't be sent. Please try again.";
+      }
+    );
+  });
+  return { close };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  readImageFile,
+  renderBugReport
+});
+//# sourceMappingURL=bug-report.cjs.map

package/dist/bug-report.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/bug-report.ts","../src/capture-screen.ts"],"sourcesContent":["import { MAX_BUG_REPORT_LENGTH, MAX_BUG_REPORT_SCREENSHOT_BYTES } from \"@guidelytech/shared/runtime\";\nimport { canCaptureScreen, requestTabCapture } from \"./capture-screen\";\n\n/**\n * \"Report a bug\": the dialog behind `guidely.showBugReport()` (its own on-demand chunk). The person\n * describes the problem and can add a screenshot, either an image file or a capture of this tab\n * (the browser's own share prompt; nothing is captured without it). Plain DOM in the SDK's shadow\n * scope; text is only ever set with textContent.\n */\n\nexport interface BugReportDialogInput {\n  message: string;\n  name: string;\n  email: string;\n  screenshot: { fileName: string; data: string } | null;\n}\n\nexport interface BugReportDialogOptions {\n  /** The SDK's themed scope element (inside its shadow root). */\n  scope: HTMLElement;\n  /** Prefilled from identify() traits. */\n  name?: string;\n  email?: string;\n  message?: string;\n  title?: string;\n  /** Sends the report; rejects with a message to show. */\n  onSubmit: (input: BugReportDialogInput) => Promise<void>;\n  onClose?: () => void;\n}\n\nexport interface BugReportDialog {\n  close(): void;\n}\n\nconst CSS = `\n.g-br-bg{position:fixed;inset:0;z-index:var(--g-z,2147483000);background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--g-font,system-ui,sans-serif)}\n.g-br{background:var(--g-bg,#fff);color:var(--g-text,#111827);border-radius:calc(var(--g-radius,8px) + 2px);box-shadow:0 20px 50px rgba(0,0,0,.25);width:min(440px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;box-sizing:border-box;font-size:14px;line-height:1.45}\n.g-br h2{margin:0 0 4px;font-size:17px;font-weight:600}\n.g-br p{margin:0;opacity:.75;font-size:13px}\n.g-br label{display:block;margin:12px 0 4px;font-size:12px;font-weight:600}\n.g-br input,.g-br textarea{width:100%;box-sizing:border-box;border:1px solid rgba(127,127,127,.4);border-radius:var(--g-radius,8px);padding:8px 10px;font:inherit;color:inherit;background:transparent}\n.g-br textarea{min-height:110px;resize:vertical}\n.g-br input:focus,.g-br textarea:focus,.g-br button:focus-visible{outline:2px solid var(--g-primary,#4f46e5);outline-offset:1px}\n.g-br-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}\n.g-br-end{justify-content:flex-end;margin-top:16px}\n.g-br button{font:inherit;font-size:13px;border-radius:var(--g-radius,8px);padding:7px 12px;cursor:pointer;border:1px solid rgba(127,127,127,.4);background:transparent;color:inherit}\n.g-br button.g-br-primary{background:var(--g-primary,#4f46e5);border-color:var(--g-primary,#4f46e5);color:var(--g-primary-text,#fff)}\n.g-br button:disabled{opacity:.6;cursor:default}\n.g-br-shot{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:12px}\n.g-br-shot img{max-width:120px;max-height:72px;border-radius:4px;border:1px solid rgba(127,127,127,.3)}\n.g-br-err{color:#dc2626;font-size:12px;margin-top:8px}\n.g-br[data-theme=dark] .g-br-err,[data-theme=dark] .g-br-err{color:#f87171}\n.g-br-ok{font-weight:600;margin:8px 0}\n`;\n\nconst MAX_SIDE = 1920;\n\nfunction el<K extends keyof HTMLElementTagNameMap>(doc: Document, tag: K, attrs: Record<string, string> = {}, text?: string): HTMLElementTagNameMap[K] {\n  const e = doc.createElement(tag);\n  for (const [k, v] of Object.entries(attrs)) e.setAttribute(k, v);\n  if (text !== undefined) e.textContent = text;\n  return e;\n}\n\n/** Base64 (no prefix) of a canvas as JPEG small enough to send; null when it can't fit. */\nfunction canvasToScreenshot(canvas: HTMLCanvasElement, doc: Document): string | null {\n  const scale = Math.min(1, MAX_SIDE / Math.max(canvas.width || 1, canvas.height || 1));\n  let src = canvas;\n  if (scale < 1) {\n    src = doc.createElement(\"canvas\");\n    src.width = Math.max(1, Math.round(canvas.width * scale));\n    src.height = Math.max(1, Math.round(canvas.height * scale));\n    src.getContext(\"2d\")?.drawImage(canvas, 0, 0, src.width, src.height);\n  }\n  for (const q of [0.85, 0.7, 0.5]) {\n    const url = src.toDataURL(\"image/jpeg\", q);\n    const data = url.slice(url.indexOf(\",\") + 1);\n    if (data.length * 0.75 <= MAX_BUG_REPORT_SCREENSHOT_BYTES) return data;\n  }\n  return null;\n}\n\n/** Reads a picked image, scaled down and re-encoded when it's too large. */\nexport async function readImageFile(doc: Document, file: File): Promise<{ fileName: string; data: string }> {\n  if (!/^image\\/(png|jpeg|webp|gif)$/.test(file.type)) throw new Error(\"Attach a PNG, JPEG, WebP or GIF image.\");\n  const asIs = await new Promise<string>((resolve, reject) => {\n    const r = new FileReader();\n    r.onload = () => resolve(String(r.result));\n    r.onerror = () => reject(new Error(\"The image couldn't be read.\"));\n    r.readAsDataURL(file);\n  });\n  const data = asIs.slice(asIs.indexOf(\",\") + 1);\n  if (data.length * 0.75 <= MAX_BUG_REPORT_SCREENSHOT_BYTES) return { fileName: file.name || \"screenshot\", data };\n  const img = await new Promise<HTMLImageElement>((resolve, reject) => {\n    const i = new Image();\n    i.onload = () => resolve(i);\n    i.onerror = () => reject(new Error(\"The image couldn't be read.\"));\n    i.src = asIs;\n  });\n  const canvas = doc.createElement(\"canvas\");\n  canvas.width = img.naturalWidth;\n  canvas.height = img.naturalHeight;\n  canvas.getContext(\"2d\")?.drawImage(img, 0, 0);\n  const scaled = canvasToScreenshot(canvas, doc);\n  if (!scaled) throw new Error(\"That image is too large. Screenshots can be up to 4 MB.\");\n  return { fileName: `${(file.name || \"screenshot\").replace(/\\.[a-z0-9]+$/i, \"\")}.jpg`, data: scaled };\n}\n\n/** One frame of this tab, after the browser's share prompt (the dialog hides while it's taken). */\nasync function captureTab(doc: Document, hide: (hidden: boolean) => void): Promise<{ fileName: string; data: string }> {\n  hide(true);\n  try {\n    const res = await requestTabCapture(doc.body, doc);\n    if (!res.ok) throw new Error(res.reason === \"denied\" ? \"Screen capture was cancelled.\" : res.reason === \"wrong-surface\" ? \"Share this tab to capture it.\" : \"This browser can't capture the page.\");\n    try {\n      await res.screen.nextFrame(800);\n      await res.screen.nextFrame(800);\n      const canvas = res.screen.grab();\n      const data = canvas ? canvasToScreenshot(canvas, doc) : null;\n      if (!data) throw new Error(\"The page couldn't be captured.\");\n      return { fileName: \"screenshot.jpg\", data };\n    } finally {\n      res.screen.stop();\n    }\n  } finally {\n    hide(false);\n  }\n}\n\nexport function renderBugReport(o: BugReportDialogOptions): BugReportDialog {\n  const doc = o.scope.ownerDocument;\n  const root = el(doc, \"div\");\n  root.appendChild(el(doc, \"style\", {}, CSS));\n  const bg = el(doc, \"div\", { class: \"g-br-bg\" });\n  const box = el(doc, \"div\", { class: \"g-br\", role: \"dialog\", \"aria-modal\": \"true\", \"aria-labelledby\": \"g-br-title\", \"data-theme\": o.scope.getAttribute(\"data-theme\") ?? \"light\" });\n  box.appendChild(el(doc, \"h2\", { id: \"g-br-title\" }, o.title ?? \"Report a bug\"));\n  box.appendChild(el(doc, \"p\", {}, \"Tell us what went wrong. The team sees the page you're on and what happened just before.\"));\n  const form = el(doc, \"form\", { novalidate: \"\" });\n  const field = <T extends HTMLInputElement | HTMLTextAreaElement>(id: string, label: string, input: T) => {\n    form.appendChild(el(doc, \"label\", { for: id }, label));\n    input.id = id;\n    form.appendChild(input);\n    return input;\n  };\n  const message = field(\"g-br-message\", \"What happened?\", el(doc, \"textarea\", { maxlength: String(MAX_BUG_REPORT_LENGTH), required: \"\" }));\n  message.value = o.message ?? \"\";\n  const name = field(\"g-br-name\", \"Name\", el(doc, \"input\", { type: \"text\", maxlength: \"200\", autocomplete: \"name\" }));\n  name.value = o.name ?? \"\";\n  const email = field(\"g-br-email\", \"Email\", el(doc, \"input\", { type: \"email\", maxlength: \"254\", autocomplete: \"email\" }));\n  email.value = o.email ?? \"\";\n\n  let screenshot: { fileName: string; data: string } | null = null;\n  const shotRow = el(doc, \"div\", { class: \"g-br-row\" });\n  const file = el(doc, \"input\", { type: \"file\", accept: \"image/png,image/jpeg,image/webp,image/gif\", hidden: \"\" });\n  const attach = el(doc, \"button\", { type: \"button\" }, \"Attach an image\");\n  shotRow.appendChild(attach);\n  const capture = canCaptureScreen() ? el(doc, \"button\", { type: \"button\" }, \"Capture this page\") : null;\n  if (capture) shotRow.appendChild(capture);\n  shotRow.appendChild(file);\n  form.appendChild(shotRow);\n  const preview = el(doc, \"div\", { class: \"g-br-shot\", hidden: \"\" });\n  form.appendChild(preview);\n  const error = el(doc, \"div\", { class: \"g-br-err\", role: \"alert\" });\n  form.appendChild(error);\n  const actions = el(doc, \"div\", { class: \"g-br-row g-br-end\" });\n  const cancel = el(doc, \"button\", { type: \"button\" }, \"Cancel\");\n  const send = el(doc, \"button\", { type: \"submit\", class: \"g-br-primary\" }, \"Send report\");\n  actions.append(cancel, send);\n  form.appendChild(actions);\n  box.appendChild(form);\n  bg.appendChild(box);\n  root.appendChild(bg);\n  o.scope.appendChild(root);\n  const previous = doc.activeElement as HTMLElement | null;\n  setTimeout(() => message.focus(), 0);\n\n  const showShot = (s: { fileName: string; data: string } | null) => {\n    screenshot = s;\n    preview.replaceChildren();\n    preview.hidden = !s;\n    if (!s) return;\n    const img = el(doc, \"img\", { alt: \"Screenshot preview\" });\n    img.src = `data:image/${/\\.png$/i.test(s.fileName) ? \"png\" : \"jpeg\"};base64,${s.data}`;\n    const remove = el(doc, \"button\", { type: \"button\" }, \"Remove\");\n    remove.addEventListener(\"click\", () => showShot(null));\n    preview.append(img, el(doc, \"span\", {}, s.fileName), remove);\n  };\n  attach.addEventListener(\"click\", () => file.click());\n  file.addEventListener(\"change\", () => {\n    const f = file.files?.[0];\n    file.value = \"\";\n    if (!f) return;\n    error.textContent = \"\";\n    readImageFile(doc, f).then(showShot, (e: Error) => (error.textContent = e.message));\n  });\n  capture?.addEventListener(\"click\", () => {\n    error.textContent = \"\";\n    captureTab(doc, (hidden) => (bg.style.visibility = hidden ? \"hidden\" : \"\")).then(showShot, (e: Error) => (error.textContent = e.message));\n  });\n\n  let closed = false;\n  const close = () => {\n    if (closed) return;\n    closed = true;\n    doc.removeEventListener(\"keydown\", onKey, true);\n    root.remove();\n    previous?.focus?.();\n    o.onClose?.();\n  };\n  const onKey = (e: KeyboardEvent) => {\n    if (e.key === \"Escape\") {\n      e.stopPropagation();\n      close();\n    }\n  };\n  doc.addEventListener(\"keydown\", onKey, true);\n  cancel.addEventListener(\"click\", close);\n  bg.addEventListener(\"click\", (e) => e.target === bg && close());\n  form.addEventListener(\"submit\", (e) => {\n    e.preventDefault();\n    error.textContent = \"\";\n    if (!message.value.trim()) {\n      error.textContent = \"Describe what happened.\";\n      message.focus();\n      return;\n    }\n    if (email.value.trim() && !/^[^@\\s]+@[^@\\s]+\\.[^@\\s]+$/.test(email.value.trim())) {\n      error.textContent = \"Enter a valid email address, or leave it empty.\";\n      email.focus();\n      return;\n    }\n    send.disabled = true;\n    o.onSubmit({ message: message.value.trim(), name: name.value.trim(), email: email.value.trim(), screenshot }).then(\n      () => {\n        form.replaceWith(el(doc, \"p\", { class: \"g-br-ok\", role: \"status\" }, \"Thanks! Your report was sent to the team.\"));\n        setTimeout(close, 2500);\n      },\n      (err: Error) => {\n        send.disabled = false;\n        error.textContent = err?.message || \"Your report couldn't be sent. Please try again.\";\n      },\n    );\n  });\n  return { close };\n}\n","import { toFrameRect, type Box } from \"./capture-dom\";\n\n/**\n * Screenshots for how-to capture: a tab-capture stream (`getDisplayMedia`) played into a hidden\n * video, frames grabbed synchronously into a canvas, sensitive regions blurred into the pixels and\n * the result encoded — all in the browser, so raw pixels of redacted regions never leave it.\n */\n\nexport type ScreenResult = { ok: true; screen: ScreenSource } | { ok: false; reason: \"unsupported\" | \"denied\" | \"wrong-surface\" | \"error\" };\n\nexport interface ScreenSource {\n  /** True while the stream delivers frames. */\n  live(): boolean;\n  /** Called once when the user stops sharing (or the stream ends otherwise). */\n  onEnded(cb: () => void): void;\n  /** Draws the current frame into a new canvas (synchronously). Null when no frame is available. */\n  grab(): HTMLCanvasElement | null;\n  /** Does the current frame show the page as it is after `changedAt` (a `performance.now()` time)? */\n  freshSince(changedAt: number): boolean;\n  /** Resolves when the next frame arrives (or after `timeoutMs`). */\n  nextFrame(timeoutMs?: number): Promise<void>;\n  stop(): void;\n}\n\n/** Can this browser capture the tab at all? */\nexport function canCaptureScreen(): boolean {\n  return typeof navigator !== \"undefined\" && !!navigator.mediaDevices && typeof navigator.mediaDevices.getDisplayMedia === \"function\";\n}\n\n/**\n * Asks the user to share this tab (must run from a user gesture) and plays the stream into a\n * hidden `<video>` appended to `container`. Rejects windows and screens: their frames do not\n * match the page's viewport, so highlights and redactions would land in the wrong place.\n */\nexport async function requestTabCapture(container: Node, doc: Document = document): Promise<ScreenResult> {\n  if (!canCaptureScreen()) return { ok: false, reason: \"unsupported\" };\n  let stream: MediaStream;\n  try {\n    stream = await navigator.mediaDevices.getDisplayMedia({\n      video: { displaySurface: \"browser\", frameRate: 5 },\n      audio: false,\n      preferCurrentTab: true,\n      selfBrowserSurface: \"include\",\n      surfaceSwitching: \"exclude\",\n    } as DisplayMediaStreamOptions);\n  } catch (err) {\n    return { ok: false, reason: (err as { name?: string })?.name === \"NotAllowedError\" ? \"denied\" : \"error\" };\n  }\n  const track = stream.getVideoTracks()[0];\n  if (!track) {\n    stream.getTracks().forEach((t) => t.stop());\n    return { ok: false, reason: \"error\" };\n  }\n  const surface = (track.getSettings?.() as { displaySurface?: string } | undefined)?.displaySurface;\n  if (surface && surface !== \"browser\") {\n    stream.getTracks().forEach((t) => t.stop());\n    return { ok: false, reason: \"wrong-surface\" };\n  }\n  const video = doc.createElement(\"video\");\n  video.muted = true;\n  video.playsInline = true;\n  video.setAttribute(\"aria-hidden\", \"true\");\n  // Kept rendered (not display:none) so browsers keep decoding frames.\n  video.style.cssText = \"position:fixed;left:0;top:0;width:2px;height:2px;opacity:0;pointer-events:none\";\n  try {\n    video.srcObject = stream;\n    container.appendChild(video);\n  } catch {\n    stream.getTracks().forEach((t) => t.stop());\n    return { ok: false, reason: \"error\" };\n  }\n  try {\n    await video.play();\n    if (!video.videoWidth) await new Promise<void>((resolve) => {\n      const done = () => resolve();\n      video.addEventListener(\"loadeddata\", done, { once: true });\n      setTimeout(done, 1500);\n    });\n  } catch {\n    /* frames may still arrive; grab() returns null until they do */\n  }\n  let ended = false;\n  const listeners: Array<() => void> = [];\n  // Frame timing: `requestVideoFrameCallback` where supported, else assume one frame period (5 fps) of lag.\n  type FrameVideo = HTMLVideoElement & { requestVideoFrameCallback?: (cb: (now: number) => void) => number };\n  const fv = video as FrameVideo;\n  const rvfc = typeof fv.requestVideoFrameCallback === \"function\";\n  let frameAt = 0;\n  let waiters: Array<() => void> = [];\n  const onFrame = (now: number) => {\n    frameAt = now;\n    waiters.splice(0).forEach((w) => w());\n    if (!ended) fv.requestVideoFrameCallback!(onFrame);\n  };\n  if (rvfc) fv.requestVideoFrameCallback!(onFrame);\n  const end = () => {\n    if (ended) return;\n    ended = true;\n    stream.getTracks().forEach((t) => t.stop());\n    video.srcObject = null;\n    video.remove();\n    listeners.splice(0).forEach((cb) => cb());\n  };\n  track.addEventListener(\"ended\", end);\n  return {\n    ok: true,\n    screen: {\n      live: () => !ended && track.readyState === \"live\",\n      onEnded: (cb) => (ended ? cb() : listeners.push(cb)),\n      grab: () => (ended ? null : grabFrame(video, doc)),\n      freshSince: (changedAt) => (rvfc ? frameAt > changedAt : performance.now() - changedAt > 250),\n      nextFrame: (timeoutMs = 500) =>\n        new Promise<void>((resolve) => {\n          const t = setTimeout(done, rvfc ? timeoutMs : 250);\n          function done() {\n            clearTimeout(t);\n            waiters = waiters.filter((w) => w !== done);\n            resolve();\n          }\n          if (rvfc) waiters.push(done);\n        }),\n      stop: () => {\n        listeners.length = 0;\n        end();\n      },\n    },\n  };\n}\n\n/** Copies the video's current frame into a new canvas. */\nexport function grabFrame(video: HTMLVideoElement, doc: Document = document): HTMLCanvasElement | null {\n  const w = video.videoWidth;\n  const h = video.videoHeight;\n  if (!w || !h) return null;\n  const canvas = doc.createElement(\"canvas\");\n  canvas.width = w;\n  canvas.height = h;\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return null;\n  ctx.drawImage(video, 0, 0, w, h);\n  return canvas;\n}\n\n/**\n * Blurs viewport rects (CSS px) into the canvas by averaging each region down to a few samples per\n * line of text and scaling it back up, which leaves nothing legible to recover. Returns the number\n * of regions blurred.\n */\nexport function redactCanvas(canvas: HTMLCanvasElement, rects: Box[], viewport: { width: number; height: number }): number {\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx || !rects.length || !viewport.width || !viewport.height) return 0;\n  const sx = canvas.width / viewport.width;\n  const sy = canvas.height / viewport.height;\n  const tmp = canvas.ownerDocument.createElement(\"canvas\");\n  const tctx = tmp.getContext(\"2d\");\n  if (!tctx) return 0;\n  let count = 0;\n  for (const rect of rects) {\n    const r = toFrameRect(rect, sx, sy, canvas, 4);\n    if (!r) continue;\n    // One sample per ~line height (at least 16 CSS px) in both directions.\n    const block = Math.max(16 * sy, Math.min(r.height, 48 * sy));\n    tmp.width = Math.max(1, Math.round(r.width / block));\n    tmp.height = Math.max(1, Math.round(r.height / block));\n    tctx.imageSmoothingEnabled = true;\n    tctx.drawImage(canvas, r.x, r.y, r.width, r.height, 0, 0, tmp.width, tmp.height);\n    ctx.imageSmoothingEnabled = true;\n    ctx.drawImage(tmp, 0, 0, tmp.width, tmp.height, r.x, r.y, r.width, r.height);\n    // A light tint so readers can tell the region was hidden on purpose.\n    ctx.fillStyle = \"rgba(120,120,120,.28)\";\n    ctx.fillRect(r.x, r.y, r.width, r.height);\n    count++;\n  }\n  return count;\n}\n\nfunction scaled(canvas: HTMLCanvasElement, maxWidth: number): HTMLCanvasElement {\n  if (canvas.width <= maxWidth) return canvas;\n  const out = canvas.ownerDocument.createElement(\"canvas\");\n  out.width = maxWidth;\n  out.height = Math.round((canvas.height * maxWidth) / canvas.width);\n  const ctx = out.getContext(\"2d\");\n  if (!ctx) return canvas;\n  ctx.imageSmoothingQuality = \"high\";\n  ctx.drawImage(canvas, 0, 0, out.width, out.height);\n  return out;\n}\n\nconst toBlob = (canvas: HTMLCanvasElement, type: string, quality: number) =>\n  new Promise<Blob | null>((resolve) => {\n    try {\n      canvas.toBlob((b) => resolve(b), type, quality);\n    } catch {\n      resolve(null);\n    }\n  });\n\n/** Encodes as WebP (JPEG where WebP encoding is unsupported), at most `maxWidth` wide and `maxBytes` big. */\nexport async function encodeScreenshot(canvas: HTMLCanvasElement, options: { maxWidth?: number; maxBytes?: number } = {}): Promise<Blob | null> {\n  const src = scaled(canvas, options.maxWidth ?? 2560);\n  const maxBytes = options.maxBytes ?? 8 * 1024 * 1024;\n  let blob = await toBlob(src, \"image/webp\", 0.85);\n  // Browsers without a WebP encoder silently return PNG.\n  if (!blob || blob.type !== \"image/webp\") blob = await toBlob(src, \"image/jpeg\", 0.85);\n  if (blob && blob.size > maxBytes) blob = await toBlob(src, \"image/jpeg\", 0.6);\n  return blob && blob.size <= maxBytes ? blob : null;\n}\n\n/** Synchronous JPEG data URL (≤ 1600 px wide), for persisting an unsent screenshot while the page unloads. */\nexport function screenshotDataUrl(canvas: HTMLCanvasElement): string | null {\n  try {\n    return scaled(canvas, 1600).toDataURL(\"image/jpeg\", 0.7);\n  } catch {\n    return null;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/bug-report.d.cts

@@ -0,0 +1,38 @@
+/**
+ * "Report a bug": the dialog behind `guidely.showBugReport()` (its own on-demand chunk). The person
+ * describes the problem and can add a screenshot, either an image file or a capture of this tab
+ * (the browser's own share prompt; nothing is captured without it). Plain DOM in the SDK's shadow
+ * scope; text is only ever set with textContent.
+ */
+interface BugReportDialogInput {
+    message: string;
+    name: string;
+    email: string;
+    screenshot: {
+        fileName: string;
+        data: string;
+    } | null;
+}
+interface BugReportDialogOptions {
+    /** The SDK's themed scope element (inside its shadow root). */
+    scope: HTMLElement;
+    /** Prefilled from identify() traits. */
+    name?: string;
+    email?: string;
+    message?: string;
+    title?: string;
+    /** Sends the report; rejects with a message to show. */
+    onSubmit: (input: BugReportDialogInput) => Promise<void>;
+    onClose?: () => void;
+}
+interface BugReportDialog {
+    close(): void;
+}
+/** Reads a picked image, scaled down and re-encoded when it's too large. */
+declare function readImageFile(doc: Document, file: File): Promise<{
+    fileName: string;
+    data: string;
+}>;
+declare function renderBugReport(o: BugReportDialogOptions): BugReportDialog;
+
+export { type BugReportDialog, type BugReportDialogInput, type BugReportDialogOptions, readImageFile, renderBugReport };

package/dist/bug-report.d.ts

@@ -0,0 +1,38 @@
+/**
+ * "Report a bug": the dialog behind `guidely.showBugReport()` (its own on-demand chunk). The person
+ * describes the problem and can add a screenshot, either an image file or a capture of this tab
+ * (the browser's own share prompt; nothing is captured without it). Plain DOM in the SDK's shadow
+ * scope; text is only ever set with textContent.
+ */
+interface BugReportDialogInput {
+    message: string;
+    name: string;
+    email: string;
+    screenshot: {
+        fileName: string;
+        data: string;
+    } | null;
+}
+interface BugReportDialogOptions {
+    /** The SDK's themed scope element (inside its shadow root). */
+    scope: HTMLElement;
+    /** Prefilled from identify() traits. */
+    name?: string;
+    email?: string;
+    message?: string;
+    title?: string;
+    /** Sends the report; rejects with a message to show. */
+    onSubmit: (input: BugReportDialogInput) => Promise<void>;
+    onClose?: () => void;
+}
+interface BugReportDialog {
+    close(): void;
+}
+/** Reads a picked image, scaled down and re-encoded when it's too large. */
+declare function readImageFile(doc: Document, file: File): Promise<{
+    fileName: string;
+    data: string;
+}>;
+declare function renderBugReport(o: BugReportDialogOptions): BugReportDialog;
+
+export { type BugReportDialog, type BugReportDialogInput, type BugReportDialogOptions, readImageFile, renderBugReport };