loop() — svelte Function Reference

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

Function javascript ClientRuntime Hydration called by 5

Entity Profile

ClientRuntime→ Hydration→ loop() — svelte Function Reference

Dependency Diagram

graph TD
  185b398a_1ddd_d231_9999_8110452fa052["loop()"]
  385470d9_b5f1_1cd1_d8da_e61454f3e60a["loop.js"]
  185b398a_1ddd_d231_9999_8110452fa052 -->|defined in| 385470d9_b5f1_1cd1_d8da_e61454f3e60a
  df0bba2e_5fd6_624d_e576_6c964cadc587["animate()"]
  df0bba2e_5fd6_624d_e576_6c964cadc587 -->|calls| 185b398a_1ddd_d231_9999_8110452fa052
  1be4451f_f9ee_5df1_6b9b_d5f88ec472fd["spring()"]
  1be4451f_f9ee_5df1_6b9b_d5f88ec472fd -->|calls| 185b398a_1ddd_d231_9999_8110452fa052
  938b712b_1a7d_f851_13bc_11eabf638f12["value()"]
  938b712b_1a7d_f851_13bc_11eabf638f12 -->|calls| 185b398a_1ddd_d231_9999_8110452fa052
  cc3dbfb4_f7d6_e5af_e4aa_42d1354dade9["tweened()"]
  cc3dbfb4_f7d6_e5af_e4aa_42d1354dade9 -->|calls| 185b398a_1ddd_d231_9999_8110452fa052
  eba6d905_b0bc_b5a4_beb4_5636a78d57a5["set()"]
  eba6d905_b0bc_b5a4_beb4_5636a78d57a5 -->|calls| 185b398a_1ddd_d231_9999_8110452fa052
  style 185b398a_1ddd_d231_9999_8110452fa052 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/loop.js lines 32–48

export function loop(callback) {
	/** @type {TaskEntry} */
	let task;

	if (raf.tasks.size === 0) {
		raf.tick(run_tasks);
	}

	return {
		promise: new Promise((fulfill) => {
			raf.tasks.add((task = { c: callback, f: fulfill }));
		}),
		abort() {
			raf.tasks.delete(task);
		}
	};
}