@mml-io/observable-dom 0.2.0 → 0.4.0

package/build/JSDOMRunner.d.ts

@@ -0,0 +1,24 @@
+import { RemoteEvent } from "@mml-io/observable-dom-common";
+import { DOMWindow } from "jsdom";
+import { DOMRunnerFactory, DOMRunnerMessage } from "./ObservableDOM";
+export declare const JSDOMRunnerFactory: DOMRunnerFactory;
+export declare class JSDOMRunner {
+    private monkeyPatchMutationRecordCallback;
+    domWindow: DOMWindow | null;
+    private jsdom;
+    private callback;
+    private mutationObserver;
+    private htmlPath;
+    private documentStartTime;
+    private isLoaded;
+    private logBuffer;
+    constructor(htmlPath: string, htmlContents: string, params: object, callback: (domRunnerMessage: DOMRunnerMessage) => void);
+    private flushLogBuffer;
+    private log;
+    getDocument(): Document;
+    getWindow(): any;
+    dispose(): void;
+    getDocumentTime(): number;
+    dispatchRemoteEventFromConnectionId(connectionId: number, domNode: Element, remoteEvent: RemoteEvent): void;
+    private createVirtualConsole;
+}

package/build/ObservableDOM.d.ts

@@ -0,0 +1,51 @@
+import { LogMessage, ObservableDOMInterface, ObservableDOMMessage, ObservableDOMParameters, RemoteEvent, StaticVirtualDOMElement } from "@mml-io/observable-dom-common";
+export type DOMRunnerMessage = {
+    loaded?: boolean;
+    mutationList?: Array<MutationRecord>;
+    logMessage?: LogMessage;
+};
+export type DOMRunnerInterface = {
+    getDocument(): Document;
+    getWindow(): Window & {
+        CustomEvent: typeof CustomEvent;
+        Text: typeof Text;
+        HTMLScriptElement: typeof HTMLScriptElement;
+        Comment: typeof Comment;
+    };
+    dispatchRemoteEventFromConnectionId(connectionId: number, realElement: Element, remoteEvent: RemoteEvent): void;
+    dispose(): void;
+    getDocumentTime(): number;
+};
+export type DOMRunnerFactory = (htmlPath: string, htmlContents: string, params: object, callback: (domRunnerMessage: DOMRunnerMessage) => void) => DOMRunnerInterface;
+export type LiveVirtualDOMElement = Omit<StaticVirtualDOMElement, "childNodes"> & {
+    realElement: Element | Text;
+    childNodes: Array<LiveVirtualDOMElement>;
+    parent: LiveVirtualDOMElement | null;
+};
+export declare class ObservableDOM implements ObservableDOMInterface {
+    private nodeToNodeId;
+    private nodeIdToNode;
+    private realElementToVirtualElement;
+    private ignoreTextNodes;
+    private callback;
+    private nextNodeId;
+    private htmlPath;
+    private domRunner;
+    private documentTimeIntervalTimer;
+    constructor(observableDOMParameters: ObservableDOMParameters, callback: (message: ObservableDOMMessage, observableDOM: ObservableDOMInterface) => void, runnerFactory: DOMRunnerFactory);
+    addConnectedUserId(connectionId: number): void;
+    removeConnectedUserId(connectionId: number): void;
+    private processModificationList;
+    private addKnownNodesInMutation;
+    private removeKnownNodesInMutation;
+    private removeVirtualDOMElement;
+    private createVirtualDOMElementWithChildren;
+    private createVirtualDOMElement;
+    private getFirstNonIgnoredPreviousSibling;
+    private getVirtualDOMElementForRealElementOrThrow;
+    private isIgnoredElement;
+    private isIgnoredAttribute;
+    dispatchRemoteEventFromConnectionId(connectionId: number, remoteEvent: RemoteEvent): void;
+    dispose(): void;
+    private getDocumentTime;
+}

package/build/index.d.ts

@@ -1 +1,2 @@
-export * from "../src/index";
+export * from "./ObservableDOM";
+export * from "./JSDOMRunner";

