@riebeckite/plugin-wavedrom 0.0.31 → 0.0.33

package/README.md

@@ -76,6 +76,15 @@ You can also use a top-level `"caption"` key in the JSON. It is removed before t
 ```
 ````
 
+## Live example
+
+~~~wavedrom
+{ "signal": [
+  { "name": "clk", "wave": "p......" },
+  { "name": "bus", "wave": "x.34.5x", "data": "head body tail" }
+] }
+~~~
+
 ## Output
 
 ```html

package/README_ja.md

@@ -76,6 +76,15 @@ JSON のトップレベル `"caption"` キーでも指定できます。この
 ```
 ````
 
+## 実行例
+
+~~~wavedrom
+{ "signal": [
+  { "name": "clk", "wave": "p......" },
+  { "name": "bus", "wave": "x.34.5x", "data": "head body tail" }
+] }
+~~~
+
 ## 出力
 
 ```html
@@ -103,7 +112,7 @@ JSON のトップレベル `"caption"` キーでも指定できます。この
 | `skin` | `"default" \| "narrow" \| "lowkey"` | `"default"` | ブラウザ側で使う WaveDrom スキン |
 | `caption` | `boolean` | `true` | キャプションを `<figcaption>` として表示する |
 | `fallback` | `boolean` | `true` | WaveJSON ソースを `<details>` に表示する |
-| `className` | `string` | `"rb-wavedrom"` | figure に付ける基底クラス |
+| `className` | `string` | `"rb-wavedrom"` | `<figure>` に付ける基底クラス |
 
 ## 診断
 
@@ -119,7 +128,7 @@ JSON のトップレベル `"caption"` キーでも指定できます。この
 - E2E のビルドは出力マークアップだけを検査します。実際の描画にはブラウザが必要です
 - 本文は厳密な JSON である必要があります。WaveDrom エディタが受け付ける JSON5 形式（引用符なしキー、シングルクォート、コメント）は受理しません
 - WaveJSON は HTML 属性に直接埋め込まれるため、巨大な図は避けてください
-- 認識するのは `wavedrom` と `wavejson` という info string だけです。他の言語には影響しません
+- 認識するのは `wavedrom` と `wavejson` という info 文字列だけです。他の言語には影響しません
 
 ## 関連資料
 

package/dist/index.d.ts

@@ -7,5 +7,3 @@ export type { WavedromOptions, WavedromSkin } from "./src/types.js";
  * drawn in the browser by `initWaveDrom`.
  */
 export declare function wavedrom(options?: WavedromOptions): import("@riebeckite/core").RiebeckitePlugin<WavedromOptions>;
-/** Alias kept for symmetry with the other plugin factories. */
-export declare const wavedromPlugin: typeof wavedrom;

package/dist/index.js

@@ -6,50 +6,20 @@ import {
 } from "@riebeckite/core";
 
 // src/hast.ts
-function visitElements(node, visitor, parent, index) {
-  if (isElementNode(node)) visitor(node, parent, index);
-  for (const [childIndex, child] of [...getChildren(node)].entries()) {
-    visitElements(
-      child,
-      visitor,
-      hasChildren(node) ? node : parent,
-      childIndex
-    );
-  }
-}
-function element(tagName, properties = {}, children = []) {
-  return { type: "element", tagName, properties, children };
-}
-function text(value) {
-  return { type: "text", value };
-}
-function getTextContent(node) {
-  if (node.type === "text" && "value" in node && typeof node.value === "string") {
-    return node.value;
-  }
-  return getChildren(node).map(getTextContent).join("");
-}
-function getStringProperty(node, key) {
-  const value = node.properties?.[key];
-  if (typeof value === "string") return value;
-  if (Array.isArray(value)) return value.join(" ");
-  return null;
-}
-function hasClass(node, className) {
-  const value = node.properties?.className;
-  const classes = Array.isArray(value) ? value.map(String) : typeof value === "string" ? value.split(/\s+/) : [];
-  return classes.includes(className);
-}
-function isElementNode(node) {
-  return node.type === "element";
-}
-function hasChildren(node) {
-  return Array.isArray(node.children);
-}
-function getChildren(node) {
-  const children = node.children;
-  return Array.isArray(children) ? children : [];
-}
+import {
+  element as sharedElement,
+  getStringProperty as sharedGetStringProperty,
+  getTextContent as sharedGetTextContent,
+  hasClass as sharedHasClass,
+  text as sharedText,
+  visitElements as sharedVisitElements
+} from "@riebeckite/diagram";
+var element = sharedElement;
+var text = sharedText;
+var getTextContent = sharedGetTextContent;
+var getStringProperty = sharedGetStringProperty;
+var hasClass = sharedHasClass;
+var visitElements = sharedVisitElements;
 
 // src/rehype.ts
 var DEFAULT_CLASS_NAME = "rb-wavedrom";
