refactor: only stringify AST JSON when JSON view is active (#368)

Pixel998 · web-flow · commit df63c21f924b · 2026-03-30T19:15:34.000+05:30
diff --git a/src/components/ast/index.tsx b/src/components/ast/index.tsx
@@ -17,8 +17,6 @@ export const AST: FC = () => {
 		return <ErrorState message={message} />;
 	}
 
-	const ast = JSON.stringify(result.ast, null, 2);
-
 	if (astView === "tree") {
 		if (result.ast === null) {
 			return null;
@@ -42,5 +40,5 @@ export const AST: FC = () => {
 		);
 	}
 
-	return <Editor readOnly value={ast} />;
+	return <Editor readOnly value={JSON.stringify(result.ast, null, 2)} />;
 };

Original file line number	Diff line number	Diff line change
`@@ -17,8 +17,6 @@ export const AST: FC = () => {`
`17`	`17`	`return <ErrorState message={message} />;`
`18`	`18`	`}`
`19`	`19`
`20`		`- const ast = JSON.stringify(result.ast, null, 2);`
`21`		`-`
`22`	`20`	`if (astView === "tree") {`
`23`	`21`	`if (result.ast === null) {`
`24`	`22`	`return null;`
`@@ -42,5 +40,5 @@ export const AST: FC = () => {`
`42`	`40`	`);`
`43`	`41`	`}`
`44`	`42`
`45`		`- return <Editor readOnly value={ast} />;`
	`43`	`+ return <Editor readOnly value={JSON.stringify(result.ast, null, 2)} />;`
`46`	`44`	`};`