vue-jsx-vapor 2.1.7 → 2.2.0

package/dist/api.cjs

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

package/dist/api.d.cts

@@ -1,19 +1,9 @@
+import * as _babel_core from '@babel/core';
 import { Options } from './options.cjs';
 import '@vue-jsx-vapor/compiler';
 import '@vue-jsx-vapor/macros';
 import 'unplugin-utils';
 
-declare function transformVueJsxVapor(code: string, id: string, options?: Options): {
-    code: string;
-    map: {
-        version: number;
-        sources: string[];
-        names: string[];
-        sourceRoot?: string | undefined;
-        sourcesContent?: string[] | undefined;
-        mappings: string;
-        file: string;
-    } | null | undefined;
-} | undefined;
+declare function transformVueJsxVapor(code: string, id: string, options?: Options, needSourceMap?: boolean): _babel_core.BabelFileResult | null;
 
 export { Options, transformVueJsxVapor };

package/dist/api.d.ts

@@ -1,19 +1,9 @@
+import * as _babel_core from '@babel/core';
 import { Options } from './options.js';
 import '@vue-jsx-vapor/compiler';
 import '@vue-jsx-vapor/macros';
 import 'unplugin-utils';
 
-declare function transformVueJsxVapor(code: string, id: string, options?: Options): {
-    code: string;
-    map: {
-        version: number;
-        sources: string[];
-        names: string[];
-        sourceRoot?: string | undefined;
-        sourcesContent?: string[] | undefined;
-        mappings: string;
-        file: string;
-    } | null | undefined;
-} | undefined;
+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-K7YI4ZKB.js";
+} from "./chunk-SAJ6WS2A.js";
 export {
   transformVueJsxVapor
 };

package/dist/astro.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkJOQ6HUZ7cjs = require('./chunk-JOQ6HUZ7.cjs');
+var _chunkF7CI4ATHcjs = require('./chunk-F7CI4ATH.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-CVVA3UFV.cjs');
-require('./chunk-GY27NIU6.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(_chunkJOQ6HUZ7cjs.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-G5FQVEHY.js";
+} from "./chunk-G2KD2VHX.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-MBCYFLIE.js";
-import "./chunk-K7YI4ZKB.js";
+import "./chunk-T3F6TYMY.js";
+import "./chunk-SAJ6WS2A.js";
 
 // src/astro.ts
 var astro_default = (options) => ({

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

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

package/dist/{chunk-JOQ6HUZ7.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 _chunkCVVA3UFVcjs = require('./chunk-CVVA3UFV.cjs');
+var _chunkVSS2IZIScjs = require('./chunk-VSS2IZIS.cjs');
 
 // src/unplugin.ts
 var _unplugin = require('unplugin');
 var _vite = require('vite');
 var unpluginFactory = (options = {}) => {
   return [
-    ..._chunkCVVA3UFVcjs.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-G5FQVEHY.js → chunk-G2KD2VHX.js}

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

package/dist/chunk-GY6DSRCV.cjs

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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/core/index.ts
+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, 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 }]] : []
+    ],
+    filename: id,
+    sourceMaps: needSourceMap,
+    sourceFileName: id,
+    babelrc: false,
+    configFile: false,
+    ast: true
+  });
+}
+
+
+
+exports.transformVueJsxVapor = transformVueJsxVapor;

package/dist/{chunk-WKWVDEIZ.js → chunk-HNBQ42EP.js}

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

package/dist/{chunk-4FRXY2W6.cjs → chunk-M4VKLZSB.cjs}

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

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

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

package/dist/chunk-SAJ6WS2A.js

@@ -0,0 +1,22 @@
+// src/core/index.ts
+import { transformSync } from "@babel/core";
+import babelTypescript from "@babel/plugin-transform-typescript";
+import jsx from "@vue-jsx-vapor/babel";
+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 }]] : []
+    ],
+    filename: id,
+    sourceMaps: needSourceMap,
+    sourceFileName: id,
+    babelrc: false,
+    configFile: false,
+    ast: true
+  });
+}
+
+export {
+  transformVueJsxVapor
+};

package/dist/chunk-T3F6TYMY.js

