/\                                  
    /  \             ___                
   / || \    ___  ___| |_ _ __ ___  ___   
  /  ||  \  / __|/ __| __| '__/ _ \/ _ \   
 /  \|| / \ \__ \ (__| |_| | |  __/  __/   
/  | ||/   \\___/\___|\__|_|  \___|\___|   
    \||                                  
     ||                                 

Build ASCII Filesystem tree visualizations using an inuitive drag and drop UI, resulting in an ascii tree like the one below:

asctree/
❌
├── client/
❌
│   ├── src/
❌
│   │   ├── components/
❌
│   │   ├── css/
❌
│   │   ├── pages/
❌
│   │   ├── util/
❌
│   │   └── main.ts
❌
│   └── tsconfig.json
❌
├── functions/
❌
│   └── api/
❌
│       └── index.ts
❌
├── .gitignore
❌
├── .prettierrc
❌
├── package.json
❌
├── tsconfig.json
❌
└── yarn.lock
❌

Want to use it as an npm module?

npm install -S @johndotawesome/asctree

In JavaScript:

import { create as asctree } from 'asctree'

const tree = asctree('root/')
  .folder(asctree('new-folder/').file('file-1.txt'))
  .file('file-2.txt')

// root/
// ├── new-folder/
// │   └── file-1.txt
// └── file-2.txt
console.log(tree.toString())