bigpipe-util 0.2.10 → 0.2.11

package/CHANGELOG.md

@@ -4,6 +4,13 @@ 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.11 - 2025-12-27
+- Added `incrementRequests` method to AsyncRequest.js
+- Added submitter to form data in onSubmit handler
+
+### Added
+- Added `timeout` to open dialog with a delay in method `showFromModel`
+
 ## v0.2.10 - 2025-05-15
 - Added `onAfterLoad.js`, `waitForLoad.js`
 

package/README.md

@@ -42,11 +42,11 @@ window.require = (modulePath) => {
 ### 4. Add these lines to the page footer:
 ```html
 <script>
-    (new (require("bigpipe-util/ServerJS"))).handle(<?=json_encode(\dobron\BigPipe\BigPipe::jsmods())?>);
+    (new (require("bigpipe-util/src/ServerJS"))).handle(<?=json_encode(\dobron\BigPipe\BigPipe::jsmods())?>);
 </script>
 ```
 
-## Request API
+## 🛜 Request API
 
 ```javascript
 import AsyncRequest from 'bigpipe-util/src/AsyncRequest';
@@ -119,6 +119,6 @@ We welcome contributions! If you'd like to help improve this project, feel free
 
 ## 📜 License
 
-The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
+The MIT License (MIT). Please see [License File](LICENSE) for more information.
 
 [blog]: https://www.facebook.com/notes/facebook-engineering/bigpipe-pipelining-web-pages-for-high-performance/389414033919

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

package/src/Primer.js

@@ -83,13 +83,18 @@ export default function Primer() {
       eventTarget.getAttribute("rel") === "async") {
       event.preventDefault();
 
+      const formData = new FormData(eventTarget);
       const submitter = event.submitter || eventTarget.querySelector("button[type='submit']");
       const activeControls = eventTarget.querySelectorAll("input:not([readonly]),select:not([readonly]),textarea:not([readonly])");
 
+      if (submitter.name) {
+        formData.append(submitter.name, submitter.value);
+      }
+
       (new AsyncRequest(eventTarget.getAttribute("ajaxify") || eventTarget.getAttribute("action")))
         .setMethod(eventTarget.method || "POST")
         .setRelative(eventTarget)
-        .setData(new FormData(eventTarget))
+        .setData(formData)
         .setInitialHandler(function () {
           eventTarget.classList.add("async-saving");
 

package/src/async/AsyncDOM.js

@@ -11,7 +11,7 @@ export default class AsyncDOM {
         node = (node || document.documentElement).querySelector(selector);
       }
 
-      if (!node) {
+      if (__DEV__ && !node) {
         console.error(`Selector '${selector}' does not match anything!`)
         continue;
       }

package/src/async/AsyncRequest.js

@@ -3,6 +3,10 @@ import AsyncResponse from "./AsyncResponse";
 
 let requests = 0;
 
+export function incrementRequests() {
+  return requests++;
+}
+
 function serialize(obj, prefix) {
   const str = [];
   for(const p in obj) {
@@ -181,7 +185,7 @@ export default class AsyncRequest {
 
     request.setRequestHeader("X-Requested-With", "XMLHttpRequest");
 
-    requests++;
+    incrementRequests();
 
     if (data instanceof FormData) {
       data.append('__req', requests);