Notion-Like Tree Navigator for Obsidian

A native Obsidian plugin that transforms Obsidian's document navigation into a true Notion-like document tree hierarchy powered by a lightweight Virtual Hierarchy mapping.

[!IMPORTANT] 100% Clean Physical Vault Guarantee & File Move Resilience
This plugin DOES NOT alter or force unwanted physical folder creation in your vault. All your .md files remain 100% clean, single files on disk. Moving markdown files physically across folders (inside or outside Obsidian) will not break your virtual tree hierarchy—parent-child relationships automatically rebind!

---

🚀 Key Features

• 📂 Expand All & Collapse All: Dedicated header buttons and palette commands to expand or collapse all nested tree nodes at once.
• 🔒 Circular Nesting Protection: Dragging an ancestor/parent document into one of its own children/descendants is automatically blocked to prevent tree cycles and data corruption.
• 📄 Drag-to-Embed Interactive Trees: Drag any document or folder from the sidebar directly into any Markdown note editor to embed an interactive document tree block!

  ```notion-tree
  path: "Programming.md"
  ```
  

• 🛡️ 100% Clean File System (Virtual Hierarchy): Every document can act as a parent container holding child documents virtually without cluttering OS folders.
• 🔄 Physical File Move Resilience: Moving or renaming markdown files physically across your vault automatically updates and preserves your virtual tree structure.
• 🔀 Sort Mode Toggle Button: Click the sort button in the sidebar header to toggle between Custom Drag Order and Sort by Kind & Alphabetical (Folders -> Files A-Z) without losing your custom ordering.
• 🌲 Notion Document Tree View: Dedicated sidebar panel rendering your document hierarchy with clean, precise indentation and clear visual levels.
• ✨ Hover Plus Button: The + (Add Child Document) button appears smoothly when hovering over any document node to keep your navigation sidebar clean and sleek.
• ↔️ Drag-and-Drop Nesting: Drag a document onto another document to nest it beneath it.
• ↕️ Manual Drag Reordering: Drag items up and down to custom-order siblings instead of enforcing alphabetical sorting.
• 📱 Cross-Platform: Fully compatible with Desktop and Mobile (Android & iOS) using native Obsidian input modals.

---

🛠️ Installation

Manual Installation

1. Download main.js, styles.css, and manifest.json from the latest release.
2. Create a folder named obsidian-notion-tree inside your vault's .obsidian/plugins/ directory.
3. Move the downloaded files into .obsidian/plugins/obsidian-notion-tree/.
4. Reload Obsidian and enable Notion-Like Tree Navigator under Settings -> Community Plugins.

---

⚙️ Development

# Clone the repository
git clone https://github.com/athalarieq/Obsdian-File-Tree.git
cd obsidian-notion-tree

# Install dependencies
npm install

# Build production bundle
npm run build

# Watch mode for development
npm run dev

---

📄 License

MIT License.