Function createRootFactory

packages/vite/hmr/client/index.ts:1188–1247

()

	// Factory that mounts the component and returns a Page (from core aggregator realm)
	type RootFactory = { readonly kind: 'page' | 'frame'; create: () => any };
	function createRootFactory(): RootFactory {
		let rootKind: 'page' | 'frame' = 'page';
		let cachedRoot: any = undefined;
		const state = {
			getRootKind: () => rootKind,
			setRootKind: (k: 'page' | 'frame') => {
				rootKind = k;
			},
			getCachedRoot: () => cachedRoot,
			setCachedRoot: (r: any) => {
				cachedRoot = r;
			},
		};
		const factory: RootFactory = {
			get kind() {
				return rootKind;
			},
			create: () => {
				if (cachedRoot) return cachedRoot;
				try {
					switch (__NS_TARGET_FLAVOR__) {
						case 'vue':
							cachedRoot = getRootForVue(newComponent, state);
							break;
						case 'typescript': {
							// For TS flavor, treat the component as a factory or direct NS view.
							let root: any = null;
							try {
								if (typeof newComponent === 'function') {
									root = newComponent();
								} else {
									root = newComponent;
								}
							} catch (e) {
								console.warn('[hmr-client][ts] root factory invocation failed', e);
							}
							cachedRoot = root || {};
							// Heuristic: if the root "looks" like a Frame, prefer frame semantics
							try {
								const name = String(cachedRoot?.constructor?.name || '').replace(/^_+/, '');
								if (/^Frame(\$\d+)?$/.test(name)) {
									rootKind = 'frame';
								}
							} catch {}
							break;
						}
					}
					return cachedRoot;
				} catch (e) {
					console.warn('[hmr-client] createRootFactory failed', e);
					if (VERBOSE) console.warn('[hmr-client] [createRoot] stack', (e as any)?.stack);
					const GPage: any = getCore('Page');
					rootKind = 'page';
					cachedRoot = GPage ? new GPage() : ({} as any);
					return cachedRoot;
				}
			},
		} as RootFactory;