marko 5.37.6 → 6.0.0-3.11

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

@@ -1,231 +0,0 @@
-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 getComponentsContext =
-  require("../ComponentsContext").___getComponentsContext;
-var componentLookup = componentsUtil.___componentLookup;
-var modernRenderer = require("../renderer");
-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;
-  //var assignedId = componentProps.id;
-  var isSplit = componentProps.s === true;
-  var isImplicit = componentProps.i === true;
-
-  return function renderer(input, out, assignedId, renderingLogic) {
-    trackAsyncComponents(out);
-
-    var componentsContext = getComponentsContext(out);
-    var parentLegacyComponentDef = componentsContext.___legacyComponentDef;
-
-    if (isImplicit && parentLegacyComponentDef) {
-      templateRenderFunc(
-        input,
-        out,
-        parentLegacyComponentDef,
-        parentLegacyComponentDef.___component,
-        parentLegacyComponentDef.___component.___rawState,
-        out.global,
-      );
-      return;
-    }
-
-    var widgetBody = input.renderBody;
-    var widgetState = input.widgetState;
-    var widgetConfig = input.widgetConfig;
-    var globalComponentsContext = componentsContext.___globalContext;
-    var component = globalComponentsContext.___rerenderComponent;
-
-    var isRerender = component !== undefined;
-    var id = assignedId;
-    var isExisting;
-    var parentComponentDef = componentsContext.___componentDef;
-    var ownerComponentDef = out.___assignedComponentDef;
-    var ownerComponentId = ownerComponentDef && ownerComponentDef.id;
-    var key = out.___assignedKey;
-    var customEvents = out.___assignedCustomEvents;
-
-    out.___assignedComponentDef = null;
-
-    if (component) {
-      id = component.id;
-      isExisting = true;
-      globalComponentsContext.___rerenderComponent = null;
-    } else {
-      if (key != null) {
-        id = id || resolveComponentKey(key.toString(), parentComponentDef);
-      } else if (parentComponentDef) {
-        id = parentComponentDef.___nextComponentId();
-      } else {
-        id = globalComponentsContext.___nextComponentId();
-      }
-    }
-
-    if (registry.___isServer && typeName) {
-      if (renderingLogic) delete renderingLogic.onRender;
-      component = registry.___createComponent(
-        renderingLogic,
-        id,
-        input,
-        out,
-        typeName,
-        customEvents,
-        ownerComponentId,
-      );
-      if (isSplit || widgetState) {
-        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 {
-      if (!component) {
-        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.___type !== typeName) {
-            component = undefined;
-          }
-        }
-
-        if (component) {
-          isExisting = true;
-        } else {
-          isExisting = false;
-          // We need to create a new instance of the component
-          if (typeName) {
-            component = registry.___createComponent(typeName, id);
-          }
-        }
-      }
-    }
-
-    var isFakeComponent = false;
-
-    if (!component) {
-      isFakeComponent = true;
-      component = {
-        id: id,
-        ___keyedElements: {},
-      };
-    } else {
-      component.___updateQueued = true;
-
-      if (widgetState) {
-        component.state = widgetState;
-      }
-    }
-
-    component.widgetConfig = widgetConfig;
-    component.___widgetBody = widgetBody || component.___widgetBody;
-
-    var componentDef = beginComponent(
-      componentsContext,
-      component,
-      key,
-      ownerComponentDef,
-      isSplit,
-      isFakeComponent,
-    );
-    componentsContext.___legacyComponentDef = componentDef;
-
-    // This is a hack, but we have to swap out the component instance stored with this node
-    var vComponentNode = out.___parent;
-
-    componentDef.___component = isFakeComponent ? null : component;
-    componentDef.___isExisting = isExisting;
-    componentDef.___isLegacy = true;
-
-    componentDef.t = function (typeName) {
-      if (typeName) {
-        if (registry.___isServer) {
-          var oldComponent = component;
-          if (renderingLogic) delete renderingLogic.onRender;
-          component = registry.___createComponent(
-            renderingLogic || {},
-            id,
-            input,
-            out,
-            typeName,
-            customEvents,
-            ownerComponentId,
-          );
-          if (isSplit || widgetState) {
-            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);
-          beginComponent(
-            componentsContext,
-            component,
-            key,
-            ownerComponentDef,
-            isSplit,
-            false,
-            this,
-          );
-        } else {
-          vComponentNode.___component = component = registry.___createComponent(
-            typeName,
-            component.id,
-          );
-        }
-        this.___component = component;
-      }
-
-      return component;
-    };
-
-    if (!registry.___isServer) {
-      component.___legacyRender && component.___legacyRender();
-    }
-
-    // Render the template associated with the component using the final template
-    // data that we constructed
-    templateRenderFunc(
-      input,
-      out,
-      componentDef,
-      component,
-      component.___rawState,
-      out.global,
-    );
-
-    if (customEvents && componentDef.___component) {
-      if (registry.___isServer) {
-        componentDef.___customEvents = customEvents;
-        componentDef.___scope = ownerComponentId;
-      } else {
-        componentDef.___component.___setCustomEvents(
-          customEvents,
-          ownerComponentId,
-        );
-      }
-    }
-
-    endComponent(out, componentDef);
-    componentsContext.___componentDef = parentComponentDef;
-    componentsContext.___legacyComponentDef = parentLegacyComponentDef;
-  };
-}
-
-module.exports = createRendererFunc;

