cleanup memory

Author: trueadm

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

@@ -61,8 +61,7 @@ import {
 	push,
 	current_component_context,
 	pop,
-	schedule_task,
-	managed_render_effect
+	schedule_task
 } from './runtime.js';
 import {
 	current_hydration_fragment,
@@ -199,7 +198,7 @@ export function comment(anchor) {
 /**
  * @param {Element | Text} dom
  * @param {boolean} is_fragment
- * @param {null | Text | Comment | Element} anchor
+ * @param {null | ((Text | Comment | Element) & {$$fragment: undefined | Node[]})} anchor
  * @returns {void}
  */
 function close_template(dom, is_fragment, anchor) {
@@ -211,14 +210,18 @@ function close_template(dom, is_fragment, anchor) {
 			? dom
 			: /** @type {import('./types.js').TemplateNode[]} */ (Array.from(dom.childNodes))
 		: dom;
-	if (anchor !== null && current_hydration_fragment === null) {
-		insert(current, null, anchor);
+	if (anchor !== null) {
+		if (current_hydration_fragment === null) {
+			insert(current, null, anchor);
+		} else {
+			cleanup_hyration_node(anchor);
+		}
 	}
 	block.d = current;
 }
 
 /**
- * @param {null | Text | Comment | Element} anchor
+ * @param {null | ((Text | Comment | Element) & {$$fragment: undefined | Node[]})} anchor
  * @param {Element | Text} dom
  * @returns {void}
  */
@@ -227,7 +230,7 @@ export function close(anchor, dom) {
 }
 
 /**
- * @param {null | Text | Comment | Element} anchor
+ * @param {null | ((Text | Comment | Element) & {$$fragment: undefined | Node[]})} anchor
  * @param {Element | Text} dom
  * @returns {void}
  */
@@ -1341,6 +1344,20 @@ export function slot(anchor_node, slot_fn, slot_props, fallback_fn) {
 	} else {
 		slot_fn(anchor_node, slot_props);
 	}
+	cleanup_hyration_node(anchor_node);
+}
+
+/**
+ *
+ * @param {Element | Comment} node
+ */
+function cleanup_hyration_node(node) {
+	// Let's ensure we don't leak the hydration fragment
+	// @ts-expect-error internal field
+	if (node.$$fragment) {
+		// @ts-expect-error internal field
+		node.$$fragment = undefined;
+	}
 }
 
 /**
@@ -1472,6 +1489,7 @@ function if_block(anchor_node, condition_fn, consequent_fn, alternate_fn) {
 		destroy_signal(alternate_effect);
 	});
 	block.e = if_effect;
+	cleanup_hyration_node(anchor_node);
 }
 export { if_block as if };
 
@@ -1615,6 +1633,7 @@ export function element(anchor_node, tag_fn, render_fn, is_svg = false) {
 		}
 		destroy_signal(render_effect_signal);
 	});
+	cleanup_hyration_node(anchor_node);
 	block.e = element_effect;
 }
 
@@ -1732,6 +1751,7 @@ export function component(anchor_node, component_fn, render_fn) {
 			render = render.p;
 		}
 	});
+	cleanup_hyration_node(anchor_node);
 	block.e = component_effect;
 }
 
@@ -1899,6 +1919,7 @@ function await_block(anchor_node, input, pending_fn, then_fn, catch_fn) {
 			render = render.p;
 		}
 	});
+	cleanup_hyration_node(anchor_node);
 	block.e = await_effect;
 }
 export { await_block as await };
@@ -2015,6 +2036,7 @@ export function key(anchor_node, key, render_fn) {
 			render = render.p;
 		}
 	});
+	cleanup_hyration_node(anchor_node);
 	block.e = key_effect;
 }
 
@@ -2270,6 +2292,7 @@ function each(anchor_node, collection, flags, key_fn, render_fn, fallback_fn, re
 		reconcile_fn([], block, anchor_node, is_controlled, render_fn, flags, false, keys);
 		destroy_signal(/** @type {import('./types.js').EffectSignal} */ (render));
 	});
+	cleanup_hyration_node(anchor_node);
 	block.e = each;
 }