vue-jsx-vapor 2.0.0 → 2.1.0

package/dist/api.cjs

@@ -1,12 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkVTXOK4UCcjs = require('./chunk-VTXOK4UC.cjs');
 
 
-
-var _chunkCROZ7JEScjs = require('./chunk-CROZ7JES.cjs');
-
-
-
-
-
-exports.helperCode = _chunkCROZ7JEScjs.helperCode; exports.helperId = _chunkCROZ7JEScjs.helperId; exports.helperPrefix = _chunkCROZ7JEScjs.helperPrefix; exports.transformVueJsxVapor = _chunkCROZ7JEScjs.transformVueJsxVapor;
+exports.transformVueJsxVapor = _chunkVTXOK4UCcjs.transformVueJsxVapor;

package/dist/api.d.cts

@@ -3,9 +3,6 @@ import '@vue-jsx-vapor/compiler';
 import '@vue-jsx-vapor/macros';
 import 'unplugin-utils';
 
-declare const helperCode: string;
-declare const helperId: "vue-jsx-vapor/helper.js";
-declare const helperPrefix: "vue-jsx-vapor/helper";
 declare function transformVueJsxVapor(code: string, id: string, options?: Options): {
     code: string;
     map: {
@@ -19,4 +16,4 @@ declare function transformVueJsxVapor(code: string, id: string, options?: Option
     } | null | undefined;
 } | undefined;
 
-export { Options, helperCode, helperId, helperPrefix, transformVueJsxVapor };
+export { Options, transformVueJsxVapor };

package/dist/api.d.ts

@@ -3,9 +3,6 @@ import '@vue-jsx-vapor/compiler';
 import '@vue-jsx-vapor/macros';
 import 'unplugin-utils';
 
-declare const helperCode: string;
-declare const helperId: "vue-jsx-vapor/helper.js";
-declare const helperPrefix: "vue-jsx-vapor/helper";
 declare function transformVueJsxVapor(code: string, id: string, options?: Options): {
     code: string;
     map: {
@@ -19,4 +16,4 @@ declare function transformVueJsxVapor(code: string, id: string, options?: Option
     } | null | undefined;
 } | undefined;
 
-export { Options, helperCode, helperId, helperPrefix, transformVueJsxVapor };
+export { Options, transformVueJsxVapor };

package/dist/api.js

@@ -1,12 +1,6 @@
 import {
-  helperCode,
-  helperId,
-  helperPrefix,
   transformVueJsxVapor
-} from "./chunk-2XDZG77D.js";
+} from "./chunk-RGJB4EQM.js";
 export {
-  helperCode,
-  helperId,
-  helperPrefix,
   transformVueJsxVapor
 };

package/dist/astro.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMGTJQG6Ucjs = require('./chunk-MGTJQG6U.cjs');
+var _chunkH62XZOLWcjs = require('./chunk-H62XZOLW.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-IZRO67YR.cjs');
-require('./chunk-CROZ7JES.cjs');
+require('./chunk-GFRKGJDJ.cjs');
+require('./chunk-VTXOK4UC.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(_chunkMGTJQG6Ucjs.unplugin_default.vite(options));
+      astro.config.vite.plugins.push(_chunkH62XZOLWcjs.unplugin_default.vite(options));
     }
   }
 });

package/dist/astro.js

