@riebeckite/plugin-code-enhance 0.0.19 → 0.0.21

package/README.md

@@ -87,5 +87,5 @@ wrap, and collapse buttons.
 
 ## See also
 
-- [Plugin guide](../../../docs/docs/reference/plugin-api.en.md)
+- [Plugin guide](../../../docs/docs/reference/plugin-api.md)
 

package/README_ja.md

@@ -26,21 +26,27 @@ export default defineConfig({
 - `bash`、`console`、`sh` などを端末風に表示し、必要に応じて `$` を付ける
 - キーボードで内容を確認できるよう、`<pre>` をフォーカス可能にする
 
-## 主なオプション
-
-| オプション | 既定値 | 内容 |
-| --- | --- | --- |
-| `theme` | GitHub の明暗テーマ | Shiki テーマ。文字列または `{ light, dark }` |
-| `lineNumbers` | `false` | 行番号を表示するか |
-| `copyButton` | `true` | コピーボタンを表示するか |
-| `filename` | `true` | 見出しにファイル名を表示するか |
-| `lineHighlight` / `diffHighlight` | `true` | 強調表示・差分表示を有効にするか |
-| `collapsible` / `defaultCollapsed` | `false` | 折りたたみと初期状態 |
-| `terminal` / `commandPrompt` | `true` | 端末風表示と `$` の付与 |
-| `wrapToggle` | `true` | 折り返し切替を表示するか |
-| `copyLabel` / `copiedLabel` | `"Copy"` / `"Copied"` | コピー前後のボタン文言（クライアントへ渡す） |
-
-`codeEnhance({ copyLabel, copiedLabel })` はコピー前後のボタン文言をクライアントへ渡します。`initCodeEnhance({ copyLabel, copiedLabel })` を直接呼ぶ場合も同じ文言を指定できます。
+## オプション
+
+| オプション | 型 | 既定値 | 内容 |
+| --- | --- | --- | --- |
+| `theme` | `string | { light: string; dark: string }` | `{ light: "github-light", dark: "github-dark" }` | Shiki テーマ |
+| `lineNumbers` | `boolean` | `false` | 行番号を表示する |
+| `copyButton` | `boolean` | `true` | コピーボタンを表示する |
+| `filename` | `boolean` | `true` | ヘッダーにファイル名を表示する |
+| `lineHighlight` | `boolean` | `true` | メタデータによる行・文字の強調を適用する |
+| `diffHighlight` | `boolean` | `true` | `+` / `-` で始まる行を色付けする |
+| `collapsible` | `boolean` | `false` | 折りたたみボタンを追加する |
+| `terminal` | `boolean` | `true` | シェル言語を端末風に表示する |
+| `commandPrompt` | `boolean` | `true` | 端末の各行に `$` を付ける |
+| `wrapToggle` | `boolean` | `true` | 折り返し切替ボタンを表示する |
+| `defaultCollapsed` | `boolean` | `false` | `collapsible` 有効時に折りたたんで開始する |
+| `copyLabel` | `string` | `"Copy"` | クライアントに渡すコピー前の文言 |
+| `copiedLabel` | `string` | `"Copied"` | コピー後に表示する文言 |
+
+## クライアント側の初期化
+
+`codeEnhance()` は `copyLabel` と `copiedLabel` をクライアントエントリーへ渡します。`initCodeEnhance(options?)` はコピー、折り返し、折りたたみボタンのために document 全体のクリックハンドラーを登録します。直接呼び出す場合も同じ二つの文言を指定できます。
 
 ## 公開 API
 
@@ -52,5 +58,4 @@ export default defineConfig({
 
 ## 関連資料
 
-- [プラグインシステム](../../../docs/docs/reference/plugin-api.md)
-
+- [プラグインシステム](../../../docs/docs/reference/plugin-api.ja.md)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-code-enhance",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,7 +23,7 @@
   "dependencies": {
     "rehype-pretty-code": "^0.14.1",
     "shiki": "^3.13.0",
-    "@riebeckite/core": "0.0.19"
+    "@riebeckite/core": "0.0.21"
   },
   "devDependencies": {
     "tsx": "^4.22.4"

package/style.css

@@ -94,14 +94,14 @@
   color: var(--rr-code-syntax, var(--shiki-light, inherit));
 }
 
-:root[data-theme="dark"] .rr-code .rr-code__code,
-:root[data-theme="dark"] .rr-code .rr-code__code span {
+:is(:root, .rb-theme-root)[data-theme="dark"] .rr-code .rr-code__code,
+:is(:root, .rb-theme-root)[data-theme="dark"] .rr-code .rr-code__code span {
   color: var(--rr-code-syntax, var(--shiki-dark, inherit));
 }
 
 @media (prefers-color-scheme: dark) {
-  :root:not([data-theme]) .rr-code .rr-code__code,
-  :root:not([data-theme]) .rr-code .rr-code__code span {
+  :is(:root, .rb-theme-root):not([data-theme]) .rr-code .rr-code__code,
+  :is(:root, .rb-theme-root):not([data-theme]) .rr-code .rr-code__code span {
     color: var(--rr-code-syntax, var(--shiki-dark, inherit));
   }
 }
@@ -152,14 +152,13 @@
   white-space: pre-wrap;
 }
 
-:root[data-theme="dark"] .rr-code,
-html.dark .rr-code {
+:is(:root, .rb-theme-root)[data-theme="dark"] .rr-code {
   --rr-code-paper: var(--rb-color-paper, #000000);
   --rr-code-ink: var(--rb-color-ink, #ffffff);
 }
 
 @media (prefers-color-scheme: dark) {
-  :root:not([data-theme]) .rr-code {
+  :is(:root, .rb-theme-root):not([data-theme]) .rr-code {
     --rr-code-paper: var(--rb-color-paper, #000000);
     --rr-code-ink: var(--rb-color-ink, #ffffff);
   }