@riebeckite/plugin-excalidraw 0.0.31 → 0.0.33

package/README.md

@@ -101,7 +101,7 @@ required. Only public entries are listed.
 
 ## Exports
 
-- `excalidraw(options?)` / `excalidrawPlugin` — plugin factory
+- `excalidraw(options?)` / `excalidraw` — plugin factory
 - Type: `ExcalidrawOptions`
 
 ## See also

package/README_ja.md

@@ -50,7 +50,7 @@ export default defineConfig({
 
 ## 単体ページとしての表示
 
-Excalidraw の描画である Markdown エントリは、通常の Markdown ページではなく専用ページとして表示されます。プラグインはページ型（`excalidraw-document`）を登録し、パーマリンク末尾の `.excalidraw` を除いたパスを引き受けます。
+Markdown として保存された Excalidraw の描画は、通常の Markdown ページではなく専用ページとして表示されます。プラグインはページ型（`excalidraw-document`）を登録し、パーマリンク末尾の `.excalidraw` を除いたパスを引き受けます。
 
 - 判定: slug が `.excalidraw` で終わる（`*.excalidraw.md`）、または frontmatter に `excalidraw-plugin: parsed` がある
 - `drawing.excalidraw.md`（パーマリンク `/drawing.excalidraw`）は `/drawing` で表示される
@@ -60,7 +60,7 @@ Excalidraw の描画である Markdown エントリは、通常の Markdown ペ
 
 ## 公開 API
 
-- `excalidraw(options?)` / `excalidrawPlugin`：プラグインファクトリ
+- `excalidraw(options?)` / `excalidraw`：プラグインファクトリ
 - `ExcalidrawOptions`：オプションの型
 
 ## 関連資料

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.d.ts

@@ -1,4 +1,3 @@
 import type { ExcalidrawOptions } from "./src/types.js";
 export type { ExcalidrawOptions } from "./src/types.js";
 export declare function excalidraw(options?: ExcalidrawOptions): import("@riebeckite/core").RiebeckitePlugin<ExcalidrawOptions>;
-export declare const excalidrawPlugin: typeof excalidraw;

package/dist/index.js

@@ -184,12 +184,14 @@ function excalidraw(options = {}) {
       createClientEntry(
         PLUGIN_NAME,
         "@riebeckite/plugin-excalidraw/client",
-        "initExcalidraw"
+        "initExcalidraw",
+        void 0,
+        void 0,
+        "context"
       )
     ]
   });
 }
-var excalidrawPlugin = excalidraw;
 async function renderAttachment(context, options) {
   if (context.kind !== "attachment") return null;
   if (!isExcalidrawPath(context.path)) return null;
@@ -476,6 +478,5 @@ function getFileName(contentPath) {
   return contentPath.split("/").at(-1) ?? contentPath;
 }
 export {
-  excalidraw,
-  excalidrawPlugin
+  excalidraw
 };

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.33",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,9 +22,9 @@
   },
   "dependencies": {
     "@excalidraw/excalidraw": "^0.18.0",
+    "@riebeckite/core": "0.0.33",
     "lz-string": "^1.5.0",
-    "unist-util-visit": "^5.0.0",
-    "@riebeckite/core": "0.0.31"
+    "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
     "@types/mdast": "^4.0.4",