@riebeckite/plugin-mermaid 0.0.18 → 0.0.20

package/README.md

@@ -37,8 +37,8 @@ export default defineConfig({
   - `div.rr-mermaid__canvas` — the diagram (`role="img"`, labelled by the
     caption when present)
   - `details.rr-mermaid__fallback` — collapsible diagram source
-- Static SVG is rendered at build time when `render` is `"build"` or
-  `"both"` by running the Mermaid browser API in Puppeteer's headless Chromium.
+- Static SVG is rendered at build time when `render` is `"build"` by running the
+  Mermaid browser API in Puppeteer's headless Chromium.
   Rendering uses Chromium's layout engine, not JSDOM polyfills or custom
   `getBBox` / text-width estimation
 - Mermaid runs with `securityLevel: "strict"`, the selected theme, transparent
@@ -60,7 +60,7 @@ export default defineConfig({
 
 | Option | Type | Default | Description |
 | ------ | ---- | ------- | ----------- |
-| `render` | `"build" \| "client" \| "both"` | `"build"` | When diagrams are rendered |
+| `render` | `"build" \| "client"` | `"build"` | When diagrams are rendered |
 | `theme` | `string \| { light: string; dark: string }` | `{ light: "default", dark: "dark" }` | Mermaid theme |
 | `caption` | `boolean` | `true` | Show title / `%% caption:` as `figcaption` |
 | `fallback` | `boolean` | `true` | Show the diagram source in `<details>` |
@@ -70,8 +70,6 @@ export default defineConfig({
 - `"build"` — render SVG at build time; diagrams that fail fall back to client
   rendering
 - `"client"` — skip build-time rendering, render in the browser only
-- `"both"` — compatibility alias. It currently behaves like `"build"`: build
-  first, then client fallback only when build rendering fails
 
 ## Exports
 
@@ -81,5 +79,4 @@ export default defineConfig({
 
 ## See also
 
-- [Plugin guide](../../../docs/docs/reference/plugin-api.en.md)
-
+- [Plugin guide](../../../docs/docs/reference/plugin-api.md)

package/README_ja.md

@@ -27,7 +27,7 @@ export default defineConfig({
 
 ` ```mermaid ` のコードブロックは `figure.rr-mermaid` に置き換わります。図のタイトルはコードブロックの title、またはソース内の `%% caption: ...` 行から取得します。図には代替テキスト相当の `role="img"` を付け、必要に応じて元の記法を折りたたみ表示します。
 
-`render: "build"` または `"both"` では、Puppeteer が起動するヘッドレス Chromium 上で Mermaid を実行し、静的な SVG を生成します。簡易な DOM 実装や寸法の推測には頼らないため、ブラウザと同じレイアウトエンジンで図を作れます。Mermaid は `securityLevel: "strict"` で実行されます。
+`render: "build"` では、Puppeteer が起動するヘッドレス Chromium 上で Mermaid を実行し、静的な SVG を生成します。簡易な DOM 実装や寸法の推測には頼らないため、ブラウザと同じレイアウトエンジンで図を作れます。Mermaid は `securityLevel: "strict"` で実行されます。
 
 構文エラーは `invalid-diagram`、描画環境の問題は `renderer-error` として区別して診断します。ビルドで SVG を作れなかった図には `data-mermaid="pending"` が付き、クライアント側が描画を引き継ぎます。
 
@@ -41,12 +41,12 @@ export default defineConfig({
 
 | 項目 | 既定値 | 説明 |
 | --- | --- | --- |
-| `render` | `"build"` | `"build"`、`"client"`、`"both"` のいずれで描画するか |
+| `render` | `"build"` | `"build"` または `"client"` のいずれで描画するか |
 | `theme` | `{ light: "default", dark: "dark" }` | Mermaid のテーマ名、または明暗別のテーマ |
 | `caption` | `true` | タイトルまたは `%% caption:` をキャプションとして表示する |
 | `fallback` | `true` | 元の Mermaid 記法を `<details>` に残す |
 
-`"client"` はビルド時の描画を行いません。`"both"` は後方互換の値で、現在は `"build"` と同じくビルドを優先し、失敗時だけクライアント側へ切り替えます。
+`"client"` はビルド時の描画を行いません。
 
 ## 主なエクスポート
 
@@ -56,5 +56,4 @@ export default defineConfig({
 
 ## 関連資料
 
-- [プラグインシステム](../../../docs/docs/reference/plugin-api.md)
-
+- [プラグインシステム](../../../docs/docs/reference/plugin-api.ja.md)

package/dist/index.js

@@ -195,7 +195,7 @@ function extractCaption(source, pre, code) {
   return caption?.trim() || null;
 }
 function shouldRenderAtBuild(render) {
-  return render === "build" || render === "both" || render === void 0;
+  return render === "build" || render === void 0;
 }
 function shouldRenderAtClient(render) {
   return render === "client";
@@ -472,10 +472,10 @@ function mermaid(options = {}) {
 function validateMermaidOptions(options) {
   if (!options) return [];
   const issues = [];
-  if (options.render !== void 0 && options.render !== "build" && options.render !== "client" && options.render !== "both") {
+  if (options.render !== void 0 && options.render !== "build" && options.render !== "client") {
     issues.push({
       path: "render",
-      message: 'Expected "build", "client", or "both".'
+      message: 'Expected "build" or "client".'
     });
   }
   if (!isMermaidTheme(options.theme)) {

package/dist/src/types.d.ts

@@ -1,4 +1,4 @@
-export type MermaidRenderMode = "build" | "client" | "both";
+export type MermaidRenderMode = "build" | "client";
 export type MermaidTheme = string | {
     light: string;
     dark: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-mermaid",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,7 +23,7 @@
   "dependencies": {
     "mermaid": "^11.12.2",
     "puppeteer": "^25.11.0",
-    "@riebeckite/core": "0.0.18"
+    "@riebeckite/core": "0.0.20"
   },
   "publishConfig": {
     "access": "public"

package/style.css

@@ -62,8 +62,14 @@
   color: var(--rr-mermaid-muted);
 }
 
-html[data-theme="dark"] .rr-mermaid,
-html.dark .rr-mermaid {
+:is(:root, .rb-theme-root)[data-theme="dark"] .rr-mermaid {
   --rr-mermaid-paper: var(--rb-color-ink, #000000);
   --rr-mermaid-ink: var(--rb-color-paper, #ffffff);
 }
+
+@media (prefers-color-scheme: dark) {
+  :is(:root, .rb-theme-root):not([data-theme]) .rr-mermaid {
+    --rr-mermaid-paper: var(--rb-color-ink, #000000);
+    --rr-mermaid-ink: var(--rb-color-paper, #ffffff);
+  }
+}