Function componentPlugin

www/js/ext/component.esm.js:622–866

(_hyperscript)

// src/ext/component.js
function componentPlugin(_hyperscript) {
  const { runtime, createParser, reactivity } = _hyperscript.internals;
  const tokenizer = new Tokenizer();
  function ensureFouceGuard() {
    if (typeof document === "undefined" || !document.head) return;
    if (document.head.querySelector('style[data-hyperscript-component="fouce-guard"]')) return;
    var styleEl = document.createElement("style");
    styleEl.setAttribute("data-hyperscript-component", "fouce-guard");
    styleEl.textContent = ":not(:defined) { visibility: hidden; }";
    document.head.appendChild(styleEl);
  }
  function substituteSlots(templateSource, slotContent, scopeSel) {
    if (!slotContent) return templateSource;
    var tmp = document.createElement("div");
    tmp.innerHTML = slotContent;
    var named = {};
    var defaultParts = [];
    for (var child of Array.from(tmp.childNodes)) {
      if (child.nodeType === 1 && scopeSel && !child.hasAttribute("dom-scope")) {
        child.setAttribute("dom-scope", "parent of " + scopeSel);
      }
      var slotName = child.nodeType === 1 && child.getAttribute("slot");
      if (slotName) {
        child.removeAttribute("slot");
        if (!named[slotName]) named[slotName] = "";
        named[slotName] += child.outerHTML;
      } else {
        defaultParts.push(child.nodeType === 1 ? child.outerHTML : child.nodeType === 3 ? child.textContent : "");
      }
    }
    var defaultContent = defaultParts.join("");
    var source = templateSource.replace(
      /<slot\s+name\s*=\s*["']([^"']+)["']\s*\/?\s*>(\s*<\/slot>)?/g,
      function(_, name) {
        return named[name] || "";
      }
    );
    source = source.replace(/<slot\s*\/?\s*>(\s*<\/slot>)?/g, defaultContent);
    return source;
  }
  function parseArg(componentEl, prop) {
    if (typeof prop !== "string") return null;
    var cache = componentEl._attrsCache || (componentEl._attrsCache = {});
    if (!cache[prop]) {
      var attrValue = componentEl.getAttribute(prop);
      if (attrValue == null) return null;
      try {
        cache[prop] = createParser(tokenizer.tokenize(attrValue)).requireElement("expression");
      } catch (e) {
        console.error("component: failed to parse attrs." + prop + ":", e.message);
        return null;
      }
    }
    return cache[prop];
  }
  function parentContext(componentEl) {
    var parent = componentEl.parentElement;
    return parent ? runtime.makeContext(parent, null, parent, null) : null;