remark-dgmo 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Diagrammo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,205 @@
+# remark-dgmo
+
+Framework-agnostic [remark](https://github.com/remarkjs/remark) plugin that renders [DGMO](https://diagrammo.app) diagrams from `` ```dgmo `` fenced code blocks at build time. Powered by [`@diagrammo/dgmo`](https://www.npmjs.com/package/@diagrammo/dgmo). Zero client JavaScript by default.
+
+```dgmo
+chart: sequence
+Client -POST /login-> API
+API -validate-> Auth
+Auth -JWT-> API
+API -200 OK-> Client
+```
+
+Drop a fenced block with the language `dgmo` into any markdown or MDX file processed by a unified-style pipeline — Astro, Docusaurus, Starlight, Vitepress, eleventy-with-remark, or your own custom toolchain — and it becomes an inline `<svg>` at build time.
+
+By default, every diagram is rendered **twice** (once with the palette's light mode, once with its dark mode) and wrapped in `<div class="dgmo-light">` / `<div class="dgmo-dark">`. A tiny shipped stylesheet hides the wrong one based on `[data-theme="dark"]` (the convention used by Docusaurus, Starlight, and most other docs frameworks). The result: your diagrams follow the host page's color-mode toggle without any client-side rendering.
+
+## Install
+
+```bash
+pnpm add remark-dgmo @diagrammo/dgmo
+# or
+npm install remark-dgmo @diagrammo/dgmo
+```
+
+`@diagrammo/dgmo` is a peer dependency.
+
+ESM-only. Your config file must be `.mjs`, `.ts`, or `.mts` — or your `package.json` must have `"type": "module"`.
+
+## Use — three integration patterns
+
+### Pattern 1: Astro
+
+Use [`astro-dgmo`](https://www.npmjs.com/package/astro-dgmo) — it wraps this plugin and handles the integration plumbing.
+
+```bash
+pnpm add astro-dgmo @diagrammo/dgmo
+```
+
+```js
+// astro.config.mjs
+import { defineConfig } from 'astro/config';
+import dgmo from 'astro-dgmo';
+
+export default defineConfig({
+  integrations: [dgmo()],
+});
+```
+
+You'll also need to import the color-mode stylesheet in your global layout:
+
+```astro
+---
+// src/layouts/Base.astro
+import 'remark-dgmo/client.css';
+---
+```
+
+### Pattern 2: Docusaurus
+
+Use [`docusaurus-plugin-dgmo`](https://www.npmjs.com/package/docusaurus-plugin-dgmo) — it handles `getClientModules()` registration for the CSS + client script.
+
+```bash
+pnpm add docusaurus-plugin-dgmo @diagrammo/dgmo
+```
+
+```ts
+// docusaurus.config.ts
+import type { Config } from '@docusaurus/types';
+
+const config: Config = {
+  // …
+  plugins: ['docusaurus-plugin-dgmo'],
+  presets: [
+    [
+      'classic',
+      {
+        docs: {
+          remarkPlugins: [(await import('docusaurus-plugin-dgmo/remark')).default],
+        },
+        blog: {
+          remarkPlugins: [(await import('docusaurus-plugin-dgmo/remark')).default],
+        },
+        pages: {
+          remarkPlugins: [(await import('docusaurus-plugin-dgmo/remark')).default],
+        },
+      },
+    ],
+  ],
+};
+
+export default config;
+```
+
+The plugin registers `client.css` + `client.js` via `getClientModules()`. You still wire `remarkPlugins` into each preset slot manually — Docusaurus's plugin API has no hook to auto-inject into a sibling preset.
+
+### Pattern 3: Vanilla unified pipeline
+
+```ts
+import { unified } from 'unified';
+import remarkParse from 'remark-parse';
+import remarkRehype from 'remark-rehype';
+import rehypeStringify from 'rehype-stringify';
+import remarkDgmo from 'remark-dgmo';
+
+const out = await unified()
+  .use(remarkParse)
+  .use(remarkDgmo, { mode: 'showcase', palette: 'dracula' })
+  .use(remarkRehype, { allowDangerousHtml: true })
+  .use(rehypeStringify, { allowDangerousHtml: true })
+  .process(source);
+```
+
+In your output HTML's `<head>`, add the shipped stylesheet (or inline its three rules):
+
+```html
+<link rel="stylesheet" href="/path/to/node_modules/remark-dgmo/dist/client.css" />
+<script type="module" src="/path/to/node_modules/remark-dgmo/dist/client.js"></script>
+```
+
+The client script is optional — it tightens each diagram's `viewBox` to its content bounds and wires up showcase-mode copy buttons. Without it, diagrams still render but may have extra whitespace and copy buttons won't function.
+
+## Options
+
+```js
+remarkDgmo({
+  // Output mode for `dgmo` blocks. 'diagram' (default) = SVG only.
+  // 'showcase' = syntax-highlighted source + diagram + copy + open-in-editor.
+  mode: 'diagram',
+
+  // Default palette name (any registered @diagrammo/dgmo palette).
+  palette: 'nord',
+
+  // Color-mode strategy. 'auto' (default) renders both light and dark and
+  // toggles via CSS. 'light' or 'dark' single-renders with the matching theme.
+  colorMode: 'auto',
+
+  // Default theme when colorMode is 'light' or 'dark' (single-render). Ignored under 'auto'.
+  theme: 'dark',
+
+  // Showcase chrome — enabled automatically in showcase mode.
+  showSource: undefined,        // boolean; default = (mode === 'showcase')
+  showCopy: undefined,          // boolean; default = (mode === 'showcase')
+  showOpenInEditor: undefined,  // boolean; default = (mode === 'showcase')
+
+  // Where the "Open in editor" link points.
+  editorBaseUrl: 'https://online.diagrammo.app',
+
+  // Outer wrapper element + class hook.
+  wrapper: 'figure',
+  className: 'dgmo',
+
+  // Append additional class names to every emitted wrapper. Used by
+  // astro-dgmo v0.3.0 to keep the legacy `astro-dgmo*` class names for one
+  // minor cycle of backward compat.
+  legacyClassNames: [],
+});
+```
+
+## Per-block overrides
+
+Append options to the fence info string. Tokens are space-separated; values may be quoted.
+
+````markdown
+```dgmo showcase title="Login flow" palette=catppuccin theme=light
+chart: sequence
+A -> B
+```
+````
+
+| Token | Effect |
+|---|---|
+| `diagram` / `showcase` | Set `mode` for this block |
+| `palette=<name>` | Override palette |
+| `theme=light` / `theme=dark` / `theme=transparent` | Override theme (single-render only) |
+| `colorMode=auto` / `colorMode=light` / `colorMode=dark` | Override color-mode strategy |
+| `title="…"` | Add a caption (`<figcaption>`) |
+| `source` / `noSource` | Force source listing on/off |
+| `copy` / `noCopy` | Force copy button on/off |
+| `openInEditor` / `noOpenInEditor` | Force editor link on/off |
+
+## Custom color-mode selector
+
+The shipped `client.css` keys on `[data-theme="dark"]` — the convention used by Docusaurus and Starlight. For Tailwind-style sites that signal dark mode via a `.dark` class on `<html>` (or any other selector), don't import `client.css`. Inline these three rules in your own CSS instead, swapping the selector:
+
+```css
+.dgmo-dark { display: none; }
+html.dark .dgmo-light { display: none; }
+html.dark .dgmo-dark  { display: block; }
+```
+
+For `data-color-scheme="dark"`, `:root[data-mode="dark"]`, etc. — same three rules, swap the selector to match what your toggle sets.
+
+## How it works
+
+1. The remark transformer walks the mdast, finding `code` nodes with `lang === 'dgmo'`.
+2. For each block, `renderDgmoBlock()` calls `render()` from `@diagrammo/dgmo` — twice if `colorMode: 'auto'` (one light, one dark), once otherwise.
+3. Each SVG is normalized: width/height stripped, `viewBox` added, inline background removed.
+4. The original `code` node is replaced with an `html` node carrying the rendered wrapper(s).
+5. The optional client script (`dist/client.js`) tightens viewBoxes and binds showcase-mode copy buttons.
+
+Rendering happens at build time. The browser sees only the inline SVG and the small color-mode CSS.
+
+## License
+
+MIT

package/dist/chunk-7VVNWBXS.js

@@ -0,0 +1,382 @@
+// src/remark-plugin.ts
+import { visit } from "unist-util-visit";
+
+// src/render-block.ts
+import {
+  render,
+  encodeDiagramUrl,
+  palettes
+} from "@diagrammo/dgmo";
+import { highlightDgmo, NORD_ROLE_STYLES } from "@diagrammo/dgmo/highlight";
+
+// src/options.ts
+function resolveOptions(opts = {}) {
+  const mode = opts.mode ?? "diagram";
+  const showcase = mode === "showcase";
+  return {
+    mode,
+    palette: opts.palette ?? "nord",
+    theme: opts.theme ?? "dark",
+    colorMode: opts.colorMode ?? "auto",
+    showSource: opts.showSource ?? showcase,
+    showCopy: opts.showCopy ?? showcase,
+    showOpenInEditor: opts.showOpenInEditor ?? showcase,
+    editorBaseUrl: opts.editorBaseUrl ?? "https://online.diagrammo.app",
+    wrapper: opts.wrapper ?? "figure",
+    className: opts.className ?? "dgmo",
+    legacyClassNames: opts.legacyClassNames ?? []
+  };
+}
+
+// src/fence-meta.ts
+var BARE_FLAGS = {
+  diagram: { mode: "diagram" },
+  showcase: { mode: "showcase" },
+  noSource: { showSource: false },
+  source: { showSource: true },
+  noCopy: { showCopy: false },
+  copy: { showCopy: true },
+  noOpenInEditor: { showOpenInEditor: false },
+  openInEditor: { showOpenInEditor: true }
+};
+var VALID_THEMES = /* @__PURE__ */ new Set(["light", "dark", "transparent"]);
+var VALID_COLOR_MODES = /* @__PURE__ */ new Set([
+  "auto",
+  "light",
+  "dark"
+]);
+function parseFenceMeta(meta) {
+  if (!meta) return {};
+  const out = {};
+  const tokens = tokenize(meta);
+  for (const tok of tokens) {
+    if (BARE_FLAGS[tok]) {
+      Object.assign(out, BARE_FLAGS[tok]);
+      continue;
+    }
+    const eq = tok.indexOf("=");
+    if (eq < 0) continue;
+    const key = tok.slice(0, eq).trim();
+    const rawVal = tok.slice(eq + 1).trim();
+    const val = unquote(rawVal);
+    switch (key) {
+      case "palette":
+        if (val) out.palette = val;
+        break;
+      case "theme":
+        if (VALID_THEMES.has(val)) out.theme = val;
+        break;
+      case "colorMode":
+        if (VALID_COLOR_MODES.has(val)) {
+          out.colorMode = val;
+        }
+        break;
+      case "mode":
+        if (val === "diagram" || val === "showcase") out.mode = val;
+        break;
+      case "showSource":
+        out.showSource = parseBool(val);
+        break;
+      case "showCopy":
+        out.showCopy = parseBool(val);
+        break;
+      case "showOpenInEditor":
+        out.showOpenInEditor = parseBool(val);
+        break;
+      case "title":
+        if (val) out.title = val;
+        break;
+    }
+  }
+  return out;
+}
+function parseBool(s) {
+  return s === "true" || s === "1" || s === "yes";
+}
+function unquote(s) {
+  if (s.length >= 2 && s.startsWith('"') && s.endsWith('"')) {
+    return s.slice(1, -1);
+  }
+  return s;
+}
+function tokenize(input) {
+  const out = [];
+  let buf = "";
+  let inQuotes = false;
+  for (let i = 0; i < input.length; i++) {
+    const ch = input[i];
+    if (ch === '"') {
+      inQuotes = !inQuotes;
+      buf += ch;
+      continue;
+    }
+    if (!inQuotes && /\s/.test(ch)) {
+      if (buf) {
+        out.push(buf);
+        buf = "";
+      }
+      continue;
+    }
+    buf += ch;
+  }
+  if (buf) out.push(buf);
+  return out;
+}
+
+// src/svg-normalize.ts
+function normalizeSvg(input) {
+  let svg = input;
+  const rootMatch = svg.match(/<svg[^>]*>/);
+  const rootTag = rootMatch?.[0] ?? "";
+  if (rootTag && !rootTag.includes("viewBox")) {
+    const wh = rootTag.match(/width="(\d+)"[^>]*height="(\d+)"/);
+    if (wh) {
+      svg = svg.replace(/<svg/, `<svg viewBox="0 0 ${wh[1]} ${wh[2]}"`);
+    }
+  }
+  svg = svg.replace(/(<svg[^>]*?) width="[^"]*"/g, "$1");
+  svg = svg.replace(/(<svg[^>]*?) height="[^"]*"/g, "$1");
+  svg = svg.replace(/(<svg[^>]*?style="[^"]*?)background:[^;"]*;?\s*/g, "$1");
+  svg = svg.replace(/<svg\s{2,}/g, "<svg ");
+  return svg;
+}
+
+// src/escape.ts
+var HTML_ENTITIES = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+};
+function escapeHtml(s) {
+  return s.replace(/[&<>"']/g, (ch) => HTML_ENTITIES[ch]);
+}
+function escapeAttr(s) {
+  return s.replace(/[&<>"']/g, (ch) => HTML_ENTITIES[ch]);
+}
+
+// src/render-block.ts
+async function renderDgmoBlock(source, meta, integrationOptions = {}, location) {
+  const block = parseFenceMeta(meta);
+  const base = resolveOptions(integrationOptions);
+  const effectiveMode = block.mode ?? base.mode;
+  const showcase = effectiveMode === "showcase";
+  const opts = {
+    ...base,
+    mode: effectiveMode,
+    palette: block.palette ?? base.palette,
+    theme: block.theme ?? base.theme,
+    colorMode: block.colorMode ?? base.colorMode,
+    showSource: block.showSource ?? (block.mode ? showcase : base.showSource),
+    showCopy: block.showCopy ?? (block.mode ? showcase : base.showCopy),
+    showOpenInEditor: block.showOpenInEditor ?? (block.mode ? showcase : base.showOpenInEditor)
+  };
+  const trimmed = source.trim();
+  const palette = resolvePaletteWithWarning(opts.palette, location);
+  const allDiagnostics = [];
+  if (opts.colorMode === "auto") {
+    const [lightSvgRaw, darkSvgRaw] = await Promise.all([
+      renderForTheme(trimmed, palette, "light", opts.palette, location),
+      renderForTheme(trimmed, palette, "dark", opts.palette, location)
+    ]);
+    allDiagnostics.push(...lightSvgRaw.diagnostics, ...darkSvgRaw.diagnostics);
+    const lightSvg = normalizeSvg(lightSvgRaw.svg);
+    const darkSvg = normalizeSvg(darkSvgRaw.svg);
+    let editorUrl2;
+    if (opts.showOpenInEditor) {
+      const url = encodeDiagramUrl(trimmed, { baseUrl: opts.editorBaseUrl });
+      editorUrl2 = url ?? opts.editorBaseUrl;
+    }
+    const html2 = opts.mode === "showcase" ? renderShowcaseDual(trimmed, lightSvg, darkSvg, editorUrl2, opts, block.title) : renderSimpleDual(lightSvg, darkSvg, opts, block.title);
+    return { html: html2, diagnostics: allDiagnostics };
+  }
+  const themeForRender = opts.colorMode === "light" ? "light" : "dark";
+  const { svg: rawSvg, diagnostics } = await render(trimmed, {
+    palette,
+    theme: themeForRender
+  });
+  allDiagnostics.push(...diagnostics);
+  const svg = normalizeSvg(rawSvg);
+  let editorUrl;
+  if (opts.showOpenInEditor) {
+    const url = encodeDiagramUrl(trimmed, { baseUrl: opts.editorBaseUrl });
+    editorUrl = url ?? opts.editorBaseUrl;
+  }
+  const html = opts.mode === "showcase" ? renderShowcase(trimmed, svg, editorUrl, opts, block.title) : renderSimple(svg, opts, block.title);
+  return { html, diagnostics: allDiagnostics };
+}
+function locationSuffix(location) {
+  if (!location) return "";
+  if (location.path && location.line) return ` at ${location.path}:${location.line}`;
+  if (location.line) return ` at line ${location.line}`;
+  return "";
+}
+function resolvePaletteWithWarning(name, location) {
+  const found = Object.values(palettes).find((p) => p.id === name);
+  if (!found) {
+    console.warn(
+      `[remark-dgmo] palette "${name}" not registered, falling back to "nord"${locationSuffix(location)}`
+    );
+    return palettes.nord;
+  }
+  return found;
+}
+async function renderForTheme(source, palette, theme, requestedName, location) {
+  if (!palette[theme]) {
+    console.warn(
+      `[remark-dgmo] palette "${requestedName}" has no ${theme} mode; using nord ${theme} for the missing pair${locationSuffix(location)}`
+    );
+    const filled = {
+      ...palette,
+      [theme]: palettes.nord[theme]
+    };
+    return render(source, { palette: filled, theme });
+  }
+  return render(source, { palette, theme });
+}
+function buildWrapperClasses(resolved, variant) {
+  const base = `${resolved.className} ${resolved.className}--${variant}`;
+  const legacy = resolved.legacyClassNames.join(" ");
+  return legacy ? `${base} ${legacy}` : base;
+}
+function buildInnerClasses(resolved, primary) {
+  const legacy = resolved.legacyClassNames.join(" ");
+  return legacy ? `${primary} ${legacy}` : primary;
+}
+function renderSimple(svg, opts, title) {
+  const Wrapper = opts.wrapper;
+  const wrapperClass = buildWrapperClasses(opts, "diagram");
+  const captionHtml = title ? `<figcaption class="dgmo-caption">${escapeHtml(title)}</figcaption>` : "";
+  const captionFallback = title && Wrapper !== "figure" ? `<div class="dgmo-caption">${escapeHtml(title)}</div>` : "";
+  return `<${Wrapper} class="${escapeAttr(wrapperClass)}">` + (Wrapper === "figure" ? captionHtml : captionFallback) + `<div class="${escapeAttr(buildInnerClasses(opts, "dgmo-svg"))}">${svg}</div></${Wrapper}>`;
+}
+function renderSimpleDual(lightSvg, darkSvg, opts, title) {
+  const Wrapper = opts.wrapper;
+  const wrapperClass = buildWrapperClasses(opts, "diagram");
+  const captionHtml = title ? `<figcaption class="dgmo-caption">${escapeHtml(title)}</figcaption>` : "";
+  const captionFallback = title && Wrapper !== "figure" ? `<div class="dgmo-caption">${escapeHtml(title)}</div>` : "";
+  return `<${Wrapper} class="${escapeAttr(wrapperClass)}">` + (Wrapper === "figure" ? captionHtml : captionFallback) + `<div class="${escapeAttr(buildInnerClasses(opts, "dgmo-light"))}">${lightSvg}</div><div class="${escapeAttr(buildInnerClasses(opts, "dgmo-dark"))}">${darkSvg}</div></${Wrapper}>`;
+}
+function renderShowcase(source, svg, editorUrl, opts, title) {
+  const Wrapper = opts.wrapper;
+  const wrapperClass = buildWrapperClasses(opts, "showcase");
+  const cardClass = buildInnerClasses(opts, "dgmo-card");
+  const captionHtml = title ? Wrapper === "figure" ? `<figcaption class="dgmo-caption">${escapeHtml(title)}</figcaption>` : `<div class="dgmo-caption">${escapeHtml(title)}</div>` : "";
+  const sourceHtml = opts.showSource ? renderSource(source) : "";
+  const openButton = opts.showOpenInEditor && editorUrl ? `<a href="${escapeAttr(editorUrl)}" target="_blank" rel="noopener noreferrer" class="dgmo-toolbar-btn dgmo-open" aria-label="Open in online editor" title="Open in online editor">
+         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+           <path d="M9.5 2.5h4v4"/>
+           <path d="M13.5 2.5 7 9"/>
+           <path d="M12.5 9.5v3a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h3"/>
+         </svg>
+       </a>` : "";
+  const copyButton = opts.showCopy ? `<button type="button" class="dgmo-toolbar-btn dgmo-copy" aria-label="Copy to clipboard" title="Copy to clipboard" data-dgmo-source="${escapeAttr(source)}">
+         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+           <rect x="5.5" y="5.5" width="8" height="8" rx="1.5"/>
+           <path d="M10.5 5.5V3a1.5 1.5 0 0 0-1.5-1.5H3A1.5 1.5 0 0 0 1.5 3v6A1.5 1.5 0 0 0 3 10.5h2.5"/>
+         </svg>
+       </button>` : "";
+  const toolbarActions = openButton || copyButton ? `<div class="dgmo-toolbar-actions">${openButton}${copyButton}</div>` : "";
+  const toolbar = opts.showSource ? `<div class="dgmo-toolbar"><span class="dgmo-toolbar-label">dgmo</span>${toolbarActions}</div>` : "";
+  return `<${Wrapper} class="${escapeAttr(wrapperClass)}">` + captionHtml + `<div class="${escapeAttr(cardClass)}">` + (opts.showSource ? `<div class="dgmo-source-wrap">${toolbar}<div class="dgmo-source-inner">${sourceHtml}</div></div>` : "") + `<div class="${escapeAttr(buildInnerClasses(opts, "dgmo-svg"))}">${svg}</div></div></${Wrapper}>`;
+}
+function renderShowcaseDual(source, lightSvg, darkSvg, editorUrl, opts, title) {
+  const Wrapper = opts.wrapper;
+  const wrapperClass = buildWrapperClasses(opts, "showcase");
+  const cardClass = buildInnerClasses(opts, "dgmo-card");
+  const captionHtml = title ? Wrapper === "figure" ? `<figcaption class="dgmo-caption">${escapeHtml(title)}</figcaption>` : `<div class="dgmo-caption">${escapeHtml(title)}</div>` : "";
+  const sourceHtml = opts.showSource ? renderSource(source) : "";
+  const openButton = opts.showOpenInEditor && editorUrl ? `<a href="${escapeAttr(editorUrl)}" target="_blank" rel="noopener noreferrer" class="dgmo-toolbar-btn dgmo-open" aria-label="Open in online editor" title="Open in online editor">
+         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+           <path d="M9.5 2.5h4v4"/>
+           <path d="M13.5 2.5 7 9"/>
+           <path d="M12.5 9.5v3a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h3"/>
+         </svg>
+       </a>` : "";
+  const copyButton = opts.showCopy ? `<button type="button" class="dgmo-toolbar-btn dgmo-copy" aria-label="Copy to clipboard" title="Copy to clipboard" data-dgmo-source="${escapeAttr(source)}">
+         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
+           <rect x="5.5" y="5.5" width="8" height="8" rx="1.5"/>
+           <path d="M10.5 5.5V3a1.5 1.5 0 0 0-1.5-1.5H3A1.5 1.5 0 0 0 1.5 3v6A1.5 1.5 0 0 0 3 10.5h2.5"/>
+         </svg>
+       </button>` : "";
+  const toolbarActions = openButton || copyButton ? `<div class="dgmo-toolbar-actions">${openButton}${copyButton}</div>` : "";
+  const toolbar = opts.showSource ? `<div class="dgmo-toolbar"><span class="dgmo-toolbar-label">dgmo</span>${toolbarActions}</div>` : "";
+  return `<${Wrapper} class="${escapeAttr(wrapperClass)}">` + captionHtml + `<div class="${escapeAttr(cardClass)}">` + (opts.showSource ? `<div class="dgmo-source-wrap">${toolbar}<div class="dgmo-source-inner">${sourceHtml}</div></div>` : "") + `<div class="${escapeAttr(buildInnerClasses(opts, "dgmo-light"))}">${lightSvg}</div><div class="${escapeAttr(buildInnerClasses(opts, "dgmo-dark"))}">${darkSvg}</div></div></${Wrapper}>`;
+}
+function renderSource(source) {
+  const tokens = highlightDgmo(source);
+  const inner = tokens.map((t) => {
+    const styles = NORD_ROLE_STYLES[t.role];
+    const text = escapeHtml(t.text);
+    if (!styles || Object.keys(styles).length === 0) return text;
+    const styleStr = Object.entries(styles).map(
+      ([k, v]) => `${k.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase())}:${v}`
+    ).join(";");
+    return `<span style="${escapeAttr(styleStr)}">${text}</span>`;
+  }).join("");
+  return `<pre class="dgmo-pre"><span class="dgmo-code">${inner}</span></pre>`;
+}
+
+// src/remark-plugin.ts
+function remarkDgmo(options = {}) {
+  return async function transformer(tree, file) {
+    const targets = [];
+    visit(tree, "code", (node, index, parent) => {
+      if (node.lang !== "dgmo") return;
+      if (!parent || index === void 0) return;
+      const loc = {};
+      if (file?.path) loc.path = file.path;
+      const line = node.position?.start.line;
+      if (typeof line === "number") loc.line = line;
+      targets.push({
+        parent,
+        index,
+        payload: { source: node.value, meta: node.meta ?? null, location: loc }
+      });
+    });
+    if (targets.length === 0) return;
+    const rendered = await Promise.all(
+      targets.map(
+        (t) => renderDgmoBlock(
+          t.payload.source,
+          t.payload.meta,
+          options,
+          t.payload.location
+        ).catch((err) => ({
+          html: errorHtml(err, t.payload.source, options),
+          diagnostics: []
+        }))
+      )
+    );
+    for (let i = targets.length - 1; i >= 0; i--) {
+      const t = targets[i];
+      const html = { type: "html", value: rendered[i].html };
+      t.parent.children[t.index] = html;
+    }
+  };
+}
+function errorHtml(err, source, options) {
+  const msg = err instanceof Error ? err.message : "Failed to render dgmo block.";
+  const safeMsg = msg.replace(
+    /[<>&]/g,
+    (ch) => ch === "<" ? "&lt;" : ch === ">" ? "&gt;" : "&amp;"
+  );
+  const safeSrc = source.replace(
+    /[<>&]/g,
+    (ch) => ch === "<" ? "&lt;" : ch === ">" ? "&gt;" : "&amp;"
+  );
+  const baseClass = options.className ?? "dgmo";
+  const legacy = (options.legacyClassNames ?? []).join(" ");
+  const cls = legacy ? `${baseClass} ${legacy} ${baseClass}--error` : `${baseClass} ${baseClass}--error`;
+  return `<div class="${cls}" role="alert"><strong>dgmo render error:</strong> ${safeMsg}<pre>${safeSrc}</pre></div>`;
+}
+
+export {
+  resolveOptions,
+  parseFenceMeta,
+  normalizeSvg,
+  renderDgmoBlock,
+  remarkDgmo
+};
+//# sourceMappingURL=chunk-7VVNWBXS.js.map

package/dist/chunk-7VVNWBXS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/remark-plugin.ts","../src/render-block.ts","../src/options.ts","../src/fence-meta.ts","../src/svg-normalize.ts","../src/escape.ts"],"sourcesContent":["import { visit } from 'unist-util-visit';\nimport type { Root, Code, Html, Parent } from 'mdast';\nimport { renderDgmoBlock, type BlockLocation } from './render-block.js';\nimport type { DgmoOptions } from './options.js';\n\nexport type RemarkDgmoOptions = DgmoOptions;\n\ninterface FencePayload {\n  source: string;\n  meta: string | null;\n  location: BlockLocation;\n}\n\ninterface Target {\n  parent: Parent;\n  index: number;\n  payload: FencePayload;\n}\n\n/**\n * Remark plugin that finds ```dgmo fenced code blocks and replaces them with\n * an HTML node containing the rendered SVG (and optional showcase chrome).\n *\n * The `lang` field on the code node is the fence language (the word after the\n * backticks). The `meta` field is everything that follows on the same line,\n * which we use to allow per-block options like ```dgmo showcase palette=catppuccin.\n *\n * Replaces the code node entirely (parent.children[index] = newNode) rather\n * than mutating it in place — otherwise downstream rehype/Shiki plugins still\n * see the lingering `lang: 'dgmo'` and `value: '...source...'` properties and\n * may re-process the block as a plaintext code listing, clobbering our\n * syntax-highlighted output.\n *\n * Async-safe: replacement is collected first, applied after parsing finishes.\n */\nexport default function remarkDgmo(options: RemarkDgmoOptions = {}) {\n  return async function transformer(\n    tree: Root,\n    file?: { path?: string }\n  ): Promise<void> {\n    const targets: Target[] = [];\n    visit(tree, 'code', (node: Code, index, parent) => {\n      if (node.lang !== 'dgmo') return;\n      if (!parent || index === undefined) return;\n      const loc: BlockLocation = {};\n      if (file?.path) loc.path = file.path;\n      const line = node.position?.start.line;\n      if (typeof line === 'number') loc.line = line;\n      targets.push({\n        parent: parent as Parent,\n        index,\n        payload: { source: node.value, meta: node.meta ?? null, location: loc },\n      });\n    });\n    if (targets.length === 0) return;\n\n    const rendered = await Promise.all(\n      targets.map(t =>\n        renderDgmoBlock(\n          t.payload.source,\n          t.payload.meta,\n          options,\n          t.payload.location\n        ).catch(err => ({\n          html: errorHtml(err, t.payload.source, options),\n          diagnostics: [],\n        }))\n      )\n    );\n\n    // Replace in reverse index order per parent so earlier replacements don't\n    // shift indices of later targets in the same parent. (Visit walks in tree\n    // order, so within a single parent's children targets are also ordered;\n    // reversing is sufficient.)\n    for (let i = targets.length - 1; i >= 0; i--) {\n      const t = targets[i];\n      const html: Html = { type: 'html', value: rendered[i].html };\n      t.parent.children[t.index] = html;\n    }\n  };\n}\n\nfunction errorHtml(\n  err: unknown,\n  source: string,\n  options: RemarkDgmoOptions\n): string {\n  const msg =\n    err instanceof Error ? err.message : 'Failed to render dgmo block.';\n  const safeMsg = msg.replace(/[<>&]/g, ch =>\n    ch === '<' ? '&lt;' : ch === '>' ? '&gt;' : '&amp;'\n  );\n  const safeSrc = source.replace(/[<>&]/g, ch =>\n    ch === '<' ? '&lt;' : ch === '>' ? '&gt;' : '&amp;'\n  );\n  const baseClass = options.className ?? 'dgmo';\n  const legacy = (options.legacyClassNames ?? []).join(' ');\n  const cls = legacy\n    ? `${baseClass} ${legacy} ${baseClass}--error`\n    : `${baseClass} ${baseClass}--error`;\n  return (\n    `<div class=\"${cls}\" role=\"alert\">` +\n    `<strong>dgmo render error:</strong> ${safeMsg}` +\n    `<pre>${safeSrc}</pre></div>`\n  );\n}\n","import {\n  render,\n  encodeDiagramUrl,\n  palettes,\n  type PaletteConfig,\n} from '@diagrammo/dgmo';\nimport { highlightDgmo, NORD_ROLE_STYLES } from '@diagrammo/dgmo/highlight';\nimport {\n  resolveOptions,\n  type DgmoOptions,\n  type ResolvedOptions,\n  type Theme,\n} from './options.js';\nimport { parseFenceMeta } from './fence-meta.js';\nimport { normalizeSvg } from './svg-normalize.js';\nimport { escapeHtml, escapeAttr } from './escape.js';\n\nexport interface RenderBlockResult {\n  html: string;\n  diagnostics: Array<{ message: string; line?: number; severity?: string }>;\n}\n\n/**\n * Optional source-location hint, passed through from the remark transformer so\n * palette-fallback warnings can point at the offending block.\n */\nexport interface BlockLocation {\n  path?: string;\n  line?: number;\n}\n\n/**\n * Render a single ```dgmo block to inline HTML. Pure function: takes source +\n * options and returns the HTML string and any diagnostics from the parser.\n *\n * The remark plugin calls this for every matched code node.\n */\nexport async function renderDgmoBlock(\n  source: string,\n  meta: string | null | undefined,\n  integrationOptions: DgmoOptions = {},\n  location?: BlockLocation\n): Promise<RenderBlockResult> {\n  const block = parseFenceMeta(meta);\n  const base = resolveOptions(integrationOptions);\n  const effectiveMode = block.mode ?? base.mode;\n  const showcase = effectiveMode === 'showcase';\n  const opts: ResolvedOptions = {\n    ...base,\n    mode: effectiveMode,\n    palette: block.palette ?? base.palette,\n    theme: block.theme ?? base.theme,\n    colorMode: block.colorMode ?? base.colorMode,\n    showSource:\n      block.showSource ?? (block.mode ? showcase : base.showSource),\n    showCopy: block.showCopy ?? (block.mode ? showcase : base.showCopy),\n    showOpenInEditor:\n      block.showOpenInEditor ?? (block.mode ? showcase : base.showOpenInEditor),\n  };\n\n  const trimmed = source.trim();\n  const palette = resolvePaletteWithWarning(opts.palette, location);\n\n  // collect diagnostics from however many render passes we end up doing\n  const allDiagnostics: RenderBlockResult['diagnostics'] = [];\n\n  if (opts.colorMode === 'auto') {\n    const [lightSvgRaw, darkSvgRaw] = await Promise.all([\n      renderForTheme(trimmed, palette, 'light', opts.palette, location),\n      renderForTheme(trimmed, palette, 'dark', opts.palette, location),\n    ]);\n    allDiagnostics.push(...lightSvgRaw.diagnostics, ...darkSvgRaw.diagnostics);\n\n    const lightSvg = normalizeSvg(lightSvgRaw.svg);\n    const darkSvg = normalizeSvg(darkSvgRaw.svg);\n\n    let editorUrl: string | undefined;\n    if (opts.showOpenInEditor) {\n      const url = encodeDiagramUrl(trimmed, { baseUrl: opts.editorBaseUrl });\n      editorUrl = url ?? opts.editorBaseUrl;\n    }\n\n    const html =\n      opts.mode === 'showcase'\n        ? renderShowcaseDual(trimmed, lightSvg, darkSvg, editorUrl, opts, block.title)\n        : renderSimpleDual(lightSvg, darkSvg, opts, block.title);\n\n    return { html, diagnostics: allDiagnostics };\n  }\n\n  // Single-render path. colorMode is narrowed to 'light' | 'dark' here since\n  // 'auto' is handled above. The dgmo render() also accepts 'transparent', but\n  // we don't surface that via colorMode — it's reachable via `theme`.\n  const themeForRender: Theme = opts.colorMode === 'light' ? 'light' : 'dark';\n  const { svg: rawSvg, diagnostics } = await render(trimmed, {\n    palette,\n    theme: themeForRender,\n  });\n  allDiagnostics.push(...diagnostics);\n  const svg = normalizeSvg(rawSvg);\n\n  let editorUrl: string | undefined;\n  if (opts.showOpenInEditor) {\n    const url = encodeDiagramUrl(trimmed, { baseUrl: opts.editorBaseUrl });\n    editorUrl = url ?? opts.editorBaseUrl;\n  }\n\n  const html =\n    opts.mode === 'showcase'\n      ? renderShowcase(trimmed, svg, editorUrl, opts, block.title)\n      : renderSimple(svg, opts, block.title);\n\n  return { html, diagnostics: allDiagnostics };\n}\n\nfunction locationSuffix(location: BlockLocation | undefined): string {\n  if (!location) return '';\n  if (location.path && location.line) return ` at ${location.path}:${location.line}`;\n  if (location.line) return ` at line ${location.line}`;\n  return '';\n}\n\nfunction resolvePaletteWithWarning(\n  name: string,\n  location: BlockLocation | undefined\n): PaletteConfig {\n  const found = Object.values(palettes).find(p => p.id === name);\n  if (!found) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `[remark-dgmo] palette \"${name}\" not registered, falling back to \"nord\"${locationSuffix(location)}`\n    );\n    return palettes.nord;\n  }\n  return found;\n}\n\n/**\n * Render one theme. If `colorMode: 'auto'` is requested but the palette is\n * missing the requested mode, fall back to nord's mode and emit a warning.\n *\n * Today this is defensive: dgmo's palette registry validates both modes at\n * registration time, so every registered palette has both pairs by\n * construction. User-supplied palettes via `registerPalette()` that slip past\n * validation would hit this path; tests exercise it via mocking.\n */\nasync function renderForTheme(\n  source: string,\n  palette: PaletteConfig,\n  theme: 'light' | 'dark',\n  requestedName: string,\n  location: BlockLocation | undefined\n): Promise<{ svg: string; diagnostics: RenderBlockResult['diagnostics'] }> {\n  if (!palette[theme]) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `[remark-dgmo] palette \"${requestedName}\" has no ${theme} mode; using nord ${theme} for the missing pair${locationSuffix(location)}`\n    );\n    // Build a synthetic palette where the missing mode is borrowed from nord.\n    const filled: PaletteConfig = {\n      ...palette,\n      [theme]: palettes.nord[theme],\n    } as PaletteConfig;\n    return render(source, { palette: filled, theme });\n  }\n  return render(source, { palette, theme });\n}\n\nfunction buildWrapperClasses(\n  resolved: Pick<ResolvedOptions, 'className' | 'legacyClassNames'>,\n  variant: 'diagram' | 'showcase' | 'error'\n): string {\n  const base = `${resolved.className} ${resolved.className}--${variant}`;\n  const legacy = resolved.legacyClassNames.join(' ');\n  return legacy ? `${base} ${legacy}` : base;\n}\n\nfunction buildInnerClasses(\n  resolved: Pick<ResolvedOptions, 'legacyClassNames'>,\n  primary: string\n): string {\n  const legacy = resolved.legacyClassNames.join(' ');\n  return legacy ? `${primary} ${legacy}` : primary;\n}\n\nfunction renderSimple(\n  svg: string,\n  opts: ResolvedOptions,\n  title?: string\n): string {\n  const Wrapper = opts.wrapper;\n  const wrapperClass = buildWrapperClasses(opts, 'diagram');\n  const captionHtml = title\n    ? `<figcaption class=\"dgmo-caption\">${escapeHtml(title)}</figcaption>`\n    : '';\n  const captionFallback =\n    title && Wrapper !== 'figure'\n      ? `<div class=\"dgmo-caption\">${escapeHtml(title)}</div>`\n      : '';\n  return (\n    `<${Wrapper} class=\"${escapeAttr(wrapperClass)}\">` +\n    (Wrapper === 'figure' ? captionHtml : captionFallback) +\n    `<div class=\"${escapeAttr(buildInnerClasses(opts, 'dgmo-svg'))}\">${svg}</div>` +\n    `</${Wrapper}>`\n  );\n}\n\nfunction renderSimpleDual(\n  lightSvg: string,\n  darkSvg: string,\n  opts: ResolvedOptions,\n  title?: string\n): string {\n  const Wrapper = opts.wrapper;\n  const wrapperClass = buildWrapperClasses(opts, 'diagram');\n  const captionHtml = title\n    ? `<figcaption class=\"dgmo-caption\">${escapeHtml(title)}</figcaption>`\n    : '';\n  const captionFallback =\n    title && Wrapper !== 'figure'\n      ? `<div class=\"dgmo-caption\">${escapeHtml(title)}</div>`\n      : '';\n  return (\n    `<${Wrapper} class=\"${escapeAttr(wrapperClass)}\">` +\n    (Wrapper === 'figure' ? captionHtml : captionFallback) +\n    `<div class=\"${escapeAttr(buildInnerClasses(opts, 'dgmo-light'))}\">${lightSvg}</div>` +\n    `<div class=\"${escapeAttr(buildInnerClasses(opts, 'dgmo-dark'))}\">${darkSvg}</div>` +\n    `</${Wrapper}>`\n  );\n}\n\nfunction renderShowcase(\n  source: string,\n  svg: string,\n  editorUrl: string | undefined,\n  opts: ResolvedOptions,\n  title?: string\n): string {\n  const Wrapper = opts.wrapper;\n  const wrapperClass = buildWrapperClasses(opts, 'showcase');\n  const cardClass = buildInnerClasses(opts, 'dgmo-card');\n\n  const captionHtml = title\n    ? Wrapper === 'figure'\n      ? `<figcaption class=\"dgmo-caption\">${escapeHtml(title)}</figcaption>`\n      : `<div class=\"dgmo-caption\">${escapeHtml(title)}</div>`\n    : '';\n\n  const sourceHtml = opts.showSource ? renderSource(source) : '';\n\n  const openButton =\n    opts.showOpenInEditor && editorUrl\n      ? `<a href=\"${escapeAttr(editorUrl)}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"dgmo-toolbar-btn dgmo-open\" aria-label=\"Open in online editor\" title=\"Open in online editor\">\n         <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n           <path d=\"M9.5 2.5h4v4\"/>\n           <path d=\"M13.5 2.5 7 9\"/>\n           <path d=\"M12.5 9.5v3a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h3\"/>\n         </svg>\n       </a>`\n      : '';\n\n  const copyButton = opts.showCopy\n    ? `<button type=\"button\" class=\"dgmo-toolbar-btn dgmo-copy\" aria-label=\"Copy to clipboard\" title=\"Copy to clipboard\" data-dgmo-source=\"${escapeAttr(source)}\">\n         <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n           <rect x=\"5.5\" y=\"5.5\" width=\"8\" height=\"8\" rx=\"1.5\"/>\n           <path d=\"M10.5 5.5V3a1.5 1.5 0 0 0-1.5-1.5H3A1.5 1.5 0 0 0 1.5 3v6A1.5 1.5 0 0 0 3 10.5h2.5\"/>\n         </svg>\n       </button>`\n    : '';\n\n  const toolbarActions =\n    openButton || copyButton\n      ? `<div class=\"dgmo-toolbar-actions\">${openButton}${copyButton}</div>`\n      : '';\n\n  const toolbar = opts.showSource\n    ? `<div class=\"dgmo-toolbar\"><span class=\"dgmo-toolbar-label\">dgmo</span>${toolbarActions}</div>`\n    : '';\n\n  return (\n    `<${Wrapper} class=\"${escapeAttr(wrapperClass)}\">` +\n    captionHtml +\n    `<div class=\"${escapeAttr(cardClass)}\">` +\n    (opts.showSource\n      ? `<div class=\"dgmo-source-wrap\">${toolbar}<div class=\"dgmo-source-inner\">${sourceHtml}</div></div>`\n      : '') +\n    `<div class=\"${escapeAttr(buildInnerClasses(opts, 'dgmo-svg'))}\">${svg}</div>` +\n    `</div>` +\n    `</${Wrapper}>`\n  );\n}\n\nfunction renderShowcaseDual(\n  source: string,\n  lightSvg: string,\n  darkSvg: string,\n  editorUrl: string | undefined,\n  opts: ResolvedOptions,\n  title?: string\n): string {\n  const Wrapper = opts.wrapper;\n  const wrapperClass = buildWrapperClasses(opts, 'showcase');\n  const cardClass = buildInnerClasses(opts, 'dgmo-card');\n\n  const captionHtml = title\n    ? Wrapper === 'figure'\n      ? `<figcaption class=\"dgmo-caption\">${escapeHtml(title)}</figcaption>`\n      : `<div class=\"dgmo-caption\">${escapeHtml(title)}</div>`\n    : '';\n\n  const sourceHtml = opts.showSource ? renderSource(source) : '';\n\n  const openButton =\n    opts.showOpenInEditor && editorUrl\n      ? `<a href=\"${escapeAttr(editorUrl)}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"dgmo-toolbar-btn dgmo-open\" aria-label=\"Open in online editor\" title=\"Open in online editor\">\n         <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n           <path d=\"M9.5 2.5h4v4\"/>\n           <path d=\"M13.5 2.5 7 9\"/>\n           <path d=\"M12.5 9.5v3a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1v-8a1 1 0 0 1 1-1h3\"/>\n         </svg>\n       </a>`\n      : '';\n\n  const copyButton = opts.showCopy\n    ? `<button type=\"button\" class=\"dgmo-toolbar-btn dgmo-copy\" aria-label=\"Copy to clipboard\" title=\"Copy to clipboard\" data-dgmo-source=\"${escapeAttr(source)}\">\n         <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n           <rect x=\"5.5\" y=\"5.5\" width=\"8\" height=\"8\" rx=\"1.5\"/>\n           <path d=\"M10.5 5.5V3a1.5 1.5 0 0 0-1.5-1.5H3A1.5 1.5 0 0 0 1.5 3v6A1.5 1.5 0 0 0 3 10.5h2.5\"/>\n         </svg>\n       </button>`\n    : '';\n\n  const toolbarActions =\n    openButton || copyButton\n      ? `<div class=\"dgmo-toolbar-actions\">${openButton}${copyButton}</div>`\n      : '';\n\n  const toolbar = opts.showSource\n    ? `<div class=\"dgmo-toolbar\"><span class=\"dgmo-toolbar-label\">dgmo</span>${toolbarActions}</div>`\n    : '';\n\n  return (\n    `<${Wrapper} class=\"${escapeAttr(wrapperClass)}\">` +\n    captionHtml +\n    `<div class=\"${escapeAttr(cardClass)}\">` +\n    (opts.showSource\n      ? `<div class=\"dgmo-source-wrap\">${toolbar}<div class=\"dgmo-source-inner\">${sourceHtml}</div></div>`\n      : '') +\n    `<div class=\"${escapeAttr(buildInnerClasses(opts, 'dgmo-light'))}\">${lightSvg}</div>` +\n    `<div class=\"${escapeAttr(buildInnerClasses(opts, 'dgmo-dark'))}\">${darkSvg}</div>` +\n    `</div>` +\n    `</${Wrapper}>`\n  );\n}\n\nfunction renderSource(source: string): string {\n  const tokens = highlightDgmo(source);\n  const inner = tokens\n    .map(t => {\n      const styles = NORD_ROLE_STYLES[t.role];\n      const text = escapeHtml(t.text);\n      if (!styles || Object.keys(styles).length === 0) return text;\n      const styleStr = Object.entries(styles)\n        .map(\n          ([k, v]) => `${k.replace(/[A-Z]/g, m => '-' + m.toLowerCase())}:${v}`\n        )\n        .join(';');\n      return `<span style=\"${escapeAttr(styleStr)}\">${text}</span>`;\n    })\n    .join('');\n  // NOTE: We deliberately use <pre><span> rather than <pre><code> here. Astro's\n  // Shiki rehype plugin (and Docusaurus's MDX pipeline) walk the hast and\n  // post-process any <pre><code> pair (even ones we emit from a remark plugin\n  // via raw HTML), which clobbers our pre-rendered highlight spans with a\n  // plaintext listing. Using a <span> as the inner element bypasses the\n  // matcher while preserving preformatted-text semantics on the outer <pre>.\n  return `<pre class=\"dgmo-pre\"><span class=\"dgmo-code\">${inner}</span></pre>`;\n}\n","export type Mode = 'diagram' | 'showcase';\n\nexport type Theme = 'light' | 'dark' | 'transparent';\n\n/**\n * Framework-agnostic options for `remarkDgmo` / `renderDgmoBlock`.\n *\n * Wrapper packages (`astro-dgmo`, `docusaurus-plugin-dgmo`) re-export this\n * shape under their own conventional names (`DgmoIntegrationOptions`,\n * `DocusaurusDgmoOptions`).\n */\nexport interface DgmoOptions {\n  /**\n   * Output mode for `dgmo` fenced blocks.\n   * - `diagram` (default): render the SVG only, in a `<figure>`.\n   * - `showcase`: render syntax-highlighted source + SVG + copy + open-in-editor.\n   *\n   * Override per-block via the fence info string: ```dgmo showcase\n   */\n  mode?: Mode;\n\n  /** Default palette name. Default: `nord`. */\n  palette?: string;\n\n  /**\n   * Default theme (`light` | `dark` | `transparent`). Default: `dark`.\n   *\n   * NOTE: under the default `colorMode: 'auto'`, this option is unreachable —\n   * dual-render emits both light and dark SVGs regardless. `theme` is consulted\n   * only when `colorMode` is explicitly set to `'light'` or `'dark'`.\n   */\n  theme?: Theme;\n\n  /**\n   * Color-mode strategy for emitted SVG(s). Default: `auto`.\n   *\n   * - `auto` — render every block twice (light + dark palettes) and wrap each\n   *   SVG in a `<div class=\"dgmo-light\">` / `<div class=\"dgmo-dark\">` so the\n   *   shipped CSS can flip visibility based on the host site's color-mode\n   *   signal (`[data-theme=\"dark\"]` by default).\n   * - `light` / `dark` — single-render with the matching theme. Halves the\n   *   emitted SVG bytes; recommended only for single-mode sites.\n   */\n  colorMode?: 'auto' | 'light' | 'dark';\n\n  /**\n   * Show source code above the diagram. Defaults to `true` in showcase mode,\n   * `false` in diagram mode.\n   */\n  showSource?: boolean;\n\n  /**\n   * Show a copy-to-clipboard button. Defaults to `true` in showcase mode,\n   * `false` in diagram mode.\n   */\n  showCopy?: boolean;\n\n  /**\n   * Show an \"Open in online editor\" link. Defaults to `true` in showcase mode,\n   * `false` in diagram mode.\n   */\n  showOpenInEditor?: boolean;\n\n  /**\n   * Base URL for the \"Open in editor\" link. Default: `https://online.diagrammo.app`.\n   * The plugin appends `?dgmo=...` (compressed source) to the base.\n   */\n  editorBaseUrl?: string;\n\n  /**\n   * Wrapper element. Default: `figure`.\n   */\n  wrapper?: 'figure' | 'div';\n\n  /**\n   * Class added to the outer wrapper. Defaults to `dgmo`.\n   * Useful as a styling hook.\n   */\n  className?: string;\n\n  /**\n   * Additional class names appended to every emitted wrapper's `class`\n   * attribute. Used by `astro-dgmo` v0.3.0 to emit both the new `dgmo-*` class\n   * names and the legacy `astro-dgmo-*` ones for one minor cycle of backward\n   * compatibility. Default: `[]`.\n   */\n  legacyClassNames?: string[];\n}\n\nexport type ResolvedOptions = Required<\n  Omit<DgmoOptions, 'showSource' | 'showCopy' | 'showOpenInEditor'>\n> & {\n  showSource: boolean;\n  showCopy: boolean;\n  showOpenInEditor: boolean;\n};\n\n/**\n * Apply defaults, including mode-dependent defaults for showSource/showCopy/showOpenInEditor.\n */\nexport function resolveOptions(opts: DgmoOptions = {}): ResolvedOptions {\n  const mode: Mode = opts.mode ?? 'diagram';\n  const showcase = mode === 'showcase';\n  return {\n    mode,\n    palette: opts.palette ?? 'nord',\n    theme: opts.theme ?? 'dark',\n    colorMode: opts.colorMode ?? 'auto',\n    showSource: opts.showSource ?? showcase,\n    showCopy: opts.showCopy ?? showcase,\n    showOpenInEditor: opts.showOpenInEditor ?? showcase,\n    editorBaseUrl: opts.editorBaseUrl ?? 'https://online.diagrammo.app',\n    wrapper: opts.wrapper ?? 'figure',\n    className: opts.className ?? 'dgmo',\n    legacyClassNames: opts.legacyClassNames ?? [],\n  };\n}\n","import type { Mode, Theme } from './options.js';\n\n/**\n * Per-block options that can be set via the fence info string, e.g.\n *\n *     ```dgmo showcase palette=catppuccin theme=light title=\"Login flow\"\n *\n * Tokens are space-separated. Boolean tokens are bare words (`showcase`,\n * `diagram`, `noSource`). Key=value pairs use `=`; values may be quoted with\n * double quotes to include spaces.\n */\nexport interface BlockOptions {\n  mode?: Mode;\n  palette?: string;\n  theme?: Theme;\n  colorMode?: 'auto' | 'light' | 'dark';\n  showSource?: boolean;\n  showCopy?: boolean;\n  showOpenInEditor?: boolean;\n  title?: string;\n}\n\nconst BARE_FLAGS: Record<string, Partial<BlockOptions>> = {\n  diagram: { mode: 'diagram' },\n  showcase: { mode: 'showcase' },\n  noSource: { showSource: false },\n  source: { showSource: true },\n  noCopy: { showCopy: false },\n  copy: { showCopy: true },\n  noOpenInEditor: { showOpenInEditor: false },\n  openInEditor: { showOpenInEditor: true },\n};\n\nconst VALID_THEMES = new Set<Theme>(['light', 'dark', 'transparent']);\nconst VALID_COLOR_MODES = new Set<'auto' | 'light' | 'dark'>([\n  'auto',\n  'light',\n  'dark',\n]);\n\n/**\n * Parse the meta string that follows ```dgmo on the fence line.\n * Robust to: empty, missing, malformed input.\n */\nexport function parseFenceMeta(meta: string | null | undefined): BlockOptions {\n  if (!meta) return {};\n  const out: BlockOptions = {};\n  const tokens = tokenize(meta);\n  for (const tok of tokens) {\n    if (BARE_FLAGS[tok]) {\n      Object.assign(out, BARE_FLAGS[tok]);\n      continue;\n    }\n    const eq = tok.indexOf('=');\n    if (eq < 0) continue;\n    const key = tok.slice(0, eq).trim();\n    const rawVal = tok.slice(eq + 1).trim();\n    const val = unquote(rawVal);\n    switch (key) {\n      case 'palette':\n        if (val) out.palette = val;\n        break;\n      case 'theme':\n        if (VALID_THEMES.has(val as Theme)) out.theme = val as Theme;\n        break;\n      case 'colorMode':\n        if (VALID_COLOR_MODES.has(val as 'auto' | 'light' | 'dark')) {\n          out.colorMode = val as 'auto' | 'light' | 'dark';\n        }\n        break;\n      case 'mode':\n        if (val === 'diagram' || val === 'showcase') out.mode = val;\n        break;\n      case 'showSource':\n        out.showSource = parseBool(val);\n        break;\n      case 'showCopy':\n        out.showCopy = parseBool(val);\n        break;\n      case 'showOpenInEditor':\n        out.showOpenInEditor = parseBool(val);\n        break;\n      case 'title':\n        if (val) out.title = val;\n        break;\n    }\n  }\n  return out;\n}\n\nfunction parseBool(s: string): boolean {\n  return s === 'true' || s === '1' || s === 'yes';\n}\n\nfunction unquote(s: string): string {\n  if (s.length >= 2 && s.startsWith('\"') && s.endsWith('\"')) {\n    return s.slice(1, -1);\n  }\n  return s;\n}\n\n/**\n * Split on whitespace, respecting double-quoted segments so a value like\n * `title=\"Login flow\"` survives intact.\n */\nfunction tokenize(input: string): string[] {\n  const out: string[] = [];\n  let buf = '';\n  let inQuotes = false;\n  for (let i = 0; i < input.length; i++) {\n    const ch = input[i];\n    if (ch === '\"') {\n      inQuotes = !inQuotes;\n      buf += ch;\n      continue;\n    }\n    if (!inQuotes && /\\s/.test(ch)) {\n      if (buf) {\n        out.push(buf);\n        buf = '';\n      }\n      continue;\n    }\n    buf += ch;\n  }\n  if (buf) out.push(buf);\n  return out;\n}\n","/**\n * Normalize an SVG produced by `@diagrammo/dgmo` for inline embedding:\n *\n * - Ensure the root `<svg>` has a `viewBox` so it scales responsively.\n * - Strip fixed `width=\"N\"` / `height=\"N\"` so CSS controls sizing.\n * - Remove any inline `background:` from the root style so the page background\n *   shows through.\n */\nexport function normalizeSvg(input: string): string {\n  let svg = input;\n  const rootMatch = svg.match(/<svg[^>]*>/);\n  const rootTag = rootMatch?.[0] ?? '';\n  if (rootTag && !rootTag.includes('viewBox')) {\n    const wh = rootTag.match(/width=\"(\\d+)\"[^>]*height=\"(\\d+)\"/);\n    if (wh) {\n      svg = svg.replace(/<svg/, `<svg viewBox=\"0 0 ${wh[1]} ${wh[2]}\"`);\n    }\n  }\n  svg = svg.replace(/(<svg[^>]*?) width=\"[^\"]*\"/g, '$1');\n  svg = svg.replace(/(<svg[^>]*?) height=\"[^\"]*\"/g, '$1');\n  svg = svg.replace(/(<svg[^>]*?style=\"[^\"]*?)background:[^;\"]*;?\\s*/g, '$1');\n  svg = svg.replace(/<svg\\s{2,}/g, '<svg ');\n  return svg;\n}\n","const HTML_ENTITIES: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n};\n\nexport function escapeHtml(s: string): string {\n  return s.replace(/[&<>\"']/g, ch => HTML_ENTITIES[ch]);\n}\n\nexport function escapeAttr(s: string): string {\n  return s.replace(/[&<>\"']/g, ch => HTML_ENTITIES[ch]);\n}\n"],"mappings":"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","names":["editorUrl","html"]}

package/dist/client.css

@@ -0,0 +1,4 @@
+/* remark-dgmo color-mode visibility — override the [data-theme="dark"] selector for .dark-style toggles. */
+.dgmo-dark { display: none; }
+[data-theme="dark"] .dgmo-light { display: none; }
+[data-theme="dark"] .dgmo-dark  { display: block; }

package/dist/client.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Framework-neutral client-side enhancement for diagrams emitted by
+ * `remark-dgmo`:
+ *
+ *   - Bind a delegated click handler for `button.dgmo-copy` to copy the
+ *     source string in `data-dgmo-source` to the clipboard.
+ *   - Tighten each diagram's `viewBox` to its actual content bounds via
+ *     `SVGGraphicsElement.getBBox()`, since SVG-export from the renderer
+ *     embeds a generous bounding box.
+ *
+ * `bindDgmo()` is safe to call multiple times: the click handler is bound
+ * once-and-only-once (idempotent), and viewBox tightening is run every
+ * invocation so SPA-style frameworks (Docusaurus) can re-run it after
+ * route changes.
+ *
+ * In a non-browser environment (Node SSR), `bindDgmo()` is a no-op.
+ */
+declare function bindDgmo(): void;
+
+export { bindDgmo };

package/dist/client.js

@@ -0,0 +1,52 @@
+// src/client.ts
+var clickHandlerBound = false;
+function bindDgmo() {
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  if (!clickHandlerBound) {
+    document.addEventListener("click", handleCopyClick);
+    clickHandlerBound = true;
+  }
+  tightenViewBoxes();
+}
+async function handleCopyClick(e) {
+  const target = e.target;
+  if (!target || typeof target.closest !== "function") return;
+  const btn = target.closest("button.dgmo-copy");
+  if (!btn) return;
+  const src = btn.dataset.dgmoSource ?? "";
+  try {
+    await navigator.clipboard.writeText(src);
+  } catch {
+    return;
+  }
+  btn.classList.add("dgmo-copy--success");
+  setTimeout(() => btn.classList.remove("dgmo-copy--success"), 1500);
+}
+function tightenViewBoxes() {
+  const SVG_SELECTORS = ".dgmo-svg svg, .dgmo-light svg, .dgmo-dark svg";
+  document.querySelectorAll(SVG_SELECTORS).forEach((node) => {
+    const svg = node;
+    try {
+      const bbox = svg.getBBox();
+      if (bbox.width > 0 && bbox.height > 0) {
+        const pad = 16;
+        svg.setAttribute(
+          "viewBox",
+          `${bbox.x - pad} ${bbox.y - pad} ${bbox.width + pad * 2} ${bbox.height + pad * 2}`
+        );
+      }
+    } catch {
+    }
+  });
+}
+if (typeof window !== "undefined" && typeof document !== "undefined") {
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", bindDgmo);
+  } else {
+    bindDgmo();
+  }
+}
+export {
+  bindDgmo
+};
+//# sourceMappingURL=client.js.map

package/dist/client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client.ts"],"sourcesContent":["/**\n * Framework-neutral client-side enhancement for diagrams emitted by\n * `remark-dgmo`:\n *\n *   - Bind a delegated click handler for `button.dgmo-copy` to copy the\n *     source string in `data-dgmo-source` to the clipboard.\n *   - Tighten each diagram's `viewBox` to its actual content bounds via\n *     `SVGGraphicsElement.getBBox()`, since SVG-export from the renderer\n *     embeds a generous bounding box.\n *\n * `bindDgmo()` is safe to call multiple times: the click handler is bound\n * once-and-only-once (idempotent), and viewBox tightening is run every\n * invocation so SPA-style frameworks (Docusaurus) can re-run it after\n * route changes.\n *\n * In a non-browser environment (Node SSR), `bindDgmo()` is a no-op.\n */\n\nlet clickHandlerBound = false;\n\nexport function bindDgmo(): void {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return;\n\n  if (!clickHandlerBound) {\n    document.addEventListener('click', handleCopyClick);\n    clickHandlerBound = true;\n  }\n  tightenViewBoxes();\n}\n\nasync function handleCopyClick(e: Event): Promise<void> {\n  const target = e.target as Element | null;\n  if (!target || typeof target.closest !== 'function') return;\n  const btn = target.closest('button.dgmo-copy') as HTMLElement | null;\n  if (!btn) return;\n  const src = btn.dataset.dgmoSource ?? '';\n  try {\n    await navigator.clipboard.writeText(src);\n  } catch {\n    return;\n  }\n  btn.classList.add('dgmo-copy--success');\n  setTimeout(() => btn.classList.remove('dgmo-copy--success'), 1500);\n}\n\nfunction tightenViewBoxes(): void {\n  const SVG_SELECTORS = '.dgmo-svg svg, .dgmo-light svg, .dgmo-dark svg';\n  document.querySelectorAll(SVG_SELECTORS).forEach(node => {\n    const svg = node as SVGSVGElement;\n    try {\n      const bbox = (svg as unknown as SVGGraphicsElement).getBBox();\n      if (bbox.width > 0 && bbox.height > 0) {\n        const pad = 16;\n        svg.setAttribute(\n          'viewBox',\n          `${bbox.x - pad} ${bbox.y - pad} ${bbox.width + pad * 2} ${\n            bbox.height + pad * 2\n          }`\n        );\n      }\n    } catch {\n      // ignore: SVG not yet in the DOM, or getBBox unsupported\n    }\n  });\n}\n\n// Auto-init on initial load. Docusaurus-style SPA wrappers also re-call\n// bindDgmo on route changes; that's safe (the click handler is bound once,\n// viewBox tightening runs every time).\nif (typeof window !== 'undefined' && typeof document !== 'undefined') {\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', bindDgmo);\n  } else {\n    bindDgmo();\n  }\n}\n"],"mappings":";AAkBA,IAAI,oBAAoB;AAEjB,SAAS,WAAiB;AAC/B,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa,YAAa;AAEtE,MAAI,CAAC,mBAAmB;AACtB,aAAS,iBAAiB,SAAS,eAAe;AAClD,wBAAoB;AAAA,EACtB;AACA,mBAAiB;AACnB;AAEA,eAAe,gBAAgB,GAAyB;AACtD,QAAM,SAAS,EAAE;AACjB,MAAI,CAAC,UAAU,OAAO,OAAO,YAAY,WAAY;AACrD,QAAM,MAAM,OAAO,QAAQ,kBAAkB;AAC7C,MAAI,CAAC,IAAK;AACV,QAAM,MAAM,IAAI,QAAQ,cAAc;AACtC,MAAI;AACF,UAAM,UAAU,UAAU,UAAU,GAAG;AAAA,EACzC,QAAQ;AACN;AAAA,EACF;AACA,MAAI,UAAU,IAAI,oBAAoB;AACtC,aAAW,MAAM,IAAI,UAAU,OAAO,oBAAoB,GAAG,IAAI;AACnE;AAEA,SAAS,mBAAyB;AAChC,QAAM,gBAAgB;AACtB,WAAS,iBAAiB,aAAa,EAAE,QAAQ,UAAQ;AACvD,UAAM,MAAM;AACZ,QAAI;AACF,YAAM,OAAQ,IAAsC,QAAQ;AAC5D,UAAI,KAAK,QAAQ,KAAK,KAAK,SAAS,GAAG;AACrC,cAAM,MAAM;AACZ,YAAI;AAAA,UACF;AAAA,UACA,GAAG,KAAK,IAAI,GAAG,IAAI,KAAK,IAAI,GAAG,IAAI,KAAK,QAAQ,MAAM,CAAC,IACrD,KAAK,SAAS,MAAM,CACtB;AAAA,QACF;AAAA,MACF;AAAA,IACF,QAAQ;AAAA,IAER;AAAA,EACF,CAAC;AACH;AAKA,IAAI,OAAO,WAAW,eAAe,OAAO,aAAa,aAAa;AACpE,MAAI,SAAS,eAAe,WAAW;AACrC,aAAS,iBAAiB,oBAAoB,QAAQ;AAAA,EACxD,OAAO;AACL,aAAS;AAAA,EACX;AACF;","names":[]}

package/dist/index.d.ts

@@ -0,0 +1,64 @@
+import { D as DgmoOptions, M as Mode, T as Theme } from './remark-plugin-CNBL_aZc.js';
+export { R as RemarkDgmoOptions, a as ResolvedOptions, r as default, r as remarkDgmo, b as resolveOptions } from './remark-plugin-CNBL_aZc.js';
+import 'mdast';
+
+interface RenderBlockResult {
+    html: string;
+    diagnostics: Array<{
+        message: string;
+        line?: number;
+        severity?: string;
+    }>;
+}
+/**
+ * Optional source-location hint, passed through from the remark transformer so
+ * palette-fallback warnings can point at the offending block.
+ */
+interface BlockLocation {
+    path?: string;
+    line?: number;
+}
+/**
+ * Render a single ```dgmo block to inline HTML. Pure function: takes source +
+ * options and returns the HTML string and any diagnostics from the parser.
+ *
+ * The remark plugin calls this for every matched code node.
+ */
+declare function renderDgmoBlock(source: string, meta: string | null | undefined, integrationOptions?: DgmoOptions, location?: BlockLocation): Promise<RenderBlockResult>;
+
+/**
+ * Per-block options that can be set via the fence info string, e.g.
+ *
+ *     ```dgmo showcase palette=catppuccin theme=light title="Login flow"
+ *
+ * Tokens are space-separated. Boolean tokens are bare words (`showcase`,
+ * `diagram`, `noSource`). Key=value pairs use `=`; values may be quoted with
+ * double quotes to include spaces.
+ */
+interface BlockOptions {
+    mode?: Mode;
+    palette?: string;
+    theme?: Theme;
+    colorMode?: 'auto' | 'light' | 'dark';
+    showSource?: boolean;
+    showCopy?: boolean;
+    showOpenInEditor?: boolean;
+    title?: string;
+}
+/**
+ * Parse the meta string that follows ```dgmo on the fence line.
+ * Robust to: empty, missing, malformed input.
+ */
+declare function parseFenceMeta(meta: string | null | undefined): BlockOptions;
+
+/**
+ * Normalize an SVG produced by `@diagrammo/dgmo` for inline embedding:
+ *
+ * - Ensure the root `<svg>` has a `viewBox` so it scales responsively.
+ * - Strip fixed `width="N"` / `height="N"` so CSS controls sizing.
+ * - Remove any inline `background:` from the root style so the page background
+ *   shows through.
+ */
+declare function normalizeSvg(input: string): string;
+
+export { type BlockLocation, type BlockOptions, DgmoOptions, Mode, type RenderBlockResult, Theme, normalizeSvg, parseFenceMeta, renderDgmoBlock };

package/dist/index.js

@@ -0,0 +1,16 @@
+import {
+  normalizeSvg,
+  parseFenceMeta,
+  remarkDgmo,
+  renderDgmoBlock,
+  resolveOptions
+} from "./chunk-7VVNWBXS.js";
+export {
+  remarkDgmo as default,
+  normalizeSvg,
+  parseFenceMeta,
+  remarkDgmo,
+  renderDgmoBlock,
+  resolveOptions
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/remark-plugin-CNBL_aZc.d.ts

@@ -0,0 +1,110 @@
+import { Root } from 'mdast';
+
+type Mode = 'diagram' | 'showcase';
+type Theme = 'light' | 'dark' | 'transparent';
+/**
+ * Framework-agnostic options for `remarkDgmo` / `renderDgmoBlock`.
+ *
+ * Wrapper packages (`astro-dgmo`, `docusaurus-plugin-dgmo`) re-export this
+ * shape under their own conventional names (`DgmoIntegrationOptions`,
+ * `DocusaurusDgmoOptions`).
+ */
+interface DgmoOptions {
+    /**
+     * Output mode for `dgmo` fenced blocks.
+     * - `diagram` (default): render the SVG only, in a `<figure>`.
+     * - `showcase`: render syntax-highlighted source + SVG + copy + open-in-editor.
+     *
+     * Override per-block via the fence info string: ```dgmo showcase
+     */
+    mode?: Mode;
+    /** Default palette name. Default: `nord`. */
+    palette?: string;
+    /**
+     * Default theme (`light` | `dark` | `transparent`). Default: `dark`.
+     *
+     * NOTE: under the default `colorMode: 'auto'`, this option is unreachable —
+     * dual-render emits both light and dark SVGs regardless. `theme` is consulted
+     * only when `colorMode` is explicitly set to `'light'` or `'dark'`.
+     */
+    theme?: Theme;
+    /**
+     * Color-mode strategy for emitted SVG(s). Default: `auto`.
+     *
+     * - `auto` — render every block twice (light + dark palettes) and wrap each
+     *   SVG in a `<div class="dgmo-light">` / `<div class="dgmo-dark">` so the
+     *   shipped CSS can flip visibility based on the host site's color-mode
+     *   signal (`[data-theme="dark"]` by default).
+     * - `light` / `dark` — single-render with the matching theme. Halves the
+     *   emitted SVG bytes; recommended only for single-mode sites.
+     */
+    colorMode?: 'auto' | 'light' | 'dark';
+    /**
+     * Show source code above the diagram. Defaults to `true` in showcase mode,
+     * `false` in diagram mode.
+     */
+    showSource?: boolean;
+    /**
+     * Show a copy-to-clipboard button. Defaults to `true` in showcase mode,
+     * `false` in diagram mode.
+     */
+    showCopy?: boolean;
+    /**
+     * Show an "Open in online editor" link. Defaults to `true` in showcase mode,
+     * `false` in diagram mode.
+     */
+    showOpenInEditor?: boolean;
+    /**
+     * Base URL for the "Open in editor" link. Default: `https://online.diagrammo.app`.
+     * The plugin appends `?dgmo=...` (compressed source) to the base.
+     */
+    editorBaseUrl?: string;
+    /**
+     * Wrapper element. Default: `figure`.
+     */
+    wrapper?: 'figure' | 'div';
+    /**
+     * Class added to the outer wrapper. Defaults to `dgmo`.
+     * Useful as a styling hook.
+     */
+    className?: string;
+    /**
+     * Additional class names appended to every emitted wrapper's `class`
+     * attribute. Used by `astro-dgmo` v0.3.0 to emit both the new `dgmo-*` class
+     * names and the legacy `astro-dgmo-*` ones for one minor cycle of backward
+     * compatibility. Default: `[]`.
+     */
+    legacyClassNames?: string[];
+}
+type ResolvedOptions = Required<Omit<DgmoOptions, 'showSource' | 'showCopy' | 'showOpenInEditor'>> & {
+    showSource: boolean;
+    showCopy: boolean;
+    showOpenInEditor: boolean;
+};
+/**
+ * Apply defaults, including mode-dependent defaults for showSource/showCopy/showOpenInEditor.
+ */
+declare function resolveOptions(opts?: DgmoOptions): ResolvedOptions;
+
+type RemarkDgmoOptions = DgmoOptions;
+/**
+ * Remark plugin that finds ```dgmo fenced code blocks and replaces them with
+ * an HTML node containing the rendered SVG (and optional showcase chrome).
+ *
+ * The `lang` field on the code node is the fence language (the word after the
+ * backticks). The `meta` field is everything that follows on the same line,
+ * which we use to allow per-block options like ```dgmo showcase palette=catppuccin.
+ *
+ * Replaces the code node entirely (parent.children[index] = newNode) rather
+ * than mutating it in place — otherwise downstream rehype/Shiki plugins still
+ * see the lingering `lang: 'dgmo'` and `value: '...source...'` properties and
+ * may re-process the block as a plaintext code listing, clobbering our
+ * syntax-highlighted output.
+ *
+ * Async-safe: replacement is collected first, applied after parsing finishes.
+ */
+declare function remarkDgmo(options?: RemarkDgmoOptions): (tree: Root, file?: {
+    path?: string;
+}) => Promise<void>;
+
+export { type DgmoOptions as D, type Mode as M, type RemarkDgmoOptions as R, type Theme as T, type ResolvedOptions as a, resolveOptions as b, remarkDgmo as r };

package/dist/remark-plugin.d.ts

@@ -0,0 +1,2 @@
+import 'mdast';
+export { R as RemarkDgmoOptions, r as default } from './remark-plugin-CNBL_aZc.js';

package/dist/remark-plugin.js

@@ -0,0 +1,7 @@
+import {
+  remarkDgmo
+} from "./chunk-7VVNWBXS.js";
+export {
+  remarkDgmo as default
+};
+//# sourceMappingURL=remark-plugin.js.map

package/dist/remark-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "remark-dgmo",
+  "version": "0.1.0",
+  "description": "Remark plugin to render DGMO diagrams from fenced code blocks at build time. Framework-agnostic core shared by astro-dgmo, docusaurus-plugin-dgmo, and any unified pipeline.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/diagrammo/remark-dgmo.git"
+  },
+  "homepage": "https://github.com/diagrammo/remark-dgmo#readme",
+  "bugs": {
+    "url": "https://github.com/diagrammo/remark-dgmo/issues"
+  },
+  "keywords": [
+    "remark",
+    "remark-plugin",
+    "mdast",
+    "unified",
+    "dgmo",
+    "diagrammo",
+    "diagram",
+    "diagrams",
+    "mdx",
+    "markdown",
+    "astro",
+    "docusaurus",
+    "starlight",
+    "color-mode"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./remark": {
+      "types": "./dist/remark-plugin.d.ts",
+      "import": "./dist/remark-plugin.js"
+    },
+    "./client.js": "./dist/client.js",
+    "./client.css": "./dist/client.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "engines": {
+    "node": ">=20.6"
+  },
+  "scripts": {
+    "build": "tsup && cp styles/client.css dist/client.css",
+    "postbuild": "test -f dist/client.css && test -f dist/client.js",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "pnpm build && pnpm test"
+  },
+  "peerDependencies": {
+    "@diagrammo/dgmo": "^0.15.0"
+  },
+  "dependencies": {
+    "@lezer/common": "^1.5.1",
+    "@lezer/highlight": "^1.2.3",
+    "@lezer/lr": "^1.4.8",
+    "unist-util-visit": "^5.0.0"
+  },
+  "devDependencies": {
+    "@diagrammo/dgmo": "^0.15.0",
+    "@types/mdast": "^4.0.4",
+    "@types/node": "^22.10.0",
+    "postcss": "^8.4.49",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.4"
+  }
+}