client_module() — svelte Function Reference

Architecture documentation for the client_module() function in transform-client.js from the svelte codebase.

Function javascript Compiler Transformer called by 1

Entity Profile

Compiler→ Transformer→ client_module() — svelte Function Reference

Dependency Diagram

graph TD
  f67152db_9574_dae2_c7ba_381253877c55["client_module()"]
  7665e008_f37d_b860_a594_f2539a66af4e["transform-client.js"]
  f67152db_9574_dae2_c7ba_381253877c55 -->|defined in| 7665e008_f37d_b860_a594_f2539a66af4e
  0ccad5bf_e752_7e10_164a_ca0ec818db6f["transform_module()"]
  0ccad5bf_e752_7e10_164a_ca0ec818db6f -->|calls| f67152db_9574_dae2_c7ba_381253877c55
  style f67152db_9574_dae2_c7ba_381253877c55 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/compiler/phases/3-transform/client/transform-client.js lines 691–719

export function client_module(analysis, options) {
	/** @type {ClientTransformState} */
	const state = {
		analysis,
		options,
		scope: analysis.module.scope,
		scopes: analysis.module.scopes,
		state_fields: new Map(),
		transform: {},
		in_constructor: false,
		is_instance: false
	};

	const module = /** @type {ESTree.Program} */ (
		walk(/** @type {AST.SvelteNode} */ (analysis.module.ast), state, visitors)
	);

	const body = [b.import_all('$', 'svelte/internal/client')];

	if (analysis.tracing) {
		body.push(b.imports([], 'svelte/internal/flags/tracing'));
	}

	return {
		type: 'Program',
		sourceType: 'module',
		body: [...body, ...module.body]
	};
}