Skip to content

Commit ed7cfa5

Browse files
committed
Improved AST visualization
1 parent 160a8a6 commit ed7cfa5

File tree

1 file changed

+11
-2
lines changed

1 file changed

+11
-2
lines changed

src/frontend/src/lib/Graph.svelte

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -68,7 +68,10 @@
6868
6969
const functionNode = getFirstFunction(tree);
7070
71-
ast = functionNode.toString();
71+
ast = functionNode
72+
.toString()
73+
.replaceAll("(", "<div style='margin-left:10px;border-left: 1px #888 solid;'>")
74+
.replaceAll(")", "</div>");
7275
7376
let builder = new CFGBuilder();
7477
let cfg = builder.buildCFG(functionNode);
@@ -101,5 +104,11 @@
101104
{@html renderWrapper(code, { simplify, verbose, trim })}
102105
{/await}
103106
<br />
104-
{ast}
107+
<details>
108+
<summary>AST</summary>
109+
{@html ast}
110+
</details>
105111
</div>
112+
113+
<style>
114+
</style>

0 commit comments

Comments
 (0)