bigpipe-util/src/ServerJS.js

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.

import replaceTransportMarkers from "./core/replaceTransportMarkers";

function handler(dependencies, guard, context) {
  return dependencies.map(function (args) {
    guard.apply(context, args);
  });
}

export default class ServerJS {
  constructor() {
    this._relativeTo = document.body;
  }

  handle(jsMods) {
    handler(jsMods.require || [], this._handleRequire, this);
  }

  _handleRequire(modulePath, method, marker) {
    if (method && typeof method === 'string') {
      if (marker) {
        replaceTransportMarkers(this._relativeTo, marker);
      }

      const factory = window.require(modulePath);
      const context = typeof factory === 'function' ? new factory : factory;

      if (!context[method]) {
        throw new TypeError(`Module ${modulePath} has no method "${method}"`);
      }

      context[method].apply(context, marker || []);
    } else {
      if (marker) {
        replaceTransportMarkers(this._relativeTo, marker);
      }

      new (window.require(modulePath))(...(marker || []));
    }
  }
}