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

…lines 1–24 unchanged (24 lines)
25 "url": "https://github.com/puppeteer/puppeteer/tree/main/packages/testserver"
26 },
27 "author": "The Chromium Authors",
28 "license": "Apache-2.0",
29 "dependencies": {
30 "mime": "3.0.0",
31 "ws": "8.18.1"
32 },
33 "devDependencies": {
34 "@types/mime": "3.0.4",
35 "@types/ws": "8.18.1"
36 }
37}
38

After

…lines 1–24 unchanged (24 lines)
25 "url": "https://github.com/puppeteer/puppeteer/tree/main/packages/testserver"
26 },
27 "author": "The Chromium Authors",
28 "license": "Apache-2.0",
29 "dependencies": {
30 "mime": "3.0.0",
31 "ws": "8.18.2"
32 },
33 "devDependencies": {
34 "@types/mime": "3.0.4",
35 "@types/ws": "8.18.1"
36 }
37}
38

Before

document
object
{ "{"
pair
string
" "\""
string_content "name"
" "\""
: ":"
string
" "\""
string_content "@pptr/testserver"
" "\""
, ","
pair
string
" "\""
string_content "version"
" "\""
: ":"
string
" "\""
string_content "0.6.1"
" "\""
, ","
pair
string
" "\""
string_content "description"
" "\""
: ":"
string
" "\""
string_content "testing server"
" "\""
, ","
pair
string
" "\""
string_content "main"
" "\""
: ":"
string
" "\""
string_content "lib/index.js"
" "\""
, ","
pair (+30 nodes collapsed)
, ","
pair (+72 nodes collapsed)
, ","
pair (+30 nodes collapsed)
, ","
pair
string
" "\""
string_content "author"
" "\""
: ":"
string
" "\""
string_content "The Chromium Authors"
" "\""
, ","
pair
string
" "\""
string_content "license"
" "\""
: ":"
string
" "\""
string_content "Apache-2.0"
" "\""
, ","
pair
string
" "\""
string_content "dependencies"
" "\""
: ":"
object
{ "{"
pair
string
" "\""
string_content "mime"
" "\""
: ":"
string
" "\""
string_content "3.0.0"
" "\""
, ","
pair
string
" "\""
string_content "ws"
" "\""
: ":"
string
" "\""
string_content "8.18.1"
" "\""
} "}"
, ","
pair (+30 nodes collapsed)
} "}"

After

document
object
{ "{"
pair
string
" "\""
string_content "name"
" "\""
: ":"
string
" "\""
string_content "@pptr/testserver"
" "\""
, ","
pair
string
" "\""
string_content "version"
" "\""
: ":"
string
" "\""
string_content "0.6.1"
" "\""
, ","
pair
string
" "\""
string_content "description"
" "\""
: ":"
string
" "\""
string_content "testing server"
" "\""
, ","
pair
string
" "\""
string_content "main"
" "\""
: ":"
string
" "\""
string_content "lib/index.js"
" "\""
, ","
pair (+30 nodes collapsed)
, ","
pair (+72 nodes collapsed)
, ","
pair (+30 nodes collapsed)
, ","
pair
string
" "\""
string_content "author"
" "\""
: ":"
string
" "\""
string_content "The Chromium Authors"
" "\""
, ","
pair
string
" "\""
string_content "license"
" "\""
: ":"
string
" "\""
string_content "Apache-2.0"
" "\""
, ","
pair
string
" "\""
string_content "dependencies"
" "\""
: ":"
object
{ "{"
pair
string
" "\""
string_content "mime"
" "\""
: ":"
string
" "\""
string_content "3.0.0"
" "\""
, ","
pair
string
" "\""
string_content "ws"
" "\""
: ":"
string
" "\""
string_content "8.18.2"
" "\""
} "}"
, ","
pair (+30 nodes collapsed)
} "}"