@vue/compiler-dom 3.5.16 → 3.6.0-alpha.1

package/dist/compiler-dom.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.5.16
+* @vue/compiler-dom v3.6.0-alpha.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -162,7 +162,9 @@ const DOMErrorMessages = {
   [60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
   [61]: `v-show is missing expression.`,
   [62]: `<Transition> expects exactly one child element or component.`,
-  [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+  [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`,
+  // just to fulfill types
+  [64]: ``
 };
 
 const transformVHtml = (dir, node, context) => {
@@ -311,7 +313,7 @@ const resolveModifiers = (key, modifiers, context, loc) => {
   const eventOptionModifiers = [];
   for (let i = 0; i < modifiers.length; i++) {
     const modifier = modifiers[i].content;
-    if (modifier === "native" && compilerCore.checkCompatEnabled(
+    if (modifier === "native" && context && compilerCore.checkCompatEnabled(
       "COMPILER_V_ON_NATIVE",
       context,
       loc
@@ -320,9 +322,10 @@ const resolveModifiers = (key, modifiers, context, loc) => {
     } else if (isEventOptionModifier(modifier)) {
       eventOptionModifiers.push(modifier);
     } else {
+      const keyString = shared.isString(key) ? key : compilerCore.isStaticExp(key) ? key.content : null;
       if (maybeKeyModifier(modifier)) {
-        if (compilerCore.isStaticExp(key)) {
-          if (isKeyboardEvent(key.content.toLowerCase())) {
+        if (keyString) {
+          if (isKeyboardEvent(keyString.toLowerCase())) {
             keyModifiers.push(modifier);
           } else {
             nonKeyModifiers.push(modifier);
@@ -923,8 +926,10 @@ exports.V_ON_WITH_MODIFIERS = V_ON_WITH_MODIFIERS;
 exports.V_SHOW = V_SHOW;
 exports.compile = compile;
 exports.createDOMCompilerError = createDOMCompilerError;
+exports.isValidHTMLNesting = isValidHTMLNesting;
 exports.parse = parse;
 exports.parserOptions = parserOptions;
+exports.resolveModifiers = resolveModifiers;
 exports.transformStyle = transformStyle;
 Object.keys(compilerCore).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) exports[k] = compilerCore[k];

package/dist/compiler-dom.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compiler-dom v3.5.16
+* @vue/compiler-dom v3.6.0-alpha.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -162,7 +162,9 @@ const DOMErrorMessages = {
   [60]: `Unnecessary value binding used alongside v-model. It will interfere with v-model's behavior.`,
   [61]: `v-show is missing expression.`,
   [62]: `<Transition> expects exactly one child element or component.`,
-  [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`
+  [63]: `Tags with side effect (<script> and <style>) are ignored in client component templates.`,
+  // just to fulfill types
+  [64]: ``
 };
 
 const transformVHtml = (dir, node, context) => {
@@ -293,7 +295,7 @@ const resolveModifiers = (key, modifiers, context, loc) => {
   const eventOptionModifiers = [];
   for (let i = 0; i < modifiers.length; i++) {
     const modifier = modifiers[i].content;
-    if (modifier === "native" && compilerCore.checkCompatEnabled(
+    if (modifier === "native" && context && compilerCore.checkCompatEnabled(
       "COMPILER_V_ON_NATIVE",
       context,
       loc
@@ -302,9 +304,10 @@ const resolveModifiers = (key, modifiers, context, loc) => {
     } else if (isEventOptionModifier(modifier)) {
       eventOptionModifiers.push(modifier);
     } else {
+      const keyString = shared.isString(key) ? key : compilerCore.isStaticExp(key) ? key.content : null;
       if (maybeKeyModifier(modifier)) {
-        if (compilerCore.isStaticExp(key)) {
-          if (isKeyboardEvent(key.content.toLowerCase())) {
+        if (keyString) {
+          if (isKeyboardEvent(keyString.toLowerCase())) {
             keyModifiers.push(modifier);
           } else {
             nonKeyModifiers.push(modifier);
@@ -623,6 +626,171 @@ const ignoreSideEffectTags = (node, context) => {
   }
 };
 
+function isValidHTMLNesting(parent, child) {
+  if (parent === "template") {
+    return true;
+  }
+  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 DOMNodeTransforms = [
   transformStyle,
   ...[]
@@ -678,8 +846,10 @@ exports.V_ON_WITH_MODIFIERS = V_ON_WITH_MODIFIERS;
 exports.V_SHOW = V_SHOW;
 exports.compile = compile;
 exports.createDOMCompilerError = createDOMCompilerError;
+exports.isValidHTMLNesting = isValidHTMLNesting;
 exports.parse = parse;
 exports.parserOptions = parserOptions;
+exports.resolveModifiers = resolveModifiers;
 exports.transformStyle = transformStyle;
 Object.keys(compilerCore).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) exports[k] = compilerCore[k];

package/dist/compiler-dom.d.ts

@@ -1,4 +1,4 @@
-import { ParserOptions, NodeTransform, SourceLocation, CompilerError, DirectiveTransform, RootNode, CompilerOptions, CodegenResult } from '@vue/compiler-core';
+import { ParserOptions, NodeTransform, SourceLocation, CompilerError, ExpressionNode, SimpleExpressionNode, TransformContext, DirectiveTransform, RootNode, CompilerOptions, CodegenResult } from '@vue/compiler-core';
 export * from '@vue/compiler-core';
 
 export declare const parserOptions: ParserOptions;
@@ -34,10 +34,27 @@ export declare enum DOMErrorCodes {
     X_IGNORED_SIDE_EFFECT_TAG = 63,
     __EXTEND_POINT__ = 64
 }
-export declare const DOMErrorMessages: {
-    [code: number]: string;
+export declare const DOMErrorMessages: Record<DOMErrorCodes, string>;
+
+export declare const resolveModifiers: (key: ExpressionNode | string, modifiers: SimpleExpressionNode[], context: TransformContext | null, loc: SourceLocation) => {
+    keyModifiers: string[];
+    nonKeyModifiers: string[];
+    eventOptionModifiers: string[];
 };
 
+/**
+ * Copied from https://github.com/MananTank/validate-html-nesting
+ * with ISC license
+ *
+ * To avoid runtime dependency on validate-html-nesting
+ * This file should not change very often in the original repo
+ * but we may need to keep it up-to-date from time to time.
+ */
+/**
+ * returns true if given parent-child nesting is valid HTML
+ */
+export declare function isValidHTMLNesting(parent: string, child: string): boolean;
+
 export declare const DOMNodeTransforms: NodeTransform[];
 export declare const DOMDirectiveTransforms: Record<string, DirectiveTransform>;
 export declare function compile(src: string | RootNode, options?: CompilerOptions): CodegenResult;