htmx

yeah I was thinking about switching to morphdom globally anyway

I'm actually looking at nanomorph right now

seems like it would be easy to create a plugin for it just like morphdom, and I can understand the code pretty well

https://github.com/choojs/nanomorph/blob/master/index.js

if I can get my head around it, it might be part of htmx 2.0

I'm becoming more and more convinced that code which isn't grug brain compatible is eventually destined for the recycling bin after a few years.  Unauditable black boxes get tossed out.

it says it's api compatable with morphdom

https://github.com/bigskysoftware/htmx/blob/master/src/ext/morphdom-swap.js

https://github.com/choojs/nanohtml is neat too

digging the nanomorph code, a little hairy in a few spots but I think I could reimplement and understand it pretty well

definitely worth considering ootb for htmx 2

I must be doing something stupid because I am not getting htmx to call the extension

```js
htmx.defineExtension('nanomorph-swap', {
  isInlineSwap: function(swapStyle) {
    return swapStyle === 'nanomorph';
  },
  handleSwap: function (swapStyle, target, fragment) {
    console.log('using extension');
    if (swapStyle === 'nanomorph') {
      console.log('using extension');
      if (fragment.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
        morph(target, fragment.firstElementChild);
        return [target];
      } else {
        morph(target, fragment.outerHTML);
        return [target];
      }
    }
  }
});
```

```js
htmx.defineExtension('nanomorph-swap', {
  isInlineSwap: function(swapStyle) {
    return swapStyle === 'nanomorph';
  },
  handleSwap: function (swapStyle, target, fragment) {
    if (swapStyle === 'nanomorph') {
      if (fragment.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
        morph(target, fragment.firstElementChild);
        return [target];
      } else {
        morph(target, fragment);
        return [target];
      }
    }
  }
});
```

fragment.outerHTML is a string and nanomorph wanted an object

but that works for a fragment + a boosted link