package/src/runtime/components/registry.js

@@ -1 +0,0 @@
-module.exports = require("@internal/components-registry");

package/src/runtime/components/renderer.js

@@ -1,236 +0,0 @@
-var copyProps = require("raptor-util/copyProps");
-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.___componentLookup;
-
-var ComponentsContext = require("./ComponentsContext");
-var getComponentsContext = ComponentsContext.___getComponentsContext;
-var isServer = componentsUtil.___isServer === true;
-
-var COMPONENT_BEGIN_ASYNC_ADDED_KEY = "$wa";
-
-function resolveComponentKey(key, parentComponentDef) {
-  if (key[0] === "#") {
-    return key.substring(1);
-  } else {
-    return parentComponentDef.id + "-" + parentComponentDef.___nextKey(key);
-  }
-}
-
-function trackAsyncComponents(out) {
-  if (out.isSync() || out.global[COMPONENT_BEGIN_ASYNC_ADDED_KEY]) {
-    return;
-  }
-
-  out.on("beginAsync", handleBeginAsync);
-  out.on("beginDetachedAsync", handleBeginDetachedAsync);
-  out.global[COMPONENT_BEGIN_ASYNC_ADDED_KEY] = true;
-}
-
-function handleBeginAsync(event) {
-  var parentOut = event.parentOut;
-  var asyncOut = event.out;
-  var componentsContext = parentOut.___components;
-
-  if (componentsContext !== undefined) {
-    // We are going to start a nested ComponentsContext
-    asyncOut.___components = new ComponentsContext(asyncOut, componentsContext);
-  }
-  // Carry along the component arguments
-  asyncOut.c(
-    parentOut.___assignedComponentDef,
-    parentOut.___assignedKey,
-    parentOut.___assignedCustomEvents,
-  );
-}
-
-function handleBeginDetachedAsync(event) {
-  var asyncOut = event.out;
-  handleBeginAsync(event);
-  asyncOut.on("beginAsync", handleBeginAsync);
-  asyncOut.on("beginDetachedAsync", handleBeginDetachedAsync);
-}
-
-function createRendererFunc(
-  templateRenderFunc,
-  componentProps,
-  renderingLogic,
-) {
-  var onInput = renderingLogic && renderingLogic.onInput;
-  var typeName = componentProps.t;
-  var isSplit = componentProps.s === true;
-  var isImplicitComponent = componentProps.i === true;
-
-  var shouldApplySplitMixins = renderingLogic && isSplit;
-
-  // eslint-disable-next-line no-constant-condition
-  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");
-  }
-
-  return function renderer(input, out) {
-    trackAsyncComponents(out);
-
-    var componentsContext = getComponentsContext(out);
-    var globalComponentsContext = componentsContext.___globalContext;
-
-    var component = globalComponentsContext.___rerenderComponent;
-    var isRerender = component !== undefined;
-    var id;
-    var isExisting;
-    var customEvents;
-    var parentComponentDef = componentsContext.___componentDef;
-    var ownerComponentDef = out.___assignedComponentDef;
-    var ownerComponentId = ownerComponentDef && ownerComponentDef.id;
-    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.___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
-      // DOM (if any) so we will need to resolve the component ID from
-      // the assigned key. We also need to handle any custom event bindings
-      // that were provided.
-      if (parentComponentDef) {
-        // console.log('componentArgs:', componentArgs);
-        customEvents = out.___assignedCustomEvents;
-
-        if (key != null) {
-          id = resolveComponentKey(key.toString(), parentComponentDef);
-        } else {
-          id = parentComponentDef.___nextComponentId();
-        }
-      } else {
-        id = globalComponentsContext.___nextComponentId();
-      }
-    }
-
-    if (isServer) {
-      // If we are rendering on the server then things are simplier since
-      // 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.___createComponent(
-        renderingLogic,
-        id,
-        input,
-        out,
-        typeName,
-        customEvents,
-        ownerComponentId,
-      );
-
-      // 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.___updatedInput;
-    } else {
-      if (!component) {
-        if (
-          isRerender &&
-          (component = componentLookup[id]) &&
-          component.___type !== typeName
-        ) {
-          // Destroy the existing component since
-          component.destroy();
-          component = undefined;
-        }
-
-        if (component) {
-          isExisting = true;
-        } else {
-          isExisting = false;
-          // We need to create a new instance of the component
-          component = registry.___createComponent(typeName, id);
-
-          if (shouldApplySplitMixins === true) {
-            shouldApplySplitMixins = false;
-
-            var renderingLogicProps =
-              typeof renderingLogic == "function"
-                ? renderingLogic.prototype
-                : renderingLogic;
-
-            copyProps(renderingLogicProps, component.constructor.prototype);
-          }
-        }
-
-        // 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.___updateQueued = true;
-
-        if (customEvents) {
-          component.___setCustomEvents(customEvents, ownerComponentId);
-        }
-
-        if (isExisting === false) {
-          component.___emitCreate(input, out);
-        }
-
-        input = component.___setInput(input, onInput, out);
-
-        if (isExisting === true) {
-          if (
-            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.___preserveComponent(component);
-            globalComponentsContext.___renderedComponentsById[id] = true;
-            component.___reset(); // The component is no longer dirty so reset internal flags
-            return;
-          }
-        }
-      }
-
-      component.___global = out.global;
-      component.___emitRender(out);
-    }
-
-    var componentDef = beginComponent(
-      componentsContext,
-      component,
-      key,
-      ownerComponentDef,
-      isSplit,
-      isImplicitComponent,
-    );
-
-    componentDef.___isExisting = isExisting;
-
-    // Render the template associated with the component using the final template
-    // data that we constructed
-    templateRenderFunc(
-      input,
-      out,
-      componentDef,
-      component,
-      component.___rawState,
-      out.global,
-    );
-
-    endComponent(out, componentDef);
-    componentsContext.___componentDef = parentComponentDef;
-  };
-}
-
-module.exports = createRendererFunc;
-
-// exports used by the legacy renderer
-createRendererFunc.___resolveComponentKey = resolveComponentKey;
-createRendererFunc.___trackAsyncComponents = trackAsyncComponents;

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

