vue-jsx-vapor 2.1.8 → 2.2.0

package/dist/api.cjs

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkVT3G3M3Gcjs = require('./chunk-VT3G3M3G.cjs');
+var _chunkGY6DSRCVcjs = require('./chunk-GY6DSRCV.cjs');
 
 
-exports.transformVueJsxVapor = _chunkVT3G3M3Gcjs.transformVueJsxVapor;
+exports.transformVueJsxVapor = _chunkGY6DSRCVcjs.transformVueJsxVapor;

package/dist/api.d.cts

@@ -4,6 +4,6 @@ import '@vue-jsx-vapor/compiler';
 import '@vue-jsx-vapor/macros';
 import 'unplugin-utils';
 
-declare function transformVueJsxVapor(code: string, id: string, options?: Options): _babel_core.BabelFileResult | null;
+declare function transformVueJsxVapor(code: string, id: string, options?: Options, needSourceMap?: boolean): _babel_core.BabelFileResult | null;
 
 export { Options, transformVueJsxVapor };

package/dist/api.d.ts

@@ -4,6 +4,6 @@ import '@vue-jsx-vapor/compiler';
 import '@vue-jsx-vapor/macros';
 import 'unplugin-utils';
 
-declare function transformVueJsxVapor(code: string, id: string, options?: Options): _babel_core.BabelFileResult | null;
+declare function transformVueJsxVapor(code: string, id: string, options?: Options, needSourceMap?: boolean): _babel_core.BabelFileResult | null;
 
 export { Options, transformVueJsxVapor };

package/dist/api.js

@@ -1,6 +1,6 @@
 import {
   transformVueJsxVapor
-} from "./chunk-XO54BK2I.js";
+} from "./chunk-SAJ6WS2A.js";
 export {
   transformVueJsxVapor
 };

