Fixes #90

11ty · Sep 4, 2024 · d333c8e · d333c8e
1 parent c05c3bf
commit d333c8e
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/client/reload-client.js b/client/reload-client.js
@@ -55,10 +55,10 @@ class Util {
 
     let oldWithoutHref = from.cloneNode();
     let newWithoutHref = to.cloneNode();
-    
+
     oldWithoutHref.removeAttribute("href");
     newWithoutHref.removeAttribute("href");
-    
+
     // if all other attributes besides href match
     if(!oldWithoutHref.isEqualNode(newWithoutHref)) {
       return false;
@@ -161,7 +161,7 @@ class EleventyReload {
       // no reconnection when the connect is already open
       this.removeReconnectListeners();
     });
-    
+
     socket.addEventListener("close", () => {
       this.connectionMessageShown = false;
       this.addReconnectListeners();
@@ -219,6 +219,17 @@ class EleventyReload {
 
                     return true;
                   },
+                  addChild: function(parent, child) {
+                    // Declarative Shadow DOM https://github.com/11ty/eleventy-dev-server/issues/90
+                    if(child.nodeName === "TEMPLATE" && child.hasAttribute("shadowrootmode") && parent.shadowRoot) {
+                      for(let oldChild of parent.shadowRoot?.childNodes || []) {
+                        oldChild.remove();
+                      }
+                      for(let newChild of child.content.childNodes) {
+                        parent.shadowRoot.appendChild(newChild);
+                      }
+                    }
+                  },
                   onNodeAdded: function (node) {
                     if (node.nodeName === 'SCRIPT') {
                       Util.runScript(node);