marko 5.37.0 → 6.0.0-3.4

package/src/runtime/renderable.js

@@ -1,194 +0,0 @@
-"use strict";
-
-var extend = require("raptor-util/extend");
-var setImmediate = require("@internal/set-immediate").___setImmediate;
-var defaultCreateOut = require("./createOut");
-
-function safeRender(renderFunc, finalData, finalOut, shouldEnd) {
-  try {
-    renderFunc(finalData, finalOut);
-
-    if (shouldEnd) {
-      finalOut.end();
-    }
-  } catch (err) {
-    var actualEnd = finalOut.end;
-    finalOut.end = function () {};
-
-    setImmediate(function () {
-      finalOut.end = actualEnd;
-      finalOut.error(err);
-    });
-  }
-  return finalOut;
-}
-
-module.exports = function (target, renderer) {
-  var renderFunc =
-    renderer && (renderer.renderer || renderer.render || renderer);
-  var createOut = target.createOut || renderer.createOut || defaultCreateOut;
-
-  return extend(target, {
-    _: renderFunc,
-    createOut: createOut,
-
-    renderToString: function (data, callback) {
-      var localData = data || {};
-      var render = renderFunc || this._;
-      var globalData = localData.$global;
-      var out = createOut(globalData);
-
-      out.global.template = this;
-
-      if (globalData) {
-        localData.$global = undefined;
-      }
-
-      if (callback) {
-        out
-          .on("finish", function () {
-            callback(null, out.toString(), out);
-          })
-          .once("error", callback);
-
-        return safeRender(render, localData, out, true);
-      } else {
-        out.sync();
-        render(localData, out);
-        return out.toString();
-      }
-    },
-
-    renderSync: function (data) {
-      var localData = data || {};
-      var render = renderFunc || this._;
-      var globalData = localData.$global;
-      var out = createOut(globalData);
-      out.sync();
-
-      out.global.template = this;
-
-      if (globalData) {
-        localData.$global = undefined;
-      }
-
-      render(localData, out);
-      return out.___getResult();
-    },
-
-    /**
-     * Renders a template to nodes and inserts them into the DOM relative
-     * to the provided reference based on the optional position parameter.
-     *
-     * Supported signatures:
-     *
-     * mount(data, reference)
-     * mount(data, reference, position)
-     *
-     * @param  {Object} data The view model data for the template
-     * @param  {Node} reference DOM node to insert the rendered node(s) relative to
-     * @param  {string} [position] A string representing the position relative to the `reference`; must match (case-insensitively) one of the following strings:
-     *  'beforebegin': Before the targetElement itself.
-     *  'afterbegin': Just inside the targetElement, before its first child.
-     *  'beforeend': Just inside the targetElement, after its last child.
-     *  'afterend': After the targetElement itself.
-     * @return {TemplateInstance} Object with `update` and `dispose` methods
-     */
-    mount: function (data, reference, position) {
-      const result = this.renderSync(data);
-
-      switch (position) {
-        case "afterbegin":
-          result.prependTo(reference);
-          break;
-        case "afterend":
-          result.insertAfter(reference);
-          break;
-        case "beforebegin":
-          result.insertBefore(reference);
-          break;
-        default:
-          result.appendTo(reference);
-          break;
-      }
-
-      const component = result.getComponent();
-
-      return {
-        update(input) {
-          component.input = input;
-          component.update();
-        },
-        destroy() {
-          component.destroy();
-        },
-      };
-    },
-
-    /**
-     * Renders a template to either a stream (if the last
-     * argument is a Stream instance) or
-     * provides the output to a callback function (if the last
-     * argument is a Function).
-     *
-     * Supported signatures:
-     *
-     * render(data)
-     * render(data, out)
-     * render(data, stream)
-     * render(data, callback)
-     *
-     * @param  {Object} data The view model data for the template
-     * @param  {AsyncStream/AsyncVDOMBuilder} out A Stream, an AsyncStream/AsyncVDOMBuilder instance, or a callback function
-     * @return {AsyncStream/AsyncVDOMBuilder} Returns the AsyncStream/AsyncVDOMBuilder instance that the template is rendered to
-     */
-    render: function (data, out) {
-      var callback;
-      var finalOut;
-      var finalData;
-      var globalData;
-      var render = renderFunc || this._;
-      var shouldBuffer = this.___shouldBuffer;
-      var shouldEnd = true;
-
-      if (data) {
-        finalData = data;
-        if ((globalData = data.$global)) {
-          finalData.$global = undefined;
-        }
-      } else {
-        finalData = {};
-      }
-
-      if (out && out.___isOut) {
-        finalOut = out;
-        shouldEnd = false;
-        extend(out.global, globalData);
-      } else if (typeof out == "function") {
-        finalOut = createOut(globalData);
-        callback = out;
-      } else {
-        finalOut = createOut(
-          globalData, // global
-          out, // writer(AsyncStream) or parentNode(AsyncVDOMBuilder)
-          undefined, // parentOut
-          shouldBuffer, // ignored by AsyncVDOMBuilder
-        );
-      }
-
-      if (callback) {
-        finalOut
-          .on("finish", function () {
-            callback(null, finalOut.___getResult(), finalOut);
-          })
-          .once("error", callback);
-      }
-
-      globalData = finalOut.global;
-
-      globalData.template = globalData.template || this;
-
-      return safeRender(render, finalData, finalOut, shouldEnd);
-    },
-  });
-};

