@vue/compiler-dom 3.4.26 → 3.5.0-alpha.1

package/dist/compiler-dom.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.4.26
+* @vue/compiler-dom v3.5.0-alpha.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2088,10 +2088,11 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       }
     },
     onselfclosingtag(end) {
+      var _a;
       const name = currentOpenTag.tag;
       currentOpenTag.isSelfClosing = true;
       endOpenTag(end);
-      if (stack[0] && stack[0].tag === name) {
+      if (((_a = stack[0]) == null ? void 0 : _a.tag) === name) {
         onCloseTag(stack.shift(), end);
       }
     },
@@ -2402,15 +2403,16 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     currentOpenTag = null;
   }
   function onText(content, start, end) {
+    var _a;
     {
-      const tag = stack[0] && stack[0].tag;
+      const tag = (_a = stack[0]) == null ? void 0 : _a.tag;
       if (tag !== "script" && tag !== "style" && content.includes("&")) {
         content = currentOptions.decodeEntities(content, false);
       }
     }
     const parent = stack[0] || currentRoot;
     const lastNode = parent.children[parent.children.length - 1];
-    if (lastNode && lastNode.type === 2) {
+    if ((lastNode == null ? void 0 : lastNode.type) === 2) {
       lastNode.content += content;
       setLocEnd(lastNode.loc, end);
     } else {
@@ -2544,10 +2546,11 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     return false;
   }
   function isComponent({ tag, props }) {
+    var _a;
     if (currentOptions.isCustomElement(tag)) {
       return false;
     }
-    if (tag === "component" || isUpperCase(tag.charCodeAt(0)) || isCoreComponent(tag) || currentOptions.isBuiltInComponent && currentOptions.isBuiltInComponent(tag) || currentOptions.isNativeTag && !currentOptions.isNativeTag(tag)) {
+    if (tag === "component" || isUpperCase(tag.charCodeAt(0)) || isCoreComponent(tag) || ((_a = currentOptions.isBuiltInComponent) == null ? void 0 : _a.call(currentOptions, tag)) || currentOptions.isNativeTag && !currentOptions.isNativeTag(tag)) {
       return true;
     }
     for (let i = 0; i < props.length; i++) {
@@ -2580,6 +2583,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   }
   const windowsNewlineRE = /\r\n/g;
   function condenseWhitespace(nodes, tag) {
+    var _a, _b;
     const shouldCondense = currentOptions.whitespace !== "preserve";
     let removedWhitespace = false;
     for (let i = 0; i < nodes.length; i++) {
@@ -2587,8 +2591,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
       if (node.type === 2) {
         if (!inPre) {
           if (isAllWhitespace(node.content)) {
-            const prev = nodes[i - 1] && nodes[i - 1].type;
-            const next = nodes[i + 1] && nodes[i + 1].type;
+            const prev = (_a = nodes[i - 1]) == null ? void 0 : _a.type;
+            const next = (_b = nodes[i + 1]) == null ? void 0 : _b.type;
             if (!prev || !next || shouldCondense && (prev === 3 && (next === 3 || next === 1) || prev === 1 && (next === 3 || next === 1 && hasNewlineChar(node.content)))) {
               removedWhitespace = true;
               nodes[i] = null;
@@ -2726,7 +2730,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
     tokenizer.mode = currentOptions.parseMode === "html" ? 1 : currentOptions.parseMode === "sfc" ? 2 : 0;
     tokenizer.inXML = currentOptions.ns === 1 || currentOptions.ns === 2;
-    const delimiters = options && options.delimiters;
+    const delimiters = options == null ? void 0 : options.delimiters;
     if (delimiters) {
       tokenizer.delimiterOpen = toCharCodes(delimiters[0]);
       tokenizer.delimiterClose = toCharCodes(delimiters[1]);
@@ -6273,9 +6277,183 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
   };
 
+  function isValidHTMLNesting(parent, child) {
+    if (parent in onlyValidChildren) {
+      return onlyValidChildren[parent].has(child);
+    }
+    if (child in onlyValidParents) {
+      return onlyValidParents[child].has(parent);
+    }
+    if (parent in knownInvalidChildren) {
+      if (knownInvalidChildren[parent].has(child))
+        return false;
+    }
+    if (child in knownInvalidParents) {
+      if (knownInvalidParents[child].has(parent))
+        return false;
+    }
+    return true;
+  }
+  const headings = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "h6"]);
+  const emptySet = /* @__PURE__ */ new Set([]);
+  const onlyValidChildren = {
+    head: /* @__PURE__ */ new Set([
+      "base",
+      "basefront",
+      "bgsound",
+      "link",
+      "meta",
+      "title",
+      "noscript",
+      "noframes",
+      "style",
+      "script",
+      "template"
+    ]),
+    optgroup: /* @__PURE__ */ new Set(["option"]),
+    select: /* @__PURE__ */ new Set(["optgroup", "option", "hr"]),
+    // table
+    table: /* @__PURE__ */ new Set(["caption", "colgroup", "tbody", "tfoot", "thead"]),
+    tr: /* @__PURE__ */ new Set(["td", "th"]),
+    colgroup: /* @__PURE__ */ new Set(["col"]),
+    tbody: /* @__PURE__ */ new Set(["tr"]),
+    thead: /* @__PURE__ */ new Set(["tr"]),
+    tfoot: /* @__PURE__ */ new Set(["tr"]),
+    // these elements can not have any children elements
+    script: emptySet,
+    iframe: emptySet,
+    option: emptySet,
+    textarea: emptySet,
+    style: emptySet,
+    title: emptySet
+  };
+  const onlyValidParents = {
+    // sections
+    html: emptySet,
+    body: /* @__PURE__ */ new Set(["html"]),
+    head: /* @__PURE__ */ new Set(["html"]),
+    // table
+    td: /* @__PURE__ */ new Set(["tr"]),
+    colgroup: /* @__PURE__ */ new Set(["table"]),
+    caption: /* @__PURE__ */ new Set(["table"]),
+    tbody: /* @__PURE__ */ new Set(["table"]),
+    tfoot: /* @__PURE__ */ new Set(["table"]),
+    col: /* @__PURE__ */ new Set(["colgroup"]),
+    th: /* @__PURE__ */ new Set(["tr"]),
+    thead: /* @__PURE__ */ new Set(["table"]),
+    tr: /* @__PURE__ */ new Set(["tbody", "thead", "tfoot"]),
+    // data list
+    dd: /* @__PURE__ */ new Set(["dl", "div"]),
+    dt: /* @__PURE__ */ new Set(["dl", "div"]),
+    // other
+    figcaption: /* @__PURE__ */ new Set(["figure"]),
+    // li: new Set(["ul", "ol"]),
+    summary: /* @__PURE__ */ new Set(["details"]),
+    area: /* @__PURE__ */ new Set(["map"])
+  };
+  const knownInvalidChildren = {
+    p: /* @__PURE__ */ new Set([
+      "address",
+      "article",
+      "aside",
+      "blockquote",
+      "center",
+      "details",
+      "dialog",
+      "dir",
+      "div",
+      "dl",
+      "fieldset",
+      "figure",
+      "footer",
+      "form",
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
+      "header",
+      "hgroup",
+      "hr",
+      "li",
+      "main",
+      "nav",
+      "menu",
+      "ol",
+      "p",
+      "pre",
+      "section",
+      "table",
+      "ul"
+    ]),
+    svg: /* @__PURE__ */ new Set([
+      "b",
+      "blockquote",
+      "br",
+      "code",
+      "dd",
+      "div",
+      "dl",
+      "dt",
+      "em",
+      "embed",
+      "h1",
+      "h2",
+      "h3",
+      "h4",
+      "h5",
+      "h6",
+      "hr",
+      "i",
+      "img",
+      "li",
+      "menu",
+      "meta",
+      "ol",
+      "p",
+      "pre",
+      "ruby",
+      "s",
+      "small",
+      "span",
+      "strong",
+      "sub",
+      "sup",
+      "table",
+      "u",
+      "ul",
+      "var"
+    ])
+  };
+  const knownInvalidParents = {
+    a: /* @__PURE__ */ new Set(["a"]),
+    button: /* @__PURE__ */ new Set(["button"]),
+    dd: /* @__PURE__ */ new Set(["dd", "dt"]),
+    dt: /* @__PURE__ */ new Set(["dd", "dt"]),
+    form: /* @__PURE__ */ new Set(["form"]),
+    li: /* @__PURE__ */ new Set(["li"]),
+    h1: headings,
+    h2: headings,
+    h3: headings,
+    h4: headings,
+    h5: headings,
+    h6: headings
+  };
+
+  const validateHtmlNesting = (node, context) => {
+    if (node.type === 1 && node.tagType === 0 && context.parent && context.parent.type === 1 && context.parent.tagType === 0 && !isValidHTMLNesting(context.parent.tag, node.tag)) {
+      const error = new SyntaxError(
+        `<${node.tag}> cannot be child of <${context.parent.tag}>, according to HTML specifications. This can cause hydration errors or potentially disrupt future functionality.`
+      );
+      error.loc = node.loc;
+      context.onWarn(error);
+    }
+  };
+
   const DOMNodeTransforms = [
     transformStyle,
-    ...[transformTransition] 
+    ...[transformTransition, validateHtmlNesting] 
   ];
   const DOMDirectiveTransforms = {
     cloak: noopDirectiveTransform,