@vue/compiler-ssr 3.3.0-alpha.2 → 3.3.0-alpha.3

package/dist/compiler-ssr.cjs.js

@@ -83,8 +83,8 @@ function ssrProcessIf(node, context, disableNestedFragments = false) {
 }
 function processIfBranch(branch, context, disableNestedFragments = false) {
   const { children } = branch;
-  const needFragmentWrapper = !disableNestedFragments && (children.length !== 1 || children[0].type !== "element") && // optimize away nested fragments when the only child is a ForNode
-  !(children.length === 1 && children[0].type === 11);
+  const needFragmentWrapper = !disableNestedFragments && (children.length !== 1 || children[0].type !== "1") && // optimize away nested fragments when the only child is a ForNode
+  !(children.length === 1 && children[0].type === "11");
   return processChildrenAsStatement(branch, context, needFragmentWrapper);
 }
 
@@ -93,7 +93,7 @@ const ssrTransformFor = compilerDom.createStructuralDirectiveTransform(
   compilerDom.processFor
 );
 function ssrProcessFor(node, context, disableNestedFragments = false) {
-  const needFragmentWrapper = !disableNestedFragments && (node.children.length !== 1 || node.children[0].type !== "element");
+  const needFragmentWrapper = !disableNestedFragments && (node.children.length !== 1 || node.children[0].type !== "1");
   const renderLoop = compilerDom.createFunctionExpression(
     compilerDom.createForLoopParams(node.parseResult)
   );
@@ -133,7 +133,7 @@ const ssrTransformSlotOutlet = (node, context) => {
     }
     let method = SSR_RENDER_SLOT;
     const parent = context.parent;
-    if (parent && parent.type === "element" && parent.tagType === 1 && compilerDom.resolveComponentType(parent, context, true) === compilerDom.TRANSITION && parent.children.filter((c) => c.type === "element").length === 1) {
+    if (parent && parent.type === "1" && parent.tagType === "1" && compilerDom.resolveComponentType(parent, context, true) === compilerDom.TRANSITION && parent.children.filter((c) => c.type === "1").length === 1) {
       method = SSR_RENDER_SLOT_INNER;
       if (!(context.scopeId && context.slotted !== false)) {
         args.push("null");
@@ -162,20 +162,20 @@ function createSSRCompilerError(code, loc) {
 }
 const SSRErrorMessages = {
   [62]: `Unsafe attribute name for SSR.`,
-  [63]: `Missing the 'to' prop on teleport element.`,
-  [64]: `Invalid AST node during SSR transform.`
+  ["63"]: `Missing the 'to' prop on teleport element.`,
+  ["64"]: `Invalid AST node during SSR transform.`
 };
 
 function ssrProcessTeleport(node, context) {
   const targetProp = compilerDom.findProp(node, "to");
   if (!targetProp) {
     context.onError(
-      createSSRCompilerError(63, node.loc)
+      createSSRCompilerError("63", node.loc)
     );
     return;
   }
   let target;
-  if (targetProp.type === 6) {
+  if (targetProp.type === "6") {
     target = targetProp.value && compilerDom.createSimpleExpression(targetProp.value.content, true);
   } else {
     target = targetProp.exp;
@@ -183,7 +183,7 @@ function ssrProcessTeleport(node, context) {
   if (!target) {
     context.onError(
       createSSRCompilerError(
-        63,
+        "63",
         targetProp.loc
       )
     );
@@ -196,7 +196,7 @@ function ssrProcessTeleport(node, context) {
     true
     /* allow empty */
   );
-  const disabled = disabledProp ? disabledProp.type === 6 ? `true` : disabledProp.exp || `false` : `false`;
+  const disabled = disabledProp ? disabledProp.type === "6" ? `true` : disabledProp.exp || `false` : `false`;
   const contentRenderFn = compilerDom.createFunctionExpression(
     [`_push`],
     void 0,
@@ -269,7 +269,7 @@ function ssrProcessSuspense(node, context) {
 
 const rawChildrenMap = /* @__PURE__ */ new WeakMap();
 const ssrTransformElement = (node, context) => {
-  if (node.type !== "element" || node.tagType !== 0) {
+  if (node.type !== "1" || node.tagType !== "0") {
     return;
   }
   return function ssrPostTransformElement() {
@@ -277,7 +277,7 @@ const ssrTransformElement = (node, context) => {
     const needTagForRuntime = node.tag === "textarea" || node.tag.indexOf("-") > 0;
     const hasDynamicVBind = compilerDom.hasDynamicKeyVBind(node);
     const hasCustomDir = node.props.some(
-      (p) => p.type === 7 && !shared.isBuiltInDirective(p.name)
+      (p) => p.type === "7" && !shared.isBuiltInDirective(p.name)
     );
     const needMergeProps = hasDynamicVBind || hasCustomDir;
     if (needMergeProps) {
@@ -298,7 +298,7 @@ const ssrTransformElement = (node, context) => {
         );
         if (node.tag === "textarea") {
           const existingText = node.children[0];
-          if (!existingText || existingText.type !== 5) {
+          if (!existingText || existingText.type !== "5") {
             const tempId = `_temp${context.temps++}`;
             propsExp.arguments = [
               compilerDom.createAssignmentExpression(
@@ -359,14 +359,14 @@ const ssrTransformElement = (node, context) => {
       if (node.tag === "input" && isTrueFalseValue(prop)) {
         continue;
       }
-      if (prop.type === 7) {
+      if (prop.type === "7") {
         if (prop.name === "html" && prop.exp) {
           rawChildrenMap.set(node, prop.exp);
         } else if (prop.name === "text" && prop.exp) {
           node.children = [compilerDom.createInterpolation(prop.exp, prop.loc)];
         } else if (prop.name === "slot") {
           context.onError(
-            compilerDom.createCompilerError(40, prop.loc)
+            compilerDom.createCompilerError("40", prop.loc)
           );
         } else if (isTextareaWithValue(node, prop) && prop.exp) {
           if (!needMergeProps) {
@@ -487,7 +487,7 @@ const ssrTransformElement = (node, context) => {
 function buildSSRProps(props, directives, context) {
   let mergePropsArgs = [];
   if (props) {
-    if (props.type === 14) {
+    if (props.type === "14") {
       mergePropsArgs = props.arguments;
     } else {
       mergePropsArgs.push(props);
@@ -506,7 +506,7 @@ function buildSSRProps(props, directives, context) {
   return mergePropsArgs.length > 1 ? compilerDom.createCallExpression(context.helper(compilerDom.MERGE_PROPS), mergePropsArgs) : mergePropsArgs[0];
 }
 function isTrueFalseValue(prop) {
-  if (prop.type === 7) {
+  if (prop.type === "7") {
     return prop.name === "bind" && prop.arg && compilerDom.isStaticExp(prop.arg) && (prop.arg.content === "true-value" || prop.arg.content === "false-value");
   } else {
     return prop.name === "true-value" || prop.name === "false-value";
@@ -517,7 +517,7 @@ function isTextareaWithValue(node, prop) {
 }
 function mergeCall(call, arg) {
   const existing = call.arguments[0];
-  if (existing.type === 17) {
+  if (existing.type === "17") {
     existing.elements.push(arg);
   } else {
     call.arguments[0] = compilerDom.createArrayExpression([existing, arg]);
@@ -532,7 +532,7 @@ function removeStaticBinding(tag, binding) {
 }
 function findVModel(node) {
   return node.props.find(
-    (p) => p.type === 7 && p.name === "model" && p.exp
+    (p) => p.type === "7" && p.name === "model" && p.exp
   );
 }
 function ssrProcessElement(node, context) {
@@ -588,7 +588,7 @@ function ssrProcessTransitionGroup(node, context) {
   const entry = wipMap$1.get(node);
   if (entry) {
     const { tag, propsExp } = entry;
-    if (tag.type === 7) {
+    if (tag.type === "7") {
       context.pushStringPart(`<`);
       context.pushStringPart(tag.exp);
       if (propsExp) {
@@ -628,7 +628,7 @@ const wipMap = /* @__PURE__ */ new WeakMap();
 const WIP_SLOT = Symbol();
 const componentTypeMap = /* @__PURE__ */ new WeakMap();
 const ssrTransformComponent = (node, context) => {
-  if (node.type !== "element" || node.tagType !== 1) {
+  if (node.type !== "1" || node.tagType !== "1") {
     return;
   }
   const component = compilerDom.resolveComponentType(
@@ -729,7 +729,7 @@ function ssrProcessComponent(node, context, parent) {
         context.pushStringPart(``);
       }
       if (component === compilerDom.TRANSITION) {
-        node.children = node.children.filter((c) => c.type !== "comment");
+        node.children = node.children.filter((c) => c.type !== "3");
       }
       processChildren(node, context);
     }
@@ -783,16 +783,16 @@ function createVNodeSlotBranch(props, children, parentContext) {
     }
   };
   const wrapperNode = {
-    type: "element",
-    ns: 0,
+    type: "1",
+    ns: "0",
     tag: "template",
-    tagType: 3,
+    tagType: "3",
     isSelfClosing: false,
     // important: provide v-slot="props" on the wrapper for proper
     // scope analysis
     props: [
       {
-        type: 7,
+        type: "7",
         name: "slot",
         exp: props,
         arg: void 0,
@@ -923,23 +923,23 @@ function processChildren(parent, context, asFragment = false, disableNestedFragm
   for (let i = 0; i < children.length; i++) {
     const child = children[i];
     switch (child.type) {
-      case "element":
+      case "1":
         switch (child.tagType) {
-          case 0:
+          case "0":
             ssrProcessElement(child, context);
             break;
-          case 1:
+          case "1":
             ssrProcessComponent(child, context, parent);
             break;
-          case 2:
+          case "2":
             ssrProcessSlotOutlet(child, context);
             break;
-          case 3:
+          case "3":
             break;
           default:
             context.onError(
               createSSRCompilerError(
-                64,
+                "64",
                 child.loc
               )
             );
@@ -947,32 +947,32 @@ function processChildren(parent, context, asFragment = false, disableNestedFragm
             return exhaustiveCheck2;
         }
         break;
-      case "text":
+      case "2":
         context.pushStringPart(shared.escapeHtml(child.content));
         break;
-      case "comment":
+      case "3":
         context.pushStringPart(`<!--${child.content}-->`);
         break;
-      case 5:
+      case "5":
         context.pushStringPart(
           compilerDom.createCallExpression(context.helper(SSR_INTERPOLATE), [child.content])
         );
         break;
-      case 9:
+      case "9":
         ssrProcessIf(child, context, disableNestedFragments);
         break;
-      case 11:
+      case "11":
         ssrProcessFor(child, context, disableNestedFragments);
         break;
-      case 10:
+      case "10":
         break;
-      case 12:
-      case 8:
+      case "12":
+      case "8":
         break;
       default:
         context.onError(
           createSSRCompilerError(
-            64,
+            "64",
             child.loc
           )
         );
@@ -997,13 +997,13 @@ const ssrTransformModel = (dir, node, context) => {
     if (value) {
       context.onError(
         compilerDom.createDOMCompilerError(
-          58,
+          "58",
           value.loc
         )
       );
     }
   }
-  if (node.tagType === 0) {
+  if (node.tagType === "0") {
     const res = { props: [] };
     const defaultProps = [
       // default value binding for text type inputs
@@ -1013,7 +1013,7 @@ const ssrTransformModel = (dir, node, context) => {
       const type = compilerDom.findProp(node, "type");
       if (type) {
         const value = findValueBinding(node);
-        if (type.type === 7) {
+        if (type.type === "7") {
           res.ssrTagParts = [
             compilerDom.createCallExpression(context.helper(SSR_RENDER_DYNAMIC_MODEL), [
               type.exp,
@@ -1037,7 +1037,7 @@ const ssrTransformModel = (dir, node, context) => {
             case "checkbox":
               const trueValueBinding = compilerDom.findProp(node, "true-value");
               if (trueValueBinding) {
-                const trueValue = trueValueBinding.type === 6 ? JSON.stringify(trueValueBinding.value.content) : trueValueBinding.exp;
+                const trueValue = trueValueBinding.type === "6" ? JSON.stringify(trueValueBinding.value.content) : trueValueBinding.exp;
                 res.props = [
                   compilerDom.createObjectProperty(
                     `checked`,
@@ -1066,7 +1066,7 @@ const ssrTransformModel = (dir, node, context) => {
             case "file":
               context.onError(
                 compilerDom.createDOMCompilerError(
-                  57,
+                  "57",
                   dir.loc
                 )
               );
@@ -1087,7 +1087,7 @@ const ssrTransformModel = (dir, node, context) => {
     } else if (node.tag === "select") ; else {
       context.onError(
         compilerDom.createDOMCompilerError(
-          55,
+          "55",
           dir.loc
         )
       );
@@ -1099,13 +1099,13 @@ const ssrTransformModel = (dir, node, context) => {
 };
 function findValueBinding(node) {
   const valueBinding = compilerDom.findProp(node, "value");
-  return valueBinding ? valueBinding.type === 7 ? valueBinding.exp : compilerDom.createSimpleExpression(valueBinding.value.content, true) : compilerDom.createSimpleExpression(`null`, false);
+  return valueBinding ? valueBinding.type === "7" ? valueBinding.exp : compilerDom.createSimpleExpression(valueBinding.value.content, true) : compilerDom.createSimpleExpression(`null`, false);
 }
 
 const ssrTransformShow = (dir, node, context) => {
   if (!dir.exp) {
     context.onError(
-      compilerDom.createDOMCompilerError(59)
+      compilerDom.createDOMCompilerError("59")
     );
   }
   return {
@@ -1129,13 +1129,13 @@ const ssrTransformShow = (dir, node, context) => {
   };
 };
 
-const filterChild = (node) => node.children.filter((n) => n.type !== "comment");
+const filterChild = (node) => node.children.filter((n) => n.type !== "3");
 const hasSingleChild = (node) => filterChild(node).length === 1;
 const ssrInjectFallthroughAttrs = (node, context) => {
-  if (node.type === 0) {
+  if (node.type === "0") {
     context.identifiers._attrs = 1;
   }
-  if (node.type === "element" && node.tagType === 1 && (compilerDom.isBuiltInType(node.tag, "Transition") || compilerDom.isBuiltInType(node.tag, "KeepAlive"))) {
+  if (node.type === "1" && node.tagType === "1" && (compilerDom.isBuiltInType(node.tag, "Transition") || compilerDom.isBuiltInType(node.tag, "KeepAlive"))) {
     const rootChildren = filterChild(context.root);
     if (rootChildren.length === 1 && rootChildren[0] === node) {
       if (hasSingleChild(node)) {
@@ -1145,20 +1145,20 @@ const ssrInjectFallthroughAttrs = (node, context) => {
     }
   }
   const parent = context.parent;
-  if (!parent || parent.type !== 0) {
+  if (!parent || parent.type !== "0") {
     return;
   }
-  if (node.type === 10 && hasSingleChild(node)) {
+  if (node.type === "10" && hasSingleChild(node)) {
     let hasEncounteredIf = false;
     for (const c of filterChild(parent)) {
-      if (c.type === 9 || c.type === "element" && compilerDom.findDir(c, "if")) {
+      if (c.type === "9" || c.type === "1" && compilerDom.findDir(c, "if")) {
         if (hasEncounteredIf)
           return;
         hasEncounteredIf = true;
       } else if (
         // node before v-if
         !hasEncounteredIf || // non else nodes
-        !(c.type === "element" && compilerDom.findDir(c, /else/, true))
+        !(c.type === "1" && compilerDom.findDir(c, /else/, true))
       ) {
         return;
       }
@@ -1169,9 +1169,9 @@ const ssrInjectFallthroughAttrs = (node, context) => {
   }
 };
 function injectFallthroughAttrs(node) {
-  if (node.type === "element" && (node.tagType === 0 || node.tagType === 1) && !compilerDom.findDir(node, "for")) {
+  if (node.type === "1" && (node.tagType === "0" || node.tagType === "1") && !compilerDom.findDir(node, "for")) {
     node.props.push({
-      type: 7,
+      type: "7",
       name: "bind",
       arg: void 0,
       exp: compilerDom.createSimpleExpression(`_attrs`, false),
@@ -1185,14 +1185,14 @@ const ssrInjectCssVars = (node, context) => {
   if (!context.ssrCssVars) {
     return;
   }
-  if (node.type === 0) {
+  if (node.type === "0") {
     context.identifiers._cssVars = 1;
   }
   const parent = context.parent;
-  if (!parent || parent.type !== 0) {
+  if (!parent || parent.type !== "0") {
     return;
   }
-  if (node.type === 10) {
+  if (node.type === "10") {
     for (const child of node.children) {
       injectCssVars(child);
     }
@@ -1201,10 +1201,10 @@ const ssrInjectCssVars = (node, context) => {
   }
 };
 function injectCssVars(node) {
-  if (node.type === "element" && (node.tagType === 0 || node.tagType === 1) && !compilerDom.findDir(node, "for")) {
+  if (node.type === "1" && (node.tagType === "0" || node.tagType === "1") && !compilerDom.findDir(node, "for")) {
     if (compilerDom.isBuiltInType(node.tag, "Suspense")) {
       for (const child of node.children) {
-        if (child.type === "element" && child.tagType === 3) {
+        if (child.type === "1" && child.tagType === "3") {
           child.children.forEach(injectCssVars);
         } else {
           injectCssVars(child);
@@ -1212,7 +1212,7 @@ function injectCssVars(node) {
       }
     } else {
       node.props.push({
-        type: 7,
+        type: "7",
         name: "bind",
         arg: void 0,
         exp: compilerDom.createSimpleExpression(`_cssVars`, false),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/compiler-ssr",
-  "version": "3.3.0-alpha.2",
+  "version": "3.3.0-alpha.3",
   "description": "@vue/compiler-ssr",
   "main": "dist/compiler-ssr.cjs.js",
   "types": "dist/compiler-ssr.d.ts",
@@ -28,7 +28,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/compiler-ssr#readme",
   "dependencies": {
-    "@vue/shared": "3.3.0-alpha.2",
-    "@vue/compiler-dom": "3.3.0-alpha.2"
+    "@vue/shared": "3.3.0-alpha.3",
+    "@vue/compiler-dom": "3.3.0-alpha.3"
   }
 }