peekmd kitchen sink test for visual comparison

kitchen-sink.md

Kitchen Sink - All Markdown Features

A comprehensive test file for all GitHub-flavored markdown features supported by peekmd.

Text Formatting

Regular paragraph text with bold, italic, bold italic, and strikethrough text.

You can also use bold and italic with underscores.

Inline code looks like this.

Links and Images

• Regular link
• Link with title
• Autolink: https://example.com
• Email autolink: contact@example.com

Images (these won't load, just testing syntax):

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lists

Unordered List

• Item 1
• Item 2
  • Nested item 2.1
  • Nested item 2.2
    • Deep nested 2.2.1
• Item 3

Ordered List

1. First item
2. Second item
   1. Nested item 2.1
   2. Nested item 2.2
3. Third item

Task Lists

• Completed task
• Incomplete task
• Another completed task
  • Nested incomplete
  • Nested complete

Blockquotes

This is a blockquote. It can span multiple lines.

Nested blockquotes:

This is nested

And even deeper

GitHub Alerts

Note

Useful information that users should know, even when skimming content.

Tip

Helpful advice for doing things better or more easily.

Important

Key information users need to know to achieve their goal.

Warning

Urgent info that needs immediate user attention to avoid problems.

Caution

Advises about risks or negative outcomes of certain actions.

Code Blocks

JavaScript

function greet(name) {
  console.log(`Hello, ${name}!`);
  return true;
}

const result = greet("World");

TypeScript

interface User {
  id: number;
  name: string;
  email?: string;
}

function createUser(data: Partial<User>): User {
  return { id: Date.now(), name: "Anonymous", ...data };
}

Python

def fibonacci(n: int) -> list[int]:
    """Generate Fibonacci sequence up to n terms."""
    fib = [0, 1]
    for _ in range(2, n):
        fib.append(fib[-1] + fib[-2])
    return fib[:n]

print(fibonacci(10))

Bash

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

JSON

{
  "name": "peekmd",
  "version": "2.0.0",
  "dependencies": {
    "markdown-it": "^14.0.0"
  }
}

Diff

- const old = "removed";
+ const new = "added";
  const unchanged = "same";

Plain code block (no language)

This is a plain code block
with no syntax highlighting.

Tables

Simple Table

Name	Age	Role
Alice	30	Developer
Bob	25	Designer
Charlie	35	Manager

Aligned Table

Left	Center	Right
L1	C1	R1
L2	C2	R2
L3	C3	R3

Complex Table

Feature	Status	Notes
Bold	code	link
Italic	strike	Normal

Horizontal Rules

---

---

---

Footnotes

Here's a sentence with a footnote¹.

Another sentence with a different footnote².

HTML Elements (Inline)

Ctrl + C to copy.

_subscript and ^superscript

Highlighted text

Details/Summary (Collapsible)

Click to expand

This content is hidden by default.

• Hidden item 1
• Hidden item 2

const hidden = "code";

This one starts open

You can see this content immediately.

Mermaid Diagrams

Flowchart

graph TD
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great!]
    B -->|No| D[Debug]
    D --> B
    C --> E[End]

Loading

Sequence Diagram

sequenceDiagram
    participant Browser
    participant Server
    participant Database

    Browser->>Server: HTTP Request
    Server->>Database: Query
    Database-->>Server: Results
    Server-->>Browser: HTTP Response

Loading

Pie Chart

pie title Languages Used
    "JavaScript" : 45
    "TypeScript" : 30
    "Python" : 15
    "Other" : 10

Loading

Edge Cases

Empty Elements

• Non-empty item

Special Characters

• Ampersand: &
• Less than: <
• Greater than: >
• Quote: "
• Apostrophe: '
• Backtick in code: `code`

Long Content

This is a very long paragraph that should wrap properly in the preview. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Escape Characters

*Not italic* *Not bold* [Not a link](url) `Not code`

---

End of kitchen sink test file.

Footnotes

1. This is a simple footnote. ↩

2. Here's one with multiple paragraphs and code.

   Indent paragraphs to include them in the footnote.

   { code } ↩