@vue-jsx-vapor/compiler 1.6.0 → 1.7.0

package/dist/index.cjs

@@ -1,16 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/compile.ts
-var _shared = require('@vue/shared');
-
-
-var _compilervapor = require('@vue/compiler-vapor');
 var _parser = require('@babel/parser');
 
-// src/transform.ts
-
-
-
-var _compilerdom = require('@vue/compiler-dom');
 
+var _compilervapor = require('@vue/compiler-vapor');
+var _shared = require('@vue/shared');
 
 // src/ir/component.ts
 var IRDynamicPropsKind = /* @__PURE__ */ ((IRDynamicPropsKind2) => {
@@ -58,8 +51,14 @@ var DynamicFlag = /* @__PURE__ */ ((DynamicFlag2) => {
   return DynamicFlag2;
 })(DynamicFlag || {});
 
-// src/transforms/utils.ts
+// src/transform.ts
+
+
+
+var _compilerdom = require('@vue/compiler-dom');
+
 
+// src/transforms/utils.ts
 
 
 
@@ -67,6 +66,7 @@ var DynamicFlag = /* @__PURE__ */ ((DynamicFlag2) => {
 
 var _types = require('@babel/types');
 
+
 // src/utils.ts
 
 
@@ -118,11 +118,11 @@ var isConstant = (node) => {
   }
   return false;
 };
-var EMPTY_TEXT_REGEX = /^\s*[\n\r]\s*$/;
+var EMPTY_TEXT_REGEX = /^[\t\v\f \u00A0\u1680\u2000-\u200A\u2028\u2029\u202F\u205F\u3000\uFEFF]*[\n\r]\s*$/;
 var START_EMPTY_TEXT_REGEX = /^\s*[\n\r]/;
 var END_EMPTY_TEXT_REGEX = /[\n\r]\s*$/;
 function resolveJSXText(node) {
-  if (EMPTY_TEXT_REGEX.test(`${_optionalChain([node, 'access', _4 => _4.extra, 'optionalAccess', _5 => _5.raw])}`)) {
+  if (EMPTY_TEXT_REGEX.test(String(_optionalChain([node, 'access', _4 => _4.extra, 'optionalAccess', _5 => _5.raw])))) {
     return "";
   }
   let value = node.value;
@@ -135,13 +135,13 @@ function resolveJSXText(node) {
   return value;
 }
 function isEmptyText(node) {
-  return node.type === "JSXText" && EMPTY_TEXT_REGEX.test(`${_optionalChain([node, 'access', _6 => _6.extra, 'optionalAccess', _7 => _7.raw])}`) || node.type === "JSXExpressionContainer" && node.expression.type === "JSXEmptyExpression";
+  return node.type === "JSXText" && EMPTY_TEXT_REGEX.test(String(_optionalChain([node, 'access', _6 => _6.extra, 'optionalAccess', _7 => _7.raw]))) || node.type === "JSXExpressionContainer" && node.expression.type === "JSXEmptyExpression";
 }
 function resolveSimpleExpressionNode(exp) {
   if (!exp.isStatic) {
     const value = getLiteralExpressionValue(exp);
     if (value !== null) {
-      return _compilerdom.createSimpleExpression.call(void 0, `${value}`, true, exp.loc);
+      return _compilerdom.createSimpleExpression.call(void 0, String(value), true, exp.loc);
     }
   }
   return exp;
@@ -222,7 +222,7 @@ function resolveNode(node, context) {
         } else {
           result.push({
             type: _compilerdom.NodeTypes.ATTRIBUTE,
-            name: `${attr.name.name}`,
+            name: String(attr.name.name),
             nameLoc: resolveLocation(attr.name.loc, context),
             value: resolveValue(attr.value, context),
             loc: resolveLocation(attr.loc, context)
@@ -542,6 +542,73 @@ function createStructuralDirectiveTransform(name, fn) {
   };
 }
 
+// src/transforms/transformChildren.ts
+var transformChildren = (node, context) => {
+  const isFragment = node.type === 0 /* ROOT */ || node.type === "JSXFragment" || node.type === "JSXElement" && (isTemplate(node) || isJSXComponent(node));
+  if (node.type !== "JSXElement" && !isFragment) return;
+  for (const [i, child] of node.children.entries()) {
+    const childContext = context.create(child, i);
+    transformNode(childContext);
+    const childDynamic = childContext.dynamic;
+    if (isFragment) {
+      childContext.reference();
+      childContext.registerTemplate();
+      if (!(childDynamic.flags & 2 /* NON_TEMPLATE */) || childDynamic.flags & 4 /* INSERT */) {
+        context.block.returns.push(childDynamic.id);
+      }
+    } else {
+      context.childrenTemplate.push(childContext.template);
+    }
+    if (childDynamic.hasDynamicChild || childDynamic.id !== void 0 || childDynamic.flags & 2 /* NON_TEMPLATE */ || childDynamic.flags & 4 /* INSERT */) {
+      context.dynamic.hasDynamicChild = true;
+    }
+    context.dynamic.children[i] = childContext.dynamic;
+  }
+  if (!isFragment) {
+    processDynamicChildren(context);
+  }
+};
+function processDynamicChildren(context) {
+  let prevDynamics = [];
+  let hasStaticTemplate = false;
+  const children = context.dynamic.children;
+  for (const [index, child] of children.entries()) {
+    if (child.flags & 4 /* INSERT */) {
+      prevDynamics.push(child);
+    }
+    if (!(child.flags & 2 /* NON_TEMPLATE */)) {
+      if (prevDynamics.length) {
+        if (hasStaticTemplate) {
+          context.childrenTemplate[index - prevDynamics.length] = `<!>`;
+          prevDynamics[0].flags -= 2 /* NON_TEMPLATE */;
+          const anchor = prevDynamics[0].anchor = context.increaseId();
+          context.registerOperation({
+            type: 9 /* INSERT_NODE */,
+            elements: prevDynamics.map((child2) => child2.id),
+            parent: context.reference(),
+            anchor
+          });
+        } else {
+          context.registerOperation({
+            type: 10 /* PREPEND_NODE */,
+            elements: prevDynamics.map((child2) => child2.id),
+            parent: context.reference()
+          });
+        }
+        prevDynamics = [];
+      }
+      hasStaticTemplate = true;
+    }
+  }
+  if (prevDynamics.length) {
+    context.registerOperation({
+      type: 9 /* INSERT_NODE */,
+      elements: prevDynamics.map((child) => child.id),
+      parent: context.reference()
+    });
+  }
+}
+
 // src/transforms/transformElement.ts
 
 
@@ -762,73 +829,6 @@ function mergePropValues(existing, incoming) {
   existing.values.push(...newValues);
 }
 
-// src/transforms/transformChildren.ts
-var transformChildren = (node, context) => {
-  const isFragment = node.type === 0 /* ROOT */ || node.type === "JSXFragment" || node.type === "JSXElement" && (isTemplate(node) || isJSXComponent(node));
-  if (node.type !== "JSXElement" && !isFragment) return;
-  for (const [i, child] of node.children.entries()) {
-    const childContext = context.create(child, i);
-    transformNode(childContext);
-    const childDynamic = childContext.dynamic;
-    if (isFragment) {
-      childContext.reference();
-      childContext.registerTemplate();
-      if (!(childDynamic.flags & 2 /* NON_TEMPLATE */) || childDynamic.flags & 4 /* INSERT */) {
-        context.block.returns.push(childDynamic.id);
-      }
-    } else {
-      context.childrenTemplate.push(childContext.template);
-    }
-    if (childDynamic.hasDynamicChild || childDynamic.id !== void 0 || childDynamic.flags & 2 /* NON_TEMPLATE */ || childDynamic.flags & 4 /* INSERT */) {
-      context.dynamic.hasDynamicChild = true;
-    }
-    context.dynamic.children[i] = childContext.dynamic;
-  }
-  if (!isFragment) {
-    processDynamicChildren(context);
-  }
-};
-function processDynamicChildren(context) {
-  let prevDynamics = [];
-  let hasStaticTemplate = false;
-  const children = context.dynamic.children;
-  for (const [index, child] of children.entries()) {
-    if (child.flags & 4 /* INSERT */) {
-      prevDynamics.push(child);
-    }
-    if (!(child.flags & 2 /* NON_TEMPLATE */)) {
-      if (prevDynamics.length) {
-        if (hasStaticTemplate) {
-          context.childrenTemplate[index - prevDynamics.length] = `<!>`;
-          prevDynamics[0].flags -= 2 /* NON_TEMPLATE */;
-          const anchor = prevDynamics[0].anchor = context.increaseId();
-          context.registerOperation({
-            type: 9 /* INSERT_NODE */,
-            elements: prevDynamics.map((child2) => child2.id),
-            parent: context.reference(),
-            anchor
-          });
-        } else {
-          context.registerOperation({
-            type: 10 /* PREPEND_NODE */,
-            elements: prevDynamics.map((child2) => child2.id),
-            parent: context.reference()
-          });
-        }
-        prevDynamics = [];
-      }
-      hasStaticTemplate = true;
-    }
-  }
-  if (prevDynamics.length) {
-    context.registerOperation({
-      type: 9 /* INSERT_NODE */,
-      elements: prevDynamics.map((child) => child.id),
-      parent: context.reference()
-    });
-  }
-}
-
 // src/transforms/transformTemplateRef.ts
 var transformTemplateRef = (node, context) => {
   if (node.type !== "JSXElement") return;
@@ -948,7 +948,7 @@ var transformText = (node, context) => {
 function processTextLike(context) {
   const nexts = _optionalChain([context, 'access', _11 => _11.parent, 'access', _12 => _12.node, 'access', _13 => _13.children, 'optionalAccess', _14 => _14.slice, 'call', _15 => _15(context.index)]);
   const idx = nexts.findIndex((n) => !isTextLike(n));
-  const nodes = idx > -1 ? nexts.slice(0, idx) : nexts;
+  const nodes = idx !== -1 ? nexts.slice(0, idx) : nexts;
   const values = createTextLikeExpressions(nodes, context);
   if (!values.length) {
     context.dynamic.flags |= 2 /* NON_TEMPLATE */;
@@ -991,7 +991,7 @@ function isAllTextLike(children) {
   children.some((n) => n.type === "JSXExpressionContainer");
 }
 function isTextLike(node) {
-  return node.type === "JSXExpressionContainer" && !(node.expression.type === "ConditionalExpression" || node.expression.type === "LogicalExpression") || node.type === "JSXText";
+  return node.type === "JSXExpressionContainer" && node.expression.type !== "ConditionalExpression" && node.expression.type !== "LogicalExpression" || node.type === "JSXText";
 }
 
 // src/transforms/vBind.ts
@@ -1020,89 +1020,6 @@ var transformVBind = (dir, node, context) => {
   };
 };
 
-// src/transforms/vOn.ts
-
-
-
-
-
-
-
-var delegatedEvents = /* @__PURE__ */ _shared.makeMap.call(void 0, 
-  "beforeinput,click,dblclick,contextmenu,focusin,focusout,input,keydown,keyup,mousedown,mousemove,mouseout,mouseover,mouseup,pointerdown,pointermove,pointerout,pointerover,pointerup,touchend,touchmove,touchstart"
-);
-var transformVOn = (dir, node, context) => {
-  const { name, loc, value } = dir;
-  if (name.type === "JSXNamespacedName") return;
-  const isComponent = isJSXComponent(node);
-  const [nameString, ...modifiers] = name.name.replace(/^on([A-Z])/, (_, $1) => $1.toLowerCase()).split("_");
-  if (!value && !modifiers.length) {
-    context.options.onError(
-      _compilerdom.createCompilerError.call(void 0, 
-        _compilerdom.ErrorCodes.X_V_ON_NO_EXPRESSION,
-        resolveLocation(loc, context)
-      )
-    );
-  }
-  let arg = resolveSimpleExpression(nameString, true, dir.name.loc);
-  const exp = resolveExpression(dir.value, context);
-  const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = _compilerdom.resolveModifiers.call(void 0, 
-    arg.isStatic ? `on${nameString}` : arg,
-    modifiers.map((modifier) => _compilerdom.createSimpleExpression.call(void 0, modifier)),
-    null,
-    resolveLocation(loc, context)
-  );
-  let keyOverride;
-  const isStaticClick = arg.isStatic && arg.content.toLowerCase() === "click";
-  if (nonKeyModifiers.includes("middle")) {
-    if (keyOverride) {
-    }
-    if (isStaticClick) {
-      arg = _shared.extend.call(void 0, {}, arg, { content: "mouseup" });
-    } else if (!arg.isStatic) {
-      keyOverride = ["click", "mouseup"];
-    }
-  }
-  if (nonKeyModifiers.includes("right")) {
-    if (isStaticClick) {
-      arg = _shared.extend.call(void 0, {}, arg, { content: "contextmenu" });
-    } else if (!arg.isStatic) {
-      keyOverride = ["click", "contextmenu"];
-    }
-  }
-  if (isComponent) {
-    const handler = exp || EMPTY_EXPRESSION;
-    return {
-      key: arg,
-      value: handler,
-      handler: true,
-      handlerModifiers: eventOptionModifiers
-    };
-  }
-  const delegate = arg.isStatic && !eventOptionModifiers.length && delegatedEvents(arg.content);
-  const operation = {
-    type: 5 /* SET_EVENT */,
-    element: context.reference(),
-    key: arg,
-    value: exp,
-    modifiers: {
-      keys: keyModifiers,
-      nonKeys: nonKeyModifiers,
-      options: eventOptionModifiers
-    },
-    keyOverride,
-    delegate,
-    effect: !arg.isStatic
-  };
-  context.registerEffect([arg], operation);
-};
-
-// src/transforms/vSlot.ts
-
-
-
-
-
 // src/transforms/vFor.ts
 
 
@@ -1179,25 +1096,244 @@ function getForParseResult(dir, context) {
   };
 }
 
-// src/transforms/vSlot.ts
-var transformVSlot = (node, context) => {
-  if (node.type !== "JSXElement") return;
-  const { children } = node;
-  const dir = findProp(node, "v-slot");
-  const resolvedDirective = dir ? resolveDirectiveNode(dir, context, true) : void 0;
-  const { parent } = context;
-  const isComponent = isJSXComponent(node);
-  const isSlotTemplate = isTemplate(node) && parent && parent.node.type === "JSXElement" && isJSXComponent(parent.node);
-  if (isComponent && children.length) {
-    return transformComponentSlot(node, resolvedDirective, context);
-  } else if (isSlotTemplate && resolvedDirective) {
-    return transformTemplateSlot(node, resolvedDirective, context);
-  } else if (!isComponent && dir) {
-    context.options.onError(
-      _compilerdom.createCompilerError.call(void 0, 
-        _compilerdom.ErrorCodes.X_V_SLOT_MISPLACED,
-        resolveLocation(dir.loc, context)
-      )
+// src/transforms/vHtml.ts
+
+var transformVHtml = (dir, node, context) => {
+  return _compilervapor.transformVHtml.call(void 0, 
+    resolveDirectiveNode(dir, context),
+    resolveNode(node, context),
+    context
+  );
+};
+
+// src/transforms/vIf.ts
+
+
+
+
+
+
+var transformVIf = createStructuralDirectiveTransform(
+  ["if", "else", "else-if"],
+  processIf
+);
+var transformedIfNode = /* @__PURE__ */ new WeakMap();
+function processIf(node, attribute, context) {
+  const dir = resolveDirectiveNode(attribute, context);
+  if (dir.name !== "else" && (!dir.exp || !dir.exp.content.trim())) {
+    const loc = dir.exp ? dir.exp.loc : resolveLocation(node.loc, context);
+    context.options.onError(
+      _compilerdom.createCompilerError.call(void 0, _compilerdom.ErrorCodes.X_V_IF_NO_EXPRESSION, dir.loc)
+    );
+    dir.exp = _compilerdom.createSimpleExpression.call(void 0, `true`, false, loc);
+  }
+  context.dynamic.flags |= 2 /* NON_TEMPLATE */;
+  transformedIfNode.set(node, dir);
+  if (dir.name === "if") {
+    const id = context.reference();
+    context.dynamic.flags |= 4 /* INSERT */;
+    const [branch, onExit] = createBranch(node, context);
+    return () => {
+      onExit();
+      context.registerOperation({
+        type: 16 /* IF */,
+        id,
+        condition: dir.exp,
+        positive: branch,
+        once: context.inVOnce || _compilerdom.isConstantNode.call(void 0, attribute.value, context.options.bindingMetadata)
+      });
+    };
+  } else {
+    const siblingIf = getSiblingIf(context);
+    const { operation } = context.block;
+    let lastIfNode = operation.at(-1);
+    if (
+      // check if v-if is the sibling node
+      !siblingIf || // check if IfNode is the last operation and get the root IfNode
+      !lastIfNode || lastIfNode.type !== 16 /* IF */
+    ) {
+      context.options.onError(
+        _compilerdom.createCompilerError.call(void 0, 
+          _compilerdom.ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
+          resolveLocation(node.loc, context)
+        )
+      );
+      return;
+    }
+    while (lastIfNode.negative && lastIfNode.negative.type === 16 /* IF */) {
+      lastIfNode = lastIfNode.negative;
+    }
+    if (dir.name === "else-if" && lastIfNode.negative) {
+      context.options.onError(
+        _compilerdom.createCompilerError.call(void 0, 
+          _compilerdom.ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
+          resolveLocation(node.loc, context)
+        )
+      );
+    }
+    context.root.comment = [];
+    const [branch, onExit] = createBranch(node, context);
+    if (dir.name === "else") {
+      lastIfNode.negative = branch;
+    } else {
+      lastIfNode.negative = {
+        type: 16 /* IF */,
+        id: -1,
+        condition: dir.exp,
+        positive: branch,
+        once: context.inVOnce
+      };
+    }
+    return () => onExit();
+  }
+}
+function getSiblingIf(context) {
+  const parent = context.parent;
+  if (!parent) return;
+  const siblings = parent.node.children;
+  let sibling;
+  let i = siblings.indexOf(context.node);
+  while (--i >= 0) {
+    if (!isEmptyText(siblings[i])) {
+      sibling = siblings[i];
+      break;
+    }
+  }
+  if (sibling && sibling.type === "JSXElement" && transformedIfNode.has(sibling)) {
+    return sibling;
+  }
+}
+
+// src/transforms/vModel.ts
+
+var transformVModel = (dir, node, context) => {
+  return _compilervapor.transformVModel.call(void 0, 
+    resolveDirectiveNode(dir, context),
+    resolveNode(node, context),
+    context
+  );
+};
+
+// src/transforms/vOn.ts
+
+
+
+
+
+
+
+var delegatedEvents = /* @__PURE__ */ _shared.makeMap.call(void 0, 
+  "beforeinput,click,dblclick,contextmenu,focusin,focusout,input,keydown,keyup,mousedown,mousemove,mouseout,mouseover,mouseup,pointerdown,pointermove,pointerout,pointerover,pointerup,touchend,touchmove,touchstart"
+);
+var transformVOn = (dir, node, context) => {
+  const { name, loc, value } = dir;
+  if (name.type === "JSXNamespacedName") return;
+  const isComponent = isJSXComponent(node);
+  const [nameString, ...modifiers] = name.name.replace(/^on([A-Z])/, (_, $1) => $1.toLowerCase()).split("_");
+  if (!value && !modifiers.length) {
+    context.options.onError(
+      _compilerdom.createCompilerError.call(void 0, 
+        _compilerdom.ErrorCodes.X_V_ON_NO_EXPRESSION,
+        resolveLocation(loc, context)
+      )
+    );
+  }
+  let arg = resolveSimpleExpression(nameString, true, dir.name.loc);
+  const exp = resolveExpression(dir.value, context);
+  const { keyModifiers, nonKeyModifiers, eventOptionModifiers } = _compilerdom.resolveModifiers.call(void 0, 
+    arg.isStatic ? `on${nameString}` : arg,
+    modifiers.map((modifier) => _compilerdom.createSimpleExpression.call(void 0, modifier)),
+    null,
+    resolveLocation(loc, context)
+  );
+  let keyOverride;
+  const isStaticClick = arg.isStatic && arg.content.toLowerCase() === "click";
+  if (nonKeyModifiers.includes("middle")) {
+    if (keyOverride) {
+    }
+    if (isStaticClick) {
+      arg = _shared.extend.call(void 0, {}, arg, { content: "mouseup" });
+    } else if (!arg.isStatic) {
+      keyOverride = ["click", "mouseup"];
+    }
+  }
+  if (nonKeyModifiers.includes("right")) {
+    if (isStaticClick) {
+      arg = _shared.extend.call(void 0, {}, arg, { content: "contextmenu" });
+    } else if (!arg.isStatic) {
+      keyOverride = ["click", "contextmenu"];
+    }
+  }
+  if (isComponent) {
+    const handler = exp || EMPTY_EXPRESSION;
+    return {
+      key: arg,
+      value: handler,
+      handler: true,
+      handlerModifiers: eventOptionModifiers
+    };
+  }
+  const delegate = arg.isStatic && !eventOptionModifiers.length && delegatedEvents(arg.content);
+  const operation = {
+    type: 5 /* SET_EVENT */,
+    element: context.reference(),
+    key: arg,
+    value: exp,
+    modifiers: {
+      keys: keyModifiers,
+      nonKeys: nonKeyModifiers,
+      options: eventOptionModifiers
+    },
+    keyOverride,
+    delegate,
+    effect: !arg.isStatic
+  };
+  context.registerEffect([arg], operation);
+};
+
+// src/transforms/vOnce.ts
+var transformVOnce = (node, context) => {
+  if (
+    // !context.inSSR &&
+    node.type === "JSXElement" && findProp(node, "v-once")
+  ) {
+    context.inVOnce = true;
+  }
+};
+
+// src/transforms/vShow.ts
+
+var transformVShow = (dir, node, context) => {
+  return _compilervapor.transformVShow.call(void 0, 
+    resolveDirectiveNode(dir, context),
+    resolveNode(node, context),
+    context
+  );
+};
+
+// src/transforms/vSlot.ts
+
+
+
+
+var transformVSlot = (node, context) => {
+  if (node.type !== "JSXElement") return;
+  const { children } = node;
+  const dir = findProp(node, "v-slot");
+  const resolvedDirective = dir ? resolveDirectiveNode(dir, context, true) : void 0;
+  const { parent } = context;
+  const isComponent = isJSXComponent(node);
+  const isSlotTemplate = isTemplate(node) && parent && parent.node.type === "JSXElement" && isJSXComponent(parent.node);
+  if (isComponent && children.length) {
+    return transformComponentSlot(node, resolvedDirective, context);
+  } else if (isSlotTemplate && resolvedDirective) {
+    return transformTemplateSlot(node, resolvedDirective, context);
+  } else if (!isComponent && dir) {
+    context.options.onError(
+      _compilerdom.createCompilerError.call(void 0, 
+        _compilerdom.ErrorCodes.X_V_SLOT_MISPLACED,
+        resolveLocation(dir.loc, context)
+      )
     );
   }
 };
@@ -1205,7 +1341,7 @@ function transformComponentSlot(node, dir, context) {
   const { children } = node;
   const arg = dir && dir.arg;
   const nonSlotTemplateChildren = children.filter(
-    (n) => !isEmptyText(n) && !(n.type === "JSXElement" && findProp(n, "v-slot"))
+    (n) => !isEmptyText(n) && (n.type !== "JSXElement" || !findProp(n, "v-slot"))
   );
   const [block, onExit] = createSlotBlock(node, dir, context);
   const { slots } = context;
@@ -1374,144 +1510,6 @@ var transformVSlots = (node, context) => {
   }
 };
 
-// src/transforms/vModel.ts
-
-var transformVModel = (dir, node, context) => {
-  return _compilervapor.transformVModel.call(void 0, 
-    resolveDirectiveNode(dir, context),
-    resolveNode(node, context),
-    context
-  );
-};
-
-// src/transforms/vShow.ts
-
-var transformVShow = (dir, node, context) => {
-  return _compilervapor.transformVShow.call(void 0, 
-    resolveDirectiveNode(dir, context),
-    resolveNode(node, context),
-    context
-  );
-};
-
-// src/transforms/vHtml.ts
-
-var transformVHtml = (dir, node, context) => {
-  return _compilervapor.transformVHtml.call(void 0, 
-    resolveDirectiveNode(dir, context),
-    resolveNode(node, context),
-    context
-  );
-};
-
-// src/transforms/vOnce.ts
-var transformVOnce = (node, context) => {
-  if (
-    // !context.inSSR &&
-    node.type === "JSXElement" && findProp(node, "v-once")
-  ) {
-    context.inVOnce = true;
-  }
-};
-
-// src/transforms/vIf.ts
-
-
-
-
-
-
-var transformVIf = createStructuralDirectiveTransform(
-  ["if", "else", "else-if"],
-  processIf
-);
-var transformedIfNode = /* @__PURE__ */ new WeakMap();
-function processIf(node, attribute, context) {
-  const dir = resolveDirectiveNode(attribute, context);
-  if (dir.name !== "else" && (!dir.exp || !dir.exp.content.trim())) {
-    const loc = dir.exp ? dir.exp.loc : resolveLocation(node.loc, context);
-    context.options.onError(
-      _compilerdom.createCompilerError.call(void 0, _compilerdom.ErrorCodes.X_V_IF_NO_EXPRESSION, dir.loc)
-    );
-    dir.exp = _compilerdom.createSimpleExpression.call(void 0, `true`, false, loc);
-  }
-  context.dynamic.flags |= 2 /* NON_TEMPLATE */;
-  transformedIfNode.set(node, dir);
-  if (dir.name === "if") {
-    const id = context.reference();
-    context.dynamic.flags |= 4 /* INSERT */;
-    const [branch, onExit] = createBranch(node, context);
-    return () => {
-      onExit();
-      context.registerOperation({
-        type: 16 /* IF */,
-        id,
-        condition: dir.exp,
-        positive: branch,
-        once: context.inVOnce || _compilerdom.isConstantNode.call(void 0, attribute.value, context.options.bindingMetadata)
-      });
-    };
-  } else {
-    const siblingIf = getSiblingIf(context);
-    const { operation } = context.block;
-    let lastIfNode = operation.at(-1);
-    if (
-      // check if v-if is the sibling node
-      !siblingIf || // check if IfNode is the last operation and get the root IfNode
-      !lastIfNode || lastIfNode.type !== 16 /* IF */
-    ) {
-      context.options.onError(
-        _compilerdom.createCompilerError.call(void 0, 
-          _compilerdom.ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
-          resolveLocation(node.loc, context)
-        )
-      );
-      return;
-    }
-    while (lastIfNode.negative && lastIfNode.negative.type === 16 /* IF */) {
-      lastIfNode = lastIfNode.negative;
-    }
-    if (dir.name === "else-if" && lastIfNode.negative) {
-      context.options.onError(
-        _compilerdom.createCompilerError.call(void 0, 
-          _compilerdom.ErrorCodes.X_V_ELSE_NO_ADJACENT_IF,
-          resolveLocation(node.loc, context)
-        )
-      );
-    }
-    context.root.comment = [];
-    const [branch, onExit] = createBranch(node, context);
-    if (dir.name === "else") {
-      lastIfNode.negative = branch;
-    } else {
-      lastIfNode.negative = {
-        type: 16 /* IF */,
-        id: -1,
-        condition: dir.exp,
-        positive: branch,
-        once: context.inVOnce
-      };
-    }
-    return () => onExit();
-  }
-}
-function getSiblingIf(context) {
-  const parent = context.parent;
-  if (!parent) return;
-  const siblings = parent.node.children;
-  let sibling;
-  let i = siblings.indexOf(context.node);
-  while (--i >= 0) {
-    if (!isEmptyText(siblings[i])) {
-      sibling = siblings[i];
-      break;
-    }
-  }
-  if (sibling && sibling.type === "JSXElement" && transformedIfNode.has(sibling)) {
-    return sibling;
-  }
-}
-
 // src/compile.ts
 function compile(source, options = {}) {
   const resolvedOptions = _shared.extend.call(void 0, {}, options, {