Skip to content

feat(devcontainers): add Mermaid preview extension - #162

Merged
gatezh merged 1 commit into
masterfrom
feat/markdown-mermaid
Sep 23, 2026
Merged

gatezh merged 1 commit into
masterfrom
feat/markdown-mermaid

Conversation

@gatezh

@gatezh gatezh commented Sep 23, 2026

Copy link
Copy Markdown
Owner

What

Adds bierner.markdown-mermaid to the VS Code extensions in the repo's own devcontainers and in both claude-code template variants.

Why

VS Code's built-in Markdown preview shows Mermaid code blocks as plain text. This extension renders them as diagrams, which pairs with the bierner.markdown-preview-github-styles extension already bundled.

Changes

  • .devcontainer/devcontainer.json, .devcontainer/claude-sandbox/devcontainer.json
  • claude-code/.devcontainer/devcontainer.json, claude-code/.devcontainer/claude-sandbox/devcontainer.json
  • Each entry sits directly after markdown-preview-github-styles and follows that file's local comment style. The root sandbox file has no per-entry comments, so none was added there.

Notes

  • Verified the ID against the VS Code Marketplace API: bierner.markdown-mermaid, "Markdown Preview Mermaid Support", v1.32.1.
  • All four files still parse as JSONC.
  • The other images (bun, hugo-bun*, claude-bun) are left out, since the issue marks them as optional.

Fixes #81

Mermaid code blocks render as plain text in VS Code's built-in Markdown
preview. bierner.markdown-mermaid renders them, and sits next to the
already-bundled bierner.markdown-preview-github-styles in the repo's own
devcontainers and both claude-code template variants.

Fixes #81
@gatezh
gatezh merged commit 961e2d9 into master Sep 23, 2026
11 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add bierner.markdown-mermaid extension for Mermaid diagram preview

1 participant