another attempts at module packaging

dist/idiomorph-htmx.js

@@ -1,12 +1,24 @@
-htmx.defineExtension('morph', {
-    isInlineSwap: function(swapStyle) {
-        return swapStyle === 'morph';
-    },
-    handleSwap: function (swapStyle, target, fragment) {
+(function(){
+    function createMorphConfig(swapStyle) {
         if (swapStyle === 'morph' || swapStyle === 'morph:outerHTML') {
-            return Idiomorph.morph(target, fragment.children);
+            return {morphStyle: 'outerHTML'}
         } else if (swapStyle === 'morph:innerHTML') {
-            return Idiomorph.morph(target, fragment.children, {morphStyle:'innerHTML'});
+            return {morphStyle: 'innerHTML'}
+        } else if (swapStyle.startsWith("morph:")) {
+            return Function("return (" + swapStyle.slice(6) + ")")();
         }
     }
-});
+
+    htmx.defineExtension('morph', {
+        isInlineSwap: function(swapStyle) {
+            let config = createMorphConfig(swapStyle);
+            return config.swapStyle === "outerHTML" || config.swapStyle == null;
+        },
+        handleSwap: function (swapStyle, target, fragment) {
+            let config = createMorphConfig(swapStyle);
+            if (config) {
+                return Idiomorph.morph(target, fragment.children, config);
+            }
+        }
+    });
+})()

package.json

@@ -19,7 +19,11 @@
   "unpkg": "dist/idiomorph.min.js",
   "scripts": {
     "test": "mocha-chrome test/index.html",
-    "dist": "cp -r src/* dist/ && cat src/idiomorph.js src/idiomorph-htmx.js > dist/idiomorph-ext.js && npm run-script uglify && gzip -9 -k -f dist/idiomorph.min.js > dist/idiomorph.min.js.gz && exit",
+    "amd" : "(cat src/idiomorph.js && echo \"\ndefine([], Idiomorph);\") > dist/idiomorph.amd.js",
+    "cjs" : "(cat src/idiomorph.js && echo \"\nmodule.exports = Idiomorph;\") > dist/idiomorph.cjs.js",
+    "esm" : "(cat src/idiomorph.js && echo \"\nexport default {Idiomorph};\") > dist/idiomorph.esm.js",
+    "gen-modules" : "npm run-script amd && npm run-script cjs && npm run-script esm",
+    "dist": "cp -r src/* dist/ && cat src/idiomorph.js src/idiomorph-htmx.js > dist/idiomorph-ext.js && npm run-script gen-modules && npm run-script uglify && gzip -9 -k -f dist/idiomorph.min.js > dist/idiomorph.min.js.gz && exit",
     "uglify": "uglifyjs -m eval -o dist/idiomorph.min.js dist/idiomorph.js && uglifyjs -m eval -o dist/idiomorph-ext.min.js dist/idiomorph-ext.js"
   },
   "repository": {

src/idiomorph.js

@@ -1,25 +1,5 @@
-//=============================================================================
-// UMD insanity... i hate javascript so much
-//
-// IGNORE EVERYTHING FROM HERE UNTIL THE COMMENT SAYING 'AND NOW IT BEGINS..."
-//=============================================================================
-(function (root, factory) {
-    //@ts-ignore
-    if (typeof define === 'function' && define.amd) {
-        // AMD. Register as an anonymous module.
-        //@ts-ignore
-        define([], factory);
-    } else if (typeof module === 'object' && module.exports) {
-        // Node. Does not work with strict CommonJS, but
-        // only CommonJS-like environments that support module.exports,
-        // like Node.
-        module.exports = factory();
-    } else {
-        // Browser globals
-        root.Idiomorph = root.Idiomorph || factory();
-    }
-}(typeof self !== 'undefined' ? self : this,
-    function () {
+// base IIFE to define idiomorph
+var Idiomorph = (function () {
         'use strict';
 
         //=============================================================================
@@ -865,5 +845,4 @@
             morph,
             defaults
         }
-    }));
-
+    })();