web-remarq 0.4.1 → 0.4.2

package/dist/index.cjs

@@ -1589,6 +1589,12 @@ var Popup = class {
       });
       actions.appendChild(resolveBtn);
     }
+    const copyBtn = document.createElement("button");
+    copyBtn.textContent = "Copy";
+    copyBtn.addEventListener("click", () => {
+      callbacks.onCopy();
+    });
+    actions.appendChild(copyBtn);
     const deleteBtn = document.createElement("button");
     deleteBtn.textContent = "Delete";
     deleteBtn.addEventListener("click", () => {
@@ -1747,12 +1753,14 @@ var MarkerManager = class {
     });
     this.container.appendChild(markerEl);
     this.markers.set(annotation.id, { annotation, target, markerEl });
+    this.applyOutline(target, annotation.status);
     this.updatePosition(annotation.id);
   }
   removeMarker(id) {
     const entry = this.markers.get(id);
     if (entry) {
       entry.markerEl.remove();
+      this.removeOutline(entry.target);
       this.markers.delete(id);
     }
   }
@@ -1766,6 +1774,7 @@ var MarkerManager = class {
   clear() {
     for (const entry of this.markers.values()) {
       entry.markerEl.remove();
+      this.removeOutline(entry.target);
     }
     this.markers.clear();
     this.counter = 0;
@@ -1777,6 +1786,15 @@ var MarkerManager = class {
     }
     this.clear();
   }
+  applyOutline(target, status) {
+    const color = status === "pending" ? "#f97316" : "rgba(34, 197, 94, 0.5)";
+    target.style.outline = `2px solid ${color}`;
+    target.style.outlineOffset = "2px";
+  }
+  removeOutline(target) {
+    target.style.outline = "";
+    target.style.outlineOffset = "";
+  }
   updatePosition(id) {
     const entry = this.markers.get(id);
     if (!entry) return;
@@ -2179,6 +2197,21 @@ function handleMarkerClick(annotationId) {
       onEdit: (newComment) => {
         storage.update(ann.id, { comment: newComment });
         refreshMarkers();
+      },
+      onCopy: () => {
+        const fp = ann.fingerprint;
+        const lines = [
+          `[${ann.status}] "${ann.comment}"`,
+          `Element: <${fp.tagName}>${fp.textContent ? ` "${fp.textContent}"` : ""}`,
+          `Route: ${ann.route}`,
+          `Viewport: ${ann.viewportBucket}px`
+        ];
+        if (fp.sourceLocation) lines.push(`Source: ${fp.sourceLocation}`);
+        navigator.clipboard.writeText(lines.join("\n")).then(() => {
+          showToast(themeManager.container, "Annotation copied");
+        }).catch(() => {
+          console.warn("[web-remarq] Clipboard write failed");
+        });
       }
     }
   );