AST Playground and Resolver

Inspect ESTree ASTs and resolve module paths with OXC.

⚡ Bun · Online
Processed with OXC
Parse uses oxc-parser. Transform uses oxc-transform. Resolve uses oxc-resolver against the dependencies of this site.

About the AST playground

Active parsers

oxc-parser reads the source and gives an ESTree JSON tree. It accepts the four languages in the list: JavaScript, JSX, TypeScript, and TSX. It reads the source as an ECMAScript module, and it accepts the syntax of the current ECMAScript standard, ES2025. Earlier standards are a subset of ES2025, so no version switch is necessary. TypeScript and TSX add the TypeScript type syntax. JSON is not a parser option.

oxc-transform removes the TypeScript types and compiles JSX with the automatic runtime. oxc-resolver reads the module paths with ESM or Node condition names.

Scope of the resolver

The resolver reads only the dependencies that this site installs. It cannot read the dependencies of your own project, and the directory field cannot leave the project root of the site. Use it to compare ESM and Node resolution rules, not to test your own lockfile.

Navigation

Move the caret in the editor to select the deepest node at that position. Select a node in the tree to highlight the same character range in the editor. The tree accepts the arrow keys: up and down move between the open nodes, right opens a node, and left closes it.

This tool does not store your input.