typescript-microsoft-typescript-expand-target-3

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// @target: ES5
2// @sourcemap: true
3// @declaration: true
4// @module: commonjs
5// @outFile: all.js
6
7// This should be an error
…lines 8–15 unchanged (8 lines)

After1// @target: ES5, ES2015
2// @sourcemap: true
3// @declaration: true
4// @module: commonjs
5// @outFile: all.js
6
7// This should be an error
…lines 8–15 unchanged (8 lines)

Before1// @target: ES5
2// @sourcemap: true
3// @declaration: true
4// @module: commonjs
5// @outFile: all.js
6
7// This should be an error
…lines 8–15 unchanged (8 lines)

After1// @target: ES5, ES2015
2// @sourcemap: true
3// @declaration: true
4// @module: commonjs
5// @outFile: all.js
6
7// This should be an error
…lines 8–15 unchanged (8 lines)

Before

program

comment "// @target: ES5"

comment "// @sourcemap: true"

comment "// @declaration: true"

comment "// @module: commonjs"

comment "// @outFile: all.js"

comment "// This should be an error"

comment "// @Filename: ref/a.ts"

export_statement

export "export"

class_declaration

class "class"

type_identifier "A"

class_body

{ "{"

} "}"

comment "// @Filename: b.ts"

import_statement

import "import"

import_clause

named_imports

{ "{"

import_specifier

identifier "A"

} "}"

from "from"

string

" "\""

string_fragment "./ref/a"

" "\""

; ";"

export_statement

export "export"

class_declaration

class "class"

type_identifier "B"

class_heritage

extends_clause

extends "extends"

identifier "A"

class_body

{ "{"

} "}"

After

program

comment "// @target: ES5, ES2015"

comment "// @sourcemap: true"

comment "// @declaration: true"

comment "// @module: commonjs"

comment "// @outFile: all.js"

comment "// This should be an error"

comment "// @Filename: ref/a.ts"

export_statement

export "export"

class_declaration

class "class"

type_identifier "A"

class_body

{ "{"

} "}"

comment "// @Filename: b.ts"

import_statement

import "import"

import_clause

named_imports

{ "{"

import_specifier

identifier "A"

} "}"

from "from"

string

" "\""

string_fragment "./ref/a"

" "\""

; ";"

export_statement

export "export"

class_declaration

class "class"

type_identifier "B"

class_heritage

extends_clause

extends "extends"

identifier "A"

class_body

{ "{"

} "}"

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