vesper/test-markdown.md

# Markdown Combinations Test

This file tests all possible combinations of markdown elements.

---

## 1. Lists with Text Formatting

### Bold in List

- **Bold item 1**
- **Bold item 2** with more text
- **Bold item 3** and *italic* and `code`

### Italic in List

- *Italic item 1*
- *Italic item 2* with text
- *Italic* and **bold** together

### Code in List

- `inline code` item
- Code with `const x = 1` variable
- Command `npm install`

### Mixed Formatting in List

- **Bold** and *italic* and `code` all together
- ***Bold italic*** with normal text
- ~~Strikethrough~~ and **bold**
- ==Highlighted== and *italic*

---

## 2. Headings in Lists

- ### Heading 3 in list
- #### Heading 4 in list
- ##### Heading 5 in list

1. ### Heading 3 in ordered list
2. #### Heading 4 in ordered list
3. ##### Heading 5 in ordered list

---

## 3. Blockquotes with Lists

> ### Blockquote with list:
> - Item 1
> - Item 2
> - Item 3

> **Bold blockquote** with list:
> 1. First
> 2. Second
> 3. Third

> *Italic blockquote* with `code`:
> - Item with `inline code`
> - Another with **bold**

---

## 4. Lists in Blockquotes

> This is a blockquote with a nested list:
> - First level
>   - Second level
>     - Third level
>       - Fourth level
> - Back to first

> Another blockquote with mixed content:
> - **Bold item**
> - *Italic item*
> - `Code item`
> - [Link item](https://example.com)

---

## 5. Links in Various Elements

### Links in Lists

- [Link](https://example.com) in list
- [Link with title](https://example.com "Title") in list
- [Reference link][ref] in list

[ref]: https://example.com

### Links in Blockquotes

> [Link in blockquote](https://example.com)
> **[Bold link](https://example.com)**
> *[[Italic link](https://example.com)*

### Links in Code

- `<a href="https://example.com">Link</a>` in list
- `[link](url)` as code

---

## 6. Images in Various Elements

### Images in Lists

- ![Image](https://via.placeholder.com/100x50.png) in list
- ![Alt text](https://via.placeholder.com/100x50.png "Image title")

### Images in Blockquotes

> ![Image in blockquote](https://via.placeholder.com/100x50.png)

---

## 7. Code Blocks with Formatting

### Code Block with Bold/Italic

```
**This is bold in code**
*This is italic in code*
`inline code in code block`
```

### Code Block Inside List

- ```
  // Code block in list
  const x = 1;
  ```
- Another item

---

## 8. Tables with Formatting

| Header | **Bold Header** | *Italic Header* |
|--------|-----------------|-----------------|
| Cell | **Bold Cell** | *Italic Cell* |
| `Code` | **Bold** + `code` | *Italic* + `code` |

---

## 9. Nested Lists with All Formatting

- Level 1 **bold**
  - Level 2 *italic*
    - Level 3 `code`
      - Level 4 ~~strikethrough~~
        - Level 5 ==highlight==

1. Ordered 1 **bold**
   1. Ordered 1.1 *italic*
      1. Ordered 1.1.1 `code`

---

## 10. Complex Combinations

### Blockquote > List > Blockquote

> - Item 1
>   > Nested blockquote
>   > With **bold**
> - Item 2

### List > Blockquote > List

- Item 1
  > Blockquote inside list
  > With *italic*
- Item 2

### List > Code > List

- Item 1
  ```
  // Code block nested
  const x = 1;
  ```
- Item 2

### Task List with Formatting

- [x] **Completed** task with *italic*
- [ ] *Incomplete* with `code`
- [x] ==Highlighted== and **bold** and *italic*

---

## 11. Heading + List Combinations

### Heading followed by formatted list

#### Subheading

- **Bold item**
- *Italic item*
- `Code item`

### Multiple headings in sequence

## Section 1

- Item 1
- Item 2

## Section 2

1. Ordered 1
2. Ordered 2

### Heading within list (edge case)

- Normal item
- #### Not a heading (just text)
- Normal item

---

## 12. Links + Code + Bold + Italic combinations

- **[Bold link](https://example.com)**
- *[Italic link](https://example.com)*
- [`Code link`](https://example.com)
- **[Link](https://example.com)** with `code` and *italic*
- ***[All combined](https://example.com)*** with `more code`

---

## 13. Tables + Lists combinations

| Table | With | Formatting |
|-------|------|-----------|
| - List in table | - Another | - Item |
| **Bold** | *Italic* | `Code` |

- Table below list:

| Col1 | Col2 |
|------|------|
| A    | B    |

- List below table:

  | Col1 | Col2 |
  |------|------|
  | C    | D    |

---

## 14. All Elements in One Paragraph

This is a paragraph with **bold**, *italic*, ***bold italic***, `inline code`, [a link](https://example.com), ![an image](https://via.placeholder.com/50x20.png), ~~strikethrough~~, ==highlight==, and ^superscript^, all in one paragraph. It's quite long and should test how your renderer handles multiple formatting elements combined.

---

## 15. Edge Case: Empty Elements

- 
- Item after empty

>
> Empty blockquote

---

## 16. Deep Nesting

1. Level 1
   - Level 2
     - Level 3
       - Level 4
         - Level 5
           - Level 6
             - **Deep bold**
             - *Deep italic*
             - `Deep code`

---

## 17. Code Blocks with Language and Formatting

```javascript
// JavaScript with **fake bold** (just text)
const greet = (name) => {
  return `Hello, ${name}!`; // Template literal
};
```

```python
# Python with *italic* comments
def hello():
    """Docstring with **bold**"""
    return "Hello"
```

```html
<!-- HTML comment with **bold** -->
<div class="container">
  <p>Paragraph with *italic*</p>
</div>
```

---

## 18. Final Complex Example

> ### Blockquote Heading
> 
> This is a blockquote that contains:
> 
> - A **bold** list item
> - An *italic* list item  
> - A `code` list item
> - A [link](https://example.com) item
> 
> And then continues with more text that has **bold**, *italic*, and `code` formatting.
> 
> It also has a nested list:
> 
> 1. First nested **bold** item
> 2. Second nested *italic* item
> 3. Third nested `code` item

---

This covers virtually every possible combination of markdown elements!