Home / Class/ ThemeState Class — svelte Architecture

ThemeState Class — svelte Architecture

Architecture documentation for the ThemeState class in theme.svelte.js from the svelte codebase.

Entity Profile

Dependency Diagram

graph TD
  3c9dd0d4_5919_99e0_7c33_e7d7667a0c5f["ThemeState"]
  049aa162_267f_94cf_de48_551fb40b6c63["theme.svelte.js"]
  3c9dd0d4_5919_99e0_7c33_e7d7667a0c5f -->|defined in| 049aa162_267f_94cf_de48_551fb40b6c63
  4c9758b2_ad32_1855_6b02_d284b138e09d["constructor()"]
  3c9dd0d4_5919_99e0_7c33_e7d7667a0c5f -->|method| 4c9758b2_ad32_1855_6b02_d284b138e09d

Relationship Graph

Source Code

packages/svelte/tests/runtime-runes/samples/derived-unowned-10/theme.svelte.js lines 5–16

class ThemeState {
	#storeState = fromStore(store);
	value = $derived(this.#storeState.current);

	constructor() {
		$effect.root(() => {
			$effect(() => {
				console.log(this.value.theme);
			});
		});
	}
}

Frequently Asked Questions

What is the ThemeState class?
ThemeState is a class in the svelte codebase, defined in packages/svelte/tests/runtime-runes/samples/derived-unowned-10/theme.svelte.js.
Where is ThemeState defined?
ThemeState is defined in packages/svelte/tests/runtime-runes/samples/derived-unowned-10/theme.svelte.js at line 5.

Analyze Your Own Codebase

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

Try Supermodel Free