@tresjs/core 5.3.0 → 5.3.1

package/dist/template-compiler-options.d.mts

@@ -1,6 +1,6 @@
 /**
   * name: @tresjs/core
-  * version: v5.3.0
+  * version: v5.3.1
   * (c) 2026
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)

package/dist/template-compiler-options.mjs

@@ -1,6 +1,6 @@
 /**
   * name: @tresjs/core
-  * version: v5.3.0
+  * version: v5.3.1
   * (c) 2026
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)

package/dist/tres.d.ts

@@ -1,11 +1,11 @@
 /**
   * name: @tresjs/core
-  * version: v5.3.0
+  * version: v5.3.1
   * (c) 2026
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
   */
-import * as vue8 from "vue";
+import * as vue9 from "vue";
 import { App, ComputedRef, DefineComponent, MaybeRef, MaybeRefOrGetter, Reactive, Ref, ShallowRef, VNode, VNodeRef } from "vue";
 import * as THREE from "three";
 import { BufferGeometry, Camera, Color, ColorRepresentation, ColorSpace, Event, Fog, Group, Layers, Light, Loader, LoadingManager, Material, Mesh, Object3D, Object3DEventMap, OrthographicCamera, PerspectiveCamera, Scene, ShadowMapType, ToneMapping, Vector3, WebGLRenderer } from "three";
