marko 5.36.4 → 5.37.0

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

@@ -9,7 +9,7 @@ var registry = require("@internal/components-registry");
 var jQuery = require("../../../runtime/components/legacy/jquery");
 var ready = require("../../../runtime/components/legacy/ready");
 // eslint-disable-next-line no-constant-binary-expression
-
+var complain = "MARKO_DEBUG" && require("complain");
 var hasHowOwnProperty = {}.hasOwnProperty;
 var stateToJSONDef = {
   enumerable: false,
@@ -22,7 +22,7 @@ function noop() {}
 module.exports = function defineWidget(def, renderer) {
   def = def.Widget || def;
 
-  if (def.y_) {
+  if (def.___isComponent) {
     return def;
   }
 
@@ -52,7 +52,7 @@ module.exports = function defineWidget(def, renderer) {
     BaseComponent.call(this, id, doc);
   }
 
-  if (!proto.y_) {
+  if (!proto.___isComponent) {
     // Inherit from Component if they didn't already
     ComponentClass.prototype = Object.create(BaseComponent.prototype);
     for (var propName in proto) {
@@ -65,16 +65,16 @@ module.exports = function defineWidget(def, renderer) {
   // The same prototype will be used by our constructor after
   // we he have set up the prototype chain using the inherit function
   proto = Component.prototype = ComponentClass.prototype;
-  proto.z_ = true;
+  proto.___isLegacy = true;
 
   proto.constructor = def.constructor = Component;
 
   Object.defineProperty(proto, "state", {
     get: function () {
-      var raw = this.A_ && this.A_.B_;
+      var raw = this.___state && this.___state.___raw;
 
       if (raw && !raw.toJSON) {
-        Object.defineProperty(this.A_.B_, "toJSON", stateToJSONDef);
+        Object.defineProperty(this.___state.___raw, "toJSON", stateToJSONDef);
       }
 
       return raw;
@@ -82,17 +82,17 @@ module.exports = function defineWidget(def, renderer) {
     set: function (newState) {
       newState = newState || {};
       // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
-
-
-
-
-
+      if ("MARKO_DEBUG") {
+        if (
+        Object.keys(newState).sort().join("") !==
+        Object.keys(this.___state && this.___state.___raw || {}).
+        sort().
+        join(""))
+
+        complain(
+          "'widget.state = newState' has changed from merging the newState to replacing the old state."
+        );
+      }
 
       this.setState(newState);
     }
@@ -101,58 +101,58 @@ module.exports = function defineWidget(def, renderer) {
   Object.defineProperty(proto, "__document", {
     get: function () {
       // eslint-disable-next-line no-constant-condition
-
-
-
-      return this.C_;
+      if ("MARKO_DEBUG") {
+        complain("__document is deprecated");
+      }
+      return this.___host;
     }
   });
 
   Object.defineProperty(proto, "el", {
     get: function () {
       // eslint-disable-next-line no-constant-condition
+      if ("MARKO_DEBUG") {
+        if (
+        this.___currentLegacyBindEl !== (
+        this.___rootNode && this.___rootNode.firstChild))
+        {
+          complain(
+            "this.el no longer returns the `w-bind` element and instead returns the first node in the template. Assign a key to the w-bind element and use getEl(key) instead."
+          );
+        }
+      }
 
-
-
-
-
-
-
-
-
-
-
-      return this.D_;
+      return this.___currentLegacyBindEl;
     }
   });
 
   // get legacy methods
 
-  proto.E_ = proto.onRender;
+  proto.___legacyOnRender = proto.onRender;
   Object.defineProperty(proto, "onRender", {
     get: noop,
     set: function (v) {
-      proto.E_ = v;
+      proto.___legacyOnRender = v;
     }
   });
 
-  proto.F_ = proto.onUpdate;
+  proto.___legacyOnUpdate = proto.onUpdate;
   Object.defineProperty(proto, "onUpdate", {
     get: function () {
       return modernMountOrUpdate;
     },
     set: function (v) {
-      proto.F_ = v;
+      proto.___legacyOnUpdate = v;
     }
   });
 
-  proto.G_ = proto.onDestroy;
+  proto.___legacyOnDestroy = proto.onDestroy;
   Object.defineProperty(proto, "onDestroy", {
     get: function () {
       return modernOnDestory;
     },
     set: function (v) {
-      proto.G_ = v;
+      proto.___legacyOnDestroy = v;
     }
   });
 
@@ -161,110 +161,110 @@ module.exports = function defineWidget(def, renderer) {
   proto.onMount = modernMountOrUpdate;
 
   if (legacyInit) {
-    proto.H_ = legacyInit;
+    proto.___legacyInit = legacyInit;
   }
 
   // convert legacy to modern
-  proto.I_ = proto.update;
+  proto.___modernUpdate = proto.update;
   proto.update = function () {
-    if (this.J_) {
+    if (this.___destroyed) {
       // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
-
-
+      if ("MARKO_DEBUG") {
+        complain(
+          "widget was updated after it was destroyed, if this widget is migrated to a modern component this will become a noop.",
+          {
+            location: this.___type
+          }
+        );
+      }
 
       this.destroy = modernOnDestory;
-      this.J_ = false;
+      this.___destroyed = false;
     }
-    this.K_ = true;
-    if (this.D_) {
+    this.___legacyExplicitUpdate = true;
+    if (this.___currentLegacyBindEl) {
       this.onBeforeUpdate && this.onBeforeUpdate();
     }
 
-    this.I_();
-    this.K_ = false;
+    this.___modernUpdate();
+    this.___legacyExplicitUpdate = false;
   };
 
   function modernMountOrUpdate() {
     // eslint-disable-next-line @typescript-eslint/no-this-alias
     var self = this;
-    var el = this.L_["@_wbind"];
-    var prevEl = this.D_;
+    var el = this.___keyedElements["@_wbind"];
+    var prevEl = this.___currentLegacyBindEl;
 
     if (prevEl !== el) {
-      this.D_ = el;
+      this.___currentLegacyBindEl = el;
 
       if (prevEl) {
         this.onBeforeDestroy && this.onBeforeDestroy();
-        this.G_ && this.G_();
-        this.M_ = undefined;
+        this.___legacyOnDestroy && this.___legacyOnDestroy();
+        this.___legacyRender = undefined;
         this.removeAllListeners();
       }
 
       if (el) {
-        this.H_ && this.H_(this.widgetConfig || {});
-        this.E_ && this.E_({ firstRender: true });
-        this.M_ = legacyRender;
+        this.___legacyInit && this.___legacyInit(this.widgetConfig || {});
+        this.___legacyOnRender && this.___legacyOnRender({ firstRender: true });
+        this.___legacyRender = legacyRender;
 
         // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
-
-
-
-        el.__widget = this;
-
+        if ("MARKO_DEBUG") {
+          Object.defineProperty(el, "__widget", {
+            configurable: true,
+            get: function () {
+              complain("__widget is deprecated");
+              return self;
+            }
+          });
+        } else {
+          el.__widget = this;
+        }
       }
     } else if (el) {
       if (prevEl) {
-        this.F_ && this.F_();
+        this.___legacyOnUpdate && this.___legacyOnUpdate();
       }
 
-      if (this.N_) {
-        this.E_ &&
-        this.E_({ firstRender: false });
+      if (this.___didUpdate) {
+        this.___legacyOnRender &&
+        this.___legacyOnRender({ firstRender: false });
       }
     }
 
-    this.O_ = this.P_;
-    this.P_ = null;
-    this.N_ = false;
+    this.___widgetProps = this.___input;
+    this.___input = null;
+    this.___didUpdate = false;
   }
 
   function legacyRender() {
-    if (!this.K_) {
+    if (!this.___legacyExplicitUpdate) {
       this.onBeforeUpdate && this.onBeforeUpdate();
     }
 
-    this.N_ = true;
+    this.___didUpdate = true;
   }
 
   function modernOnDestory() {
-    if (this.D_) {
+    if (this.___currentLegacyBindEl) {
       this.onBeforeDestroy && this.onBeforeDestroy();
-      this.G_ && this.G_();
-      this.D_ = null;
+      this.___legacyOnDestroy && this.___legacyOnDestroy();
+      this.___currentLegacyBindEl = null;
     }
   }
 
   // Set a flag on the constructor function to make it clear this is
   // a component so that we can short-circuit this work later
-  Component.y_ = true;
+  Component.___isComponent = true;
 
   function State() {
     BaseState.apply(this, arguments);
   }
   inherit(State, BaseState);
-  proto.Q_ = State;
+  proto.___State = State;
 
   jQuery.patchComponent(
     window.$,
@@ -299,22 +299,22 @@ module.exports = function defineWidget(def, renderer) {
   if (renderer) {
     // Add the rendering related methods as statics on the
     // new component constructor function
-    Component.renderer = proto.R_ = renderer;
+    Component.renderer = proto.___renderer = renderer;
     Component.render = renderer.render;
     Component.renderSync = renderer.renderSync;
   }
 
   // eslint-disable-next-line no-constant-condition
-
-
-
-
-
-
-
-
-  Component._isWidget = true;
-
+  if ("MARKO_DEBUG") {
+    Object.defineProperty(Component, "_isWidget", {
+      get: function () {
+        complain("_isWidget is deprecated");
+        return true;
+      }
+    });
+  } else {
+    Component._isWidget = true;
+  }
 
   var template = def.template;
   if (template) {
@@ -322,7 +322,7 @@ module.exports = function defineWidget(def, renderer) {
       template = req(template);
     }
 
-    registry.r((template.default || template).S_, function () {
+    registry.r((template.default || template).___typeName, function () {
       return Component;
     });
   }

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

@@ -1,11 +1,11 @@
 "use strict";module.exports = function defineWidget(def, renderer) {
-  if (def.y_) {
+  if (def.___isComponent) {
     return def;
   }
 
   if (renderer) {
     return {
-      y_: true,
+      ___isComponent: true,
       _isWidget: true,
       renderer: renderer,
       render: renderer.render,
@@ -13,6 +13,6 @@
       template: renderer.template
     };
   } else {
-    return { y_: true, _isWidget: true };
+    return { ___isComponent: true, _isWidget: true };
   }
 };

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

@@ -1,11 +1,11 @@
 "use strict";
 
 var ComponentsContext = require("../../../runtime/components/ComponentsContext");
-var getComponentsContext = ComponentsContext.T_;
+var getComponentsContext = ComponentsContext.___getComponentsContext;
 
 module.exports = function endComponent(out, componentDef) {
-  if (componentDef.u_) {
+  if (componentDef.___renderBoundary) {
     out.w("<!--" + out.global.runtimeId + "/-->");
-    getComponentsContext(out).w_ = componentDef.x_;
+    getComponentsContext(out).___isPreserved = componentDef.___parentPreserved;
   }
 };

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

@@ -2,8 +2,8 @@
 var registry = require("@internal/components-registry");
 
 exports.getComponentForEl =
-require("@internal/components-util").U_;
-exports.init = registry.V_;
+require("@internal/components-util").___getComponentForEl;
+exports.init = registry.___initServerRendered;
 exports.register = function (id, component) {
   registry.r(id, function () {
     return component;

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

@@ -2,7 +2,7 @@
 require("../../../runtime/html/marko-namespace");
 
 var warp10 = require("warp10");
-var w10ToJSON = require("../../../runtime/helpers/serialize-noop").W_;
+var w10ToJSON = require("../../../runtime/helpers/serialize-noop").___toJSON;
 var safeJSONRegExp = /<\/|\u2028|\u2029/g;
 var IGNORE_GLOBAL_TYPES = new Set(["undefined", "function", "symbol"]);
 var DEFAULT_RUNTIME_ID = "M";
@@ -60,23 +60,23 @@ function getSerializedGlobals($global) {
 }
 
 function addComponentsFromContext(componentsContext, componentsToHydrate) {
-  var components = componentsContext.b_;
+  var components = componentsContext.___components;
 
   var len = components.length;
 
   for (var i = 0; i < len; i++) {
     var componentDef = components[i];
     var id = componentDef.id;
-    var component = componentDef.t_;
-    var flags = componentDef.v_;
-    var isLegacy = componentDef.z_;
+    var component = componentDef.___component;
+    var flags = componentDef.___flags;
+    var isLegacy = componentDef.___isLegacy;
 
     var state = component.state;
     var input = component.input || 0;
     var typeName = component.typeName;
-    var customEvents = component.X_;
-    var scope = component.Y_;
-    var bubblingDomEvents = component.Z_;
+    var customEvents = component.___customEvents;
+    var scope = component.___scope;
+    var bubblingDomEvents = component.___bubblingDomEvents;
 
     var needsState;
     var serializedProps;
@@ -84,7 +84,7 @@ function addComponentsFromContext(componentsContext, componentsToHydrate) {
 
     if (isLegacy) {
       flags |= FLAG_IS_LEGACY;
-      renderBody = component.___;
+      renderBody = component.___widgetBody;
 
       if (component.widgetConfig && isNotEmpty(component.widgetConfig)) {
         serializedProps = component.widgetConfig;
@@ -96,16 +96,16 @@ function addComponentsFromContext(componentsContext, componentsToHydrate) {
       !(flags & FLAG_WILL_RERENDER_IN_BROWSER) ||
       flags & FLAG_OLD_HYDRATE_NO_CREATE)
       {
-        component.A_ = undefined; // We don't use `delete` to avoid V8 deoptimization
-        component.P_ = undefined; // We don't use `delete` to avoid V8 deoptimization
+        component.___state = undefined; // We don't use `delete` to avoid V8 deoptimization
+        component.___input = undefined; // We don't use `delete` to avoid V8 deoptimization
         component.typeName = undefined;
         component.id = undefined;
-        component.X_ = undefined;
-        component.Y_ = undefined;
-        component.Z_ = undefined;
-        component._a_ = undefined;
-        component._b_ = undefined;
-        component._c_ = undefined;
+        component.___customEvents = undefined;
+        component.___scope = undefined;
+        component.___bubblingDomEvents = undefined;
+        component.___bubblingDomEventsExtraArgsCount = undefined;
+        component.___updatedInput = undefined;
+        component.___updateQueued = undefined;
 
         needsState = true;
 
@@ -145,7 +145,7 @@ function addComponentsFromContext(componentsContext, componentsToHydrate) {
 
     var extra = {
       b: bubblingDomEvents,
-      d: componentDef._d_,
+      d: componentDef.___domEvents,
       e: customEvents,
       f: flags || undefined,
       p: customEvents && scope, // Only serialize scope if we need to attach custom events
@@ -174,7 +174,7 @@ function addComponentsFromContext(componentsContext, componentsToHydrate) {
   components.length = 0;
 
   // Also add any components from nested contexts
-  var nestedContexts = componentsContext._e_;
+  var nestedContexts = componentsContext.___nestedContexts;
   if (nestedContexts !== undefined) {
     nestedContexts.forEach(function (nestedContext) {
       addComponentsFromContext(nestedContext, componentsToHydrate);
@@ -185,8 +185,8 @@ function addComponentsFromContext(componentsContext, componentsToHydrate) {
 function getInitComponentsData(out, componentDefs) {
   const len = componentDefs.length;
   const $global = out.global;
-  const isLast = $global.d_;
-  const didSerializeComponents = $global._f_;
+  const isLast = $global.___isLastFlush;
+  const didSerializeComponents = $global.___didSerializeComponents;
   const prefix = $global.componentIdPrefix || $global.widgetIdPrefix;
 
   if (len === 0) {
@@ -199,7 +199,7 @@ function getInitComponentsData(out, componentDefs) {
 
   const TYPE_INDEX = 1;
   const typesLookup =
-  $global._g_ || ($global._g_ = new Map());
+  $global.___typesLookup || ($global.___typesLookup = new Map());
   let newTypes;
 
   for (let i = 0; i < len; i++) {
@@ -224,7 +224,7 @@ function getInitComponentsData(out, componentDefs) {
   let serializedGlobals;
 
   if (!didSerializeComponents) {
-    $global._f_ = true;
+    $global.___didSerializeComponents = true;
     serializedGlobals = getSerializedGlobals($global);
   }
 
@@ -238,7 +238,7 @@ function getInitComponentsData(out, componentDefs) {
 }
 
 function getInitComponentsDataFromOut(out) {
-  const componentsContext = out.b_;
+  const componentsContext = out.___components;
 
   if (componentsContext === null) {
     return;
@@ -249,9 +249,9 @@ function getInitComponentsDataFromOut(out) {
   const componentsToHydrate = [];
   addComponentsFromContext(componentsContext, componentsToHydrate);
 
-  $global.d_ = true;
+  $global.___isLastFlush = true;
   const data = getInitComponentsData(out, componentsToHydrate);
-  $global.d_ = undefined;
+  $global.___isLastFlush = undefined;
 
   if (runtimeId !== DEFAULT_RUNTIME_ID && data) {
     data.r = runtimeId;
@@ -261,10 +261,10 @@ function getInitComponentsDataFromOut(out) {
 }
 
 function writeInitComponentsCode(out) {
-  out.script(exports.a_(out));
+  out.script(exports.___getInitComponentsCode(out));
 }
 
-exports.a_ = function getInitComponentsCode(
+exports.___getInitComponentsCode = function getInitComponentsCode(
 out,
 componentDefs)
 {
@@ -286,7 +286,7 @@ componentDefs)
   )})`;
 };
 
-exports.__ = addComponentsFromContext;
+exports.___addComponentsFromContext = addComponentsFromContext;
 exports.writeInitComponentsCode = writeInitComponentsCode;
 
 /**

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

@@ -1,13 +1,13 @@
 "use strict";var Component = require("../../../runtime/components/Component");
 var req = require("@internal/require");
 var getComponentForEl =
-require("@internal/components-util").U_;
+require("@internal/components-util").___getComponentForEl;
 
 // eslint-disable-next-line no-constant-binary-expression
-
+var complain = "MARKO_DEBUG" && require("complain");
 
 // expose legacy
-require("@internal/components-registry")._h_ = exports;
+require("@internal/components-registry").___legacy = exports;
 exports.load = function (typeName) {
   return exports.defineWidget(req(typeName));
 };
@@ -35,14 +35,14 @@ exports.getWidgetForEl = exports.get = function (elOrId) {
   return getComponentForEl(el);
 };
 exports.initWidgets =
-require("@internal/components-registry").V_;
+require("@internal/components-registry").___initServerRendered;
 
 // monkey patch Widget
 if (Widget) {
   var WidgetProto = Widget.prototype;
   WidgetProto.setProps = function (newInput) {
-    this._i_ = true;
-    this._j_(newInput);
+    this.___isReceivingNewInput = true;
+    this.___setInput(newInput);
   };
   WidgetProto.rerender = function (newInput) {
     if (newInput) {
@@ -58,19 +58,19 @@ var RenderResult = require("../../../runtime/RenderResult");
 
 RenderResult.prototype.getWidget = function () {
   // eslint-disable-next-line no-constant-condition
-
-
-
+  if ("MARKO_DEBUG") {
+    complain("getWidget is deprecated. use getComponent instead.");
+  }
   return this.getWidgets()[0];
 };
 RenderResult.prototype.getWidgets = function () {
   // eslint-disable-next-line no-constant-condition
-
-
-
+  if ("MARKO_DEBUG") {
+    complain("getWidgets is deprecated. use getComponents instead.");
+  }
   return RenderResult.prototype.getComponents.
   apply(this, arguments).
   filter(function (component) {
-    return component.z_;
+    return component.___isLegacy;
   });
 };

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

@@ -12,5 +12,5 @@ exports.writeInitWidgetsCode = modernMarko.writeInitComponentsCode;
 exports.getRenderedWidgets = exports.getRenderedWidgetIds =
 modernMarko.getRenderedComponents;
 exports.getInitWidgetsCode = function (out) {
-  return modernMarko.a_(out);
+  return modernMarko.___getInitComponentsCode(out);
 };