bigpipe-util 0.2.3 → 0.2.5

package/CHANGELOG.md

@@ -4,11 +4,30 @@ All notable changes to `bigpipe-util` will be documented in this file.
 
 Updates should follow the [Keep a CHANGELOG](http://keepachangelog.com/) principles.
 
+## v0.2.5 - 2023-03-07
+
+### Added
+- Added `Arbiter.js` event system
+- Added methods `byClass`, `byAttribute`, `find` to `Parent.js`
+
+### Fixed
+- Fixed controller calling
+
+## v0.2.4 - 2023-02-03
+
+### Fixed
+- Fixed controller calling
+
+## v0.2.3 - 2023-02-04
+
+### Added
+- Added setFinallyHandler for AsyncRequest
+
 ## v0.2.2 - 2022-08-03
 
 ### Fixed
-- calls for modules without constructor
-- dialog opening when using instant closing
+- Calls for modules without constructor
+- Dialog opening when using instant closing
 
 ## v0.2.1 - 2022-06-02
 

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.3",
+  "version": "0.2.5",
   "keywords": [
     "bigpipe",
     "xhr",

package/src/core/Arbiter.js

@@ -0,0 +1,53 @@
+const _events = {};
+
+export default class Arbiter {
+  constructor() {
+    this._events = _events;
+  }
+
+  inform(what, ...args) {
+    const list = [...this.getSubscribers(what)];
+    for (let i = 0; i < list.length; i++) {
+      if (list[i] === null) {
+        continue;
+      }
+
+      try {
+        list[i].apply(this, args);
+      } catch (e) {
+        window.setTimeout(() => {
+          throw e;
+        }, 0);
+      }
+    }
+    return this;
+  }
+
+  getSubscribers(toWhat) {
+    return this._events[toWhat] || (this._events[toWhat] = []);
+  }
+
+  clearSubscribers(toWhat) {
+    if (toWhat) {
+      this._events[toWhat] = [];
+    }
+    return this;
+  }
+
+  subscribe(toWhat, withWhat) {
+    const list = this.getSubscribers(toWhat);
+    list.push(withWhat);
+    return this;
+  }
+
+  unsubscribe(toWhat, withWhat) {
+    const list = this.getSubscribers(toWhat);
+    for (let i = 0; i < list.length; i++) {
+      if (list[i] === withWhat) {
+        list.splice(i, 1);
+        break;
+      }
+    }
+    return this;
+  }
+}

package/src/core/Dialog.js

@@ -39,10 +39,10 @@ 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,
+      keyboard: options.keyboard !== null && options.keyboard !== undefined ? options.keyboard : true,
+      backdrop: options.backdrop !== null && options.backdrop !== undefined ? options.backdrop : true,
+      transition: options.transition !== null && options.transition !== undefined ? options.transition : 0,
+      backdropTransition: options.backdropTransition !== null && options.backdropTransition !== undefined ? options.backdropTransition : 0,
     }, options.controller, args);
 
     stack.push(dialog);
@@ -56,10 +56,10 @@ 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,
+      keyboard: model.keyboard !== null && model.keyboard !== undefined ? model.keyboard : true,
+      backdrop: model.backdrop !== null && model.backdrop !== undefined ? model.backdrop : true,
+      transition: model.transition !== null && model.transition !== undefined ? model.transition : 0,
+      backdropTransition: model.backdropTransition !== null && model.backdropTransition !== undefined ? model.backdropTransition : 0,
     }, model.controller, args);
 
     stack.push(dialog);
@@ -76,10 +76,8 @@ export default class Dialog {
 
     if (controller) {
       if (typeof controller === 'string') {
-        controller = new (window.require(controller));
-      }
-
-      if (typeof controller === 'function') {
+        (new (window.require(controller))(_modal, ...args));
+      } else if (typeof controller === 'function') {
         controller(_modal, ...args);
       }
     }

package/src/core/Parent.js

@@ -1,9 +1,38 @@
+import CSSCore from "fbjs/lib/CSSCore";
+
 export function byTag(node, tagName) {
   tagName = tagName.toUpperCase();
+  node = find(node, function (el) {
+    return el.nodeName === tagName;
+  });
+
+  return node instanceof Element ? node : null;
+}
+
+export function byClass(node, className) {
+  node = find(node, function (el) {
+    return el instanceof Element && CSSCore.hasClass(el, className);
+  });
+
+  return node instanceof Element ? node : null;
+}
+
+export function byAttribute(node, attribute) {
+  node = find(node, function (el) {
+    return el instanceof Element && el.hasAttribute(attribute);
+  });
+
+  return node instanceof Element ? node : null;
+}
+
+export function find(node, callback) {
+  while (node) {
+    if (callback(node)) {
+      return node;
+    }
 
-  while (node && node.nodeName !== tagName) {
     node = node.parentNode;
   }
 
-  return node;
+  return null;
 }