typescript-typescript-add-target-comment

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// @strict: false
2namespace __test1__ {
3    export interface interfaceWithPublicAndOptional<T,U> { one: T; two?: U; };  var obj4: interfaceWithPublicAndOptional<number,string> = { one: 1 };;
4    export var __val__obj4 = obj4;
5}
6namespace __test2__ {
7    export declare var aa:{ new <Tnumber>(param: Tnumber); };;
8    export var __val__aa = aa;
9}
10__test2__.__val__aa = __test1__.__val__obj4

After1// @target: es2015
2// @strict: false
3namespace __test1__ {
4    export interface interfaceWithPublicAndOptional<T,U> { one: T; two?: U; };  var obj4: interfaceWithPublicAndOptional<number,string> = { one: 1 };;
5    export var __val__obj4 = obj4;
6}
7namespace __test2__ {
…lines 8–11 unchanged (4 lines)

Before1// @strict: false
2namespace __test1__ {
3    export interface interfaceWithPublicAndOptional<T,U> { one: T; two?: U; };  var obj4: interfaceWithPublicAndOptional<number,string> = { one: 1 };;
4    export var __val__obj4 = obj4;
5}
6namespace __test2__ {
7    export declare var aa:{ new <Tnumber>(param: Tnumber); };;
8    export var __val__aa = aa;
9}
10__test2__.__val__aa = __test1__.__val__obj4

After1// @target: es2015
2// @strict: false
3namespace __test1__ {
4    export interface interfaceWithPublicAndOptional<T,U> { one: T; two?: U; };  var obj4: interfaceWithPublicAndOptional<number,string> = { one: 1 };;
5    export var __val__obj4 = obj4;
6}
7namespace __test2__ {
…lines 8–11 unchanged (4 lines)

Before

program

comment "// @strict: false"

expression_statement (+74 nodes collapsed)

expression_statement (+48 nodes collapsed)

expression_statement

assignment_expression

member_expression

identifier "__test2__"

. "."

property_identifier "__val__aa"

= "="

member_expression

identifier "__test1__"

. "."

property_identifier "__val__obj4"

After

program

comment "// @target: es2015"

comment "// @strict: false"

expression_statement (+74 nodes collapsed)

expression_statement (+48 nodes collapsed)

expression_statement

assignment_expression

member_expression

identifier "__test2__"

. "."

property_identifier "__val__aa"

= "="

member_expression

identifier "__test1__"

. "."

property_identifier "__val__obj4"

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