bigpipe-util 0.1.3 → 0.1.4

package/CHANGELOG.md

@@ -21,3 +21,12 @@ Updates should follow the [Keep a CHANGELOG](http://keepachangelog.com/) princip
 
 ### Fixed
 - Dialog z-index
+
+## v0.1.4 - 2022-05-06
+
+### Added
+- Async requests counter
+- Support for extra arguments in dialog controller
+
+### Fixed
+- Arguments for non-method require calls

package/README.md

@@ -106,10 +106,6 @@ if (OH_NOES_WE_NEED_TO_CANCEL_RIGHT_NOW_OR_ELSE) {
    rel="dialog">Open Modal</a>
 ```
 
-## Credits
-
-- [Richard Dobroň][link-author]
-
 ## Inspiration
 
 BigPipe is inspired by the concept behind Facebook's BigPipe. For more details

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

package/src/ServerJS.js

@@ -29,8 +29,6 @@ export default class ServerJS {
 
       context[method].apply(context, marker || []);
     } else {
-      marker = method;
-
       if (marker) {
         replaceTransportMarkers(this._relativeTo, marker);
       }

package/src/async/AsyncRequest.js

@@ -1,6 +1,8 @@
 import emptyFunction from "fbjs/lib/emptyFunction";
 import AsyncResponse from "./AsyncResponse";
 
+let requests = 0;
+
 function serialize(obj, prefix) {
   const str = [];
   for(const p in obj) {
@@ -152,7 +154,13 @@ AsyncRequest.prototype.send = function () {
   };
 
   request.setRequestHeader("X-Requested-With", "XMLHttpRequest");
-  if (!(this.data instanceof FormData)) {
+
+  requests++;
+
+  if (this.data instanceof FormData) {
+    this.data.append('__req', requests);
+  } else {
+    data.__req = requests;
     data = serialize(data);
 
     if (method === "POST") {

package/src/core/Dialog.js

@@ -21,7 +21,7 @@ export default class Dialog {
     }
   }
 
-  render(options) {
+  render(options, args) {
     DOM.appendContent(document.body, this._makeDialog(options.content));
 
     modalId++;
@@ -32,12 +32,12 @@ export default class Dialog {
       backdrop: options.backdrop ?? true,
       transition: options.transition ?? 0,
       backdropTransition: options.backdropTransition ?? 0,
-    }, options.controller);
+    }, options.controller, args);
 
     stack.push(_dialog);
   }
 
-  showFromModel(model) {
+  showFromModel(model, args) {
     const _dialog = this._show({
       title: model.title || '',
       content: model.body,
@@ -46,12 +46,12 @@ export default class Dialog {
       backdrop: model.backdrop ?? true,
       transition: model.transition ?? 0,
       backdropTransition: model.backdropTransition ?? 0,
-    }, model.controller);
+    }, model.controller, args);
 
     stack.push(_dialog);
   }
 
-  _show(options, controller) {
+  _show(options, controller, args) {
     if (originalBodyPad === null) {
       originalBodyPad = document.body.style.paddingRight;
     }
@@ -59,7 +59,7 @@ export default class Dialog {
     const _modal = new Modal(options);
 
     if (controller) {
-      (new (window.require(controller))(_modal));
+      (new (window.require(controller))(_modal, ...args));
     }
 
     const self = this;