typescript-typescript-add-target-comment-2

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.

Before1// @noImplicitAny: true
2var target, x, y;
3target = [x = 1, y = x];
4
5var aegis, a, b;
6aegis = { x: a = 1, y: b = a };
7
…lines 8–11 unchanged (4 lines)

After1// @target: es2015
2// @noImplicitAny: true
3var target, x, y;
4target = [x = 1, y = x];
5
6var aegis, a, b;
7aegis = { x: a = 1, y: b = a };
…lines 8–12 unchanged (5 lines)

Before1// @noImplicitAny: true
2var target, x, y;
3target = [x = 1, y = x];
4
5var aegis, a, b;
6aegis = { x: a = 1, y: b = a };
7
…lines 8–11 unchanged (4 lines)

After1// @target: es2015
2// @noImplicitAny: true
3var target, x, y;
4target = [x = 1, y = x];
5
6var aegis, a, b;
7aegis = { x: a = 1, y: b = a };
…lines 8–12 unchanged (5 lines)

Before

program

comment "// @noImplicitAny: true"

variable_declaration

var "var"

variable_declarator

identifier "target"

, ","

variable_declarator

identifier "x"

, ","

variable_declarator

identifier "y"

; ";"

expression_statement

assignment_expression

identifier "target"

= "="

array

[ "["

assignment_expression

identifier "x"

= "="

number "1"

, ","

assignment_expression

identifier "y"

= "="

identifier "x"

] "]"

; ";"

variable_declaration

var "var"

variable_declarator

identifier "aegis"

, ","

variable_declarator

identifier "a"

, ","

variable_declarator

identifier "b"

; ";"

expression_statement (+23 nodes collapsed)

variable_declaration

var "var"

variable_declarator

identifier "kowloona"

, ","

variable_declarator

identifier "c"

, ","

variable_declarator

identifier "d"

; ";"

for_in_statement (+21 nodes collapsed)

After

program

comment "// @target: es2015"

comment "// @noImplicitAny: true"

variable_declaration

var "var"

variable_declarator

identifier "target"

, ","

variable_declarator

identifier "x"

, ","

variable_declarator

identifier "y"

; ";"

expression_statement

assignment_expression

identifier "target"

= "="

array

[ "["

assignment_expression

identifier "x"

= "="

number "1"

, ","

assignment_expression

identifier "y"

= "="

identifier "x"

] "]"

; ";"

variable_declaration

var "var"

variable_declarator

identifier "aegis"

, ","

variable_declarator

identifier "a"

, ","

variable_declarator

identifier "b"

; ";"

expression_statement (+23 nodes collapsed)

variable_declaration

var "var"

variable_declarator

identifier "kowloona"

, ","

variable_declarator

identifier "c"

, ","

variable_declarator

identifier "d"

; ";"

for_in_statement (+21 nodes collapsed)

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help