bigpipe-util 0.2.4 → 0.2.6

package/src/core/DOM.js

@@ -1,41 +1,41 @@
-function removeNode(node) {
-  if (node.parentNode) {
-    node.parentNode.removeChild(node);
-  }
-}
-
-export default {
-  prependContent(node, content) {
-    node.insertAdjacentHTML("afterbegin", content);
-  },
-
-  insertAfter(node, content) {
-    node.insertAdjacentHTML("afterend", content);
-  },
-
-  insertBefore(node, content) {
-    node.insertAdjacentHTML("beforebegin", content);
-  },
-
-  setContent(node, content) {
-    node.innerHTML = content;
-  },
-
-  appendContent(node, content) {
-    node.insertAdjacentHTML("beforeend", content);
-  },
-
-  replace(node, content) {
-    node.outerHTML = content;
-  },
-
-  remove(node) {
-    removeNode(node);
-  },
-
-  empty(node) {
-    while (node.firstChild) {
-      removeNode(node.firstChild);
-    }
-  }
-}
+function removeNode(node) {
+  if (node.parentNode) {
+    node.parentNode.removeChild(node);
+  }
+}
+
+export default {
+  prependContent(node, content) {
+    node.insertAdjacentHTML("afterbegin", content);
+  },
+
+  insertAfter(node, content) {
+    node.insertAdjacentHTML("afterend", content);
+  },
+
+  insertBefore(node, content) {
+    node.insertAdjacentHTML("beforebegin", content);
+  },
+
+  setContent(node, content) {
+    node.innerHTML = content;
+  },
+
+  appendContent(node, content) {
+    node.insertAdjacentHTML("beforeend", content);
+  },
+
+  replace(node, content) {
+    node.outerHTML = content;
+  },
+
+  remove(node) {
+    removeNode(node);
+  },
+
+  empty(node) {
+    while (node.firstChild) {
+      removeNode(node.firstChild);
+    }
+  }
+}

package/src/core/Dialog.js

