Dirtreeist

approved

by k4a-l

Render a directory Structure Diagram from a Markdown lists in codeblock.

32 stars8,043 downloadsUpdated 1mo agoMIT

Obsidian Dirtreeist

Render a directory Structure Diagram from a markdown lists in codeblock.

Caution

This plugin relies on the functionality of the dirtreeist library. Please send feature requests there.

Features

Basic

If you write a code block as follows,

```dirtree
- /components -- UI
  - -- has buttons and modals
    - -- Storybook ready
  - App.tsx -- entry point
  - App.css -- style
- tsconfig.json -- settings
- README.md -- docs
- /utils
```

It is rendered as follows,

├─/components    UI
│ │             ・has buttons and modals
│ │              ・Storybook ready
│ ├─App.tsx    entry point
│ └─App.css    style
├─tsconfig.json  settings
├─README.md      docs
└─/utils

Other

Sequential listings

- a
  - b
- c

- 1
  - 2
├─ a
│ ├─ b
├─ c
└─ 1
  └─ 2

Another element comes in between

- a
  - b
- c

sometext

- 1
  - 2
├─ a
│ ├─ b
└─ c

└─ 1
  └─ 2

Others

See dirtreeist library.

For plugin developers

Search results and similarity scores are powered by semantic analysis of your plugin's README. If your plugin isn't appearing for searches you'd expect, try updating your README to clearly describe your plugin's purpose, features, and use cases.