@@ -312,7 +312,7 @@ declare function useRendererManager({
   onReady: _vueuse_core0.EventHookOn<TresRenderer>;
   onRender: _vueuse_core0.EventHookOn<TresRenderer>;
   invalidate: (amountOfFramesToInvalidate?: number) => void;
-  canBeInvalidated: vue8.ComputedRef<boolean>;
+  canBeInvalidated: vue9.ComputedRef<boolean>;
   mode: "always" | "on-demand" | "manual" | undefined;
   replaceRenderFunction: (fn: RenderFunction) => void;
 };
@@ -499,7 +499,7 @@ declare function buildGraph(object: Object3D | TresObject): TresObjectMap;
 //#endregion
 //#region src/composables/useLoader/component.vue.d.ts
 declare const __VLS_export$1: <T extends TresObjectMap>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue8.PublicProps & __VLS_PrettifyLocal<{
+  props: vue9.PublicProps & __VLS_PrettifyLocal<{
     /**
      * The THREE.js loader to use
      */
@@ -522,20 +522,20 @@ declare const __VLS_export$1: <T extends TresObjectMap>(__VLS_props: NonNullable
   attrs: any;
   slots: {
     default?: (props: {
-      state: vue8.UnwrapRef<T>;
+      state: vue9.UnwrapRef<T>;
       isLoading: boolean;
       error: unknown;
     }) => any;
   };
   emit: ((evt: "loaded", result: T) => void) & ((evt: "error", error: unknown) => void);
-}>) => vue8.VNode & {
+}>) => vue9.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default$1: typeof __VLS_export$1;
 type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 //#region src/composables/useGraph/index.d.ts
-declare const useGraph: (object: MaybeRef$1<TresObject | undefined>) => vue8.ComputedRef<TresObjectMap | undefined>;
+declare const useGraph: (object: MaybeRef$1<TresObject | undefined>) => vue9.ComputedRef<TresObjectMap | undefined>;
 //#endregion
 //#region src/utils/createPriorityEventHook.d.ts
 type Callback<T> = Parameters<EventHookOff<T>>[0];
@@ -586,7 +586,7 @@ type LoopContext = RafLoopContext & TresPartialContext;
 declare const useLoop: () => {
   stop: () => void;
   start: () => void;
-  isActive: Readonly<vue8.ShallowRef<boolean>>;
+  isActive: Readonly<vue9.ShallowRef<boolean>>;
   onBeforeRender: PriorityEventHookOn<LoopContext>;
   onRender: PriorityEventHookOn<LoopContext>;
   render: (fn: RenderFunction) => void;
@@ -692,7 +692,7 @@ interface TresCanvasInstance {
 type __VLS_Slots = {
   default: () => any;
 };
-declare const __VLS_base: vue8.DefineComponent<ContextProps, TresCanvasInstance, {}, {}, {}, vue8.ComponentOptionsMixin, vue8.ComponentOptionsMixin, {
+declare const __VLS_base: vue9.DefineComponent<ContextProps, TresCanvasInstance, {}, {}, {}, vue9.ComponentOptionsMixin, vue9.ComponentOptionsMixin, {
   click: (event: TresPointerEvent) => any;
   contextmenu: (event: TresPointerEvent) => any;
   pointermove: (event: TresPointerEvent) => any;
@@ -711,7 +711,7 @@ declare const __VLS_base: vue8.DefineComponent<ContextProps, TresCanvasInstance,
   render: (context: TresContext) => any;
   beforeLoop: (context: TresContextWithClock) => any;
   loop: (context: TresContextWithClock) => any;
-}, string, vue8.PublicProps, Readonly<ContextProps> & Readonly<{
+}, string, vue9.PublicProps, Readonly<ContextProps> & Readonly<{
   onClick?: ((event: TresPointerEvent) => any) | undefined;
   onContextmenu?: ((event: TresPointerEvent) => any) | undefined;
   onPointermove?: ((event: TresPointerEvent) => any) | undefined;
@@ -747,7 +747,7 @@ declare const __VLS_base: vue8.DefineComponent<ContextProps, TresCanvasInstance,
   shadowMapType: THREE.ShadowMapType;
   useLegacyLights: boolean;
   renderMode: "always" | "on-demand" | "manual";
-}, {}, {}, {}, string, vue8.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue9.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/tres.js

@@ -1,11 +1,11 @@
 /**
   * name: @tresjs/core
-  * version: v5.3.0
+  * version: v5.3.1
   * (c) 2026
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
   */
-import { Fragment, camelize, computed, createBlock, createCommentVNode, createElementBlock, createRenderer, defineComponent, getCurrentInstance, h, isRef, mergeProps, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, reactive, readonly, ref, renderSlot, shallowRef, toHandlerKey, toRef, toValue, unref, useSlots, watch, watchEffect, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createRenderer, defineComponent, getCurrentInstance, h, isRef, mergeProps, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, reactive, readonly, ref, renderSlot, shallowRef, toValue, unref, useSlots, watch, watchEffect, withCtx } from "vue";
 import * as THREE from "three";
 import { ACESFilmicToneMapping, ArrowHelper, BackSide, BufferAttribute, BufferGeometry, Clock, Color, DirectionalLightHelper, DoubleSide, Float32BufferAttribute, HemisphereLightHelper, Layers, Line, LineBasicMaterial, Material, MathUtils, Mesh, MeshBasicMaterial, Object3D, PCFSoftShadowMap, PerspectiveCamera, PointLightHelper, Scene, SpotLightHelper, Vector3, WebGLRenderer } from "three";
 import { createEventHook, createInjectionState, promiseTimeout, refDebounced, tryOnScopeDispose, unrefElement, useAsyncState, useDevicePixelRatio, useElementSize, useFps, useMemory, useRafFn, useTimeout, useWindowSize, whenever } from "@vueuse/core";
@@ -14,7 +14,7 @@ import { forwardHtmlEvents, getVoidObject } from "@pmndrs/pointer-events";
 import { setupDevtoolsPlugin } from "@vue/devtools-api";
 
 //#region package.json
-var version = "5.3.0";
+var version = "5.3.1";
 
 //#endregion
 //#region src/utils/makeMap.ts
@@ -2065,78 +2065,6 @@ var Context_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 //#region src/components/Context.vue
 var Context_default = Context_vue_vue_type_script_setup_true_lang_default;
 
-//#endregion
-//#region src/composables/useForwardProps/index.ts
-/**
-* The `useForwardProps` function in TypeScript takes in a set of props and returns a computed value
-* that combines default props with assigned props from the current instance.
-* @param {T} props - The `props` parameter is an object that represents the props passed to a
-* component.
-* @returns computed value that combines the default props, preserved props, and assigned props.
-*/
-const useForwardProps = (props) => {
-	const vm = getCurrentInstance();
-	const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {
-		const defaultValue = (vm?.type.props[curr]).default;
-		if (defaultValue !== void 0) prev[curr] = defaultValue;
-		return prev;
-	}, {});
-	const refProps = toRef(props);
-	return computed(() => {
-		const preservedProps = {};
-		const assignedProps = vm?.vnode.props ?? {};
-		Object.keys(assignedProps).forEach((key) => {
-			preservedProps[camelize(key)] = assignedProps[key];
-		});
-		return Object.keys({
-			...defaultProps,
-			...preservedProps
-		}).reduce((prev, curr) => {
-			if (refProps.value[curr] !== void 0) prev[curr] = refProps.value[curr];
-			return prev;
-		}, {});
-	});
-};
-/**
-* The `useEmitAsProps` function is a TypeScript utility that converts emitted events into props for a
-* Vue component.
-* @param emit - The `emit` parameter is a function that is used to emit events from a component. It
-* takes two parameters: `name` which is the name of the event to be emitted, and `...args` which are
-* the arguments to be passed along with the event.
-* @returns The function `useEmitAsProps` returns an object that maps event names to functions that
-* call the `emit` function with the corresponding event name and arguments.
-*/
-const useEmitAsProps = (emit) => {
-	const vm = getCurrentInstance();
-	const events = vm?.type.emits;
-	const result = {};
-	if (!events?.length) console.warn(`No emitted event found. Please check component: ${vm?.type.__name}`);
-	events?.forEach((ev) => {
-		result[toHandlerKey(camelize(ev))] = (...arg) => emit(ev, ...arg);
-	});
-	return result;
-};
-/**
-* The function `useForwardPropsEmits` takes in props and an optional emit function, and returns a
-* computed object that combines the parsed props and emits as props.
-* @param {T} props - The `props` parameter is of type `T`, which is a generic type that extends the
-* parameters of the `useForwardProps` function. It represents the props object that is passed to the
-* `useForwardProps` function.
-* @param [emit] - The `emit` parameter is a function that can be used to emit events. It takes two
-* arguments: `name`, which is the name of the event to be emitted, and `args`, which are the arguments
-* to be passed along with the event.
-* @returns a computed property that combines the parsed
-* props and emits as props.
-*/
-const useForwardPropsEmits = (props, emit) => {
-	const parsedProps = useForwardProps(props);
-	const emitsAsProps = emit ? useEmitAsProps(emit) : {};
-	return computed(() => ({
-		...parsedProps.value,
-		...emitsAsProps
-	}));
-};
-
 //#endregion
 //#region src/components/TresCanvas.vue?vue&type=script&setup=true&lang.ts
 const _hoisted_1 = ["data-scene", "data-tres"];
@@ -2295,7 +2223,6 @@ var TresCanvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 			},
 			dispose: () => contextRef.value?.dispose()
 		});
