dom swapping test

framework/assets/js/htmgo.ts

@@ -6,6 +6,7 @@ import "./htmxextensions/response-targets";
 import "./htmxextensions/mutation-error";
 import "./htmxextensions/livereload"
 import "./htmxextensions/htmgo";
+import "./htmxextensions/diffdomswap"
 
 function watchUrl(callback: (oldUrl: string, newUrl: string) => void) {
   let lastUrl = window.location.href;

framework/assets/js/htmxextensions/diffdomswap.ts

@@ -0,0 +1,23 @@
+import htmx from "htmx.org";
+import Idiomorph from './../idiomorph.js'
+
+// @ts-ignore
+htmx.defineExtension('diffdom-swap', {
+    isInlineSwap: function(swapStyle) {
+        return swapStyle === 'diffdom'
+    },
+    // @ts-ignore
+    handleSwap: function(swapStyle: string, target: any, fragment: any) {
+        if (swapStyle === 'diffdom') {
+            if (fragment.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+                console.log('diffdom swap', target, fragment)
+                console.log(Idiomorph.morph(target, fragment.firstElementChild))
+                return [target]
+            } else {
+                console.log('diffdom swap', target, fragment)
+                console.log(Idiomorph.morph(target, fragment.outerHTML))
+                return [target]
+            }
+        }
+    }
+})