vue-jsx-vapor 2.3.6 → 2.4.0

package/dist/api.cjs

@@ -1,3 +1,3 @@
-const require_core = require('./core-B29W1zp3.cjs');
+const require_core = require('./core-BEqRwfoK.cjs');
 
-exports.transformVueJsxVapor = require_core.transformVueJsxVapor
+exports.transformVueJsxVapor = require_core.transformVueJsxVapor;

package/dist/api.d.cts

@@ -1,8 +1,8 @@
-import { Options } from "./options.d-CA70vgwp.cjs";
-import { BabelFileResult } from "@babel/core";
+import { Options } from "./options-BRfDD5qB.cjs";
+import * as _babel_core19 from "@babel/core";
 
 //#region src/core/index.d.ts
-declare function transformVueJsxVapor(code: string, id: string, options?: Options, needSourceMap?: boolean): BabelFileResult | null;
+declare function transformVueJsxVapor(code: string, id: string, options?: Options, needSourceMap?: boolean): _babel_core19.BabelFileResult | null;
 
 //#endregion
 export { Options, transformVueJsxVapor };

package/dist/api.d.ts

@@ -1,8 +1,8 @@
-import { Options } from "./options.d-BAyccQwr.js";
-import { BabelFileResult } from "@babel/core";
+import { Options } from "./options-CeDGvYqS.js";
+import * as _babel_core21 from "@babel/core";
 
 //#region src/core/index.d.ts
-declare function transformVueJsxVapor(code: string, id: string, options?: Options, needSourceMap?: boolean): BabelFileResult | null;
+declare function transformVueJsxVapor(code: string, id: string, options?: Options, needSourceMap?: boolean): _babel_core21.BabelFileResult | null;
 
 //#endregion
 export { Options, transformVueJsxVapor };

package/dist/astro.cjs

@@ -1,9 +1,8 @@
-"use strict";
 Object.defineProperty(exports, '__esModule', { value: true });
-require('./core-B29W1zp3.cjs');
-require('./raw-CPEhZ9Wr.cjs');
+require('./core-BEqRwfoK.cjs');
+require('./raw-BY1njZIx.cjs');
 require('./options-CulFO0WS.cjs');
-const require_unplugin = require('./unplugin-BE5nHMyo.cjs');
+const require_unplugin = require('./unplugin-JV7CydWf.cjs');
 
 //#region src/astro.ts
 var astro_default = (options) => ({
@@ -15,4 +14,4 @@ var astro_default = (options) => ({
 });
 
 //#endregion
-exports.default = astro_default
+exports.default = astro_default;

package/dist/astro.d.cts

@@ -1,12 +1,10 @@
-import { Options } from "./options.d-CA70vgwp.cjs";
+import { Options } from "./options-BRfDD5qB.cjs";
 
 //#region src/astro.d.ts
 declare const _default: (options: Options) => {
-    name: string;
-    hooks: {
-        'astro:config:setup': (astro: any) => void;
-    };
-};
-
-//#endregion
+  name: string;
+  hooks: {
+    'astro:config:setup': (astro: any) => void;
+  };
+}; //#endregion
 export { _default as default };

package/dist/astro.d.ts

@@ -1,12 +1,10 @@
-import { Options } from "./options.d-BAyccQwr.js";
+import { Options } from "./options-CeDGvYqS.js";
 
 //#region src/astro.d.ts
 declare const _default: (options: Options) => {
-    name: string;
-    hooks: {
-        'astro:config:setup': (astro: any) => void;
-    };
-};
-
-//#endregion
+  name: string;
+  hooks: {
+    'astro:config:setup': (astro: any) => void;
+  };
+}; //#endregion
 export { _default as default };

package/dist/astro.js

@@ -1,7 +1,7 @@
 import "./core-BDE4GLH8.js";
-import "./raw-D5n6wETp.js";
+import "./raw-DecHkpC5.js";
 import "./options-HYvLzmlg.js";
