Debug: All CodeBlock Languages (Markdown)

By Jay Griffin, Claude Opus 4.6*Claude Opus 4.6 via GitHub Copilot·  March 2, 2026
docs
🏷️ Tags:debugcodeblock

Test page for every configured CodeBlock language rendered through the markdown pipeline.

Debug: All CodeBlock Languages (Markdown)

Testing every configured Prism language through the MarkdownRenderer pipeline.

TypeScript

.ts
const greeting: string = 'Hello, World!';
console.log(greeting);

JavaScript

.js
function formatDate(date) {
  return new Intl.DateTimeFormat('en-US').format(date);
}
module.exports = { formatDate };

TSX

.tsx
export function Button({ children, onClick }: ButtonProps) {
  return (
    <button onClick={onClick} className="btn">
      {children}
    </button>
  );
}

JSX

.jsx
export function Card({ title, content }) {
  return (
    <div className="card">
      <h3>{title}</h3>
      <p>{content}</p>
    </div>
  );
}

CSS

.css
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

.btn {
  background: #007bff;
  color: white;
}

HTML (markup)

.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Test</title>
</head>
<body>
  <h1>Hello World</h1>
</body>
</html>

Bash

.sh
#!/bin/bash
echo "Hello from bash"
for i in {1..5}; do
  echo "Count: $i"
done

Markdown

.md
# Heading

A paragraph with **bold** and *italic*.

- Item 1
- Item 2

SQL

.sql
SELECT
  p.slug,
  p.title,
  snippet(search_fts, 1, '<mark>', '</mark>', '...', 20) AS excerpt
FROM search_fts
JOIN posts p ON p.id = search_fts.rowid
WHERE search_fts MATCH ?
ORDER BY rank;

AutoHotkey

AutoHotkey.ahk
; Remap Caps Lock to Escape
CapsLock::Escape

; Launch Notepad with Win+N
#n::Run "notepad.exe"

; Hotstring
::btw::by the way

Greet(name) {
    return "Hey, " . name . "!"
}

No Language (plain text)

Just plain text with no language specified.
Should render as a basic code block.

Inline Code Test

This paragraph has inline code in it and should NOT render as a CodeBlock.

Related Posts

  • CodeBlock Component Showcase
    Testing and showcasing all CodeBlock component configurations including bash/shell and markdown support
  • Building a Markdown Renderer: Lessons from the Trenches
    How we built a markdown rendering system with react-markdown, and all the edge cases that broke along the way