Skip to content

configure mermaid#142

Merged
raphael-goetz merged 4 commits intomainfrom
#141-configure-mermaid
Apr 16, 2026
Merged

configure mermaid#142
raphael-goetz merged 4 commits intomainfrom
#141-configure-mermaid

Conversation

@raphael-goetz
Copy link
Copy Markdown
Member

Resolves: #141

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR enables Mermaid diagram rendering in the Fumadocs MDX pipeline (Issue #141) by wiring the Mermaid remark plugin and providing a client-side <Mermaid /> component to render generated diagrams.

Changes:

  • Add a new src/components/Mermaid.tsx client component that dynamically loads Mermaid and renders SVG output.
  • Enable Mermaid parsing in MDX via remarkMdxMermaid in source.config.ts.
  • Add required dependencies (mermaid, next-themes) and expose the Mermaid component via mdx-components.tsx.

Reviewed changes

Copilot reviewed 4 out of 5 changed files in this pull request and generated 8 comments.

Show a summary per file
File Description
src/components/Mermaid.tsx Introduces the Mermaid renderer component (dynamic import + SVG injection).
source.config.ts Adds remarkMdxMermaid to MDX remark plugins.
mdx-components.tsx Registers Mermaid as an available MDX component.
package.json Adds Mermaid + next-themes dependencies.
package-lock.json Locks new transitive dependencies pulled in by Mermaid.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread mdx-components.tsx Outdated
Comment thread src/components/Mermaid.tsx
Comment thread src/components/Mermaid.tsx
Comment thread src/components/Mermaid.tsx
Comment thread src/components/Mermaid.tsx
Comment thread src/components/Mermaid.tsx
Comment thread src/components/Mermaid.tsx
Comment thread source.config.ts
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Raphael Götz <52959657+raphael-goetz@users.noreply.github.com>
@github-actions
Copy link
Copy Markdown

github-actions bot commented Apr 15, 2026

GitLab Pipeline Action

General information

Link to pipeline: https://gitlab.com/code0-tech/development/telescopium/-/pipelines/2458827755

Status: Passed
Duration: 1 minutes

Job summaries

build

Documentation preview available at https://code0-tech.gitlab.io/-/development/telescopium/-/jobs/13960760703/artifacts/out/index.html

Comment thread mdx-components.tsx Outdated
@raphael-goetz raphael-goetz merged commit 443772a into main Apr 16, 2026
1 check 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.

Configure Mermaid Feature

4 participants