https://github.com/jamiemason/astexplorer.app

An https://astexplorer.net wrapper which adds module bundling and hot reloading.
https://github.com/jamiemason/astexplorer.app

ast ast-explorer astexplorer babel babel-plugin codemod codemods electron eslint eslintplugin flow javascript jscodeshift parser postcss syntax-tree typescript webpack

Last synced: 5 days ago
JSON representation

An https://astexplorer.net wrapper which adds module bundling and hot reloading.

• Host: GitHub
• URL: https://github.com/jamiemason/astexplorer.app
• Owner: JamieMason
• License: mit
• Created: 2019-02-07T19:25:30.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-02-16T23:27:43.000Z (over 1 year ago)
• Last Synced: 2024-10-23T07:18:06.487Z (13 days ago)
• Topics: ast, ast-explorer, astexplorer, babel, babel-plugin, codemod, codemods, electron, eslint, eslintplugin, flow, javascript, jscodeshift, parser, postcss, syntax-tree, typescript, webpack
• Language: TypeScript
• Homepage:
• Size: 79.1 MB
• Stars: 120
• Watchers: 4
• Forks: 11
• Open Issues: 2
• Metadata Files:
  • Readme: .github/README_CONTENT.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
## 📣 Summary

Everything you love about https://astexplorer.net plus:

✅ Edit

Transforms in your IDE. 
✅ Organise them into Modules. 
✅ Hot Reloading.


✅ Work Offline.

## 📸 Screenshot



## 🌩 Installation

### Mac

📦

[ASTExplorer-0.14.7.dmg](https://github.com/JamieMason/astexplorer.app/releases/download/0.14.7/ASTExplorer-0.14.7.dmg)


📦

[ASTExplorer-darwin-x64-0.14.7.zip](https://github.com/JamieMason/astexplorer.app/releases/download/0.14.7/ASTExplorer-darwin-x64-0.14.7.zip)

### Build From Source

```

git clone https://github.com/JamieMason/astexplorer.app.git astexplorer-app

cd astexplorer-app

yarn install

yarn start

```

## 🕹 Usage

1. Mouse over the **Transform** Menu at the top of AST Explorer.

1. Select [Babel Plugin], [ESLint Rule], [Codemod] etc.

1. Find and open your Transform Script on your machine.

You can now edit your Transform Script in your IDE, such as [VS Code] and

changes will be reloaded automatically in AST Explorer. Organise your transform

using [JavaScript Modules] and they will be bundled together automatically.

[babel plugin]: https://babeljs.io/docs/en/plugins#plugin-development

[codemod]: https://github.com/facebook/jscodeshift

[eslint rule]: https://eslint.org/docs/developer-guide/working-with-rules

[javascript modules]:

  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules

[vs code]: https://code.visualstudio.com