marko 4.25.0 → 4.26.0

package/dist/node_modules/@internal/components-entry-legacy/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "./index.js",
+  "browser": "./index-browser.js",
+  "exports": {
+    ".": {
+      "worker": "./index.js",
+      "browser": "./index-browser.js",
+      "default": "./index.js"
+    }
+  }
+}

package/dist/{runtime/components/init-components-browser.js → node_modules/@internal/components-registry/index-browser.js}

@@ -1,27 +1,114 @@
-"use strict";
-
 var complain;
 var warp10Finalize = require("warp10/finalize");
-var eventDelegation = require("./event-delegation");
-var win = window;
-var defaultDocument = document;
-var createFragmentNode = require("../vdom/morphdom/fragment").au_;
-var componentsUtil = require("./util-browser");
-var componentLookup = componentsUtil.I_;
-var addComponentRootToKeyedElements = componentsUtil.av_;
-var ComponentDef = require("./ComponentDef");
-var registry = require("./registry");
-var domData = require("./dom-data");
-var keyedElementsByComponentId = domData.L_;
-var componentsByDOMNode = domData.K_;
+var queueMicrotask = require("../../../runtime/queueMicrotask");
+var defineComponent = require("../../../runtime/components/defineComponent");
+var eventDelegation = require("../../../runtime/components/event-delegation");
+var createFragmentNode = require("../../../runtime/vdom/morphdom/fragment")._m_;
+var ComponentDef = require("../../../runtime/components/ComponentDef");
+var domData = require("../../../runtime/components/dom-data");
+var componentsUtil = require("@internal/components-util");
+var componentLookup = componentsUtil._n_;
+var addComponentRootToKeyedElements = componentsUtil._o_;
+var keyedElementsByComponentId = domData._p_;
+var componentsByDOMNode = domData._q_;
 var serverComponentRootNodes = {};
 var serverRenderedMeta = {};
+var win = window;
 
 var DEFAULT_RUNTIME_ID = "M";
 var FLAG_WILL_RERENDER_IN_BROWSER = 1;
 // var FLAG_HAS_RENDER_BODY = 2;
