@vobs/runtime 1.3.6 → 1.4.0

package/dist/hmr.cjs

@@ -52,24 +52,24 @@ function resolveComponent(component, moduleId, exportName) {
   return proxy;
 }
 __name(resolveComponent, "resolveComponent");
-function updateHmrModule(_moduleId, nextModule) {
-  const modules = [...hmrGlobal.modules.values()];
-  for (const module2 of modules) {
-    let changed = false;
-    for (const [name, proxy] of module2.components) {
-      const next = nextModule[name];
-      if (typeof next !== "function") continue;
-      const hmrProxy = proxy;
-      hmrProxy.current = next;
-      Object.defineProperty(hmrProxy, "displayName", { configurable: true, value: next.name || name });
-      changed = true;
-    }
-    if (!changed) continue;
-    for (const instance of module2.instances) {
-      try {
-        instance.refresh();
-      } catch {
-      }
+function updateHmrModule(moduleId, nextModule) {
+  const module2 = hmrGlobal.modules.get(moduleId);
+  if (!module2) return;
+  let changed = false;
+  for (const [name, proxy] of module2.components) {
+    const next = nextModule[name];
+    if (typeof next !== "function") continue;
+    const hmrProxy = proxy;
+    hmrProxy.current = next;
+    Object.defineProperty(hmrProxy, "displayName", { configurable: true, value: next.name || name });
+    changed = true;
+  }
+  if (!changed) return;
+  const instances = [...module2.instances];
+  for (const instance of instances) {
+    try {
+      instance.refresh();
+    } catch {
     }
   }
 }

package/dist/hmr.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hmr.ts"],"sourcesContent":["import type { VobsNode } from './fragment'\n\nexport type HmrComponent<Props extends object = Record<string, unknown>> =\n  (props: Props) => VobsNode\n\nexport interface HmrStateStore {\n  get<T>(key: string, initial: T | (() => T)): T\n  set<T>(key: string, value: T): void\n  has(key: string): boolean\n  delete(key: string): void\n  clear(): void\n}\n\nexport interface HmrInstance {\n  node: VobsNode\n  parent: Node | null\n  refresh(): void\n}\n\ninterface HmrModuleState {\n  readonly components: Map<string, HmrComponent>\n  readonly state: Map<string, unknown>\n  readonly instances: Set<HmrInstance>\n}\n\ninterface HmrGlobal {\n  modules: Map<string, HmrModuleState>\n  /** 编译器生成的 hmrStateRef 注册表：键为 `${moduleId}#${声明名}`，值跨模块重执行保活。 */\n  states: Map<string, unknown>\n}\n\nconst globalTarget = globalThis as typeof globalThis & { __VOBS_HMR__?: HmrGlobal }\nconst hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: new Map<string, HmrModuleState>(), states: new Map<string, unknown>() }\nglobalTarget.__VOBS_HMR__ = hmrGlobal\n\nexport function resolveComponent<Props extends object>(\n  component: HmrComponent<Props>,\n  moduleId: string,\n  exportName: string\n): HmrComponent<Props> {\n  const module = getModule(moduleId)\n  const existing = module.components.get(exportName)\n  if (existing) return existing as HmrComponent<Props>\n\n  const proxy = ((props: Props) => {\n    const current = (proxy as HmrComponent<Props> & { current: HmrComponent<Props> }).current\n    return current(props)\n  }) as HmrComponent<Props> & { current: HmrComponent<Props> }\n  proxy.current = component\n  Object.defineProperties(proxy, {\n    displayName: { configurable: true, value: component.name || exportName },\n    hmrKey: { configurable: false, value: `${moduleId}:${exportName}` }\n  })\n  module.components.set(exportName, proxy as HmrComponent)\n  return proxy\n}\n\nexport function updateHmrModule(_moduleId: string, nextModule: Record<string, unknown>): void {\n  const modules = [...hmrGlobal.modules.values()]\n  for (const module of modules) {\n    let changed = false\n    for (const [name, proxy] of module.components) {\n      const next = nextModule[name]\n      if (typeof next !== 'function') continue\n      const hmrProxy = proxy as HmrComponent & { current: HmrComponent; displayName?: string }\n      hmrProxy.current = next as HmrComponent\n      Object.defineProperty(hmrProxy, 'displayName', { configurable: true, value: next.name || name })\n      changed = true\n    }\n    if (!changed) continue\n    for (const instance of module.instances) {\n      try {\n        instance.refresh()\n      } catch {\n        // HMR failures remain application errors on the next normal render.\n      }\n    }\n  }\n}\n\nexport function disposeHmrModule(_moduleId: string): void {\n  // State and component proxies intentionally survive module disposal.\n}\n\nexport function createHmrStateStore(moduleId: string): HmrStateStore {\n  const state = getModule(moduleId).state\n  return {\n    get<T>(key: string, initial: T | (() => T)): T {\n      if (!state.has(key)) state.set(key, typeof initial === 'function' ? (initial as () => T)() : initial)\n      return state.get(key) as T\n    },\n    set<T>(key: string, value: T): void {\n      state.set(key, value)\n    },\n    has: key => state.has(key),\n    delete: key => { state.delete(key) },\n    clear: () => { state.clear() }\n  }\n}\n\n/**\n * 编译器为模块顶层 state() 声明生成的取值入口。键为 `${moduleId}#${声明名}`，\n * 与手动 store 键空间隔离。模块热更新重执行时复用既有信号实例：旧导入方持有的\n * 实例与新模块实例共享同一份状态，消除\"两份模块、两份状态\"导致的编辑不生效/页面半边失灵。\n */\nexport function hmrStateRef<T>(key: string, create: () => T): T {\n  const states = hmrGlobal.states\n  if (states.has(key)) return states.get(key) as T\n  const value = create()\n  states.set(key, value)\n  return value\n}\n\nexport function registerHmrInstance(moduleId: string, instance: HmrInstance): () => void {\n  const instances = getModule(moduleId).instances\n  instances.add(instance)\n  return () => instances.delete(instance)\n}\n\nexport function markHmrInstanceMounted(node: VobsNode, parent: Node): void {\n  const instance = hmrInstances.get(node as object)\n  if (instance) instance.parent = parent\n}\n\nfunction getModule(moduleId: string): HmrModuleState {\n  let module = hmrGlobal.modules.get(moduleId)\n  if (!module) {\n    module = { components: new Map(), state: new Map(), instances: new Set() }\n    hmrGlobal.modules.set(moduleId, module)\n  }\n  return module\n}\n\nconst hmrInstances = new WeakMap<object, HmrInstance>()\n\nexport function associateHmrInstance(node: VobsNode, instance: HmrInstance): void {\n  hmrInstances.set(node as object, instance)\n}\n"],"mappings":"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","names":["module"]}
+{"version":3,"sources":["../src/hmr.ts"],"sourcesContent":["import type { VobsNode } from './fragment'\n\nexport type HmrComponent<Props extends object = Record<string, unknown>> =\n  (props: Props) => VobsNode\n\nexport interface HmrStateStore {\n  get<T>(key: string, initial: T | (() => T)): T\n  set<T>(key: string, value: T): void\n  has(key: string): boolean\n  delete(key: string): void\n  clear(): void\n}\n\nexport interface HmrInstance {\n  node: VobsNode\n  parent: Node | null\n  refresh(): void\n}\n\ninterface HmrModuleState {\n  readonly components: Map<string, HmrComponent>\n  readonly state: Map<string, unknown>\n  readonly instances: Set<HmrInstance>\n}\n\ninterface HmrGlobal {\n  modules: Map<string, HmrModuleState>\n  /** 编译器生成的 hmrStateRef 注册表：键为 `${moduleId}#${声明名}`，值跨模块重执行保活。 */\n  states: Map<string, unknown>\n}\n\nconst globalTarget = globalThis as typeof globalThis & { __VOBS_HMR__?: HmrGlobal }\nconst hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: new Map<string, HmrModuleState>(), states: new Map<string, unknown>() }\nglobalTarget.__VOBS_HMR__ = hmrGlobal\n\nexport function resolveComponent<Props extends object>(\n  component: HmrComponent<Props>,\n  moduleId: string,\n  exportName: string\n): HmrComponent<Props> {\n  const module = getModule(moduleId)\n  const existing = module.components.get(exportName)\n  if (existing) return existing as HmrComponent<Props>\n\n  const proxy = ((props: Props) => {\n    const current = (proxy as HmrComponent<Props> & { current: HmrComponent<Props> }).current\n    return current(props)\n  }) as HmrComponent<Props> & { current: HmrComponent<Props> }\n  proxy.current = component\n  Object.defineProperties(proxy, {\n    displayName: { configurable: true, value: component.name || exportName },\n    hmrKey: { configurable: false, value: `${moduleId}:${exportName}` }\n  })\n  module.components.set(exportName, proxy as HmrComponent)\n  return proxy\n}\n\nexport function updateHmrModule(moduleId: string, nextModule: Record<string, unknown>): void {\n  const module = hmrGlobal.modules.get(moduleId)\n  if (!module) return\n  let changed = false\n  for (const [name, proxy] of module.components) {\n    const next = nextModule[name]\n    if (typeof next !== 'function') continue\n    const hmrProxy = proxy as HmrComponent & { current: HmrComponent; displayName?: string }\n    hmrProxy.current = next as HmrComponent\n    Object.defineProperty(hmrProxy, 'displayName', { configurable: true, value: next.name || name })\n    changed = true\n  }\n  if (!changed) return\n  // 快照后正序遍历：实例在自身渲染开始前注册，祖先必然先于后代入列——\n  // 祖先先刷新会 dispose 上一轮渲染作用域，其树内旧后代实例的 refresh\n  // 命中已销毁守卫被跳过，避免同一组件在一次热更新中重渲染两次。\n  // 同时 refresh 重渲染以新代码创建的全新实例不在快照中，天然不会再刷新。\n  const instances = [...module.instances]\n  for (const instance of instances) {\n    try {\n      instance.refresh()\n    } catch {\n      // HMR failures remain application errors on the next normal render.\n    }\n  }\n}\n\nexport function disposeHmrModule(_moduleId: string): void {\n  // State and component proxies intentionally survive module disposal.\n}\n\nexport function createHmrStateStore(moduleId: string): HmrStateStore {\n  const state = getModule(moduleId).state\n  return {\n    get<T>(key: string, initial: T | (() => T)): T {\n      if (!state.has(key)) state.set(key, typeof initial === 'function' ? (initial as () => T)() : initial)\n      return state.get(key) as T\n    },\n    set<T>(key: string, value: T): void {\n      state.set(key, value)\n    },\n    has: key => state.has(key),\n    delete: key => { state.delete(key) },\n    clear: () => { state.clear() }\n  }\n}\n\n/**\n * 编译器为模块顶层 state() 声明生成的取值入口。键为 `${moduleId}#${声明名}`，\n * 与手动 store 键空间隔离。模块热更新重执行时复用既有信号实例：旧导入方持有的\n * 实例与新模块实例共享同一份状态，消除\"两份模块、两份状态\"导致的编辑不生效/页面半边失灵。\n */\nexport function hmrStateRef<T>(key: string, create: () => T): T {\n  const states = hmrGlobal.states\n  if (states.has(key)) return states.get(key) as T\n  const value = create()\n  states.set(key, value)\n  return value\n}\n\nexport function registerHmrInstance(moduleId: string, instance: HmrInstance): () => void {\n  const instances = getModule(moduleId).instances\n  instances.add(instance)\n  return () => instances.delete(instance)\n}\n\nexport function markHmrInstanceMounted(node: VobsNode, parent: Node): void {\n  const instance = hmrInstances.get(node as object)\n  if (instance) instance.parent = parent\n}\n\nfunction getModule(moduleId: string): HmrModuleState {\n  let module = hmrGlobal.modules.get(moduleId)\n  if (!module) {\n    module = { components: new Map(), state: new Map(), instances: new Set() }\n    hmrGlobal.modules.set(moduleId, module)\n  }\n  return module\n}\n\nconst hmrInstances = new WeakMap<object, HmrInstance>()\n\nexport function associateHmrInstance(node: VobsNode, instance: HmrInstance): void {\n  hmrInstances.set(node as object, instance)\n}\n"],"mappings":"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","names":["module"]}

package/dist/hmr.d.cts

@@ -14,7 +14,7 @@ interface HmrInstance {
     refresh(): void;
 }
 declare function resolveComponent<Props extends object>(component: HmrComponent<Props>, moduleId: string, exportName: string): HmrComponent<Props>;
-declare function updateHmrModule(_moduleId: string, nextModule: Record<string, unknown>): void;
+declare function updateHmrModule(moduleId: string, nextModule: Record<string, unknown>): void;
 declare function disposeHmrModule(_moduleId: string): void;
 declare function createHmrStateStore(moduleId: string): HmrStateStore;
 /**

package/dist/hmr.d.ts

@@ -14,7 +14,7 @@ interface HmrInstance {
     refresh(): void;
 }
 declare function resolveComponent<Props extends object>(component: HmrComponent<Props>, moduleId: string, exportName: string): HmrComponent<Props>;
-declare function updateHmrModule(_moduleId: string, nextModule: Record<string, unknown>): void;
+declare function updateHmrModule(moduleId: string, nextModule: Record<string, unknown>): void;
 declare function disposeHmrModule(_moduleId: string): void;
 declare function createHmrStateStore(moduleId: string): HmrStateStore;
 /**

package/dist/hmr.js

@@ -22,24 +22,24 @@ function resolveComponent(component, moduleId, exportName) {
   return proxy;
 }
 __name(resolveComponent, "resolveComponent");
-function updateHmrModule(_moduleId, nextModule) {
-  const modules = [...hmrGlobal.modules.values()];
-  for (const module of modules) {
-    let changed = false;
-    for (const [name, proxy] of module.components) {
-      const next = nextModule[name];
-      if (typeof next !== "function") continue;
-      const hmrProxy = proxy;
-      hmrProxy.current = next;
-      Object.defineProperty(hmrProxy, "displayName", { configurable: true, value: next.name || name });
-      changed = true;
-    }
-    if (!changed) continue;
-    for (const instance of module.instances) {
-      try {
-        instance.refresh();
-      } catch {
-      }
+function updateHmrModule(moduleId, nextModule) {
+  const module = hmrGlobal.modules.get(moduleId);
+  if (!module) return;
+  let changed = false;
+  for (const [name, proxy] of module.components) {
+    const next = nextModule[name];
+    if (typeof next !== "function") continue;
+    const hmrProxy = proxy;
+    hmrProxy.current = next;
+    Object.defineProperty(hmrProxy, "displayName", { configurable: true, value: next.name || name });
+    changed = true;
+  }
+  if (!changed) return;
+  const instances = [...module.instances];
+  for (const instance of instances) {
+    try {
+      instance.refresh();
+    } catch {
     }
   }
 }

package/dist/hmr.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hmr.ts"],"sourcesContent":["import type { VobsNode } from './fragment'\n\nexport type HmrComponent<Props extends object = Record<string, unknown>> =\n  (props: Props) => VobsNode\n\nexport interface HmrStateStore {\n  get<T>(key: string, initial: T | (() => T)): T\n  set<T>(key: string, value: T): void\n  has(key: string): boolean\n  delete(key: string): void\n  clear(): void\n}\n\nexport interface HmrInstance {\n  node: VobsNode\n  parent: Node | null\n  refresh(): void\n}\n\ninterface HmrModuleState {\n  readonly components: Map<string, HmrComponent>\n  readonly state: Map<string, unknown>\n  readonly instances: Set<HmrInstance>\n}\n\ninterface HmrGlobal {\n  modules: Map<string, HmrModuleState>\n  /** 编译器生成的 hmrStateRef 注册表：键为 `${moduleId}#${声明名}`，值跨模块重执行保活。 */\n  states: Map<string, unknown>\n}\n\nconst globalTarget = globalThis as typeof globalThis & { __VOBS_HMR__?: HmrGlobal }\nconst hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: new Map<string, HmrModuleState>(), states: new Map<string, unknown>() }\nglobalTarget.__VOBS_HMR__ = hmrGlobal\n\nexport function resolveComponent<Props extends object>(\n  component: HmrComponent<Props>,\n  moduleId: string,\n  exportName: string\n): HmrComponent<Props> {\n  const module = getModule(moduleId)\n  const existing = module.components.get(exportName)\n  if (existing) return existing as HmrComponent<Props>\n\n  const proxy = ((props: Props) => {\n    const current = (proxy as HmrComponent<Props> & { current: HmrComponent<Props> }).current\n    return current(props)\n  }) as HmrComponent<Props> & { current: HmrComponent<Props> }\n  proxy.current = component\n  Object.defineProperties(proxy, {\n    displayName: { configurable: true, value: component.name || exportName },\n    hmrKey: { configurable: false, value: `${moduleId}:${exportName}` }\n  })\n  module.components.set(exportName, proxy as HmrComponent)\n  return proxy\n}\n\nexport function updateHmrModule(_moduleId: string, nextModule: Record<string, unknown>): void {\n  const modules = [...hmrGlobal.modules.values()]\n  for (const module of modules) {\n    let changed = false\n    for (const [name, proxy] of module.components) {\n      const next = nextModule[name]\n      if (typeof next !== 'function') continue\n      const hmrProxy = proxy as HmrComponent & { current: HmrComponent; displayName?: string }\n      hmrProxy.current = next as HmrComponent\n      Object.defineProperty(hmrProxy, 'displayName', { configurable: true, value: next.name || name })\n      changed = true\n    }\n    if (!changed) continue\n    for (const instance of module.instances) {\n      try {\n        instance.refresh()\n      } catch {\n        // HMR failures remain application errors on the next normal render.\n      }\n    }\n  }\n}\n\nexport function disposeHmrModule(_moduleId: string): void {\n  // State and component proxies intentionally survive module disposal.\n}\n\nexport function createHmrStateStore(moduleId: string): HmrStateStore {\n  const state = getModule(moduleId).state\n  return {\n    get<T>(key: string, initial: T | (() => T)): T {\n      if (!state.has(key)) state.set(key, typeof initial === 'function' ? (initial as () => T)() : initial)\n      return state.get(key) as T\n    },\n    set<T>(key: string, value: T): void {\n      state.set(key, value)\n    },\n    has: key => state.has(key),\n    delete: key => { state.delete(key) },\n    clear: () => { state.clear() }\n  }\n}\n\n/**\n * 编译器为模块顶层 state() 声明生成的取值入口。键为 `${moduleId}#${声明名}`，\n * 与手动 store 键空间隔离。模块热更新重执行时复用既有信号实例：旧导入方持有的\n * 实例与新模块实例共享同一份状态，消除\"两份模块、两份状态\"导致的编辑不生效/页面半边失灵。\n */\nexport function hmrStateRef<T>(key: string, create: () => T): T {\n  const states = hmrGlobal.states\n  if (states.has(key)) return states.get(key) as T\n  const value = create()\n  states.set(key, value)\n  return value\n}\n\nexport function registerHmrInstance(moduleId: string, instance: HmrInstance): () => void {\n  const instances = getModule(moduleId).instances\n  instances.add(instance)\n  return () => instances.delete(instance)\n}\n\nexport function markHmrInstanceMounted(node: VobsNode, parent: Node): void {\n  const instance = hmrInstances.get(node as object)\n  if (instance) instance.parent = parent\n}\n\nfunction getModule(moduleId: string): HmrModuleState {\n  let module = hmrGlobal.modules.get(moduleId)\n  if (!module) {\n    module = { components: new Map(), state: new Map(), instances: new Set() }\n    hmrGlobal.modules.set(moduleId, module)\n  }\n  return module\n}\n\nconst hmrInstances = new WeakMap<object, HmrInstance>()\n\nexport function associateHmrInstance(node: VobsNode, instance: HmrInstance): void {\n  hmrInstances.set(node as object, instance)\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/hmr.ts"],"sourcesContent":["import type { VobsNode } from './fragment'\n\nexport type HmrComponent<Props extends object = Record<string, unknown>> =\n  (props: Props) => VobsNode\n\nexport interface HmrStateStore {\n  get<T>(key: string, initial: T | (() => T)): T\n  set<T>(key: string, value: T): void\n  has(key: string): boolean\n  delete(key: string): void\n  clear(): void\n}\n\nexport interface HmrInstance {\n  node: VobsNode\n  parent: Node | null\n  refresh(): void\n}\n\ninterface HmrModuleState {\n  readonly components: Map<string, HmrComponent>\n  readonly state: Map<string, unknown>\n  readonly instances: Set<HmrInstance>\n}\n\ninterface HmrGlobal {\n  modules: Map<string, HmrModuleState>\n  /** 编译器生成的 hmrStateRef 注册表：键为 `${moduleId}#${声明名}`，值跨模块重执行保活。 */\n  states: Map<string, unknown>\n}\n\nconst globalTarget = globalThis as typeof globalThis & { __VOBS_HMR__?: HmrGlobal }\nconst hmrGlobal = globalTarget.__VOBS_HMR__ ?? { modules: new Map<string, HmrModuleState>(), states: new Map<string, unknown>() }\nglobalTarget.__VOBS_HMR__ = hmrGlobal\n\nexport function resolveComponent<Props extends object>(\n  component: HmrComponent<Props>,\n  moduleId: string,\n  exportName: string\n): HmrComponent<Props> {\n  const module = getModule(moduleId)\n  const existing = module.components.get(exportName)\n  if (existing) return existing as HmrComponent<Props>\n\n  const proxy = ((props: Props) => {\n    const current = (proxy as HmrComponent<Props> & { current: HmrComponent<Props> }).current\n    return current(props)\n  }) as HmrComponent<Props> & { current: HmrComponent<Props> }\n  proxy.current = component\n  Object.defineProperties(proxy, {\n    displayName: { configurable: true, value: component.name || exportName },\n    hmrKey: { configurable: false, value: `${moduleId}:${exportName}` }\n  })\n  module.components.set(exportName, proxy as HmrComponent)\n  return proxy\n}\n\nexport function updateHmrModule(moduleId: string, nextModule: Record<string, unknown>): void {\n  const module = hmrGlobal.modules.get(moduleId)\n  if (!module) return\n  let changed = false\n  for (const [name, proxy] of module.components) {\n    const next = nextModule[name]\n    if (typeof next !== 'function') continue\n    const hmrProxy = proxy as HmrComponent & { current: HmrComponent; displayName?: string }\n    hmrProxy.current = next as HmrComponent\n    Object.defineProperty(hmrProxy, 'displayName', { configurable: true, value: next.name || name })\n    changed = true\n  }\n  if (!changed) return\n  // 快照后正序遍历：实例在自身渲染开始前注册，祖先必然先于后代入列——\n  // 祖先先刷新会 dispose 上一轮渲染作用域，其树内旧后代实例的 refresh\n  // 命中已销毁守卫被跳过，避免同一组件在一次热更新中重渲染两次。\n  // 同时 refresh 重渲染以新代码创建的全新实例不在快照中，天然不会再刷新。\n  const instances = [...module.instances]\n  for (const instance of instances) {\n    try {\n      instance.refresh()\n    } catch {\n      // HMR failures remain application errors on the next normal render.\n    }\n  }\n}\n\nexport function disposeHmrModule(_moduleId: string): void {\n  // State and component proxies intentionally survive module disposal.\n}\n\nexport function createHmrStateStore(moduleId: string): HmrStateStore {\n  const state = getModule(moduleId).state\n  return {\n    get<T>(key: string, initial: T | (() => T)): T {\n      if (!state.has(key)) state.set(key, typeof initial === 'function' ? (initial as () => T)() : initial)\n      return state.get(key) as T\n    },\n    set<T>(key: string, value: T): void {\n      state.set(key, value)\n    },\n    has: key => state.has(key),\n    delete: key => { state.delete(key) },\n    clear: () => { state.clear() }\n  }\n}\n\n/**\n * 编译器为模块顶层 state() 声明生成的取值入口。键为 `${moduleId}#${声明名}`，\n * 与手动 store 键空间隔离。模块热更新重执行时复用既有信号实例：旧导入方持有的\n * 实例与新模块实例共享同一份状态，消除\"两份模块、两份状态\"导致的编辑不生效/页面半边失灵。\n */\nexport function hmrStateRef<T>(key: string, create: () => T): T {\n  const states = hmrGlobal.states\n  if (states.has(key)) return states.get(key) as T\n  const value = create()\n  states.set(key, value)\n  return value\n}\n\nexport function registerHmrInstance(moduleId: string, instance: HmrInstance): () => void {\n  const instances = getModule(moduleId).instances\n  instances.add(instance)\n  return () => instances.delete(instance)\n}\n\nexport function markHmrInstanceMounted(node: VobsNode, parent: Node): void {\n  const instance = hmrInstances.get(node as object)\n  if (instance) instance.parent = parent\n}\n\nfunction getModule(moduleId: string): HmrModuleState {\n  let module = hmrGlobal.modules.get(moduleId)\n  if (!module) {\n    module = { components: new Map(), state: new Map(), instances: new Set() }\n    hmrGlobal.modules.set(moduleId, module)\n  }\n  return module\n}\n\nconst hmrInstances = new WeakMap<object, HmrInstance>()\n\nexport function associateHmrInstance(node: VobsNode, instance: HmrInstance): void {\n  hmrInstances.set(node as object, instance)\n}\n"],"mappings":"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","names":[]}

package/dist/index.cjs

@@ -188,24 +188,24 @@ function resolveComponent(component, moduleId, exportName) {
   return proxy;
 }
 __name(resolveComponent, "resolveComponent");
-function updateHmrModule(_moduleId, nextModule) {
-  const modules = [...hmrGlobal.modules.values()];
-  for (const module2 of modules) {
-    let changed = false;
-    for (const [name, proxy] of module2.components) {
-      const next = nextModule[name];
-      if (typeof next !== "function") continue;
-      const hmrProxy = proxy;
-      hmrProxy.current = next;
-      Object.defineProperty(hmrProxy, "displayName", { configurable: true, value: next.name || name });
-      changed = true;
-    }
-    if (!changed) continue;
-    for (const instance of module2.instances) {
-      try {
-        instance.refresh();
-      } catch {
-      }
+function updateHmrModule(moduleId, nextModule) {
+  const module2 = hmrGlobal.modules.get(moduleId);
+  if (!module2) return;
+  let changed = false;
+  for (const [name, proxy] of module2.components) {
+    const next = nextModule[name];
+    if (typeof next !== "function") continue;
+    const hmrProxy = proxy;
+    hmrProxy.current = next;
+    Object.defineProperty(hmrProxy, "displayName", { configurable: true, value: next.name || name });
+    changed = true;
+  }
+  if (!changed) return;
+  const instances = [...module2.instances];
+  for (const instance of instances) {
+    try {
+      instance.refresh();
+    } catch {
     }
   }
 }
@@ -336,6 +336,7 @@ __name(createComment, "createComment");
 function insertBefore(parent, child, anchor) {
   if (isVobsFragment(child)) {
     child.mount(parent, isVobsFragment(anchor) ? anchor.start : anchor);
+    markHmrInstanceMounted(child, parent);
     return;
   }
   getRenderer().insertBefore(parent, child, isVobsFragment(anchor) ? anchor.start : anchor);
@@ -517,6 +518,16 @@ function createComponent(component, props, source) {
     attachComponentContext(reason, componentName, owner.id);
     throw reason;
   });
+  const hmrKey = component.hmrKey;
+  let instance = null;
+  if (hmrKey) {
+    const separator = hmrKey.lastIndexOf(":");
+    const moduleId = separator < 0 ? hmrKey : hmrKey.slice(0, separator);
+    instance = { node: null, parent: null, refresh: /* @__PURE__ */ __name(() => refreshInstance(), "refresh") };
+    const cleanup = registerHmrInstance(moduleId, instance);
+    owner.onDispose(cleanup);
+  }
+  const renderScope = owner.mark();
   let node;
   try {
     node = owner.run(() => (0, import_reactivity2.untrack)(() => component(props)));
@@ -527,30 +538,29 @@ function createComponent(component, props, source) {
     throw error;
   }
   associateNodeOwner(node, owner);
-  const hmrKey = component.hmrKey;
-  if (hmrKey) {
-    const instance = {
-      node,
-      parent: null,
-      refresh() {
-        const previous = instance.node;
-        const next = owner.run(() => (0, import_reactivity2.untrack)(() => component(props)));
-        if (instance.parent && !isVobsFragment(previous) && !isVobsFragment(next)) {
-          getRenderer().insertBefore(instance.parent, next, previous);
-          getRenderer().removeChild(instance.parent, previous);
-        }
-        nodeOwners.delete(previous);
-        nodeOwners.set(next, owner);
-        associateHmrInstance(next, instance);
-        instance.node = next;
-      }
-    };
+  if (instance) {
+    instance.node = node;
     associateHmrInstance(node, instance);
-    const separator = hmrKey.lastIndexOf(":");
-    const moduleId = separator < 0 ? hmrKey : hmrKey.slice(0, separator);
-    const cleanup = registerHmrInstance(moduleId, instance);
-    owner.onDispose(cleanup);
   }
+  function refreshInstance() {
+    if (owner.disposed) return;
+    const previous = instance.node;
+    owner.disposeSince(renderScope);
+    const next = owner.run(() => (0, import_reactivity2.untrack)(() => component(props)));
+    const parent = instance.parent;
+    if (parent) {
+      const anchor = isVobsFragment(previous) ? previous.start : previous;
+      if (isVobsFragment(next)) next.mount(parent, anchor);
+      else getRenderer().insertBefore(parent, next, anchor);
+      if (isVobsFragment(previous)) previous.unmount(parent);
+      else getRenderer().removeChild(parent, previous);
+    }
+    nodeOwners.delete(previous);
+    nodeOwners.set(next, owner);
+    associateHmrInstance(next, instance);
+    instance.node = next;
+  }
+  __name(refreshInstance, "refreshInstance");
   return node;
 }
 __name(createComponent, "createComponent");