package/build/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"program":{"fileNames":["../../../node_modules/typescript/lib/lib.es5.d.ts","../../../node_modules/typescript/lib/lib.es2015.d.ts","../../../node_modules/typescript/lib/lib.es2016.d.ts","../../../node_modules/typescript/lib/lib.es2017.d.ts","../../../node_modules/typescript/lib/lib.es2018.d.ts","../../../node_modules/typescript/lib/lib.es2019.d.ts","../../../node_modules/typescript/lib/lib.es2020.d.ts","../../../node_modules/typescript/lib/lib.dom.d.ts","../../../node_modules/typescript/lib/lib.dom.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.core.d.ts","../../../node_modules/typescript/lib/lib.es2015.collection.d.ts","../../../node_modules/typescript/lib/lib.es2015.generator.d.ts","../../../node_modules/typescript/lib/lib.es2015.iterable.d.ts","../../../node_modules/typescript/lib/lib.es2015.promise.d.ts","../../../node_modules/typescript/lib/lib.es2015.proxy.d.ts","../../../node_modules/typescript/lib/lib.es2015.reflect.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2015.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2016.array.include.d.ts","../../../node_modules/typescript/lib/lib.es2017.object.d.ts","../../../node_modules/typescript/lib/lib.es2017.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2017.string.d.ts","../../../node_modules/typescript/lib/lib.es2017.intl.d.ts","../../../node_modules/typescript/lib/lib.es2017.typedarrays.d.ts","../../../node_modules/typescript/lib/lib.es2018.asyncgenerator.d.ts","../../../node_modules/typescript/lib/lib.es2018.asynciterable.d.ts","../../../node_modules/typescript/lib/lib.es2018.intl.d.ts","../../../node_modules/typescript/lib/lib.es2018.promise.d.ts","../../../node_modules/typescript/lib/lib.es2018.regexp.d.ts","../../../node_modules/typescript/lib/lib.es2019.array.d.ts","../../../node_modules/typescript/lib/lib.es2019.object.d.ts","../../../node_modules/typescript/lib/lib.es2019.string.d.ts","../../../node_modules/typescript/lib/lib.es2019.symbol.d.ts","../../../node_modules/typescript/lib/lib.es2019.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.bigint.d.ts","../../../node_modules/typescript/lib/lib.es2020.date.d.ts","../../../node_modules/typescript/lib/lib.es2020.promise.d.ts","../../../node_modules/typescript/lib/lib.es2020.sharedmemory.d.ts","../../../node_modules/typescript/lib/lib.es2020.string.d.ts","../../../node_modules/typescript/lib/lib.es2020.symbol.wellknown.d.ts","../../../node_modules/typescript/lib/lib.es2020.intl.d.ts","../../../node_modules/typescript/lib/lib.es2020.number.d.ts","../../../node_modules/typescript/lib/lib.esnext.intl.d.ts","../../../node_modules/typescript/lib/lib.decorators.d.ts","../../../node_modules/typescript/lib/lib.decorators.legacy.d.ts","../../networked-dom-protocol/build/networked-dom-v0.1/from-client.d.ts","../../networked-dom-protocol/build/networked-dom-v0.1/from-server.d.ts","../../networked-dom-protocol/build/networked-dom-v0.1/index.d.ts","../../networked-dom-protocol/build/index.d.ts","../../observable-dom-common/build/ObservableDOMInterface.d.ts","../../observable-dom-common/build/messages.d.ts","../../observable-dom-common/build/index.d.ts","../../../node_modules/@types/node/assert.d.ts","../../../node_modules/@types/node/assert/strict.d.ts","../../../node_modules/@types/node/globals.d.ts","../../../node_modules/@types/node/async_hooks.d.ts","../../../node_modules/@types/node/buffer.d.ts","../../../node_modules/@types/node/child_process.d.ts","../../../node_modules/@types/node/cluster.d.ts","../../../node_modules/@types/node/console.d.ts","../../../node_modules/@types/node/constants.d.ts","../../../node_modules/@types/node/crypto.d.ts","../../../node_modules/@types/node/dgram.d.ts","../../../node_modules/@types/node/diagnostics_channel.d.ts","../../../node_modules/@types/node/dns.d.ts","../../../node_modules/@types/node/dns/promises.d.ts","../../../node_modules/@types/node/domain.d.ts","../../../node_modules/@types/node/dom-events.d.ts","../../../node_modules/@types/node/events.d.ts","../../../node_modules/@types/node/fs.d.ts","../../../node_modules/@types/node/fs/promises.d.ts","../../../node_modules/@types/node/http.d.ts","../../../node_modules/@types/node/http2.d.ts","../../../node_modules/@types/node/https.d.ts","../../../node_modules/@types/node/inspector.d.ts","../../../node_modules/@types/node/module.d.ts","../../../node_modules/@types/node/net.d.ts","../../../node_modules/@types/node/os.d.ts","../../../node_modules/@types/node/path.d.ts","../../../node_modules/@types/node/perf_hooks.d.ts","../../../node_modules/@types/node/process.d.ts","../../../node_modules/@types/node/punycode.d.ts","../../../node_modules/@types/node/querystring.d.ts","../../../node_modules/@types/node/readline.d.ts","../../../node_modules/@types/node/readline/promises.d.ts","../../../node_modules/@types/node/repl.d.ts","../../../node_modules/@types/node/stream.d.ts","../../../node_modules/@types/node/stream/promises.d.ts","../../../node_modules/@types/node/stream/consumers.d.ts","../../../node_modules/@types/node/stream/web.d.ts","../../../node_modules/@types/node/string_decoder.d.ts","../../../node_modules/@types/node/test.d.ts","../../../node_modules/@types/node/timers.d.ts","../../../node_modules/@types/node/timers/promises.d.ts","../../../node_modules/@types/node/tls.d.ts","../../../node_modules/@types/node/trace_events.d.ts","../../../node_modules/@types/node/tty.d.ts","../../../node_modules/@types/node/url.d.ts","../../../node_modules/@types/node/util.d.ts","../../../node_modules/@types/node/v8.d.ts","../../../node_modules/@types/node/vm.d.ts","../../../node_modules/@types/node/wasi.d.ts","../../../node_modules/@types/node/worker_threads.d.ts","../../../node_modules/@types/node/zlib.d.ts","../../../node_modules/@types/node/globals.global.d.ts","../../../node_modules/@types/node/index.d.ts","../../../node_modules/parse5/dist/common/html.d.ts","../../../node_modules/parse5/dist/common/token.d.ts","../../../node_modules/parse5/dist/common/error-codes.d.ts","../../../node_modules/parse5/dist/tokenizer/preprocessor.d.ts","../../../node_modules/parse5/dist/tokenizer/index.d.ts","../../../node_modules/parse5/dist/tree-adapters/interface.d.ts","../../../node_modules/parse5/dist/parser/open-element-stack.d.ts","../../../node_modules/parse5/dist/parser/formatting-element-list.d.ts","../../../node_modules/parse5/dist/parser/index.d.ts","../../../node_modules/parse5/dist/tree-adapters/default.d.ts","../../../node_modules/parse5/dist/serializer/index.d.ts","../../../node_modules/parse5/dist/common/foreign-content.d.ts","../../../node_modules/parse5/dist/index.d.ts","../../../node_modules/@types/tough-cookie/index.d.ts","../node_modules/@types/jsdom/base.d.ts","../node_modules/@types/jsdom/index.d.ts","../../../node_modules/form-data/index.d.ts","../../../node_modules/@types/node-fetch/externals.d.ts","../../../node_modules/@types/node-fetch/index.d.ts","../src/utils.ts","../src/ObservableDOM.ts","../src/JSDOMRunner.ts","../src/index.ts"],"fileInfos":[{"version":"6a6b471e7e43e15ef6f8fe617a22ce4ecb0e34efa6c3dfcfe7cebd392bcca9d2","affectsGlobalScope":true},"45b7ab580deca34ae9729e97c13cfd999df04416a79116c3bfb483804f85ded4","dc48272d7c333ccf58034c0026162576b7d50ea0e69c3b9292f803fc20720fd5","27147504487dc1159369da4f4da8a26406364624fa9bc3db632f7d94a5bae2c3","5e1c4c362065a6b95ff952c0eab010f04dcd2c3494e813b493ecfd4fcb9fc0d8","68d73b4a11549f9c0b7d352d10e91e5dca8faa3322bfb77b661839c42b1ddec7","5efce4fc3c29ea84e8928f97adec086e3dc876365e0982cc8479a07954a3efd4",{"version":"fcd3ecc9f764f06f4d5c467677f4f117f6abf49dee6716283aa204ff1162498b","affectsGlobalScope":true},{"version":"9a60b92bca4c1257db03b349d58e63e4868cfc0d1c8d0ba60c2dbc63f4e6c9f6","affectsGlobalScope":true},{"version":"f296963760430fb65b4e5d91f0ed770a91c6e77455bacf8fa23a1501654ede0e","affectsGlobalScope":true},{"version":"5114a95689b63f96b957e00216bc04baf9e1a1782aa4d8ee7e5e9acbf768e301","affectsGlobalScope":true},{"version":"4443e68b35f3332f753eacc66a04ac1d2053b8b035a0e0ac1d455392b5e243b3","affectsGlobalScope":true},{"version":"ab22100fdd0d24cfc2cc59d0a00fc8cf449830d9c4030dc54390a46bd562e929","affectsGlobalScope":true},{"version":"f7bd636ae3a4623c503359ada74510c4005df5b36de7f23e1db8a5c543fd176b","affectsGlobalScope":true},{"version":"ce691fb9e5c64efb9547083e4a34091bcbe5bdb41027e310ebba8f7d96a98671","affectsGlobalScope":true},{"version":"8d697a2a929a5fcb38b7a65594020fcef05ec1630804a33748829c5ff53640d0","affectsGlobalScope":true},{"version":"0c20f4d2358eb679e4ae8a4432bdd96c857a2960fd6800b21ec4008ec59d60ea","affectsGlobalScope":true},{"version":"36ae84ccc0633f7c0787bc6108386c8b773e95d3b052d9464a99cd9b8795fbec","affectsGlobalScope":true},{"version":"82d0d8e269b9eeac02c3bd1c9e884e85d483fcb2cd168bccd6bc54df663da031","affectsGlobalScope":true},{"version":"b8deab98702588840be73d67f02412a2d45a417a3c097b2e96f7f3a42ac483d1","affectsGlobalScope":true},{"version":"4738f2420687fd85629c9efb470793bb753709c2379e5f85bc1815d875ceadcd","affectsGlobalScope":true},{"version":"2f11ff796926e0832f9ae148008138ad583bd181899ab7dd768a2666700b1893","affectsGlobalScope":true},{"version":"376d554d042fb409cb55b5cbaf0b2b4b7e669619493c5d18d5fa8bd67273f82a","affectsGlobalScope":true},{"version":"9fc46429fbe091ac5ad2608c657201eb68b6f1b8341bd6d670047d32ed0a88fa","affectsGlobalScope":true},{"version":"61c37c1de663cf4171e1192466e52c7a382afa58da01b1dc75058f032ddf0839","affectsGlobalScope":true},{"version":"c4138a3dd7cd6cf1f363ca0f905554e8d81b45844feea17786cdf1626cb8ea06","affectsGlobalScope":true},{"version":"6ff3e2452b055d8f0ec026511c6582b55d935675af67cdb67dd1dc671e8065df","affectsGlobalScope":true},{"version":"03de17b810f426a2f47396b0b99b53a82c1b60e9cba7a7edda47f9bb077882f4","affectsGlobalScope":true},{"version":"8184c6ddf48f0c98429326b428478ecc6143c27f79b79e85740f17e6feb090f1","affectsGlobalScope":true},{"version":"261c4d2cf86ac5a89ad3fb3fafed74cbb6f2f7c1d139b0540933df567d64a6ca","affectsGlobalScope":true},{"version":"6af1425e9973f4924fca986636ac19a0cf9909a7e0d9d3009c349e6244e957b6","affectsGlobalScope":true},{"version":"576711e016cf4f1804676043e6a0a5414252560eb57de9faceee34d79798c850","affectsGlobalScope":true},{"version":"89c1b1281ba7b8a96efc676b11b264de7a8374c5ea1e6617f11880a13fc56dc6","affectsGlobalScope":true},{"version":"15a630d6817718a2ddd7088c4f83e4673fde19fa992d2eae2cf51132a302a5d3","affectsGlobalScope":true},{"version":"b7e9f95a7387e3f66be0ed6db43600c49cec33a3900437ce2fd350d9b7cb16f2","affectsGlobalScope":true},{"version":"01e0ee7e1f661acedb08b51f8a9b7d7f959e9cdb6441360f06522cc3aea1bf2e","affectsGlobalScope":true},{"version":"ac17a97f816d53d9dd79b0d235e1c0ed54a8cc6a0677e9a3d61efb480b2a3e4e","affectsGlobalScope":true},{"version":"bf14a426dbbf1022d11bd08d6b8e709a2e9d246f0c6c1032f3b2edb9a902adbe","affectsGlobalScope":true},{"version":"ec0104fee478075cb5171e5f4e3f23add8e02d845ae0165bfa3f1099241fa2aa","affectsGlobalScope":true},{"version":"2b72d528b2e2fe3c57889ca7baef5e13a56c957b946906d03767c642f386bbc3","affectsGlobalScope":true},{"version":"9cc66b0513ad41cb5f5372cca86ef83a0d37d1c1017580b7dace3ea5661836df","affectsGlobalScope":true},{"version":"368af93f74c9c932edd84c58883e736c9e3d53cec1fe24c0b0ff451f529ceab1","affectsGlobalScope":true},{"version":"307c8b7ebbd7f23a92b73a4c6c0a697beca05b06b036c23a34553e5fe65e4fdc","affectsGlobalScope":true},{"version":"189c0703923150aa30673fa3de411346d727cc44a11c75d05d7cf9ef095daa22","affectsGlobalScope":true},{"version":"782dec38049b92d4e85c1585fbea5474a219c6984a35b004963b00beb1aab538","affectsGlobalScope":true},"328c09d87a15cde5936230f085c6888e6dc5f31a7c600a8a222419e28ea02812","e46f9c26b401a050e372280c49fd564d27dca4ca2b0e3e8585b07578661b2279","660b97032e7c3a5a094b60e3de0bf602626931fe0167dbad07e9ada9f683161e","28e083d1a14be292588f05b70cf7852deb63a3e0da35a0156bcbe361b5072562","4e9e7984ad6e180c5c3363d3478d71558d7d3949c45685951aef7e06e4d6b6a4","ffe0e53edfbab16e0c9bacf0d61b8091d2cf46fbca310d2602036793fda5a058","a63268b15ba72e389b1eaf9752ca501a2965923096ea28c2c98a4db1ec0e8a22","587f13f1e8157bd8cec0adda0de4ef558bb8573daa9d518d1e2af38e87ecc91f","a69c09dbea52352f479d3e7ac949fde3d17b195abe90b045d619f747b38d6d1a",{"version":"bce910d9164785c9f0d4dcea4be359f5f92130c7c7833dea6138ab1db310a1f9","affectsGlobalScope":true},"7a435e0c814f58f23e9a0979045ec0ef5909aac95a70986e8bcce30c27dff228",{"version":"a7534271773a27ff7d136d550e86b41894d8090fa857ba4c02b5bb18d2eb1c8e","affectsGlobalScope":true},"db71be322f07f769200108aa19b79a75dd19a187c9dca2a30c4537b233aa2863","57135ce61976a8b1dadd01bb412406d1805b90db6e8ecb726d0d78e0b5f76050",{"version":"49479e21a040c0177d1b1bc05a124c0383df7a08a0726ad4d9457619642e875a","affectsGlobalScope":true},"82408ed3e959ddc60d3e9904481b5a8dc16469928257af22a3f7d1a3bc7fd8c4","b8e431e9b9bb2dc832b23d4e3e02774e953d5537998923f215ea446169e9a61e","3690133deae19c8127c5505fcb67b04bdc9eb053796008538a9b9abbb70d85aa","5b1c0a23f464f894e7c2b2b6c56df7b9afa60ed48c5345f8618d389a636b2108","be2b092f2765222757c6441b86c53a5ea8dfed47bbc43eab4c5fe37942c866b3","8e6b05abc98adba15e1ac78e137c64576c74002e301d682e66feb77a23907ab8","1ca735bb3d407b2af4fbee7665f3a0a83be52168c728cc209755060ba7ed67bd",{"version":"6b526a5ec4a401ca7c26cfe6a48e641d8f30af76673bad3b06a1b4504594a960","affectsGlobalScope":true},{"version":"b85c02e14ecb2a873dad5a1de72319b265160ba48f1b83661aeb3bba1366c1bc","affectsGlobalScope":true},"7a2ba0c9af860ac3e77b35ed01fd96d15986f17aa22fe40f188ae556fb1070df","fc3764040518a1008dd04bdc80964591b566b896283e00df85c95851c1f46237","55709608060f77965c270ac10ac646286589f1bd1cb174fff1778a2dd9a7ef31","790623a47c5eda62910098884ecb154dc0e5f3a23fc36c1bfb3b5b9ed44e2c2d","42b40e40f2a358cda332456214fad311e1806a6abf3cebaaac72496e07556642","354612fe1d49ecc9551ea3a27d94eef2887b64ef4a71f72ca444efe0f2f0ba80",{"version":"125af9d85cb9d5e508353f10a8d52f01652d2d48b2cea54789a33e5b4d289c1c","affectsGlobalScope":true},"f5490f53d40291cc8607f5463434d1ac6c5564bc4fbb03abceb03a8f6b014457","5e2b91328a540a0933ab5c2203f4358918e6f0fe7505d22840a891a6117735f1","3abc3512fa04aa0230f59ea1019311fd8667bd935d28306311dccc8b17e79d5d",{"version":"14a50dafe3f45713f7f27cb6320dff07c6ac31678f07959c2134260061bf91ff","affectsGlobalScope":true},{"version":"19da7150ca062323b1db6311a6ef058c9b0a39cc64d836b5e9b75d301869653b","affectsGlobalScope":true},"1349077576abb41f0e9c78ec30762ff75b710208aff77f5fdcc6a8c8ce6289dd","e2ce82603102b5c0563f59fb40314cc1ff95a4d521a66ad14146e130ea80d89c","a3e0395220255a350aa9c6d56f882bfcb5b85c19fddf5419ec822cf22246a26d","c27b01e8ddff5cd280711af5e13aecd9a3228d1c256ea797dd64f8fdec5f7df5","898840e876dfd21843db9f2aa6ae38ba2eab550eb780ff62b894b9fbfebfae6b","0cab4d7d4edc40cd3af9eea7c3ed6d1016910c0954c49c4297e479bf3822a625","1b952304137851e45bc009785de89ada562d9376177c97e37702e39e60c2f1ff","785e5be57d4f20f290a20e7b0c6263f6c57fd6e51283050756cef07d6d651c68","44b8b584a338b190a59f4f6929d072431950c7bd92ec2694821c11bce180c8a5","164deb2409ac5f4da3cd139dbcee7f7d66753d90363a4d7e2db8d8874f272270","1fb6c5ec52332a8b531a8d7a5300ac9301f98c4fe62f68e744e0841ccba65e7e",{"version":"ab294c4b7279318ee2a8fdf681305457ecc05970c94108d304933f18823eeac1","affectsGlobalScope":true},"ad08154d9602429522cac965a715fde27d421d69b24756c5d291877dda75353e","bbda6ea452a2386093a1eda18a6e26a989e98869f1b9f37e46f510a986d2e740","812b25f798033c202baedf386a1ccc41f9191b122f089bffd10fdccce99fba11","993325544790073f77e945bee046d53988c0bc3ac5695c9cf8098166feb82661",{"version":"75dd741ca6a6c8d2437a6ca8349b64b816421dbf9fe82dd026afaba965576962","affectsGlobalScope":true},{"version":"8799401a7ab57764f0d464513a7fa7c72e1d70a226b172ec60fff534ea94d108","affectsGlobalScope":true},"2ce2210032ccaff7710e2abf6a722e62c54960458e73e356b6a365c93ab6ca66","92db194ef7d208d5e4b6242a3434573fd142a621ff996d84cc9dbba3553277d0","16a3080e885ed52d4017c902227a8d0d8daf723d062bec9e45627c6fdcd6699b",{"version":"0bd9543cd8fc0959c76fb8f4f5a26626c2ed62ef4be98fd857bce268066db0a2","affectsGlobalScope":true},"1ca6858a0cbcd74d7db72d7b14c5360a928d1d16748a55ecfa6bfaff8b83071b",{"version":"ab9b9a36e5284fd8d3bf2f7d5fcbc60052f25f27e4d20954782099282c60d23e","affectsGlobalScope":true},"247aa3419c98713231952b33801d4f46563fe542e03604acd8c63ac45a32409c","3411c785dbe8fd42f7d644d1e05a7e72b624774a08a9356479754999419c3c5a","8fb8fdda477cd7382477ffda92c2bb7d9f7ef583b1aa531eb6b2dc2f0a206c10","66995b0c991b5c5d42eff1d950733f85482c7419f7296ab8952e03718169e379","33f3795a4617f98b1bb8dac36312119d02f31897ae75436a1e109ce042b48ee8","2850c9c5dc28d34ad5f354117d0419f325fc8932d2a62eadc4dc52c018cd569b","c753948f7e0febe7aa1a5b71a714001a127a68861309b2c4127775aa9b6d4f24","3e7a40e023e1d4a9eef1a6f08a3ded8edacb67ae5fce072014205d730f717ba5","a77be6fc44c876bc10c897107f84eaba10790913ebdcad40fcda7e47469b2160","382100b010774614310d994bbf16cc9cd291c14f0d417126c7a7cfad1dc1d3f8","91f5dbcdb25d145a56cffe957ec665256827892d779ef108eb2f3864faff523b","4fdf56315340bd1770eb52e1601c3a98e45b1d207202831357e99ce29c35b55c","927955a3de5857e0a1c575ced5a4245e74e6821d720ed213141347dd1870197f","be6fd74528b32986fbf0cd2cfa9192a5ed7f369060b32a7adcb0c8d055708e61","cc256fd958b33576ed32c7338c64adb0d08fc0c2c6525010202fab83f32745da","768ccf11f71d2131a09a558604432211227d8fffd886b5755d18031f8381656e",{"version":"227a50113c72f6566f4adcc9deca7b5c5c9f865cb85af0eec561b8465240e62a","affectsGlobalScope":true},"736097ddbb2903bef918bb3b5811ef1c9c5656f2a73bd39b22a91b9cc2525e50","626bccaba2f61f03abe558a39501631565389a748bc47dd52b305c80176333c1","3663d1b50f356656a314e5df169bb51cb9d5fd75905fa703f75db6bb32030568","9489ab4bd4c50c5593c80ca3134c8975386d54f3ebee47ba2ba4689d15a5b320","dc5850ccd49e5bcc218816fca42296381883fa3e92958e1419fdc82bc00eab43","e70a6c2bfdae652426436d529870d3122d455c33e68728d08e5dcec83d7a0351","9b38307f1f74c1a4babfc4bb957bd86736847b89f63c4df126c638afe8c6dd25"],"root":[[126,129]],"options":{"allowSyntheticDefaultImports":true,"downlevelIteration":true,"jsx":2,"module":99,"noImplicitAny":true,"outDir":"./","sourceMap":true,"strictNullChecks":true,"target":2},"fileIdsList":[[99],[72,98,99,106,123,124],[53,99],[56,99],[57,62,90,99],[58,69,70,77,87,98,99],[58,59,69,77,99],[60,99],[61,62,70,78,99],[62,87,95,99],[63,65,69,77,99],[64,99],[65,66,99],[69,99],[67,69,99],[69,70,71,87,98,99],[69,70,71,84,87,90,99],[99,103],[65,69,72,77,87,98,99],[69,70,72,73,77,87,95,98,99],[72,74,87,95,98,99],[53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105],[69,75,99],[76,98,99],[65,69,77,87,99],[78,99],[79,99],[56,80,99],[81,97,99,103],[82,99],[83,99],[69,84,85,99],[84,86,99,101],[57,69,87,88,89,90,99],[57,87,89,99],[87,88,99],[90,99],[91,99],[87,99],[69,93,94,99],[93,94,99],[62,77,87,95,99],[96,99],[77,97,99],[57,72,83,98,99],[62,99],[87,99,100],[99,101],[99,102],[57,62,69,71,80,87,98,99,101,103],[87,99,104],[72,87,99,106],[99,108],[99,107,108],[99,107],[99,107,108,109,111,112,115,116,117,118],[99,108,112],[99,107,108,109,111,112,113,114],[99,107,112],[99,112,116],[99,108,109,110],[99,109],[99,107,108,112],[48,99],[46,47,99],[49,99],[49,50,51,99],[49,50,99],[69,99,101,106,119,120,122],[99,121],[52,99,101,121,122,125,127],[52,99,126],[99,127,128],[52,99,127]],"referencedMap":[[124,1],[125,2],[53,3],[54,3],[56,4],[57,5],[58,6],[59,7],[60,8],[61,9],[62,10],[63,11],[64,12],[65,13],[66,13],[68,14],[67,15],[69,14],[70,16],[71,17],[55,18],[105,1],[72,19],[73,20],[74,21],[106,22],[75,23],[76,24],[77,25],[78,26],[79,27],[80,28],[81,29],[82,30],[83,31],[84,32],[85,32],[86,33],[87,34],[89,35],[88,36],[90,37],[91,38],[92,39],[93,40],[94,41],[95,42],[96,43],[97,44],[98,45],[99,46],[100,47],[101,48],[102,49],[103,50],[104,51],[120,1],[123,52],[109,53],[118,54],[107,1],[108,55],[119,56],[114,57],[115,58],[113,59],[117,60],[111,61],[110,62],[116,63],[112,54],[44,1],[45,1],[8,1],[9,1],[11,1],[10,1],[2,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[19,1],[3,1],[4,1],[23,1],[20,1],[21,1],[22,1],[24,1],[25,1],[26,1],[5,1],[27,1],[28,1],[29,1],[30,1],[6,1],[34,1],[31,1],[32,1],[33,1],[35,1],[7,1],[36,1],[41,1],[42,1],[37,1],[38,1],[39,1],[40,1],[1,1],[43,1],[49,64],[46,1],[47,1],[48,65],[50,66],[52,67],[51,68],[121,69],[122,70],[128,71],[127,72],[129,73],[126,74]],"exportedModulesMap":[[124,1],[125,2],[53,3],[54,3],[56,4],[57,5],[58,6],[59,7],[60,8],[61,9],[62,10],[63,11],[64,12],[65,13],[66,13],[68,14],[67,15],[69,14],[70,16],[71,17],[55,18],[105,1],[72,19],[73,20],[74,21],[106,22],[75,23],[76,24],[77,25],[78,26],[79,27],[80,28],[81,29],[82,30],[83,31],[84,32],[85,32],[86,33],[87,34],[89,35],[88,36],[90,37],[91,38],[92,39],[93,40],[94,41],[95,42],[96,43],[97,44],[98,45],[99,46],[100,47],[101,48],[102,49],[103,50],[104,51],[120,1],[123,52],[109,53],[118,54],[107,1],[108,55],[119,56],[114,57],[115,58],[113,59],[117,60],[111,61],[110,62],[116,63],[112,54],[44,1],[45,1],[8,1],[9,1],[11,1],[10,1],[2,1],[12,1],[13,1],[14,1],[15,1],[16,1],[17,1],[18,1],[19,1],[3,1],[4,1],[23,1],[20,1],[21,1],[22,1],[24,1],[25,1],[26,1],[5,1],[27,1],[28,1],[29,1],[30,1],[6,1],[34,1],[31,1],[32,1],[33,1],[35,1],[7,1],[36,1],[41,1],[42,1],[37,1],[38,1],[39,1],[40,1],[1,1],[43,1],[49,64],[46,1],[47,1],[48,65],[50,66],[52,67],[51,68],[121,69],[122,70],[128,71],[127,72],[129,73],[126,74]],"semanticDiagnosticsPerFile":[124,125,53,54,56,57,58,59,60,61,62,63,64,65,66,68,67,69,70,71,55,105,72,73,74,106,75,76,77,78,79,80,81,82,83,84,85,86,87,89,88,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,120,123,109,118,107,108,119,114,115,113,117,111,110,116,112,44,45,8,9,11,10,2,12,13,14,15,16,17,18,19,3,4,23,20,21,22,24,25,26,5,27,28,29,30,6,34,31,32,33,35,7,36,41,42,37,38,39,40,1,43,49,46,47,48,50,52,51,121,122,128,127,129,126],"affectedFilesPendingEmit":[128,127,129,126]},"version":"5.0.4"}

