@vue-jsx-vapor/compiler 0.1.6 → 0.2.1

package/dist/index.js

@@ -1,17 +1,8 @@
-// src/index.ts
-import { generate as generate2 } from "@vue/compiler-vapor";
-
 // src/compile.ts
-import {
-  ErrorCodes as ErrorCodes2,
-  createCompilerError as createCompilerError2,
-  defaultOnError as defaultOnError2
-} from "@vue/compiler-dom";
-import { extend as extend5, isString as isString2 } from "@vue/shared";
+import { extend as extend5 } from "@vue/shared";
 import {
   generate
 } from "@vue/compiler-vapor";
-import { parse } from "@babel/parser";
 
 // src/transform.ts
 import {
@@ -20,10 +11,53 @@ import {
 } from "@vue/compiler-dom";
 import { EMPTY_OBJ, NOOP, extend, isArray } from "@vue/shared";
 
+// src/ir/component.ts
+var IRDynamicPropsKind = /* @__PURE__ */ ((IRDynamicPropsKind2) => {
+  IRDynamicPropsKind2[IRDynamicPropsKind2["EXPRESSION"] = 0] = "EXPRESSION";
+  IRDynamicPropsKind2[IRDynamicPropsKind2["ATTRIBUTE"] = 1] = "ATTRIBUTE";
+  return IRDynamicPropsKind2;
+})(IRDynamicPropsKind || {});
+var IRSlotType = /* @__PURE__ */ ((IRSlotType2) => {
+  IRSlotType2[IRSlotType2["STATIC"] = 0] = "STATIC";
+  IRSlotType2[IRSlotType2["DYNAMIC"] = 1] = "DYNAMIC";
+  IRSlotType2[IRSlotType2["LOOP"] = 2] = "LOOP";
+  IRSlotType2[IRSlotType2["CONDITIONAL"] = 3] = "CONDITIONAL";
+  IRSlotType2[IRSlotType2["EXPRESSION"] = 4] = "EXPRESSION";
+  return IRSlotType2;
+})(IRSlotType || {});
+
+// src/ir/index.ts
+var IRNodeTypes = /* @__PURE__ */ ((IRNodeTypes2) => {
+  IRNodeTypes2[IRNodeTypes2["ROOT"] = 0] = "ROOT";
+  IRNodeTypes2[IRNodeTypes2["BLOCK"] = 1] = "BLOCK";
+  IRNodeTypes2[IRNodeTypes2["SET_PROP"] = 2] = "SET_PROP";
+  IRNodeTypes2[IRNodeTypes2["SET_DYNAMIC_PROPS"] = 3] = "SET_DYNAMIC_PROPS";
+  IRNodeTypes2[IRNodeTypes2["SET_TEXT"] = 4] = "SET_TEXT";
+  IRNodeTypes2[IRNodeTypes2["SET_EVENT"] = 5] = "SET_EVENT";
+  IRNodeTypes2[IRNodeTypes2["SET_DYNAMIC_EVENTS"] = 6] = "SET_DYNAMIC_EVENTS";
+  IRNodeTypes2[IRNodeTypes2["SET_HTML"] = 7] = "SET_HTML";
+  IRNodeTypes2[IRNodeTypes2["SET_TEMPLATE_REF"] = 8] = "SET_TEMPLATE_REF";
+  IRNodeTypes2[IRNodeTypes2["INSERT_NODE"] = 9] = "INSERT_NODE";
+  IRNodeTypes2[IRNodeTypes2["PREPEND_NODE"] = 10] = "PREPEND_NODE";
+  IRNodeTypes2[IRNodeTypes2["CREATE_TEXT_NODE"] = 11] = "CREATE_TEXT_NODE";
+  IRNodeTypes2[IRNodeTypes2["CREATE_COMPONENT_NODE"] = 12] = "CREATE_COMPONENT_NODE";
+  IRNodeTypes2[IRNodeTypes2["SLOT_OUTLET_NODE"] = 13] = "SLOT_OUTLET_NODE";
+  IRNodeTypes2[IRNodeTypes2["DIRECTIVE"] = 14] = "DIRECTIVE";
+  IRNodeTypes2[IRNodeTypes2["DECLARE_OLD_REF"] = 15] = "DECLARE_OLD_REF";
+  IRNodeTypes2[IRNodeTypes2["IF"] = 16] = "IF";
+  IRNodeTypes2[IRNodeTypes2["FOR"] = 17] = "FOR";
+  IRNodeTypes2[IRNodeTypes2["GET_TEXT_CHILD"] = 18] = "GET_TEXT_CHILD";
+  return IRNodeTypes2;
+})(IRNodeTypes || {});
+var DynamicFlag = /* @__PURE__ */ ((DynamicFlag2) => {
+  DynamicFlag2[DynamicFlag2["NONE"] = 0] = "NONE";
+  DynamicFlag2[DynamicFlag2["REFERENCED"] = 1] = "REFERENCED";
+  DynamicFlag2[DynamicFlag2["NON_TEMPLATE"] = 2] = "NON_TEMPLATE";
+  DynamicFlag2[DynamicFlag2["INSERT"] = 4] = "INSERT";
+  return DynamicFlag2;
+})(DynamicFlag || {});
+
 // src/transforms/utils.ts
-import {
-  DynamicFlag
-} from "@vue/compiler-vapor";
 import { createSimpleExpression as createSimpleExpression2 } from "@vue/compiler-dom";
 import {
   arrowFunctionExpression,
@@ -36,23 +70,23 @@ import {
 } from "@babel/types";
 
 // src/utils.ts
-import { isGloballyAllowed, isString, makeMap } from "@vue/shared";
+import { isGloballyAllowed, isHTMLTag, isSVGTag, isString } from "@vue/shared";
 import {
   ElementTypes,
   Namespaces,
   NodeTypes,
   createSimpleExpression,
-  isLiteralWhitelisted
+  isLiteralWhitelisted,
+  walkIdentifiers
 } from "@vue/compiler-dom";
 import {
   isLiteral
 } from "@babel/types";
-var __BROWSER__ = false;
 function isConstantExpression(exp) {
   return isLiteralWhitelisted(exp.content) || isGloballyAllowed(exp.content) || getLiteralExpressionValue(exp) !== null;
 }
 function getLiteralExpressionValue(exp) {
-  if (!__BROWSER__ && exp.ast) {
+  if (exp.ast) {
     if (["StringLiteral", "NumericLiteral", "BigIntLiteral"].includes(
       exp.ast.type
     )) {
@@ -106,11 +140,26 @@ function resolveExpression(node, context, effect = false) {
   const isStatic = !!node && (node.type === "StringLiteral" || node.type === "JSXText" || node.type === "JSXIdentifier");
   let source = !node || node.type === "JSXEmptyExpression" ? "" : node.type === "JSXIdentifier" ? node.name : node.type === "StringLiteral" ? node.value : node.type === "JSXText" ? resolveJSXText(node) : node.type === "Identifier" ? node.name : context.ir.source.slice(node.start, node.end);
   const location = node ? node.loc : null;
-  let ast;
   if (source && !isStatic && effect && !isConstant(node)) {
     source = `() => (${source})`;
+    if (location && node) {
+      location.start.column -= 7;
+      node.start -= 7;
+    }
+  }
+  if (node) {
+    const offset = node.start - 1;
+    walkIdentifiers(
+      node,
+      (id) => {
+        if (!id.loc) return;
+        id.start = id.loc.start.index - offset;
+        id.end = id.loc.end.index - offset;
+      },
+      true
+    );
   }
-  return resolveSimpleExpression(source, isStatic, location, ast);
+  return resolveSimpleExpression(source, isStatic, location, node);
 }
 function resolveSimpleExpression(source, isStatic, location, ast) {
   const result = createSimpleExpression(
@@ -202,18 +251,12 @@ function resolveDirectiveNode(node, context) {
     modifiers: modifiers.map((modifier) => createSimpleExpression(modifier))
   };
 }
-var isHtmlTags = makeMap(
-  "a,abbr,address,area,article,aside,audio,b,base,bdi,bdo,blockquote,body,br,button,canvas,caption,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,math,menu,menuitem,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,param,picture,pre,progress,q,rb,rp,rt,rtc,ruby,s,samp,script,search,section,select,slot,small,source,span,strong,style,sub,summary,sup,svg,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,u,ul,var,video,wbr"
-);
-var isSvgTags = makeMap(
-  "a,altGlyph,altGlyphDef,altGlyphItem,animate,animateColor,animateMotion,animateTransform,circle,clipPath,color-profile,cursor,defs,desc,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,font,font-face,font-face-format,font-face-name,font-face-src,font-face-uri,foreignObject,g,glyph,glyphRef,hkern,image,line,linearGradient,marker,mask,metadata,missing-glyph,mpath,path,pattern,polygon,polyline,radialGradient,rect,script,set,stop,style,svg,switch,symbol,text,textPath,title,tref,tspan,use,view,vkern"
-);
 function isJSXComponent(node) {
   if (node.type !== "JSXElement") return false;
   const { openingElement } = node;
   if (openingElement.name.type === "JSXIdentifier") {
     const name = openingElement.name.name;
-    return !isHtmlTags(name) && !isSvgTags(name);
+    return !isHTMLTag(name) && !isSVGTag(name);
   } else {
     return openingElement.name.type === "JSXMemberExpression";
   }
@@ -234,7 +277,7 @@ function isJSXElement(node) {
 // src/transforms/utils.ts
 function newDynamic() {
   return {
-    flags: DynamicFlag.REFERENCED,
+    flags: 1 /* REFERENCED */,
     children: []
   };
 }
@@ -245,7 +288,9 @@ function newBlock(node) {
     dynamic: newDynamic(),
     effect: [],
     operation: [],
-    returns: []
+    returns: [],
+    expressions: [],
+    tempId: 0
   };
 }
 function createBranch(node, context, isVFor) {
@@ -281,53 +326,6 @@ function wrapFragment(node, isVFor) {
 }
 var EMPTY_EXPRESSION = createSimpleExpression2("", true);
 
-// src/ir/component.ts
-var IRDynamicPropsKind = /* @__PURE__ */ ((IRDynamicPropsKind2) => {
-  IRDynamicPropsKind2[IRDynamicPropsKind2["EXPRESSION"] = 0] = "EXPRESSION";
-  IRDynamicPropsKind2[IRDynamicPropsKind2["ATTRIBUTE"] = 1] = "ATTRIBUTE";
-  return IRDynamicPropsKind2;
-})(IRDynamicPropsKind || {});
-var IRSlotType = /* @__PURE__ */ ((IRSlotType2) => {
-  IRSlotType2[IRSlotType2["STATIC"] = 0] = "STATIC";
-  IRSlotType2[IRSlotType2["DYNAMIC"] = 1] = "DYNAMIC";
-  IRSlotType2[IRSlotType2["LOOP"] = 2] = "LOOP";
-  IRSlotType2[IRSlotType2["CONDITIONAL"] = 3] = "CONDITIONAL";
-  IRSlotType2[IRSlotType2["EXPRESSION"] = 4] = "EXPRESSION";
-  return IRSlotType2;
-})(IRSlotType || {});
-
-// src/ir/index.ts
-var IRNodeTypes = /* @__PURE__ */ ((IRNodeTypes2) => {
-  IRNodeTypes2[IRNodeTypes2["ROOT"] = 0] = "ROOT";
-  IRNodeTypes2[IRNodeTypes2["BLOCK"] = 1] = "BLOCK";
-  IRNodeTypes2[IRNodeTypes2["SET_PROP"] = 2] = "SET_PROP";
-  IRNodeTypes2[IRNodeTypes2["SET_DYNAMIC_PROPS"] = 3] = "SET_DYNAMIC_PROPS";
-  IRNodeTypes2[IRNodeTypes2["SET_TEXT"] = 4] = "SET_TEXT";
-  IRNodeTypes2[IRNodeTypes2["SET_EVENT"] = 5] = "SET_EVENT";
-  IRNodeTypes2[IRNodeTypes2["SET_DYNAMIC_EVENTS"] = 6] = "SET_DYNAMIC_EVENTS";
-  IRNodeTypes2[IRNodeTypes2["SET_HTML"] = 7] = "SET_HTML";
-  IRNodeTypes2[IRNodeTypes2["SET_TEMPLATE_REF"] = 8] = "SET_TEMPLATE_REF";
-  IRNodeTypes2[IRNodeTypes2["SET_MODEL_VALUE"] = 9] = "SET_MODEL_VALUE";
-  IRNodeTypes2[IRNodeTypes2["SET_INHERIT_ATTRS"] = 10] = "SET_INHERIT_ATTRS";
-  IRNodeTypes2[IRNodeTypes2["INSERT_NODE"] = 11] = "INSERT_NODE";
-  IRNodeTypes2[IRNodeTypes2["PREPEND_NODE"] = 12] = "PREPEND_NODE";
-  IRNodeTypes2[IRNodeTypes2["CREATE_TEXT_NODE"] = 13] = "CREATE_TEXT_NODE";
-  IRNodeTypes2[IRNodeTypes2["CREATE_COMPONENT_NODE"] = 14] = "CREATE_COMPONENT_NODE";
-  IRNodeTypes2[IRNodeTypes2["SLOT_OUTLET_NODE"] = 15] = "SLOT_OUTLET_NODE";
-  IRNodeTypes2[IRNodeTypes2["WITH_DIRECTIVE"] = 16] = "WITH_DIRECTIVE";
-  IRNodeTypes2[IRNodeTypes2["DECLARE_OLD_REF"] = 17] = "DECLARE_OLD_REF";
-  IRNodeTypes2[IRNodeTypes2["IF"] = 18] = "IF";
-  IRNodeTypes2[IRNodeTypes2["FOR"] = 19] = "FOR";
-  return IRNodeTypes2;
-})(IRNodeTypes || {});
-var DynamicFlag2 = /* @__PURE__ */ ((DynamicFlag3) => {
-  DynamicFlag3[DynamicFlag3["NONE"] = 0] = "NONE";
-  DynamicFlag3[DynamicFlag3["REFERENCED"] = 1] = "REFERENCED";
-  DynamicFlag3[DynamicFlag3["NON_TEMPLATE"] = 2] = "NON_TEMPLATE";
-  DynamicFlag3[DynamicFlag3["INSERT"] = 4] = "INSERT";
-  return DynamicFlag3;
-})(DynamicFlag2 || {});
-
 // src/transform.ts
 var defaultOptions = {
   filename: "",
@@ -450,7 +448,8 @@ function transform(node, options = {}) {
     template: [],
     component: /* @__PURE__ */ new Set(),
     directive: /* @__PURE__ */ new Set(),
-    block: newBlock(node)
+    block: newBlock(node),
+    hasTemplateRef: false
   };
   const context = new TransformContext(ir, node, options);
   transformNode(context);
@@ -486,180 +485,14 @@ function transformNode(context) {
 }
 
 // src/transforms/transformElement.ts
-import { extend as extend2, isBuiltInDirective, isVoidTag, makeMap as makeMap2 } from "@vue/shared";
-
-// src/html-nesting.ts
-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 && // check if the child is in the list of invalid children
-  // if so, return false
-  knownInvalidChildren[parent].has(child))
-    return false;
-  if (child in knownInvalidParents && // check if the parent is in the list of invalid parents
-  // if so, return false
-  knownInvalidParents[child].has(parent))
-    return false;
-  return true;
-}
-var headings = /* @__PURE__ */ new Set(["h1", "h2", "h3", "h4", "h5", "h6"]);
-var emptySet = /* @__PURE__ */ new Set([]);
-var 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"]),
-  math: /* @__PURE__ */ new Set(["mrow"]),
-  script: /* @__PURE__ */ new Set(),
-  // 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
-  iframe: emptySet,
-  option: emptySet,
-  textarea: emptySet,
-  style: emptySet,
-  title: emptySet
-};
-var 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"])
-};
-var 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"
-  ])
-};
-var 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
-};
-
-// src/transforms/transformElement.ts
-var isReservedProp = /* @__PURE__ */ makeMap2(
+import { extend as extend2, isBuiltInDirective, isVoidTag, makeMap } from "@vue/shared";
+import {
+  isValidHTMLNesting
+} from "@vue/compiler-dom";
+var isReservedProp = /* @__PURE__ */ makeMap(
   // the leading comma is intentional so empty string "" is also included
   ",key,ref,ref_for,ref_key,"
 );
-var __BROWSER__2 = false;
 var isEventRegex = /^on[A-Z]/;
 var isDirectiveRegex = /^v-[a-z]/;
 var transformElement = (node, context) => {
@@ -688,27 +521,25 @@ var transformElement = (node, context) => {
 };
 function transformComponentElement(tag, propsResult, singleRoot, context) {
   let asset = true;
-  if (!__BROWSER__2) {
-    const fromSetup = tag;
-    if (fromSetup) {
-      tag = fromSetup;
+  const fromSetup = tag;
+  if (fromSetup) {
+    tag = fromSetup;
+    asset = false;
+  }
+  const dotIndex = tag.indexOf(".");
+  if (dotIndex > 0) {
+    const ns = tag.slice(0, dotIndex);
+    if (ns) {
+      tag = ns + tag.slice(dotIndex);
       asset = false;
     }
-    const dotIndex = tag.indexOf(".");
-    if (dotIndex > 0) {
-      const ns = tag.slice(0, dotIndex);
-      if (ns) {
-        tag = ns + tag.slice(dotIndex);
-        asset = false;
-      }
-    }
   }
   if (asset) {
     context.component.add(tag);
   }
   context.dynamic.flags |= 2 /* NON_TEMPLATE */ | 4 /* INSERT */;
   context.registerOperation({
-    type: 14 /* CREATE_COMPONENT_NODE */,
+    type: 12 /* CREATE_COMPONENT_NODE */,
     id: context.reference(),
     tag,
     props: propsResult[0] ? propsResult[1] : [propsResult[1]],
@@ -724,7 +555,6 @@ function transformNativeElement(tag, propsResult, singleRoot, context) {
   let template = "";
   template += `<${tag}`;
   if (scopeId) template += ` ${scopeId}`;
-  let staticProps = false;
   const dynamicProps = [];
   if (propsResult[0]) {
     const [, dynamicArgs, expressions] = propsResult;
@@ -738,7 +568,6 @@ function transformNativeElement(tag, propsResult, singleRoot, context) {
     for (const prop of propsResult[1]) {
       const { key, values } = prop;
       if (key.isStatic && values.length === 1 && values[0].isStatic) {
-        staticProps = true;
         template += ` ${key.content}`;
         if (values[0].content) template += `="${values[0].content}"`;
       } else {
@@ -753,17 +582,13 @@ function transformNativeElement(tag, propsResult, singleRoot, context) {
       }
     }
   }
-  if (singleRoot) {
-    context.registerOperation({
-      type: 10 /* SET_INHERIT_ATTRS */,
-      staticProps,
-      dynamicProps: propsResult[0] ? true : dynamicProps
-    });
-  }
   template += `>${context.childrenTemplate.join("")}`;
   if (!isVoidTag(tag)) {
     template += `</${tag}>`;
   }
+  if (singleRoot) {
+    context.ir.rootTemplateIndex = context.ir.template.length;
+  }
   if (context.parent && context.parent.node.type === "JSXElement" && context.parent.node.openingElement.name.type === "JSXIdentifier" && !isValidHTMLNesting(context.parent.node.openingElement.name.name, tag)) {
     context.reference();
     context.dynamic.template = context.pushTemplate(template);
@@ -833,7 +658,7 @@ function transformProp(prop, node, context) {
     return directiveTransform(prop, node, context);
   }
   if (!isBuiltInDirective(name)) {
-    const fromSetup = !__BROWSER__2 && `v-${name}`;
+    const fromSetup = `v-${name}`;
     if (fromSetup) {
       name = fromSetup;
     } else {
@@ -911,14 +736,14 @@ function processDynamicChildren(context) {
           prevDynamics[0].flags -= 2 /* NON_TEMPLATE */;
           const anchor = prevDynamics[0].anchor = context.increaseId();
           context.registerOperation({
-            type: 11 /* INSERT_NODE */,
+            type: 9 /* INSERT_NODE */,
             elements: prevDynamics.map((child2) => child2.id),
             parent: context.reference(),
             anchor
           });
         } else {
           context.registerOperation({
-            type: 12 /* PREPEND_NODE */,
+            type: 10 /* PREPEND_NODE */,
             elements: prevDynamics.map((child2) => child2.id),
             parent: context.reference()
           });
@@ -930,7 +755,7 @@ function processDynamicChildren(context) {
   }
   if (prevDynamics.length) {
     context.registerOperation({
-      type: 11 /* INSERT_NODE */,
+      type: 9 /* INSERT_NODE */,
       elements: prevDynamics.map((child) => child.id),
       parent: context.reference()
     });
@@ -942,12 +767,13 @@ var transformTemplateRef = (node, context) => {
   if (node.type !== "JSXElement") return;
   const dir = findProp(node, "ref");
   if (!dir?.value) return;
+  context.ir.hasTemplateRef = true;
   const value = resolveExpression(dir.value, context);
   return () => {
     const id = context.reference();
     const effect = !isConstantExpression(value);
     effect && context.registerOperation({
-      type: 17 /* DECLARE_OLD_REF */,
+      type: 15 /* DECLARE_OLD_REF */,
       id
     });
     context.registerEffect([value], {
@@ -961,6 +787,7 @@ var transformTemplateRef = (node, context) => {
 };
 
 // src/transforms/vIf.ts
+import { isStaticNode } from "@vue/compiler-dom";
 function processConditionalExpression(node, context) {
   const { test, consequent, alternate } = node;
   context.dynamic.flags |= 2 /* NON_TEMPLATE */ | 4 /* INSERT */;
@@ -968,11 +795,11 @@ function processConditionalExpression(node, context) {
   const condition = resolveExpression(test, context);
   const [branch, onExit] = createBranch(consequent, context);
   const operation = {
-    type: 18 /* IF */,
+    type: 16 /* IF */,
     id,
     condition,
     positive: branch,
-    once: context.inVOnce
+    once: context.inVOnce || isStaticNode(test)
   };
   return [
     () => {
@@ -998,7 +825,7 @@ function processLogicalExpression(node, context) {
     context
   );
   const operation = {
-    type: 18 /* IF */,
+    type: 16 /* IF */,
     id,
     condition,
     positive: branch,
@@ -1057,10 +884,10 @@ function processTextLike(context) {
   const nodes = idx > -1 ? nexts.slice(0, idx) : nexts;
   context.dynamic.flags |= 4 /* INSERT */ | 2 /* NON_TEMPLATE */;
   context.registerOperation({
-    type: 13 /* CREATE_TEXT_NODE */,
+    type: 11 /* CREATE_TEXT_NODE */,
     id: context.reference(),
     values: createTextLikeExpressions(nodes, context),
-    effect: false
+    jsx: true
   });
 }
 function processTextLikeContainer(children, context) {
@@ -1072,7 +899,8 @@ function processTextLikeContainer(children, context) {
     context.registerOperation({
       type: 4 /* SET_TEXT */,
       element: context.reference(),
-      values
+      values,
+      jsx: true
     });
   }
 }
@@ -1126,8 +954,8 @@ import {
   createSimpleExpression as createSimpleExpression3,
   resolveModifiers
 } from "@vue/compiler-dom";
-import { extend as extend4, makeMap as makeMap3 } from "@vue/shared";
-var delegatedEvents = /* @__PURE__ */ makeMap3(
+import { extend as extend4, makeMap as makeMap2 } from "@vue/shared";
+var delegatedEvents = /* @__PURE__ */ makeMap2(
   "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) => {
@@ -1153,7 +981,6 @@ var transformVOn = (dir, node, context) => {
   );
   let keyOverride;
   const isStaticClick = arg.isStatic && arg.content.toLowerCase() === "click";
-  const delegate = arg.isStatic && !eventOptionModifiers.length && delegatedEvents(arg.content);
   if (nonKeyModifiers.includes("middle")) {
     if (keyOverride) {
     }
@@ -1175,9 +1002,11 @@ var transformVOn = (dir, node, context) => {
     return {
       key: arg,
       value: handler,
-      handler: true
+      handler: true,
+      handlerModifiers: eventOptionModifiers
     };
   }
+  const delegate = arg.isStatic && !eventOptionModifiers.length && delegatedEvents(arg.content);
   const operation = {
     type: 5 /* SET_EVENT */,
     element: context.reference(),
@@ -1289,13 +1118,9 @@ var transformVHtml = (dir, node, context) => {
 };
 
 // src/compile.ts
-function compile(source, options = {}) {
-  const onError = options.onError || defaultOnError2;
-  const isModuleMode = options.mode === "module";
-  if (options.scopeId && !isModuleMode) {
-    onError(createCompilerError2(ErrorCodes2.X_SCOPE_ID_NOT_SUPPORTED));
-  }
+function compile(root, options = {}) {
   const resolvedOptions = extend5({}, options, {
+    inline: true,
     prefixIdentifiers: false,
     expressionPlugins: options.expressionPlugins || ["jsx"]
   });
@@ -1308,29 +1133,11 @@ function compile(source, options = {}) {
       ];
     }
   }
-  let expression;
-  if (isString2(source)) {
-    const {
-      body: [statement]
-    } = parse(source, {
-      sourceType: "module",
-      plugins: resolvedOptions.expressionPlugins
-    }).program;
-    if (statement.type === "ExpressionStatement") {
-      expression = statement.expression;
-    }
-  } else {
-    expression = source;
-  }
-  const children = expression.type === "JSXFragment" ? expression.children : expression.type === "JSXElement" ? [expression] : [];
+  const children = root.type === "JSXFragment" ? root.children : root.type === "JSXElement" ? [root] : [];
   const ast = {
     type: 0 /* ROOT */,
     children,
-    source: isString2(source) ? source : options.source || "",
-    components: [],
-    directives: [],
-    helpers: /* @__PURE__ */ new Set(),
-    temps: 0
+    source: options.source || ""
   };
   const [nodeTransforms, directiveTransforms] = getBaseTransformPreset();
   const ir = transform(
@@ -1370,13 +1177,13 @@ function getBaseTransformPreset() {
   ];
 }
 export {
-  DynamicFlag2 as DynamicFlag,
+  DynamicFlag,
   IRDynamicPropsKind,
   IRNodeTypes,
   IRSlotType,
   TransformContext,
   compile,
-  generate2 as generate,
+  generate,
   resolveDirectiveNode,
   resolveNode,
   transform,