@@ -0,0 +1,265 @@
+import {
+  transformVueJsxVapor
+} from "./chunk-SAJ6WS2A.js";
+
+// src/raw.ts
+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";
+
+// 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;
+  for (const node of ast.program.body) {
+    if (node.type === "VariableDeclaration") {
+      const names = parseComponentDecls(node, defineComponentNames);
+      if (names.length) {
+        declaredComponents.push(...names);
+      }
+    }
+    if (node.type === "ExportNamedDeclaration") {
+      if (node.declaration && node.declaration.type === "VariableDeclaration") {
+        hotComponents.push(
+          ...parseComponentDecls(node.declaration, defineComponentNames).map(
+            (name) => ({
+              local: name,
+              exported: name,
+              id: getHash(id + name)
+            })
+          )
+        );
+      } else if (node.specifiers.length) {
+        for (const spec of node.specifiers) {
+          if (spec.type === "ExportSpecifier" && spec.exported.type === "Identifier") {
+            const matched = declaredComponents.find(
+              (name) => name === spec.local.name
+            );
+            if (matched) {
+              hotComponents.push({
+                local: spec.local.name,
+                exported: spec.exported.name,
+                id: getHash(id + spec.exported.name)
+              });
+            }
+          }
+        }
+      }
+    }
+    if (node.type === "ExportDefaultDeclaration") {
+      if (node.declaration.type === "Identifier") {
+        const _name = node.declaration.name;
+        const matched = declaredComponents.find((name) => name === _name);
+        if (matched) {
+          hotComponents.push({
+            local: _name,
+            exported: "default",
+            id: getHash(`${id}default`)
+          });
+        }
+      } else if (isDefineComponentCall(node.declaration, defineComponentNames) || isFunctionalNode(node.declaration)) {
+        hasDefaultExport = true;
+        hotComponents.push({
+          local: "__default__",
+          exported: "default",
+          id: getHash(`${id}default`)
+        });
+      }
+    }
+  }
+  if (hotComponents.length) {
+    if (hasDefaultExport || ssr) {
+      result.code = `${result.code.replaceAll(
+        `export default `,
+        `const __default__ = `
+      )}
+export default __default__`;
+    }
+    if (!ssr && !/\?vue&type=script/.test(id)) {
+      let code = result.code;
+      let callbackCode = ``;
+      for (const { local, exported, id: id2 } of hotComponents) {
+        code += `
+${local}.__hmrId = "${id2}"
+__VUE_HMR_RUNTIME__.createRecord("${id2}", ${local})`;
+        callbackCode += `
+      __VUE_HMR_RUNTIME__.rerender(mod['${exported}'].__hmrId, mod['${exported}'].setup || mod['${exported}'])`;
+      }
+      code += `
+if (import.meta.hot) {
+  import.meta.hot.accept((mod) => {${callbackCode}
+})
+}`;
+      result.code = code;
+    }
+    if (ssr) {
+      result.code += injectSSR(id, hotComponents, options?.root);
+    }
+  }
+}
+function parseComponentDecls(node, fnNames) {
+  const names = [];
+  for (const decl of node.declarations) {
+    if (decl.id.type === "Identifier" && (isDefineComponentCall(decl.init, fnNames) || isFunctionalNode(decl.init)))
+      names.push(decl.id.name);
+  }
+  return names;
+}
+function isDefineComponentCall(node, names) {
+  return !!(node && node.type === "CallExpression" && node.callee.type === "Identifier" && names.includes(node.callee.name));
+}
+
+// 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 || /node_modules/
+  );
+  let root = "";
+  let needHMR = false;
+  let needSourceMap = false;
+  return [
+    {
+      name: "vue-jsx-vapor",
+      vite: {
+        config(config) {
+          return {
+            // only apply esbuild to ts files
+            // since we are handling jsx and tsx now
+            esbuild: {
+              include: /\.ts$/
+            },
+            define: {
+              __VUE_OPTIONS_API__: config.define?.__VUE_OPTIONS_API__ ?? true,
+              __VUE_PROD_DEVTOOLS__: config.define?.__VUE_PROD_DEVTOOLS__ ?? false,
+              __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: config.define?.__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 (normalizePath2(id) === "vue-jsx-vapor/runtime") return id;
+      },
+      loadInclude(id) {
+        if (id === ssrRegisterHelperId) return true;
+        return normalizePath2(id) === "vue-jsx-vapor/runtime";
+      },
+      load(id) {
+        if (id === ssrRegisterHelperId) return ssrRegisterHelperCode;
+        if (normalizePath2(id) === "vue-jsx-vapor/runtime") return runtime_default;
+      },
+      transformInclude,
+      transform(code, id, opt) {
+        const result = transformVueJsxVapor(code, id, options, needSourceMap);
+        if (result?.code) {
+          ;
+          (needHMR || opt?.ssr) && injectHMRAndSSR(result, id, { ssr: opt?.ssr, root });
+          return {
+            code: result.code,
+            map: result.map
+          };
+        }
+      }
+    },
+    {
+      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;
+
+export {
+  raw_default
+};