@@ -1,9 +1,9 @@
 import {
   unplugin_default
-} from "./chunk-BPYHZ47Y.js";
+} from "./chunk-MKQCYQ5T.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-JGG42DZI.js";
-import "./chunk-2XDZG77D.js";
+import "./chunk-6KXDH742.js";
+import "./chunk-RGJB4EQM.js";
 
 // src/astro.ts
 var astro_default = (options) => ({

package/dist/{chunk-YGTVDW3A.js → chunk-2FXC3LQS.js}

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

package/dist/{chunk-JGG42DZI.js → chunk-6KXDH742.js}

@@ -1,13 +1,10 @@
 import {
-  helperCode,
-  helperId,
-  helperPrefix,
   transformVueJsxVapor
-} from "./chunk-2XDZG77D.js";
+} from "./chunk-RGJB4EQM.js";
 
 // src/raw.ts
 import Macros from "@vue-jsx-vapor/macros/raw";
-import { createFilter, normalizePath } from "unplugin-utils";
+import { createFilter } from "unplugin-utils";
 var plugin = (options = {}) => {
   const transformInclude = createFilter(
     options?.include || /\.[cm]?[jt]sx?$/,
@@ -32,15 +29,6 @@ var plugin = (options = {}) => {
           };
         }
       },
-      resolveId(id) {
-        if (normalizePath(id).startsWith(helperPrefix)) return id;
-      },
-      loadInclude(id) {
-        return normalizePath(id).startsWith(helperPrefix);
-      },
-      load(id) {
-        if (normalizePath(id) === helperId) return helperCode;
-      },
       transformInclude,
       transform(code, id) {
         return transformVueJsxVapor(code, id, options);

package/dist/{chunk-I563YEVV.cjs → chunk-BACJ4NJZ.cjs}

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

package/dist/{chunk-44HSQ6SC.js → chunk-BULCI54A.js}

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

package/dist/{chunk-M735SGJG.cjs → chunk-FH74ALLC.cjs}

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

package/dist/{chunk-IZRO67YR.cjs → chunk-GFRKGJDJ.cjs}

@@ -1,9 +1,6 @@
 "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 _chunkCROZ7JEScjs = require('./chunk-CROZ7JES.cjs');
+var _chunkVTXOK4UCcjs = require('./chunk-VTXOK4UC.cjs');
 
 // src/raw.ts
 var _raw = require('@vue-jsx-vapor/macros/raw'); var _raw2 = _interopRequireDefault(_raw);
@@ -32,18 +29,9 @@ var plugin = (options = {}) => {
           };
         }
       },
-      resolveId(id) {
-        if (_unpluginutils.normalizePath.call(void 0, id).startsWith(_chunkCROZ7JEScjs.helperPrefix)) return id;
-      },
-      loadInclude(id) {
-        return _unpluginutils.normalizePath.call(void 0, id).startsWith(_chunkCROZ7JEScjs.helperPrefix);
-      },
-      load(id) {
-        if (_unpluginutils.normalizePath.call(void 0, id) === _chunkCROZ7JEScjs.helperId) return _chunkCROZ7JEScjs.helperCode;
-      },
       transformInclude,
       transform(code, id) {
-        return _chunkCROZ7JEScjs.transformVueJsxVapor.call(void 0, code, id, options);
+        return _chunkVTXOK4UCcjs.transformVueJsxVapor.call(void 0, code, id, options);
       }
     },
     ...options.macros === false ? [] : options.macros ? [_raw2.default.call(void 0, options.macros === true ? void 0 : options.macros)] : []

package/dist/{chunk-MGTJQG6U.cjs → chunk-H62XZOLW.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 _chunkIZRO67YRcjs = require('./chunk-IZRO67YR.cjs');
+var _chunkGFRKGJDJcjs = require('./chunk-GFRKGJDJ.cjs');
 
 // src/unplugin.ts
 var _unplugin = require('unplugin');
 var _vite = require('vite');
 var unpluginFactory = (options = {}) => {
   return [
-    ..._chunkIZRO67YRcjs.raw_default.call(void 0, options),
+    ..._chunkGFRKGJDJcjs.raw_default.call(void 0, options),
     options.interop ? { name: "interop" } : {
       name: "unplugin-esbuild",
       transformInclude: _vite.createFilter.call(void 0, 

package/dist/{chunk-BPYHZ47Y.js → chunk-MKQCYQ5T.js}

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

package/dist/chunk-RGJB4EQM.js

@@ -0,0 +1,26 @@
+// 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) {
+  const result = transformSync(code, {
+    plugins: [
+      [jsx, { compile: options?.compile, interop: options?.interop }],
+      id.endsWith(".tsx") ? [babelTypescript, { isTSX: true, allowExtensions: true }] : null
+    ].filter((i) => i !== null),
+    filename: id,
+    sourceMaps: true,
+    sourceFileName: id,
+    babelrc: false,
+    configFile: false
+  });
+  if (result?.code)
+    return {
+      code: result.code,
+      map: result.map
+    };
+}
+
+export {
+  transformVueJsxVapor
+};

package/dist/chunk-VTXOK4UC.cjs

@@ -0,0 +1,26 @@
+"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) {
+  const result = _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),
+    filename: id,
+    sourceMaps: true,
+    sourceFileName: id,
+    babelrc: false,
+    configFile: false
+  });
+  if (_optionalChain([result, 'optionalAccess', _3 => _3.code]))
+    return {
+      code: result.code,
+      map: result.map
+    };
+}
+
+
+
+exports.transformVueJsxVapor = transformVueJsxVapor;