package/src/runtime/vdom/AsyncVDOMBuilder.js

@@ -1,456 +0,0 @@
-var EventEmitter = require("events-light");
-var RenderResult = require("../RenderResult");
-var attrsHelper = require("./helpers/attrs");
-var morphdom = require("./morphdom");
-var vdom = require("./vdom");
-var VElement = vdom.___VElement;
-var VComment = vdom.___VComment;
-var VDocumentFragment = vdom.___VDocumentFragment;
-var VText = vdom.___VText;
-var VComponent = vdom.___VComponent;
-var VFragment = vdom.___VFragment;
-var virtualizeHTML = vdom.___virtualizeHTML;
-
-var EVENT_UPDATE = "update";
-var EVENT_FINISH = "finish";
-
-function State(tree) {
-  this.___events = new EventEmitter();
-  this.___tree = tree;
-  this.___finished = false;
-}
-
-function AsyncVDOMBuilder(globalData, parentNode, parentOut) {
-  if (!parentNode) {
-    parentNode = new VDocumentFragment();
-  }
-
-  var state;
-
-  if (parentOut) {
-    state = parentOut.___state;
-  } else {
-    state = new State(parentNode);
-  }
-
-  this.___remaining = 1;
-  this.___lastCount = 0;
-  this.___last = null;
-  this.___parentOut = parentOut;
-
-  this.data = {};
-  this.___state = state;
-  this.___parent = parentNode;
-  this.global = globalData || {};
-  this.___stack = [parentNode];
-  this.___sync = false;
-  this.___vnode = undefined;
-  this.___components = null;
-
-  this.___assignedComponentDef = null;
-  this.___assignedKey = null;
-  this.___assignedCustomEvents = null;
-}
-
-var proto = (AsyncVDOMBuilder.prototype = {
-  ___isOut: true,
-  ___host: typeof document === "object" && document,
-
-  bc: function (component, key, ownerComponent) {
-    var vComponent = new VComponent(component, key, ownerComponent);
-    return this.___beginNode(vComponent, 0, true);
-  },
-
-  ___preserveComponent: function (component, key, ownerComponent) {
-    var vComponent = new VComponent(component, key, ownerComponent, true);
-    this.___beginNode(vComponent, 0);
-  },
-
-  ___beginNode: function (child, childCount, pushToStack) {
-    this.___parent.___appendChild(child);
-    if (pushToStack === true) {
-      this.___stack.push(child);
-      this.___parent = child;
-    }
-    return childCount === 0 ? this : child;
-  },
-
-  element: function (tagName, attrs, key, component, childCount, flags, props) {
-    var element = new VElement(
-      tagName,
-      attrs,
-      key,
-      component,
-      childCount,
-      flags,
-      props,
-    );
-    return this.___beginNode(element, childCount);
-  },
-
-  ___elementDynamic: function (tagName, attrs, key, componentDef, props) {
-    return this.element(
-      tagName,
-      attrsHelper(attrs),
-      key,
-      componentDef.___component,
-      0,
-      0,
-      props,
-    );
-  },
-
-  n: function (node, component) {
-    // NOTE: We do a shallow clone since we assume the node is being reused
-    //       and a node can only have one parent node.
-    var clone = node.___cloneNode();
-    this.node(clone);
-    clone.___ownerComponent = component;
-
-    return this;
-  },
-
-  node: function (node) {
-    this.___parent.___appendChild(node);
-    return this;
-  },
-
-  text: function (text, ownerComponent) {
-    var type = typeof text;
-
-    if (type != "string") {
-      if (text == null) {
-        return;
-      } else if (type === "object") {
-        if (text.toHTML) {
-          return this.h(text.toHTML(), ownerComponent);
-        }
-      }
-
-      text = text.toString();
-    }
-
-    this.___parent.___appendChild(new VText(text, ownerComponent));
-    return this;
-  },
-
-  comment: function (comment, ownerComponent) {
-    return this.node(new VComment(comment, ownerComponent));
-  },
-
-  html: function (html, ownerComponent) {
-    if (html != null) {
-      var vdomNode = virtualizeHTML(html, ownerComponent);
-      this.node(vdomNode);
-    }
-
-    return this;
-  },
-
-  beginElement: function (
-    tagName,
-    attrs,
-    key,
-    component,
-    childCount,
-    flags,
-    props,
-  ) {
-    var element = new VElement(
-      tagName,
-      attrs,
-      key,
-      component,
-      childCount,
-      flags,
-      props,
-    );
-    this.___beginNode(element, childCount, true);
-    return this;
-  },
-
-  ___beginElementDynamic: function (tagName, attrs, key, componentDef, props) {
-    return this.beginElement(
-      tagName,
-      attrsHelper(attrs),
-      key,
-      componentDef.___component,
-      0,
-      0,
-      props,
-    );
-  },
-
-  bf: function (key, component, preserve) {
-    var fragment = new VFragment(key, component, preserve);
-    this.___beginNode(fragment, null, true);
-    return this;
-  },
-
-  ef: function () {
-    this.endElement();
-  },
-
-  endElement: function () {
-    var stack = this.___stack;
-    stack.pop();
-    this.___parent = stack[stack.length - 1];
-  },
-
-  end: function () {
-    this.___parent = undefined;
-
-    var remaining = --this.___remaining;
-    var parentOut = this.___parentOut;
-
-    if (remaining === 0) {
-      if (parentOut) {
-        parentOut.___handleChildDone();
-      } else {
-        this.___doFinish();
-      }
-    } else if (remaining - this.___lastCount === 0) {
-      this.___emitLast();
-    }
-
-    return this;
-  },
-
-  ___handleChildDone: function () {
-    var remaining = --this.___remaining;
-
-    if (remaining === 0) {
-      var parentOut = this.___parentOut;
-      if (parentOut) {
-        parentOut.___handleChildDone();
-      } else {
-        this.___doFinish();
-      }
-    } else if (remaining - this.___lastCount === 0) {
-      this.___emitLast();
-    }
-  },
-
-  ___doFinish: function () {
-    var state = this.___state;
-    state.___finished = true;
-    state.___events.emit(EVENT_FINISH, this.___getResult());
-  },
-
-  ___emitLast: function () {
-    var lastArray = this._last;
-
-    var i = 0;
-
-    function next() {
-      if (i === lastArray.length) {
-        return;
-      }
-      var lastCallback = lastArray[i++];
-      lastCallback(next);
-
-      if (!lastCallback.length) {
-        next();
-      }
-    }
-
-    next();
-  },
-
-  error: function (e) {
-    try {
-      this.emit("error", e);
-    } finally {
-      // If there is no listener for the error event then it will
-      // throw a new Error here. In order to ensure that the async fragment
-      // is still properly ended we need to put the end() in a `finally`
-      // block
-      this.end();
-    }
-
-    return this;
-  },
-
-  beginAsync: function (options) {
-    if (this.___sync) {
-      throw Error(
-        "Tried to render async while in sync mode. Note: Client side await is not currently supported in re-renders (Issue: #942).",
-      );
-    }
-
-    var state = this.___state;
-
-    if (options) {
-      if (options.last) {
-        this.___lastCount++;
-      }
-    }
-
-    this.___remaining++;
-
-    var documentFragment = this.___parent.___appendDocumentFragment();
-    var asyncOut = new AsyncVDOMBuilder(this.global, documentFragment, this);
-
-    state.___events.emit("beginAsync", {
-      out: asyncOut,
-      parentOut: this,
-    });
-
-    return asyncOut;
-  },
-
-  createOut: function () {
-    return new AsyncVDOMBuilder(this.global);
-  },
-
-  flush: function () {
-    var events = this.___state.___events;
-
-    if (events.listenerCount(EVENT_UPDATE)) {
-      events.emit(EVENT_UPDATE, new RenderResult(this));
-    }
-  },
-
-  ___getOutput: function () {
-    return this.___state.___tree;
-  },
-
-  ___getResult: function () {
-    return this.___result || (this.___result = new RenderResult(this));
-  },
-
-  on: function (event, callback) {
-    var state = this.___state;
-
-    if (event === EVENT_FINISH && state.___finished) {
-      callback(this.___getResult());
-    } else if (event === "last") {
-      this.onLast(callback);
-    } else {
-      state.___events.on(event, callback);
-    }
-
-    return this;
-  },
-
-  once: function (event, callback) {
-    var state = this.___state;
-
-    if (event === EVENT_FINISH && state.___finished) {
-      callback(this.___getResult());
-    } else if (event === "last") {
-      this.onLast(callback);
-    } else {
-      state.___events.once(event, callback);
-    }
-
-    return this;
-  },
-
-  emit: function (type, arg) {
-    var events = this.___state.___events;
-    switch (arguments.length) {
-      case 1:
-        events.emit(type);
-        break;
-      case 2:
-        events.emit(type, arg);
-        break;
-      default:
-        events.emit.apply(events, arguments);
-        break;
-    }
-    return this;
-  },
-
-  removeListener: function () {
-    var events = this.___state.___events;
-    events.removeListener.apply(events, arguments);
-    return this;
-  },
-
-  sync: function () {
-    this.___sync = true;
-  },
-
-  isSync: function () {
-    return this.___sync;
-  },
-
-  onLast: function (callback) {
-    var lastArray = this._last;
-
-    if (lastArray === undefined) {
-      this._last = [callback];
-    } else {
-      lastArray.push(callback);
-    }
-
-    return this;
-  },
-
-  ___getNode: function (host) {
-    var node = this.___vnode;
-    if (!node) {
-      var vdomTree = this.___getOutput();
-
-      if (!host) host = this.___host;
-      this.___vnode = node = vdomTree.___actualize(host, null);
-      morphdom(node, vdomTree, host, this.___components);
-    }
-    return node;
-  },
-
-  toString: function (host) {
-    var docFragment = this.___getNode(host);
-    var html = "";
-
-    var child = docFragment.firstChild;
-    while (child) {
-      var nextSibling = child.nextSibling;
-      if (child.nodeType != 1) {
-        var container = docFragment.ownerDocument.createElement("div");
-        container.appendChild(child.cloneNode());
-        html += container.innerHTML;
-      } else {
-        html += child.outerHTML;
-      }
-
-      child = nextSibling;
-    }
-
-    return html;
-  },
-
-  then: function (fn, fnErr) {
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    var out = this;
-    var promise = new Promise(function (resolve, reject) {
-      out.on("error", reject).on(EVENT_FINISH, function (result) {
-        resolve(result);
-      });
-    });
-
-    return Promise.resolve(promise).then(fn, fnErr);
-  },
-
-  catch: function (fnErr) {
-    return this.then(undefined, fnErr);
-  },
-
-  isVDOM: true,
-
-  c: function (componentDef, key, customEvents) {
-    this.___assignedComponentDef = componentDef;
-    this.___assignedKey = key;
-    this.___assignedCustomEvents = customEvents;
-  },
-});
-
-proto.e = proto.element;
-proto.be = proto.beginElement;
-proto.ee = proto.___endElement = proto.endElement;
-proto.t = proto.text;
-proto.h = proto.w = proto.write = proto.html;
-
-module.exports = AsyncVDOMBuilder;

