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

27.11% Statements 16/59
100% Branches 0/0
0% Functions 0/1
21.81% Lines 12/55

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 45 46 47 48 49 50 51 52 53 54 55 562x 2x 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 {{ components: Map<string, { source: import("#client").Source<Component>; wrapper: null | Component; }> }} hot_data
 * @param {string} key
 * @param {Component} component
 */
export function hmr(hot_data, component, key) {
	var components = (hot_data.components ??= new Map());
	var data = components.get(key);

	if (data === undefined) {
		components.set(
			key,
			(data = {
				source: source(component),
				wrapper: null
			})
		);
	} else {
		set(data.source, component);
	}
	const component_source = data.source;

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

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

			block(() => {
				const component = get(component_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;
		}
	));
}