-import { unplugin_default } from "./unplugin-O-j6KrDW.js";
+import { unplugin_default } from "./unplugin-DeYNxSzL.js";
 
 //#region src/astro.ts
 var astro_default = (options) => ({

package/dist/{chunk-BCwAaXi7.cjs → chunk-CUT6urMc.cjs}

@@ -1,4 +1,3 @@
-"use strict";
 //#region rolldown:runtime
 var __create = Object.create;
 var __defProp = Object.defineProperty;

package/dist/{core-B29W1zp3.cjs → core-BEqRwfoK.cjs}

@@ -1,5 +1,4 @@
-"use strict";
-const require_chunk = require('./chunk-BCwAaXi7.cjs');
+const require_chunk = require('./chunk-CUT6urMc.cjs');
 const __babel_core = require_chunk.__toESM(require("@babel/core"));
 const __babel_plugin_transform_typescript = require_chunk.__toESM(require("@babel/plugin-transform-typescript"));
 const __vue_jsx_vapor_babel = require_chunk.__toESM(require("@vue-jsx-vapor/babel"));

package/dist/esbuild.cjs

@@ -1,12 +1,11 @@
-"use strict";
 Object.defineProperty(exports, '__esModule', { value: true });
-require('./core-B29W1zp3.cjs');
-require('./raw-CPEhZ9Wr.cjs');
+require('./core-BEqRwfoK.cjs');
+require('./raw-BY1njZIx.cjs');
 require('./options-CulFO0WS.cjs');
-const require_unplugin = require('./unplugin-BE5nHMyo.cjs');
+const require_unplugin = require('./unplugin-JV7CydWf.cjs');
 
 //#region src/esbuild.ts
 var esbuild_default = require_unplugin.unplugin_default.esbuild;
 
 //#endregion
-exports.default = esbuild_default
+exports.default = esbuild_default;

package/dist/esbuild.d.cts

@@ -1,8 +1,8 @@
-import { Options } from "./options.d-CA70vgwp.cjs";
-import { Plugin } from "esbuild";
+import { Options } from "./options-BRfDD5qB.cjs";
+import * as esbuild8 from "esbuild";
 
 //#region src/esbuild.d.ts
-declare const _default: (options?: Options | undefined) => Plugin;
+declare const _default: (options?: Options | undefined) => esbuild8.Plugin;
 
 //#endregion
 export { _default as default };

package/dist/esbuild.d.ts

@@ -1,8 +1,8 @@
-import { Options } from "./options.d-BAyccQwr.js";
-import { Plugin } from "esbuild";
+import { Options } from "./options-CeDGvYqS.js";
+import * as esbuild1 from "esbuild";
 
 //#region src/esbuild.d.ts
-declare const _default: (options?: Options | undefined) => Plugin;
+declare const _default: (options?: Options | undefined) => esbuild1.Plugin;
 
 //#endregion
 export { _default as default };

package/dist/esbuild.js

@@ -1,7 +1,7 @@
 import "./core-BDE4GLH8.js";
-import "./raw-D5n6wETp.js";
+import "./raw-DecHkpC5.js";
 import "./options-HYvLzmlg.js";
-import { unplugin_default } from "./unplugin-O-j6KrDW.js";
+import { unplugin_default } from "./unplugin-DeYNxSzL.js";
 
 //#region src/esbuild.ts
 var esbuild_default = unplugin_default.esbuild;

package/dist/index.cjs

@@ -1,8 +1,44 @@
-"use strict";
-const require_chunk = require('./chunk-BCwAaXi7.cjs');
+const require_chunk = require('./chunk-CUT6urMc.cjs');
 const vue = require_chunk.__toESM(require("vue"));
 
 //#region src/core/runtime.ts
+function getCurrentInstance() {
+	return vue.currentInstance || vue.getCurrentInstance();
+}
+/**
+* Returns the props of the current component instance.
+*
+* @example
+* ```tsx
+* import { useProps } from 'vue-jsx-vapor'
+*
+* defineComponent(({ foo = '' })=>{
+*   const props = useProps() // { foo: '' }
+* })
+* ```
+*/
+function useProps() {
+	const i = getCurrentInstance();
+	return i.props;
+}
+/**
+* Returns the merged props and attrs of the current component.\
+* Equivalent to `useProps()` + `useAttrs()`.
+*
+* @example
+* ```tsx
+* import { useFullProps } from 'vue-jsx-vapor'
+*
+* defineComponent((props) => {
+*   const fullProps = useFullProps() // = useAttrs() + useProps()
+* })
+*/
+function useFullProps() {
+	return (0, vue.proxyRefs)({
+		...(0, vue.toRefs)(useProps()),
+		...(0, vue.toRefs)((0, vue.useAttrs)())
+	});
+}
 function createFragment(nodes, anchor = document.createTextNode("")) {
 	const frag = new vue.VaporFragment(nodes);
 	frag.anchor = anchor;
@@ -56,9 +92,11 @@ function resolveValues(values = [], _anchor) {
 	for (const [index, value] of values.entries()) {
 		const anchor = index === values.length - 1 ? _anchor : void 0;
 		if (typeof value === "function") (0, vue.renderEffect)(() => {
+			(0, vue.pauseTracking)();
 			if (scopes[index]) scopes[index].stop();
-			scopes[index] = (0, vue.effectScope)();
+			scopes[index] = new vue.EffectScope();
 			nodes[index] = scopes[index].run(() => resolveValue(nodes[index], value(), anchor));
+			(0, vue.resetTracking)();
 		});
 		else nodes[index] = resolveValue(nodes[index], value, anchor);
 	}
@@ -73,8 +111,11 @@ function createNodes(...values) {
 }
 
 //#endregion
-exports.createNodes = createNodes
-exports.setNodes = setNodes
+exports.createNodes = createNodes;
+exports.getCurrentInstance = getCurrentInstance;
+exports.setNodes = setNodes;
+exports.useFullProps = useFullProps;
+exports.useProps = useProps;
 Object.defineProperty(exports, 'useRef', {
   enumerable: true,
   get: function () {

package/dist/index.d.cts

@@ -1,8 +1,40 @@
-import { shallowRef as useRef } from "vue";
+import * as Vue from "vue";
+import { Block, GenericComponentInstance, shallowRef as useRef } from "vue";
 
 //#region src/core/runtime.d.ts
+declare function getCurrentInstance(): GenericComponentInstance | null;
+/**
+ * Returns the props of the current component instance.
+ *
+ * @example
+ * ```tsx
+ * import { useProps } from 'vue-jsx-vapor'
+ *
+ * defineComponent(({ foo = '' })=>{
+ *   const props = useProps() // { foo: '' }
+ * })
+ * ```
+ */
+declare function useProps(): {
+  [x: string]: unknown;
+};
+/**
+ * Returns the merged props and attrs of the current component.\
+ * Equivalent to `useProps()` + `useAttrs()`.
+ *
+ * @example
+ * ```tsx
+ * import { useFullProps } from 'vue-jsx-vapor'
+ *
+ * defineComponent((props) => {
+ *   const fullProps = useFullProps() // = useAttrs() + useProps()
+ * })
+ */
+declare function useFullProps(): Vue.ShallowUnwrapRef<{
+  [x: string]: Vue.Ref<unknown, unknown>;
+}>;
 declare function setNodes(anchor: Element, ...values: any[]): void;
 declare function createNodes(...values: any[]): Block[];
 
 //#endregion
-export { createNodes, setNodes, useRef };
+export { createNodes, getCurrentInstance, setNodes, useFullProps, useProps, useRef };

package/dist/index.d.ts

@@ -1,8 +1,40 @@
-import { shallowRef as useRef } from "vue";
+import * as Vue from "vue";
+import { Block, GenericComponentInstance, shallowRef as useRef } from "vue";
 
 //#region src/core/runtime.d.ts
+declare function getCurrentInstance(): GenericComponentInstance | null;
+/**
+ * Returns the props of the current component instance.
+ *
+ * @example
+ * ```tsx
+ * import { useProps } from 'vue-jsx-vapor'
+ *
+ * defineComponent(({ foo = '' })=>{
+ *   const props = useProps() // { foo: '' }
+ * })
+ * ```
+ */
+declare function useProps(): {
+  [x: string]: unknown;
+};
+/**
+ * Returns the merged props and attrs of the current component.\
+ * Equivalent to `useProps()` + `useAttrs()`.
+ *
+ * @example
+ * ```tsx
+ * import { useFullProps } from 'vue-jsx-vapor'
+ *
+ * defineComponent((props) => {
+ *   const fullProps = useFullProps() // = useAttrs() + useProps()
+ * })
+ */
+declare function useFullProps(): Vue.ShallowUnwrapRef<{
+  [x: string]: Vue.Ref<unknown, unknown>;
+}>;
 declare function setNodes(anchor: Element, ...values: any[]): void;
 declare function createNodes(...values: any[]): Block[];
 
 //#endregion
-export { createNodes, setNodes, useRef };
+export { createNodes, getCurrentInstance, setNodes, useFullProps, useProps, useRef };

package/dist/index.js

@@ -1,6 +1,44 @@
-import { VaporFragment, effectScope, insert, isFragment, isVaporComponent, remove, renderEffect, shallowRef as useRef } from "vue";
+import * as Vue from "vue";
+import { EffectScope, VaporFragment, insert, isFragment, isVaporComponent, pauseTracking, proxyRefs, remove, renderEffect, resetTracking, shallowRef as useRef, toRefs, useAttrs } from "vue";
 
 //#region src/core/runtime.ts
+function getCurrentInstance() {
+	return Vue.currentInstance || Vue.getCurrentInstance();
+}
+/**
+* Returns the props of the current component instance.
+*
+* @example
+* ```tsx
+* import { useProps } from 'vue-jsx-vapor'
+*
+* defineComponent(({ foo = '' })=>{
+*   const props = useProps() // { foo: '' }
+* })
+* ```
+*/
+function useProps() {
+	const i = getCurrentInstance();
+	return i.props;
+}
+/**
+* Returns the merged props and attrs of the current component.\
+* Equivalent to `useProps()` + `useAttrs()`.
+*
+* @example
+* ```tsx
+* import { useFullProps } from 'vue-jsx-vapor'
+*
+* defineComponent((props) => {
+*   const fullProps = useFullProps() // = useAttrs() + useProps()
+* })
+*/
+function useFullProps() {
+	return proxyRefs({
+		...toRefs(useProps()),
+		...toRefs(useAttrs())
+	});
+}
 function createFragment(nodes, anchor = document.createTextNode("")) {
 	const frag = new VaporFragment(nodes);
 	frag.anchor = anchor;
@@ -54,9 +92,11 @@ function resolveValues(values = [], _anchor) {
 	for (const [index, value] of values.entries()) {
 		const anchor = index === values.length - 1 ? _anchor : void 0;
 		if (typeof value === "function") renderEffect(() => {
+			pauseTracking();
 			if (scopes[index]) scopes[index].stop();
-			scopes[index] = effectScope();
+			scopes[index] = new EffectScope();
 			nodes[index] = scopes[index].run(() => resolveValue(nodes[index], value(), anchor));
+			resetTracking();
 		});
 		else nodes[index] = resolveValue(nodes[index], value, anchor);
 	}
@@ -71,4 +111,4 @@ function createNodes(...values) {
 }
 
 //#endregion
-export { createNodes, setNodes, useRef };
+export { createNodes, getCurrentInstance, setNodes, useFullProps, useProps, useRef };

package/dist/jsx-runtime.cjs

@@ -1,5 +1,4 @@
-"use strict";
-const require_chunk = require('./chunk-BCwAaXi7.cjs');
+const require_chunk = require('./chunk-CUT6urMc.cjs');
 const vue = require_chunk.__toESM(require("vue"));
 
 //#region src/jsx-runtime.ts
@@ -11,7 +10,7 @@ function jsx(type, props, key) {
 }
 
 //#endregion
-exports.Fragment = vue.Fragment
-exports.jsx = jsx
-exports.jsxDEV = jsx
-exports.jsxs = jsx
+exports.Fragment = vue.Fragment;
+exports.jsx = jsx;
+exports.jsxDEV = jsx;
+exports.jsxs = jsx;