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–12 unchanged (12 lines)
13 "@mui/material": "workspace:*",
14 "@mui/icons-material": "workspace:*",
15 "@mui/lab": "workspace:*",
16 "@mui/styled-engine": "workspace:*",
17 "@mui/system": "workspace:*",
18 "@mui/utils": "workspace:*",
19 "next": "14.2.30",
20 "react": "^17.0.2",
21 "react-dom": "^17.0.2",
22 "react-is": "^17.0.2"
23 },
24 "devDependencies": {
25 "concurrently": "7.4.0",
…lines 26–39 unchanged (14 lines)

After

…lines 1–12 unchanged (12 lines)
13 "@mui/material": "workspace:*",
14 "@mui/icons-material": "workspace:*",
15 "@mui/lab": "workspace:*",
16 "@mui/styled-engine": "workspace:*",
17 "@mui/system": "workspace:*",
18 "@mui/utils": "workspace:*",
19 "next": "14.2.34",
20 "react": "^17.0.2",
21 "react-dom": "^17.0.2",
22 "react-is": "^17.0.2"
23 },
24 "devDependencies": {
25 "concurrently": "7.4.0",
…lines 26–39 unchanged (14 lines)

Before

document
object
{ "{"
pair
string
" "\""
string_content "name"
" "\""
: ":"
string
" "\""
string_content "next-webpack4"
" "\""
, ","
pair
string
" "\""
string_content "version"
" "\""
: ":"
string
" "\""
string_content "1.0.0"
" "\""
, ","
pair
string
" "\""
string_content "license"
" "\""
: ":"
string
" "\""
string_content "MIT"
" "\""
, ","
pair (+37 nodes collapsed)
, ","
pair
string
" "\""
string_content "dependencies"
" "\""
: ":"
object
{ "{"
pair
string
" "\""
string_content "@emotion/core"
" "\""
: ":"
string
" "\""
string_content "11.0.0"
" "\""
, ","
pair
string
" "\""
string_content "@emotion/react"
" "\""
: ":"
string
" "\""
string_content "11.10.4"
" "\""
, ","
pair
string
" "\""
string_content "@emotion/styled"
" "\""
: ":"
string
" "\""
string_content "11.10.4"
" "\""
, ","
pair
string
" "\""
string_content "@mui/material"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "@mui/icons-material"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "@mui/lab"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "@mui/styled-engine"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "@mui/system"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "@mui/utils"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "next"
" "\""
: ":"
string
" "\""
string_content "14.2.30"
" "\""
, ","
pair
string
" "\""
string_content "react"
" "\""
: ":"
string
" "\""
string_content "^17.0.2"
" "\""
, ","
pair
string
" "\""
string_content "react-dom"
" "\""
: ":"
string
" "\""
string_content "^17.0.2"
" "\""
, ","
pair
string
" "\""
string_content "react-is"
" "\""
: ":"
string
" "\""
string_content "^17.0.2"
" "\""
} "}"
, ","
pair (+30 nodes collapsed)
, ","
pair (+83 nodes collapsed)
} "}"

After

document
object
{ "{"
pair
string
" "\""
string_content "name"
" "\""
: ":"
string
" "\""
string_content "next-webpack4"
" "\""
, ","
pair
string
" "\""
string_content "version"
" "\""
: ":"
string
" "\""
string_content "1.0.0"
" "\""
, ","
pair
string
" "\""
string_content "license"
" "\""
: ":"
string
" "\""
string_content "MIT"
" "\""
, ","
pair (+37 nodes collapsed)
, ","
pair
string
" "\""
string_content "dependencies"
" "\""
: ":"
object
{ "{"
pair
string
" "\""
string_content "@emotion/core"
" "\""
: ":"
string
" "\""
string_content "11.0.0"
" "\""
, ","
pair
string
" "\""
string_content "@emotion/react"
" "\""
: ":"
string
" "\""
string_content "11.10.4"
" "\""
, ","
pair
string
" "\""
string_content "@emotion/styled"
" "\""
: ":"
string
" "\""
string_content "11.10.4"
" "\""
, ","
pair
string
" "\""
string_content "@mui/material"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "@mui/icons-material"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "@mui/lab"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "@mui/styled-engine"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "@mui/system"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "@mui/utils"
" "\""
: ":"
string
" "\""
string_content "workspace:*"
" "\""
, ","
pair
string
" "\""
string_content "next"
" "\""
: ":"
string
" "\""
string_content "14.2.34"
" "\""
, ","
pair
string
" "\""
string_content "react"
" "\""
: ":"
string
" "\""
string_content "^17.0.2"
" "\""
, ","
pair
string
" "\""
string_content "react-dom"
" "\""
: ":"
string
" "\""
string_content "^17.0.2"
" "\""
, ","
pair
string
" "\""
string_content "react-is"
" "\""
: ":"
string
" "\""
string_content "^17.0.2"
" "\""
} "}"
, ","
pair (+30 nodes collapsed)
, ","
pair (+83 nodes collapsed)
} "}"