-// var FLAG_IS_LEGACY = 4;
-// var FLAG_OLD_HYDRATE_NO_CREATE = 8;
+
+var registered = {};
+var loaded = {};
+var componentTypes = {};
+var deferredDefs;
+var pendingDefs;
+
+function register(type, def) {
+  var pendingForType;
+  if (pendingDefs) {
+    pendingForType = pendingDefs[type];
+  }
+  registered[type] = def;
+  delete loaded[type];
+  delete componentTypes[type];
+
+  if (pendingForType) {
+    delete pendingDefs[type];
+    queueMicrotask(function () {
+      pendingForType.forEach(function (args) {
+        tryHydrateComponent(args[0], args[1], args[2], args[3])();
+      });
+    });
+  }
+
+  return type;
+}
+
+function addPendingDef(def, type, meta, host, runtimeId) {
+  if (!pendingDefs) {
+    pendingDefs = {};
+
+    // eslint-disable-next-line no-constant-condition
+  }
+  (pendingDefs[type] = pendingDefs[type] || []).push([def, meta, host, runtimeId]);
+}
+
+function load(typeName, isLegacy) {
+  var target = loaded[typeName];
+  if (!target) {
+    target = registered[typeName];
+
+    if (target) {
+      target = target();
+    } else if (isLegacy) {
+      target = exports._j_.load(typeName);
+    } else {
+      target = loader(typeName);
+      // eslint-disable-next-line no-constant-condition
+    }
+
+    if (!target) {
+      throw Error("Component not found: " + typeName);
+    }
+
+    loaded[typeName] = target;
+  }
+
+  return target;
+}
+
+function getComponentClass(typeName, isLegacy) {
+  var ComponentClass = componentTypes[typeName];
+
+  if (ComponentClass) {
+    return ComponentClass;
+  }
+
+  ComponentClass = load(typeName, isLegacy);
+
+  ComponentClass = ComponentClass.Component || ComponentClass;
+
+  if (!ComponentClass.A_) {
+    ComponentClass = defineComponent(ComponentClass, ComponentClass.renderer);
+  }
+
+  // Make the component "type" accessible on each component instance
+  ComponentClass.prototype.e_ = typeName;
+
+  // eslint-disable-next-line no-constant-condition
+
+
+  componentTypes[typeName] = ComponentClass;
+
+  return ComponentClass;
+}
+
+function createComponent(typeName, id, isLegacy) {
+  var ComponentClass = getComponentClass(typeName, isLegacy);
+  return new ComponentClass(id);
+}
 
 function indexServerComponentBoundaries(node, runtimeId, stack) {
   var componentId;
@@ -63,7 +150,7 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
             ownerId = parts[1];
             componentId = parts[0];
             if (ownerComponent = componentLookup[ownerId]) {
-              keyedElements = ownerComponent.q_;
+              keyedElements = ownerComponent.N_;
             } else {
               keyedElements = keyedElementsByComponentId[ownerId] || (keyedElementsByComponentId[ownerId] = {});
             }
@@ -79,13 +166,13 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
     } else if (node.nodeType === 1) {
       // HTML element node
       var markoKey = node.getAttribute("data-marko-key");
-      var markoProps = componentsUtil.an_(node);
+      var markoProps = componentsUtil._r_(node);
       if (markoKey) {
         var separatorIndex = markoKey.indexOf(" ");
         ownerId = markoKey.substring(separatorIndex + 1);
         markoKey = markoKey.substring(0, separatorIndex);
         if (ownerComponent = componentLookup[ownerId]) {
-          keyedElements = ownerComponent.q_;
+          keyedElements = ownerComponent.N_;
         } else {
           keyedElements = keyedElementsByComponentId[ownerId] || (keyedElementsByComponentId[ownerId] = {});
         }
@@ -94,7 +181,7 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
       if (markoProps) {
         Object.keys(markoProps).forEach(function (key) {
           if (key.slice(0, 2) === "on") {
-            eventDelegation._I_(key.slice(2));
+            eventDelegation._s_(key.slice(2));
           }
         });
       }
@@ -142,23 +229,23 @@ function addDOMEventListeners(component, el, eventType, targetMethodName, isOnce
   handles.push(removeListener);
 }
 
-function initComponent(componentDef, doc) {
-  var component = componentDef.n_;
+function initComponent(componentDef, host) {
+  var component = componentDef.v_;
 
-  if (!component || !component._d_) {
+  if (!component || !component.A_) {
     return; // legacy
   }
 
-  component.O_();
-  component._c_ = doc;
+  component._t_();
+  component.E_ = host;
 
-  var isExisting = componentDef._L_;
+  var isExisting = componentDef._u_;
 
   if (isExisting) {
-    component._h_();
+    component._v_();
   }
 
-  var domEvents = componentDef._K_;
+  var domEvents = componentDef._d_;
   if (domEvents) {
     var eventListenerHandles = [];
 
@@ -167,7 +254,7 @@ function initComponent(componentDef, doc) {
 
       var eventType = domEventArgs[0];
       var targetMethodName = domEventArgs[1];
-      var eventEl = component.q_[domEventArgs[2]];
+      var eventEl = component.N_[domEventArgs[2]];
       var isOnce = domEventArgs[3];
       var extraArgs = domEventArgs[4];
 
@@ -175,15 +262,15 @@ function initComponent(componentDef, doc) {
     });
 
     if (eventListenerHandles.length) {
-      component.S_ = eventListenerHandles;
+      component._w_ = eventListenerHandles;
     }
   }
 
-  if (component.X_) {
-    component.N_();
+  if (component._x_) {
+    component._y_();
   } else {
-    component.X_ = true;
-    component._E_();
+    component._x_ = true;
+    component._z_();
   }
 }
 
@@ -195,12 +282,11 @@ function initComponent(componentDef, doc) {
  * in the components context (nested components are initialized before ancestor components).
  * @param  {Array<marko-components/lib/ComponentDef>} componentDefs An array of ComponentDef instances
  */
-function initClientRendered(componentDefs, doc) {
+function initClientRendered(componentDefs, host) {
+  if (!host) host = document;
   // Ensure that event handlers to handle delegating events are
   // always attached before initializing any components
-  eventDelegation.ao_(doc);
-
-  doc = doc || defaultDocument;
+  eventDelegation._A_(host);
   var len = componentDefs.length;
   var componentDef;
   var i;
@@ -212,7 +298,7 @@ function initClientRendered(componentDefs, doc) {
 
   for (i = len; i--;) {
     componentDef = componentDefs[i];
-    initComponent(componentDef, doc);
+    initComponent(componentDef, host);
   }
 }
 
@@ -220,7 +306,7 @@ function initClientRendered(componentDefs, doc) {
  * This method initializes all components that were rendered on the server by iterating over all
  * of the component IDs.
  */
-function initServerRendered(renderedComponents, doc) {
+function initServerRendered(renderedComponents, host) {
   var type = typeof renderedComponents;
   var globalKey = "$";
   var runtimeId;
@@ -235,11 +321,17 @@ function initServerRendered(renderedComponents, doc) {
 
     renderedComponents = win[globalKey];
 
+    // eslint-disable-next-line no-constant-condition
+
+
     var fakeArray = win[globalKey] = {
       r: runtimeId,
       concat: initServerRendered
     };
 
+    // eslint-disable-next-line no-constant-condition
+
+
     if (renderedComponents && renderedComponents.forEach) {
       renderedComponents.forEach(function (renderedComponent) {
         fakeArray.concat(renderedComponent);
@@ -254,10 +346,10 @@ function initServerRendered(renderedComponents, doc) {
 
   if (isFromSerializedGlobals) {
     runtimeId = this.r;
-    doc = defaultDocument;
+    host = document;
   } else {
     runtimeId = renderedComponents.r || DEFAULT_RUNTIME_ID;
-    doc = doc || defaultDocument;
+    if (!host) host = document;
 
     // eslint-disable-next-line no-constant-condition
   }
@@ -283,79 +375,84 @@ function initServerRendered(renderedComponents, doc) {
 
   // Ensure that event handlers to handle delegating events are
   // always attached before initializing any components
-  indexServerComponentBoundaries(doc, runtimeId);
-  eventDelegation.ao_(doc);
+  indexServerComponentBoundaries(host, runtimeId);
+  eventDelegation._A_(host);
 
   if (renderedComponents.g) {
-    meta.aw_ = renderedComponents.g;
+    meta._B_ = renderedComponents.g;
   }
 
   if (renderedComponents.t) {
-    meta.ax_ = meta.ax_ ? meta.ax_.concat(renderedComponents.t) : renderedComponents.t;
+    meta._C_ = meta._C_ ? meta._C_.concat(renderedComponents.t) : renderedComponents.t;
   }
 
   // hydrate components top down (leaf nodes last)
   // and return an array of functions to mount these components
-  var deferredDefs;
   (renderedComponents.w || []).map(function (componentDef) {
-    componentDef = ComponentDef._S_(componentDef, meta.ax_, meta.aw_, registry);
-
-    var mount = hydrateComponentAndGetMount(componentDef, doc);
-
-    if (!mount) {
-      // hydrateComponentAndGetMount will return false if there is not rootNode
-      // for the component.  If this is the case, we'll wait until the
-      // DOM has fully loaded to attempt to init the component again.
-      if (deferredDefs) {
-        deferredDefs.push(componentDef);
-      } else {
-        deferredDefs = [componentDef];
-        doc.addEventListener("DOMContentLoaded", function () {
-          indexServerComponentBoundaries(doc, runtimeId);
-          deferredDefs.map(function (componentDef) {
-            return hydrateComponentAndGetMount(componentDef, doc);
-          }).reverse().forEach(tryInvoke);
-        });
-      }
-    }
+    var typeName = meta._C_[componentDef[1]];
 
-    return mount;
+    return registered[typeName] || document.readyState === "complete" ? tryHydrateComponent(componentDef, meta, host, runtimeId) : addPendingDef(componentDef, typeName, meta, host, runtimeId);
   }).reverse().forEach(tryInvoke);
 
   return this;
 }
 
-function hydrateComponentAndGetMount(componentDef, doc) {
+function tryHydrateComponent(rawDef, meta, host, runtimeId) {
+  var componentDef = ComponentDef._D_(rawDef, meta._C_, meta._B_, exports);
+  var mount = hydrateComponentAndGetMount(componentDef, host);
+
+  if (!mount) {
+    // hydrateComponentAndGetMount will return false if there is not rootNode
+    // for the component.  If this is the case, we'll wait until the
+    // DOM has fully loaded to attempt to init the component again.
+    if (deferredDefs) {
+      deferredDefs.push(componentDef);
+    } else {
+      deferredDefs = [componentDef];
+      document.addEventListener("DOMContentLoaded", function () {
+        indexServerComponentBoundaries(host, runtimeId);
+        deferredDefs.map(function (componentDef) {
+          return hydrateComponentAndGetMount(componentDef, host);
+        }).reverse().forEach(tryInvoke);
+        deferredDefs = undefined;
+      });
+    }
+  }
+
+  return mount;
+}
+
+function hydrateComponentAndGetMount(componentDef, host) {
   var componentId = componentDef.id;
-  var component = componentDef.n_;
+  var component = componentDef.v_;
   var rootNode = serverComponentRootNodes[componentId];
   var renderResult;
 
   if (rootNode) {
     delete serverComponentRootNodes[componentId];
 
-    component.Q_ = rootNode;
+    component._E_ = rootNode;
     componentsByDOMNode.set(rootNode, component);
 
-    if (componentDef._N_ & FLAG_WILL_RERENDER_IN_BROWSER) {
-      component._c_ = doc;
-      renderResult = component._v_(component.W_, true);
+    if (componentDef.x_ & FLAG_WILL_RERENDER_IN_BROWSER) {
+      component.E_ = host;
+      renderResult = component._F_(component.R_, true);
       trackComponent(componentDef);
       return function mount() {
-        renderResult.afterInsert(doc);
+        renderResult.afterInsert(host);
       };
     } else {
       trackComponent(componentDef);
     }
 
     return function mount() {
-      initComponent(componentDef, doc);
+      initComponent(componentDef, host);
     };
   }
 }
 
 function trackComponent(componentDef) {
-  var component = componentDef.n_;
+  var component = componentDef.v_;
   if (component) {
     componentLookup[component.id] = component;
   }
@@ -365,5 +462,9 @@ function tryInvoke(fn) {
   if (fn) fn();
 }
 
-exports._W_ = initClientRendered;
-exports.aq_ = initServerRendered;
+exports.r = register;
+exports._G_ = createComponent;
+exports._H_ = getComponentClass;
+exports.W_ = win.$initComponents = initServerRendered;
+
+require("../../../runtime/components/ComponentsContext")._I_ = initClientRendered;

package/dist/node_modules/@internal/components-registry/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+const copyProps = require("raptor-util/copyProps");
+const constructorCache = new Map();
+const BaseServerComponent = require("../../../runtime/components/ServerComponent");
+
+function createServerComponentClass(renderingLogic) {
+  var renderingLogicProps = typeof renderingLogic === "function" ? renderingLogic.prototype : renderingLogic;
+
+  class ServerComponent extends BaseServerComponent {}
+
+  copyProps(renderingLogicProps, ServerComponent.prototype);
+
+  return ServerComponent;
+}
+function createComponent(renderingLogic, id, input, out, typeName, customEvents, scope) {
+  let ServerComponent;
+
+  if (renderingLogic) {
+    ServerComponent = constructorCache.get(renderingLogic);
+
+    if (!ServerComponent) {
+      ServerComponent = createServerComponentClass(renderingLogic);
+      constructorCache.set(renderingLogic, ServerComponent);
+    }
+  } else {
+    ServerComponent = BaseServerComponent;
+  }
+
+  return new ServerComponent(id, input, out, typeName, customEvents, scope);
+}
+
+exports._J_ = true;
+exports._G_ = createComponent;

package/dist/node_modules/@internal/components-registry/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "./index.js",
+  "browser": "./index-browser.js",
+  "exports": {
+    ".": {
+      "worker": "./index.js",
+      "browser": "./index-browser.js",
+      "default": "./index.js"
+    }
+  }
+}

package/dist/{runtime/components/util-browser.js → node_modules/@internal/components-util/index-browser.js}

@@ -1,18 +1,17 @@
-var domData = require("./dom-data");
-var componentsByDOMNode = domData.K_;
-var keysByDOMNode = domData.al_;
-var vElementsByDOMNode = domData.aj_;
-var vPropsByDOMNode = domData.ai_;
+var domData = require("../../../runtime/components/dom-data");
+var componentsByDOMNode = domData._q_;
+var keysByDOMNode = domData._K_;
+var vElementsByDOMNode = domData._L_;
+var vPropsByDOMNode = domData._M_;
 var markoUID = window.$MUID || (window.$MUID = { i: 0 });
 var runtimeId = markoUID.i++;
 
 var componentLookup = {};
 
-var defaultDocument = document;
 var EMPTY_OBJECT = {};
 
-function getComponentForEl(el, doc) {
-  var node = typeof el == "string" ? (doc || defaultDocument).getElementById(el) : el;
+function getComponentForEl(el, host) {
+  var node = typeof el == "string" ? ((host ? host.ownerDocument : host) || document).getElementById(el) : el;
   var component;
   var vElement;
 
@@ -25,7 +24,7 @@ function getComponentForEl(el, doc) {
         component = componentsByDOMNode.get(node);
       }
     } else if (vElement = vElementsByDOMNode.get(node)) {
-      component = vElement.aU_;
+      component = vElement._N_;
     }
 
     if (component) {
@@ -39,7 +38,7 @@ function getComponentForEl(el, doc) {
 function destroyComponentForNode(node) {
   var componentToDestroy = componentsByDOMNode.get(node.fragment || node);
   if (componentToDestroy) {
-    componentToDestroy._e_();
+    componentToDestroy._O_();
     delete componentLookup[componentToDestroy.id];
   }
 }
@@ -49,11 +48,11 @@ function destroyNodeRecursive(node, component) {
     var key;
 
     if (component && (key = keysByDOMNode.get(node))) {
-      if (node === component.q_[key]) {
+      if (node === component.N_[key]) {
         if (componentsByDOMNode.get(node) && /\[\]$/.test(key)) {
-          delete component.q_[key][componentsByDOMNode.get(node).id];
+          delete component.N_[key][componentsByDOMNode.get(node).id];
         } else {
-          delete component.q_[key];
+          delete component.N_[key];
         }
       }
     }
@@ -94,7 +93,7 @@ function getMarkoPropsFromEl(el) {
   var virtualProps;
 
   if (vElement) {
-    virtualProps = vElement.aV_;
+    virtualProps = vElement._P_;
   } else {
     virtualProps = vPropsByDOMNode.get(el);
     if (!virtualProps) {
@@ -125,13 +124,13 @@ function addComponentRootToKeyedElements(keyedElements, key, rootNode, component
 // eslint-disable-next-line no-constant-condition
 
 
-exports.am_ = runtimeId;
-exports.I_ = componentLookup;
-exports.ap_ = getComponentForEl;
-exports.aW_ = destroyComponentForNode;
-exports.J_ = destroyNodeRecursive;
-exports._Y_ = nextComponentIdProvider;
-exports._H_ = attachBubblingEvent;
-exports.an_ = getMarkoPropsFromEl;
-exports.av_ = addComponentRootToKeyedElements;
-exports.aX_ = normalizeComponentKey;
+exports._Q_ = runtimeId;
+exports._n_ = componentLookup;
+exports.V_ = getComponentForEl;
+exports._R_ = destroyComponentForNode;
+exports._S_ = destroyNodeRecursive;
+exports._T_ = nextComponentIdProvider;
+exports._U_ = attachBubblingEvent;
+exports._r_ = getMarkoPropsFromEl;
+exports._o_ = addComponentRootToKeyedElements;
+exports._V_ = normalizeComponentKey;

package/dist/{runtime/components/util.js → node_modules/@internal/components-util/index.js}

@@ -1,7 +1,5 @@
 var FLAG_WILL_RERENDER_IN_BROWSER = 1;
 // var FLAG_HAS_RENDER_BODY = 2;
-// var FLAG_IS_LEGACY = 4;
-// var FLAG_OLD_HYDRATE_NO_CREATE = 8;
 
 function nextComponentIdProvider(out) {
   var prefix = out.global.componentIdPrefix || out.global.widgetIdPrefix || "s"; // "s" is for server (we use "b" for the browser)
@@ -18,8 +16,8 @@ function nextComponentIdProvider(out) {
 function attachBubblingEvent(componentDef, handlerMethodName, isOnce, extraArgs) {
   if (handlerMethodName) {
     if (extraArgs) {
-      var component = componentDef.n_;
-      var eventIndex = component.aa_++;
+      var component = componentDef.v_;
+      var eventIndex = component._a_++;
 
       // If we are not going to be doing a rerender in the browser
       // then we need to actually store the extra args with the UI component
@@ -29,11 +27,11 @@ function attachBubblingEvent(componentDef, handlerMethodName, isOnce, extraArgs)
       // where the extra args will be found when the UI component is
       // rerendered in the browser
 
-      if (!(componentDef._N_ & FLAG_WILL_RERENDER_IN_BROWSER)) {
+      if (!(componentDef.x_ & FLAG_WILL_RERENDER_IN_BROWSER)) {
         if (eventIndex === 0) {
-          component.T_ = [extraArgs];
+          component.Z_ = [extraArgs];
         } else {
-          component.T_.push(extraArgs);
+          component.Z_.push(extraArgs);
         }
       }
 
@@ -44,10 +42,10 @@ function attachBubblingEvent(componentDef, handlerMethodName, isOnce, extraArgs)
   }
 }
 
-exports._Y_ = nextComponentIdProvider;
-exports.aR_ = true;
-exports._H_ = attachBubblingEvent;
-exports.aW_ = function noop() {};
-exports.J_ = function noop() {};
+exports._T_ = nextComponentIdProvider;
+exports._J_ = true;
+exports._U_ = attachBubblingEvent;
+exports._R_ = function noop() {};
+exports._S_ = function noop() {};
 
 // eslint-disable-next-line no-constant-condition

package/dist/node_modules/@internal/components-util/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "./index.js",
+  "browser": "./index-browser.js",
+  "exports": {
+    ".": {
+      "worker": "./index.js",
+      "browser": "./index-browser.js",
+      "default": "./index.js"
+    }
+  }
+}

package/dist/node_modules/@internal/create-readable/index-browser.js

@@ -0,0 +1,25 @@
+var encoder = new TextEncoder();
+var noop = function () {};
+
+module.exports = function (data) {
+  // eslint-disable-next-line no-undef
+  var transformStream = new TransformStream();
+  var writer = transformStream.writable.getWriter();
+  var facade = {
+    write: function (string) {
+      writer.write(encoder.encode(string));
+    },
+    end: function () {
+      writer.close();
+    }
+  };
+  var out = this.createOut(data && data.$global, facade, undefined, this._W_);
+  out.once("error", err => {
+    facade.write = facade.end = noop;
+    writer.abort(err);
+  });
+  this.render(data, out);
+  out.end();
+
+  return transformStream.readable;
+};