Add interactive check to ready event handler

.github/FUNDING.yml

@@ -0,0 +1,3 @@
+# These are supported funding model platforms
+
+github: [1cg]

.github/workflows/ci.yml

@@ -0,0 +1,19 @@
+name: Node CI
+
+on:
+  push:
+    branches: [ master, dev, htmx-2.0 ]
+  pull_request:
+    branches: [ master, dev, htmx-2.0 ]
+
+jobs:
+  test_suite:
+    runs-on: ubuntu-22.04
+    steps:
+      - uses: actions/checkout@v3
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '15.x'
+      - run: npm ci
+      - run: npm test

.gitignore

@@ -1,4 +1,7 @@
 .idea
+*.iml
 /node_modules
 _site
-test/scratch.html
+test/scratch/scratch.html
+.DS_Store
+.vscode

README.md

@@ -1,29 +1,39 @@
-[![</> htmx](https://raw.githubusercontent.com/bigskysoftware/htmx/master/www/img/htmx_logo.1.png "high power tools for HTML")](https://htmx.org)
+[![</> htmx](https://raw.githubusercontent.com/bigskysoftware/htmx/master/www/static/img/htmx_logo.1.png "high power tools for HTML")](https://htmx.org)
 
 *high power tools for HTML*
 
-[![Gitter](https://img.shields.io/gitter/room/intercooler-js/Lobby.svg)](https://gitter.im/intercooler-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
+[![Discord](https://img.shields.io/discord/725789699527933952)](https://htmx.org/discord)
 [![Netlify](https://img.shields.io/netlify/dba3fc85-d9c9-476a-a35a-e52a632cef78)](https://app.netlify.com/sites/htmx/deploys)
-[![Circle CI](https://circleci.com/gh/bigskysoftware/htmx.svg?style=shield)](https://app.circleci.com/pipelines/github/bigskysoftware/htmx)
+[![Bundlephobia](https://badgen.net/bundlephobia/dependency-count/htmx.org)](https://bundlephobia.com/result?p=htmx.org)
+[![Bundlephobia](https://badgen.net/bundlephobia/minzip/htmx.org)](https://bundlephobia.com/result?p=htmx.org)
 
 ## introduction
 
-htmx allows you to access  [AJAX](https://htmx.org/docs#ajax), 
-[WebSockets](https://htmx.org/docs#websockets) and [Server Sent Events](https://htmx.org/docs#sse) 
-directly in HTML, using [attributes](https://htmx.org/reference#attributes), so you can build 
-[modern user interfaces](https://htmx.org/examples) with the [simplicity](https://en.wikipedia.org/wiki/HATEOAS) and 
+htmx allows you to access  [AJAX](https://htmx.org/docs#ajax), [CSS Transitions](https://htmx.org/docs#css_transitions),
+[WebSockets](https://htmx.org/docs#websockets) and [Server Sent Events](https://htmx.org/docs#sse)
+directly in HTML, using [attributes](https://htmx.org/reference#attributes), so you can build
+[modern user interfaces](https://htmx.org/examples) with the [simplicity](https://en.wikipedia.org/wiki/HATEOAS) and
 [power](https://www.ics.uci.edu/~fielding/pubs/dissertation/rest_arch_style.htm) of hypertext
 
-htmx is small ([~7k min.gz'd](https://unpkg.com/htmx.org/dist/)), 
+htmx is small ([~14k min.gz'd](https://unpkg.com/htmx.org/dist/)),
 [dependency-free](https://github.com/bigskysoftware/htmx/blob/master/package.json),
-[extendable](https://htmx.org/extensions) & 
+[extendable](https://htmx.org/extensions) &
 IE11 compatible
 
+## motivation
+
+* Why should only `<a>` and `<form>` be able to make HTTP requests?
+* Why should only `click` & `submit` events trigger them?
+* Why should only GET & POST be available?
+* Why should you only be able to replace the *entire* screen?
+
+By removing these arbitrary constraints htmx completes HTML as a
+[hypertext](https://en.wikipedia.org/wiki/Hypertext)
+
 ## quick start
 
 ```html
-  <!-- Load from unpkg -->
-  <script src="https://unpkg.com/htmx.org@0.0.8"></script>
+  <script src="https://unpkg.com/htmx.org@1.9.4"></script>
   <!-- have a button POST a click via AJAX -->
   <button hx-post="/clicked" hx-swap="outerHTML">
     Click Me
@@ -36,18 +46,67 @@ The [`hx-post`](https://htmx.org/attributes/hx-post) and [`hx-swap`](https://htm
 
 htmx is the successor to [intercooler.js](http://intercoolerjs.org)
 
+### installing as a node package
+
+To install using npm:
+
+```
+npm install htmx.org --save
+```
+
+Note there is an old broken package called `htmx`.  This is `htmx.org`.
+
 ## website & docs
 
 * <https://htmx.org>
 * <https://htmx.org/docs>
 
 ## contributing
 
-* please write code, including tests, in ES5 for [IE 11 compatibility](https://stackoverflow.com/questions/39902809/support-for-es6-in-internet-explorer-11)
-* please include test cases in [`/test`](https://github.com/bigskysoftware/htmx/tree/dev/test) and docs in [`/www`](https://github.com/bigskysoftware/htmx/tree/dev/www)
-* if you are adding a feature, consider doing it as an [extension](https://htmx.org/extensions) instead to
-keep the core htmx code tidy
-* development pull requests should be against the `dev` branch, docs fixes can be made directly against `master`
+* All PRs should be made against the `dev` branch, except documentation PRs (`www/` directory) which can be made against `master`
+* Please write code, including tests, in ES5 for [IE 11 compatibility](https://stackoverflow.com/questions/39902809/support-for-es6-in-internet-explorer-11)
+* Please include test cases in [`/test`](https://github.com/bigskysoftware/htmx/tree/dev/test) and docs in [`/www`](https://github.com/bigskysoftware/htmx/tree/dev/www)
+* Search the issues before proposing a feature to see if it is already under discussion
+* If you are adding a feature, consider doing it as an [extension](https://htmx.org/extensions) instead to keep the core htmx code tidy
+* Want to contribute but don't know where to start? Look for issues with the "help wanted" tag
+* Refactors that do not make functional changes will be automatically closed, unless explicitly solicited (documentation typo fixes are fine)
+* No time? Then [become a sponsor](https://github.com/sponsors/bigskysoftware#sponsors)
+
+### hacking guide
+
+To develop htmx locally, you will need to install the development dependencies.
+
+__Requires Node 15.__
+
+Run:
+
+```
+npm install
+```
+
+Then, run a web server in the root.
+
+This is easiest with:
+
+```
+npx serve
+```
+
+You can then run the test suite by navigating to:
+
+<http://0.0.0.0:3000/test/>
+
+At this point you can modify `/src/htmx.js` to add features, and then add tests in the appropriate area under `/test`.
+
+* `/test/index.html` - the root test page from which all other tests are included
+* `/test/attributes` - attribute specific tests
+* `/test/core` - core functionality tests
+* `/test/core/regressions.js` - regression tests
+* `/test/ext` - extension tests
+* `/test/manual` - manual tests that cannot be automated
+
+htmx uses the [mocha](https://mochajs.org/) testing framework, the [chai](https://www.chaijs.com/) assertion framework
+and [sinon](https://sinonjs.org/releases/v9/fake-xhr-and-server/) to mock out AJAX requests.  They are all OK.
 
 ## haiku
 

dist/ext/alpine-morph.js

@@ -0,0 +1,16 @@
+htmx.defineExtension('alpine-morph', {
+    isInlineSwap: function (swapStyle) {
+        return swapStyle === 'morph';
+    },
+    handleSwap: function (swapStyle, target, fragment) {
+        if (swapStyle === 'morph') {
+            if (fragment.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+                Alpine.morph(target, fragment.firstElementChild);
+                return [target];
+            } else {
+                Alpine.morph(target, fragment.outerHTML);
+                return [target];
+            }
+        }
+    }
+});

dist/ext/class-tools.js

@@ -1,4 +1,4 @@
-(function(){
+(function () {
 
     function splitOnWhitespace(trigger) {
         return trigger.split(/\s+/);
@@ -20,15 +20,29 @@
                 delay = 100;
             }
             return {
-                operation:operation,
-                cssClass:cssClass,
-                delay:delay
+                operation: operation,
+                cssClass: cssClass,
+                delay: delay
             }
         } else {
             return null;
         }
     }
 
+    function performOperation(elt, classOperation, classList, currentRunTime) {
+        setTimeout(function () {
+            elt.classList[classOperation.operation].call(elt.classList, classOperation.cssClass);
+        }, currentRunTime)
+    }
+
+    function toggleOperation(elt, classOperation, classList, currentRunTime) {
+        setTimeout(function () {
+            setInterval(function () {
+                elt.classList[classOperation.operation].call(elt.classList, classOperation.cssClass);
+            }, classOperation.delay);
+        }, currentRunTime)
+    }
+
     function processClassList(elt, classList) {
         var runs = classList.split("&");
         for (var i = 0; i < runs.length; i++) {
@@ -41,17 +55,11 @@
                 var classOperation = parseClassOperation(trimmedValue);
                 if (classOperation) {
                     if (classOperation.operation === "toggle") {
-                        setTimeout(function () {
-                            setInterval(function () {
-                                elt.classList[classOperation.operation].call(elt.classList, classOperation.cssClass);
-                            }, classOperation.delay);
-                        }, currentRunTime);
+                        toggleOperation(elt, classOperation, classList, currentRunTime);
                         currentRunTime = currentRunTime + classOperation.delay;
                     } else {
                         currentRunTime = currentRunTime + classOperation.delay;
-                        setTimeout(function () {
-                            elt.classList[classOperation.operation].call(elt.classList, classOperation.cssClass);
-                        }, currentRunTime);
+                        performOperation(elt, classOperation, classList, currentRunTime);
                     }
                 }
             }
@@ -69,7 +77,7 @@
 
     htmx.defineExtension('class-tools', {
         onEvent: function (name, evt) {
-            if (name === "htmx:processedNode") {
+            if (name === "htmx:afterProcessNode") {
                 var elt = evt.detail.elt;
                 maybeProcessClasses(elt);
                 if (elt.querySelectorAll) {
@@ -81,4 +89,4 @@
             }
         }
     });
-})();
+})();

dist/ext/disable-element.js

@@ -0,0 +1,16 @@
+"use strict";
+
+// Disable Submit Button
+htmx.defineExtension('disable-element', {
+    onEvent: function (name, evt) {
+        let elt = evt.detail.elt;
+        let target = elt.getAttribute("hx-disable-element");
+        let targetElement = (target == "self") ? elt : document.querySelector(target);
+
+        if (name === "htmx:beforeRequest" && targetElement) {
+            targetElement.disabled = true;
+        } else if (name == "htmx:afterRequest" && targetElement) {
+            targetElement.disabled = false;
+        }
+    }
+});

dist/ext/event-header.js

@@ -0,0 +1,37 @@
+(function(){
+    function stringifyEvent(event) {
+        var obj = {};
+        for (var key in event) {
+            obj[key] = event[key];
+        }
+        return JSON.stringify(obj, function(key, value){
+            if(value instanceof Node){
+                var nodeRep = value.tagName;
+                if (nodeRep) {
+                    nodeRep = nodeRep.toLowerCase();
+                    if(value.id){
+                        nodeRep += "#" + value.id;
+                    }
+                    if(value.classList && value.classList.length){
+                        nodeRep += "." + value.classList.toString().replace(" ", ".")
+                    }
+                    return nodeRep;
+                } else {
+                    return "Node"
+                }
+            }
+            if (value instanceof Window) return 'Window';
+            return value;
+        });
+    }
+
+    htmx.defineExtension('event-header', {
+        onEvent: function (name, evt) {
+            if (name === "htmx:configRequest") {
+                if (evt.detail.triggeringEvent) {
+                    evt.detail.headers['Triggering-Event'] = stringifyEvent(evt.detail.triggeringEvent);
+                }
+            }
+        }
+    });
+})();