-		const forwardedPropsEmits = useForwardPropsEmits(props, emit);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("canvas", {
 				ref_key: "canvasRef",
@@ -2319,7 +2246,26 @@ var TresCanvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				ref_key: "contextRef",
 				ref: contextRef,
 				canvas: canvasRef.value
-			}, unref(forwardedPropsEmits)), {
+			}, props, {
+				onReady: _cache[0] || (_cache[0] = ($event) => emit("ready", $event)),
+				onPointermissed: _cache[1] || (_cache[1] = ($event) => emit("pointermissed", $event)),
+				onRender: _cache[2] || (_cache[2] = ($event) => emit("render", $event)),
+				onBeforeLoop: _cache[3] || (_cache[3] = ($event) => emit("beforeLoop", $event)),
+				onLoop: _cache[4] || (_cache[4] = ($event) => emit("loop", $event)),
+				onClick: _cache[5] || (_cache[5] = ($event) => emit("click", $event)),
+				onContextmenu: _cache[6] || (_cache[6] = ($event) => emit("contextmenu", $event)),
+				onPointermove: _cache[7] || (_cache[7] = ($event) => emit("pointermove", $event)),
+				onPointerenter: _cache[8] || (_cache[8] = ($event) => emit("pointerenter", $event)),
+				onPointerleave: _cache[9] || (_cache[9] = ($event) => emit("pointerleave", $event)),
+				onPointerover: _cache[10] || (_cache[10] = ($event) => emit("pointerover", $event)),
+				onPointerout: _cache[11] || (_cache[11] = ($event) => emit("pointerout", $event)),
+				onDblclick: _cache[12] || (_cache[12] = ($event) => emit("dblclick", $event)),
+				onPointerdown: _cache[13] || (_cache[13] = ($event) => emit("pointerdown", $event)),
+				onPointerup: _cache[14] || (_cache[14] = ($event) => emit("pointerup", $event)),
+				onPointercancel: _cache[15] || (_cache[15] = ($event) => emit("pointercancel", $event)),
+				onLostpointercapture: _cache[16] || (_cache[16] = ($event) => emit("lostpointercapture", $event)),
+				onWheel: _cache[17] || (_cache[17] = ($event) => emit("wheel", $event))
+			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16, ["canvas"])) : createCommentVNode("v-if", true)], 14, _hoisted_1);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/core",
   "type": "module",
-  "version": "5.3.0",
+  "version": "5.3.1",
   "description": "Declarative ThreeJS using Vue Components",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
   "license": "MIT",