svelte Architecture Docs
Home / Class/ Foo Class — svelte Architecture

Foo Class — svelte Architecture

Architecture documentation for the Foo class in index.svelte.js from the svelte codebase.

Class javascript

Entity Profile

Dependency Diagram

graph TD
  aa86b9a1_19d5_53bd_a18c_d162b2a3b481["Foo"]
  852cb8db_35ba_6f87_071e_31da0e7c2222["index.svelte.js"]
  aa86b9a1_19d5_53bd_a18c_d162b2a3b481 -->|defined in| 852cb8db_35ba_6f87_071e_31da0e7c2222
  ee60fcfd_6da8_4e74_2a88_5a37cca26749["a()"]
  aa86b9a1_19d5_53bd_a18c_d162b2a3b481 -->|method| ee60fcfd_6da8_4e74_2a88_5a37cca26749
  98122120_6b3f_95b8_dd6f_aaca1e689279["foo()"]
  aa86b9a1_19d5_53bd_a18c_d162b2a3b481 -->|method| 98122120_6b3f_95b8_dd6f_aaca1e689279
  ff46f644_a893_3bfb_1a59_21be6511636d["bar()"]
  aa86b9a1_19d5_53bd_a18c_d162b2a3b481 -->|method| ff46f644_a893_3bfb_1a59_21be6511636d
  2ada2d42_91ab_2602_902e_2df8ad702fda["constructor()"]
  aa86b9a1_19d5_53bd_a18c_d162b2a3b481 -->|method| 2ada2d42_91ab_2602_902e_2df8ad702fda

Relationship Graph

Source Code

packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/client/index.svelte.js lines 7–45

	class Foo {
		#a = $.state(0);

		get a() {
			return $.get(this.#a);
		}

		set a(value) {
			$.set(this.#a, value, true);
		}

		#b = $.state();
		#foo = $.derived(() => ({ bar: this.a * 2 }));

		get foo() {
			return $.get(this.#foo);
		}

		set foo(value) {
			$.set(this.#foo, value);
		}

		#bar = $.derived(() => ({ baz: this.foo }));

		get bar() {
			return $.get(this.#bar);
		}

		set bar(value) {
			$.set(this.#bar, value);
		}

		constructor() {
			this.a = 1;
			$.set(this.#b, 2);
			this.foo.bar = 3;
			this.bar = 4;
		}
	}

Defined In

Source

Frequently Asked Questions

What is the Foo class?
Foo is a class in the svelte codebase, defined in packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/client/index.svelte.js.
Where is Foo defined?
Foo is defined in packages/svelte/tests/snapshot/samples/class-state-field-constructor-assignment/_expected/client/index.svelte.js at line 7.

Analyze Your Own Codebase

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

Try Supermodel Free