marko 5.36.4 → 5.37.0

package/dist/runtime/components/legacy/defineRenderer-legacy.js

@@ -1,17 +1,17 @@
 "use strict"; // eslint-disable-next-line no-constant-binary-expression
-
-var componentLookup = require("@internal/components-util")._m_;
+var complain = "MARKO_DEBUG" && require("complain");
+var componentLookup = require("@internal/components-util").___componentLookup;
 var req = require("@internal/require");
 var makeRenderable = require("../../renderable");
 var getComponentsContext =
-require("../ComponentsContext").T_;
+require("../ComponentsContext").___getComponentsContext;
 var modernRenderer = require("../renderer");
-var resolveComponentKey = modernRenderer.aY_;
+var resolveComponentKey = modernRenderer.___resolveComponentKey;
 
 module.exports = function defineRenderer(renderingLogic) {
   var renderer = renderingLogic.renderer;
 
-  if (renderer && renderer.aZ_) {
+  if (renderer && renderer.___isRenderer) {
     return renderer;
   }
 
@@ -45,13 +45,13 @@ module.exports = function defineRenderer(renderingLogic) {
     // takes care of re-using existing components.
     renderer = function renderer(input, out) {
       var componentsContext = getComponentsContext(out);
-      var globalComponentsContext = componentsContext.q_;
-      var component = globalComponentsContext.aA_;
-      var isReceivingNewInput = !component || component._i_;
+      var globalComponentsContext = componentsContext.___globalContext;
+      var component = globalComponentsContext.___rerenderComponent;
+      var isReceivingNewInput = !component || component.___isReceivingNewInput;
       var parentComponentDef;
 
       if (component) {
-        component._i_ = false;
+        component.___isReceivingNewInput = false;
       }
 
       // Render the template associated with the component using the final template
@@ -63,17 +63,17 @@ module.exports = function defineRenderer(renderingLogic) {
       var id;
 
       if (!component && componentLookup) {
-        var key = out.ab_;
+        var key = out.___assignedKey;
 
         if (
-        (parentComponentDef = componentsContext.p_) &&
+        (parentComponentDef = componentsContext.___componentDef) &&
         key != null)
         {
           id = resolveComponentKey(key.toString(), parentComponentDef);
         } else if (parentComponentDef) {
-          id = parentComponentDef.aP_();
+          id = parentComponentDef.___nextComponentId();
         } else {
-          id = globalComponentsContext.aP_();
+          id = globalComponentsContext.___nextComponentId();
         }
 
         component = componentLookup[id];
@@ -106,9 +106,9 @@ module.exports = function defineRenderer(renderingLogic) {
           widgetBody = newProps.renderBody;
         }
       } else if (component) {
-        newProps = newProps || component.O_;
-        widgetBody = component.___;
-        widgetState = component.aD_;
+        newProps = newProps || component.___widgetProps;
+        widgetBody = component.___widgetBody;
+        widgetState = component.___rawState;
         widgetConfig = component.widgetConfig;
       }
 
@@ -129,15 +129,15 @@ module.exports = function defineRenderer(renderingLogic) {
         widgetConfig = getWidgetConfig(newProps, out);
       }
       // eslint-disable-next-line no-constant-condition
+      if ("MARKO_DEBUG") {
+        if (widgetState && "widgetState" in templateData) {
+          complain("Passing widgetState as input is deprecated.");
+        }
 
-
-
-
-
-
-
-
-
+        if (widgetConfig && "widgetConfig" in templateData) {
+          complain("Passing widgetConfig as input is deprecated.");
+        }
+      }
 
       templateData.widgetProps = newProps;
       widgetBody && (templateData.renderBody = widgetBody);
@@ -148,7 +148,7 @@ module.exports = function defineRenderer(renderingLogic) {
     };
   }
 
-  renderer.aZ_ = true;
+  renderer.___isRenderer = true;
   renderer.createOut = template ? template.createOut : renderingLogic.createOut;
   renderer.template = template;
 

package/dist/runtime/components/legacy/dependencies/index.js

@@ -4,16 +4,16 @@ var env = process.env.NODE_ENV;
 var production = !env || env !== "development";
 
 function getRootDeps(template, context) {
-  if (production && template.b__) {
-    return template.b__;
+  if (production && template.___depsArray) {
+    return template.___depsArray;
   }
 
   attachDepsAndComponentsToTemplate(template, context);
 
-  var deps = template.b__ = Object.keys(template.ba_).map(
-    (key) => template.ba_[key]
+  var deps = template.___depsArray = Object.keys(template.___deps).map(
+    (key) => template.___deps[key]
   );
-  var initModule = getInitModule(template.path, template.b_);
+  var initModule = getInitModule(template.path, template.___components);
 
   if (initModule) deps.push(initModule);
 
@@ -38,10 +38,10 @@ function attachDepsAndComponentsToTemplate(target, context) {
   }
 
   if (typeof template.createOut !== "function") return;
-  if (production && target.ba_) return;
+  if (production && target.___deps) return;
 
-  var deps = target.ba_ = {};
-  var components = target.b_ = {};
+  var deps = target.___deps = {};
+  var components = target.___components = {};
 
   if (!template.meta) {
     console.warn("Metadata not set for template at ", template.path);
@@ -83,8 +83,8 @@ function attachDepsAndComponentsToTemplate(target, context) {
 
       attachDepsAndComponentsToTemplate(tag, context);
 
-      if (tag.ba_) Object.assign(deps, tag.ba_);
-      if (tag.b_) Object.assign(components, tag.b_);
+      if (tag.___deps) Object.assign(deps, tag.___deps);
+      if (tag.___components) Object.assign(components, tag.___components);
     });
   }
 }

package/dist/runtime/components/legacy/renderer-legacy.js

@@ -3,13 +3,13 @@ var endComponent = require("@internal/components-endComponent");
 var registry = require("@internal/components-registry");
 var componentsUtil = require("@internal/components-util");
 var getComponentsContext =
-require("../ComponentsContext").T_;
-var componentLookup = componentsUtil._m_;
+require("../ComponentsContext").___getComponentsContext;
+var componentLookup = componentsUtil.___componentLookup;
 var modernRenderer = require("../renderer");
-var resolveComponentKey = modernRenderer.aY_;
-var trackAsyncComponents = modernRenderer.bb_;
+var resolveComponentKey = modernRenderer.___resolveComponentKey;
+var trackAsyncComponents = modernRenderer.___trackAsyncComponents;
 // eslint-disable-next-line no-constant-binary-expression
-
+var complain = "MARKO_DEBUG" && require("complain");
 
 function createRendererFunc(templateRenderFunc, componentProps) {
   var typeName = componentProps.t;
@@ -21,15 +21,15 @@ function createRendererFunc(templateRenderFunc, componentProps) {
     trackAsyncComponents(out);
 
     var componentsContext = getComponentsContext(out);
-    var parentLegacyComponentDef = componentsContext.bc_;
+    var parentLegacyComponentDef = componentsContext.___legacyComponentDef;
 
     if (isImplicit && parentLegacyComponentDef) {
       templateRenderFunc(
         input,
         out,
         parentLegacyComponentDef,
-        parentLegacyComponentDef.t_,
-        parentLegacyComponentDef.t_.aD_,
+        parentLegacyComponentDef.___component,
+        parentLegacyComponentDef.___component.___rawState,
         out.global
       );
       return;
@@ -38,37 +38,37 @@ function createRendererFunc(templateRenderFunc, componentProps) {
     var widgetBody = input.renderBody;
     var widgetState = input.widgetState;
     var widgetConfig = input.widgetConfig;
-    var globalComponentsContext = componentsContext.q_;
-    var component = globalComponentsContext.aA_;
+    var globalComponentsContext = componentsContext.___globalContext;
+    var component = globalComponentsContext.___rerenderComponent;
 
     var isRerender = component !== undefined;
     var id = assignedId;
     var isExisting;
-    var parentComponentDef = componentsContext.p_;
-    var ownerComponentDef = out.aa_;
+    var parentComponentDef = componentsContext.___componentDef;
+    var ownerComponentDef = out.___assignedComponentDef;
     var ownerComponentId = ownerComponentDef && ownerComponentDef.id;
-    var key = out.ab_;
-    var customEvents = out.bd_;
+    var key = out.___assignedKey;
+    var customEvents = out.___assignedCustomEvents;
 
-    out.aa_ = null;
+    out.___assignedComponentDef = null;
 
     if (component) {
       id = component.id;
       isExisting = true;
-      globalComponentsContext.aA_ = null;
+      globalComponentsContext.___rerenderComponent = null;
     } else {
       if (key != null) {
         id = id || resolveComponentKey(key.toString(), parentComponentDef);
       } else if (parentComponentDef) {
-        id = parentComponentDef.aP_();
+        id = parentComponentDef.___nextComponentId();
       } else {
-        id = globalComponentsContext.aP_();
+        id = globalComponentsContext.___nextComponentId();
       }
     }
 
-    if (registry._K_ && typeName) {
+    if (registry.___isServer && typeName) {
       if (renderingLogic) delete renderingLogic.onRender;
-      component = registry._H_(
+      component = registry.___createComponent(
         renderingLogic,
         id,
         input,
@@ -81,12 +81,12 @@ function createRendererFunc(templateRenderFunc, componentProps) {
         component.input = null;
       } else if (input.widgetProps) {
         // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
+        if ("MARKO_DEBUG") {
+          complain(
+            "Possible performance impact: this widget does not contain state, but is marked as a stateful widget. This will result in additional hydration data serialized.  In order for marko to identify this as a split widget, w-bind should use a widget.js with defineWidget rather than index.js with defineComponent.",
+            { location: typeName, level: 1 }
+          );
+        }
         component.input = input.widgetProps;
       }
     } else {
@@ -94,7 +94,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
         if (isRerender) {
           // Look in in the DOM to see if a component with the same ID and type already exists.
           component = componentLookup[id];
-          if (component && component._r_ !== typeName) {
+          if (component && component.___type !== typeName) {
             component = undefined;
           }
         }
@@ -105,7 +105,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
           isExisting = false;
           // We need to create a new instance of the component
           if (typeName) {
-            component = registry._H_(typeName, id);
+            component = registry.___createComponent(typeName, id);
           }
         }
       }
@@ -117,10 +117,10 @@ function createRendererFunc(templateRenderFunc, componentProps) {
       isFakeComponent = true;
       component = {
         id: id,
-        L_: {}
+        ___keyedElements: {}
       };
     } else {
-      component._c_ = true;
+      component.___updateQueued = true;
 
       if (widgetState) {
         component.state = widgetState;
@@ -128,7 +128,7 @@ function createRendererFunc(templateRenderFunc, componentProps) {
     }
 
     component.widgetConfig = widgetConfig;
-    component.___ = widgetBody || component.___;
+    component.___widgetBody = widgetBody || component.___widgetBody;
 
     var componentDef = beginComponent(
       componentsContext,
@@ -138,21 +138,21 @@ function createRendererFunc(templateRenderFunc, componentProps) {
       isSplit,
       isFakeComponent
     );
-    componentsContext.bc_ = componentDef;
+    componentsContext.___legacyComponentDef = componentDef;
 
     // This is a hack, but we have to swap out the component instance stored with this node
-    var vComponentNode = out.ac_;
+    var vComponentNode = out.___parent;
 
-    componentDef.t_ = isFakeComponent ? null : component;
-    componentDef._v_ = isExisting;
-    componentDef.z_ = true;
+    componentDef.___component = isFakeComponent ? null : component;
+    componentDef.___isExisting = isExisting;
+    componentDef.___isLegacy = true;
 
     componentDef.t = function (typeName) {
       if (typeName) {
-        if (registry._K_) {
+        if (registry.___isServer) {
           var oldComponent = component;
           if (renderingLogic) delete renderingLogic.onRender;
-          component = registry._H_(
+          component = registry.___createComponent(
             renderingLogic || {},
             id,
             input,
@@ -165,12 +165,12 @@ function createRendererFunc(templateRenderFunc, componentProps) {
             component.input = null;
           } else if (input.widgetProps) {
             // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
+            if ("MARKO_DEBUG") {
+              complain(
+                "Possible performance impact: this widget does not contain state, but is marked as a stateful widget. This will result in additional hydration data serialized.  In order for marko to identify this as a split widget, w-bind should use a widget.js with defineWidget rather than index.js with defineComponent.",
+                { location: typeName, level: 1 }
+              );
+            }
             component.input = input.widgetProps;
           }
           Object.assign(component, oldComponent);
@@ -184,19 +184,19 @@ function createRendererFunc(templateRenderFunc, componentProps) {
             this
           );
         } else {
-          vComponentNode.t_ = component = registry._H_(
+          vComponentNode.___component = component = registry.___createComponent(
             typeName,
             component.id
           );
         }
-        this.t_ = component;
+        this.___component = component;
       }
 
       return component;
     };
 
-    if (!registry._K_) {
-      component.M_ && component.M_();
+    if (!registry.___isServer) {
+      component.___legacyRender && component.___legacyRender();
     }
 
     // Render the template associated with the component using the final template
@@ -206,16 +206,16 @@ function createRendererFunc(templateRenderFunc, componentProps) {
       out,
       componentDef,
       component,
-      component.aD_,
+      component.___rawState,
       out.global
     );
 
-    if (customEvents && componentDef.t_) {
-      if (registry._K_) {
-        componentDef.X_ = customEvents;
-        componentDef.Y_ = ownerComponentId;
+    if (customEvents && componentDef.___component) {
+      if (registry.___isServer) {
+        componentDef.___customEvents = customEvents;
+        componentDef.___scope = ownerComponentId;
       } else {
-        componentDef.t_.aE_(
+        componentDef.___component.___setCustomEvents(
           customEvents,
           ownerComponentId
         );
@@ -223,8 +223,8 @@ function createRendererFunc(templateRenderFunc, componentProps) {
     }
 
     endComponent(out, componentDef);
-    componentsContext.p_ = parentComponentDef;
-    componentsContext.bc_ = parentLegacyComponentDef;
+    componentsContext.___componentDef = parentComponentDef;
+    componentsContext.___legacyComponentDef = parentLegacyComponentDef;
   };
 }
 

package/dist/runtime/components/renderer.js

@@ -3,11 +3,11 @@ var beginComponent = require("@internal/components-beginComponent");
 var endComponent = require("@internal/components-endComponent");
 var registry = require("@internal/components-registry");
 var componentsUtil = require("@internal/components-util");
-var componentLookup = componentsUtil._m_;
+var componentLookup = componentsUtil.___componentLookup;
 
 var ComponentsContext = require("./ComponentsContext");
-var getComponentsContext = ComponentsContext.T_;
-var isServer = componentsUtil._K_ === true;
+var getComponentsContext = ComponentsContext.___getComponentsContext;
+var isServer = componentsUtil.___isServer === true;
 
 var COMPONENT_BEGIN_ASYNC_ADDED_KEY = "$wa";
 
@@ -15,7 +15,7 @@ function resolveComponentKey(key, parentComponentDef) {
   if (key[0] === "#") {
     return key.substring(1);
   } else {
-    return parentComponentDef.id + "-" + parentComponentDef.aO_(key);
+    return parentComponentDef.id + "-" + parentComponentDef.___nextKey(key);
   }
 }
 
@@ -32,17 +32,17 @@ function trackAsyncComponents(out) {
 function handleBeginAsync(event) {
   var parentOut = event.parentOut;
   var asyncOut = event.out;
-  var componentsContext = parentOut.b_;
+  var componentsContext = parentOut.___components;
 
   if (componentsContext !== undefined) {
     // We are going to start a nested ComponentsContext
-    asyncOut.b_ = new ComponentsContext(asyncOut, componentsContext);
+    asyncOut.___components = new ComponentsContext(asyncOut, componentsContext);
   }
   // Carry along the component arguments
   asyncOut.c(
-    parentOut.aa_,
-    parentOut.ab_,
-    parentOut.bd_
+    parentOut.___assignedComponentDef,
+    parentOut.___assignedKey,
+    parentOut.___assignedCustomEvents
   );
 }
 
@@ -66,13 +66,13 @@ renderingLogic)
   var shouldApplySplitMixins = renderingLogic && isSplit;
 
   // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
-  if (componentProps.d) {
+  if ("MARKO_DEBUG") {
+    if (!componentProps.d) {
+      throw new Error(
+        "Component was compiled in a different NODE_ENV than the Marko runtime is using."
+      );
+    }
+  } else if (componentProps.d) {
     throw new Error("Runtime/NODE_ENV Mismatch");
   }
 
@@ -80,24 +80,24 @@ renderingLogic)
     trackAsyncComponents(out);
 
     var componentsContext = getComponentsContext(out);
-    var globalComponentsContext = componentsContext.q_;
+    var globalComponentsContext = componentsContext.___globalContext;
 
-    var component = globalComponentsContext.aA_;
+    var component = globalComponentsContext.___rerenderComponent;
     var isRerender = component !== undefined;
     var id;
     var isExisting;
     var customEvents;
-    var parentComponentDef = componentsContext.p_;
-    var ownerComponentDef = out.aa_;
+    var parentComponentDef = componentsContext.___componentDef;
+    var ownerComponentDef = out.___assignedComponentDef;
     var ownerComponentId = ownerComponentDef && ownerComponentDef.id;
-    var key = out.ab_;
+    var key = out.___assignedKey;
 
     if (component) {
       // If component is provided then we are currently rendering
       // the top-level UI component as part of a re-render
       id = component.id; // We will use the ID of the component being re-rendered
       isExisting = true; // This is a re-render so we know the component is already in the DOM
-      globalComponentsContext.aA_ = null;
+      globalComponentsContext.___rerenderComponent = null;
     } else {
       // Otherwise, we are rendering a nested UI component. We will need
       // to match up the UI component with the component already in the
@@ -106,15 +106,15 @@ renderingLogic)
       // that were provided.
       if (parentComponentDef) {
         // console.log('componentArgs:', componentArgs);
-        customEvents = out.bd_;
+        customEvents = out.___assignedCustomEvents;
 
         if (key != null) {
           id = resolveComponentKey(key.toString(), parentComponentDef);
         } else {
-          id = parentComponentDef.aP_();
+          id = parentComponentDef.___nextComponentId();
         }
       } else {
-        id = globalComponentsContext.aP_();
+        id = globalComponentsContext.___nextComponentId();
       }
     }
 
@@ -123,7 +123,7 @@ renderingLogic)
       // we don't need to match up the UI component with a previously
       // rendered component already mounted to the DOM. We also create
       // a lightweight ServerComponent
-      component = registry._H_(
+      component = registry.___createComponent(
         renderingLogic,
         id,
         input,
@@ -135,13 +135,13 @@ renderingLogic)
 
       // This is the final input after running the lifecycle methods.
       // We will be passing the input to the template for the `input` param
-      input = component._b_;
+      input = component.___updatedInput;
     } else {
       if (!component) {
         if (
         isRerender && (
         component = componentLookup[id]) &&
-        component._r_ !== typeName)
+        component.___type !== typeName)
         {
           // Destroy the existing component since
           component.destroy();
@@ -153,7 +153,7 @@ renderingLogic)
         } else {
           isExisting = false;
           // We need to create a new instance of the component
-          component = registry._H_(typeName, id);
+          component = registry.___createComponent(typeName, id);
 
           if (shouldApplySplitMixins === true) {
             shouldApplySplitMixins = false;
@@ -170,36 +170,36 @@ renderingLogic)
         // Set this flag to prevent the component from being queued for update
         // based on the new input. The component is about to be rerendered
         // so we don't want to queue it up as a result of calling `setInput()`
-        component._c_ = true;
+        component.___updateQueued = true;
 
         if (customEvents) {
-          component.aE_(customEvents, ownerComponentId);
+          component.___setCustomEvents(customEvents, ownerComponentId);
         }
 
         if (isExisting === false) {
-          component.aG_(input, out);
+          component.___emitCreate(input, out);
         }
 
-        input = component._j_(input, onInput, out);
+        input = component.___setInput(input, onInput, out);
 
         if (isExisting === true) {
           if (
-          component.av_ === false ||
-          component.shouldUpdate(input, component.A_) === false)
+          component.___isDirty === false ||
+          component.shouldUpdate(input, component.___state) === false)
           {
             // We put a placeholder element in the output stream to ensure that the existing
             // DOM node is matched up correctly when using morphdom. We flag the VElement
             // node to track that it is a preserve marker
-            out.be_(component);
-            globalComponentsContext.r_[id] = true;
-            component._u_(); // The component is no longer dirty so reset internal flags
+            out.___preserveComponent(component);
+            globalComponentsContext.___renderedComponentsById[id] = true;
+            component.___reset(); // The component is no longer dirty so reset internal flags
             return;
           }
         }
       }
 
-      component.al_ = out.global;
-      component.aH_(out);
+      component.___global = out.global;
+      component.___emitRender(out);
     }
 
     var componentDef = beginComponent(
@@ -211,7 +211,7 @@ renderingLogic)
       isImplicitComponent
     );
 
-    componentDef._v_ = isExisting;
+    componentDef.___isExisting = isExisting;
 
     // Render the template associated with the component using the final template
     // data that we constructed
@@ -220,17 +220,17 @@ renderingLogic)
       out,
       componentDef,
       component,
-      component.aD_,
+      component.___rawState,
       out.global
     );
 
     endComponent(out, componentDef);
-    componentsContext.p_ = parentComponentDef;
+    componentsContext.___componentDef = parentComponentDef;
   };
 }
 
 module.exports = createRendererFunc;
 
 // exports used by the legacy renderer
-createRendererFunc.aY_ = resolveComponentKey;
-createRendererFunc.bb_ = trackAsyncComponents;
+createRendererFunc.___resolveComponentKey = resolveComponentKey;
+createRendererFunc.___trackAsyncComponents = trackAsyncComponents;

package/dist/runtime/components/update-manager.js

@@ -4,7 +4,7 @@ var updatesScheduled = false;
 var batchStack = []; // A stack of batched updates
 var unbatchedQueue = []; // Used for scheduled batched updates
 
-var setImmediate = require("@internal/set-immediate")._k_;
+var setImmediate = require("@internal/set-immediate").___setImmediate;
 
 /**
  * This function is called when we schedule the update of "unbatched"
@@ -41,7 +41,7 @@ function updateComponents(queue) {
   //       since we will still get to them at the end
   for (var i = 0; i < queue.length; i++) {
     var component = queue[i];
-    component.aI_(); // Do the actual component update
+    component.___update(); // Do the actual component update
   }
 
   // Clear out the queue by setting the length to zero
@@ -90,5 +90,5 @@ function queueComponentUpdate(component) {
   }
 }
 
-exports.au_ = queueComponentUpdate;
-exports.az_ = batchUpdate;
+exports.___queueComponentUpdate = queueComponentUpdate;
+exports.___batchUpdate = batchUpdate;

package/dist/runtime/createOut.js

@@ -8,6 +8,6 @@ function createOut(globalData) {
   return actualCreateOut(globalData);
 }
 
-createOut.bf_ = setCreateOut;
+createOut.___setCreateOut = setCreateOut;
 
 module.exports = createOut;