@@ -118,10 +88,14 @@ function buildFigure(input) {
   );
   if (input.fallback) {
     children.push(
-      element("details", { className: `${base}__fallback` }, [
-        element("summary", {}, [text("WaveJSON source")]),
-        element("pre", {}, [element("code", {}, [text(input.source)])])
-      ])
+      element(
+        "details",
+        { className: `${base}__fallback rb-source-fallback` },
+        [
+          element("summary", {}, [text("WaveJSON source")]),
+          element("pre", {}, [element("code", {}, [text(input.source)])])
+        ]
+      )
     );
   }
   return element(
@@ -228,7 +202,6 @@ function wavedrom(options = {}) {
     ]
   });
 }
-var wavedromPlugin = wavedrom;
 function validateWavedromOptions(options) {
   if (!options) return [];
   const issues = [];
@@ -251,6 +224,5 @@ function validateWavedromOptions(options) {
 }
 export {
   rehypeWavedrom,
-  wavedrom,
-  wavedromPlugin
+  wavedrom
 };

package/dist/src/hast.d.ts

@@ -1,8 +1,7 @@
 import type { ElementNode, HastNode, ParentNode, TextNode } from "./types.js";
-export declare function visitElements(node: HastNode, visitor: (node: ElementNode, parent?: ParentNode, index?: number) => void, parent?: ParentNode, index?: number): void;
-export declare function element(tagName: string, properties?: Record<string, unknown>, children?: HastNode[]): ElementNode;
-export declare function text(value: string): TextNode;
-export declare function getTextContent(node: HastNode): string;
-export declare function getStringProperty(node: ElementNode, key: string): string | null;
-export declare function hasClass(node: ElementNode, className: string): boolean;
-export declare function mergeClassName(current: unknown, next: string): string;
+export declare const element: (tagName: string, properties?: Record<string, unknown>, children?: HastNode[]) => ElementNode;
+export declare const text: (value: string) => TextNode;
+export declare const getTextContent: (node: HastNode) => string;
+export declare const getStringProperty: (node: ElementNode, key: string) => string | null;
+export declare const hasClass: (node: ElementNode, className: string) => boolean;
+export declare const visitElements: (node: HastNode, visitor: (node: ElementNode, parent?: ParentNode, index?: number) => void, parent?: ParentNode, index?: number) => void;

package/dist/src/types.d.ts

@@ -11,7 +11,7 @@ export type TextNode = {
     type: "text";
     value: string;
 };
-export type RawNode = {
+type RawNode = {
     type: "raw";
     value: string;
 };
@@ -35,3 +35,4 @@ export type WavedromOptions = {
     /** Base CSS class for the generated figure. Defaults to `"rb-wavedrom"`. */
     className?: string;
 };
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riebeckite/plugin-wavedrom",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,8 +21,9 @@
     "./style.css": "./style.css"
   },
   "dependencies": {
-    "wavedrom": "^3.7.0",
-    "@riebeckite/core": "0.0.31"
+    "@riebeckite/core": "0.0.33",
+    "@riebeckite/diagram": "0.0.33",
+    "wavedrom": "^3.7.0"
   },
   "publishConfig": {
     "access": "public"

package/style.css

@@ -34,26 +34,6 @@
   height: auto;
 }
 
-.rb-wavedrom__fallback {
-  border-top: 1px solid var(--rb-wavedrom-rule);
-  color: var(--rb-wavedrom-muted);
-  font-size: 0.8125rem;
-}
-
-.rb-wavedrom__fallback summary {
-  cursor: pointer;
-  padding: 0.5rem 0.75rem;
-}
-
-.rb-wavedrom__fallback pre {
-  overflow: auto;
-  margin: 0 1rem;
-  padding: 0.75rem;
-  border-top: 1px solid var(--rb-wavedrom-rule);
-  color: var(--rb-wavedrom-ink);
-  background: color-mix(in srgb, var(--rb-wavedrom-ink) 6%, transparent);
-}
-
 .rb-wavedrom[data-wavedrom="pending"] .rb-wavedrom__canvas:empty::before,
 .rb-wavedrom[data-wavedrom="error"] .rb-wavedrom__canvas:empty::before {
   content: "Timing diagram could not be rendered.";