@riebeckite/plugin-excalidraw 0.0.31 → 0.0.32

package/dist/client.js

@@ -1,7 +1,8 @@
 // src/client_init.ts
-function initExcalidraw() {
+function initExcalidraw(context = {}) {
+  const root = context.root ?? document;
   const figures = Array.from(
-    document.querySelectorAll(
+    root.querySelectorAll(
       '.rr-excalidraw[data-excalidraw="pending"]'
     )
   );
@@ -9,13 +10,13 @@ function initExcalidraw() {
   const immediate = figures.filter(
     (figure) => figure.dataset.excalidrawLazy === "false"
   );
-  for (const figure of immediate) void renderFigure(figure);
+  for (const figure of immediate) void renderFigure(figure, context.signal);
   const lazy = figures.filter(
     (figure) => figure.dataset.excalidrawLazy !== "false"
   );
   if (lazy.length === 0) return;
   if (!("IntersectionObserver" in window)) {
-    for (const figure of lazy) void renderFigure(figure);
+    for (const figure of lazy) void renderFigure(figure, context.signal);
     return;
   }
   const observer = new IntersectionObserver(
@@ -24,14 +25,15 @@ function initExcalidraw() {
         if (!entry.isIntersecting) continue;
         const figure = entry.target;
         observer.unobserve(figure);
-        void renderFigure(figure);
+        void renderFigure(figure, context.signal);
       }
     },
     { rootMargin: "200px" }
   );
   for (const figure of lazy) observer.observe(figure);
+  return () => observer.disconnect();
 }
-async function renderFigure(figure) {
+async function renderFigure(figure, signal) {
   const canvas = figure.querySelector(".rr-excalidraw__canvas");
   const payloadScript = figure.querySelector(
     ".rr-excalidraw__payload"
@@ -48,6 +50,7 @@ async function renderFigure(figure) {
       },
       files: payload.files
     });
+    if (signal?.aborted || !figure.isConnected) return;
     svg.removeAttribute("width");
     svg.removeAttribute("height");
     svg.setAttribute("role", "img");

package/dist/index.js

@@ -184,7 +184,10 @@ function excalidraw(options = {}) {
       createClientEntry(
         PLUGIN_NAME,
         "@riebeckite/plugin-excalidraw/client",
-        "initExcalidraw"
+        "initExcalidraw",
+        void 0,
+        void 0,
+        "context"
       )
     ]
   });

package/dist/src/client_init.d.ts

@@ -1 +1,6 @@
-export declare function initExcalidraw(): void;
+type ClientContext = {
+    root?: ParentNode;
+    signal?: AbortSignal;
+};
+export declare function initExcalidraw(context?: ClientContext): () => void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-excalidraw",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -24,7 +24,7 @@
     "@excalidraw/excalidraw": "^0.18.0",
     "lz-string": "^1.5.0",
     "unist-util-visit": "^5.0.0",
-    "@riebeckite/core": "0.0.31"
+    "@riebeckite/core": "0.0.32"
   },
   "devDependencies": {
     "@types/mdast": "^4.0.4",