@threadlabs/looma 0.25.7 → 0.26.1

package/vue/host.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.35 for Vue 3.5. Do not edit.
 import {
   computed,
   Fragment,
@@ -308,36 +308,38 @@ export interface Readable<T> {
   readonly value: T
 }
 
-interface ConnectionHub {
+type DocumentMutationSubscriber = (mutations: readonly MutationRecord[]) => void
+interface DocumentMutationHub {
   readonly observer: MutationObserver
-  readonly checks: Set<() => void>
+  readonly subscribers: Set<DocumentMutationSubscriber>
 }
 
-const connectionHubs = new WeakMap<Document, ConnectionHub>()
+const runtimeKey = Symbol.for('@nextwebwg/html-next.runtime.v1')
 
-/** One native observer per document tracks externally detached controller roots. */
 function observeConnection(element: Element, check: () => void): () => void {
   const document = element.ownerDocument
-  let hub = connectionHubs.get(document)
+  const state =
+    ((document as unknown as Record<symbol, { mutationHub?: DocumentMutationHub }>)[runtimeKey] ??=
+      {})
+  let hub = state.mutationHub
   if (hub === undefined) {
-    const Observer = document.defaultView?.MutationObserver
-    if (Observer === undefined) {
-      throw new TypeError('Controller connection tracking requires MutationObserver.')
-    }
-    const checks = new Set<() => void>()
-    const observer = new Observer(() => {
-      for (const current of checks) current()
+    const Observer = document.defaultView?.MutationObserver ?? MutationObserver
+    const subscribers = new Set<DocumentMutationSubscriber>()
+    const observer = new Observer((mutations) => {
+      for (const notify of Array.from(subscribers)) notify(mutations)
     })
+    hub = { observer, subscribers }
+    state.mutationHub = hub
     observer.observe(document, { childList: true, subtree: true })
-    hub = { observer, checks }
-    connectionHubs.set(document, hub)
   }
-  hub.checks.add(check)
+  const shared = hub
+  const subscriber: DocumentMutationSubscriber = () => check()
+  shared.subscribers.add(subscriber)
   return () => {
-    hub.checks.delete(check)
-    if (hub.checks.size === 0) {
-      hub.observer.disconnect()
-      connectionHubs.delete(document)
+    shared.subscribers.delete(subscriber)
+    if (shared.subscribers.size === 0 && state.mutationHub === shared) {
+      shared.observer.disconnect()
+      delete state.mutationHub
     }
   }
 }