flush() — svelte Function Reference

Architecture documentation for the flush() function in batch.js from the svelte codebase.

Function javascript ClientRuntime Reactivity calls 4 called by 4

Entity Profile

ClientRuntime→ Reactivity→ flush() — svelte Function Reference

Dependency Diagram

graph TD
  ec59c019_2fd3_2a1c_3cf5_7cd95b795a96["flush()"]
  517c145b_769f_b163_6854_d8f2a4412e11["Batch"]
  ec59c019_2fd3_2a1c_3cf5_7cd95b795a96 -->|defined in| 517c145b_769f_b163_6854_d8f2a4412e11
  d3725093_785a_922d_c180_94a562b1a49b["decrement()"]
  d3725093_785a_922d_c180_94a562b1a49b -->|calls| ec59c019_2fd3_2a1c_3cf5_7cd95b795a96
  4a5c85d2_dfaa_8eed_83a2_1b140cad91fb["revive()"]
  4a5c85d2_dfaa_8eed_83a2_1b140cad91fb -->|calls| ec59c019_2fd3_2a1c_3cf5_7cd95b795a96
  2ec0d2fd_8bbc_b2ba_53ae_f2da02bb3ba5["ensure()"]
  2ec0d2fd_8bbc_b2ba_53ae_f2da02bb3ba5 -->|calls| ec59c019_2fd3_2a1c_3cf5_7cd95b795a96
  5bc3c950_96f7_e454_6cb7_65ffc2179811["flushSync()"]
  5bc3c950_96f7_e454_6cb7_65ffc2179811 -->|calls| ec59c019_2fd3_2a1c_3cf5_7cd95b795a96
  e2994140_cbea_e6ee_c66f_0adec4e39cd7["activate()"]
  ec59c019_2fd3_2a1c_3cf5_7cd95b795a96 -->|calls| e2994140_cbea_e6ee_c66f_0adec4e39cd7
  05511be0_1e56_3876_59e2_7350fc912bb9["process()"]
  ec59c019_2fd3_2a1c_3cf5_7cd95b795a96 -->|calls| 05511be0_1e56_3876_59e2_7350fc912bb9
  a0b8f840_863f_a966_d259_b866f80703d1["deactivate()"]
  ec59c019_2fd3_2a1c_3cf5_7cd95b795a96 -->|calls| a0b8f840_863f_a966_d259_b866f80703d1
  f618e317_1a72_981e_22c2_44b823813de7["flush_effects()"]
  ec59c019_2fd3_2a1c_3cf5_7cd95b795a96 -->|calls| f618e317_1a72_981e_22c2_44b823813de7
  style ec59c019_2fd3_2a1c_3cf5_7cd95b795a96 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/reactivity/batch.js lines 351–366

	flush() {
		this.activate();

		if (queued_root_effects.length > 0) {
			flush_effects();

			if (current_batch !== null && current_batch !== this) {
				// this can happen if a new batch was created during `flush_effects()`
				return;
			}
		} else if (this.#pending === 0) {
			this.process([]); // TODO this feels awkward
		}

		this.deactivate();
	}