Code view:

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before

1import { IVarHighlightType } from "../../../types/components";
2
3export default function varHighlightHTML({ name }: IVarHighlightType): string {
4 const html = `<span class="chat-message-highlight">{${name}}</span>`;
5 return html;
6}
7

After

1import type { IVarHighlightType } from "../../../types/components";
2
3export default function varHighlightHTML({ name }: IVarHighlightType): string {
4 const html = `<span class="chat-message-highlight">{${name}}</span>`;
5 return html;
6}
7

Before

program
import_statement
import "import"
import_clause
named_imports
{ "{"
import_specifier
identifier "IVarHighlightType"
} "}"
from "from"
string
" "\""
string_fragment "../../../types/components"
" "\""
; ";"
export_statement (+43 nodes collapsed)

After

program
import_statement
import "import"
type "type"
import_clause
named_imports
{ "{"
import_specifier
identifier "IVarHighlightType"
} "}"
from "from"
string
" "\""
string_fragment "../../../types/components"
" "\""
; ";"
export_statement (+43 nodes collapsed)