@riebeckite/plugin-d2 0.0.18 → 0.0.20

package/README.md

@@ -58,7 +58,7 @@ client -> server: request
   - `div.rb-d2__canvas` — the diagram (`role="img"`, labelled by the caption
     when present)
   - `details.rb-d2__fallback` — collapsible diagram source
-- Static SVG is rendered at build time when `render` is `"build"` or `"both"`
+- Static SVG is rendered at build time when `render` is `"build"`
   by running the D2.js WebAssembly engine (`@d2lang/d2`) directly in Node. No
   browser, network access, or system D2 binary is required.
 - The generated figure always carries `data-d2`, `data-d2-source`, and
@@ -81,7 +81,7 @@ client -> server: request
 
 | Option | Type | Default | Description |
 | ------ | ---- | ------- | ----------- |
-| `render` | `"build" \| "client" \| "both"` | `"build"` | When diagrams are rendered |
+| `render` | `"build" \| "client"` | `"build"` | When diagrams are rendered |
 | `theme` | `number \| { light: number; dark: number }` | `{ light: 0, dark: 1 }` | D2 theme id(s) |
 | `layout` | `"dagre" \| "elk"` | `"dagre"` | D2 layout engine |
 | `caption` | `boolean` | `true` | Show title / `# caption:` as `figcaption` |
@@ -93,8 +93,6 @@ client -> server: request
 - `"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
 
 ## Offline requirements
 
@@ -121,10 +119,8 @@ copy if the deployment has no outbound network access.
   the WASM startup cost repeatedly.
 - `layout: "elk"` uses D2's ELK engine, which is slower than `dagre`.
 - Multi-board and animated D2 output are not configured by this plugin.
-- The renderer is `@d2lang/d2` (MPL-2.0), the current package for the D2.js WASM
-  build; `@terrastruct/d2` is its compatibility alias.
+- The renderer is `@d2lang/d2` (MPL-2.0), which provides the D2.js WASM build.
 
 ## See also
 
-- [Plugin guide](../../../docs/docs/reference/plugin-api.en.md)
-
+- [Plugin guide](../../../docs/docs/reference/plugin-api.md)

package/README_ja.md

@@ -52,7 +52,7 @@ client -> server: request
 - `div.rb-d2__canvas`: 図本体（`role="img"`、キャプションがある場合はそれをラベルに使用）
 - `details.rb-d2__fallback`: 元の D2 記法を折りたたんで表示
 
-`render: "build"` または `"both"` では、D2.js の WebAssembly 版（`@d2lang/d2`）を Node 上で直接実行して静的な SVG を生成します。ブラウザ、ネットワーク接続、D2 本体のインストールはいずれも不要です。
+`render: "build"` では、D2.js の WebAssembly 版（`@d2lang/d2`）を Node 上で直接実行して静的な SVG を生成します。ブラウザ、ネットワーク接続、D2 本体のインストールはいずれも不要です。
 
 生成される figure には常に `data-d2`、`data-d2-source`、`data-d2-layout` が付きます。`data-d2` は静的 SVG があれば `rendered`、クライアント側の描画に委ねる場合は `pending` になります。
 
@@ -68,14 +68,14 @@ client -> server: request
 
 | 項目 | 既定値 | 説明 |
 | --- | --- | --- |
-| `render` | `"build"` | `"build"`、`"client"`、`"both"` のいずれで描画するか |
+| `render` | `"build"` | `"build"` または `"client"` のいずれで描画するか |
 | `theme` | `{ light: 0, dark: 1 }` | D2 のテーマ ID、または明暗別のテーマ ID |
 | `layout` | `"dagre"` | D2 のレイアウトエンジン（`"dagre"` または `"elk"`） |
 | `caption` | `true` | タイトルまたは `# caption:` をキャプションとして表示する |
 | `fallback` | `true` | 元の D2 記法を `<details>` に残す |
 | `className` | `"rb-d2"` | figure に付ける基準クラス |
 
-`"client"` はビルド時の描画を行いません。`"both"` は後方互換の値で、現在は `"build"` と同じくビルドを優先し、失敗時だけクライアント側へ切り替えます。
+`"client"` はビルド時の描画を行いません。
 
 ## オフラインでの利用
 
@@ -97,9 +97,8 @@ client -> server: request
 - 図ごとに新しい D2 ワーカーを起動するため、大量の図を含むビルドでは WASM の起動コストが繰り返し発生します
 - `layout: "elk"` は D2 の ELK エンジンを使うため `dagre` より遅くなります
 - マルチボードやアニメーション付きの出力はこのプラグインでは設定できません
-- レンダラーには `@d2lang/d2`（MPL-2.0）を使用しています。`@terrastruct/d2` はその後方互換パッケージです
+- レンダラーには D2.js の WebAssembly ビルドを提供する `@d2lang/d2`（MPL-2.0）を使用しています
 
 ## 関連資料
 
-- [プラグインシステム](../../../docs/docs/reference/plugin-api.md)
-
+- [プラグインシステム](../../../docs/docs/reference/plugin-api.ja.md)

package/dist/index.js

@@ -340,7 +340,7 @@ function extractCaption(source, pre, code) {
   return { caption: caption?.trim() || null, body: body.trim() };
 }
 function shouldRenderAtBuild(render) {
-  return render === "build" || render === "both";
+  return render === "build";
 }
 function shouldRenderAtClient(render) {
   return render === "client";
@@ -396,10 +396,10 @@ var d2Plugin = d2;
 function validateD2Options(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 (options.layout !== void 0 && !LAYOUTS.includes(options.layout)) {

package/dist/src/types.d.ts

@@ -1,4 +1,4 @@
-export type D2RenderMode = "build" | "client" | "both";
+export type D2RenderMode = "build" | "client";
 export type D2Layout = "dagre" | "elk";
 /**
  * D2 theme id, or a light/dark pair of theme ids. D2's default theme is `0`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-d2",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -22,7 +22,7 @@
   },
   "dependencies": {
     "@d2lang/d2": "^0.1.34",
-    "@riebeckite/core": "0.0.18"
+    "@riebeckite/core": "0.0.20"
   },
   "publishConfig": {
     "access": "public"

package/style.css

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