@tresjs/core 5.4.0 → 5.5.0

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

@@ -1,6 +1,6 @@
 /**
   * name: @tresjs/core
-  * version: v5.4.0
+  * version: v5.5.0
   * (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.4.0
+  * version: v5.5.0
   * (c) 2026
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -8,6 +8,7 @@
 //#region src/utils/template-compiler-options.ts
 const whitelist = [
 	"TresCanvas",
+	"TresCanvasContext",
 	"TresLeches",
 	"TresScene"
 ];

package/dist/tres.d.ts

@@ -1,11 +1,11 @@
 /**
   * name: @tresjs/core
-  * version: v5.4.0
+  * version: v5.5.0
   * (c) 2026
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
   */
-import * as vue6 from "vue";
+import * as vue10 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";
@@ -321,11 +321,11 @@ declare function useRendererManager({
   onRender: _vueuse_core0.EventHookOn<TresRenderer>;
   onError: _vueuse_core0.EventHookOn<TresRendererError>;
   invalidate: (amountOfFramesToInvalidate?: number) => void;
-  canBeInvalidated: vue6.ComputedRef<boolean>;
+  canBeInvalidated: vue10.ComputedRef<boolean>;
   mode: "always" | "on-demand" | "manual" | undefined;
   replaceRenderFunction: (fn: RenderFunction) => void;
-  isInitialized: vue6.Ref<boolean, boolean>;
-  error: vue6.Ref<TresRendererError | null, TresRendererError | null>;
+  isInitialized: vue10.Ref<boolean, boolean>;
+  error: vue10.Ref<TresRendererError | null, TresRendererError | null>;
 };
 type UseRendererManagerReturn = ReturnType<typeof useRendererManager>;
 //#endregion
@@ -511,8 +511,8 @@ interface TresObjectMap {
 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: vue6.PublicProps & __VLS_PrettifyLocal<{
+declare const __VLS_export$2: <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: vue10.PublicProps & __VLS_PrettifyLocal<{
     /**
      * The THREE.js loader to use
      */
@@ -535,20 +535,20 @@ declare const __VLS_export$1: <T extends TresObjectMap>(__VLS_props: NonNullable
   attrs: any;
   slots: {
     default?: (props: {
-      state: vue6.UnwrapRef<T>;
+      state: vue10.UnwrapRef<T>;
       isLoading: boolean;
       error: unknown;
     }) => any;
   };
   emit: ((evt: "error", error: unknown) => void) & ((evt: "loaded", result: T) => void);
-}>) => vue6.VNode & {
+}>) => vue10.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare const _default$1: typeof __VLS_export$1;
+declare const _default$2: typeof __VLS_export$2;
 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>) => vue6.ComputedRef<TresObjectMap | undefined>;
+declare const useGraph: (object: MaybeRef$1<TresObject | undefined>) => vue10.ComputedRef<TresObjectMap | undefined>;
 //#endregion
 //#region src/utils/createPriorityEventHook.d.ts
 type Callback<T> = Parameters<EventHookOff<T>>[0];
@@ -599,7 +599,7 @@ type LoopContext = RafLoopContext & TresPartialContext;
 declare const useLoop: () => {
   stop: () => void;
   start: () => void;
-  isActive: Readonly<vue6.ShallowRef<boolean>>;
+  isActive: Readonly<vue10.ShallowRef<boolean>>;
   onBeforeRender: PriorityEventHookOn<LoopContext>;
   onRender: PriorityEventHookOn<LoopContext>;
   render: (fn: RenderFunction) => void;
@@ -695,6 +695,63 @@ type ContextEmits = {
   beforeLoop: [context: TresContextWithClock];
   loop: [context: TresContextWithClock];
 } & { [key in TresPointerEventName]: [event: TresPointerEvent] };
+type __VLS_Props = ContextProps & {
+  canvas: HTMLCanvasElement;
+};
+type __VLS_Slots$1 = {
+  default: () => any;
+};
+declare const __VLS_base$1: vue10.DefineComponent<__VLS_Props, {
+  context: vue10.ShallowRef<TresContext, TresContext>;
+  dispose: () => void;
+}, {}, {}, {}, vue10.ComponentOptionsMixin, vue10.ComponentOptionsMixin, {
+  click: (event: TresPointerEvent) => any;
+  contextmenu: (event: TresPointerEvent) => any;
+  pointermove: (event: TresPointerEvent) => any;
+  pointerenter: (event: TresPointerEvent) => any;
+  pointerleave: (event: TresPointerEvent) => any;
+  pointerover: (event: TresPointerEvent) => any;
+  pointerout: (event: TresPointerEvent) => any;
+  dblclick: (event: TresPointerEvent) => any;
+  pointerdown: (event: TresPointerEvent) => any;
+  pointerup: (event: TresPointerEvent) => any;
+  pointercancel: (event: TresPointerEvent) => any;
+  lostpointercapture: (event: TresPointerEvent) => any;
+  wheel: (event: TresPointerEvent) => any;
+  ready: (context: TresContext) => any;
+  error: (error: Error) => any;
+  pointermissed: (event: TresPointerEvent) => any;
+  render: (context: TresContext) => any;
+  beforeLoop: (context: TresContextWithClock) => any;
+  loop: (context: TresContextWithClock) => any;
+}, string, vue10.PublicProps, Readonly<__VLS_Props> & Readonly<{
+  onClick?: ((event: TresPointerEvent) => any) | undefined;
+  onContextmenu?: ((event: TresPointerEvent) => any) | undefined;
+  onPointermove?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerenter?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerleave?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerover?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerout?: ((event: TresPointerEvent) => any) | undefined;
+  onDblclick?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerdown?: ((event: TresPointerEvent) => any) | undefined;
+  onPointerup?: ((event: TresPointerEvent) => any) | undefined;
+  onPointercancel?: ((event: TresPointerEvent) => any) | undefined;
+  onLostpointercapture?: ((event: TresPointerEvent) => any) | undefined;
+  onWheel?: ((event: TresPointerEvent) => any) | undefined;
+  onReady?: ((context: TresContext) => any) | undefined;
+  onError?: ((error: Error) => any) | undefined;
+  onPointermissed?: ((event: TresPointerEvent) => any) | undefined;
+  onRender?: ((context: TresContext) => any) | undefined;
+  onBeforeLoop?: ((context: TresContextWithClock) => any) | undefined;
+  onLoop?: ((context: TresContextWithClock) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue10.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base$1, __VLS_Slots$1>;
+declare const _default$1: typeof __VLS_export$1;
+type __VLS_WithSlots$1<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
 //#endregion
 //#region src/components/TresCanvas.vue.d.ts
 type TresCanvasEmits = ContextEmits;
@@ -706,7 +763,7 @@ interface TresCanvasInstance {
 type __VLS_Slots = {
   default: () => any;
 };
-declare const __VLS_base: vue6.DefineComponent<ContextProps, TresCanvasInstance, {}, {}, {}, vue6.ComponentOptionsMixin, vue6.ComponentOptionsMixin, {
+declare const __VLS_base: vue10.DefineComponent<ContextProps, TresCanvasInstance, {}, {}, {}, vue10.ComponentOptionsMixin, vue10.ComponentOptionsMixin, {
   click: (event: TresPointerEvent) => any;
   contextmenu: (event: TresPointerEvent) => any;
   pointermove: (event: TresPointerEvent) => any;
@@ -726,7 +783,7 @@ declare const __VLS_base: vue6.DefineComponent<ContextProps, TresCanvasInstance,
   render: (context: TresContext) => any;
   beforeLoop: (context: TresContextWithClock) => any;
   loop: (context: TresContextWithClock) => any;
-}, string, vue6.PublicProps, Readonly<ContextProps> & Readonly<{
+}, string, vue10.PublicProps, Readonly<ContextProps> & Readonly<{
   onClick?: ((event: TresPointerEvent) => any) | undefined;
   onContextmenu?: ((event: TresPointerEvent) => any) | undefined;
   onPointermove?: ((event: TresPointerEvent) => any) | undefined;
@@ -763,7 +820,7 @@ declare const __VLS_base: vue6.DefineComponent<ContextProps, TresCanvasInstance,
   shadowMapType: THREE.ShadowMapType;
   useLegacyLights: boolean;
   renderMode: "always" | "on-demand" | "manual";
-}, {}, {}, {}, string, vue6.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue10.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 & {
@@ -1097,4 +1154,4 @@ interface TresPlugin {
 }
 declare const plugin: TresPlugin;
 //#endregion
-export { Args, AssetLoadData, AttachFnType, AttachType, ConstructorRepresentation, DevtoolsMessage, DevtoolsMessageType, DevtoolsMessenger, DevtoolsSubscriber, DisposeType, ElementProps, InstanceProps, LoaderMethods, LoaderProto, LocalState, LoopContext, MathType, Mutable, NonFunctionKeys, Overwrite, Properties, RenderFunction, RenderMode, RendererOptions, ThreeElement, ThreeInstances, TresCamera, _default as TresCanvas, type TresCanvasEmits, type TresCanvasInstance, type TresCanvasProps, TresCatalogue, TresColor, TresColorArray, TresComponents, type TresContext, TresContextWithClock, TresControl, type TresCustomRendererOptions, TresEuler, TresInstance, TresLayers, TresLoader, TresLoaderOptions, TresMaterial, TresObject, TresObject3D, TresObjectMap, TresOptions, TresPartialContext, TresPlugin, type TresPointerEvent, TresPrimitive, TresQuaternion, TresRenderer, TresRendererError, TresRendererErrorCode, TresRendererSetupContext, TresScene, TresVector2, TresVector3, TresVector4, UseCameraReturn, _default$1 as UseLoader, UseLoaderReturn, UseRendererManagerReturn, UseRendererOptions, VectorCoordinates, type VectorFlexibleParams, VueProps, WithMathProps, buildGraph, catalogue, plugin as default, disposeObject3D as dispose, extend, isBufferGeometry, isCamera, isClassInstance, isColor, isColorRepresentation, isCopyable, isFog, isGroup, isLayers, isLight, isMaterial, isMesh, isObject3D, isOrthographicCamera, isPerspectiveCamera, isProd, isScene, isTresCamera, isTresInstance, isTresObject, isTresPrimitive, isVectorLike, logError, logMessage, logWarning, normalizeColor, normalizeVectorFlexibleParam, registerTresDevtools, templateCompilerOptions, useCameraManager, useGraph, useLoader, useLoop, useRendererManager, useTres, useTresContext, useTresContextProvider, vDistanceTo, vLightHelper, vLog };
+export { Args, AssetLoadData, AttachFnType, AttachType, ConstructorRepresentation, DevtoolsMessage, DevtoolsMessageType, DevtoolsMessenger, DevtoolsSubscriber, DisposeType, ElementProps, InstanceProps, LoaderMethods, LoaderProto, LocalState, LoopContext, MathType, Mutable, NonFunctionKeys, Overwrite, Properties, RenderFunction, RenderMode, RendererOptions, ThreeElement, ThreeInstances, TresCamera, _default as TresCanvas, _default$1 as TresCanvasContext, type TresCanvasEmits, type TresCanvasInstance, type TresCanvasProps, TresCatalogue, TresColor, TresColorArray, TresComponents, type TresContext, TresContextWithClock, TresControl, type TresCustomRendererOptions, TresEuler, TresInstance, TresLayers, TresLoader, TresLoaderOptions, TresMaterial, TresObject, TresObject3D, TresObjectMap, TresOptions, TresPartialContext, TresPlugin, type TresPointerEvent, TresPrimitive, TresQuaternion, TresRenderer, TresRendererError, TresRendererErrorCode, TresRendererSetupContext, TresScene, TresVector2, TresVector3, TresVector4, UseCameraReturn, _default$2 as UseLoader, UseLoaderReturn, UseRendererManagerReturn, UseRendererOptions, VectorCoordinates, type VectorFlexibleParams, VueProps, WithMathProps, buildGraph, catalogue, plugin as default, disposeObject3D as dispose, extend, isBufferGeometry, isCamera, isClassInstance, isColor, isColorRepresentation, isCopyable, isFog, isGroup, isLayers, isLight, isMaterial, isMesh, isObject3D, isOrthographicCamera, isPerspectiveCamera, isProd, isScene, isTresCamera, isTresInstance, isTresObject, isTresPrimitive, isVectorLike, logError, logMessage, logWarning, normalizeColor, normalizeVectorFlexibleParam, registerTresDevtools, templateCompilerOptions, useCameraManager, useGraph, useLoader, useLoop, useRendererManager, useTres, useTresContext, useTresContextProvider, vDistanceTo, vLightHelper, vLog };

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
   * name: @tresjs/core
-  * version: v5.4.0
+  * version: v5.5.0
   * (c) 2026
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -14,7 +14,7 @@ import { forwardHtmlEvents, getVoidObject } from "@pmndrs/pointer-events";
 import { setupDevtoolsPlugin } from "@vue/devtools-api";
 
 //#region package.json
-var version = "5.4.0";
+var version = "5.5.0";
 
 //#endregion
 //#region src/utils/makeMap.ts
@@ -728,13 +728,13 @@ const useCreateRafLoop = (cycleFn) => {
 		after: createEventHook()
 	};
 	const { pause, resume, isActive } = useRafFn(() => {
-		const getContextWithClock = () => ({
+		const context = {
 			delta: clock.getDelta(),
 			elapsed: clock.elapsedTime
-		});
-		eventHooks.before.trigger(getContextWithClock());
+		};
+		eventHooks.before.trigger(context);
 		cycleFn();
-		eventHooks.after.trigger(getContextWithClock());
+		eventHooks.after.trigger(context);
 	}, { immediate: false });
 	const start = () => {
 		clock.start();
@@ -2383,6 +2383,7 @@ function normalizeColor(value) {
 //#region src/utils/template-compiler-options.ts
 const whitelist = [
 	"TresCanvas",
+	"TresCanvasContext",
 	"TresLeches",
 	"TresScene"
 ];
@@ -2559,4 +2560,4 @@ const plugin = { install(app) {
 var src_default = plugin;
 
 //#endregion
-export { DevtoolsMessenger, TresCanvas_default as TresCanvas, TresRendererError, component_default as UseLoader, buildGraph, catalogue, src_default as default, disposeObject3D as dispose, extend, isBufferGeometry, isCamera, isClassInstance, isColor, isColorRepresentation, isCopyable, isFog, isGroup, isLayers, isLight, isMaterial, isMesh, isObject3D, isOrthographicCamera, isPerspectiveCamera, isProd, isScene, isTresCamera, isTresInstance, isTresObject, isTresPrimitive, isVectorLike, logError, logMessage, logWarning, normalizeColor, normalizeVectorFlexibleParam, registerTresDevtools, template_compiler_options_default as templateCompilerOptions, useCameraManager, useGraph, useLoader, useLoop, useRendererManager, useTres, useTresContext, useTresContextProvider, vDistanceTo, vLightHelper, vLog };
+export { DevtoolsMessenger, TresCanvas_default as TresCanvas, Context_default as TresCanvasContext, TresRendererError, component_default as UseLoader, buildGraph, catalogue, src_default as default, disposeObject3D as dispose, extend, isBufferGeometry, isCamera, isClassInstance, isColor, isColorRepresentation, isCopyable, isFog, isGroup, isLayers, isLight, isMaterial, isMesh, isObject3D, isOrthographicCamera, isPerspectiveCamera, isProd, isScene, isTresCamera, isTresInstance, isTresObject, isTresPrimitive, isVectorLike, logError, logMessage, logWarning, normalizeColor, normalizeVectorFlexibleParam, registerTresDevtools, template_compiler_options_default as templateCompilerOptions, useCameraManager, useGraph, useLoader, useLoop, useRendererManager, useTres, useTresContext, useTresContextProvider, vDistanceTo, vLightHelper, vLog };

package/package.json

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