marko 5.37.1 → 6.0.0-3.4

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

@@ -1,335 +0,0 @@
-"use strict";
-/* jshint newcap:false */
-
-var BaseState;
-var BaseComponent;
-var inherit;
-var req = require("@internal/require");
-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,
-  value: function returnSelf() {
-    return this;
-  },
-};
-function noop() {}
-
-module.exports = function defineWidget(def, renderer) {
-  def = def.Widget || def;
-
-  if (def.___isComponent) {
-    return def;
-  }
-
-  var ComponentClass = function () {};
-  var proto;
-  var legacyInit;
-
-  if (typeof def === "function") {
-    proto = def.prototype;
-    legacyInit = def;
-  } else if (typeof def === "object") {
-    proto = def;
-    legacyInit = def.init;
-  } else {
-    throw TypeError();
-  }
-
-  ComponentClass.prototype = proto;
-
-  // We don't use the constructor provided by the user
-  // since we don't invoke their constructor until
-  // we have had a chance to do our own initialization.
-  // Instead, we store their constructor in the "initComponent"
-  // property and that method gets called later inside
-  // init-components-browser.js
-  function Component(id, doc) {
-    BaseComponent.call(this, id, doc);
-  }
-
-  if (!proto.___isComponent) {
-    // Inherit from Component if they didn't already
-    ComponentClass.prototype = Object.create(BaseComponent.prototype);
-    for (var propName in proto) {
-      if (hasOwnProperty.call(proto, propName)) {
-        ComponentClass.prototype[propName] = proto[propName];
-      }
-    }
-  }
-
-  // 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.___isLegacy = true;
-
-  proto.constructor = def.constructor = Component;
-
-  Object.defineProperty(proto, "state", {
-    get: function () {
-      var raw = this.___state && this.___state.___raw;
-
-      if (raw && !raw.toJSON) {
-        Object.defineProperty(this.___state.___raw, "toJSON", stateToJSONDef);
-      }
-
-      return raw;
-    },
-    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);
-    },
-  });
-
-  Object.defineProperty(proto, "__document", {
-    get: function () {
-      // eslint-disable-next-line no-constant-condition
-      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.___currentLegacyBindEl;
-    },
-  });
-
-  // get legacy methods
-
-  proto.___legacyOnRender = proto.onRender;
-  Object.defineProperty(proto, "onRender", {
-    get: noop,
-    set: function (v) {
-      proto.___legacyOnRender = v;
-    },
-  });
-
-  proto.___legacyOnUpdate = proto.onUpdate;
-  Object.defineProperty(proto, "onUpdate", {
-    get: function () {
-      return modernMountOrUpdate;
-    },
-    set: function (v) {
-      proto.___legacyOnUpdate = v;
-    },
-  });
-
-  proto.___legacyOnDestroy = proto.onDestroy;
-  Object.defineProperty(proto, "onDestroy", {
-    get: function () {
-      return modernOnDestory;
-    },
-    set: function (v) {
-      proto.___legacyOnDestroy = v;
-    },
-  });
-
-  proto.getWidget = proto.getComponent;
-  proto.getWidgets = proto.getComponents;
-  proto.onMount = modernMountOrUpdate;
-
-  if (legacyInit) {
-    proto.___legacyInit = legacyInit;
-  }
-
-  // convert legacy to modern
-  proto.___modernUpdate = proto.update;
-  proto.update = function () {
-    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.___destroyed = false;
-    }
-    this.___legacyExplicitUpdate = true;
-    if (this.___currentLegacyBindEl) {
-      this.onBeforeUpdate && this.onBeforeUpdate();
-    }
-
-    this.___modernUpdate();
-    this.___legacyExplicitUpdate = false;
-  };
-
-  function modernMountOrUpdate() {
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    var self = this;
-    var el = this.___keyedElements["@_wbind"];
-    var prevEl = this.___currentLegacyBindEl;
-
-    if (prevEl !== el) {
-      this.___currentLegacyBindEl = el;
-
-      if (prevEl) {
-        this.onBeforeDestroy && this.onBeforeDestroy();
-        this.___legacyOnDestroy && this.___legacyOnDestroy();
-        this.___legacyRender = undefined;
-        this.removeAllListeners();
-      }
-
-      if (el) {
-        this.___legacyInit && this.___legacyInit(this.widgetConfig || {});
-        this.___legacyOnRender && this.___legacyOnRender({ firstRender: true });
-        this.___legacyRender = legacyRender;
-
-        // eslint-disable-next-line no-constant-condition
-        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.___legacyOnUpdate && this.___legacyOnUpdate();
-      }
-
-      if (this.___didUpdate) {
-        this.___legacyOnRender &&
-          this.___legacyOnRender({ firstRender: false });
-      }
-    }
-
-    this.___widgetProps = this.___input;
-    this.___input = null;
-    this.___didUpdate = false;
-  }
-
-  function legacyRender() {
-    if (!this.___legacyExplicitUpdate) {
-      this.onBeforeUpdate && this.onBeforeUpdate();
-    }
-
-    this.___didUpdate = true;
-  }
-
-  function modernOnDestory() {
-    if (this.___currentLegacyBindEl) {
-      this.onBeforeDestroy && this.onBeforeDestroy();
-      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.___isComponent = true;
-
-  function State() {
-    BaseState.apply(this, arguments);
-  }
-  inherit(State, BaseState);
-  proto.___State = State;
-
-  jQuery.patchComponent(
-    window.$,
-    proto,
-    true /* don't throw error until used if `$` is missing*/
-  );
-
-  ready.patchComponent(proto);
-
-  if (!renderer) {
-    renderer = ComponentClass.renderer || ComponentClass.prototype.renderer;
-    if (renderer) {
-      // Legacy support
-      var createOut = renderer.createOut;
-      if (typeof renderer !== "function") {
-        var rendererObject = renderer;
-        renderer = function (input, out) {
-          var rendererFunc = rendererObject.renderer || rendererObject.render;
-          rendererFunc(input, out);
-        };
-        renderer.createOut = createOut;
-      }
-
-      renderer.render = function (input) {
-        var out = createOut();
-        renderer(input, out);
-        return out.end();
-      };
-    }
-  }
-
-  if (renderer) {
-    // Add the rendering related methods as statics on the
-    // new component constructor function
-    Component.renderer = proto.___renderer = renderer;
-    Component.render = renderer.render;
-    Component.renderSync = renderer.renderSync;
-  }
-
-  // eslint-disable-next-line no-constant-condition
-  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) {
-    if (typeof template === "string") {
-      template = req(template);
-    }
-
-    registry.r((template.default || template).___typeName, function () {
-      return Component;
-    });
-  }
-
-  return Component;
-};
-
-BaseState = require("../../../runtime/components/State");
-BaseComponent = require("../../../runtime/components/Component");
-inherit = require("raptor-util/inherit");

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