@@ -1,94 +0,0 @@
-"use strict";
-
-var updatesScheduled = false;
-var batchStack = []; // A stack of batched updates
-var unbatchedQueue = []; // Used for scheduled batched updates
-
-var setImmediate = require("@internal/set-immediate").___setImmediate;
-
-/**
- * This function is called when we schedule the update of "unbatched"
- * updates to components.
- */
-function updateUnbatchedComponents() {
-  if (unbatchedQueue.length) {
-    try {
-      updateComponents(unbatchedQueue);
-    } finally {
-      // Reset the flag now that this scheduled batch update
-      // is complete so that we can later schedule another
-      // batched update if needed
-      updatesScheduled = false;
-    }
-  }
-}
-
-function scheduleUpdates() {
-  if (updatesScheduled) {
-    // We have already scheduled a batched update for the
-    // nextTick so nothing to do
-    return;
-  }
-
-  updatesScheduled = true;
-
-  setImmediate(updateUnbatchedComponents);
-}
-
-function updateComponents(queue) {
-  // Loop over the components in the queue and update them.
-  // NOTE: It is okay if the queue grows during the iteration
-  //       since we will still get to them at the end
-  for (var i = 0; i < queue.length; i++) {
-    var component = queue[i];
-    component.___update(); // Do the actual component update
-  }
-
-  // Clear out the queue by setting the length to zero
-  queue.length = 0;
-}
-
-function batchUpdate(func) {
-  // If the batched update stack is empty then this
-  // is the outer batched update. After the outer
-  // batched update completes we invoke the "afterUpdate"
-  // event listeners.
-  var batch = [];
-
-  batchStack.push(batch);
-
-  try {
-    func();
-  } finally {
-    try {
-      // Update all of the components that where queued up
-      // in this batch (if any)
-      updateComponents(batch);
-    } finally {
-      // Now that we have completed the update of all the components
-      // in this batch we need to remove it off the top of the stack
-      batchStack.length--;
-    }
-  }
-}
-
-function queueComponentUpdate(component) {
-  var batchStackLen = batchStack.length;
-
-  if (batchStackLen) {
-    // When a batch update is started we push a new batch on to a stack.
-    // If the stack has a non-zero length then we know that a batch has
-    // been started so we can just queue the component on the top batch. When
-    // the batch is ended this component will be updated.
-    batchStack[batchStackLen - 1].push(component);
-  } else {
-    // We are not within a batched update. We need to schedule a batch update
-    // for the nextTick (if that hasn't been done already) and we will
-    // add the component to the unbatched queue
-    scheduleUpdates();
-    unbatchedQueue.push(component);
-  }
-}
-
-exports.___queueComponentUpdate = queueComponentUpdate;
-exports.___batchUpdate = batchUpdate;

