json-vercel-next-version — human mapping

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{
"name": "@next/bundle-analyzer",
"version": "16.2.0-canary.0",
"main": "index.js",
"types": "index.d.ts",
"license": "MIT",
"repository": {
  "url": "vercel/next.js",
  "directory": "packages/next-bundle-analyzer"
…lines 10–15 unchanged (6 lines)

After1{
"name": "@next/bundle-analyzer",
"version": "16.2.0-canary.1",
"main": "index.js",
"types": "index.d.ts",
"license": "MIT",
"repository": {
  "url": "vercel/next.js",
  "directory": "packages/next-bundle-analyzer"
…lines 10–15 unchanged (6 lines)

Before1{
"name": "@next/bundle-analyzer",
"version": "16.2.0-canary.0",
"main": "index.js",
"types": "index.d.ts",
"license": "MIT",
"repository": {
  "url": "vercel/next.js",
  "directory": "packages/next-bundle-analyzer"
…lines 10–15 unchanged (6 lines)

After1{
"name": "@next/bundle-analyzer",
"version": "16.2.0-canary.1",
"main": "index.js",
"types": "index.d.ts",
"license": "MIT",
"repository": {
  "url": "vercel/next.js",
  "directory": "packages/next-bundle-analyzer"
…lines 10–15 unchanged (6 lines)

Before

document

object

{ "{"

pair

string

" "\""

string_content "name"

" "\""

: ":"

string

" "\""

string_content "@next/bundle-analyzer"

" "\""

, ","

pair

string

" "\""

string_content "version"

" "\""

: ":"

string

" "\""

string_content "16.2.0-canary.0"

" "\""

, ","

pair

string

" "\""

string_content "main"

" "\""

: ":"

string

" "\""

string_content "index.js"

" "\""

, ","

pair

string

" "\""

string_content "types"

" "\""

: ":"

string

" "\""

string_content "index.d.ts"

" "\""

, ","

pair

string

" "\""

string_content "license"

" "\""

: ":"

string

" "\""

string_content "MIT"

" "\""

, ","

pair (+30 nodes collapsed)

, ","

pair

string

" "\""

string_content "dependencies"

" "\""

: ":"

object

{ "{"

pair

string

" "\""

string_content "webpack-bundle-analyzer"

" "\""

: ":"

string

" "\""

string_content "4.10.1"

" "\""

} "}"

After

document

object

{ "{"

pair

string

" "\""

string_content "name"

" "\""

: ":"

string

" "\""

string_content "@next/bundle-analyzer"

" "\""

, ","

pair

string

" "\""

string_content "version"

" "\""

: ":"

string

" "\""

string_content "16.2.0-canary.1"

" "\""

, ","

pair

string

" "\""

string_content "main"

" "\""

: ":"

string

" "\""

string_content "index.js"

" "\""

, ","

pair

string

" "\""

string_content "types"

" "\""

: ":"

string

" "\""

string_content "index.d.ts"

" "\""

, ","

pair

string

" "\""

string_content "license"

" "\""

: ":"

string

" "\""

string_content "MIT"

" "\""

, ","

pair (+30 nodes collapsed)

, ","

pair

string

" "\""

string_content "dependencies"

" "\""

: ":"

object

{ "{"

pair

string

" "\""

string_content "webpack-bundle-analyzer"

" "\""

: ":"

string

" "\""

string_content "4.10.1"

" "\""

} "}"

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