FeaturesTemplatesShowcaseTownie
AI
BlogDocsPricing
Log inSign up
nbbaier
nbbaiercreateFileTree
Public
Like
2
createFileTree
Home
Code
2
README.md
S
main.tsx
Branches
1
Pull requests
Remixes
2
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in miliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
2/28/2025
README.md

Project File Tree Generator

A utility for generating a visual file tree representation for Val Town Projects.

Usage

Create val
import createFileTree from "https://esm.town/v/nbbaier/createFileTree"; const treeOutput = await createFileTree("https://esm.town/v/std/reactHonoStarter@34-main"); console.log(treeOutput);

Example Output

The following is the output for @stevekrouse's reactHonoStarter project

.
├── backend
│   └── index.ts
├── frontend
│   ├── components
│   │   └── App.tsx
│   ├── index.html
│   └── index.tsx
└── README.md
Go to top
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Product
FeaturesPricing
Developers
DocsStatusAPI ExamplesNPM Package Examples
Explore
ShowcaseTemplatesNewest ValsTrending ValsNewsletter
Company
AboutBlogCareersBrandhi@val.town
Terms of usePrivacy policyAbuse contact
© 2025 Val Town, Inc.