package/src/runtime/createOut.js

@@ -1,13 +0,0 @@
-var actualCreateOut;
-
-function setCreateOut(createOutFunc) {
-  actualCreateOut = createOutFunc;
-}
-
-function createOut(globalData) {
-  return actualCreateOut(globalData);
-}
-
-createOut.___setCreateOut = setCreateOut;
-
-module.exports = createOut;

package/src/runtime/dom-insert.js

@@ -1,77 +0,0 @@
-var extend = require("raptor-util/extend");
-var componentsUtil = require("@internal/components-util");
-var destroyComponentForNode = componentsUtil.___destroyComponentForNode;
-var destroyNodeRecursive = componentsUtil.___destroyNodeRecursive;
-var helpers = require("./vdom/morphdom/helpers");
-
-var insertBefore = helpers.___insertBefore;
-var insertAfter = helpers.___insertAfter;
-var removeChild = helpers.___removeChild;
-
-function resolveEl(el) {
-  if (typeof el == "string") {
-    var elId = el;
-    el = document.getElementById(elId);
-    if (!el) {
-      throw Error("Not found: " + elId);
-    }
-  }
-  return el;
-}
-
-function beforeRemove(referenceEl) {
-  destroyNodeRecursive(referenceEl);
-  destroyComponentForNode(referenceEl);
-}
-
-module.exports = function (target, getEl, afterInsert) {
-  extend(target, {
-    appendTo: function (referenceEl) {
-      referenceEl = resolveEl(referenceEl);
-      var el = getEl(this, referenceEl);
-      insertBefore(el, null, referenceEl);
-      return afterInsert(this, referenceEl);
-    },
-    prependTo: function (referenceEl) {
-      referenceEl = resolveEl(referenceEl);
-      var el = getEl(this, referenceEl);
-      insertBefore(el, referenceEl.firstChild || null, referenceEl);
-      return afterInsert(this, referenceEl);
-    },
-    replace: function (referenceEl) {
-      referenceEl = resolveEl(referenceEl);
-      var el = getEl(this, referenceEl);
-      beforeRemove(referenceEl);
-      insertBefore(el, referenceEl, referenceEl.parentNode);
-      removeChild(referenceEl);
-      return afterInsert(this, referenceEl);
-    },
-    replaceChildrenOf: function (referenceEl) {
-      referenceEl = resolveEl(referenceEl);
-      var el = getEl(this, referenceEl);
-
-      var curChild = referenceEl.firstChild;
-      while (curChild) {
-        var nextSibling = curChild.nextSibling; // Just in case the DOM changes while removing
-        beforeRemove(curChild);
-        curChild = nextSibling;
-      }
-
-      referenceEl.innerHTML = "";
-      insertBefore(el, null, referenceEl);
-      return afterInsert(this, referenceEl);
-    },
-    insertBefore: function (referenceEl) {
-      referenceEl = resolveEl(referenceEl);
-      var el = getEl(this, referenceEl);
-      insertBefore(el, referenceEl, referenceEl.parentNode);
-      return afterInsert(this, referenceEl);
-    },
-    insertAfter: function (referenceEl) {
-      referenceEl = resolveEl(referenceEl);
-      var el = getEl(this, referenceEl);
-      insertAfter(el, referenceEl, referenceEl.parentNode);
-      return afterInsert(this, referenceEl);
-    },
-  });
-};

package/src/runtime/events.js

@@ -1,2 +0,0 @@
-var EventEmitter = require("events-light");
-module.exports = new EventEmitter();

package/src/runtime/helpers/_change-case.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var camelToDashLookup = Object.create(null);
-var dashToCamelLookup = Object.create(null);
-
-/**
- * Helper for converting camelCase to dash-case.
- */
-exports.___camelToDashCase = function camelToDashCase(name) {
-  var nameDashed = camelToDashLookup[name];
-  if (!nameDashed) {
-    nameDashed = camelToDashLookup[name] = name
-      .replace(/([A-Z])/g, "-$1")
-      .toLowerCase();
-
-    if (nameDashed !== name) {
-      dashToCamelLookup[nameDashed] = name;
-    }
-  }
-
-  return nameDashed;
-};
-
-/**
- * Helper for converting dash-case to camelCase.
- */
-exports.___dashToCamelCase = function dashToCamelCase(name) {
-  var nameCamel = dashToCamelLookup[name];
-  if (!nameCamel) {
-    nameCamel = dashToCamelLookup[name] = name.replace(
-      /-([a-z])/g,
-      matchToUpperCase,
-    );
-
-    if (nameCamel !== name) {
-      camelToDashLookup[nameCamel] = name;
-    }
-  }
-
-  return nameCamel;
-};
-
-function matchToUpperCase(_, char) {
-  return char.toUpperCase();
-}