move() — svelte Function Reference

Architecture documentation for the move() function in each.js from the svelte codebase.

Function javascript ClientRuntime Hydration calls 1 called by 2

Entity Profile

ClientRuntime→ Hydration→ move() — svelte Function Reference

Dependency Diagram

graph TD
  1061f0bd_2bf2_7402_fa62_318d8455bb96["move()"]
  ca0d28d0_c4b0_db5c_32c9_bdad64d5deaa["each.js"]
  1061f0bd_2bf2_7402_fa62_318d8455bb96 -->|defined in| ca0d28d0_c4b0_db5c_32c9_bdad64d5deaa
  7f76e82e_4ed8_1525_9136_2ae67868d44e["each()"]
  7f76e82e_4ed8_1525_9136_2ae67868d44e -->|calls| 1061f0bd_2bf2_7402_fa62_318d8455bb96
  3ceb9b1c_7062_d75e_744a_fd12a80dfdc9["reconcile()"]
  3ceb9b1c_7062_d75e_744a_fd12a80dfdc9 -->|calls| 1061f0bd_2bf2_7402_fa62_318d8455bb96
  4776c976_30bb_448d_921d_ee70a7fa0135["get_next_sibling()"]
  1061f0bd_2bf2_7402_fa62_318d8455bb96 -->|calls| 4776c976_30bb_448d_921d_ee70a7fa0135
  style 1061f0bd_2bf2_7402_fa62_318d8455bb96 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/blocks/each.js lines 648–669

function move(effect, next, anchor) {
	if (!effect.nodes) return;

	var node = effect.nodes.start;
	var end = effect.nodes.end;

	var dest =
		next && (next.f & EFFECT_OFFSCREEN) === 0
			? /** @type {EffectNodes} */ (next.nodes).start
			: anchor;

	while (node !== null) {
		var next_node = /** @type {TemplateNode} */ (get_next_sibling(node));
		dest.before(node);

		if (node === end) {
			return;
		}

		node = next_node;
	}
}