Function componentPlugin

www/js/ext/component.js:623–867

(_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;