📁✨ File and Folder Tree JSON Copier ✨📁
Easily copy your project's directory tree in JSON
format — simple or detailed!
📦 Super useful for documentation, backups, debugging, and developer tools.

🚀 Features
- 🧾 Simple JSON Mode — Just folder & file names.
- 🧠 Detailed JSON Mode — Includes:
- 📏 Size, 📄 Extension, 🕒 Timestamps
- 🔐 Permissions, 🔁 Symlink Status
- 💬 Language Detection, 🧬 File Hash
- 🔍 Git Info (Author, Date, Commit)
- 📊 Line/Word/Code Stats
- 🎛️ Selective Field Export — Choose exactly what you want
- 🖱️ Right-click Context Menu — Super fast usage
🎬 Demo
Here’s how it works in action:
📸 Screenshots
Add your own screenshots in the assets/
folder and update these links.
Simple Mode |
Detailed Mode |
 |
 |
⚙️ Usage
Right-click on any file or folder in VS Code Explorer:
- 🔹 Copy Directory Tree as Simple JSON
- 🔸 Copy Directory Tree as Detailed JSON
Paste anywhere you want — 💥 instant structure dump.
📦 Installation
Search for this extension in the marketplace:
File and Folder Tree JSON Copier
Or install it directly from Visual Studio Marketplace.
🧠 Pro Mode (Coming Soon)
- ✅ Export JSON to a file
- ✅ Preview before copying
- ✅ Support for
.gitignore
and custom ignore patterns
- ✅ Select fields with a user interface
- ✅ Toggle hash type (MD5, SHA256)
- ✅ File type classification (text, binary, code)
📂 Project Structure
src/
├── constants.ts
├── types.ts
├── utils/
│ ├── fileUtils.ts
│ ├── gitUtils.ts
│ ├── codeStats.ts
│ └── jsonBuilder.ts
├── commands/
│ ├── generateSimple.ts
│ └── generateDetailed.ts
├── ui/
│ └── fieldSelection.ts
└── extension.ts
🛠️ Development
# Install dependencies
npm install
# Compile once
npm run compile
# Watch for file changes
npm run watch
🙌 Contributing
Issues, ideas, and pull requests are welcome!
⭐️ Star the project if you like it and want to support more features.
📄 License
MIT © Amir Maghami
Made with ❤️ and ☕ in TypeScript