@@ -1,18 +0,0 @@
-module.exports = function defineWidget(def, renderer) {
-  if (def.___isComponent) {
-    return def;
-  }
-
-  if (renderer) {
-    return {
-      ___isComponent: true,
-      _isWidget: true,
-      renderer: renderer,
-      render: renderer.render,
-      renderSync: renderer.renderSync,
-      template: renderer.template,
-    };
-  } else {
-    return { ___isComponent: true, _isWidget: true };
-  }
-};

package/src/node_modules/@internal/components-define-widget-legacy/package.json

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

package/src/node_modules/@internal/components-endComponent/index-browser.js

@@ -1,5 +0,0 @@
-"use strict";
-
-module.exports = function endComponent(out) {
-  out.ee(); // endElement() (also works for VComponent nodes pushed on to the stack)
-};

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

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

package/src/node_modules/@internal/components-endComponent/package.json

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

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

@@ -1,11 +0,0 @@
-require("../../../runtime/vdom/marko-namespace");
-var registry = require("@internal/components-registry");
-
-exports.getComponentForEl =
-  require("@internal/components-util").___getComponentForEl;
-exports.init = registry.___initServerRendered;
-exports.register = function (id, component) {
-  registry.r(id, function () {
-    return component;
-  });
-};

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

@@ -1,301 +0,0 @@
-"use strict";
-require("../../../runtime/html/marko-namespace");
-
-var warp10 = require("warp10");
-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";
-
-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 === "</") {
-    return "\\u003C/";
-  } else {
-    return "\\u" + match.charCodeAt(0).toString(16);
-  }
-}
-
-function isNotEmpty(obj) {
-  var keys = Object.keys(obj);
-  for (var i = keys.length; i--; ) {
-    if (obj[keys[i]] !== undefined) {
-      return true;
-    }
-  }
-
-  return false;
-}
-function safeStringify(data) {
-  return JSON.stringify(warp10.stringifyPrepare(data)).replace(
-    safeJSONRegExp,
-    safeJSONReplacer
-  );
-}
-
-function getSerializedGlobals($global) {
-  let serializedGlobalsLookup = $global.serializedGlobals;
-  if (serializedGlobalsLookup) {
-    let serializedGlobals;
-    let keys = Object.keys(serializedGlobalsLookup);
-    for (let i = keys.length; i--; ) {
-      let key = keys[i];
-      if (serializedGlobalsLookup[key]) {
-        let value = $global[key];
-        if (!IGNORE_GLOBAL_TYPES.has(typeof value)) {
-          if (serializedGlobals === undefined) {
-            serializedGlobals = {};
-          }
-          serializedGlobals[key] = value;
-        }
-      }
-    }
-
-    return serializedGlobals;
-  }
-}
-
-function addComponentsFromContext(componentsContext, componentsToHydrate) {
-  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.___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.___customEvents;
-    var scope = component.___scope;
-    var bubblingDomEvents = component.___bubblingDomEvents;
-
-    var needsState;
-    var serializedProps;
-    var renderBody;
-
-    if (isLegacy) {
-      flags |= FLAG_IS_LEGACY;
-      renderBody = component.___widgetBody;
-
-      if (component.widgetConfig && isNotEmpty(component.widgetConfig)) {
-        serializedProps = component.widgetConfig;
-      }
-
-      needsState = true;
-    } else {
-      if (
-        !(flags & FLAG_WILL_RERENDER_IN_BROWSER) ||
-        flags & FLAG_OLD_HYDRATE_NO_CREATE
-      ) {
-        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.___customEvents = undefined;
-        component.___scope = undefined;
-        component.___bubblingDomEvents = undefined;
-        component.___bubblingDomEventsExtraArgsCount = undefined;
-        component.___updatedInput = undefined;
-        component.___updateQueued = undefined;
-
-        needsState = true;
-
-        if (isNotEmpty(component)) {
-          serializedProps = component;
-        }
-      } else {
-        renderBody = input.renderBody;
-      }
-    }
-
-    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" && renderBody.toJSON === w10ToJSON) {
-      flags |= FLAG_HAS_RENDER_BODY;
-      renderBody = undefined;
-      if (input) input.renderBody = undefined;
-    }
-
-    var extra = {
-      b: bubblingDomEvents,
-      d: componentDef.___domEvents,
-      e: customEvents,
-      f: flags || undefined,
-      p: customEvents && scope, // Only serialize scope if we need to attach custom events
-      s: needsState && state,
-      u: undefinedPropNames,
-      w: serializedProps,
-      r: renderBody,
-    };
-
-    var parts = [id, typeName];
-    var hasExtra = isNotEmpty(extra);
-
-    if (input) {
-      parts.push(input);
-
-      if (hasExtra) {
-        parts.push(extra);
-      }
-    } else if (hasExtra) {
-      parts.push(0, extra); // empty input;
-    }
-
-    componentsToHydrate.push(parts);
-  }
-
-  components.length = 0;
-
-  // Also add any components from nested contexts
-  var nestedContexts = componentsContext.___nestedContexts;
-  if (nestedContexts !== undefined) {
-    nestedContexts.forEach(function (nestedContext) {
-      addComponentsFromContext(nestedContext, componentsToHydrate);
-    });
-  }
-}
-
-function getInitComponentsData(out, componentDefs) {
-  const len = componentDefs.length;
-  const $global = out.global;
-  const isLast = $global.___isLastFlush;
-  const didSerializeComponents = $global.___didSerializeComponents;
-  const prefix = $global.componentIdPrefix || $global.widgetIdPrefix;
-
-  if (len === 0) {
-    if (isLast && didSerializeComponents) {
-      return { p: prefix, l: 1 };
-    }
-
-    return;
-  }
-
-  const TYPE_INDEX = 1;
-  const typesLookup =
-    $global.___typesLookup || ($global.___typesLookup = new Map());
-  let newTypes;
-
-  for (let i = 0; i < len; i++) {
-    const componentDef = componentDefs[i];
-    const typeName = componentDef[TYPE_INDEX];
-    let typeIndex = typesLookup.get(typeName);
-
-    if (typeIndex === undefined) {
-      typeIndex = typesLookup.size;
-      typesLookup.set(typeName, typeIndex);
-
-      if (newTypes) {
-        newTypes.push(typeName);
-      } else {
-        newTypes = [typeName];
-      }
-    }
-
-    componentDef[TYPE_INDEX] = typeIndex;
-  }
-
-  let serializedGlobals;
-
-  if (!didSerializeComponents) {
-    $global.___didSerializeComponents = true;
-    serializedGlobals = getSerializedGlobals($global);
-  }
-
-  return {
-    p: prefix,
-    l: isLast && 1,
-    g: serializedGlobals,
-    w: componentDefs,
-    t: newTypes,
-  };
-}
-
-function getInitComponentsDataFromOut(out) {
-  const componentsContext = out.___components;
-
-  if (componentsContext === null) {
-    return;
-  }
-
-  const $global = out.global;
-  const runtimeId = $global.runtimeId;
-  const componentsToHydrate = [];
-  addComponentsFromContext(componentsContext, componentsToHydrate);
-
-  $global.___isLastFlush = true;
-  const data = getInitComponentsData(out, componentsToHydrate);
-  $global.___isLastFlush = undefined;
-
-  if (runtimeId !== DEFAULT_RUNTIME_ID && data) {
-    data.r = runtimeId;
-  }
-
-  return data;
-}
-
-function writeInitComponentsCode(out) {
-  out.script(exports.___getInitComponentsCode(out));
-}
-
-exports.___getInitComponentsCode = function getInitComponentsCode(
-  out,
-  componentDefs
-) {
-  const initComponentsData =
-    arguments.length === 2
-      ? getInitComponentsData(out, componentDefs)
-      : getInitComponentsDataFromOut(out);
-
-  if (initComponentsData === undefined) {
-    return "";
-  }
-
-  const runtimeId = out.global.runtimeId;
-  const componentGlobalKey =
-    runtimeId === DEFAULT_RUNTIME_ID ? "MC" : runtimeId + "_C";
-
-  return `$${componentGlobalKey}=(window.$${componentGlobalKey}||[]).concat(${safeStringify(
-    initComponentsData
-  )})`;
-};
-
-exports.___addComponentsFromContext = addComponentsFromContext;
-exports.writeInitComponentsCode = writeInitComponentsCode;
-
-/**
- * Returns an object that can be sent to the browser using JSON.stringify. The parsed object should be
- * passed to require('marko-components').initComponents(...);
- *
- * @param  {ComponentsContext|AsyncWriter} componentsContext A ComponentsContext or an AsyncWriter
- * @return {Object} An object with information about the rendered components that can be serialized to JSON. The object should be treated as opaque
- */
-exports.getRenderedComponents = function (out) {
-  return warp10.stringifyPrepare(getInitComponentsDataFromOut(out));
-};