@@ -1,129 +1,135 @@
-import Modal from "modal-vanilla/lib/modal";
-import DOM from "./DOM";
-
-const DEFAULT_Z_INDEX = 1040;
-
-let stack = [];
-let dialogId = 1;
-let zIndex;
-let originalBodyPad = null;
-
-Modal.prototype._handleKeydownEvent = function(event) {
-  if (event.which === 27 && this._options.keyboard) {
-    const currentModal = stack[stack.length - 1];
-    if (currentModal.el.isEqualNode(this.el)) {
-      this.emit('dismiss', this, event, null);
-      this.hide();
-    }
-  }
-}
-
-export default class Dialog {
-  close() {
-    stack.forEach((dialog) => dialog.hide())
-  }
-
-  closeCurrent() {
-    const dialog = stack[stack.length - 1];
-
-    if (dialog) {
-      dialog.hide();
-    }
-  }
-
-  render(options, args) {
-    DOM.appendContent(document.body, this._makeDialog(options.content));
-
-    dialogId++;
-
-    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,
-    }, options.controller, args);
-
-    stack.push(dialog);
-
-    return dialog;
-  }
-
-  showFromModel(model, args) {
-    const dialog = this._show({
-      title: model.title || '',
-      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,
-    }, model.controller, args);
-
-    stack.push(dialog);
-
-    return dialog;
-  }
-
-  _show(options, controller, args) {
-    if (originalBodyPad === null) {
-      originalBodyPad = document.body.style.paddingRight;
-    }
-
-    const _modal = new Modal(options);
-
-    if (controller) {
-      if (typeof controller === 'string') {
-        (new (window.require(controller, ...args)));
-      } else if (typeof controller === 'function') {
-        controller(_modal, ...args);
-      }
-    }
-
-    const self = this;
-
-    return _modal.on('shown', function ({el}) {
-      zIndex = DEFAULT_Z_INDEX + (10 * stack.length);
-      el.style.zIndex = zIndex;
-      setTimeout(() => document.querySelector('.modal-backdrop').style.zIndex = zIndex - 1);
-    }).on('showBackdrop', this._fixBackdrop).on('hidden', function ({el}) {
-      stack = stack.filter((modal) => {
-        return ! modal.el.isEqualNode(el);
-      });
-
-      if (stack.length) {
-        document.body.classList.add('modal-open');
-      }
-
-      document.body.style.paddingRight = originalBodyPad;
-
-      zIndex -= 10;
-      self._fixBackdrop();
-      DOM.remove(el);
-    }).show();
-  }
-
-  _fixBackdrop() {
-    const backdrops = document.querySelectorAll('.modal-backdrop');
-    let shown = false;
-
-    backdrops.forEach((backdrop, index) => {
-      if (shown || index > 0 && index === backdrops.length - 1) {
-        backdrop.style.display = 'none';
-      } else {
-        backdrop.style.zIndex = zIndex - 1;
-        backdrop.style.display = '';
-        shown = true;
-      }
-    });
-  }
-
-  _makeDialog(content) {
-    this.id = `js_${dialogId.toString(16)}`;
-    return `<div id="${this.id}" class="modal fade" tabindex="-1" role="dialog">
-  ${content}
-</div>`;
-  }
-}
+import Modal from "modal-vanilla/lib/modal";
+import DOM from "./DOM";
+
+const DEFAULT_Z_INDEX = 1040;
+
+let stack = [];
+let dialogId = 1;
+let zIndex;
+let originalBodyPad = null;
+
+Modal.prototype._handleKeydownEvent = function(event) {
+  if (event.which === 27 && this._options.keyboard) {
+    const currentModal = stack[stack.length - 1];
+    if (currentModal.el.isEqualNode(this.el)) {
+      this.emit('dismiss', this, event, null);
+      this.hide();
+    }
+  }
+}
+
+export default class Dialog {
+  close(limit = -1) {
+    let modals;
+    if (limit > -1) {
+      modals = stack.slice(-limit);
+    } else {
+      modals = stack
+    }
+    modals.forEach((dialog) => dialog.hide())
+  }
+
+  closeCurrent() {
+    const dialog = stack.pop();
+
+    if (dialog) {
+      dialog.hide();
+    }
+  }
+
+  render(options, args) {
+    DOM.appendContent(document.body, this._makeDialog(options.content, options.dialogClassName));
+
+    dialogId++;
+
+    const dialog = this._show({
+      el: document.getElementById(this.id),
+      animate: options.animate !== null && options.animate !== undefined ? options.animate : false,
+      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);
+
+    return dialog;
+  }
+
+  showFromModel(model, args) {
+    const dialog = this._show({
+      title: model.title || '',
+      content: model.body,
+      footer: model.footer || false,
+      animate: model.animate !== null && model.animate !== undefined ? model.animate : false,
+      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);
+
+    return dialog;
+  }
+
+  _show(options, controller, args) {
+    if (originalBodyPad === null) {
+      originalBodyPad = document.body.style.paddingRight;
+    }
+
+    const _modal = new Modal(options);
+
+    if (controller) {
+      if (typeof controller === 'string') {
+        (new (window.require(controller))(_modal, ...args));
+      } else if (typeof controller === 'function') {
+        controller(_modal, ...args);
+      }
+    }
+
+    const self = this;
+
+    return _modal.on('shown', function ({el}) {
+      zIndex = DEFAULT_Z_INDEX + (10 * stack.length);
+      el.style.zIndex = zIndex;
+      setTimeout(() => document.querySelector('.modal-backdrop').style.zIndex = zIndex - 1);
+    }).on('showBackdrop', this._fixBackdrop).on('hidden', function ({el}) {
+      stack = stack.filter((modal) => {
+        return ! modal.el.isEqualNode(el);
+      });
+
+      if (stack.length) {
+        document.body.classList.add('modal-open');
+      }
+
+      document.body.style.paddingRight = originalBodyPad;
+
+      zIndex -= 10;
+      self._fixBackdrop();
+      DOM.remove(el);
+    }).show();
+  }
+
+  _fixBackdrop() {
+    const backdrops = document.querySelectorAll('.modal-backdrop');
+    let shown = false;
+
+    backdrops.forEach((backdrop, index) => {
+      if (shown || index > 0 && index === backdrops.length - 1) {
+        backdrop.style.display = 'none';
+      } else {
+        backdrop.style.zIndex = zIndex - 1;
+        backdrop.style.display = '';
+        shown = true;
+      }
+    });
+  }
+
+  _makeDialog(content, dialogClassName) {
+    this.id = `js_${dialogId.toString(16)}`;
+    return `<div id="${this.id}" class="modal fade ${dialogClassName || ''}" tabindex="-1" role="dialog">
+  ${content}
+</div>`;
+  }
+}

package/src/core/Parent.js

@@ -1,9 +1,38 @@
-export function byTag(node, tagName) {
-  tagName = tagName.toUpperCase();
-
-  while (node && node.nodeName !== tagName) {
-    node = node.parentNode;
-  }
-
-  return node;
-}
+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;
+    }
+
+    node = node.parentNode;
+  }
+
+  return null;
+}

package/src/core/ReloadPage.js

@@ -1,9 +1,9 @@
-export default class ReloadPage {
-  now() {
-    window.location.reload();
-  }
-
-  delay(delay) {
-    setTimeout(this.now.bind(this), delay);
-  }
-}
+export default class ReloadPage {
+  now() {
+    window.location.reload();
+  }
+
+  delay(delay) {
+    setTimeout(this.now.bind(this), delay);
+  }
+}

package/src/core/ServerRedirect.js

