@mml-io/networked-dom-document 0.1.2 → 0.2.0

package/build/index.js

@@ -32,7 +32,7 @@ __export(src_exports, {
   EditableNetworkedDOM: () => EditableNetworkedDOM,
   NetworkedDOM: () => NetworkedDOM,
   defaultWebsocketSubProtocol: () => defaultWebsocketSubProtocol,
-  networkedDomProtocolSubProtocol_v0_1: () => networkedDomProtocolSubProtocol_v0_1
+  networkedDOMProtocolSubProtocol_v0_1: () => networkedDOMProtocolSubProtocol_v0_1
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -43,31 +43,31 @@ var import_rfc6902 = require("rfc6902");
 var rfc6902 = __toESM(require("rfc6902"));
 var visibleToAttrName = "visible-to";
 var hiddenFromAttrName = "hidden-from";
-function diffFromApplicationOfStaticVirtualDomMutationRecordToConnection(mutation, parentNode, connectionId, visibleNodesForConnection) {
-  const virtualDomElement = mutation.target;
+function diffFromApplicationOfStaticVirtualDOMMutationRecordToConnection(mutation, parentNode, connectionId, visibleNodesForConnection) {
+  const virtualDOMElement = mutation.target;
   if (mutation.type === "attributes") {
-    const visible = visibleNodesForConnection.has(virtualDomElement.nodeId);
+    const visible = visibleNodesForConnection.has(virtualDOMElement.nodeId);
     if (!parentNode) {
       throw new Error("Node has no parent");
     }
     const parentNodeId = parentNode.nodeId;
-    const shouldBeVisible = shouldShowNodeToConnectionId(virtualDomElement, connectionId) && visibleNodesForConnection.has(parentNodeId);
+    const shouldBeVisible = shouldShowNodeToConnectionId(virtualDOMElement, connectionId) && visibleNodesForConnection.has(parentNodeId);
     const attributeName = mutation.attributeName;
     if (visible && shouldBeVisible) {
       let newValue = null;
-      if (virtualDomElement.attributes[attributeName] !== void 0) {
-        newValue = virtualDomElement.attributes[attributeName];
+      if (virtualDOMElement.attributes[attributeName] !== void 0) {
+        newValue = virtualDOMElement.attributes[attributeName];
       }
       const diff = {
         type: "attributeChange",
-        nodeId: virtualDomElement.nodeId,
+        nodeId: virtualDOMElement.nodeId,
         attribute: attributeName,
         newValue
       };
       return diff;
     } else if (!visible && shouldBeVisible) {
-      visibleNodesForConnection.add(virtualDomElement.nodeId);
-      const index = parentNode.childNodes.indexOf(virtualDomElement);
+      visibleNodesForConnection.add(virtualDOMElement.nodeId);
+      const index = parentNode.childNodes.indexOf(virtualDOMElement);
       if (index === -1) {
         throw new Error("Node not found in parent's children");
       }
@@ -80,7 +80,7 @@ function diffFromApplicationOfStaticVirtualDomMutationRecordToConnection(mutatio
         );
       }
       const nodeDescription = describeNodeWithChildrenForConnectionId(
-        virtualDomElement,
+        virtualDOMElement,
         connectionId,
         visibleNodesForConnection
       );
@@ -96,27 +96,27 @@ function diffFromApplicationOfStaticVirtualDomMutationRecordToConnection(mutatio
       };
       return diff;
     } else if (visible && !shouldBeVisible) {
-      removeNodeAndChildrenFromVisibleNodes(virtualDomElement, visibleNodesForConnection);
+      removeNodeAndChildrenFromVisibleNodes(virtualDOMElement, visibleNodesForConnection);
       const diff = {
         type: "childrenChanged",
         nodeId: parentNodeId,
         previousNodeId: null,
         addedNodes: [],
-        removedNodes: [virtualDomElement.nodeId]
+        removedNodes: [virtualDOMElement.nodeId]
       };
       return diff;
     } else if (!visible && !shouldBeVisible) {
       return null;
     }
   }
-  if (!visibleNodesForConnection.has(virtualDomElement.nodeId)) {
+  if (!visibleNodesForConnection.has(virtualDOMElement.nodeId)) {
     return null;
   }
   if (mutation.type === "characterData") {
     const diff = {
       type: "textChanged",
-      nodeId: virtualDomElement.nodeId,
-      text: virtualDomElement.textContent || ""
+      nodeId: virtualDOMElement.nodeId,
+      text: virtualDOMElement.textContent || ""
     };
     return diff;
   }
@@ -124,9 +124,9 @@ function diffFromApplicationOfStaticVirtualDomMutationRecordToConnection(mutatio
     let previousSibling = mutation.previousSibling;
     let previousNodeId = null;
     if (previousSibling) {
-      let previousIndex = virtualDomElement.childNodes.indexOf(previousSibling);
+      let previousIndex = virtualDOMElement.childNodes.indexOf(previousSibling);
       while (previousIndex !== -1) {
-        previousSibling = virtualDomElement.childNodes[previousIndex];
+        previousSibling = virtualDOMElement.childNodes[previousIndex];
         if (visibleNodesForConnection.has(previousSibling.nodeId)) {
           previousNodeId = previousSibling.nodeId;
           break;
@@ -136,14 +136,14 @@ function diffFromApplicationOfStaticVirtualDomMutationRecordToConnection(mutatio
     }
     const diff = {
       type: "childrenChanged",
-      nodeId: virtualDomElement.nodeId,
+      nodeId: virtualDOMElement.nodeId,
       previousNodeId,
       addedNodes: [],
       removedNodes: []
     };
-    mutation.addedNodes.forEach((childVirtualDomElement) => {
+    mutation.addedNodes.forEach((childVirtualDOMElement) => {
       const describedNode = describeNodeWithChildrenForConnectionId(
-        childVirtualDomElement,
+        childVirtualDOMElement,
         connectionId,
         visibleNodesForConnection
       );
@@ -152,10 +152,10 @@ function diffFromApplicationOfStaticVirtualDomMutationRecordToConnection(mutatio
       }
       diff.addedNodes.push(describedNode);
     });
-    mutation.removedNodes.forEach((childVirtualDomElement) => {
-      if (visibleNodesForConnection.has(childVirtualDomElement.nodeId)) {
-        removeNodeAndChildrenFromVisibleNodes(childVirtualDomElement, visibleNodesForConnection);
-        diff.removedNodes.push(childVirtualDomElement.nodeId);
+    mutation.removedNodes.forEach((childVirtualDOMElement) => {
+      if (visibleNodesForConnection.has(childVirtualDOMElement.nodeId)) {
+        removeNodeAndChildrenFromVisibleNodes(childVirtualDOMElement, visibleNodesForConnection);
+        diff.removedNodes.push(childVirtualDOMElement.nodeId);
       }
     });
     if (diff.addedNodes.length > 0 || diff.removedNodes.length > 0) {
@@ -179,9 +179,9 @@ function getNodeIdOfPreviousVisibleSibling(parentVirtualElement, candidateIndex,
   }
   return null;
 }
-function shouldShowNodeToConnectionId(virtualDomElement, connectionId) {
-  const visibleToAttr = virtualDomElement.attributes[visibleToAttrName];
-  const hiddenFromAttr = virtualDomElement.attributes[hiddenFromAttrName];
+function shouldShowNodeToConnectionId(virtualDOMElement, connectionId) {
+  const visibleToAttr = virtualDOMElement.attributes[visibleToAttrName];
+  const hiddenFromAttr = virtualDOMElement.attributes[hiddenFromAttrName];
   const connectionIdString = connectionId.toString();
   if (visibleToAttr !== void 0) {
     const visibleToList = visibleToAttr.split(" ");
@@ -199,33 +199,33 @@ function shouldShowNodeToConnectionId(virtualDomElement, connectionId) {
   }
   return true;
 }
-function describeNodeWithChildrenForConnectionId(virtualDomElement, connectionId, visibleNodesForConnection) {
-  if (!shouldShowNodeToConnectionId(virtualDomElement, connectionId)) {
+function describeNodeWithChildrenForConnectionId(virtualDOMElement, connectionId, visibleNodesForConnection) {
+  if (!shouldShowNodeToConnectionId(virtualDOMElement, connectionId)) {
     return null;
   }
-  let emittedTagName = virtualDomElement.tag;
+  let emittedTagName = virtualDOMElement.tag;
   if (emittedTagName === "#document") {
     emittedTagName = "DIV";
   }
   if (emittedTagName === "#text") {
     const textNode = {
       type: "text",
-      nodeId: virtualDomElement.nodeId,
-      text: virtualDomElement.textContent || ""
+      nodeId: virtualDOMElement.nodeId,
+      text: virtualDOMElement.textContent || ""
     };
     visibleNodesForConnection.add(textNode.nodeId);
     return textNode;
   } else {
     const node = {
       type: "element",
-      nodeId: virtualDomElement.nodeId,
+      nodeId: virtualDOMElement.nodeId,
       tag: emittedTagName,
-      attributes: virtualDomElement.attributes,
+      attributes: virtualDOMElement.attributes,
       children: [],
-      text: virtualDomElement.textContent
+      text: virtualDOMElement.textContent
     };
     visibleNodesForConnection.add(node.nodeId);
-    for (const child of virtualDomElement.childNodes) {
+    for (const child of virtualDOMElement.childNodes) {
       const childNodeDescription = describeNodeWithChildrenForConnectionId(
         child,
         connectionId,
@@ -238,19 +238,19 @@ function describeNodeWithChildrenForConnectionId(virtualDomElement, connectionId
     return node;
   }
 }
-function removeNodeAndChildrenFromVisibleNodes(virtualDomElement, visibleNodesForConnection) {
-  visibleNodesForConnection.delete(virtualDomElement.nodeId);
-  for (const child of virtualDomElement.childNodes) {
+function removeNodeAndChildrenFromVisibleNodes(virtualDOMElement, visibleNodesForConnection) {
+  visibleNodesForConnection.delete(virtualDOMElement.nodeId);
+  for (const child of virtualDOMElement.childNodes) {
     if (!visibleNodesForConnection.has(child.nodeId)) {
       console.error("Inner child of removed element was not visible", child.nodeId);
     }
     removeNodeAndChildrenFromVisibleNodes(child, visibleNodesForConnection);
   }
 }
-function findParentNodeOfNodeId(virtualDomElement, targetNodeId) {
-  for (const child of virtualDomElement.childNodes) {
+function findParentNodeOfNodeId(virtualDOMElement, targetNodeId) {
+  for (const child of virtualDOMElement.childNodes) {
     if (child.nodeId === targetNodeId) {
-      return virtualDomElement;
+      return virtualDOMElement;
     } else {
       const foundParentId = findParentNodeOfNodeId(child, targetNodeId);
       if (foundParentId) {
@@ -360,7 +360,7 @@ function virtualDOMDiffToVirtualDOMMutationRecord(virtualStructure, domDiff) {
   console.error("Unhandled JSON diff:", JSON.stringify(domDiff, null, 2));
   throw new Error("Unhandled diff type");
 }
-function calculateStaticVirtualDomDiff(originalState, latestState) {
+function calculateStaticVirtualDOMDiff(originalState, latestState) {
   const jsonPatchDiffs = rfc6902.createPatch(
     originalState,
     latestState,
@@ -477,16 +477,14 @@ function remapDuplicatedNodeIdsInOperations(virtualDOMDiffStruct, latestState) {
 }
 
 // src/NetworkedDOM.ts
-var networkedDomProtocolSubProtocol_v0_1 = "networked-dom-v0.1";
-var defaultWebsocketSubProtocol = networkedDomProtocolSubProtocol_v0_1;
+var networkedDOMProtocolSubProtocol_v0_1 = "networked-dom-v0.1";
+var defaultWebsocketSubProtocol = networkedDOMProtocolSubProtocol_v0_1;
 var _NetworkedDOM = class {
-  constructor(observableDomFactory, htmlPath, htmlContents, oldInstanceDocumentRoot, onLoad, params = {}, ignoreTextNodes = true, logCallback) {
+  constructor(observableDOMFactory, htmlPath, htmlContents, oldInstanceDocumentRoot, onLoad, params = {}, ignoreTextNodes = true, logCallback) {
     // Map from the node ids that the DOM uses internally to the node ids that clients refer to.
     this.internalNodeIdToClientNodeId = /* @__PURE__ */ new Map();
     // Map from the node ids that clients refer to to the node ids that the DOM uses internally.
     this.clientNodeIdToInternalNodeId = /* @__PURE__ */ new Map();
-    this.nextNodeId = 1;
-    this.ipcWebsockets = /* @__PURE__ */ new Set();
     this.currentConnectionId = 1;
     this.connectionIdToWebSocketContext = /* @__PURE__ */ new Map();
     this.webSocketToConnectionId = /* @__PURE__ */ new Map();
@@ -502,7 +500,7 @@ var _NetworkedDOM = class {
     this.htmlPath = htmlPath;
     this.ignoreTextNodes = ignoreTextNodes;
     this.logCallback = logCallback || this.defaultLogCallback;
-    this.observableDom = observableDomFactory(
+    this.observableDOM = observableDOMFactory(
       {
         htmlPath,
         htmlContents,
@@ -510,7 +508,8 @@ var _NetworkedDOM = class {
         ignoreTextNodes,
         pingIntervalMilliseconds: 5e3
       },
-      (message) => {
+      (message, observableDOM) => {
+        this.observableDOM = observableDOM;
         if (message.documentTime) {
           this.documentEffectiveStartTime = Date.now() - message.documentTime;
           this.latestDocumentTime = message.documentTime;
@@ -524,13 +523,13 @@ var _NetworkedDOM = class {
           this.initialLoad = false;
           let domDiff = null;
           if (oldInstanceDocumentRoot) {
-            domDiff = calculateStaticVirtualDomDiff(oldInstanceDocumentRoot, clonedSnapshot);
+            domDiff = calculateStaticVirtualDOMDiff(oldInstanceDocumentRoot, clonedSnapshot);
             for (const remapping of domDiff.nodeIdRemappings) {
               this.addRemappedNodeId(remapping.clientFacingNodeId, remapping.internalNodeId);
             }
           }
           this.addAndRemapNodeFromInstance(this.documentRoot, -1);
-          onLoad(domDiff);
+          onLoad(domDiff, this);
         } else if (message.mutation) {
           if (this.initialLoad) {
             throw new Error("Received mutation before initial load");
@@ -547,7 +546,7 @@ var _NetworkedDOM = class {
             this.sendPings();
             return;
           }
-          console.error("Unknown message type from observableDom", message);
+          console.error("Unknown message type from observableDOM", message);
         }
       }
     );
@@ -594,7 +593,7 @@ var _NetworkedDOM = class {
       webSocketContext.webSocket.send(stringified);
     });
   }
-  getInitialSnapshot(connectionId, documentVirtualDomElement) {
+  getInitialSnapshot(connectionId, documentVirtualDOMElement) {
     const visibleNodesForConnection = this.visibleNodeIdsByConnectionId.get(connectionId);
     if (!visibleNodesForConnection) {
       const err = new Error(
@@ -604,7 +603,7 @@ var _NetworkedDOM = class {
       throw err;
     }
     const domSnapshot = describeNodeWithChildrenForConnectionId(
-      documentVirtualDomElement,
+      documentVirtualDOMElement,
       connectionId,
       visibleNodesForConnection
     );
@@ -656,7 +655,7 @@ var _NetworkedDOM = class {
             throw new Error(`could not find parent node of nodeId ${targetNodeId}`);
           }
           diffsByConnectionId.forEach((diffs, connectionId) => {
-            const mutationDiff = diffFromApplicationOfStaticVirtualDomMutationRecordToConnection(
+            const mutationDiff = diffFromApplicationOfStaticVirtualDOMMutationRecordToConnection(
               mutationRecordLike,
               virtualElementParent,
               connectionId,
@@ -690,9 +689,9 @@ var _NetworkedDOM = class {
         webSocketContext.webSocket.send(serializedDiffs);
       });
     } else {
-      const documentVirtualDomElement = this.documentRoot;
-      if (!documentVirtualDomElement) {
-        throw new Error(`documentVirtualDomElement not found in getInitialSnapshot`);
+      const documentVirtualDOMElement = this.documentRoot;
+      if (!documentVirtualDOMElement) {
+        throw new Error(`documentVirtualDOMElement not found in getInitialSnapshot`);
       }
       for (const connectionId of connectionIds) {
         const webSocketContext = this.connectionIdToWebSocketContext.get(connectionId);
@@ -700,14 +699,14 @@ var _NetworkedDOM = class {
           throw new Error(`webSocketContext not found in addExistingWebsockets`);
         }
         const asServerMessages = [
-          this.getInitialSnapshot(connectionId, documentVirtualDomElement)
+          this.getInitialSnapshot(connectionId, documentVirtualDOMElement)
         ];
         const serializedSnapshotMessage = JSON.stringify(asServerMessages);
         webSocketContext.webSocket.send(serializedSnapshotMessage);
       }
     }
     for (const connectionId of connectionIds) {
-      this.observableDom.addConnectedUserId(connectionId);
+      this.observableDOM.addConnectedUserId(connectionId);
     }
   }
   findParentNodeOfNodeId(targetNodeId) {
@@ -715,7 +714,7 @@ var _NetworkedDOM = class {
     if (parentNodeId === void 0) {
       throw new Error("Parent node ID not found");
     }
-    return this.getStaticVirtualDomElementByInternalNodeIdOrThrow(parentNodeId);
+    return this.getStaticVirtualDOMElementByInternalNodeIdOrThrow(parentNodeId);
   }
   registerWebsocket(webSocket, existingConnectionId = null) {
     let connectionId;
@@ -727,8 +726,8 @@ var _NetworkedDOM = class {
     }
     const webSocketContext = {
       webSocket,
-      messageListener: (msg) => {
-        const string = String(msg.data);
+      messageListener: (messageEvent) => {
+        const string = String(messageEvent.data);
         let parsed;
         try {
           parsed = JSON.parse(string);
@@ -749,13 +748,6 @@ var _NetworkedDOM = class {
     webSocket.addEventListener("message", webSocketContext.messageListener);
     return { connectionId };
   }
-  addIPCWebSocket(webSocket) {
-    this.ipcWebsockets.add(webSocket);
-    webSocket.addEventListener("close", () => {
-      this.ipcWebsockets.delete(webSocket);
-    });
-    this.observableDom.addIPCWebsocket(webSocket);
-  }
   static handleWebsocketSubprotocol(protocols) {
     const protocolsSet = new Set(protocols);
     for (const protocol of _NetworkedDOM.SupportedWebsocketSubProtocolsPreferenceOrder) {
@@ -797,23 +789,23 @@ var _NetworkedDOM = class {
       webSocket.send(JSON.stringify(warningMessage));
     }
     const { connectionId } = this.registerWebsocket(webSocket);
-    const documentVirtualDomElement = this.documentRoot;
-    if (!documentVirtualDomElement) {
-      throw new Error(`documentVirtualDomElement not found in getInitialSnapshot`);
+    const documentVirtualDOMElement = this.documentRoot;
+    if (!documentVirtualDOMElement) {
+      throw new Error(`documentVirtualDOMElement not found in getInitialSnapshot`);
     }
     const asServerMessages = [
-      this.getInitialSnapshot(connectionId, documentVirtualDomElement)
+      this.getInitialSnapshot(connectionId, documentVirtualDOMElement)
     ];
     const serializedSnapshotMessage = JSON.stringify(asServerMessages);
     webSocket.send(serializedSnapshotMessage);
-    this.observableDom.addConnectedUserId(connectionId);
+    this.observableDOM.addConnectedUserId(connectionId);
   }
   removeWebSocket(webSocket) {
     const connectionId = this.webSocketToConnectionId.get(webSocket);
     if (!connectionId) {
       return;
     }
-    this.observableDom.removeConnectedUserId(connectionId);
+    this.observableDOM.removeConnectedUserId(connectionId);
     const webSocketContext = this.connectionIdToWebSocketContext.get(connectionId);
     if (!webSocketContext) {
       throw new Error("Missing context for websocket");
@@ -826,9 +818,9 @@ var _NetworkedDOM = class {
   dispose() {
     this.disposed = true;
     for (const [, connectionId] of this.webSocketToConnectionId) {
-      this.observableDom.removeConnectedUserId(connectionId);
+      this.observableDOM.removeConnectedUserId(connectionId);
     }
-    this.observableDom.dispose();
+    this.observableDOM.dispose();
     for (const [webSocket, connectionId] of this.webSocketToConnectionId) {
       const webSocketContext = this.connectionIdToWebSocketContext.get(connectionId);
       if (!webSocketContext) {
@@ -839,17 +831,14 @@ var _NetworkedDOM = class {
       this.visibleNodeIdsByConnectionId.delete(connectionId);
       this.webSocketToConnectionId.delete(webSocket);
     }
-    for (const ipcWebsocket of this.ipcWebsockets) {
-      ipcWebsocket.close();
-    }
   }
   processModification(mutationRecord) {
-    const documentVirtualDomElement = this.documentRoot;
-    if (!documentVirtualDomElement) {
+    const documentVirtualDOMElement = this.documentRoot;
+    if (!documentVirtualDOMElement) {
       throw new Error(`document not created in processModification`);
     }
     for (const [, visibleNodesForConnection] of this.visibleNodeIdsByConnectionId) {
-      visibleNodesForConnection.add(documentVirtualDomElement.nodeId);
+      visibleNodesForConnection.add(documentVirtualDOMElement.nodeId);
     }
     const diffsByConnectionId = new Map(
       Array.from(this.connectionIdToWebSocketContext.keys()).map((connectionId) => [
@@ -863,7 +852,7 @@ var _NetworkedDOM = class {
         console.error("parentNode not found for attribute mutationRecord", mutationRecord);
         console.error("this.documentRoot", JSON.stringify(this.documentRoot, null, 2));
       }
-      const diff = diffFromApplicationOfStaticVirtualDomMutationRecordToConnection(
+      const diff = diffFromApplicationOfStaticVirtualDOMMutationRecordToConnection(
         mutationRecord,
         parentNode,
         connectionId,
@@ -887,21 +876,21 @@ var _NetworkedDOM = class {
     });
   }
   removeKnownNodesInMutation(mutation) {
-    const virtualDomElement = mutation.target;
+    const virtualDOMElement = mutation.target;
     if (mutation.type === "childList") {
-      mutation.removedNodes.forEach((childDomElement) => {
-        this.removeVirtualDomElement(childDomElement);
-        const index = virtualDomElement.childNodes.indexOf(childDomElement);
-        virtualDomElement.childNodes.splice(index, 1);
+      mutation.removedNodes.forEach((childDOMElement) => {
+        this.removeVirtualDOMElement(childDOMElement);
+        const index = virtualDOMElement.childNodes.indexOf(childDOMElement);
+        virtualDOMElement.childNodes.splice(index, 1);
       });
       return;
     }
   }
-  removeVirtualDomElement(virtualDomElement) {
-    this.nodeIdToNode.delete(virtualDomElement.nodeId);
-    this.nodeIdToParentNodeId.delete(virtualDomElement.nodeId);
-    for (const child of virtualDomElement.childNodes) {
-      this.removeVirtualDomElement(child);
+  removeVirtualDOMElement(virtualDOMElement) {
+    this.nodeIdToNode.delete(virtualDOMElement.nodeId);
+    this.nodeIdToParentNodeId.delete(virtualDOMElement.nodeId);
+    for (const child of virtualDOMElement.childNodes) {
+      this.removeVirtualDOMElement(child);
     }
   }
   static IsPongMessage(message) {
@@ -930,9 +919,9 @@ var _NetworkedDOM = class {
     if (remappedNode) {
       remoteEvent.nodeId = remappedNode;
     }
-    this.observableDom.dispatchRemoteEventFromConnectionId(connectionId, remoteEvent);
+    this.observableDOM.dispatchRemoteEventFromConnectionId(connectionId, remoteEvent);
   }
-  getStaticVirtualDomElementByInternalNodeIdOrThrow(internalNodeId) {
+  getStaticVirtualDOMElementByInternalNodeIdOrThrow(internalNodeId) {
     const remappedId = this.internalNodeIdToClientNodeId.get(internalNodeId);
     if (remappedId !== void 0) {
       const node2 = this.nodeIdToNode.get(remappedId);
@@ -948,7 +937,7 @@ var _NetworkedDOM = class {
     return node;
   }
   addKnownNodesInMutation(mutation) {
-    const target = this.getStaticVirtualDomElementByInternalNodeIdOrThrow(mutation.targetId);
+    const target = this.getStaticVirtualDOMElementByInternalNodeIdOrThrow(mutation.targetId);
     if (mutation.attribute) {
       if (mutation.attribute.value !== null) {
         target.attributes[mutation.attribute.attributeName] = mutation.attribute.value;
@@ -956,7 +945,7 @@ var _NetworkedDOM = class {
         delete target.attributes[mutation.attribute.attributeName];
       }
     }
-    const previousSibling = mutation.previousSiblingId ? this.getStaticVirtualDomElementByInternalNodeIdOrThrow(mutation.previousSiblingId) : null;
+    const previousSibling = mutation.previousSiblingId ? this.getStaticVirtualDOMElementByInternalNodeIdOrThrow(mutation.previousSiblingId) : null;
     if (mutation.type === "childList") {
       let index = 0;
       if (previousSibling) {
@@ -966,10 +955,10 @@ var _NetworkedDOM = class {
         }
         index += 1;
       }
-      mutation.addedNodes.forEach((childVirtualDomElement) => {
-        this.addAndRemapNodeFromInstance(childVirtualDomElement, target.nodeId);
-        if (target.childNodes.indexOf(childVirtualDomElement) === -1) {
-          target.childNodes.splice(index, 0, childVirtualDomElement);
+      mutation.addedNodes.forEach((childVirtualDOMElement) => {
+        this.addAndRemapNodeFromInstance(childVirtualDOMElement, target.nodeId);
+        if (target.childNodes.indexOf(childVirtualDOMElement) === -1) {
+          target.childNodes.splice(index, 0, childVirtualDOMElement);
           index++;
         }
       });
@@ -988,9 +977,9 @@ var _NetworkedDOM = class {
       target,
       addedNodes: mutation.addedNodes,
       removedNodes: mutation.removedNodeIds.map((nodeId) => {
-        return this.getStaticVirtualDomElementByInternalNodeIdOrThrow(nodeId);
+        return this.getStaticVirtualDOMElementByInternalNodeIdOrThrow(nodeId);
       }),
-      previousSibling: mutation.previousSiblingId ? this.getStaticVirtualDomElementByInternalNodeIdOrThrow(mutation.previousSiblingId) : null,
+      previousSibling: mutation.previousSiblingId ? this.getStaticVirtualDOMElementByInternalNodeIdOrThrow(mutation.previousSiblingId) : null,
       attributeName: mutation.attribute ? mutation.attribute.attributeName : null
     };
     return record;
@@ -1027,7 +1016,7 @@ var _NetworkedDOM = class {
 var NetworkedDOM = _NetworkedDOM;
 // First to last in order of preference
 NetworkedDOM.SupportedWebsocketSubProtocolsPreferenceOrder = [
-  networkedDomProtocolSubProtocol_v0_1
+  networkedDOMProtocolSubProtocol_v0_1
 ];
 
 // src/EditableNetworkedDOM.ts
@@ -1063,12 +1052,12 @@ var EditableNetworkedDOM = class {
       this.htmlPath,
       htmlContents,
       oldInstanceRoot,
-      (domDiff) => {
+      (domDiff, networkedDOM2) => {
         didLoad = true;
         if (this.loadedState) {
           this.loadedState.loaded = true;
         }
-        networkedDOM.addExistingWebsockets(
+        networkedDOM2.addExistingWebsockets(
           Array.from(this.websockets),
           existingWebsocketMap,
           domDiff
@@ -1113,21 +1102,12 @@ var EditableNetworkedDOM = class {
       this.loadedState.networkedDOM.removeWebSocket(webSocket);
     }
   }
-  addIPCWebSocket(webSocket) {
-    if (this.loadedState && this.loadedState.loaded) {
-      this.loadedState.networkedDOM.addIPCWebSocket(webSocket);
-    } else {
-      console.error("Dom instance not loaded/ready to accept IPC websocket");
-      webSocket.close();
-      return;
-    }
-  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   EditableNetworkedDOM,
   NetworkedDOM,
   defaultWebsocketSubProtocol,
-  networkedDomProtocolSubProtocol_v0_1
+  networkedDOMProtocolSubProtocol_v0_1
 });
 //# sourceMappingURL=index.js.map