package/build/utils.d.ts

@@ -0,0 +1,3 @@
+import { StaticVirtualDOMElement } from "@mml-io/observable-dom-common";
+import { LiveVirtualDOMElement } from "./ObservableDOM";
+export declare function virtualDOMElementToStatic(el: LiveVirtualDOMElement): StaticVirtualDOMElement;

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@mml-io/observable-dom",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
   "files": [
-    "/build",
-    "/src"
+    "/build"
   ],
   "scripts": {
     "type-check": "tsc --noEmit",
@@ -16,7 +15,7 @@
     "lint-fix": "eslint \"./src/**/*.{js,jsx,ts,tsx}\" --fix"
   },
   "dependencies": {
-    "@mml-io/observable-dom-common": "^0.2.0",
+    "@mml-io/observable-dom-common": "^0.4.0",
     "jsdom": "22.1.0",
     "node-fetch": "2.6.11"
   },

package/src/JSDOMRunner.ts

@@ -1,274 +0,0 @@
-import vm from "vm";
-
-import { LogMessage, RemoteEvent } from "@mml-io/observable-dom-common";
-import { AbortablePromise, DOMWindow, JSDOM, ResourceLoader, VirtualConsole } from "jsdom";
-import * as nodeFetch from "node-fetch";
-import nodeFetchFn from "node-fetch";
-
-import { DOMRunnerFactory, DOMRunnerInterface, DOMRunnerMessage } from "./ObservableDOM";
-
-const ErrDOMWindowNotInitialized = "DOMWindow not initialized";
-
-// TODO - remove this monkeypatching if it's possible to avoid the race conditions in naive MutationObserver usage
-const monkeyPatchedMutationRecordCallbacks = new Set<() => void>();
-function installMutationObserverMonkeyPatch() {
-  /*
-   This monkey patch replaces the `createImpl` exported function implementation in the `MutationRecord` class in JSDOM
-   to insert an iteration through callbacks that are therefore fired before a subsequent MutationRecord is created.
-   This provides an opportunity to invoke the MutationObservers with a single MutationRecord rather than multiple.
-
-   This is necessary as (at least intuitive) usage of the MutationObserver API does not enable creating accurate
-   incremental diffs as the handling of all-but-the-last MutationRecord in a list requires collecting state from the
-   DOM that has been since been mutated further. (e.g. if an attribute is changed twice in a row the first event cannot
-   discover the intermediate value of the attribute as it can only query the latest DOM state). Whilst this simple case
-   is solvable by walking backwards through the list of MutationRecords and using `oldValue` there are cases where adding
-   child elements with the correct attributes is not possible when handling intermediate diffs.
-  */
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const MutationRecordExports = require("jsdom/lib/jsdom/living/generated/MutationRecord");
-  const originalCreateImpl = MutationRecordExports.createImpl;
-  // This overwrites the function property on the exports that mutation-observers.js uses to create MutationRecords.
-  MutationRecordExports.createImpl = (...args: any[]) => {
-    for (const callback of monkeyPatchedMutationRecordCallbacks) {
-      callback();
-    }
-    return originalCreateImpl.call(null, ...args);
-  };
-}
-let monkeyPatchInstalled = false;
-
-export const JSDOMRunnerFactory: DOMRunnerFactory = (
-  htmlPath: string,
-  htmlContents: string,
-  params: object,
-  callback: (mutationList: DOMRunnerMessage) => void,
-): DOMRunnerInterface => {
-  return new JSDOMRunner(htmlPath, htmlContents, params, callback);
-};
-
-// This is used to stop JSDOM trying to load resources
-class RejectionResourceLoader extends ResourceLoader {
-  public fetch(url: string): AbortablePromise<Buffer> | null {
-    console.error("RejectionResourceLoader.fetch", url);
-    return null;
-  }
-}
-
-export class JSDOMRunner {
-  private monkeyPatchMutationRecordCallback: () => void;
-
-  public domWindow: DOMWindow | null = null;
-  private jsdom: JSDOM;
-
-  private callback: (message: DOMRunnerMessage) => void;
-  private mutationObserver: MutationObserver | null = null;
-  private htmlPath: string;
-
-  private documentStartTime = Date.now();
-
-  private isLoaded = false;
-  private logBuffer: LogMessage[] = [];
-
-  constructor(
-    htmlPath: string,
-    htmlContents: string,
-    params: object,
-    callback: (domRunnerMessage: DOMRunnerMessage) => void,
-  ) {
-    this.htmlPath = htmlPath;
-    this.callback = callback;
-
-    if (!monkeyPatchInstalled) {
-      installMutationObserverMonkeyPatch();
-      monkeyPatchInstalled = true;
-    }
-
-    this.monkeyPatchMutationRecordCallback = () => {
-      /*
-       This is called before every creation of a MutationRecord so that it can be used to process an existing record to
-       avoid handling multiple MutationRecords at a time (see comment at the top of this file).
-      */
-      const records = this.mutationObserver?.takeRecords();
-      if (records && records.length > 1) {
-        throw new Error(
-          "The monkey patching should have prevented more than one record being handled at a time",
-        );
-      } else if (records && records.length > 0) {
-        this.callback({
-          mutationList: records,
-        });
-      }
-    };
-    monkeyPatchedMutationRecordCallbacks.add(this.monkeyPatchMutationRecordCallback);
-
-    this.jsdom = new JSDOM(htmlContents, {
-      runScripts: "dangerously",
-      resources: new RejectionResourceLoader(),
-      url: this.htmlPath,
-      virtualConsole: this.createVirtualConsole(),
-      beforeParse: (window) => {
-        this.domWindow = window;
-
-        this.domWindow.fetch = nodeFetchFn as unknown as typeof fetch;
-        this.domWindow.Headers = nodeFetch.Headers as unknown as typeof Headers;
-        this.domWindow.Request = nodeFetch.Request as unknown as typeof Request;
-        this.domWindow.Response = nodeFetch.Response as unknown as typeof Response;
-
-        // This is a polyfill for https://developer.mozilla.org/en-US/docs/Web/API/Document/timeline
-        const timeline = {};
-        Object.defineProperty(timeline, "currentTime", {
-          get: () => {
-            return this.getDocumentTime();
-          },
-        });
-        (window.document as any).timeline = timeline;
-
-        // JSON stringify and parse to avoid potential reference leaks from the params object
-        window.params = JSON.parse(JSON.stringify(params));
-
-        this.mutationObserver = new window.MutationObserver((mutationList) => {
-          this.callback({
-            mutationList,
-          });
-        });
-
-        window.addEventListener("load", () => {
-          this.mutationObserver?.observe(window.document, {
-            attributes: true,
-            childList: true,
-            subtree: true,
-            characterData: true,
-          });
-
-          this.isLoaded = true;
-
-          this.callback({
-            loaded: true,
-          });
-
-          this.flushLogBuffer();
-        });
-      },
-    });
-  }
-
-  private flushLogBuffer() {
-    for (const logMessage of this.logBuffer) {
-      this.callback({
-        logMessage,
-      });
-    }
-
-    this.logBuffer = [];
-  }
-
-  private log(message: LogMessage) {
-    if (!this.isLoaded) {
-      this.logBuffer.push(message);
-      return;
-    }
-
-    this.callback({
-      logMessage: message,
-    });
-  }
-
-  public getDocument(): Document {
-    if (!this.domWindow) {
-      throw new Error(ErrDOMWindowNotInitialized);
-    }
-
-    return this.domWindow.document;
-  }
-
-  public getWindow(): any {
-    return this.domWindow;
-  }
-
-  public dispose() {
-    const records = this.mutationObserver?.takeRecords();
-    this.callback({
-      mutationList: records,
-    });
-    monkeyPatchedMutationRecordCallbacks.delete(this.monkeyPatchMutationRecordCallback);
-    this.mutationObserver?.disconnect();
-    this.jsdom.window.close();
-  }
-
-  public getDocumentTime() {
-    return Date.now() - this.documentStartTime;
-  }
-
-  public dispatchRemoteEventFromConnectionId(
-    connectionId: number,
-    domNode: Element,
-    remoteEvent: RemoteEvent,
-  ) {
-    if (!this.domWindow) {
-      throw new Error(ErrDOMWindowNotInitialized);
-    }
-
-    const bubbles = remoteEvent.bubbles || false;
-    const remoteEventObject = new this.domWindow.CustomEvent(remoteEvent.name, {
-      bubbles,
-      detail: { ...remoteEvent.params, connectionId },
-    });
-
-    const eventTypeLowerCase = remoteEvent.name.toLowerCase();
-
-    // TODO - check if there are other events that automatically wire up similarly to click->onclick and avoid those too
-    if (eventTypeLowerCase !== "click") {
-      const handlerAttributeName = "on" + eventTypeLowerCase;
-      const handlerAttributeValue = domNode.getAttribute(handlerAttributeName);
-      if (handlerAttributeValue) {
-        // This event is defined as an HTML event attribute.
-        const script = handlerAttributeValue;
-        const vmContext = this.jsdom.getInternalVMContext();
-        try {
-          const invoke = vm.runInContext(`(function(event){ ${script} })`, vmContext);
-          Reflect.apply(invoke, domNode, [remoteEventObject]);
-        } catch (e) {
-          console.error("Error running event handler:", e);
-        }
-      }
-    }
-
-    // Dispatch the event via JavaScript.
-    domNode.dispatchEvent(remoteEventObject);
-  }
-
-  private createVirtualConsole(): VirtualConsole {
-    const virtualConsole = new VirtualConsole();
-    virtualConsole.on("jsdomError", (...args) => {
-      this.log({
-        level: "system",
-        content: args,
-      });
-    });
-    virtualConsole.on("error", (...args) => {
-      this.log({
-        level: "error",
-        content: args,
-      });
-    });
-    virtualConsole.on("warn", (...args) => {
-      this.log({
-        level: "warn",
-        content: args,
-      });
-    });
-    virtualConsole.on("log", (...args) => {
-      this.log({
-        level: "log",
-        content: args,
-      });
-    });
-    virtualConsole.on("info", (...args) => {
-      this.log({
-        level: "info",
-        content: args,
-      });
-    });
-    return virtualConsole;
-  }
-}

