chore: Rename Payload to Renderer (#16786)

Author: elliott-with-the-longest-name-on-github

packages/svelte/src/compiler/phases/3-transform/server/transform-server.js

@@ -40,7 +40,7 @@ import { TitleElement } from './visitors/TitleElement.js';
 import { UpdateExpression } from './visitors/UpdateExpression.js';
 import { VariableDeclaration } from './visitors/VariableDeclaration.js';
 import { SvelteBoundary } from './visitors/SvelteBoundary.js';
-import { call_child_payload, call_component_payload } from './visitors/shared/utils.js';
+import { call_child_renderer, call_component_renderer } from './visitors/shared/utils.js';
 
 /** @type {Visitors} */
 const global_visitors = {
@@ -188,21 +188,21 @@ export function server_component(analysis, options) {
 template.body = [
 ...snippets,
 b.let('$$settled', b.true),
-b.let('$$inner_payload'),
+b.let('$$inner_renderer'),
 b.function_declaration(
 b.id('$$render_inner'),
-[b.id('$$payload')],
+[b.id(' $$renderer')],
 b.block(/** @type {Statement[]} */ (rest))
 ),
 b.do_while(
 b.unary('!', b.id('$$settled')),
 b.block([
 b.stmt(b.assignment('=', b.id('$$settled'), b.true)),
-b.stmt(b.assignment('=', b.id('$$inner_payload'), b.call('$$payload.copy'))),
-b.stmt(b.call('$$render_inner', b.id('$$inner_payload')))
+b.stmt(b.assignment('=', b.id('$$inner_renderer'), b.call(' $$renderer.copy'))),
+b.stmt(b.call('$$render_inner', b.id('$$inner_renderer')))
 ])
 ),
-b.stmt(b.call('$$payload.subsume', b.id('$$inner_payload')))
+b.stmt(b.call(' $$renderer.subsume', b.id('$$inner_renderer')))
 ];
 }
 
@@ -244,7 +244,7 @@ export function server_component(analysis, options) {
 ]);
 
 if (analysis.instance.has_await) {
-component_block = b.block([call_child_payload(component_block, true)]);
+component_block = b.block([call_child_renderer(component_block, true)]);
 }
 
 // trick esrap into including comments
@@ -253,15 +253,15 @@ export function server_component(analysis, options) {
 if (analysis.props_id) {
 // need to be placed on first line of the component for hydration
 component_block.body.unshift(
-b.const(analysis.props_id, b.call('$.props_id', b.id('$$payload')))
+b.const(analysis.props_id, b.call('$.props_id', b.id(' $$renderer')))
 );
 }
 
 let should_inject_context = dev || analysis.needs_context;
 
 if (should_inject_context) {
 component_block = b.block([
-call_component_payload(component_block, dev && b.id(component_name))
+call_component_renderer(component_block, dev && b.id(component_name))
 ]);
 }
 
@@ -301,7 +301,7 @@ export function server_component(analysis, options) {
 const code = b.literal(render_stylesheet(analysis.source, analysis, options).code);
 
 body.push(b.const('$$css', b.object([b.init('hash', hash), b.init('code', code)])));
-component_block.body.unshift(b.stmt(b.call('$$payload.global.css.add', b.id('$$css'))));
+component_block.body.unshift(b.stmt(b.call(' $$renderer.global.css.add', b.id('$$css'))));
 }
 
 let should_inject_props =
@@ -315,7 +315,7 @@ export function server_component(analysis, options) {
 
 const component_function = b.function_declaration(
 b.id(analysis.name),
-should_inject_props ? [b.id('$$payload'), b.id('$$props')] : [b.id('$$payload')],
+should_inject_props ? [b.id(' $$renderer'), b.id('$$props')] : [b.id(' $$renderer')],
 component_block
 );
 

packages/svelte/src/compiler/phases/3-transform/server/visitors/AwaitBlock.js

@@ -2,7 +2,7 @@
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../types.js' */
 import * as b from '#compiler/builders';
-import { block_close, call_child_payload } from './shared/utils.js';
+import { block_close, call_child_renderer } from './shared/utils.js';
 
 /**
  * @param {AST.AwaitBlock} node
@@ -13,7 +13,7 @@ export function AwaitBlock(node, context) {
 let statement = b.stmt(
 b.call(
 '$.await',
-b.id('$$payload'),
+b.id(' $$renderer'),
 /** @type {Expression} */ (context.visit(node.expression)),
 b.thunk(
 node.pending ? /** @type {BlockStatement} */ (context.visit(node.pending)) : b.block([])
@@ -26,7 +26,7 @@ export function AwaitBlock(node, context) {
 );
 
 if (node.metadata.expression.has_await) {
-statement = call_child_payload(b.block([statement]), true);
+statement = call_child_renderer(b.block([statement]), true);
 }
 
 context.state.template.push(statement, block_close);

packages/svelte/src/compiler/phases/3-transform/server/visitors/EachBlock.js

@@ -2,7 +2,7 @@
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../types.js' */
 import * as b from '#compiler/builders';
-import { block_close, block_open, block_open_else, call_child_payload } from './shared/utils.js';
+import { block_close, block_open, block_open_else, call_child_renderer } from './shared/utils.js';
 
 /**
  * @param {AST.EachBlock} node
@@ -45,11 +45,11 @@ export function EachBlock(node, context) {
 );
 
 if (node.fallback) {
-const open = b.stmt(b.call(b.id('$$payload.push'), block_open));
+const open = b.stmt(b.call(b.id(' $$renderer.push'), block_open));
 
 const fallback = /** @type {BlockStatement} */ (context.visit(node.fallback));
 
-fallback.body.unshift(b.stmt(b.call(b.id('$$payload.push'), block_open_else)));
+fallback.body.unshift(b.stmt(b.call(b.id(' $$renderer.push'), block_open_else)));
 
 block.body.push(
 b.if(
@@ -64,7 +64,7 @@ export function EachBlock(node, context) {
 }
 
 if (node.metadata.expression.has_await) {
-state.template.push(call_child_payload(block, true), block_close);
+state.template.push(call_child_renderer(block, true), block_close);
 } else {
 state.template.push(...block.body, block_close);
 }

packages/svelte/src/compiler/phases/3-transform/server/visitors/IfBlock.js

@@ -2,7 +2,7 @@
 /** @import { AST } from '#compiler' */
 /** @import { ComponentContext } from '../types.js' */
 import * as b from '#compiler/builders';
-import { block_close, block_open, block_open_else, call_child_payload } from './shared/utils.js';
+import { block_close, block_open, block_open_else, call_child_renderer } from './shared/utils.js';
 
 /**
  * @param {AST.IfBlock} node
@@ -16,15 +16,15 @@ export function IfBlock(node, context) {
 ? /** @type {BlockStatement} */ (context.visit(node.alternate))
 : b.block([]);
 
-consequent.body.unshift(b.stmt(b.call(b.id('$$payload.push'), block_open)));
+consequent.body.unshift(b.stmt(b.call(b.id(' $$renderer.push'), block_open)));
 
-alternate.body.unshift(b.stmt(b.call(b.id('$$payload.push'), block_open_else)));
+alternate.body.unshift(b.stmt(b.call(b.id(' $$renderer.push'), block_open_else)));
 
 /** @type {Statement} */
 let statement = b.if(test, consequent, alternate);
 
 if (node.metadata.expression.has_await) {
-statement = call_child_payload(b.block([statement]), true);
+statement = call_child_renderer(b.block([statement]), true);
 }
 
 context.state.template.push(statement, block_close);

packages/svelte/src/compiler/phases/3-transform/server/visitors/RegularElement.js

@@ -12,7 +12,7 @@ import {
 process_children,
 build_template,
 build_attribute_value,
-call_child_payload
+call_child_renderer
 } from './shared/utils.js';
 
 /**
@@ -68,7 +68,7 @@ export function RegularElement(node, context) {
 b.stmt(
 b.call(
 '$.push_element',
-b.id('$$payload'),
+b.id(' $$renderer'),
 b.literal(node.name),
 b.literal(location.line),
 b.literal(location.column)
@@ -97,7 +97,7 @@ export function RegularElement(node, context) {
 b.stmt(
 b.assignment(
 '=',
-b.id('$$payload.local.select_value'),
+b.id(' $$renderer.local.select_value'),
 b.member(
 build_spread_object(
 node,
@@ -125,7 +125,7 @@ export function RegularElement(node, context) {
 );
 }
 
-const left = b.id('$$payload.local.select_value');
+const left = b.id(' $$renderer.local.select_value');
 if (value.type === 'Attribute') {
 state.template.push(
 b.stmt(b.assignment('=', left, build_attribute_value(value.value, context)))
@@ -160,7 +160,7 @@ export function RegularElement(node, context) {
 b.stmt(
 b.call(
 '$.simple_valueless_option',
-b.id('$$payload'),
+b.id(' $$renderer'),
 b.thunk(
 node.metadata.synthetic_value_node.expression,
 node.metadata.synthetic_value_node.metadata.expression.has_await
@@ -175,9 +175,9 @@ export function RegularElement(node, context) {
 b.stmt(
 b.call(
 '$.valueless_option',
-b.id('$$payload'),
+b.id(' $$renderer'),
 b.arrow(
-[b.id('$$payload')],
+[b.id(' $$renderer')],
 b.block([...inner_state.init, ...build_template(inner_state.template)])
 )
 )
@@ -216,7 +216,7 @@ export function RegularElement(node, context) {
 // element hadn't resolved prior to hitting the second element.
 const elements = state.template.splice(template_start, Infinity);
 state.template.push(
-call_child_payload(b.block(build_template(elements)), select_with_value_async)
+call_child_renderer(b.block(build_template(elements)), select_with_value_async)
 );
 }
 

packages/svelte/src/compiler/phases/3-transform/server/visitors/RenderTag.js

@@ -23,7 +23,7 @@ export function RenderTag(node, context) {
 b.stmt(
 (node.expression.type === 'CallExpression' ? b.call : b.maybe_call)(
 snippet_function,
-b.id('$$payload'),
+b.id(' $$renderer'),
 ...snippet_args
 )
 )

packages/svelte/src/compiler/phases/3-transform/server/visitors/SlotElement.js

@@ -6,7 +6,7 @@ import {
 empty_comment,
 build_attribute_value,
 PromiseOptimiser,
-call_child_payload
+call_child_renderer
 } from './shared/utils.js';
 
 /**
@@ -57,7 +57,7 @@ export function SlotElement(node, context) {
 
 const slot = b.call(
 '$.slot',
-b.id('$$payload'),
+b.id(' $$renderer'),
 b.id('$$props'),
 name,
 props_expression,
@@ -66,7 +66,7 @@ export function SlotElement(node, context) {
 
 const statement =
 optimiser.expressions.length > 0
-? call_child_payload(b.block([optimiser.apply(), b.stmt(slot)]), true)
+? call_child_renderer(b.block([optimiser.apply(), b.stmt(slot)]), true)
 : b.stmt(slot);
 
 context.state.template.push(empty_comment, statement, empty_comment);

packages/svelte/src/compiler/phases/3-transform/server/visitors/SnippetBlock.js

@@ -11,7 +11,7 @@ import * as b from '#compiler/builders';
 export function SnippetBlock(node, context) {
 let fn = b.function_declaration(
 node.expression,
-[b.id('$$payload'), ...node.parameters],
+[b.id(' $$renderer'), ...node.parameters],
 /** @type {BlockStatement} */ (context.visit(node.body))
 );
 
@@ -21,7 +21,7 @@ export function SnippetBlock(node, context) {
 const statements = node.metadata.can_hoist ? context.state.hoisted : context.state.init;
 
 if (dev) {
-fn.body.body.unshift(b.stmt(b.call('$.validate_snippet_args', b.id('$$payload'))));
+fn.body.body.unshift(b.stmt(b.call('$.validate_snippet_args', b.id(' $$renderer'))));
 statements.push(b.stmt(b.call('$.prevent_snippet_stringification', fn.id)));
 }
 

packages/svelte/src/compiler/phases/3-transform/server/visitors/SvelteBoundary.js

@@ -24,7 +24,7 @@ export function SvelteBoundary(node, context) {
 const pending = pending_attribute
 ? b.call(
 build_attribute_value(pending_attribute.value, context, false, true),
-b.id('$$payload')
+b.id(' $$renderer')
 )
 : /** @type {BlockStatement} */ (context.visit(pending_snippet.body));
 

packages/svelte/src/compiler/phases/3-transform/server/visitors/SvelteElement.js

@@ -45,7 +45,7 @@ export function SvelteElement(node, context) {
 b.stmt(
 b.call(
 '$.push_element',
-b.id('$$payload'),
+b.id(' $$renderer'),
 tag,
 b.literal(location.line),
 b.literal(location.column)
@@ -61,7 +61,7 @@ export function SvelteElement(node, context) {
 b.stmt(
 b.call(
 '$.element',
-b.id('$$payload'),
+b.id(' $$renderer'),
 tag,
 attributes.body.length > 0 && b.thunk(attributes),
 children.body.length > 0 && b.thunk(children)