svelte Architecture Docs
Home / Function/ hydratable() — svelte Function Reference

hydratable() — svelte Function Reference

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

Function javascript ClientRuntime Hydration calls 2

Entity Profile

Dependency Diagram

graph TD
  790389d6_c1a9_a237_603c_ec20bbc51d49["hydratable()"]
  fd0db0bf_b4fa_ebb0_bf50_f72fe589aea4["hydratable.js"]
  790389d6_c1a9_a237_603c_ec20bbc51d49 -->|defined in| fd0db0bf_b4fa_ebb0_bf50_f72fe589aea4
  5d85ff12_3047_07ed_ba84_0e6caf3b083a["hydratable_missing_but_required()"]
  790389d6_c1a9_a237_603c_ec20bbc51d49 -->|calls| 5d85ff12_3047_07ed_ba84_0e6caf3b083a
  dbf10bb2_ab8d_f512_82ad_77f4d388ddd8["hydratable_missing_but_expected()"]
  790389d6_c1a9_a237_603c_ec20bbc51d49 -->|calls| dbf10bb2_ab8d_f512_82ad_77f4d388ddd8
  style 790389d6_c1a9_a237_603c_ec20bbc51d49 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/hydratable.js lines 13–33

export function hydratable(key, fn) {
	if (!async_mode_flag) {
		e.experimental_async_required('hydratable');
	}

	if (hydrating) {
		const store = window.__svelte?.h;

		if (store?.has(key)) {
			return /** @type {T} */ (store.get(key));
		}

		if (DEV) {
			e.hydratable_missing_but_required(key);
		} else {
			w.hydratable_missing_but_expected(key);
		}
	}

	return fn();
}

Domain

Subdomains

Defined In

Calls

Source

Frequently Asked Questions

What does hydratable() do?
hydratable() is a function in the svelte codebase, defined in packages/svelte/src/internal/client/hydratable.js.
Where is hydratable() defined?
hydratable() is defined in packages/svelte/src/internal/client/hydratable.js at line 13.
What does hydratable() call?
hydratable() calls 2 function(s): hydratable_missing_but_expected, hydratable_missing_but_required.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free