package/src/ObservableDOM.ts

@@ -1,454 +0,0 @@
-import {
-  LogMessage,
-  ObservableDOMInterface,
-  ObservableDOMMessage,
-  ObservableDOMParameters,
-  RemoteEvent,
-  StaticVirtualDOMElement,
-  StaticVirtualDOMMutationIdsRecord,
-} from "@mml-io/observable-dom-common";
-
-import { virtualDOMElementToStatic } from "./utils";
-
-export type DOMRunnerMessage = {
-  loaded?: boolean;
-  mutationList?: Array<MutationRecord>;
-  logMessage?: LogMessage;
-};
-
-export type DOMRunnerInterface = {
-  getDocument(): Document;
-  getWindow(): Window & {
-    CustomEvent: typeof CustomEvent;
-    Text: typeof Text;
-    HTMLScriptElement: typeof HTMLScriptElement;
-    Comment: typeof Comment;
-  }; // TODO - Define this without using JSDOM types
-  dispatchRemoteEventFromConnectionId(
-    connectionId: number,
-    realElement: Element,
-    remoteEvent: RemoteEvent,
-  ): void;
-  dispose(): void;
-  getDocumentTime(): number;
-};
-
-export type DOMRunnerFactory = (
-  htmlPath: string,
-  htmlContents: string,
-  params: object,
-  callback: (domRunnerMessage: DOMRunnerMessage) => void,
-) => DOMRunnerInterface;
-
-export type LiveVirtualDOMElement = Omit<StaticVirtualDOMElement, "childNodes"> & {
-  realElement: Element | Text;
-  childNodes: Array<LiveVirtualDOMElement>;
-  parent: LiveVirtualDOMElement | null;
-};
-
-export class ObservableDOM implements ObservableDOMInterface {
-  private nodeToNodeId = new Map<LiveVirtualDOMElement, number>();
-  private nodeIdToNode = new Map<number, LiveVirtualDOMElement>();
-  private realElementToVirtualElement = new Map<Element | Text, LiveVirtualDOMElement>();
-  private ignoreTextNodes = true;
-  private callback: (message: ObservableDOMMessage, observableDOM: ObservableDOMInterface) => void;
-  private nextNodeId = 1;
-  private htmlPath: string;
-  private domRunner: DOMRunnerInterface;
-
-  private documentTimeIntervalTimer: NodeJS.Timer;
-
-  constructor(
-    observableDOMParameters: ObservableDOMParameters,
-    callback: (message: ObservableDOMMessage, observableDOM: ObservableDOMInterface) => void,
-    runnerFactory: DOMRunnerFactory,
-  ) {
-    this.htmlPath = observableDOMParameters.htmlPath;
-    this.ignoreTextNodes = observableDOMParameters.ignoreTextNodes;
-    this.callback = callback;
-
-    this.documentTimeIntervalTimer = setInterval(() => {
-      this.callback(
-        {
-          documentTime: this.getDocumentTime(),
-        },
-        this,
-      );
-    }, observableDOMParameters.pingIntervalMilliseconds || 5000);
-
-    this.domRunner = runnerFactory(
-      observableDOMParameters.htmlPath,
-      observableDOMParameters.htmlContents,
-      observableDOMParameters.params,
-      (domRunnerMessage: DOMRunnerMessage) => {
-        if (domRunnerMessage.loaded) {
-          this.createVirtualDOMElementWithChildren(
-            this.domRunner.getDocument() as unknown as Element,
-            null,
-          );
-
-          const snapshot = virtualDOMElementToStatic(
-            this.getVirtualDOMElementForRealElementOrThrow(
-              this.domRunner.getDocument() as unknown as Element,
-            ),
-          );
-
-          this.callback(
-            {
-              snapshot,
-              documentTime: this.getDocumentTime(),
-            },
-            this,
-          );
-        } else if (domRunnerMessage.mutationList) {
-          this.processModificationList(domRunnerMessage.mutationList);
-        } else if (domRunnerMessage.logMessage) {
-          this.callback(
-            {
-              logMessage: domRunnerMessage.logMessage,
-              documentTime: this.getDocumentTime(),
-            },
-            this,
-          );
-        }
-      },
-    );
-  }
-
-  public addConnectedUserId(connectionId: number): void {
-    this.domRunner.getWindow().dispatchEvent(
-      new (this.domRunner.getWindow().CustomEvent)("connected", {
-        detail: { connectionId },
-      }),
-    );
-  }
-
-  public removeConnectedUserId(connectionId: number): void {
-    this.domRunner.getWindow().dispatchEvent(
-      new (this.domRunner.getWindow().CustomEvent)("disconnected", {
-        detail: { connectionId },
-      }),
-    );
-  }
-
-  private processModificationList(mutationList: Array<MutationRecord>): void {
-    const documentEl = this.domRunner.getDocument() as unknown as Element;
-    const documentVirtualDOMElement = this.realElementToVirtualElement.get(documentEl);
-    if (!documentVirtualDOMElement) {
-      throw new Error(`document not created in processModificationList`);
-    }
-
-    if (mutationList.length > 1) {
-      // TODO - walk back through the records to derive the intermediate states (e.g. if an attribute is later added to
-      //  an element created in an earlier record then it should not have that attribute when the element is added.
-      //  This is important as incorrect attribute sets can affect visibility and expected client performance.
-      console.error(
-        "More than one mutation record received. It is possible that intermediate states are incorrect.",
-      );
-    }
-
-    for (const mutation of mutationList) {
-      if (this.isIgnoredElement(mutation.target as Element | Text)) {
-        continue;
-      }
-
-      if (
-        mutation.type === "attributes" &&
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        this.isIgnoredAttribute(mutation.target as Element | Text, mutation.attributeName!)
-      ) {
-        continue;
-      }
-
-      this.addKnownNodesInMutation(mutation);
-
-      // Convert the "real" DOM MutationRecord into a "virtual" DOM MutationRecord that references the VirtualDOMElements
-      // This is done so that the same process for handling mutations can be used for both changes to a live DOM and also
-      // to diffs between DOM snapshots when reloading
-      const firstNonIgnoredPreviousSibling = mutation.previousSibling
-        ? this.getFirstNonIgnoredPreviousSibling(mutation.previousSibling as Element | Text)
-        : null;
-      const targetElement = this.getVirtualDOMElementForRealElementOrThrow(
-        mutation.target as Element | Text,
-      );
-      const addedNodes: Array<StaticVirtualDOMElement> = [];
-      for (const node of mutation.addedNodes) {
-        if (this.isIgnoredElement(node as Element | Text)) {
-          continue;
-        }
-        const virtualDOMElement = this.getVirtualDOMElementForRealElementOrThrow(
-          node as Element | Text,
-        );
-        addedNodes.push(virtualDOMElementToStatic(virtualDOMElement));
-      }
-
-      const removedNodeIds: Array<number> = [];
-      for (const node of mutation.removedNodes) {
-        if (this.isIgnoredElement(node as Element | Text)) {
-          continue;
-        }
-        const virtualDOMElement = this.getVirtualDOMElementForRealElementOrThrow(
-          node as Element | Text,
-        );
-        removedNodeIds.push(virtualDOMElement.nodeId);
-      }
-
-      const mutationRecord: StaticVirtualDOMMutationIdsRecord = {
-        type: mutation.type,
-        targetId: targetElement.nodeId,
-        addedNodes,
-        removedNodeIds,
-        previousSiblingId:
-          firstNonIgnoredPreviousSibling !== null
-            ? this.getVirtualDOMElementForRealElementOrThrow(firstNonIgnoredPreviousSibling).nodeId
-            : null,
-        attribute: mutation.attributeName
-          ? {
-              attributeName: mutation.attributeName,
-              value: (mutation.target as Element).getAttribute(mutation.attributeName),
-            }
-          : null,
-      };
-
-      this.callback(
-        {
-          mutation: mutationRecord,
-          documentTime: this.getDocumentTime(),
-        },
-        this,
-      );
-
-      this.removeKnownNodesInMutation(mutation);
-    }
-  }
-
-  private addKnownNodesInMutation(mutation: MutationRecord): void {
-    const targetNode = mutation.target as Element | Text;
-    const virtualDOMElement = this.realElementToVirtualElement.get(targetNode);
-    if (!virtualDOMElement) {
-      throw new Error(
-        "Unknown node in addKnownNodesInMutation:" + targetNode + "," + mutation.type,
-      );
-    }
-    if (mutation.type === "childList") {
-      let previousSibling = mutation.previousSibling;
-      let index = 0;
-      while (previousSibling && this.isIgnoredElement(previousSibling as Element | Text)) {
-        previousSibling = previousSibling.previousSibling;
-      }
-      if (previousSibling) {
-        const previousSiblingElement = this.realElementToVirtualElement.get(
-          previousSibling as Element | Text,
-        );
-        if (!previousSiblingElement) {
-          throw new Error("Unknown previous sibling");
-        }
-        index = virtualDOMElement.childNodes.indexOf(previousSiblingElement);
-        if (index === -1) {
-          throw new Error("Previous sibling is not currently a child of the parent element");
-        }
-        index += 1;
-      }
-      mutation.addedNodes.forEach((node: Node) => {
-        const asElementOrText = node as Element | Text;
-        const childVirtualDOMElement = this.createVirtualDOMElementWithChildren(
-          asElementOrText,
-          virtualDOMElement,
-        );
-        if (childVirtualDOMElement) {
-          if (virtualDOMElement.childNodes.indexOf(childVirtualDOMElement) === -1) {
-            virtualDOMElement.childNodes.splice(index, 0, childVirtualDOMElement);
-            index++;
-          }
-        }
-      });
-    } else if (mutation.type === "attributes") {
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      const attributeName = mutation.attributeName!;
-      if (this.isIgnoredAttribute(targetNode, attributeName)) {
-        return;
-      }
-      const attributeValue = (targetNode as Element).getAttribute(attributeName);
-      if (attributeValue === null) {
-        delete virtualDOMElement.attributes[attributeName];
-      } else {
-        virtualDOMElement.attributes[attributeName] = attributeValue;
-      }
-    } else if (mutation.type === "characterData") {
-      virtualDOMElement.textContent = targetNode.textContent ? targetNode.textContent : undefined;
-    }
-  }
-
-  private removeKnownNodesInMutation(mutation: MutationRecord): void {
-    const targetNode = mutation.target as Element | Text;
-    const virtualDOMElement = this.realElementToVirtualElement.get(targetNode);
-    if (!virtualDOMElement) {
-      throw new Error("Unknown node in mutation list:" + targetNode + ", " + mutation.type);
-    }
-    if (mutation.type === "childList") {
-      for (const node of mutation.removedNodes) {
-        const asElementOrText = node as Element | Text;
-        if (this.isIgnoredElement(asElementOrText)) {
-          continue;
-        }
-        const childDOMElement = this.realElementToVirtualElement.get(asElementOrText);
-        if (!childDOMElement) {
-          console.warn(this.htmlPath, "Unknown node in removeKnownNodesInMutation");
-          continue;
-        } else {
-          this.removeVirtualDOMElement(childDOMElement);
-          const index = virtualDOMElement.childNodes.indexOf(childDOMElement);
-          virtualDOMElement.childNodes.splice(index, 1);
-        }
-      }
-      return;
-    }
-  }
-
-  private removeVirtualDOMElement(virtualDOMElement: LiveVirtualDOMElement): void {
-    this.nodeIdToNode.delete(virtualDOMElement.nodeId);
-    this.nodeToNodeId.delete(virtualDOMElement);
-    this.realElementToVirtualElement.delete(virtualDOMElement.realElement);
-    for (const child of virtualDOMElement.childNodes) {
-      this.removeVirtualDOMElement(child);
-    }
-  }
-
-  private createVirtualDOMElementWithChildren(
-    node: Element | Text,
-    parent: LiveVirtualDOMElement | null,
-  ): LiveVirtualDOMElement | null {
-    const virtualElement = this.createVirtualDOMElement(node, parent);
-    if (!virtualElement) {
-      return null;
-    }
-    if ((node as Element).childNodes) {
-      for (let i = 0; i < (node as Element).childNodes.length; i++) {
-        const child = (node as Element).childNodes[i];
-        const childVirtualElement = this.createVirtualDOMElementWithChildren(
-          child as Element | Text,
-          virtualElement,
-        );
-        if (childVirtualElement) {
-          virtualElement.childNodes.push(childVirtualElement);
-        }
-      }
-    }
-
-    return virtualElement;
-  }
-
-  private createVirtualDOMElement(
-    node: Element | Text,
-    parent: LiveVirtualDOMElement | null,
-  ): LiveVirtualDOMElement | null {
-    if (this.isIgnoredElement(node)) {
-      return null;
-    }
-    const existingValue = this.realElementToVirtualElement.get(node);
-    if (existingValue !== undefined) {
-      throw new Error("Node already has a virtual element: " + node.nodeName);
-    }
-    if (!node) {
-      throw new Error("Cannot assign node id to null");
-    }
-
-    const attributes: { [key: string]: string } = {};
-    if ((node as any).attributes) {
-      const asHTMLElement = node as HTMLElement;
-      for (const key of asHTMLElement.getAttributeNames()) {
-        const value = asHTMLElement.getAttribute(key);
-        if (value === null) {
-          throw new Error("Null attribute value for key: " + key);
-        }
-        if (!this.isIgnoredAttribute(node, key)) {
-          attributes[key] = value;
-        }
-      }
-    }
-
-    const nodeId = this.nextNodeId++;
-    const virtualElement: LiveVirtualDOMElement = {
-      nodeId,
-      tag: node.nodeName,
-      attributes,
-      childNodes: [],
-      realElement: node,
-      parent,
-    };
-    if (node instanceof this.domRunner.getWindow().Text && node.textContent) {
-      virtualElement.textContent = node.textContent;
-    }
-    this.nodeToNodeId.set(virtualElement, nodeId);
-    this.nodeIdToNode.set(nodeId, virtualElement);
-    this.realElementToVirtualElement.set(node, virtualElement);
-    return virtualElement;
-  }
-
-  private getFirstNonIgnoredPreviousSibling(node: Element | Text): Element | Text | null {
-    let currentNode = node;
-    if (!this.isIgnoredElement(currentNode)) {
-      return currentNode;
-    }
-    while (currentNode && currentNode.previousSibling) {
-      currentNode = currentNode.previousSibling as Element | Text;
-      if (!this.isIgnoredElement(currentNode)) {
-        return currentNode;
-      }
-    }
-    return null;
-  }
-
-  private getVirtualDOMElementForRealElementOrThrow(
-    realElement: Element | Text,
-  ): LiveVirtualDOMElement {
-    const virtualElement = this.realElementToVirtualElement.get(realElement);
-    if (!virtualElement) {
-      throw new Error(`Virtual element not found for real element`);
-    }
-    return virtualElement;
-  }
-
-  private isIgnoredElement(node: Element | Text): boolean {
-    if (this.ignoreTextNodes && node instanceof this.domRunner.getWindow().Text) {
-      return true;
-    } else if (node instanceof this.domRunner.getWindow().HTMLScriptElement) {
-      return true;
-    } else if (node instanceof this.domRunner.getWindow().Comment) {
-      return true;
-    }
-    return false;
-  }
-
-  private isIgnoredAttribute(node: Element | Text, attributeName: string): boolean {
-    return attributeName.startsWith("on");
-  }
-
-  public dispatchRemoteEventFromConnectionId(connectionId: number, remoteEvent: RemoteEvent): void {
-    const domNode = this.nodeIdToNode.get(remoteEvent.nodeId);
-    if (!domNode) {
-      console.error("Unknown node ID in remote event: " + remoteEvent.nodeId);
-      return;
-    }
-
-    if (domNode instanceof this.domRunner.getWindow().Text) {
-      console.warn("Cannot dispatch remote event to text node");
-      return;
-    }
-
-    this.domRunner.dispatchRemoteEventFromConnectionId(
-      connectionId,
-      domNode.realElement as Element,
-      remoteEvent,
-    );
-  }
-
-  public dispose() {
-    clearInterval(this.documentTimeIntervalTimer);
-    this.domRunner.dispose();
-  }
-
-  private getDocumentTime() {
-    return this.domRunner.getDocumentTime();
-  }
-}

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from "./ObservableDOM";
-export * from "./JSDOMRunner";

package/src/utils.ts

@@ -1,13 +0,0 @@
-import { StaticVirtualDOMElement } from "@mml-io/observable-dom-common";
-
-import { LiveVirtualDOMElement } from "./ObservableDOM";
-
-export function virtualDOMElementToStatic(el: LiveVirtualDOMElement): StaticVirtualDOMElement {
-  return {
-    nodeId: el.nodeId,
-    tag: el.tag,
-    attributes: el.attributes,
-    childNodes: el.childNodes.map((child) => virtualDOMElementToStatic(child)),
-    textContent: el.textContent,
-  };
-}