bigpipe-util 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -39,3 +39,12 @@ Updates should follow the [Keep a CHANGELOG](http://keepachangelog.com/) princip
 
 ### Fixed
 - Backdrop for 2+ opened dialogs
+
+## v0.2.1 - 2022-06-02
+
+### Added
+- Prevent links from being double-clicked
+- Support for keyboard (close by escape)
+
+### Fixed
+- Closing dialogs with [esc] in the correct order

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bigpipe-util",
   "description": "This library currently implements small part of Facebook BigPipe so far, but the advantage is to efficiently insert/replace content and work with the DOM. It is also possible to easily call JavaScript modules from PHP.",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "keywords": [
     "bigpipe",
     "xhr",

package/src/Primer.js

@@ -19,6 +19,11 @@ export default function Primer() {
     let relationship = linkNodeOnClicked.rel && linkNodeOnClicked.rel.match(RELATIONSHIP_REGEX);
     relationship = relationship && relationship[0];
 
+    if (linkNodeOnClicked.classList.contains('async-saving')) {
+      event.preventDefault();
+      return;
+    }
+
     switch (relationship) {
       case "async":
       case "async-post":
@@ -26,6 +31,15 @@ export default function Primer() {
 
         (new AsyncRequest(linkNodeOnClicked.getAttribute("ajaxify")))
           .setRelative(linkNodeOnClicked)
+          .setInitialHandler(() => {
+            linkNodeOnClicked.classList.add("async-saving");
+          })
+          .setHandler(() => {
+            linkNodeOnClicked.classList.remove("async-saving");
+          })
+          .setErrorHandler(() => {
+            linkNodeOnClicked.classList.remove("async-saving");
+          })
           .setMethod(relationship === "async-post" ? "POST" : "GET")
           .send();
         break;
@@ -34,6 +48,15 @@ export default function Primer() {
 
         (new AsyncRequest(linkNodeOnClicked.getAttribute("ajaxify")))
           .setRelative(linkNodeOnClicked)
+          .setInitialHandler(() => {
+            linkNodeOnClicked.classList.add("async-saving");
+          })
+          .setHandler(() => {
+            linkNodeOnClicked.classList.remove("async-saving");
+          })
+          .setErrorHandler(() => {
+            linkNodeOnClicked.classList.remove("async-saving");
+          })
           .setMethod("POST")
           .send();
         break;

package/src/core/Dialog.js

@@ -8,6 +8,16 @@ let modalId = 1;
 let zIndex;
 let originalBodyPad = null;
 
+Modal.prototype._handleKeydownEvent = function(e) {
+  if (e.which === 27 && this._options.keyboard) {
+    const currentModal = stack[stack.length - 1];
+    if (currentModal.el.isEqualNode(this.el)) {
+      this.emit('dismiss', this, e, null);
+      this.hide();
+    }
+  }
+}
+
 export default class Dialog {
   close() {
     stack.forEach((dialog) => dialog.hide())
@@ -29,6 +39,7 @@ export default class Dialog {
     const _dialog = this._show({
       el: document.getElementById(this.id),
       animate: false,
+      keyboard: options.keyboard ?? true,
       backdrop: options.backdrop ?? true,
       transition: options.transition ?? 0,
       backdropTransition: options.backdropTransition ?? 0,
@@ -43,6 +54,7 @@ export default class Dialog {
       content: model.body,
       footer: model.footer || false,
       animate: false,
+      keyboard: model.keyboard ?? true,
       backdrop: model.backdrop ?? true,
       transition: model.transition ?? 0,
       backdropTransition: model.backdropTransition ?? 0,