package/dist/astro.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMVHM4ZACcjs = require('./chunk-MVHM4ZAC.cjs');
+var _chunkF7CI4ATHcjs = require('./chunk-F7CI4ATH.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-SM4PMROG.cjs');
-require('./chunk-VT3G3M3G.cjs');
+require('./chunk-VSS2IZIS.cjs');
+require('./chunk-GY6DSRCV.cjs');
 
 // src/astro.ts
 var astro_default = (options) => ({
@@ -11,7 +11,7 @@ var astro_default = (options) => ({
   hooks: {
     "astro:config:setup": (astro) => {
       astro.config.vite.plugins ||= [];
-      astro.config.vite.plugins.push(_chunkMVHM4ZACcjs.unplugin_default.vite(options));
+      astro.config.vite.plugins.push(_chunkF7CI4ATHcjs.unplugin_default.vite(options));
     }
   }
 });

package/dist/astro.js

@@ -1,9 +1,9 @@
 import {
   unplugin_default
-} from "./chunk-4OJ67SAP.js";
+} from "./chunk-G2KD2VHX.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-ELIW3YO2.js";
-import "./chunk-XO54BK2I.js";
+import "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 
 // src/astro.ts
 var astro_default = (options) => ({

package/dist/{chunk-BBQNTCR7.js → chunk-4HP6QVER.js}

@@ -1,6 +1,6 @@
 import {
   unplugin_default
-} from "./chunk-4OJ67SAP.js";
+} from "./chunk-G2KD2VHX.js";
 
 // src/webpack.ts
 var webpack_default = unplugin_default.webpack;

package/dist/{chunk-MVHM4ZAC.cjs → chunk-F7CI4ATH.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }
 
-var _chunkSM4PMROGcjs = require('./chunk-SM4PMROG.cjs');
+var _chunkVSS2IZIScjs = require('./chunk-VSS2IZIS.cjs');
 
 // src/unplugin.ts
 var _unplugin = require('unplugin');
 var _vite = require('vite');
 var unpluginFactory = (options = {}) => {
   return [
-    ..._chunkSM4PMROGcjs.raw_default.call(void 0, options),
+    ..._chunkVSS2IZIScjs.raw_default.call(void 0, options),
     options.interop ? { name: "interop" } : {
       name: "unplugin-esbuild",
       transformInclude: _vite.createFilter.call(void 0, 

package/dist/{chunk-4OJ67SAP.js → chunk-G2KD2VHX.js}

@@ -1,6 +1,6 @@
 import {
   raw_default
-} from "./chunk-ELIW3YO2.js";
+} from "./chunk-T3F6TYMY.js";
 
 // src/unplugin.ts
 import { createUnplugin } from "unplugin";

package/dist/{chunk-VT3G3M3G.cjs → chunk-GY6DSRCV.cjs}

@@ -2,14 +2,14 @@
 var _core = require('@babel/core');
 var _plugintransformtypescript = require('@babel/plugin-transform-typescript'); var _plugintransformtypescript2 = _interopRequireDefault(_plugintransformtypescript);
 var _babel = require('@vue-jsx-vapor/babel'); var _babel2 = _interopRequireDefault(_babel);
-function transformVueJsxVapor(code, id, options) {
+function transformVueJsxVapor(code, id, options, needSourceMap = false) {
   return _core.transformSync.call(void 0, code, {
     plugins: [
       [_babel2.default, { compile: _optionalChain([options, 'optionalAccess', _ => _.compile]), interop: _optionalChain([options, 'optionalAccess', _2 => _2.interop]) }],
-      id.endsWith(".tsx") ? [_plugintransformtypescript2.default, { isTSX: true, allowExtensions: true }] : null
-    ].filter((i) => i !== null),
+      ...id.endsWith(".tsx") ? [[_plugintransformtypescript2.default, { isTSX: true, allowExtensions: true }]] : []
+    ],
     filename: id,
-    sourceMaps: true,
+    sourceMaps: needSourceMap,
     sourceFileName: id,
     babelrc: false,
     configFile: false,

package/dist/{chunk-2XE3EMLY.js → chunk-HNBQ42EP.js}

@@ -1,6 +1,6 @@
 import {
   unplugin_default
-} from "./chunk-4OJ67SAP.js";
+} from "./chunk-G2KD2VHX.js";
 
 // src/vite.ts
 var vite_default = unplugin_default.vite;

package/dist/{chunk-47ZAMM2G.cjs → chunk-M4VKLZSB.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMVHM4ZACcjs = require('./chunk-MVHM4ZAC.cjs');
+var _chunkF7CI4ATHcjs = require('./chunk-F7CI4ATH.cjs');
 
 // src/vite.ts
-var vite_default = _chunkMVHM4ZACcjs.unplugin_default.vite;
+var vite_default = _chunkF7CI4ATHcjs.unplugin_default.vite;
 
 
 

package/dist/{chunk-SU6A6M56.cjs → chunk-QBIU4H54.cjs}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMVHM4ZACcjs = require('./chunk-MVHM4ZAC.cjs');
+var _chunkF7CI4ATHcjs = require('./chunk-F7CI4ATH.cjs');
 
 // src/webpack.ts
-var webpack_default = _chunkMVHM4ZACcjs.unplugin_default.webpack;
+var webpack_default = _chunkF7CI4ATHcjs.unplugin_default.webpack;
 
 
 

package/dist/{chunk-XO54BK2I.js → chunk-SAJ6WS2A.js}

@@ -2,14 +2,14 @@
 import { transformSync } from "@babel/core";
 import babelTypescript from "@babel/plugin-transform-typescript";
 import jsx from "@vue-jsx-vapor/babel";
-function transformVueJsxVapor(code, id, options) {
+function transformVueJsxVapor(code, id, options, needSourceMap = false) {
   return transformSync(code, {
     plugins: [
       [jsx, { compile: options?.compile, interop: options?.interop }],
-      id.endsWith(".tsx") ? [babelTypescript, { isTSX: true, allowExtensions: true }] : null
-    ].filter((i) => i !== null),
+      ...id.endsWith(".tsx") ? [[babelTypescript, { isTSX: true, allowExtensions: true }]] : []
+    ],
     filename: id,
-    sourceMaps: true,
+    sourceMaps: needSourceMap,
     sourceFileName: id,
     babelrc: false,
     configFile: false,

package/dist/{chunk-ELIW3YO2.js → chunk-T3F6TYMY.js}

@@ -1,20 +1,55 @@
 import {
   transformVueJsxVapor
-} from "./chunk-XO54BK2I.js";
+} from "./chunk-SAJ6WS2A.js";
 
 // src/raw.ts
-import Macros from "@vue-jsx-vapor/macros/raw";
-import { createFilter, normalizePath } from "unplugin-utils";
+import macros from "@vue-jsx-vapor/macros/raw";
+import { transformJsxDirective } from "@vue-macros/jsx-directive/api";
+import { createFilter, normalizePath as normalizePath2 } from "unplugin-utils";
 
 // src/core/hmr.ts
 import { isFunctionalNode } from "@vue-jsx-vapor/macros/api";
 import getHash from "hash-sum";
-function registerHMR(result, id, defineComponentNames = ["defineComponent", "defineVaporComponent"]) {
+
+// src/core/ssr.ts
+import { relative } from "pathe";
+import { normalizePath } from "unplugin-utils";
+var ssrRegisterHelperId = "/__vue-jsx-ssr-register-helper";
+var ssrRegisterHelperCode = `import { useSSRContext } from "vue"
+export const ssrRegisterHelper = ${ssrRegisterHelper.toString()}`;
+function ssrRegisterHelper(comp, filename) {
+  const setup = comp.setup;
+  comp.setup = (props, ctx) => {
+    const ssrContext = useSSRContext();
+    (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);
+    if (setup) {
+      return setup(props, ctx);
+    }
+  };
+}
+function injectSSR(id, hotComponents, root = "") {
+  const normalizedId = normalizePath(relative(root, id));
+  let ssrInjectCode = `
+import { ssrRegisterHelper } from "${ssrRegisterHelperId}"
+const __moduleId = ${JSON.stringify(normalizedId)}`;
+  for (const { local } of hotComponents) {
+    ssrInjectCode += `
+ssrRegisterHelper(${local}, __moduleId)`;
+  }
+  return ssrInjectCode;
+}
+
+// src/core/hmr.ts
+function injectHMRAndSSR(result, id, options) {
+  const ssr = options?.ssr;
+  const defineComponentNames = options?.defineComponentNames ?? [
+    "defineComponent",
+    "defineVaporComponent"
+  ];
   const { ast } = result;
   const declaredComponents = [];
   const hotComponents = [];
   let hasDefaultExport = false;
-  const ssr = false;
   for (const node of ast.program.body) {
     if (node.type === "VariableDeclaration") {
       const names = parseComponentDecls(node, defineComponentNames);
@@ -96,6 +131,9 @@ if (import.meta.hot) {
 }`;
       result.code = code;
     }
+    if (ssr) {
+      result.code += injectSSR(id, hotComponents, options?.root);
+    }
   }
 }
 function parseComponentDecls(node, fnNames) {
@@ -113,13 +151,39 @@ function isDefineComponentCall(node, names) {
 // src/core/runtime.ts?raw
 var runtime_default = 'import {\n  effectScope,\n  insert,\n  isFragment,\n  remove,\n  renderEffect,\n  VaporFragment\n} from "vue";\nexport { shallowRef as useRef } from "vue";\nfunction createFragment(nodes, anchor = document.createTextNode("")) {\n  const frag = new VaporFragment(nodes);\n  frag.anchor = anchor;\n  return frag;\n}\nfunction normalizeValue(value, anchor) {\n  if (value instanceof Node || isFragment(value)) {\n    anchor && (anchor.textContent = "");\n    return value;\n  } else if (Array.isArray(value)) {\n    anchor && (anchor.textContent = "");\n    return createFragment(\n      value.map((i) => normalizeValue(i)),\n      anchor\n    );\n  } else {\n    const result = value == null || typeof value === "boolean" ? "" : String(value);\n    if (anchor) {\n      anchor.textContent = result;\n      return anchor;\n    } else {\n      return document.createTextNode(result);\n    }\n  }\n}\nfunction resolveValue(current, value, anchor) {\n  const node = normalizeValue(value, anchor);\n  if (current) {\n    if (isFragment(current)) {\n      const { anchor: anchor2 } = current;\n      if (anchor2 && anchor2.parentNode) {\n        remove(current.nodes, anchor2.parentNode);\n        insert(node, anchor2.parentNode, anchor2);\n        anchor2.remove();\n      }\n    } else if (current instanceof Node) {\n      if (isFragment(node) && current.parentNode) {\n        insert(node, current.parentNode, current);\n        current.remove();\n      } else if (node instanceof Node) {\n        if (current.nodeType === 3 && node.nodeType === 3) {\n          current.textContent = node.textContent;\n          return current;\n        } else if (current.parentNode) {\n          current.parentNode.replaceChild(node, current);\n        }\n      }\n    }\n  }\n  return node;\n}\nfunction resolveValues(values = [], _anchor) {\n  const nodes = [];\n  const scopes = [];\n  for (const [index, value] of values.entries()) {\n    const anchor = index === values.length - 1 ? _anchor : void 0;\n    if (typeof value === "function") {\n      renderEffect(() => {\n        if (scopes[index]) scopes[index].stop();\n        scopes[index] = effectScope();\n        nodes[index] = scopes[index].run(\n          () => resolveValue(nodes[index], value(), anchor)\n        );\n      });\n    } else {\n      nodes[index] = resolveValue(nodes[index], value, anchor);\n    }\n  }\n  return nodes;\n}\nexport function setNodes(anchor, ...values) {\n  const resolvedValues = resolveValues(values, anchor);\n  anchor.parentNode && insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n  return resolveValues(values);\n}\n';
 
+// src/core/vue-jsx.ts
+import { transformSync } from "@babel/core";
+import babelTypescript from "@babel/plugin-transform-typescript";
+import jsx from "@vue/babel-plugin-jsx";
+function transformVueJsx(code, id, needSourceMap = false) {
+  const result = transformSync(code, {
+    plugins: [
+      jsx,
+      ...id.endsWith(".tsx") ? [[babelTypescript, { isTSX: true, allowExtensions: true }]] : []
+    ],
+    filename: id,
+    sourceMaps: needSourceMap,
+    sourceFileName: id,
+    babelrc: false,
+    configFile: false
+  });
+  if (result?.code) {
+    return {
+      code: result.code,
+      map: result.map
+    };
+  }
+}
+
 // src/raw.ts
 var plugin = (options = {}) => {
   const transformInclude = createFilter(
-    options?.include || /\.[cm]?[jt]sx?$/,
-    options?.exclude
+    options?.include || /\.[cm]?[jt]sx$/,
+    options?.exclude || /node_modules/
   );
+  let root = "";
   let needHMR = false;
+  let needSourceMap = false;
   return [
     {
       name: "vue-jsx-vapor",
@@ -139,23 +203,29 @@ var plugin = (options = {}) => {
           };
         },
         configResolved(config) {
+          root = config.root;
           needHMR = config.command === "serve";
+          needSourceMap = config.command === "serve" || !!config.build.sourcemap;
         }
       },
       resolveId(id) {
-        if (normalizePath(id) === "vue-jsx-vapor/runtime") return id;
+        if (id === ssrRegisterHelperId) return id;
+        if (normalizePath2(id) === "vue-jsx-vapor/runtime") return id;
       },
       loadInclude(id) {
-        return normalizePath(id) === "vue-jsx-vapor/runtime";
+        if (id === ssrRegisterHelperId) return true;
+        return normalizePath2(id) === "vue-jsx-vapor/runtime";
       },
       load(id) {
-        if (normalizePath(id) === "vue-jsx-vapor/runtime") return runtime_default;
+        if (id === ssrRegisterHelperId) return ssrRegisterHelperCode;
+        if (normalizePath2(id) === "vue-jsx-vapor/runtime") return runtime_default;
       },
       transformInclude,
-      transform(code, id) {
-        const result = transformVueJsxVapor(code, id, options);
+      transform(code, id, opt) {
+        const result = transformVueJsxVapor(code, id, options, needSourceMap);
         if (result?.code) {
-          needHMR && registerHMR(result, id);
+          ;
+          (needHMR || opt?.ssr) && injectHMRAndSSR(result, id, { ssr: opt?.ssr, root });
           return {
             code: result.code,
             map: result.map
@@ -163,7 +233,29 @@ var plugin = (options = {}) => {
         }
       }
     },
-    ...options.macros === false ? [] : options.macros ? [Macros(options.macros === true ? void 0 : options.macros)] : []
+    {
+      name: "@vue-macros/jsx-directive",
+      transformInclude,
+      transform(code, id, opt) {
+        if (options.interop || opt?.ssr) {
+          return transformJsxDirective(code, id, {
+            lib: "vue",
+            prefix: "v-",
+            version: 3.6
+          });
+        }
+      }
+    },
+    {
+      name: "@vitejs/plugin-vue-jsx",
+      transformInclude,
+      transform(code, id, opt) {
+        if (options.interop || opt?.ssr) {
+          return transformVueJsx(code, id, needSourceMap);
+        }
+      }
+    },
+    ...options.macros === false ? [] : options.macros ? [macros(options.macros === true ? void 0 : options.macros)] : []
   ];
 };
 var raw_default = plugin;

package/dist/{chunk-SM4PMROG.cjs → chunk-VSS2IZIS.cjs}

@@ -1,20 +1,55 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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; }
 
-var _chunkVT3G3M3Gcjs = require('./chunk-VT3G3M3G.cjs');
+var _chunkGY6DSRCVcjs = require('./chunk-GY6DSRCV.cjs');
 
 // src/raw.ts
 var _raw = require('@vue-jsx-vapor/macros/raw'); var _raw2 = _interopRequireDefault(_raw);
+var _api = require('@vue-macros/jsx-directive/api');
 var _unpluginutils = require('unplugin-utils');
 
 // src/core/hmr.ts
-var _api = require('@vue-jsx-vapor/macros/api');
+var _api3 = require('@vue-jsx-vapor/macros/api');
 var _hashsum = require('hash-sum'); var _hashsum2 = _interopRequireDefault(_hashsum);
-function registerHMR(result, id, defineComponentNames = ["defineComponent", "defineVaporComponent"]) {
+
+// src/core/ssr.ts
+var _pathe = require('pathe');
+
+var ssrRegisterHelperId = "/__vue-jsx-ssr-register-helper";
+var ssrRegisterHelperCode = `import { useSSRContext } from "vue"
+export const ssrRegisterHelper = ${ssrRegisterHelper.toString()}`;
+function ssrRegisterHelper(comp, filename) {
+  const setup = comp.setup;
+  comp.setup = (props, ctx) => {
+    const ssrContext = useSSRContext();
+    (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add(filename);
+    if (setup) {
+      return setup(props, ctx);
+    }
+  };
+}
+function injectSSR(id, hotComponents, root = "") {
+  const normalizedId = _unpluginutils.normalizePath.call(void 0, _pathe.relative.call(void 0, root, id));
+  let ssrInjectCode = `
+import { ssrRegisterHelper } from "${ssrRegisterHelperId}"
+const __moduleId = ${JSON.stringify(normalizedId)}`;
+  for (const { local } of hotComponents) {
+    ssrInjectCode += `
+ssrRegisterHelper(${local}, __moduleId)`;
+  }
+  return ssrInjectCode;
+}
+
+// src/core/hmr.ts
+function injectHMRAndSSR(result, id, options) {
+  const ssr = _optionalChain([options, 'optionalAccess', _ => _.ssr]);
+  const defineComponentNames = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _2 => _2.defineComponentNames]), () => ( [
+    "defineComponent",
+    "defineVaporComponent"
+  ]));
   const { ast } = result;
   const declaredComponents = [];
   const hotComponents = [];
   let hasDefaultExport = false;
-  const ssr = false;
   for (const node of ast.program.body) {
     if (node.type === "VariableDeclaration") {
       const names = parseComponentDecls(node, defineComponentNames);
@@ -61,7 +96,7 @@ function registerHMR(result, id, defineComponentNames = ["defineComponent", "def
             id: _hashsum2.default.call(void 0, `${id}default`)
           });
         }
-      } else if (isDefineComponentCall(node.declaration, defineComponentNames) || _api.isFunctionalNode.call(void 0, node.declaration)) {
+      } else if (isDefineComponentCall(node.declaration, defineComponentNames) || _api3.isFunctionalNode.call(void 0, node.declaration)) {
         hasDefaultExport = true;
         hotComponents.push({
           local: "__default__",
@@ -96,12 +131,15 @@ if (import.meta.hot) {
 }`;
       result.code = code;
     }
+    if (ssr) {
+      result.code += injectSSR(id, hotComponents, _optionalChain([options, 'optionalAccess', _3 => _3.root]));
+    }
   }
 }
 function parseComponentDecls(node, fnNames) {
   const names = [];
   for (const decl of node.declarations) {
-    if (decl.id.type === "Identifier" && (isDefineComponentCall(decl.init, fnNames) || _api.isFunctionalNode.call(void 0, decl.init)))
+    if (decl.id.type === "Identifier" && (isDefineComponentCall(decl.init, fnNames) || _api3.isFunctionalNode.call(void 0, decl.init)))
       names.push(decl.id.name);
   }
   return names;
@@ -113,13 +151,39 @@ function isDefineComponentCall(node, names) {
 // src/core/runtime.ts?raw
 var runtime_default = 'import {\n  effectScope,\n  insert,\n  isFragment,\n  remove,\n  renderEffect,\n  VaporFragment\n} from "vue";\nexport { shallowRef as useRef } from "vue";\nfunction createFragment(nodes, anchor = document.createTextNode("")) {\n  const frag = new VaporFragment(nodes);\n  frag.anchor = anchor;\n  return frag;\n}\nfunction normalizeValue(value, anchor) {\n  if (value instanceof Node || isFragment(value)) {\n    anchor && (anchor.textContent = "");\n    return value;\n  } else if (Array.isArray(value)) {\n    anchor && (anchor.textContent = "");\n    return createFragment(\n      value.map((i) => normalizeValue(i)),\n      anchor\n    );\n  } else {\n    const result = value == null || typeof value === "boolean" ? "" : String(value);\n    if (anchor) {\n      anchor.textContent = result;\n      return anchor;\n    } else {\n      return document.createTextNode(result);\n    }\n  }\n}\nfunction resolveValue(current, value, anchor) {\n  const node = normalizeValue(value, anchor);\n  if (current) {\n    if (isFragment(current)) {\n      const { anchor: anchor2 } = current;\n      if (anchor2 && anchor2.parentNode) {\n        remove(current.nodes, anchor2.parentNode);\n        insert(node, anchor2.parentNode, anchor2);\n        anchor2.remove();\n      }\n    } else if (current instanceof Node) {\n      if (isFragment(node) && current.parentNode) {\n        insert(node, current.parentNode, current);\n        current.remove();\n      } else if (node instanceof Node) {\n        if (current.nodeType === 3 && node.nodeType === 3) {\n          current.textContent = node.textContent;\n          return current;\n        } else if (current.parentNode) {\n          current.parentNode.replaceChild(node, current);\n        }\n      }\n    }\n  }\n  return node;\n}\nfunction resolveValues(values = [], _anchor) {\n  const nodes = [];\n  const scopes = [];\n  for (const [index, value] of values.entries()) {\n    const anchor = index === values.length - 1 ? _anchor : void 0;\n    if (typeof value === "function") {\n      renderEffect(() => {\n        if (scopes[index]) scopes[index].stop();\n        scopes[index] = effectScope();\n        nodes[index] = scopes[index].run(\n          () => resolveValue(nodes[index], value(), anchor)\n        );\n      });\n    } else {\n      nodes[index] = resolveValue(nodes[index], value, anchor);\n    }\n  }\n  return nodes;\n}\nexport function setNodes(anchor, ...values) {\n  const resolvedValues = resolveValues(values, anchor);\n  anchor.parentNode && insert(resolvedValues, anchor.parentNode, anchor);\n}\nexport function createNodes(...values) {\n  return resolveValues(values);\n}\n';
 
+// src/core/vue-jsx.ts
+var _core = require('@babel/core');
+var _plugintransformtypescript = require('@babel/plugin-transform-typescript'); var _plugintransformtypescript2 = _interopRequireDefault(_plugintransformtypescript);
+var _babelpluginjsx = require('@vue/babel-plugin-jsx'); var _babelpluginjsx2 = _interopRequireDefault(_babelpluginjsx);
+function transformVueJsx(code, id, needSourceMap = false) {
+  const result = _core.transformSync.call(void 0, code, {
+    plugins: [
+      _babelpluginjsx2.default,
+      ...id.endsWith(".tsx") ? [[_plugintransformtypescript2.default, { isTSX: true, allowExtensions: true }]] : []
+    ],
+    filename: id,
+    sourceMaps: needSourceMap,
+    sourceFileName: id,
+    babelrc: false,
+    configFile: false
+  });
+  if (_optionalChain([result, 'optionalAccess', _4 => _4.code])) {
+    return {
+      code: result.code,
+      map: result.map
+    };
+  }
+}
+
 // src/raw.ts
 var plugin = (options = {}) => {
   const transformInclude = _unpluginutils.createFilter.call(void 0, 
-    _optionalChain([options, 'optionalAccess', _ => _.include]) || /\.[cm]?[jt]sx?$/,
-    _optionalChain([options, 'optionalAccess', _2 => _2.exclude])
+    _optionalChain([options, 'optionalAccess', _5 => _5.include]) || /\.[cm]?[jt]sx$/,
+    _optionalChain([options, 'optionalAccess', _6 => _6.exclude]) || /node_modules/
   );
+  let root = "";
   let needHMR = false;
+  let needSourceMap = false;
   return [
     {
       name: "vue-jsx-vapor",
@@ -132,30 +196,36 @@ var plugin = (options = {}) => {
               include: /\.ts$/
             },
             define: {
-              __VUE_OPTIONS_API__: _nullishCoalesce(_optionalChain([config, 'access', _3 => _3.define, 'optionalAccess', _4 => _4.__VUE_OPTIONS_API__]), () => ( true)),
-              __VUE_PROD_DEVTOOLS__: _nullishCoalesce(_optionalChain([config, 'access', _5 => _5.define, 'optionalAccess', _6 => _6.__VUE_PROD_DEVTOOLS__]), () => ( false)),
-              __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: _nullishCoalesce(_optionalChain([config, 'access', _7 => _7.define, 'optionalAccess', _8 => _8.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__]), () => ( false))
+              __VUE_OPTIONS_API__: _nullishCoalesce(_optionalChain([config, 'access', _7 => _7.define, 'optionalAccess', _8 => _8.__VUE_OPTIONS_API__]), () => ( true)),
+              __VUE_PROD_DEVTOOLS__: _nullishCoalesce(_optionalChain([config, 'access', _9 => _9.define, 'optionalAccess', _10 => _10.__VUE_PROD_DEVTOOLS__]), () => ( false)),
+              __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: _nullishCoalesce(_optionalChain([config, 'access', _11 => _11.define, 'optionalAccess', _12 => _12.__VUE_PROD_HYDRATION_MISMATCH_DETAILS__]), () => ( false))
             }
           };
         },
         configResolved(config) {
+          root = config.root;
           needHMR = config.command === "serve";
+          needSourceMap = config.command === "serve" || !!config.build.sourcemap;
         }
       },
       resolveId(id) {
+        if (id === ssrRegisterHelperId) return id;
         if (_unpluginutils.normalizePath.call(void 0, id) === "vue-jsx-vapor/runtime") return id;
       },
       loadInclude(id) {
+        if (id === ssrRegisterHelperId) return true;
         return _unpluginutils.normalizePath.call(void 0, id) === "vue-jsx-vapor/runtime";
       },
       load(id) {
+        if (id === ssrRegisterHelperId) return ssrRegisterHelperCode;
         if (_unpluginutils.normalizePath.call(void 0, id) === "vue-jsx-vapor/runtime") return runtime_default;
       },
       transformInclude,
-      transform(code, id) {
-        const result = _chunkVT3G3M3Gcjs.transformVueJsxVapor.call(void 0, code, id, options);
-        if (_optionalChain([result, 'optionalAccess', _9 => _9.code])) {
-          needHMR && registerHMR(result, id);
+      transform(code, id, opt) {
+        const result = _chunkGY6DSRCVcjs.transformVueJsxVapor.call(void 0, code, id, options, needSourceMap);
+        if (_optionalChain([result, 'optionalAccess', _13 => _13.code])) {
+          ;
+          (needHMR || _optionalChain([opt, 'optionalAccess', _14 => _14.ssr])) && injectHMRAndSSR(result, id, { ssr: _optionalChain([opt, 'optionalAccess', _15 => _15.ssr]), root });
           return {
             code: result.code,
             map: result.map
@@ -163,6 +233,28 @@ var plugin = (options = {}) => {
         }
       }
     },
+    {
+      name: "@vue-macros/jsx-directive",
+      transformInclude,
+      transform(code, id, opt) {
+        if (options.interop || _optionalChain([opt, 'optionalAccess', _16 => _16.ssr])) {
+          return _api.transformJsxDirective.call(void 0, code, id, {
+            lib: "vue",
+            prefix: "v-",
+            version: 3.6
+          });
+        }
+      }
+    },
+    {
+      name: "@vitejs/plugin-vue-jsx",
+      transformInclude,
+      transform(code, id, opt) {
+        if (options.interop || _optionalChain([opt, 'optionalAccess', _17 => _17.ssr])) {
+          return transformVueJsx(code, id, needSourceMap);
+        }
+      }
+    },
     ...options.macros === false ? [] : options.macros ? [_raw2.default.call(void 0, options.macros === true ? void 0 : options.macros)] : []
   ];
 };

package/dist/esbuild.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMVHM4ZACcjs = require('./chunk-MVHM4ZAC.cjs');
+var _chunkF7CI4ATHcjs = require('./chunk-F7CI4ATH.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-SM4PMROG.cjs');
-require('./chunk-VT3G3M3G.cjs');
+require('./chunk-VSS2IZIS.cjs');
+require('./chunk-GY6DSRCV.cjs');
 
 // src/esbuild.ts
-var esbuild_default = _chunkMVHM4ZACcjs.unplugin_default.esbuild;
+var esbuild_default = _chunkF7CI4ATHcjs.unplugin_default.esbuild;
 
 
 exports.default = esbuild_default;

package/dist/esbuild.js

@@ -1,9 +1,9 @@
 import {
   unplugin_default
-} from "./chunk-4OJ67SAP.js";
+} from "./chunk-G2KD2VHX.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-ELIW3YO2.js";
-import "./chunk-XO54BK2I.js";
+import "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 
 // src/esbuild.ts
 var esbuild_default = unplugin_default.esbuild;

package/dist/nuxt.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk47ZAMM2Gcjs = require('./chunk-47ZAMM2G.cjs');
+var _chunkM4VKLZSBcjs = require('./chunk-M4VKLZSB.cjs');
 
 
-var _chunkSU6A6M56cjs = require('./chunk-SU6A6M56.cjs');
-require('./chunk-MVHM4ZAC.cjs');
+var _chunkQBIU4H54cjs = require('./chunk-QBIU4H54.cjs');
+require('./chunk-F7CI4ATH.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-SM4PMROG.cjs');
-require('./chunk-VT3G3M3G.cjs');
+require('./chunk-VSS2IZIS.cjs');
+require('./chunk-GY6DSRCV.cjs');
 
 // src/nuxt.ts
 var _kit = require('@nuxt/kit');
@@ -18,8 +18,8 @@ var nuxt_default = _kit.defineNuxtModule.call(void 0, {
     configKey: "unpluginStarter"
   },
   setup(options) {
-    _kit.addVitePlugin.call(void 0, () => _chunk47ZAMM2Gcjs.vite_default.call(void 0, options));
-    _kit.addWebpackPlugin.call(void 0, () => _chunkSU6A6M56cjs.webpack_default.call(void 0, options));
+    _kit.addVitePlugin.call(void 0, () => _chunkM4VKLZSBcjs.vite_default.call(void 0, options));
+    _kit.addWebpackPlugin.call(void 0, () => _chunkQBIU4H54cjs.webpack_default.call(void 0, options));
   }
 });
 

package/dist/nuxt.js

@@ -1,13 +1,13 @@
 import {
   vite_default
-} from "./chunk-2XE3EMLY.js";
+} from "./chunk-HNBQ42EP.js";
 import {
   webpack_default
-} from "./chunk-BBQNTCR7.js";
-import "./chunk-4OJ67SAP.js";
+} from "./chunk-4HP6QVER.js";
+import "./chunk-G2KD2VHX.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-ELIW3YO2.js";
-import "./chunk-XO54BK2I.js";
+import "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 
 // src/nuxt.ts
 import { addVitePlugin, addWebpackPlugin, defineNuxtModule } from "@nuxt/kit";

package/dist/raw.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSM4PMROGcjs = require('./chunk-SM4PMROG.cjs');
-require('./chunk-VT3G3M3G.cjs');
+var _chunkVSS2IZIScjs = require('./chunk-VSS2IZIS.cjs');
+require('./chunk-GY6DSRCV.cjs');
 
 
-exports.default = _chunkSM4PMROGcjs.raw_default;
+exports.default = _chunkVSS2IZIScjs.raw_default;
 
 module.exports = exports.default;

package/dist/raw.js

@@ -1,7 +1,7 @@
 import {
   raw_default
-} from "./chunk-ELIW3YO2.js";
-import "./chunk-XO54BK2I.js";
+} from "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 export {
   raw_default as default
 };

package/dist/rolldown.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMVHM4ZACcjs = require('./chunk-MVHM4ZAC.cjs');
+var _chunkF7CI4ATHcjs = require('./chunk-F7CI4ATH.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-SM4PMROG.cjs');
-require('./chunk-VT3G3M3G.cjs');
+require('./chunk-VSS2IZIS.cjs');
+require('./chunk-GY6DSRCV.cjs');
 
 // src/rolldown.ts
 var _unplugin = require('unplugin');
-var rolldown_default = _unplugin.createRollupPlugin.call(void 0, _chunkMVHM4ZACcjs.unpluginFactory);
+var rolldown_default = _unplugin.createRollupPlugin.call(void 0, _chunkF7CI4ATHcjs.unpluginFactory);
 
 
 exports.default = rolldown_default;

package/dist/rolldown.d.cts

@@ -4,6 +4,6 @@ import '@vue-jsx-vapor/compiler';
 import '@vue-jsx-vapor/macros';
 import 'unplugin-utils';
 
-declare const _default: (options?: Options | undefined) => rollup.Plugin<any>[];
+declare const _default: (options?: Options | undefined) => rollup.Plugin<any> | rollup.Plugin<any>[];
 
 export = _default;

package/dist/rolldown.d.ts

@@ -4,6 +4,6 @@ import '@vue-jsx-vapor/compiler';
 import '@vue-jsx-vapor/macros';
 import 'unplugin-utils';
 
-declare const _default: (options?: Options | undefined) => rollup.Plugin<any>[];
+declare const _default: (options?: Options | undefined) => rollup.Plugin<any> | rollup.Plugin<any>[];
 
 export { _default as default };

package/dist/rolldown.js

@@ -1,9 +1,9 @@
 import {
   unpluginFactory
-} from "./chunk-4OJ67SAP.js";
+} from "./chunk-G2KD2VHX.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-ELIW3YO2.js";
-import "./chunk-XO54BK2I.js";
+import "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 
 // src/rolldown.ts
 import { createRollupPlugin } from "unplugin";

package/dist/rollup.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMVHM4ZACcjs = require('./chunk-MVHM4ZAC.cjs');
+var _chunkF7CI4ATHcjs = require('./chunk-F7CI4ATH.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-SM4PMROG.cjs');
-require('./chunk-VT3G3M3G.cjs');
+require('./chunk-VSS2IZIS.cjs');
+require('./chunk-GY6DSRCV.cjs');
 
 // src/rollup.ts
-var rollup_default = _chunkMVHM4ZACcjs.unplugin_default.rollup;
+var rollup_default = _chunkF7CI4ATHcjs.unplugin_default.rollup;
 
 
 exports.default = rollup_default;

package/dist/rollup.js

@@ -1,9 +1,9 @@
 import {
   unplugin_default
-} from "./chunk-4OJ67SAP.js";
+} from "./chunk-G2KD2VHX.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-ELIW3YO2.js";
-import "./chunk-XO54BK2I.js";
+import "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 
 // src/rollup.ts
 var rollup_default = unplugin_default.rollup;

package/dist/rspack.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMVHM4ZACcjs = require('./chunk-MVHM4ZAC.cjs');
+var _chunkF7CI4ATHcjs = require('./chunk-F7CI4ATH.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-SM4PMROG.cjs');
-require('./chunk-VT3G3M3G.cjs');
+require('./chunk-VSS2IZIS.cjs');
+require('./chunk-GY6DSRCV.cjs');
 
 // src/rspack.ts
-var rspack_default = _chunkMVHM4ZACcjs.unplugin_default.rspack;
+var rspack_default = _chunkF7CI4ATHcjs.unplugin_default.rspack;
 
 
 exports.default = rspack_default;

package/dist/rspack.js

@@ -1,9 +1,9 @@
 import {
   unplugin_default
-} from "./chunk-4OJ67SAP.js";
+} from "./chunk-G2KD2VHX.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-ELIW3YO2.js";
-import "./chunk-XO54BK2I.js";
+import "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 
 // src/rspack.ts
 var rspack_default = unplugin_default.rspack;

package/dist/unplugin.cjs

@@ -2,12 +2,12 @@
 
 
 
-var _chunkMVHM4ZACcjs = require('./chunk-MVHM4ZAC.cjs');
+var _chunkF7CI4ATHcjs = require('./chunk-F7CI4ATH.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-SM4PMROG.cjs');
-require('./chunk-VT3G3M3G.cjs');
+require('./chunk-VSS2IZIS.cjs');
+require('./chunk-GY6DSRCV.cjs');
 
 
 
 
-exports.default = _chunkMVHM4ZACcjs.unplugin_default; exports.unplugin = _chunkMVHM4ZACcjs.unplugin; exports.unpluginFactory = _chunkMVHM4ZACcjs.unpluginFactory;
+exports.default = _chunkF7CI4ATHcjs.unplugin_default; exports.unplugin = _chunkF7CI4ATHcjs.unplugin; exports.unpluginFactory = _chunkF7CI4ATHcjs.unpluginFactory;

package/dist/unplugin.js

@@ -2,10 +2,10 @@ import {
   unplugin,
   unpluginFactory,
   unplugin_default
-} from "./chunk-4OJ67SAP.js";
+} from "./chunk-G2KD2VHX.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-ELIW3YO2.js";
-import "./chunk-XO54BK2I.js";
+import "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 export {
   unplugin_default as default,
   unplugin,

package/dist/vite.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk47ZAMM2Gcjs = require('./chunk-47ZAMM2G.cjs');
-require('./chunk-MVHM4ZAC.cjs');
+var _chunkM4VKLZSBcjs = require('./chunk-M4VKLZSB.cjs');
+require('./chunk-F7CI4ATH.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-SM4PMROG.cjs');
-require('./chunk-VT3G3M3G.cjs');
+require('./chunk-VSS2IZIS.cjs');
+require('./chunk-GY6DSRCV.cjs');
 
 
-exports.default = _chunk47ZAMM2Gcjs.vite_default;
+exports.default = _chunkM4VKLZSBcjs.vite_default;
 
 module.exports = exports.default;

package/dist/vite.js

@@ -1,10 +1,10 @@
 import {
   vite_default
-} from "./chunk-2XE3EMLY.js";
-import "./chunk-4OJ67SAP.js";
+} from "./chunk-HNBQ42EP.js";
+import "./chunk-G2KD2VHX.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-ELIW3YO2.js";
-import "./chunk-XO54BK2I.js";
+import "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 export {
   vite_default as default
 };

package/dist/webpack.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSU6A6M56cjs = require('./chunk-SU6A6M56.cjs');
-require('./chunk-MVHM4ZAC.cjs');
+var _chunkQBIU4H54cjs = require('./chunk-QBIU4H54.cjs');
+require('./chunk-F7CI4ATH.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-SM4PMROG.cjs');
-require('./chunk-VT3G3M3G.cjs');
+require('./chunk-VSS2IZIS.cjs');
+require('./chunk-GY6DSRCV.cjs');
 
 
-exports.default = _chunkSU6A6M56cjs.webpack_default;
+exports.default = _chunkQBIU4H54cjs.webpack_default;
 
 module.exports = exports.default;

package/dist/webpack.js

@@ -1,10 +1,10 @@
 import {
   webpack_default
-} from "./chunk-BBQNTCR7.js";
-import "./chunk-4OJ67SAP.js";
+} from "./chunk-4HP6QVER.js";
+import "./chunk-G2KD2VHX.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-ELIW3YO2.js";
-import "./chunk-XO54BK2I.js";
+import "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 export {
   webpack_default as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-jsx-vapor",
-  "version": "2.1.8",
+  "version": "2.2.0",
   "description": "Convert Vue JSX to Vapor",
   "type": "module",
   "keywords": [
@@ -209,14 +209,17 @@
     "@babel/core": "^7.26.8",
     "@babel/plugin-transform-typescript": "^7.26.8",
     "@types/hash-sum": "^1.0.2",
+    "@vue-macros/jsx-directive": "3.0.0-beta.7",
     "@vue-macros/volar": "^3.0.0-beta.7",
+    "@vue/babel-plugin-jsx": "^1.4.0",
     "hash-sum": "^2.0.0",
+    "pathe": "^2.0.3",
     "ts-macro": "^0.1.25",
-    "unplugin": "^1.16.1",
+    "unplugin": "^2.2.2",
     "unplugin-utils": "^0.2.4",
-    "@vue-jsx-vapor/babel": "2.1.8",
-    "@vue-jsx-vapor/macros": "2.1.8",
-    "@vue-jsx-vapor/compiler": "2.1.8"
+    "@vue-jsx-vapor/compiler": "2.2.0",
+    "@vue-jsx-vapor/babel": "2.2.0",
+    "@vue-jsx-vapor/macros": "2.2.0"
   },
   "devDependencies": {
     "@nuxt/kit": "^3.16.0",