instruckt 0.4.23 → 0.4.25

package/dist/instruckt.cjs.js

@@ -2417,14 +2417,20 @@ function captureRectFromStream(stream, rect) {
     return canvas.toDataURL("image/png");
   });
 }
+var preferScreenCapture = false;
+function setPreferScreenCapture(value) {
+  preferScreenCapture = value;
+}
 async function captureElement(el) {
-  try {
-    const dataUrl = await domToPng(el, {
-      scale: 2,
-      filter: nodeFilter
-    });
-    if (dataUrl) return dataUrl;
-  } catch (e) {
+  if (!preferScreenCapture) {
+    try {
+      const dataUrl = await domToPng(el, {
+        scale: 2,
+        filter: nodeFilter
+      });
+      if (dataUrl) return dataUrl;
+    } catch (e) {
+    }
   }
   try {
     const stream = await getStream();
@@ -2435,13 +2441,15 @@ async function captureElement(el) {
   }
 }
 async function captureRegion(rect) {
-  try {
-    const full = await domToPng(document.body, {
-      scale: 2,
-      filter: nodeFilter
-    });
-    if (full) return await cropImage(full, rect);
-  } catch (e) {
+  if (!preferScreenCapture) {
+    try {
+      const full = await domToPng(document.body, {
+        scale: 2,
+        filter: nodeFilter
+      });
+      if (full) return await cropImage(full, rect);
+    } catch (e) {
+    }
   }
   try {
     const stream = await getStream();
@@ -3176,6 +3184,7 @@ var _Instruckt = class _Instruckt {
     this.pendingMouseTarget = null;
     this.highlightLocked = false;
     this.pollTimer = null;
+    this.initialLoadDone = false;
     this.boundReposition = () => {
       var _a2;
       (_a2 = this.markers) == null ? void 0 : _a2.reposition(this.annotations);
@@ -3274,7 +3283,12 @@ var _Instruckt = class _Instruckt {
     this.init();
   }
   init() {
+    var _a2;
     injectGlobalStyles(this.config.colors);
+    const adapters = (_a2 = this.config.adapters) != null ? _a2 : [];
+    if (adapters.includes("livewire") && isAvailable()) {
+      setPreferScreenCapture(true);
+    }
     if (this.config.theme !== "auto") {
       document.documentElement.setAttribute("data-instruckt-theme", this.config.theme);
     }
@@ -3364,6 +3378,7 @@ var _Instruckt = class _Instruckt {
       this.saveToStorage();
     } catch (e) {
     }
+    this.initialLoadDone = true;
     this.syncMarkers();
   }
   saveToStorage() {
@@ -3381,6 +3396,7 @@ var _Instruckt = class _Instruckt {
   }
   /** Start or stop polling based on whether there are active annotations */
   updatePolling() {
+    if (!this.initialLoadDone) return;
     const hasActive = this.totalActiveCount() > 0;
     if (hasActive && !this.pollTimer) {
       this.pollTimer = setInterval(() => this.pollForChanges(), 3e3);
@@ -3882,7 +3898,7 @@ No open annotations.`;
   }
 };
 // ── Persistence ─────────────────────────────────────────────────
-_Instruckt.STORAGE_KEY = "instruckt:annotations";
+_Instruckt.STORAGE_KEY = `instruckt:${window.location.origin}:annotations`;
 var Instruckt = _Instruckt;
 
 // src/index.ts