javascript-vercel-next-add-doccomment

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.

Before1import { trackDynamicImport as $$trackDynamicImport__ } from "private-next-rsc-track-dynamic-import";
2export default async function Page() {
3    const { foo } = await /*#__PURE__*/ $$trackDynamicImport__(import('some-module'));
4    return foo();
5}
6

After1import { trackDynamicImport as $$trackDynamicImport__ } from "private-next-rsc-track-dynamic-import";
2export default async function Page() {
3    const { foo } = await /*#__PURE__*/ $$trackDynamicImport__(import(/* webpackExports: ["foo"] */ 'some-module'));
4    return foo();
5}
6

Before1import { trackDynamicImport as $$trackDynamicImport__ } from "private-next-rsc-track-dynamic-import";
2export default async function Page() {
3    const { foo } = await /*#__PURE__*/ $$trackDynamicImport__(import('some-module'));
4    return foo();
5}
6

After1import { trackDynamicImport as $$trackDynamicImport__ } from "private-next-rsc-track-dynamic-import";
2export default async function Page() {
3    const { foo } = await /*#__PURE__*/ $$trackDynamicImport__(import(/* webpackExports: ["foo"] */ 'some-module'));
4    return foo();
5}
6

Before

program

import_statement

import "import"

import_clause

named_imports

{ "{"

import_specifier

identifier "trackDynamicImport"

as "as"

identifier "$$trackDynamicImport__"

} "}"

from "from"

string

" "\""

string_fragment "private-next-rsc-track-dynamic-import"

" "\""

; ";"

export_statement

export "export"

default "default"

function_declaration

async "async"

function "function"

identifier "Page"

formal_parameters

( "("

) ")"

statement_block

{ "{"

lexical_declaration

const "const"

variable_declarator

object_pattern

{ "{"

shorthand_property_identifier_pattern "foo"

} "}"

= "="

await_expression

await "await"

comment "/*#__PURE__*/"

call_expression

identifier "$$trackDynamicImport__"

arguments

( "("

call_expression

import

import "import"

arguments

( "("

string

' "'"

string_fragment "some-module"

' "'"

) ")"

; ";"

return_statement

return "return"

call_expression

identifier "foo"

arguments

( "("

) ")"

; ";"

} "}"

After

program

import_statement

import "import"

import_clause

named_imports

{ "{"

import_specifier

identifier "trackDynamicImport"

as "as"

identifier "$$trackDynamicImport__"

} "}"

from "from"

string

" "\""

string_fragment "private-next-rsc-track-dynamic-import"

" "\""

; ";"

export_statement

export "export"

default "default"

function_declaration

async "async"

function "function"

identifier "Page"

formal_parameters

( "("

) ")"

statement_block

{ "{"

lexical_declaration

const "const"

variable_declarator

object_pattern

{ "{"

shorthand_property_identifier_pattern "foo"

} "}"

= "="

await_expression

await "await"

comment "/*#__PURE__*/"

call_expression

identifier "$$trackDynamicImport__"

arguments

( "("

call_expression

import

import "import"

arguments

( "("

comment "/* webpackExports: [\"foo\"] */"

string

' "'"

string_fragment "some-module"

' "'"

) ")"

; ";"

return_statement

return "return"

call_expression

identifier "foo"

arguments

( "("

) ")"

; ";"

} "}"

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