@@ -1,7 +1,7 @@
-export default class ServerRedirect {
-  redirectPageTo(url, delay = 0) {
-    setTimeout(function () {
-      window.location = url;
-    }, delay);
-  }
-}
+export default class ServerRedirect {
+  redirectPageTo(url, delay = 0) {
+    setTimeout(function () {
+      window.location = url;
+    }, delay);
+  }
+}

package/src/core/copyProperties.js

@@ -1,46 +1,46 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- * All rights reserved.
- *
- * This source code is licensed under the BSD-style license found in the
- * LICENSE file in the root directory of this source tree. An additional grant
- * of patent rights can be found in the PATENTS file in the same directory.
- *
- * @providesModule copyProperties
- */
-'use strict';
-
-/**
- * Copy properties from one or more objects (up to 5) into the first object.
- * This is a shallow copy. It mutates the first object and also returns it.
- *
- * NOTE: `arguments` has a very significant performance penalty, which is why
- * we don't support unlimited arguments.
- */
-export default function copyProperties(obj, a, b, c, d, e, f) {
-  obj = obj || {};
-
-  if (__DEV__) {
-    if (f) {
-      throw new Error('Too many arguments passed to copyProperties');
-    }
-  }
-
-  var args = [a, b, c, d, e];
-  var ii = 0, v;
-  while (args[ii]) {
-    v = args[ii++];
-    for (var k in v) {
-      obj[k] = v[k];
-    }
-
-    // IE ignores toString in object iteration.. See:
-    // webreflection.blogspot.com/2007/07/quick-fix-internet-explorer-and.html
-    if (v.hasOwnProperty && v.hasOwnProperty('toString') &&
-      (typeof v.toString !== 'undefined') && (obj.toString !== v.toString)) {
-      obj.toString = v.toString;
-    }
-  }
-
-  return obj;
-}
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ * All rights reserved.
+ *
+ * This source code is licensed under the BSD-style license found in the
+ * LICENSE file in the root directory of this source tree. An additional grant
+ * of patent rights can be found in the PATENTS file in the same directory.
+ *
+ * @providesModule copyProperties
+ */
+'use strict';
+
+/**
+ * Copy properties from one or more objects (up to 5) into the first object.
+ * This is a shallow copy. It mutates the first object and also returns it.
+ *
+ * NOTE: `arguments` has a very significant performance penalty, which is why
+ * we don't support unlimited arguments.
+ */
+export default function copyProperties(obj, a, b, c, d, e, f) {
+  obj = obj || {};
+
+  if (__DEV__) {
+    if (f) {
+      throw new Error('Too many arguments passed to copyProperties');
+    }
+  }
+
+  var args = [a, b, c, d, e];
+  var ii = 0, v;
+  while (args[ii]) {
+    v = args[ii++];
+    for (var k in v) {
+      obj[k] = v[k];
+    }
+
+    // IE ignores toString in object iteration.. See:
+    // webreflection.blogspot.com/2007/07/quick-fix-internet-explorer-and.html
+    if (v.hasOwnProperty && v.hasOwnProperty('toString') &&
+      (typeof v.toString !== 'undefined') && (obj.toString !== v.toString)) {
+      obj.toString = v.toString;
+    }
+  }
+
+  return obj;
+}

package/src/core/replaceTransportMarkers.js

@@ -1,27 +1,27 @@
-import $ from './$';
-
-export default function replaceTransportMarkers(markerValue, markers, key) {
-  const marker = typeof key !== "undefined" ? markers[key] : markers;
-
-  if (Array.isArray(marker)) {
-    for (let i = 0; i < marker.length; i++) {
-      replaceTransportMarkers(markerValue, marker, i);
-    }
-  } else {
-    if (marker && typeof marker == "object") {
-      if (marker.__m) {
-        markers[key] = window.require(marker.__m);
-      } else if (marker.__e) {
-        markers[key] = $(marker.__e);
-      } else if (marker.__map) {
-        markers[key] = new Map(marker.__map);
-      } else if (marker.__set) {
-        markers[key] = new Set(marker.__set);
-      } else {
-        for (let value in marker) {
-          replaceTransportMarkers(markerValue, marker, value);
-        }
-      }
-    }
-  }
-}
+import $ from './$';
+
+export default function replaceTransportMarkers(markerValue, markers, key) {
+  const marker = typeof key !== "undefined" ? markers[key] : markers;
+
+  if (Array.isArray(marker)) {
+    for (let i = 0; i < marker.length; i++) {
+      replaceTransportMarkers(markerValue, marker, i);
+    }
+  } else {
+    if (marker && typeof marker == "object") {
+      if (marker.__m) {
+        markers[key] = window.require(marker.__m);
+      } else if (marker.__e) {
+        markers[key] = $(marker.__e);
+      } else if (marker.__map) {
+        markers[key] = new Map(marker.__map);
+      } else if (marker.__set) {
+        markers[key] = new Set(marker.__set);
+      } else {
+        for (let value in marker) {
+          replaceTransportMarkers(markerValue, marker, value);
+        }
+      }
+    }
+  }
+}