package/dist/esbuild.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMGTJQG6Ucjs = require('./chunk-MGTJQG6U.cjs');
+var _chunkH62XZOLWcjs = require('./chunk-H62XZOLW.cjs');
 require('./chunk-GODVM7NB.cjs');
-require('./chunk-IZRO67YR.cjs');
-require('./chunk-CROZ7JES.cjs');
+require('./chunk-GFRKGJDJ.cjs');
+require('./chunk-VTXOK4UC.cjs');
 
 // src/esbuild.ts
-var esbuild_default = _chunkMGTJQG6Ucjs.unplugin_default.esbuild;
+var esbuild_default = _chunkH62XZOLWcjs.unplugin_default.esbuild;
 
 
 exports.default = esbuild_default;

package/dist/esbuild.js

@@ -1,9 +1,9 @@
 import {
   unplugin_default
-} from "./chunk-BPYHZ47Y.js";
+} from "./chunk-MKQCYQ5T.js";
 import "./chunk-JNAGPWSX.js";
-import "./chunk-JGG42DZI.js";
-import "./chunk-2XDZG77D.js";
+import "./chunk-6KXDH742.js";
+import "./chunk-RGJB4EQM.js";
 
 // src/esbuild.ts
 var esbuild_default = unplugin_default.esbuild;

package/dist/index.cjs

@@ -1,5 +1,94 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/index.ts
 var _vue = require('vue');
 
+// src/core/runtime.ts
 
-exports.useRef = _vue.shallowRef;
+
+
+
+
+
+
+
+function createFragment(nodes, anchor = document.createTextNode("")) {
+  const frag = new (0, _vue.VaporFragment)(nodes);
+  frag.anchor = anchor;
+  return frag;
+}
+function normalizeValue(value, anchor) {
+  if (value instanceof Node || _vue.isFragment.call(void 0, value)) {
+    anchor && (anchor.textContent = "");
+    return value;
+  } else if (Array.isArray(value)) {
+    anchor && (anchor.textContent = "");
+    return createFragment(
+      value.map((i) => normalizeValue(i)),
+      anchor
+    );
+  } else {
+    const result = value == null || typeof value === "boolean" ? "" : String(value);
+    if (anchor) {
+      anchor.textContent = result;
+      return anchor;
+    } else {
+      return document.createTextNode(result);
+    }
+  }
+}
+function resolveValue(current, value, anchor) {
+  const node = normalizeValue(value, anchor);
+  if (current) {
+    if (_vue.isFragment.call(void 0, current)) {
+      const { anchor: anchor2 } = current;
+      if (anchor2 && anchor2.parentNode) {
+        _vue.remove.call(void 0, current.nodes, anchor2.parentNode);
+        _vue.insert.call(void 0, node, anchor2.parentNode, anchor2);
+        anchor2.remove();
+      }
+    } else if (current instanceof Node) {
+      if (_vue.isFragment.call(void 0, node) && current.parentNode) {
+        _vue.insert.call(void 0, node, current.parentNode, current);
+        current.remove();
+      } else if (node instanceof Node) {
+        if (current.nodeType === 3 && node.nodeType === 3) {
+          current.textContent = node.textContent;
+          return current;
+        } else if (current.parentNode) {
+          current.parentNode.replaceChild(node, current);
+        }
+      }
+    }
+  }
+  return node;
+}
+function resolveValues(values = [], _anchor) {
+  const nodes = [];
+  const scopes = [];
+  for (const [index, value] of values.entries()) {
+    const anchor = index === values.length - 1 ? _anchor : void 0;
+    if (typeof value === "function") {
+      _vue.renderEffect.call(void 0, () => {
+        if (scopes[index]) scopes[index].stop();
+        scopes[index] = _vue.effectScope.call(void 0, );
+        nodes[index] = scopes[index].run(
+          () => resolveValue(nodes[index], value(), anchor)
+        );
+      });
+    } else {
+      nodes[index] = resolveValue(nodes[index], value, anchor);
+    }
+  }
+  return nodes;
+}
+function setNodes(anchor, ...values) {
+  const resolvedValues = resolveValues(values, anchor);
+  anchor.parentNode && _vue.insert.call(void 0, resolvedValues, anchor.parentNode, anchor);
+}
+function createNodes(...values) {
+  return resolveValues(values);
+}
+
+
+
+
+exports.createNodes = createNodes; exports.setNodes = setNodes; exports.useRef = _vue.shallowRef;

