Add: Interactive AST Visualizer & Parser Studio

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",