marko 5.29.2 → 5.30.0

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

@@ -7,6 +7,8 @@ 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;
 
 function safeJSONReplacer(match) {
   if (match === "</") {
@@ -65,66 +67,92 @@ function addComponentsFromContext(componentsContext, componentsToHydrate) {
     var id = componentDef.id;
     var component = componentDef.i_;
     var flags = componentDef.C_;
+    var isLegacy = componentDef.F_;
+
+    var state = component.state;
     var input = component.input || 0;
     var typeName = component.typeName;
-    var customEvents = component.G_;
-    var scope = component.H_;
-    var bubblingDomEvents = component.I_;
+    var customEvents = component.___;
+    var scope = component._a_;
+    var bubblingDomEvents = component._b_;
 
-    var state;
+    var needsState;
     var serializedProps;
-    var undefinedPropNames;
+    var renderBody;
 
-    if (flags & FLAG_WILL_RERENDER_IN_BROWSER) {
-      if (typeof input.renderBody === "function") {
-        flags |= FLAG_HAS_RENDER_BODY;
-        input.renderBody = undefined;
+    if (isLegacy) {
+      flags |= FLAG_IS_LEGACY;
+      renderBody = component._c_;
+
+      if (component.widgetConfig && isNotEmpty(component.widgetConfig)) {
+        serializedProps = component.widgetConfig;
       }
+
+      needsState = true;
     } else {
-      if (component.state) {
-        state = component.state;
-        // Update state properties with an `undefined` value to have a `null`
-        // value so that the property name will be serialized down to the browser.
-        // This ensures that we add the proper getter/setter for the state property.
-        const stateKeys = Object.keys(state);
-        for (let i = stateKeys.length; i--;) {
-          const stateKey = stateKeys[i];
-
-          if (state[stateKey] === undefined) {
-            if (undefinedPropNames) {
-              undefinedPropNames.push(stateKey);
-            } else {
-              undefinedPropNames = [stateKey];
-            }
-          }
+      if (input && input.renderBody) {
+        renderBody = input.renderBody;
+        input.renderBody = undefined;
+      }
+
+      if (
+      !(flags & FLAG_WILL_RERENDER_IN_BROWSER) ||
+      flags & FLAG_OLD_HYDRATE_NO_CREATE)
+      {
+        component.G_ = undefined; // We don't use `delete` to avoid V8 deoptimization
+        component.U_ = undefined; // We don't use `delete` to avoid V8 deoptimization
+        component.typeName = undefined;
+        component.id = undefined;
+        component.___ = undefined;
+        component._a_ = undefined;
+        component._b_ = undefined;
+        component._d_ = undefined;
+        component._e_ = undefined;
+        component._f_ = undefined;
+
+        needsState = true;
+
+        if (isNotEmpty(component)) {
+          serializedProps = component;
         }
       }
+    }
 
-      component.J_ = undefined; // We don't use `delete` to avoid V8 deoptimization
-      component.K_ = undefined; // We don't use `delete` to avoid V8 deoptimization
-      component.typeName = undefined;
-      component.id = undefined;
-      component.G_ = undefined;
-      component.H_ = undefined;
-      component.I_ = undefined;
-      component.L_ = undefined;
-      component.M_ = undefined;
-      component.N_ = undefined;
-
-      if (isNotEmpty(component)) {
-        serializedProps = component;
+    var undefinedPropNames = undefined;
+
+    if (needsState && state) {
+      // Update state properties with an `undefined` value to have a `null`
+      // value so that the property name will be serialized down to the browser.
+      // This ensures that we add the proper getter/setter for the state property.
+      const stateKeys = Object.keys(state);
+      for (let i = stateKeys.length; i--;) {
+        const stateKey = stateKeys[i];
+
+        if (state[stateKey] === undefined) {
+          if (undefinedPropNames) {
+            undefinedPropNames.push(stateKey);
+          } else {
+            undefinedPropNames = [stateKey];
+          }
+        }
       }
     }
 
+    if (typeof renderBody === "function") {
+      flags |= FLAG_HAS_RENDER_BODY;
+      renderBody = undefined;
+    }
+
     var extra = {
       b: bubblingDomEvents,
-      d: componentDef.O_,
+      d: componentDef._g_,
       e: customEvents,
       f: flags || undefined,
       p: customEvents && scope, // Only serialize scope if we need to attach custom events
-      s: state,
+      s: needsState && state,
       u: undefinedPropNames,
-      w: serializedProps
+      w: serializedProps,
+      r: renderBody
     };
 
     var parts = [id, typeName];
@@ -146,7 +174,7 @@ function addComponentsFromContext(componentsContext, componentsToHydrate) {
   components.length = 0;
 
   // Also add any components from nested contexts
-  var nestedContexts = componentsContext.P_;
+  var nestedContexts = componentsContext._h_;
   if (nestedContexts !== undefined) {
     nestedContexts.forEach(function (nestedContext) {
       addComponentsFromContext(nestedContext, componentsToHydrate);
@@ -158,7 +186,7 @@ function getInitComponentsData(out, componentDefs) {
   const len = componentDefs.length;
   const $global = out.global;
   const isLast = $global.d_;
-  const didSerializeComponents = $global.Q_;
+  const didSerializeComponents = $global._i_;
   const prefix = $global.componentIdPrefix || $global.widgetIdPrefix;
 
   if (len === 0) {
@@ -171,7 +199,7 @@ function getInitComponentsData(out, componentDefs) {
 
   const TYPE_INDEX = 1;
   const typesLookup =
-  $global.R_ || ($global.R_ = new Map());
+  $global._j_ || ($global._j_ = new Map());
   let newTypes;
 
   for (let i = 0; i < len; i++) {
@@ -196,7 +224,7 @@ function getInitComponentsData(out, componentDefs) {
   let serializedGlobals;
 
   if (!didSerializeComponents) {
-    $global.Q_ = true;
+    $global._i_ = true;
     serializedGlobals = getSerializedGlobals($global);
   }
 

package/dist/node_modules/@internal/components-entry-legacy/index-browser.js

@@ -0,0 +1,74 @@
+"use strict";var Component = require("../../../runtime/components/Component");
+var loader = require("@internal/loader");
+var getComponentForEl =
+require("@internal/components-util").Y_;
+
+
+
+// expose legacy
+require("@internal/components-registry")._k_ = exports;
+exports.load = function (typeName) {
+  return exports.defineWidget(loader(typeName));
+};
+
+// legacy api
+exports.defineComponent = require("../../../runtime/components/legacy/defineComponent-legacy");
+exports.defineWidget = require("@internal/components-define-widget-legacy");
+exports.defineRenderer = require("../../../runtime/components/legacy/defineRenderer-legacy");
+exports.makeRenderable = exports.renderable = require("../../../runtime/renderable");
+
+// browser only
+var Widget = exports.Widget = Component;
+exports.getWidgetForEl = exports.get = function (elOrId) {
+  var el = elOrId;
+
+  if (typeof elOrId === "string") {
+    el = document.getElementById(elOrId);
+  }
+
+  if (el && el.__widget) {
+    return el.__widget;
+  }
+
+  return getComponentForEl(el);
+};
+exports.initWidgets =
+require("@internal/components-registry").Z_;
+
+// monkey patch Widget
+if (Widget) {
+  var WidgetProto = Widget.prototype;
+  WidgetProto.setProps = function (newInput) {
+    this._l_ = true;
+    this._m_(newInput);
+  };
+  WidgetProto.rerender = function (newInput) {
+    if (newInput) {
+      this.setProps(newInput);
+    }
+
+    this.forceUpdate();
+    this.update();
+  };
+}
+
+var RenderResult = require("../../../runtime/RenderResult");
+
+RenderResult.prototype.getWidget = function () {
+  // eslint-disable-next-line no-constant-condition
+
+
+
+  return this.getWidgets()[0];
+};
+RenderResult.prototype.getWidgets = function () {
+  // eslint-disable-next-line no-constant-condition
+
+
+
+  return RenderResult.prototype.getComponents.
+  apply(this, arguments).
+  filter(function (component) {
+    return component.F_;
+  });
+};

package/dist/node_modules/@internal/components-entry-legacy/index.js

@@ -0,0 +1,15 @@
+"use strict";var modernMarko = require("@internal/components-entry");
+
+// legacy api
+exports.defineComponent = require("../../../runtime/components/legacy/defineComponent-legacy");
+exports.defineWidget = require("@internal/components-define-widget-legacy");
+exports.defineRenderer = require("../../../runtime/components/legacy/defineRenderer-legacy");
+exports.makeRenderable = exports.renderable = require("../../../runtime/renderable");
+
+// server only
+exports.writeInitWidgetsCode = modernMarko.writeInitComponentsCode;
+exports.getRenderedWidgets = exports.getRenderedWidgetIds =
+modernMarko.getRenderedComponents;
+exports.getInitWidgetsCode = function (out) {
+  return modernMarko.a_(out);
+};

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/node_modules/@internal/components-registry/index-browser.js

@@ -4,15 +4,16 @@ 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").S_;
+require("../../../runtime/vdom/morphdom/fragment")._n_;
 var ComponentDef = require("../../../runtime/components/ComponentDef");
 var domData = require("../../../runtime/components/dom-data");
 var componentsUtil = require("@internal/components-util");
-var componentLookup = componentsUtil.T_;
+var loader = require("@internal/loader");
+var componentLookup = componentsUtil._o_;
 var addComponentRootToKeyedElements =
-componentsUtil.U_;
-var keyedElementsByComponentId = domData.V_;
-var componentsByDOMNode = domData.W_;
+componentsUtil._p_;
+var keyedElementsByComponentId = domData._q_;
+var componentsByDOMNode = domData._r_;
 var serverComponentRootNodes = {};
 var serverRenderedMeta = {};
 var win = window;
@@ -72,13 +73,23 @@ function addPendingDef(def, type, meta, host, runtimeId) {
 
 }
 
-function load(typeName) {
+function load(typeName, isLegacy) {
   var target = loaded[typeName];
   if (!target) {
     target = registered[typeName];
 
     if (target) {
       target = target();
+    } else if (isLegacy) {
+      target = exports._k_.load(typeName);
+    } else {
+      target = loader(typeName);
+      // eslint-disable-next-line no-constant-condition
+
+
+
+
+
     }
 
     if (!target) {
@@ -91,23 +102,23 @@ function load(typeName) {
   return target;
 }
 
-function getComponentClass(typeName) {
+function getComponentClass(typeName, isLegacy) {
   var ComponentClass = componentTypes[typeName];
 
   if (ComponentClass) {
     return ComponentClass;
   }
 
-  ComponentClass = load(typeName);
+  ComponentClass = load(typeName, isLegacy);
 
   ComponentClass = ComponentClass.Component || ComponentClass;
 
-  if (!ComponentClass.X_) {
+  if (!ComponentClass.E_) {
     ComponentClass = defineComponent(ComponentClass, ComponentClass.renderer);
   }
 
   // Make the component "type" accessible on each component instance
-  ComponentClass.prototype.Y_ = typeName;
+  ComponentClass.prototype._s_ = typeName;
 
   // eslint-disable-next-line no-constant-condition
 
@@ -131,6 +142,7 @@ function getComponentClass(typeName) {
 
 
 
+
 
 
   componentTypes[typeName] = ComponentClass;
@@ -138,8 +150,8 @@ function getComponentClass(typeName) {
   return ComponentClass;
 }
 
-function createComponent(typeName, id) {
-  var ComponentClass = getComponentClass(typeName);
+function createComponent(typeName, id, isLegacy) {
+  var ComponentClass = getComponentClass(typeName, isLegacy);
   return new ComponentClass(id);
 }
 
@@ -209,7 +221,7 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
     } else if (node.nodeType === 1) {
       // HTML element node
       var markoKey = node.getAttribute("data-marko-key");
-      var markoProps = componentsUtil.Z_(node);
+      var markoProps = componentsUtil._t_(node);
       if (markoKey) {
         var separatorIndex = markoKey.indexOf(" ");
         ownerId = markoKey.substring(separatorIndex + 1);
@@ -226,7 +238,7 @@ function indexServerComponentBoundaries(node, runtimeId, stack) {
       if (markoProps) {
         Object.keys(markoProps).forEach(function (key) {
           if (key.slice(0, 2) === "on") {
-            eventDelegation.___(key.slice(2));
+            eventDelegation._u_(key.slice(2));
           }
         });
       }
@@ -290,16 +302,20 @@ handles)
 function initComponent(componentDef, host) {
   var component = componentDef.i_;
 
-  component._a_();
-  component._b_ = host;
+  if (!component || !component.E_) {
+    return; // legacy
+  }
+
+  component._v_();
+  component.I_ = host;
 
-  var isExisting = componentDef._c_;
+  var isExisting = componentDef._w_;
 
   if (isExisting) {
-    component._d_();
+    component._x_();
   }
 
-  var domEvents = componentDef.O_;
+  var domEvents = componentDef._g_;
   if (domEvents) {
     var eventListenerHandles = [];
 
@@ -324,15 +340,15 @@ function initComponent(componentDef, host) {
     });
 
     if (eventListenerHandles.length) {
-      component._e_ = eventListenerHandles;
+      component._y_ = eventListenerHandles;
     }
   }
 
-  if (component._f_) {
-    component._g_();
+  if (component._z_) {
+    component._A_();
   } else {
-    component._f_ = true;
-    component._h_();
+    component._z_ = true;
+    component._B_();
   }
 }
 
@@ -348,7 +364,7 @@ function initClientRendered(componentDefs, host) {
   if (!host) host = document;
   // Ensure that event handlers to handle delegating events are
   // always attached before initializing any components
-  eventDelegation._i_(host);
+  eventDelegation._C_(host);
   var len = componentDefs.length;
   var componentDef;
   var i;
@@ -461,15 +477,15 @@ function initServerRendered(renderedComponents, host) {
   // Ensure that event handlers to handle delegating events are
   // always attached before initializing any components
   indexServerComponentBoundaries(host, runtimeId);
-  eventDelegation._i_(host);
+  eventDelegation._C_(host);
 
   if (renderedComponents.g) {
-    meta._j_ = renderedComponents.g;
+    meta._D_ = renderedComponents.g;
   }
 
   if (renderedComponents.t) {
-    meta._k_ = meta._k_ ?
-    meta._k_.concat(renderedComponents.t) :
+    meta._E_ = meta._E_ ?
+    meta._E_.concat(renderedComponents.t) :
     renderedComponents.t;
   }
 
@@ -477,11 +493,22 @@ function initServerRendered(renderedComponents, host) {
   // and return an array of functions to mount these components
   (renderedComponents.w || []).
   map(function (componentDef) {
-    var typeName = meta._k_[componentDef[1]];
+    var typeName = meta._E_[componentDef[1]];
+
+    return (
+      registered[typeName] ||
+      document.readyState === "complete" ||
+
+      // loader.runtime is only going to exist for lasso apps
+      // this code is used to detect if a module was registered
+      // via a browser.json but not executed.
+      loader.runtime &&
+      loader.runtime.resolve &&
+      loader.runtime.resolve(typeName) ?
+
 
-    return registered[typeName] ?
-    tryHydrateComponent(componentDef, meta, host, runtimeId) :
-    addPendingDef(componentDef, typeName, meta, host, runtimeId);
+      tryHydrateComponent(componentDef, meta, host, runtimeId) :
+      addPendingDef(componentDef, typeName, meta, host, runtimeId));
   }).
   reverse().
   forEach(tryInvoke);
@@ -490,10 +517,10 @@ function initServerRendered(renderedComponents, host) {
 }
 
 function tryHydrateComponent(rawDef, meta, host, runtimeId) {
-  var componentDef = ComponentDef._l_(
+  var componentDef = ComponentDef._F_(
   rawDef,
-  meta._k_,
-  meta._j_,
+  meta._E_,
+  meta._D_,
   exports);
 
   var mount = hydrateComponentAndGetMount(componentDef, host);
@@ -531,12 +558,12 @@ function hydrateComponentAndGetMount(componentDef, host) {
   if (rootNode) {
     delete serverComponentRootNodes[componentId];
 
-    component._m_ = rootNode;
+    component._G_ = rootNode;
     componentsByDOMNode.set(rootNode, component);
 
     if (componentDef.C_ & FLAG_WILL_RERENDER_IN_BROWSER) {
-      component._b_ = host;
-      renderResult = component._n_(component.K_, true);
+      component.I_ = host;
+      renderResult = component._H_(component.U_, true);
       trackComponent(componentDef);
       return function mount() {
         renderResult.afterInsert(host);
@@ -563,8 +590,8 @@ function tryInvoke(fn) {
 }
 
 exports.r = register;
-exports._o_ = createComponent;
-exports._p_ = getComponentClass;
-exports.F_ = win.$initComponents = initServerRendered;
+exports._I_ = createComponent;
+exports._J_ = getComponentClass;
+exports.Z_ = win.$initComponents = initServerRendered;
 
-require("../../../runtime/components/ComponentsContext")._q_ = initClientRendered;
+require("../../../runtime/components/ComponentsContext")._K_ = initClientRendered;

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

@@ -40,5 +40,5 @@ scope)
   return new ServerComponent(id, input, out, typeName, customEvents, scope);
 }
 
-exports._r_ = true;
-exports._o_ = createComponent;
+exports._L_ = true;
+exports._I_ = createComponent;

package/dist/node_modules/@internal/components-util/index-browser.js

@@ -1,8 +1,8 @@
 "use strict";var domData = require("../../../runtime/components/dom-data");
-var componentsByDOMNode = domData.W_;
-var keysByDOMNode = domData._s_;
-var vElementsByDOMNode = domData._t_;
-var vPropsByDOMNode = domData._u_;
+var componentsByDOMNode = domData._r_;
+var keysByDOMNode = domData._M_;
+var vElementsByDOMNode = domData._N_;
+var vPropsByDOMNode = domData._O_;
 var markoUID = window.$MUID || (window.$MUID = { i: 0 });
 var runtimeId = markoUID.i++;
 
@@ -27,7 +27,7 @@ function getComponentForEl(el, host) {
         component = componentsByDOMNode.get(node);
       }
     } else if (vElement = vElementsByDOMNode.get(node)) {
-      component = vElement._v_;
+      component = vElement._P_;
     }
 
     if (component) {
@@ -41,7 +41,7 @@ function getComponentForEl(el, host) {
 function destroyComponentForNode(node) {
   var componentToDestroy = componentsByDOMNode.get(node.fragment || node);
   if (componentToDestroy) {
-    componentToDestroy._w_();
+    componentToDestroy._Q_();
     delete componentLookup[componentToDestroy.id];
   }
 }
@@ -103,7 +103,7 @@ function getMarkoPropsFromEl(el) {
   var virtualProps;
 
   if (vElement) {
-    virtualProps = vElement._x_;
+    virtualProps = vElement._R_;
   } else {
     virtualProps = vPropsByDOMNode.get(el);
     if (!virtualProps) {
@@ -167,13 +167,13 @@ componentId)
 
 
 
-exports._y_ = runtimeId;
-exports.T_ = componentLookup;
-exports.E_ = getComponentForEl;
-exports._z_ = destroyComponentForNode;
-exports._A_ = destroyNodeRecursive;
-exports._B_ = nextComponentIdProvider;
-exports._C_ = attachBubblingEvent;
-exports.Z_ = getMarkoPropsFromEl;
-exports.U_ = addComponentRootToKeyedElements;
-exports._D_ = normalizeComponentKey;
+exports._S_ = runtimeId;
+exports._o_ = componentLookup;
+exports.Y_ = getComponentForEl;
+exports._T_ = destroyComponentForNode;
+exports._U_ = destroyNodeRecursive;
+exports._V_ = nextComponentIdProvider;
+exports._W_ = attachBubblingEvent;
+exports._t_ = getMarkoPropsFromEl;
+exports._p_ = addComponentRootToKeyedElements;
+exports._X_ = normalizeComponentKey;

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

@@ -5,6 +5,16 @@ function nextComponentIdProvider(out) {
   var prefix = out.global.componentIdPrefix || out.global.widgetIdPrefix || "s"; // "s" is for server (we use "b" for the browser)
   var nextId = 0;
 
+  // eslint-disable-next-line no-constant-condition
+
+
+
+
+
+
+
+
+
   return function nextComponentId() {
     return prefix + nextId++;
   };
@@ -19,7 +29,7 @@ extraArgs)
   if (handlerMethodName) {
     if (extraArgs) {
       var component = componentDef.i_;
-      var eventIndex = component.L_++;
+      var eventIndex = component._d_++;
 
       // 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
@@ -31,9 +41,9 @@ extraArgs)
 
       if (!(componentDef.C_ & FLAG_WILL_RERENDER_IN_BROWSER)) {
         if (eventIndex === 0) {
-          component.I_ = [extraArgs];
+          component._b_ = [extraArgs];
         } else {
-          component.I_.push(extraArgs);
+          component._b_.push(extraArgs);
         }
       }
 
@@ -52,10 +62,10 @@ extraArgs)
   }
 }
 
-exports._B_ = nextComponentIdProvider;
-exports._r_ = true;
-exports._C_ = attachBubblingEvent;
-exports._z_ = function noop() {};
-exports._A_ = function noop() {};
+exports._V_ = nextComponentIdProvider;
+exports._L_ = true;
+exports._W_ = attachBubblingEvent;
+exports._T_ = function noop() {};
+exports._U_ = function noop() {};
 
 // eslint-disable-next-line no-constant-condition

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

@@ -17,7 +17,7 @@ module.exports = function (data) {
   data && data.$global,
   facade,
   undefined,
-  this._E_);
+  this._Y_);
 
   out.once("error", (err) => {
     facade.write = facade.end = noop;