package/dist/index.d.cts

@@ -1 +1,7 @@
+import { Block } from 'vue';
 export { shallowRef as useRef } from 'vue';
+
+declare function setNodes(anchor: Element, ...values: any[]): void;
+declare function createNodes(...values: any[]): Block[];
+
+export { createNodes, setNodes };

package/dist/index.d.ts

@@ -1 +1,7 @@
+import { Block } from 'vue';
 export { shallowRef as useRef } from 'vue';
+
+declare function setNodes(anchor: Element, ...values: any[]): void;
+declare function createNodes(...values: any[]): Block[];
+
+export { createNodes, setNodes };

package/dist/index.js

@@ -1,5 +1,94 @@
 // src/index.ts
 import { shallowRef } from "vue";
+
+// src/core/runtime.ts
+import {
+  effectScope,
+  insert,
+  isFragment,
+  remove,
+  renderEffect,
+  VaporFragment
+} from "vue";
+function createFragment(nodes, anchor = document.createTextNode("")) {
+  const frag = new VaporFragment(nodes);
+  frag.anchor = anchor;
+  return frag;
+}
+function normalizeValue(value, anchor) {
+  if (value instanceof Node || isFragment(value)) {
+    anchor && (anchor.textContent = "");
+    return value;
+  } else if (Array.isArray(value)) {
+    anchor && (anchor.textContent = "");
+    return createFragment(
+      value.map((i) => normalizeValue(i)),
+      anchor
+    );
+  } else {
+    const result = value == null || typeof value === "boolean" ? "" : String(value);
+    if (anchor) {
+      anchor.textContent = result;
+      return anchor;
+    } else {
+      return document.createTextNode(result);
+    }
+  }
+}
+function resolveValue(current, value, anchor) {
+  const node = normalizeValue(value, anchor);
+  if (current) {
+    if (isFragment(current)) {
+      const { anchor: anchor2 } = current;
+      if (anchor2 && anchor2.parentNode) {
+        remove(current.nodes, anchor2.parentNode);
+        insert(node, anchor2.parentNode, anchor2);
+        anchor2.remove();
+      }
+    } else if (current instanceof Node) {
+      if (isFragment(node) && current.parentNode) {
+        insert(node, current.parentNode, current);
+        current.remove();
+      } else if (node instanceof Node) {
+        if (current.nodeType === 3 && node.nodeType === 3) {
+          current.textContent = node.textContent;
+          return current;
+        } else if (current.parentNode) {
+          current.parentNode.replaceChild(node, current);
+        }
+      }
+    }
+  }
+  return node;
+}
+function resolveValues(values = [], _anchor) {
+  const nodes = [];
+  const scopes = [];
+  for (const [index, value] of values.entries()) {
+    const anchor = index === values.length - 1 ? _anchor : void 0;
+    if (typeof value === "function") {
+      renderEffect(() => {
+        if (scopes[index]) scopes[index].stop();
+        scopes[index] = effectScope();
+        nodes[index] = scopes[index].run(
+          () => resolveValue(nodes[index], value(), anchor)
+        );
+      });
+    } else {
+      nodes[index] = resolveValue(nodes[index], value, anchor);
+    }
+  }
+  return nodes;
+}
+function setNodes(anchor, ...values) {
+  const resolvedValues = resolveValues(values, anchor);
+  anchor.parentNode && insert(resolvedValues, anchor.parentNode, anchor);
+}
+function createNodes(...values) {
+  return resolveValues(values);
+}
 export {
+  createNodes,
+  setNodes,
   shallowRef as useRef
 };

package/dist/jsx-runtime.cjs

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/jsx-runtime.ts
+var _vue = require('vue');
+function jsx(type, props, key) {
+  const { children } = props;
+  delete props.children;
+  if (arguments.length > 2) {
+    props.key = key;
+  }
+  return _vue.h.call(void 0, type, props, children);
+}
+
+
+
+
+
+exports.Fragment = _vue.Fragment; exports.jsx = jsx; exports.jsxDEV = jsx; exports.jsxs = jsx;