package/src/runtime/vdom/VComment.js

@@ -1,24 +0,0 @@
-var VNode = require("./VNode");
-var inherit = require("raptor-util/inherit");
-
-function VComment(value, ownerComponent) {
-  this.___VNode(-1 /* no children */, ownerComponent);
-  this.___nodeValue = value;
-}
-
-VComment.prototype = {
-  ___nodeType: 8,
-
-  ___actualize: function (host) {
-    var nodeValue = this.___nodeValue;
-    return (host.ownerDocument || host).createComment(nodeValue);
-  },
-
-  ___cloneNode: function () {
-    return new VComment(this.___nodeValue);
-  },
-};
-
-inherit(VComment, VNode);
-
-module.exports = VComment;

package/src/runtime/vdom/VComponent.js

@@ -1,17 +0,0 @@
-var inherit = require("raptor-util/inherit");
-var VNode = require("./VNode");
-
-function VComponent(component, key, ownerComponent, preserve) {
-  this.___VNode(null /* childCount */, ownerComponent);
-  this.___key = key;
-  this.___component = component;
-  this.___preserve = preserve;
-}
-
-VComponent.prototype = {
-  ___nodeType: 2,
-};
-
-inherit(VComponent, VNode);
-
-module.exports = VComponent;

package/src/runtime/vdom/VDocumentFragment.js

@@ -1,34 +0,0 @@
-var extend = require("raptor-util/extend");
-var inherit = require("raptor-util/inherit");
-var VNode = require("./VNode");
-
-function VDocumentFragmentClone(other) {
-  extend(this, other);
-  this.___parentNode = null;
-  this.___nextSiblingInternal = null;
-}
-
-function VDocumentFragment(out) {
-  this.___VNode(null /* childCount */);
-  this.___out = out;
-}
-
-VDocumentFragment.prototype = {
-  ___nodeType: 11,
-
-  ___DocumentFragment: true,
-
-  ___cloneNode: function () {
-    return new VDocumentFragmentClone(this);
-  },
-
-  ___actualize: function (host) {
-    return (host.ownerDocument || host).createDocumentFragment();
-  },
-};
-
-inherit(VDocumentFragment, VNode);
-
-VDocumentFragmentClone.prototype = VDocumentFragment.prototype;
-
-module.exports = VDocumentFragment;