@checkflow/sdk 1.1.1 → 1.1.3

package/dist/vue.js

@@ -0,0 +1,1119 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+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/collector.ts
+function collectContext() {
+  const ua = navigator.userAgent;
+  return {
+    url: window.location.href,
+    viewport: {
+      width: window.innerWidth,
+      height: window.innerHeight,
+      device: window.innerWidth < 768 ? "mobile" : window.innerWidth < 1024 ? "tablet" : "desktop"
+    },
+    user_agent: ua,
+    browser: detectBrowser(ua),
+    os: detectOS(ua),
+    locale: navigator.language,
+    timezone: Intl.DateTimeFormat().resolvedOptions().timeZone
+  };
+}
+function collectPerformance() {
+  try {
+    const entries = performance.getEntriesByType("paint");
+    const metrics = {};
+    entries.forEach((e) => {
+      if (e.name === "first-contentful-paint") metrics.fcp = Math.round(e.startTime);
+    });
+    const nav = performance.getEntriesByType("navigation")[0];
+    if (nav) {
+      metrics.dom_load = Math.round(nav.domContentLoadedEventEnd - nav.startTime);
+      metrics.load = Math.round(nav.loadEventEnd - nav.startTime);
+    }
+    return Object.keys(metrics).length > 0 ? metrics : void 0;
+  } catch {
+    return void 0;
+  }
+}
+function detectBrowser(ua) {
+  if (ua.includes("Firefox/")) return "Firefox";
+  if (ua.includes("Edg/")) return "Edge";
+  if (ua.includes("Chrome/")) return "Chrome";
+  if (ua.includes("Safari/")) return "Safari";
+  return "Unknown";
+}
+function detectOS(ua) {
+  if (ua.includes("Windows")) return "Windows";
+  if (ua.includes("Mac OS")) return "macOS";
+  if (ua.includes("Linux")) return "Linux";
+  if (ua.includes("Android")) return "Android";
+  if (ua.includes("iPhone") || ua.includes("iPad")) return "iOS";
+  return "Unknown";
+}
+var init_collector = __esm({
+  "src/collector.ts"() {
+    "use strict";
+  }
+});
+
+// src/console-interceptor.ts
+function installInterceptors() {
+  if (installed) return;
+  installed = true;
+  const origConsole = {
+    log: console.log,
+    warn: console.warn,
+    error: console.error
+  };
+  ["log", "warn", "error"].forEach((level) => {
+    console[level] = (...args) => {
+      logs.push({
+        level,
+        message: args.map((a) => typeof a === "string" ? a : JSON.stringify(a)).join(" "),
+        timestamp: Date.now()
+      });
+      if (logs.length > MAX_LOGS) logs.shift();
+      origConsole[level](...args);
+    };
+  });
+  window.addEventListener("error", (event) => {
+    errorsCapture.push({
+      message: event.message,
+      filename: event.filename,
+      lineno: event.lineno,
+      colno: event.colno,
+      timestamp: Date.now()
+    });
+    if (errorsCapture.length > MAX_LOGS) errorsCapture.shift();
+  });
+  window.addEventListener("unhandledrejection", (event) => {
+    errorsCapture.push({
+      message: String(event.reason),
+      type: "unhandledrejection",
+      timestamp: Date.now()
+    });
+    if (errorsCapture.length > MAX_LOGS) errorsCapture.shift();
+  });
+}
+function getConsoleLogs() {
+  return [...logs];
+}
+function getJavascriptErrors() {
+  return [...errorsCapture];
+}
+function clearLogs() {
+  logs = [];
+  errorsCapture = [];
+}
+var MAX_LOGS, logs, errorsCapture, installed;
+var init_console_interceptor = __esm({
+  "src/console-interceptor.ts"() {
+    "use strict";
+    MAX_LOGS = 50;
+    logs = [];
+    errorsCapture = [];
+    installed = false;
+  }
+});
+
+// src/network-interceptor.ts
+function installNetworkInterceptor() {
+  if (installed2 || typeof window === "undefined") return;
+  installed2 = true;
+  const origFetch = window.fetch;
+  window.fetch = async function(...args) {
+    const start = Date.now();
+    const req = new Request(...args);
+    const entry = {
+      method: req.method,
+      url: req.url,
+      type: "fetch",
+      timestamp: start
+    };
+    try {
+      const res = await origFetch.apply(this, args);
+      entry.status = res.status;
+      entry.duration = Date.now() - start;
+      entry.response_type = res.headers.get("content-type") || void 0;
+      pushLog(entry);
+      return res;
+    } catch (err) {
+      entry.duration = Date.now() - start;
+      entry.error = err.message || "Network error";
+      pushLog(entry);
+      throw err;
+    }
+  };
+  const origOpen = XMLHttpRequest.prototype.open;
+  const origSend = XMLHttpRequest.prototype.send;
+  XMLHttpRequest.prototype.open = function(method, url, ...rest) {
+    this.__cf_method = method;
+    this.__cf_url = String(url);
+    return origOpen.apply(this, [method, url, ...rest]);
+  };
+  XMLHttpRequest.prototype.send = function(...args) {
+    const start = Date.now();
+    const xhr = this;
+    xhr.addEventListener("loadend", () => {
+      const entry = {
+        method: xhr.__cf_method || "GET",
+        url: xhr.__cf_url || "",
+        status: xhr.status,
+        duration: Date.now() - start,
+        type: "xhr",
+        timestamp: start,
+        response_type: xhr.getResponseHeader("content-type") || void 0
+      };
+      if (xhr.status === 0) entry.error = "Request failed";
+      pushLog(entry);
+    });
+    return origSend.apply(this, args);
+  };
+}
+function pushLog(entry) {
+  if (entry.url.includes("/sdk/feedback")) return;
+  logs2.push(entry);
+  if (logs2.length > MAX_LOGS2) logs2.shift();
+}
+function getNetworkLogs() {
+  return [...logs2];
+}
+function clearNetworkLogs() {
+  logs2 = [];
+}
+var MAX_LOGS2, logs2, installed2;
+var init_network_interceptor = __esm({
+  "src/network-interceptor.ts"() {
+    "use strict";
+    MAX_LOGS2 = 50;
+    logs2 = [];
+    installed2 = false;
+  }
+});
+
+// src/widget.ts
+function mountWidget(config2 = {}, onSubmit, opts) {
+  if (container) return;
+  onSubmitCallback = onSubmit;
+  const cfg = { ...DEFAULT_CONFIG, ...config2 };
+  container = document.createElement("div");
+  container.id = "checkflow-widget";
+  injectStyles(cfg);
+  container.innerHTML = getTriggerHTML(cfg);
+  document.body.appendChild(container);
+  const btn = container.querySelector("#cf-trigger");
+  btn?.addEventListener("click", () => openModal(cfg, opts));
+}
+function openModal(cfg, opts) {
+  if (!container) return;
+  const existing = document.getElementById("cf-modal-backdrop");
+  if (existing) existing.remove();
+  isExpanded = false;
+  screenshotDataUrl = null;
+  annotationsData = [];
+  const backdrop = document.createElement("div");
+  backdrop.id = "cf-modal-backdrop";
+  backdrop.innerHTML = getModalHTML(cfg, false);
+  document.body.appendChild(backdrop);
+  backdrop.addEventListener("click", (e) => {
+    if (e.target === backdrop) closeModal();
+  });
+  bindModalEvents(cfg, opts);
+}
+function closeModal() {
+  const backdrop = document.getElementById("cf-modal-backdrop");
+  if (backdrop) backdrop.remove();
+  isExpanded = false;
+  screenshotDataUrl = null;
+  annotationsData = [];
+}
+function expandModal(cfg, opts) {
+  const backdrop = document.getElementById("cf-modal-backdrop");
+  if (!backdrop) return;
+  const name = backdrop.querySelector("#cf-name")?.value || "";
+  const email = backdrop.querySelector("#cf-email")?.value || "";
+  const desc = backdrop.querySelector("#cf-desc")?.value || "";
+  isExpanded = true;
+  backdrop.innerHTML = getModalHTML(cfg, true);
+  bindModalEvents(cfg, opts);
+  const nameEl = backdrop.querySelector("#cf-name");
+  const emailEl = backdrop.querySelector("#cf-email");
+  const descEl = backdrop.querySelector("#cf-desc");
+  if (nameEl) nameEl.value = name;
+  if (emailEl) emailEl.value = email;
+  if (descEl) descEl.value = desc;
+}
+function collapseModal(cfg, opts) {
+  const backdrop = document.getElementById("cf-modal-backdrop");
+  if (!backdrop) return;
+  const name = backdrop.querySelector("#cf-name")?.value || "";
+  const email = backdrop.querySelector("#cf-email")?.value || "";
+  const desc = backdrop.querySelector("#cf-desc")?.value || "";
+  isExpanded = false;
+  screenshotDataUrl = null;
+  annotationsData = [];
+  backdrop.innerHTML = getModalHTML(cfg, false);
+  bindModalEvents(cfg, opts);
+  const nameEl = backdrop.querySelector("#cf-name");
+  const emailEl = backdrop.querySelector("#cf-email");
+  const descEl = backdrop.querySelector("#cf-desc");
+  if (nameEl) nameEl.value = name;
+  if (emailEl) emailEl.value = email;
+  if (descEl) descEl.value = desc;
+}
+function bindModalEvents(cfg, opts) {
+  const backdrop = document.getElementById("cf-modal-backdrop");
+  if (!backdrop) return;
+  backdrop.querySelector("#cf-cancel")?.addEventListener("click", closeModal);
+  backdrop.querySelector("#cf-screenshot-btn")?.addEventListener("click", async () => {
+    if (!opts?.onScreenshot) return;
+    backdrop.style.display = "none";
+    try {
+      const data = await opts.onScreenshot();
+      if (data) {
+        screenshotDataUrl = data;
+        backdrop.style.display = "flex";
+        expandModal(cfg, opts);
+        return;
+      }
+    } catch {
+    }
+    backdrop.style.display = "flex";
+  });
+  backdrop.querySelector("#cf-remove-screenshot")?.addEventListener("click", () => {
+    collapseModal(cfg, opts);
+  });
+  backdrop.querySelector("#cf-highlight-btn")?.addEventListener("click", async () => {
+    if (!opts?.onHighlight) return;
+    backdrop.style.display = "none";
+    try {
+      const annotations = await opts.onHighlight();
+      if (annotations && annotations.length > 0) {
+        annotationsData = annotations;
+      }
+    } catch {
+    }
+    backdrop.style.display = "flex";
+    const hlBtn = backdrop.querySelector("#cf-highlight-btn");
+    if (hlBtn && annotationsData.length > 0) {
+      hlBtn.textContent = `Surligner (${annotationsData.length})`;
+    }
+  });
+  backdrop.querySelector("#cf-mask-btn")?.addEventListener("click", async () => {
+    if (!opts?.onHighlight) return;
+    backdrop.style.display = "none";
+    try {
+      const annotations = await opts.onHighlight();
+      if (annotations && annotations.length > 0) {
+        annotationsData = [...annotationsData, ...annotations];
+      }
+    } catch {
+    }
+    backdrop.style.display = "flex";
+  });
+  backdrop.querySelector("#cf-submit")?.addEventListener("click", () => {
+    const desc = backdrop.querySelector("#cf-desc")?.value;
+    const name = backdrop.querySelector("#cf-name")?.value;
+    const email = backdrop.querySelector("#cf-email")?.value;
+    if (!desc?.trim()) {
+      const descEl = backdrop.querySelector("#cf-desc");
+      if (descEl) {
+        descEl.style.borderColor = "#e74c3c";
+        descEl.focus();
+      }
+      return;
+    }
+    onSubmitCallback?.({
+      title: desc.trim().slice(0, 100),
+      description: desc.trim(),
+      type: "BUG",
+      priority: "MEDIUM",
+      screenshot: screenshotDataUrl || void 0,
+      annotations: annotationsData.length > 0 ? annotationsData : void 0,
+      reporter_name: name?.trim() || void 0,
+      reporter_email: email?.trim() || void 0
+    });
+    closeModal();
+    showToast("Rapport envoy\xE9 avec succ\xE8s !");
+  });
+}
+function unmountWidget() {
+  closeModal();
+  if (container) {
+    container.remove();
+    container = null;
+  }
+}
+function showToast(msg) {
+  const toast = document.createElement("div");
+  toast.textContent = msg;
+  toast.style.cssText = 'position:fixed;bottom:80px;right:20px;background:#10b981;color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;z-index:100010;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;box-shadow:0 4px 16px rgba(0,0,0,.18);animation:cf-toast-in .3s ease;';
+  document.body.appendChild(toast);
+  setTimeout(() => {
+    toast.style.opacity = "0";
+    toast.style.transition = "opacity .3s";
+  }, 2500);
+  setTimeout(() => toast.remove(), 3e3);
+}
+function injectStyles(cfg) {
+  const style = document.createElement("style");
+  style.id = "cf-widget-styles";
+  style.textContent = `
+    @keyframes cf-toast-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
+    @keyframes cf-modal-in { from { opacity:0; transform:scale(.96) translateY(8px); } to { opacity:1; transform:scale(1) translateY(0); } }
+
+    #cf-trigger {
+      position:fixed;
+      ${getPositionCSS(cfg.position)}
+      z-index:100000;
+      background:${cfg.color};
+      color:#fff;
+      border:none;
+      border-radius:50px;
+      padding:11px 20px;
+      font-size:14px;
+      font-weight:500;
+      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
+      cursor:pointer;
+      box-shadow:0 4px 16px rgba(0,0,0,.18);
+      display:flex;
+      align-items:center;
+      gap:8px;
+      transition:transform .15s,box-shadow .15s;
+    }
+    #cf-trigger:hover { transform:scale(1.04); box-shadow:0 6px 24px rgba(0,0,0,.22); }
+    #cf-trigger svg { width:18px; height:18px; }
+
+    #cf-modal-backdrop {
+      position:fixed;
+      top:0;left:0;right:0;bottom:0;
+      background:rgba(0,0,0,.45);
+      z-index:100001;
+      display:flex;
+      align-items:center;
+      justify-content:center;
+      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
+    }
+
+    .cf-modal {
+      background:#fff;
+      border-radius:16px;
+      box-shadow:0 24px 80px rgba(0,0,0,.25);
+      overflow:hidden;
+      animation:cf-modal-in .25s ease;
+      display:flex;
+      flex-direction:column;
+      max-height:90vh;
+    }
+    .cf-modal--compact { width:420px; }
+    .cf-modal--expanded { width:min(1100px,92vw); flex-direction:column; }
+
+    .cf-modal-header {
+      display:flex;
+      align-items:center;
+      justify-content:space-between;
+      padding:20px 24px 16px;
+      border-bottom:1px solid #f0f0f0;
+    }
+    .cf-modal-header h2 {
+      margin:0;
+      font-size:20px;
+      font-weight:700;
+      color:#1a1a2e;
+    }
+    .cf-modal-header .cf-logo {
+      width:28px;
+      height:28px;
+      color:${cfg.color};
+    }
+
+    .cf-modal-body { display:flex; flex:1; overflow:hidden; }
+
+    .cf-screenshot-panel {
+      flex:1;
+      min-width:0;
+      background:#1a1a2e;
+      display:flex;
+      flex-direction:column;
+      position:relative;
+    }
+    .cf-screenshot-panel img {
+      width:100%;
+      height:100%;
+      object-fit:contain;
+      max-height:60vh;
+    }
+    .cf-screenshot-tools {
+      position:absolute;
+      bottom:16px;
+      left:50%;
+      transform:translateX(-50%);
+      display:flex;
+      gap:8px;
+    }
+    .cf-screenshot-tools button {
+      padding:8px 18px;
+      border-radius:8px;
+      font-size:13px;
+      font-weight:500;
+      cursor:pointer;
+      font-family:inherit;
+      border:none;
+      transition:all .15s;
+    }
+    .cf-tool-highlight {
+      background:${cfg.color};
+      color:#fff;
+    }
+    .cf-tool-highlight:hover { opacity:.9; }
+    .cf-tool-mask {
+      background:#fff;
+      color:#1a1a2e;
+      border:1px solid #e0e0e0 !important;
+    }
+    .cf-tool-mask:hover { background:#f5f5f5; }
+
+    .cf-form-panel {
+      width:100%;
+      padding:20px 24px;
+      display:flex;
+      flex-direction:column;
+      gap:14px;
+      overflow-y:auto;
+    }
+    .cf-modal--expanded .cf-form-panel {
+      width:340px;
+      flex-shrink:0;
+      border-left:1px solid #f0f0f0;
+    }
+
+    .cf-field label {
+      display:block;
+      font-size:13px;
+      font-weight:500;
+      color:#1a1a2e;
+      margin-bottom:6px;
+    }
+    .cf-field label span { font-weight:400; color:#999; }
+    .cf-field input, .cf-field textarea {
+      width:100%;
+      padding:10px 14px;
+      border:1px solid #e0e0e0;
+      border-radius:10px;
+      font-size:14px;
+      font-family:inherit;
+      box-sizing:border-box;
+      outline:none;
+      transition:border-color .15s,box-shadow .15s;
+      color:#1a1a2e;
+      background:#fff;
+    }
+    .cf-field input::placeholder, .cf-field textarea::placeholder { color:#bbb; }
+    .cf-field input:focus, .cf-field textarea:focus {
+      border-color:${cfg.color};
+      box-shadow:0 0 0 3px ${cfg.color}18;
+    }
+    .cf-field textarea { resize:vertical; min-height:100px; }
+
+    .cf-screenshot-action {
+      width:100%;
+      padding:12px;
+      border:1px solid #e0e0e0;
+      border-radius:10px;
+      background:#fff;
+      font-size:14px;
+      color:#1a1a2e;
+      cursor:pointer;
+      font-family:inherit;
+      transition:all .15s;
+      text-align:center;
+    }
+    .cf-screenshot-action:hover { background:#f8f8f8; border-color:#ccc; }
+
+    .cf-remove-screenshot {
+      width:100%;
+      padding:10px;
+      border:1px solid #e0e0e0;
+      border-radius:10px;
+      background:#fff;
+      font-size:13px;
+      color:#666;
+      cursor:pointer;
+      font-family:inherit;
+      transition:all .15s;
+      text-align:center;
+    }
+    .cf-remove-screenshot:hover { background:#fff0f0; color:#e74c3c; border-color:#e74c3c; }
+
+    .cf-submit-btn {
+      width:100%;
+      padding:13px;
+      border:none;
+      border-radius:10px;
+      background:${cfg.color};
+      color:#fff;
+      font-size:15px;
+      font-weight:600;
+      cursor:pointer;
+      font-family:inherit;
+      transition:all .15s;
+    }
+    .cf-submit-btn:hover { opacity:.92; transform:translateY(-1px); box-shadow:0 4px 12px ${cfg.color}40; }
+    .cf-submit-btn:disabled { opacity:.5; cursor:not-allowed; transform:none; }
+
+    .cf-cancel-btn {
+      width:100%;
+      padding:11px;
+      border:1px solid #e0e0e0;
+      border-radius:10px;
+      background:#fff;
+      color:#1a1a2e;
+      font-size:14px;
+      font-weight:500;
+      cursor:pointer;
+      font-family:inherit;
+      transition:all .15s;
+      text-align:center;
+    }
+    .cf-cancel-btn:hover { background:#f8f8f8; }
+
+    .cf-footer {
+      text-align:center;
+      padding:12px;
+      border-top:1px solid #f0f0f0;
+      font-size:11px;
+      color:#bbb;
+    }
+    .cf-footer a {
+      color:#999;
+      text-decoration:none;
+      font-weight:500;
+    }
+    .cf-footer a:hover { color:${cfg.color}; }
+  `;
+  document.head.appendChild(style);
+}
+function getPositionCSS(pos) {
+  switch (pos) {
+    case "bottom-left":
+      return "bottom:20px;left:20px;";
+    case "top-right":
+      return "top:20px;right:20px;";
+    case "top-left":
+      return "top:20px;left:20px;";
+    default:
+      return "bottom:20px;right:20px;";
+  }
+}
+function getTriggerHTML(cfg) {
+  return `
+    <button id="cf-trigger">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
+      ${cfg.text}
+    </button>
+  `;
+}
+function getCheckflowLogo() {
+  return `<svg class="cf-logo" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 12C2 6.5 6.5 2 12 2a10 10 0 0 1 8 4"/><path d="M5 19.5C5.5 18 6 15 6 12c0-.7.12-1.37.34-2"/><path d="M17.29 21.02c.12-.6.43-2.3.5-3.02"/><path d="M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4"/><path d="M8.65 22c.21-.66.45-1.32.57-2"/><path d="M14 13.12c0 2.38 0 6.38-1 8.88"/><path d="M2 16h.01"/><path d="M21.8 16c.2-2 .131-5.354 0-6"/><path d="M9 6.8a6 6 0 0 1 9 5.2v2"/></svg>`;
+}
+function getModalHTML(cfg, expanded) {
+  const modalClass = expanded ? "cf-modal cf-modal--expanded" : "cf-modal cf-modal--compact";
+  const formFields = `
+    <div class="cf-field">
+      <label>Nom <span>(obligatoire)</span></label>
+      <input id="cf-name" type="text" placeholder="Votre nom" />
+    </div>
+    <div class="cf-field">
+      <label>Email <span>(obligatoire)</span></label>
+      <input id="cf-email" type="email" placeholder="votre.email@exemple.com" />
+    </div>
+    <div class="cf-field">
+      <label>Description <span>(obligatoire)</span></label>
+      <textarea id="cf-desc" placeholder="Quel est le probl\xE8me ? Que vous attendiez-vous \xE0 voir ?"></textarea>
+    </div>
+  `;
+  if (expanded && screenshotDataUrl) {
+    return `
+      <div class="${modalClass}">
+        <div class="cf-modal-header">
+          <h2>Envoyer le rapport</h2>
+          ${getCheckflowLogo()}
+        </div>
+        <div class="cf-modal-body">
+          <div class="cf-screenshot-panel">
+            <img src="${screenshotDataUrl}" alt="Capture d'\xE9cran" />
+            <div class="cf-screenshot-tools">
+              <button class="cf-tool-highlight" id="cf-highlight-btn">Surligner</button>
+              <button class="cf-tool-mask" id="cf-mask-btn">Masquer</button>
+            </div>
+          </div>
+          <div class="cf-form-panel">
+            ${formFields}
+            <button class="cf-remove-screenshot" id="cf-remove-screenshot">Supprimer la capture d'\xE9cran</button>
+            <button class="cf-submit-btn" id="cf-submit">Envoyer le rapport</button>
+            <button class="cf-cancel-btn" id="cf-cancel">Annuler</button>
+          </div>
+        </div>
+        <div class="cf-footer">Powered by <a href="https://checkflow.space" target="_blank" rel="noopener">Checkflow</a></div>
+      </div>
+    `;
+  }
+  return `
+    <div class="${modalClass}">
+      <div class="cf-modal-header">
+        <h2>Envoyer le rapport</h2>
+        ${getCheckflowLogo()}
+      </div>
+      <div class="cf-form-panel">
+        ${formFields}
+        <button class="cf-screenshot-action" id="cf-screenshot-btn">Ajouter une capture d'\xE9cran</button>
+        <button class="cf-submit-btn" id="cf-submit">Envoyer le rapport</button>
+        <button class="cf-cancel-btn" id="cf-cancel">Annuler</button>
+      </div>
+      <div class="cf-footer">Powered by <a href="https://checkflow.space" target="_blank" rel="noopener">Checkflow</a></div>
+    </div>
+  `;
+}
+var DEFAULT_CONFIG, container, onSubmitCallback, screenshotDataUrl, annotationsData, isExpanded;
+var init_widget = __esm({
+  "src/widget.ts"() {
+    "use strict";
+    DEFAULT_CONFIG = {
+      position: "bottom-right",
+      color: "#1e3a5f",
+      text: "Report Bug",
+      showOnInit: true
+    };
+    container = null;
+    onSubmitCallback = null;
+    screenshotDataUrl = null;
+    annotationsData = [];
+    isExpanded = false;
+  }
+});
+
+// src/screenshot.ts
+var screenshot_exports = {};
+__export(screenshot_exports, {
+  captureScreenshot: () => captureScreenshot,
+  clearScreenshot: () => clearScreenshot,
+  getLastScreenshot: () => getLastScreenshot
+});
+async function captureScreenshot() {
+  try {
+    const stream = await navigator.mediaDevices.getDisplayMedia({
+      video: { displaySurface: "browser" },
+      preferCurrentTab: true
+    });
+    const track = stream.getVideoTracks()[0];
+    const imageCapture = new window.ImageCapture(track);
+    await new Promise((r) => setTimeout(r, 300));
+    let bitmap;
+    try {
+      bitmap = await imageCapture.grabFrame();
+    } catch {
+      const video = document.createElement("video");
+      video.srcObject = stream;
+      video.autoplay = true;
+      await new Promise((resolve) => {
+        video.onloadedmetadata = () => {
+          video.play();
+          resolve();
+        };
+      });
+      await new Promise((r) => setTimeout(r, 200));
+      const canvas2 = document.createElement("canvas");
+      canvas2.width = video.videoWidth;
+      canvas2.height = video.videoHeight;
+      const ctx2 = canvas2.getContext("2d");
+      ctx2.drawImage(video, 0, 0);
+      track.stop();
+      screenshotData = canvas2.toDataURL("image/png", 0.92);
+      return screenshotData;
+    }
+    const canvas = document.createElement("canvas");
+    canvas.width = bitmap.width;
+    canvas.height = bitmap.height;
+    const ctx = canvas.getContext("2d");
+    ctx.drawImage(bitmap, 0, 0);
+    bitmap.close();
+    track.stop();
+    screenshotData = canvas.toDataURL("image/png", 0.92);
+    return screenshotData;
+  } catch {
+    return null;
+  }
+}
+function getLastScreenshot() {
+  return screenshotData;
+}
+function clearScreenshot() {
+  screenshotData = null;
+}
+var screenshotData;
+var init_screenshot = __esm({
+  "src/screenshot.ts"() {
+    "use strict";
+    screenshotData = null;
+  }
+});
+
+// src/highlighter.ts
+var highlighter_exports = {};
+__export(highlighter_exports, {
+  isHighlighting: () => isHighlighting,
+  startHighlighting: () => startHighlighting
+});
+function getSelector(el) {
+  if (el.id) return `#${el.id}`;
+  const parts = [];
+  let current = el;
+  while (current && current !== document.body) {
+    let sel = current.tagName.toLowerCase();
+    if (current.id) {
+      parts.unshift(`#${current.id}`);
+      break;
+    }
+    if (current.className && typeof current.className === "string") {
+      const cls = current.className.trim().split(/\s+/).slice(0, 2).join(".");
+      if (cls) sel += `.${cls}`;
+    }
+    const parent = current.parentElement;
+    if (parent) {
+      const siblings = Array.from(parent.children).filter((c) => c.tagName === current.tagName);
+      if (siblings.length > 1) sel += `:nth-child(${Array.from(parent.children).indexOf(current) + 1})`;
+    }
+    parts.unshift(sel);
+    current = current.parentElement;
+  }
+  return parts.join(" > ");
+}
+function createOverlay() {
+  overlay = document.createElement("div");
+  overlay.id = "cf-highlight-overlay";
+  overlay.style.cssText = "position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;cursor:crosshair;";
+  const toolbar = document.createElement("div");
+  toolbar.style.cssText = "position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:100002;background:#1e3a5f;color:#fff;padding:8px 16px;border-radius:10px;font-family:system-ui;font-size:13px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px rgba(0,0,0,.25);";
+  toolbar.innerHTML = `
+    <span>Click elements to highlight them</span>
+    <button id="cf-hl-done" style="background:#10b981;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;cursor:pointer;font-weight:500;">Done (${highlights.length})</button>
+    <button id="cf-hl-cancel" style="background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:6px 14px;font-size:12px;cursor:pointer;">Cancel</button>
+  `;
+  overlay.appendChild(toolbar);
+  document.body.appendChild(overlay);
+  overlay.addEventListener("click", handleClick);
+  overlay.addEventListener("mousemove", handleHover);
+  document.getElementById("cf-hl-done")?.addEventListener("click", finishHighlighting);
+  document.getElementById("cf-hl-cancel")?.addEventListener("click", cancelHighlighting);
+}
+function handleHover(e) {
+  if (!hoverBox) {
+    hoverBox = document.createElement("div");
+    hoverBox.style.cssText = "position:fixed;border:2px solid #0c66e4;background:rgba(12,102,228,0.08);pointer-events:none;z-index:100001;border-radius:3px;transition:all 0.05s;";
+    document.body.appendChild(hoverBox);
+  }
+  const target = document.elementFromPoint(e.clientX, e.clientY);
+  if (target && target !== overlay && !overlay?.contains(target)) {
+    const rect = target.getBoundingClientRect();
+    hoverBox.style.left = rect.left + "px";
+    hoverBox.style.top = rect.top + "px";
+    hoverBox.style.width = rect.width + "px";
+    hoverBox.style.height = rect.height + "px";
+    hoverBox.style.display = "block";
+  } else {
+    hoverBox.style.display = "none";
+  }
+}
+function handleClick(e) {
+  e.preventDefault();
+  e.stopPropagation();
+  const target = document.elementFromPoint(e.clientX, e.clientY);
+  if (!target || target === overlay || overlay?.contains(target)) return;
+  const rect = target.getBoundingClientRect();
+  highlights.push({ el: target, rect });
+  const marker = document.createElement("div");
+  marker.className = "cf-hl-marker";
+  marker.style.cssText = `position:fixed;left:${rect.left}px;top:${rect.top}px;width:${rect.width}px;height:${rect.height}px;border:2px solid #ae2a19;background:rgba(174,42,25,0.12);z-index:100001;pointer-events:none;border-radius:3px;`;
+  const badge = document.createElement("div");
+  badge.style.cssText = "position:absolute;top:-10px;right:-10px;background:#ae2a19;color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;font-family:system-ui;font-weight:600;";
+  badge.textContent = String(highlights.length);
+  marker.appendChild(badge);
+  overlay?.appendChild(marker);
+  const doneBtn = document.getElementById("cf-hl-done");
+  if (doneBtn) doneBtn.textContent = `Done (${highlights.length})`;
+}
+function finishHighlighting() {
+  const annotations = highlights.map((h) => ({
+    selector: getSelector(h.el),
+    tagName: h.el.tagName.toLowerCase(),
+    text: h.el.textContent?.slice(0, 100) || void 0,
+    rect: { x: Math.round(h.rect.x), y: Math.round(h.rect.y), width: Math.round(h.rect.width), height: Math.round(h.rect.height) },
+    note: h.note
+  }));
+  cleanup();
+  onDoneCallback?.(annotations);
+}
+function cancelHighlighting() {
+  cleanup();
+  onDoneCallback?.([]);
+}
+function cleanup() {
+  if (hoverBox) {
+    hoverBox.remove();
+    hoverBox = null;
+  }
+  if (overlay) {
+    overlay.remove();
+    overlay = null;
+  }
+  highlights = [];
+  isActive = false;
+}
+function startHighlighting() {
+  return new Promise((resolve) => {
+    if (isActive) {
+      resolve([]);
+      return;
+    }
+    isActive = true;
+    highlights = [];
+    onDoneCallback = resolve;
+    createOverlay();
+  });
+}
+function isHighlighting() {
+  return isActive;
+}
+var overlay, highlights, isActive, onDoneCallback, hoverBox;
+var init_highlighter = __esm({
+  "src/highlighter.ts"() {
+    "use strict";
+    overlay = null;
+    highlights = [];
+    isActive = false;
+    onDoneCallback = null;
+    hoverBox = null;
+  }
+});
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  captureScreenshot: () => captureScreenshot,
+  destroy: () => destroy,
+  hideWidget: () => hideWidget,
+  init: () => init,
+  sendFeedback: () => sendFeedback,
+  showWidget: () => showWidget,
+  startHighlighting: () => startHighlighting
+});
+function init(cfg) {
+  config = {
+    enabled: true,
+    endpoint: DEFAULT_ENDPOINT,
+    environment: "production",
+    ...cfg
+  };
+  if (!config.enabled) return;
+  installInterceptors();
+  installNetworkInterceptor();
+  if (typeof window !== "undefined" && config.widget?.showOnInit !== false) {
+    mountWidget(
+      config.widget,
+      (data) => {
+        sendFeedback({
+          title: data.title,
+          description: data.description,
+          type: data.type,
+          priority: data.priority,
+          screenshot_data: data.screenshot,
+          annotations: data.annotations,
+          reporter_name: data.reporter_name,
+          reporter_email: data.reporter_email
+        });
+      },
+      {
+        onScreenshot: () => captureScreenshot(),
+        onHighlight: () => startHighlighting()
+      }
+    );
+  }
+}
+async function sendFeedback(data) {
+  if (!config) {
+    return { success: false, error: { message: "SDK not initialized. Call init() first.", code: "NOT_INITIALIZED" } };
+  }
+  const context = typeof window !== "undefined" ? collectContext() : {};
+  const perf = typeof window !== "undefined" ? collectPerformance() : void 0;
+  const consoleLogs = getConsoleLogs();
+  const jsErrors = getJavascriptErrors();
+  const networkLogs = getNetworkLogs();
+  const payload = {
+    ...data,
+    ...context,
+    environment: config.environment,
+    performance_metrics: perf,
+    console_logs: consoleLogs.length > 0 ? consoleLogs : void 0,
+    javascript_errors: jsErrors.length > 0 ? jsErrors : void 0,
+    network_logs: networkLogs.length > 0 ? networkLogs : void 0,
+    sdk_version: SDK_VERSION
+  };
+  if (data.screenshot_data) {
+    payload.screenshot_data = data.screenshot_data;
+  }
+  if (data.annotations && data.annotations.length > 0) {
+    payload.annotations = data.annotations;
+  }
+  if (data.reporter_name) {
+    payload.reporter_name = data.reporter_name;
+  }
+  if (data.reporter_email) {
+    payload.reporter_email = data.reporter_email;
+  }
+  try {
+    const res = await fetch(`${config.endpoint}/sdk/feedback`, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-API-Key": config.apiKey
+      },
+      body: JSON.stringify(payload)
+    });
+    const json = await res.json();
+    if (!res.ok) {
+      return { success: false, error: json.error || { message: "Request failed", code: "REQUEST_FAILED" } };
+    }
+    return { success: true, data: json.data };
+  } catch (err) {
+    return { success: false, error: { message: err.message, code: "NETWORK_ERROR" } };
+  }
+}
+function showWidget() {
+  if (!config) return;
+  mountWidget(
+    config.widget,
+    (data) => {
+      sendFeedback({
+        title: data.title,
+        description: data.description,
+        type: data.type,
+        priority: data.priority,
+        screenshot_data: data.screenshot,
+        annotations: data.annotations,
+        reporter_name: data.reporter_name,
+        reporter_email: data.reporter_email
+      });
+    },
+    {
+      onScreenshot: () => captureScreenshot(),
+      onHighlight: () => startHighlighting()
+    }
+  );
+}
+function hideWidget() {
+  unmountWidget();
+}
+function destroy() {
+  unmountWidget();
+  clearLogs();
+  clearNetworkLogs();
+  clearScreenshot();
+  config = null;
+}
+var SDK_VERSION, DEFAULT_ENDPOINT, config;
+var init_index = __esm({
+  "src/index.ts"() {
+    "use strict";
+    init_collector();
+    init_console_interceptor();
+    init_network_interceptor();
+    init_widget();
+    init_screenshot();
+    init_highlighter();
+    init_screenshot();
+    init_highlighter();
+    SDK_VERSION = "1.1.0";
+    DEFAULT_ENDPOINT = "https://api.checkflow.space/api/v1";
+    config = null;
+  }
+});
+
+// src/vue.ts
+var vue_exports = {};
+__export(vue_exports, {
+  createCheckflowPlugin: () => createCheckflowPlugin,
+  useCheckflow: () => useCheckflow
+});
+module.exports = __toCommonJS(vue_exports);
+var _config = null;
+var _initialized = false;
+function createCheckflowPlugin(config2) {
+  return {
+    install() {
+      if (typeof window === "undefined") return;
+      if (_initialized) return;
+      _initialized = true;
+      _config = config2;
+      Promise.resolve().then(() => (init_index(), index_exports)).then(({ init: init2 }) => init2(config2));
+    }
+  };
+}
+function useCheckflow() {
+  return {
+    send: async (data) => {
+      if (typeof window === "undefined") return { success: false, error: { message: "Not in browser", code: "SSR" } };
+      const { sendFeedback: sendFeedback2 } = await Promise.resolve().then(() => (init_index(), index_exports));
+      return sendFeedback2(data);
+    },
+    screenshot: async () => {
+      if (typeof window === "undefined") return null;
+      const { captureScreenshot: captureScreenshot2 } = await Promise.resolve().then(() => (init_screenshot(), screenshot_exports));
+      return captureScreenshot2();
+    },
+    highlight: async () => {
+      if (typeof window === "undefined") return [];
+      const { startHighlighting: startHighlighting2 } = await Promise.resolve().then(() => (init_highlighter(), highlighter_exports));
+      return startHighlighting2();
+    },
+    show: async () => {
+      if (typeof window === "undefined") return;
+      const { showWidget: showWidget2 } = await Promise.resolve().then(() => (init_index(), index_exports));
+      showWidget2();
+    },
+    hide: async () => {
+      if (typeof window === "undefined") return;
+      const { hideWidget: hideWidget2 } = await Promise.resolve().then(() => (init_index(), index_exports));
+      hideWidget2();
+    },
+    destroy: async () => {
+      if (typeof window === "undefined") return;
+      const { destroy: destroy2 } = await Promise.resolve().then(() => (init_index(), index_exports));
+      destroy2();
+      _initialized = false;
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createCheckflowPlugin,
+  useCheckflow
+});