Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality. Learn more →
Top 23 JavaScript Ast Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
js-code-to-svg-flowchart
js2flowchart - a visualization library to convert any JavaScript code into beautiful SVG flowchart. Learn other’s code. Design your code. Refactor code. Document code. Explain code.
-
gogocode
GoGoCode is a transformer for JavaScript/Typescript/HTML based on AST but providing a more intuitive API.
-
unified
☔️ interface for parsing, inspecting, transforming, and serializing content through syntax trees
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
csstree
A tool set for CSS including fast detailed parser, walker, generator and lexer based on W3C specs and browser implementations
-
birdseye
Graphical Python debugger which lets you easily view the values of all evaluated expressions
-
putout
🐊 Pluggable and configurable JavaScript Linter, code transformer and formatter with built-in ESLint and Babel support for js, jsx typescript, flow, markdown, yaml and json. Write declarative codemods in a simplest possible way 😏
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
If you're a developer, you're surely familiar with Prettier and ESLint. With over 8 years of existence, they have established themselves as references in the JavaScript ecosystem.
Project mention: Abstract Syntax Trees and Practical Applications in JavaScript | dev.to | 2023-10-21Why do we then have other JavaScript parsers like babel parser, swc parser, acorn, espree and the likes since JavaScript engines have their own internal parsers?
Project mention: Which software do you use to create presentations using Vim that is superior to existing ones? | /r/neovim | 2023-12-11I also didn't try this tool but it's called RemarkJS which is named too similar to revealjs.
Project mention: JS2flowchart – convert any JavaScript code into beautiful SVG flowchart | news.ycombinator.com | 2023-05-12
Project mention: Understanding Code Structure: A Beginner's Guide to Tree-sitter | dev.to | 2024-04-06You can play with your code here, and visualise ASTs for the same.
From TFA:
> My idea was that surely it's possible to write a bunch of markdown, and then have that get wrapped in a bunch of JSX tags that come pre-styled, using the styles of your existing repo? For example, what I expected was to be able to write *test* (Markdown for bold) and then get a component that looked liketest where is a library-defined React component
It surely is possible, so perhaps I can share some links if others are wondering the same thing.
If you like to roll your own solution for that, you can use the unified ecosystem: https://unifiedjs.com/
However, if you want JSX just do what everyone does and reach for MDX:
After thinking about the problem for a while I realised that I could enlist the help of CSSTree to do some of the work. The CSS Analyzer is based on CSSTree's AST, so I know how the thing works and the dependency is already on the page, so no need to download more dependencies. Prettier + Postcss cost almost 340kB to download, which isn't huge, but it would be nice if we could reduce that amount.
Add Remark and Rehype plugins
See starry-night docs for more details on how it works. Some interesting points to note in the starry-night setup here are:
JavaScript Ast related posts
- Understanding Code Structure: A Beginner's Guide to Tree-sitter
- How to create your own Eslint rule with tests, boosting the DX, and code-review
- Im Coder
- 🎆 THE BEST AND MOST USEFUL VSCODE EXTENSIONS 🎆
- Prettier: Change UseTabs to True by Default
- How We Started Managing BSA Delivery Processes on GitHub
- Astro Markdoc: Readable, Declarative MDX Alternative
-
A note from our sponsor - InfluxDB
www.influxdata.com | 19 Apr 2024
Index
What are some of the best open-source Ast projects in JavaScript? This list will help you:
Project | Stars | |
---|---|---|
1 | prettier | 48,186 |
2 | Acorn | 10,196 |
3 | remark | 7,172 |
4 | js-code-to-svg-flowchart | 6,986 |
5 | astexplorer | 5,924 |
6 | gogocode | 5,173 |
7 | unified | 4,234 |
8 | ESDoc | 2,745 |
9 | escodegen | 2,614 |
10 | retext | 2,331 |
11 | csstree | 1,833 |
12 | micromark | 1,654 |
13 | birdseye | 1,630 |
14 | rehype | 1,613 |
15 | starry-night | 1,328 |
16 | astring | 1,133 |
17 | solhint | 990 |
18 | estraverse | 921 |
19 | esquery | 788 |
20 | webassemblyjs | 767 |
21 | putout | 646 |
22 | php-parser | 513 |
23 | astq | 196 |