feat(docs): polished code blocks with labels, wrapping and copy #19

Merged

m1nsook merged 1 commit from feat/styled-mdx-code-blocks into main

2026-11-04 02:10:43 +01:00

m1nsook commented

2026-11-04 02:09:55 +01:00

(Migrated from github.com)

What changed

Add a reusable MDX MdxPre component with a real header, optional filename, language badge, and AriaDocs copy button, visually matching the new file tree.
Default non-tabbed code examples wrap long command lines instead of generating a wide horizontal scrollbar; raw source remains available via Copy.
Preserve Prism syntax highlighting, with a safe token-based fallback for PowerShell where no Prism tokens were showing.
Keep tabbed code snippets compact with a single tab header and a floating copy button.
Add rehypeCodeMeta to attach fence titles to the <pre> rather than rendering a detached title div.
Apply clearer filenames on Packaging and Configuration code blocks.

No new packages and no changes to the stable dark-mode/bootstrap or layout. Merge only when CI succeeds.

## What changed - Add a reusable MDX `MdxPre` component with a real header, optional filename, language badge, and AriaDocs copy button, visually matching the new file tree. - Default non-tabbed code examples wrap long command lines instead of generating a wide horizontal scrollbar; raw source remains available via Copy. - Preserve Prism syntax highlighting, with a safe token-based fallback for PowerShell where no Prism tokens were showing. - Keep tabbed code snippets compact with a single tab header and a floating copy button. - Add `rehypeCodeMeta` to attach fence titles to the `<pre>` rather than rendering a detached title div. - Apply clearer filenames on Packaging and Configuration code blocks. No new packages and no changes to the stable dark-mode/bootstrap or layout. Merge only when CI succeeds.