@riebeckite/plugin-text-fragment 0.0.30 → 0.0.32

package/dist/client.js

@@ -50,7 +50,7 @@ function stripUrlFragment(url) {
 }
 
 // src/text-fragment.client.ts
-var ARTICLE_SELECTOR = '[data-slot="article-body"]';
+var ARTICLE_SELECTOR = ".rb-article-body";
 var EXCLUDED_SELECTOR = "pre, code, a[href], [data-no-share]";
 var POPOVER_GAP = 8;
 var DEFAULT_TEXT_FRAGMENT_LABELS = {
@@ -86,6 +86,7 @@ function initTextFragmentShare(labels = {}) {
   popover.appendChild(status);
   document.body.appendChild(popover);
   let active = null;
+  const copyingTimers = /* @__PURE__ */ new Set();
   let isCopying = false;
   const hide = () => {
     active = null;
@@ -118,18 +119,20 @@ function initTextFragmentShare(labels = {}) {
       popover.hidden = false;
       positionPopover(popover, selection.rect);
     } finally {
-      window.setTimeout(() => {
+      const timer = window.setTimeout(() => {
+        copyingTimers.delete(timer);
         isCopying = false;
       }, 0);
+      copyingTimers.add(timer);
     }
   };
-  linkButton.addEventListener("click", () => {
+  const onLinkButtonClick = () => {
     void copy(
       (selection) => buildTextFragmentUrl(resolvePageUrl(), selection),
       resolved.linkCopiedLabel
     );
-  });
-  quoteButton.addEventListener("click", () => {
+  };
+  const onQuoteButtonClick = () => {
     void copy(
       (selection) => buildQuoteMarkdown({
         url: resolvePageUrl(),
@@ -138,23 +141,43 @@ function initTextFragmentShare(labels = {}) {
       }),
       resolved.quoteCopiedLabel
     );
-  });
-  popover.addEventListener("mousedown", (event) => event.preventDefault());
-  document.addEventListener("selectionchange", refresh);
-  document.addEventListener("mouseup", refresh);
-  document.addEventListener("keyup", refresh);
-  document.addEventListener("keydown", (event) => {
+  };
+  const onPopoverMouseDown = (event) => event.preventDefault();
+  const onKeyDown = (event) => {
     if (event.key === "Escape" && !popover.hidden) {
       event.preventDefault();
       hide();
     }
-  });
-  document.addEventListener("mousedown", (event) => {
+  };
+  const onMouseDown = (event) => {
     if (popover.hidden) return;
     if (event.target instanceof Node && popover.contains(event.target)) return;
     hide();
-  });
+  };
+  linkButton.addEventListener("click", onLinkButtonClick);
+  quoteButton.addEventListener("click", onQuoteButtonClick);
+  popover.addEventListener("mousedown", onPopoverMouseDown);
+  document.addEventListener("selectionchange", refresh);
+  document.addEventListener("mouseup", refresh);
+  document.addEventListener("keyup", refresh);
+  document.addEventListener("keydown", onKeyDown);
+  document.addEventListener("mousedown", onMouseDown);
   window.addEventListener("scroll", hide, { passive: true });
+  return () => {
+    initialized = false;
+    for (const timer of copyingTimers) window.clearTimeout(timer);
+    copyingTimers.clear();
+    linkButton.removeEventListener("click", onLinkButtonClick);
+    quoteButton.removeEventListener("click", onQuoteButtonClick);
+    popover.removeEventListener("mousedown", onPopoverMouseDown);
+    document.removeEventListener("selectionchange", refresh);
+    document.removeEventListener("mouseup", refresh);
+    document.removeEventListener("keyup", refresh);
+    document.removeEventListener("keydown", onKeyDown);
+    document.removeEventListener("mousedown", onMouseDown);
+    window.removeEventListener("scroll", hide);
+    popover.remove();
+  };
 }
 function createButton(label) {
   const button = document.createElement("button");

package/dist/index.js

@@ -57,7 +57,7 @@ function stripUrlFragment(url) {
 }
 
 // src/text-fragment.client.ts
-var ARTICLE_SELECTOR = '[data-slot="article-body"]';
+var ARTICLE_SELECTOR = ".rb-article-body";
 var EXCLUDED_SELECTOR = "pre, code, a[href], [data-no-share]";
 var POPOVER_GAP = 8;
 var DEFAULT_TEXT_FRAGMENT_LABELS = {
@@ -93,6 +93,7 @@ function initTextFragmentShare(labels = {}) {
   popover.appendChild(status);
   document.body.appendChild(popover);
   let active = null;
+  const copyingTimers = /* @__PURE__ */ new Set();
   let isCopying = false;
   const hide = () => {
     active = null;
@@ -125,18 +126,20 @@ function initTextFragmentShare(labels = {}) {
       popover.hidden = false;
       positionPopover(popover, selection.rect);
     } finally {
-      window.setTimeout(() => {
+      const timer = window.setTimeout(() => {
+        copyingTimers.delete(timer);
         isCopying = false;
       }, 0);
+      copyingTimers.add(timer);
     }
   };
-  linkButton.addEventListener("click", () => {
+  const onLinkButtonClick = () => {
     void copy(
       (selection) => buildTextFragmentUrl(resolvePageUrl(), selection),
       resolved.linkCopiedLabel
     );
-  });
-  quoteButton.addEventListener("click", () => {
+  };
+  const onQuoteButtonClick = () => {
     void copy(
       (selection) => buildQuoteMarkdown({
         url: resolvePageUrl(),
@@ -145,23 +148,43 @@ function initTextFragmentShare(labels = {}) {
       }),
       resolved.quoteCopiedLabel
     );
-  });
-  popover.addEventListener("mousedown", (event) => event.preventDefault());
-  document.addEventListener("selectionchange", refresh);
-  document.addEventListener("mouseup", refresh);
-  document.addEventListener("keyup", refresh);
-  document.addEventListener("keydown", (event) => {
+  };
+  const onPopoverMouseDown = (event) => event.preventDefault();
+  const onKeyDown = (event) => {
     if (event.key === "Escape" && !popover.hidden) {
       event.preventDefault();
       hide();
     }
-  });
-  document.addEventListener("mousedown", (event) => {
+  };
+  const onMouseDown = (event) => {
     if (popover.hidden) return;
     if (event.target instanceof Node && popover.contains(event.target)) return;
     hide();
-  });
+  };
+  linkButton.addEventListener("click", onLinkButtonClick);
+  quoteButton.addEventListener("click", onQuoteButtonClick);
+  popover.addEventListener("mousedown", onPopoverMouseDown);
+  document.addEventListener("selectionchange", refresh);
+  document.addEventListener("mouseup", refresh);
+  document.addEventListener("keyup", refresh);
+  document.addEventListener("keydown", onKeyDown);
+  document.addEventListener("mousedown", onMouseDown);
   window.addEventListener("scroll", hide, { passive: true });
+  return () => {
+    initialized = false;
+    for (const timer of copyingTimers) window.clearTimeout(timer);
+    copyingTimers.clear();
+    linkButton.removeEventListener("click", onLinkButtonClick);
+    quoteButton.removeEventListener("click", onQuoteButtonClick);
+    popover.removeEventListener("mousedown", onPopoverMouseDown);
+    document.removeEventListener("selectionchange", refresh);
+    document.removeEventListener("mouseup", refresh);
+    document.removeEventListener("keyup", refresh);
+    document.removeEventListener("keydown", onKeyDown);
+    document.removeEventListener("mousedown", onMouseDown);
+    window.removeEventListener("scroll", hide);
+    popover.remove();
+  };
 }
 function createButton(label) {
   const button = document.createElement("button");

package/dist/src/text-fragment.client.d.ts

@@ -14,4 +14,4 @@ export declare const DEFAULT_TEXT_FRAGMENT_LABELS: TextFragmentLabels;
  * Client-only: returns immediately when there is no `document`, and only wires
  * its listeners once per page.
  */
-export declare function initTextFragmentShare(labels?: Partial<TextFragmentLabels>): void;
+export declare function initTextFragmentShare(labels?: Partial<TextFragmentLabels>): (() => void) | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-text-fragment",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,7 +21,7 @@
     "./style.css": "./style.css"
   },
   "dependencies": {
-    "@riebeckite/core": "0.0.30"
+    "@riebeckite/core": "0.0.32"
   },
   "devDependencies": {
     "tsx": "^4.22.4"