All files / src/internal/client/dev hmr.js

31.25% Statements 15/48
100% Branches 0/0
0% Functions 0/1
25% Lines 11/44

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 452x 2x 2x 2x 2x 2x 2x 2x 2x 2x 2x                                                                    
import { block, branch, destroy_effect } from '../reactivity/effects.js';
import { set, source } from '../reactivity/sources.js';
import { set_should_intro } from '../render.js';
import { get } from '../runtime.js';
 
/**
 * @template {(anchor: Comment, props: any) => any} Component
 * @param {{ source: import("#client").Source<Component>; wrapper: Component; }} data
 * @param {Component} component
 */
export function hmr(data, component) {
	if (data.source) {
		set(data.source, component);
	} else {
		data.source = source(component);
	}

	return (data.wrapper ??= /** @type {Component} */ (
		(anchor, props) => {
			let instance = {};

			/** @type {import("#client").Effect} */
			let effect;

			block(() => {
				const component = get(data.source);

				if (effect) {
					// @ts-ignore
					for (var k in instance) delete instance[k];
					destroy_effect(effect);
				}

				effect = branch(() => {
					set_should_intro(false);
					Object.assign(instance, component(anchor, props));
					set_should_intro(true);
				});
			});

			return instance;
		}
	));
}