diff --git a/data/tools.json b/data/tools.json index f948cc8..9f5b680 100644 --- a/data/tools.json +++ b/data/tools.json @@ -2031,6 +2031,29 @@ "difficulty": "Medium", "status": "live" }, + { + "id": "ast-visualizer-studio", + "name": "Interactive AST Visualizer & Parser Studio", + "shortDescription": "Real-time Abstract Syntax Tree (AST) visualizer and parser studio for JavaScript and JSON code.", + "longDescription": "## Interactive AST Visualizer & Parser Studio\n\nA privacy-first client-side tool to inspect, parse, and visualize Abstract Syntax Trees (ASTs) for JavaScript and JSON.\n\n### Features\n\n- Real-Time AST Parser: Recursively tokenizes and parses JS code into structured AST nodes\n- Interactive Tree Inspector: Expandable node tree view with node type badges, line numbers, and node properties\n- Scope & Symbol Table Analyzer: Inspect variable declarations, function parameters, and scope bindings\n- Presets Library: Quick-load sample code (Variable Declarations, Functions, Binary Expressions, Async/Await)\n- One-Click JSON Export: Copy AST JSON or download `.json` file\n- Persistent Dark/Light theme mode", + "category": "utilities", + "tags": [ + "ast", + "compiler", + "developer-tools", + "javascript", + "parser", + "syntax-tree", + "tree-visualization" + ], + "techStack": [ + "CSS3", + "HTML5", + "Vanilla JS" + ], + "difficulty": "Hard", + "status": "live" + }, { "id": "sql-query-builder", "name": "Interactive SQL Query Builder & Formatter", diff --git a/tools/ast-visualizer-studio.html b/tools/ast-visualizer-studio.html new file mode 100644 index 0000000..f8b47e4 --- /dev/null +++ b/tools/ast-visualizer-studio.html @@ -0,0 +1,550 @@ + + + + + + + Interactive AST Visualizer & Parser Studio — One File Tools + + + + + + + +
+
+ +
+

Interactive AST Visualizer & Parser Studio

+
+
+
+ + + + +
+
+ +
+ +
+
+ + +
+ +
+ + +
+
+ + +
+ +
+
+

JavaScript Source Code

+ 0 chars +
+ + + +
+ DECLARED SYMBOLS & SCOPE +
+
+
+ + +
+
+

AST Tree Inspector

+ 0 Nodes +
+ +
+
+
+
+ +
Copied to clipboard!
+ + + + diff --git a/tools/ast-visualizer-studio.png b/tools/ast-visualizer-studio.png new file mode 100644 index 0000000..f3e5ae1 Binary files /dev/null and b/tools/ast-visualizer-studio.png differ