@riebeckite/plugin-code-enhance 0.0.14 → 0.0.16

package/README.md

@@ -63,9 +63,12 @@ export default defineConfig({
 | `commandPrompt` | `boolean` | `true` | `$` prompt prefix on terminal lines |
 | `wrapToggle` | `boolean` | `true` | Show the wrap toggle button |
 | `defaultCollapsed` | `boolean` | `false` | Start collapsed (requires `collapsible`) |
+| `copyLabel` | `string` | `"Copy"` | Copy button label forwarded to the client |
+| `copiedLabel` | `string` | `"Copied"` | Label after copying, forwarded to the client |
 
 ## Client
 
+`codeEnhance()` forwards `copyLabel` / `copiedLabel` to the client entry.
 `initCodeEnhance(options?)` installs a document-level click handler for copy,
 wrap, and collapse buttons.
 
@@ -79,8 +82,10 @@ wrap, and collapse buttons.
 - `codeEnhance(options?)` — plugin factory
 - `rehypeCodeEnhance(options?)` — rehype transform
 - `initCodeEnhance(options?)` — client initializer
+- `DEFAULT_COPY_LABEL`, `DEFAULT_COPIED_LABEL` — default copy labels
 - Types: `CodeEnhanceOptions`, `CodeEnhanceClientOptions`, `CodeEnhanceTheme`
 
 ## See also
 
-- [Plugin guide](../../../docs/en/reference/plugin-api.md)
+- [Plugin guide](../../../docs/en/docs/reference/plugin-api.md)
+

package/README_ja.md

@@ -38,16 +38,19 @@ export default defineConfig({
 | `collapsible` / `defaultCollapsed` | `false` | 折りたたみと初期状態 |
 | `terminal` / `commandPrompt` | `true` | 端末風表示と `$` の付与 |
 | `wrapToggle` | `true` | 折り返し切替を表示するか |
+| `copyLabel` / `copiedLabel` | `"Copy"` / `"Copied"` | コピー前後のボタン文言（クライアントへ渡す） |
 
-`initCodeEnhance({ copyLabel, copiedLabel })` では、コピー前後のボタン文言を変更できます。
+`codeEnhance({ copyLabel, copiedLabel })` はコピー前後のボタン文言をクライアントへ渡します。`initCodeEnhance({ copyLabel, copiedLabel })` を直接呼ぶ場合も同じ文言を指定できます。
 
 ## 公開 API
 
 - `codeEnhance(options?)` — プラグインファクトリ
 - `rehypeCodeEnhance(options?)` — Rehype 変換
 - `initCodeEnhance(options?)` — ブラウザ初期化関数
+- `DEFAULT_COPY_LABEL`、`DEFAULT_COPIED_LABEL` — 既定のコピー文言
 - `CodeEnhanceOptions`、`CodeEnhanceClientOptions`、`CodeEnhanceTheme` — 型
 
 ## 関連資料
 
-- [プラグインシステム](../../../docs/ja/reference/plugin-api.md)
+- [プラグインシステム](../../../docs/ja/docs/reference/plugin-api.md)
+

package/dist/client.js

@@ -26,7 +26,7 @@ function initCodeEnhance(options = {}) {
   });
 }
 async function copyCode(button, copyLabel, copiedLabel) {
-  const code = button.dataset.code ?? "";
+  const code = getCodeText(button);
   if (!code) return;
   await navigator.clipboard.writeText(code);
   button.textContent = copiedLabel;
@@ -34,6 +34,11 @@ async function copyCode(button, copyLabel, copiedLabel) {
     button.textContent = copyLabel;
   }, 1500);
 }
+function getCodeText(button) {
+  const figure = button.closest(".rr-code");
+  const code = figure?.querySelector(".rr-code__code");
+  return code?.textContent ?? "";
+}
 function toggleWrap(button) {
   const figure = button.closest(".rr-code");
   const pre = figure?.querySelector(".rr-code__pre");

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import type { CodeEnhanceOptions } from "./src/types.js";
-export { initCodeEnhance } from "./src/init.js";
+export { DEFAULT_COPIED_LABEL, DEFAULT_COPY_LABEL, initCodeEnhance, } from "./src/init.js";
 export { rehypeCodeEnhance } from "./src/rehype.js";
 export { remarkCodeMeta } from "./src/remark.js";
 export type { CodeEnhanceClientOptions, CodeEnhanceOptions, CodeEnhanceTheme, } from "./src/types.js";

package/dist/index.js

@@ -5,6 +5,65 @@ import {
   definePlugin
 } from "@riebeckite/core";
 
+// src/init.ts
+var DEFAULT_COPY_LABEL = "Copy";
+var DEFAULT_COPIED_LABEL = "Copied";
+function initCodeEnhance(options = {}) {
+  const copyLabel = options.copyLabel ?? DEFAULT_COPY_LABEL;
+  const copiedLabel = options.copiedLabel ?? DEFAULT_COPIED_LABEL;
+  document.addEventListener("click", async (event) => {
+    const target = event.target;
+    if (!(target instanceof Element)) return;
+    const copyButton = target.closest("[data-code-copy]");
+    if (copyButton) {
+      await copyCode(copyButton, copyLabel, copiedLabel);
+      return;
+    }
+    const wrapButton = target.closest(
+      "[data-code-wrap-toggle]"
+    );
+    if (wrapButton) {
+      toggleWrap(wrapButton);
+      return;
+    }
+    const collapseButton = target.closest(
+      "[data-code-collapse-toggle]"
+    );
+    if (collapseButton) toggleCollapse(collapseButton);
+  });
+}
+async function copyCode(button, copyLabel, copiedLabel) {
+  const code = getCodeText(button);
+  if (!code) return;
+  await navigator.clipboard.writeText(code);
+  button.textContent = copiedLabel;
+  window.setTimeout(() => {
+    button.textContent = copyLabel;
+  }, 1500);
+}
+function getCodeText(button) {
+  const figure = button.closest(".rr-code");
+  const code = figure?.querySelector(".rr-code__code");
+  return code?.textContent ?? "";
+}
+function toggleWrap(button) {
+  const figure = button.closest(".rr-code");
+  const pre = figure?.querySelector(".rr-code__pre");
+  if (!pre) return;
+  const enabled = pre.classList.toggle("rr-code__pre--wrap");
+  button.setAttribute("aria-pressed", String(enabled));
+}
+function toggleCollapse(button) {
+  const figure = button.closest(".rr-code");
+  const body = figure?.querySelector(".rr-code__body");
+  if (!figure || !body) return;
+  const collapsed = figure.dataset.collapsed !== "true";
+  figure.dataset.collapsed = String(collapsed);
+  body.hidden = collapsed;
+  button.setAttribute("aria-expanded", String(!collapsed));
+  button.textContent = collapsed ? "Expand" : "Collapse";
+}
+
 // src/rehype.ts
 import rehypePrettyCode from "rehype-pretty-code";
 
@@ -171,7 +230,6 @@ function enhancePrettyCodeFigures(tree, options) {
     const titleNode = findTitleNode(node);
     const title = titleNode ? getTextContent(titleNode) : null;
     const language = getLanguage(pre, code);
-    const rawCode = code ? getTextContent(code) : getTextContent(pre);
     const isTerminal = options.terminal !== false && isTerminalLanguage(language);
     node.properties = {
       ...node.properties,
@@ -203,7 +261,6 @@ function enhancePrettyCodeFigures(tree, options) {
       buildHeader({
         title: options.filename === false ? null : title,
         language,
-        rawCode,
         copyButton: options.copyButton !== false,
         wrapToggle: options.wrapToggle !== false,
         collapsible: options.collapsible === true
@@ -243,8 +300,7 @@ function buildHeader(input) {
           type: "button",
           className: "rr-code__action",
           dataCodeCopy: "true",
-          dataCode: input.rawCode,
-          ariaLabel: "コードをコピー"
+          ariaLabel: "Copy code"
         },
         [text("Copy")]
       )
@@ -364,74 +420,31 @@ function visitMdast(node, visitor) {
   for (const child of node.children ?? []) visitMdast(child, visitor);
 }
 
-// src/init.ts
-var DEFAULT_COPY_LABEL = "Copy";
-var DEFAULT_COPIED_LABEL = "Copied";
-function initCodeEnhance(options = {}) {
-  const copyLabel = options.copyLabel ?? DEFAULT_COPY_LABEL;
-  const copiedLabel = options.copiedLabel ?? DEFAULT_COPIED_LABEL;
-  document.addEventListener("click", async (event) => {
-    const target = event.target;
-    if (!(target instanceof Element)) return;
-    const copyButton = target.closest("[data-code-copy]");
-    if (copyButton) {
-      await copyCode(copyButton, copyLabel, copiedLabel);
-      return;
-    }
-    const wrapButton = target.closest(
-      "[data-code-wrap-toggle]"
-    );
-    if (wrapButton) {
-      toggleWrap(wrapButton);
-      return;
-    }
-    const collapseButton = target.closest(
-      "[data-code-collapse-toggle]"
-    );
-    if (collapseButton) toggleCollapse(collapseButton);
-  });
-}
-async function copyCode(button, copyLabel, copiedLabel) {
-  const code = button.dataset.code ?? "";
-  if (!code) return;
-  await navigator.clipboard.writeText(code);
-  button.textContent = copiedLabel;
-  window.setTimeout(() => {
-    button.textContent = copyLabel;
-  }, 1500);
-}
-function toggleWrap(button) {
-  const figure = button.closest(".rr-code");
-  const pre = figure?.querySelector(".rr-code__pre");
-  if (!pre) return;
-  const enabled = pre.classList.toggle("rr-code__pre--wrap");
-  button.setAttribute("aria-pressed", String(enabled));
-}
-function toggleCollapse(button) {
-  const figure = button.closest(".rr-code");
-  const body = figure?.querySelector(".rr-code__body");
-  if (!figure || !body) return;
-  const collapsed = figure.dataset.collapsed !== "true";
-  figure.dataset.collapsed = String(collapsed);
-  body.hidden = collapsed;
-  button.setAttribute("aria-expanded", String(!collapsed));
-  button.textContent = collapsed ? "Expand" : "Collapse";
-}
-
 // index.ts
 function codeEnhance(options = {}) {
   return definePlugin({
     name: "code-enhance",
+    processedContentCache: {
+      version: "code-enhance-v2",
+      dependencyMode: "none"
+    },
     options,
     remarkPlugins: [remarkCodeMeta],
     extendHtmlPipeline: (pipeline) => {
       pipeline.use(rehypeCodeEnhance, options);
     },
     assets: [createStyleAsset("code-enhance")],
-    clientEntries: [createClientEntry("code-enhance", "initCodeEnhance")]
+    clientEntries: [
+      createClientEntry("code-enhance", "initCodeEnhance", {
+        copyLabel: options.copyLabel ?? DEFAULT_COPY_LABEL,
+        copiedLabel: options.copiedLabel ?? DEFAULT_COPIED_LABEL
+      })
+    ]
   });
 }
 export {
+  DEFAULT_COPIED_LABEL,
+  DEFAULT_COPY_LABEL,
   codeEnhance,
   initCodeEnhance,
   rehypeCodeEnhance,

package/dist/src/init.d.ts

@@ -1,2 +1,4 @@
 import type { CodeEnhanceClientOptions } from "./types.js";
+export declare const DEFAULT_COPY_LABEL = "Copy";
+export declare const DEFAULT_COPIED_LABEL = "Copied";
 export declare function initCodeEnhance(options?: CodeEnhanceClientOptions): void;

package/dist/src/types.d.ts

@@ -2,7 +2,11 @@ export type CodeEnhanceTheme = string | {
     light: string;
     dark: string;
 };
-export type CodeEnhanceOptions = {
+export type CodeEnhanceClientOptions = {
+    copyLabel?: string;
+    copiedLabel?: string;
+};
+export type CodeEnhanceOptions = CodeEnhanceClientOptions & {
     theme?: CodeEnhanceTheme;
     lineNumbers?: boolean;
     copyButton?: boolean;
@@ -15,10 +19,6 @@ export type CodeEnhanceOptions = {
     wrapToggle?: boolean;
     defaultCollapsed?: boolean;
 };
-export type CodeEnhanceClientOptions = {
-    copyLabel?: string;
-    copiedLabel?: string;
-};
 export type ElementNode = {
     type: string;
     tagName?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-code-enhance",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "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.14"
+    "@riebeckite/core": "0.0.16"
   },
   "devDependencies": {
     "tsx": "^4.22.4"