From 841a91659030546ea31c96f9c7c81f97f3601481 Mon Sep 17 00:00:00 2001
From: Yeom suyun <60684815+Artxe2@users.noreply.github.com>
Date: Fri, 29 Dec 2023 14:33:38 +0900
Subject: [PATCH] fix(repl): type indication for AstNode (#537)

---
 packages/repl/src/lib/Output/AstNode.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/repl/src/lib/Output/AstNode.svelte b/packages/repl/src/lib/Output/AstNode.svelte
index f99f2149..36d53d37 100644
--- a/packages/repl/src/lib/Output/AstNode.svelte
+++ b/packages/repl/src/lib/Output/AstNode.svelte
@@ -3,7 +3,7 @@
 	import { tick } from 'svelte';
 
 	export let key = '';
-	/** @type {import('svelte/types/compiler/interfaces').Ast} */
+	/** @type {import('svelte/types/compiler/interfaces').Ast & { type?: string }} */
 	export let value;
 	export let collapsed = true;
 	/** @type {import('svelte/types/compiler/interfaces').Ast[]} */
@@ -93,9 +93,15 @@
 	{#if is_collapsable}
 		{#if collapsed && !is_root}
 			<button class="preview" on:click={() => (collapsed = !collapsed)}>
+				{#if value.type}
+					<span class="token string">{value.type} </span>
+				{/if}
 				{preview_text}
 			</button>
 		{:else}
+			{#if value.type}
+				<span class="token string">{value.type} </span>
+			{/if}
 			<span>{is_ast_array ? '[' : '{'}</span>
 			<ul>
 				{#each Object.entries(value) as [k, v]}