chore: move signal logic into subdirectory (#10582)

* move effect code

* move source code

* derived

* move more stuff

* simplify

* init is a daft name for something that runs repeatedly

* remove unneeded effect variant

* chore: reshuffle part2 (#10588)

* extract store

* move prop/init to render

* introduce constants file and move all constants there to reduce cyclic dependencies

* move reactive_import to render

* move bubble_event into render, move (raf) task handing into its own file

* expect-error did hide that one

---------

Co-authored-by: Rich Harris <[email protected]>
Co-authored-by: Simon H <[email protected]>

Author: Rich-Harris

packages/svelte/src/internal/client/block.js

@@ -1,16 +1,12 @@
+import {
+	ROOT_BLOCK,
+	HEAD_BLOCK,
+	DYNAMIC_ELEMENT_BLOCK,
+	DYNAMIC_COMPONENT_BLOCK,
+	SNIPPET_BLOCK
+} from './constants.js';
 import { current_block } from './runtime.js';
 
-export const ROOT_BLOCK = 0;
-export const IF_BLOCK = 1;
-export const EACH_BLOCK = 2;
-export const EACH_ITEM_BLOCK = 3;
-export const AWAIT_BLOCK = 4;
-export const KEY_BLOCK = 5;
-export const HEAD_BLOCK = 6;
-export const DYNAMIC_COMPONENT_BLOCK = 7;
-export const DYNAMIC_ELEMENT_BLOCK = 8;
-export const SNIPPET_BLOCK = 9;
-
 /**
  * @param {boolean} intro
  * @returns {import('./types.js').RootBlock}

packages/svelte/src/internal/client/constants.js

@@ -0,0 +1,26 @@
+export const SOURCE = 1;
+export const DERIVED = 1 << 1;
+export const EFFECT = 1 << 2;
+export const PRE_EFFECT = 1 << 3;
+export const RENDER_EFFECT = 1 << 4;
+export const MANAGED = 1 << 6;
+export const UNOWNED = 1 << 7;
+export const CLEAN = 1 << 8;
+export const DIRTY = 1 << 9;
+export const MAYBE_DIRTY = 1 << 10;
+export const INERT = 1 << 11;
+export const DESTROYED = 1 << 12;
+
+export const ROOT_BLOCK = 0;
+export const IF_BLOCK = 1;
+export const EACH_BLOCK = 2;
+export const EACH_ITEM_BLOCK = 3;
+export const AWAIT_BLOCK = 4;
+export const KEY_BLOCK = 5;
+export const HEAD_BLOCK = 6;
+export const DYNAMIC_COMPONENT_BLOCK = 7;
+export const DYNAMIC_ELEMENT_BLOCK = 8;
+export const SNIPPET_BLOCK = 9;
+
+export const UNINITIALIZED = Symbol();
+export const STATE_SYMBOL = Symbol('$state');

packages/svelte/src/internal/client/custom-element.js

@@ -1,5 +1,6 @@
 import { createClassComponent } from '../../legacy/legacy-client.js';
-import { render_effect, destroy_signal } from './runtime.js';
+import { destroy_signal } from './runtime.js';
+import { render_effect } from './reactivity/computations.js';
 import { open, close } from './render.js';
 import { define_property } from './utils.js';
 

packages/svelte/src/internal/client/dev/ownership.js

@@ -1,6 +1,6 @@
 /** @typedef {{ file: string, line: number, column: number }} Location */
 
-import { STATE_SYMBOL } from '../proxy.js';
+import { STATE_SYMBOL } from '../constants.js';
 import { untrack } from '../runtime.js';
 
 /** @type {Record<string, Array<{ start: Location, end: Location, component: Function }>>} */

packages/svelte/src/internal/client/dom/blocks/await.js

@@ -1,17 +1,16 @@
 import { is_promise } from '../../../common.js';
-import { AWAIT_BLOCK } from '../../block.js';
 import { hydrate_block_anchor } from '../../hydration.js';
 import { remove } from '../../reconciler.js';
 import {
-	UNINITIALIZED,
 	current_block,
 	destroy_signal,
 	execute_effect,
 	flushSync,
-	push_destroy_fn,
-	render_effect
+	push_destroy_fn
 } from '../../runtime.js';
+import { render_effect } from '../../reactivity/computations.js';
 import { trigger_transitions } from '../../transitions.js';
+import { AWAIT_BLOCK, UNINITIALIZED } from '../../constants.js';
 
 /** @returns {import('../../types.js').AwaitBlock} */
 export function create_await_block() {

packages/svelte/src/internal/client/dom/blocks/each.js

@@ -7,7 +7,6 @@ import {
 	EACH_KEYED
 } from '../../../../constants.js';
 import { noop } from '../../../common.js';
-import { EACH_BLOCK, EACH_ITEM_BLOCK } from '../../block.js';
 import {
 	current_hydration_fragment,
 	get_hydration_fragment,
@@ -21,14 +20,14 @@ import {
 	current_block,
 	destroy_signal,
 	execute_effect,
-	mutable_source,
 	push_destroy_fn,
-	render_effect,
-	set_signal_value,
-	source
+	set_signal_value
 } from '../../runtime.js';
+import { render_effect } from '../../reactivity/computations.js';
+import { source, mutable_source } from '../../reactivity/sources.js';
 import { trigger_transitions } from '../../transitions.js';
 import { is_array } from '../../utils.js';
+import { EACH_BLOCK, EACH_ITEM_BLOCK } from '../../constants.js';
 
 const NEW_BLOCK = -1;
 const MOVED_BLOCK = 99999999;

packages/svelte/src/internal/client/dom/blocks/if.js

@@ -1,18 +1,13 @@
-import { IF_BLOCK } from '../../block.js';
+import { IF_BLOCK } from '../../constants.js';
 import {
 	current_hydration_fragment,
 	hydrate_block_anchor,
 	hydrating,
 	set_current_hydration_fragment
 } from '../../hydration.js';
 import { remove } from '../../reconciler.js';
-import {
-	current_block,
-	destroy_signal,
-	execute_effect,
-	push_destroy_fn,
-	render_effect
-} from '../../runtime.js';
+import { current_block, destroy_signal, execute_effect, push_destroy_fn } from '../../runtime.js';
+import { render_effect } from '../../reactivity/computations.js';
 import { trigger_transitions } from '../../transitions.js';
 
 /** @returns {import('../../types.js').IfBlock} */

packages/svelte/src/internal/client/dom/blocks/key.js

@@ -1,16 +1,10 @@
-import { KEY_BLOCK } from '../../block.js';
+import { UNINITIALIZED, KEY_BLOCK } from '../../constants.js';
 import { hydrate_block_anchor } from '../../hydration.js';
 import { remove } from '../../reconciler.js';
-import {
-	UNINITIALIZED,
-	current_block,
-	destroy_signal,
-	execute_effect,
-	push_destroy_fn,
-	render_effect,
-	safe_not_equal
-} from '../../runtime.js';
+import { current_block, destroy_signal, execute_effect, push_destroy_fn } from '../../runtime.js';
+import { render_effect } from '../../reactivity/computations.js';
 import { trigger_transitions } from '../../transitions.js';
+import { safe_not_equal } from '../../reactivity/equality.js';
 
 /** @returns {import('../../types.js').KeyBlock} */
 function create_key_block() {

packages/svelte/src/internal/client/dom/task.js

@@ -0,0 +1,59 @@
+import { run_all } from '../../common.js';
+
+let is_task_queued = false;
+let is_raf_queued = false;
+
+/** @type {Array<() => void>} */
+let current_queued_tasks = [];
+/** @type {Array<() => void>} */
+let current_raf_tasks = [];
+
+function process_task() {
+	is_task_queued = false;
+	const tasks = current_queued_tasks.slice();
+	current_queued_tasks = [];
+	run_all(tasks);
+}
+
+function process_raf_task() {
+	is_raf_queued = false;
+	const tasks = current_raf_tasks.slice();
+	current_raf_tasks = [];
+	run_all(tasks);
+}
+
+/**
+ * @param {() => void} fn
+ * @returns {void}
+ */
+export function schedule_task(fn) {
+	if (!is_task_queued) {
+		is_task_queued = true;
+		setTimeout(process_task, 0);
+	}
+	current_queued_tasks.push(fn);
+}
+
+/**
+ * @param {() => void} fn
+ * @returns {void}
+ */
+export function schedule_raf_task(fn) {
+	if (!is_raf_queued) {
+		is_raf_queued = true;
+		requestAnimationFrame(process_raf_task);
+	}
+	current_raf_tasks.push(fn);
+}
+
+/**
+ * Synchronously run any queued tasks.
+ */
+export function flush_tasks() {
+	if (is_task_queued) {
+		process_task();
+	}
+	if (is_raf_queued) {
+		process_raf_task();
+	}
+}

packages/svelte/src/internal/client/hydration.js

@@ -1,7 +1,7 @@
 // Handle hydration
 
+import { schedule_task } from './dom/task.js';
 import { empty } from './operations.js';
-import { schedule_task } from './runtime.js';
 
 /**
  * Use this variable to guard everything related to hydration code so it can be treeshaken out

packages/svelte/src/internal/client/proxy.js

@@ -1,16 +1,13 @@
 import { DEV } from 'esm-env';
 import {
-	effect_active,
 	get,
 	set,
 	update,
-	source,
 	updating_derived,
-	UNINITIALIZED,
-	mutable_source,
 	batch_inspect,
 	current_component_context
 } from './runtime.js';
+import { effect_active } from './reactivity/computations.js';
 import {
 	array_prototype,
 	define_property,
@@ -22,8 +19,8 @@ import {
 	object_prototype
 } from './utils.js';
 import { add_owner, check_ownership, strip_owner } from './dev/ownership.js';
-
-export const STATE_SYMBOL = Symbol('$state');
+import { mutable_source, source } from './reactivity/sources.js';
+import { STATE_SYMBOL, UNINITIALIZED } from './constants.js';
 
 /**
  * @template T