@tresjs/core 5.5.0 → 5.6.0

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

@@ -1,6 +1,6 @@
 /**
   * name: @tresjs/core
-  * version: v5.5.0
+  * version: v5.6.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.5.0
+  * version: v5.6.0
   * (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.5.0
+  * version: v5.6.0
   * (c) 2026
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
   */
-import * as vue10 from "vue";
+import * as vue15 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: vue10.ComputedRef<boolean>;
+  canBeInvalidated: vue15.ComputedRef<boolean>;
   mode: "always" | "on-demand" | "manual" | undefined;
   replaceRenderFunction: (fn: RenderFunction) => void;
-  isInitialized: vue10.Ref<boolean, boolean>;
-  error: vue10.Ref<TresRendererError | null, TresRendererError | null>;
+  isInitialized: vue15.Ref<boolean, boolean>;
+  error: vue15.Ref<TresRendererError | null, TresRendererError | null>;
 };
 type UseRendererManagerReturn = ReturnType<typeof useRendererManager>;
 //#endregion
@@ -372,7 +372,7 @@ type PointerEventHandlers = { [key in SupportedVuePointerEvent]: (event: TresPoi
 //#region src/types/index.d.ts
 type AttachFnType = (parent: any, self: TresInstance) => () => void;
 type AttachType = string | AttachFnType;
-type DisposeType = ((self: TresInstance) => void) | boolean | 'default';
+type DisposeType = ((self: TresInstance) => void) | boolean | 'default' | null;
 type ConstructorRepresentation = new (...args: any[]) => any;
 type NonFunctionKeys<P> = { [K in keyof P]-?: P[K] extends ((...args: any[]) => any) ? never : K }[keyof P];
 type Overwrite<P, O> = Omit<P, NonFunctionKeys<O>> & O;
@@ -512,7 +512,7 @@ declare function buildGraph(object: Object3D | TresObject): TresObjectMap;
 //#endregion
 //#region src/composables/useLoader/component.vue.d.ts
 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<{
+  props: vue15.PublicProps & __VLS_PrettifyLocal<{
     /**
      * The THREE.js loader to use
      */
@@ -535,20 +535,20 @@ declare const __VLS_export$2: <T extends TresObjectMap>(__VLS_props: NonNullable
   attrs: any;
   slots: {
     default?: (props: {
-      state: vue10.UnwrapRef<T>;
+      state: vue15.UnwrapRef<T>;
       isLoading: boolean;
       error: unknown;
     }) => any;
   };
   emit: ((evt: "error", error: unknown) => void) & ((evt: "loaded", result: T) => void);
-}>) => vue10.VNode & {
+}>) => vue15.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 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>) => vue10.ComputedRef<TresObjectMap | undefined>;
+declare const useGraph: (object: MaybeRef$1<TresObject | undefined>) => vue15.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<vue10.ShallowRef<boolean>>;
+  isActive: Readonly<vue15.ShallowRef<boolean>>;
   onBeforeRender: PriorityEventHookOn<LoopContext>;
   onRender: PriorityEventHookOn<LoopContext>;
   render: (fn: RenderFunction) => void;
@@ -701,10 +701,10 @@ type __VLS_Props = ContextProps & {
 type __VLS_Slots$1 = {
   default: () => any;
 };
-declare const __VLS_base$1: vue10.DefineComponent<__VLS_Props, {
-  context: vue10.ShallowRef<TresContext, TresContext>;
+declare const __VLS_base$1: vue15.DefineComponent<__VLS_Props, {
+  context: vue15.ShallowRef<TresContext, TresContext>;
   dispose: () => void;
-}, {}, {}, {}, vue10.ComponentOptionsMixin, vue10.ComponentOptionsMixin, {
+}, {}, {}, {}, vue15.ComponentOptionsMixin, vue15.ComponentOptionsMixin, {
   click: (event: TresPointerEvent) => any;
   contextmenu: (event: TresPointerEvent) => any;
   pointermove: (event: TresPointerEvent) => any;
@@ -724,7 +724,7 @@ declare const __VLS_base$1: vue10.DefineComponent<__VLS_Props, {
   render: (context: TresContext) => any;
   beforeLoop: (context: TresContextWithClock) => any;
   loop: (context: TresContextWithClock) => any;
-}, string, vue10.PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, vue15.PublicProps, Readonly<__VLS_Props> & Readonly<{
   onClick?: ((event: TresPointerEvent) => any) | undefined;
   onContextmenu?: ((event: TresPointerEvent) => any) | undefined;
   onPointermove?: ((event: TresPointerEvent) => any) | undefined;
@@ -744,7 +744,7 @@ declare const __VLS_base$1: vue10.DefineComponent<__VLS_Props, {
   onRender?: ((context: TresContext) => any) | undefined;
   onBeforeLoop?: ((context: TresContextWithClock) => any) | undefined;
   onLoop?: ((context: TresContextWithClock) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue10.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue15.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 & {
@@ -763,7 +763,7 @@ interface TresCanvasInstance {
 type __VLS_Slots = {
   default: () => any;
 };
-declare const __VLS_base: vue10.DefineComponent<ContextProps, TresCanvasInstance, {}, {}, {}, vue10.ComponentOptionsMixin, vue10.ComponentOptionsMixin, {
+declare const __VLS_base: vue15.DefineComponent<ContextProps, TresCanvasInstance, {}, {}, {}, vue15.ComponentOptionsMixin, vue15.ComponentOptionsMixin, {
   click: (event: TresPointerEvent) => any;
   contextmenu: (event: TresPointerEvent) => any;
   pointermove: (event: TresPointerEvent) => any;
@@ -783,7 +783,7 @@ declare const __VLS_base: vue10.DefineComponent<ContextProps, TresCanvasInstance
   render: (context: TresContext) => any;
   beforeLoop: (context: TresContextWithClock) => any;
   loop: (context: TresContextWithClock) => any;
-}, string, vue10.PublicProps, Readonly<ContextProps> & Readonly<{
+}, string, vue15.PublicProps, Readonly<ContextProps> & Readonly<{
   onClick?: ((event: TresPointerEvent) => any) | undefined;
   onContextmenu?: ((event: TresPointerEvent) => any) | undefined;
   onPointermove?: ((event: TresPointerEvent) => any) | undefined;
@@ -820,7 +820,7 @@ declare const __VLS_base: vue10.DefineComponent<ContextProps, TresCanvasInstance
   shadowMapType: THREE.ShadowMapType;
   useLegacyLights: boolean;
   renderMode: "always" | "on-demand" | "manual";
-}, {}, {}, {}, string, vue10.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue15.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 & {
@@ -1033,7 +1033,7 @@ declare const isMaterial: (value: unknown) => value is Material;
  * }
  * ```
  */
-declare const isLight: (value: unknown) => value is Light<THREE.LightShadow<Camera> | undefined>;
+declare const isLight: (value: unknown) => value is Light;
 /**
  * Type guard to check if a value is a Three.js Fog
  * @param value - The value to check
@@ -1065,7 +1065,7 @@ declare const isFog: (value: unknown) => value is Fog;
  * }
  * ```
  */
-declare const isScene: (value: unknown) => value is Scene<THREE.Object3DEventMap>;
+declare const isScene: (value: unknown) => value is Scene;
 /**
  * Type guard to check if a value is a Three.js Group
  * @param value - The value to check

package/dist/tres.js

@@ -1,20 +1,20 @@
 /**
   * name: @tresjs/core
-  * version: v5.5.0
+  * version: v5.6.0
   * (c) 2026
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
   */
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createRenderer, defineComponent, getCurrentInstance, h, isRef, mergeProps, nextTick, 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, PCFSoftShadowMap, PerspectiveCamera, PointLightHelper, Scene, SpotLightHelper, Vector3, WebGLRenderer } from "three";
+import { ACESFilmicToneMapping, ArrowHelper, BackSide, BufferAttribute, BufferGeometry, Color, DirectionalLightHelper, DoubleSide, Float32BufferAttribute, HemisphereLightHelper, Layers, Line, LineBasicMaterial, Material, MathUtils, Mesh, MeshBasicMaterial, PCFSoftShadowMap, PerspectiveCamera, PointLightHelper, Scene, SpotLightHelper, Timer, Vector3, WebGLRenderer } from "three";
 import { createEventHook, createInjectionState, promiseTimeout, refDebounced, tryOnScopeDispose, unrefElement, useAsyncState, useDevicePixelRatio, useElementSize, useFps, useMemory, useRafFn, useTimeout, useWindowSize, whenever } from "@vueuse/core";
 import { camel, isEqual, isFunction, isNumber, isObject, isString, isUndefined } from "radashi";
 import { forwardHtmlEvents, getVoidObject } from "@pmndrs/pointer-events";
 import { setupDevtoolsPlugin } from "@vue/devtools-api";
 
 //#region package.json
-var version = "5.5.0";
+var version = "5.6.0";
 
 //#endregion
 //#region src/utils/makeMap.ts
@@ -722,26 +722,27 @@ const setPixelRatio = (renderer, systemDpr, userDpr) => {
 * @param cycleFn the function that is called before the after event hook is triggered and after the before event hook is triggered.
 */
 const useCreateRafLoop = (cycleFn) => {
-	const clock = new Clock();
+	const timer = new Timer();
 	const eventHooks = {
 		before: createEventHook(),
 		after: createEventHook()
 	};
 	const { pause, resume, isActive } = useRafFn(() => {
+		timer.update();
 		const context = {
-			delta: clock.getDelta(),
-			elapsed: clock.elapsedTime
+			delta: timer.getDelta(),
+			elapsed: timer.getElapsed()
 		};
 		eventHooks.before.trigger(context);
 		cycleFn();
 		eventHooks.after.trigger(context);
 	}, { immediate: false });
 	const start = () => {
-		clock.start();
+		if (typeof document !== "undefined") timer.connect(document);
 		resume();
 	};
 	const stop = () => {
-		clock.stop();
+		timer.disconnect();
 		pause();
 	};
 	return {
@@ -2427,7 +2428,7 @@ const vDistanceTo = {
 };
 
 //#endregion
-//#region ../../node_modules/.pnpm/three-stdlib@2.36.1_three@0.182.0/node_modules/three-stdlib/helpers/RectAreaLightHelper.js
+//#region ../../node_modules/.pnpm/three-stdlib@2.36.1_three@0.183.1/node_modules/three-stdlib/helpers/RectAreaLightHelper.js
 var RectAreaLightHelper = class extends Line {
 	constructor(light, color) {
 		const positions = [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/core",
   "type": "module",
-  "version": "5.5.0",
+  "version": "5.6.0",
   "description": "Declarative ThreeJS using Vue Components",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
   "license": "MIT",
@@ -51,7 +51,7 @@
     "radashi": "^12.6.2"
   },
   "devDependencies": {
-    "@types/three": "^0.182.0",
+    "@types/three": "^0.183.0",
     "@typescript-eslint/eslint-plugin": "^8.42.0",
     "@typescript-eslint/parser": "^8.42.0",
     "@vitejs/plugin-vue": "^6.0.1",
@@ -66,7 +66,7 @@
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-visualizer": "^6.0.3",
-    "three": "^0.182.0",
+    "three": "^0.183.0",
     "tsdown": "0.18.3",
     "typescript": "^5.8.3",
     "vite": "^7.1.9",
@@ -86,6 +86,7 @@
   },
   "scripts": {
     "build": "tsdown",
+    "build:analyze": "ANALYZE=true tsdown",
     "test": "vitest",
     "test:ci": "vitest run",
     "test:ui": "vitest --ui --coverage.enabled=true",