@tresjs/core 5.8.1 → 5.8.3

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

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

package/dist/tres.d.ts

@@ -1,16 +1,16 @@
 /**
   * name: @tresjs/core
-  * version: v5.8.1
+  * version: v5.8.3
   * (c) 2026
   * description: Declarative ThreeJS using Vue Components
   * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
   */
-import * as vue15 from "vue";
+import * as vue14 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";
 import * as _vueuse_core0 from "@vueuse/core";
-import { EventHookOff, MaybeRef as MaybeRef$1, UseAsyncStateOptions, UseAsyncStateReturn } from "@vueuse/core";
+import { EventHookOff, UseAsyncStateOptions, UseAsyncStateReturn } from "@vueuse/core";
 import { PointerEvent, PointerEventsMap } from "@pmndrs/pointer-events";
 import { Renderer } from "three/webgpu";
 
@@ -323,11 +323,11 @@ declare function useRendererManager({
   onRender: _vueuse_core0.EventHookOn<TresRenderer>;
   onError: _vueuse_core0.EventHookOn<TresRendererError>;
   invalidate: (amountOfFramesToInvalidate?: number) => void;
-  canBeInvalidated: vue15.ComputedRef<boolean>;
+  canBeInvalidated: vue14.ComputedRef<boolean>;
   mode: "always" | "on-demand" | "manual" | undefined;
   replaceRenderFunction: (fn: RenderFunction) => void;
-  isInitialized: vue15.Ref<boolean, boolean>;
-  error: vue15.Ref<TresRendererError | null, TresRendererError | null>;
+  isInitialized: vue14.Ref<boolean, boolean>;
+  error: vue14.Ref<TresRendererError | null, TresRendererError | null>;
 };
 type UseRendererManagerReturn = ReturnType<typeof useRendererManager>;
 //#endregion
@@ -515,7 +515,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: vue15.PublicProps & __VLS_PrettifyLocal<{
+  props: vue14.PublicProps & __VLS_PrettifyLocal<{
     /**
      * The THREE.js loader to use
      */
@@ -539,20 +539,20 @@ declare const __VLS_export$2: <T extends TresObjectMap>(__VLS_props: NonNullable
   attrs: any;
   slots: {
     default?: (props: {
-      state: vue15.UnwrapRef<T>;
+      state: vue14.UnwrapRef<T>;
       isLoading: boolean;
       error: unknown;
     }) => any;
   };
   emit: ((evt: "error", error: unknown) => void) & ((evt: "loaded", result: T) => void);
-}>) => vue15.VNode & {
+}>) => vue14.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>) => vue15.ComputedRef<TresObjectMap | undefined>;
+declare const useGraph: (object: MaybeRef<TresObject | undefined>) => vue14.ComputedRef<TresObjectMap | undefined>;
 //#endregion
 //#region src/utils/createPriorityEventHook.d.ts
 type Callback<T> = Parameters<EventHookOff<T>>[0];
@@ -603,7 +603,7 @@ type LoopContext = RafLoopContext & TresPartialContext;
 declare const useLoop: () => {
   stop: () => void;
   start: () => void;
-  isActive: Readonly<vue15.ShallowRef<boolean>>;
+  isActive: Readonly<vue14.ShallowRef<boolean>>;
   onBeforeRender: PriorityEventHookOn<LoopContext>;
   onRender: PriorityEventHookOn<LoopContext>;
   render: (fn: RenderFunction) => void;
@@ -710,10 +710,10 @@ type __VLS_Props = ContextProps & {
 type __VLS_Slots$1 = {
   default: () => any;
 };
-declare const __VLS_base$1: vue15.DefineComponent<__VLS_Props, {
-  context: vue15.ShallowRef<TresContext, TresContext>;
+declare const __VLS_base$1: vue14.DefineComponent<__VLS_Props, {
+  context: vue14.ShallowRef<TresContext, TresContext>;
   dispose: () => void;
-}, {}, {}, {}, vue15.ComponentOptionsMixin, vue15.ComponentOptionsMixin, {
+}, {}, {}, {}, vue14.ComponentOptionsMixin, vue14.ComponentOptionsMixin, {
   click: (event: TresPointerEvent) => any;
   contextmenu: (event: TresPointerEvent) => any;
   pointermove: (event: TresPointerEvent) => any;
@@ -733,7 +733,7 @@ declare const __VLS_base$1: vue15.DefineComponent<__VLS_Props, {
   render: (context: TresContext) => any;
   beforeLoop: (context: TresContextWithClock) => any;
   loop: (context: TresContextWithClock) => any;
-}, string, vue15.PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, vue14.PublicProps, Readonly<__VLS_Props> & Readonly<{
   onClick?: ((event: TresPointerEvent) => any) | undefined;
   onContextmenu?: ((event: TresPointerEvent) => any) | undefined;
   onPointermove?: ((event: TresPointerEvent) => any) | undefined;
@@ -753,7 +753,7 @@ declare const __VLS_base$1: vue15.DefineComponent<__VLS_Props, {
   onRender?: ((context: TresContext) => any) | undefined;
   onBeforeLoop?: ((context: TresContextWithClock) => any) | undefined;
   onLoop?: ((context: TresContextWithClock) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue15.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue14.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 & {
@@ -772,7 +772,7 @@ interface TresCanvasInstance {
 type __VLS_Slots = {
   default: () => any;
 };
-declare const __VLS_base: vue15.DefineComponent<ContextProps, TresCanvasInstance, {}, {}, {}, vue15.ComponentOptionsMixin, vue15.ComponentOptionsMixin, {
+declare const __VLS_base: vue14.DefineComponent<ContextProps, TresCanvasInstance, {}, {}, {}, vue14.ComponentOptionsMixin, vue14.ComponentOptionsMixin, {
   click: (event: TresPointerEvent) => any;
   contextmenu: (event: TresPointerEvent) => any;
   pointermove: (event: TresPointerEvent) => any;
@@ -792,7 +792,7 @@ declare const __VLS_base: vue15.DefineComponent<ContextProps, TresCanvasInstance
   render: (context: TresContext) => any;
   beforeLoop: (context: TresContextWithClock) => any;
   loop: (context: TresContextWithClock) => any;
-}, string, vue15.PublicProps, Readonly<ContextProps> & Readonly<{
+}, string, vue14.PublicProps, Readonly<ContextProps> & Readonly<{
   onClick?: ((event: TresPointerEvent) => any) | undefined;
   onContextmenu?: ((event: TresPointerEvent) => any) | undefined;
   onPointermove?: ((event: TresPointerEvent) => any) | undefined;
@@ -829,7 +829,7 @@ declare const __VLS_base: vue15.DefineComponent<ContextProps, TresCanvasInstance
   shadowMapType: THREE.ShadowMapType;
   useLegacyLights: boolean;
   renderMode: "always" | "on-demand" | "manual";
-}, {}, {}, {}, string, vue15.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue14.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 & {
@@ -966,7 +966,7 @@ declare const isObject3D: (value: unknown) => value is Object3D<THREE.Object3DEv
  *   // TypeScript knows value is Mesh here
  *   value.geometry // OK
  */
-declare const isMesh: (value: unknown) => value is Mesh<BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, Material | Material[], THREE.Object3DEventMap>;
+declare const isMesh: (value: unknown) => value is Mesh<BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>, Material<THREE.MaterialEventMap> | Material<THREE.MaterialEventMap>[], THREE.Object3DEventMap>;
 /**
  * Type guard to check if a value is a Three.js Camera
  * @param value - The value to check
@@ -1044,7 +1044,7 @@ declare const isBufferGeometry: (value: unknown) => value is BufferGeometry<THRE
  * }
  * ```
  */
-declare const isMaterial: (value: unknown) => value is Material;
+declare const isMaterial: (value: unknown) => value is Material<THREE.MaterialEventMap>;
 /**
  * Type guard to check if a value is a Three.js Light
  * @param value - The value to check
@@ -1092,7 +1092,7 @@ declare const isFog: (value: unknown) => value is Fog;
  * }
  * ```
  */
-declare const isScene: (value: unknown) => value is Scene;
+declare const isScene: (value: unknown) => value is Scene<THREE.Object3DEventMap>;
 /**
  * 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,21 @@
 /**
   * name: @tresjs/core
-  * version: v5.8.1
+  * version: v5.8.3
   * (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, onBeforeUnmount, 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, Color, DirectionalLightHelper, DoubleSide, Float32BufferAttribute, HemisphereLightHelper, Layers, Line, LineBasicMaterial, Material, MathUtils, Mesh, MeshBasicMaterial, PCFSoftShadowMap, PerspectiveCamera, PointLightHelper, REVISION, Scene, SpotLightHelper, Vector3, WebGLRenderer } from "three";
+import { ACESFilmicToneMapping, ArrowHelper, BufferAttribute, Color, DirectionalLightHelper, DoubleSide, HemisphereLightHelper, Layers, Material, MathUtils, Mesh, MeshBasicMaterial, PCFSoftShadowMap, PerspectiveCamera, PointLightHelper, REVISION, 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";
 import { camel, isEqual, isFunction, isNumber, isObject, isString, isUndefined } from "radashi";
 import { forwardHtmlEvents, getVoidObject } from "@pmndrs/pointer-events";
 import { setupDevtoolsPlugin } from "@vue/devtools-api";
+import { RectAreaLightHelper } from "three/examples/jsm/helpers/RectAreaLightHelper.js";
 
 //#region package.json
-var version = "5.8.1";
+var version = "5.8.3";
 
 //#endregion
 //#region src/utils/makeMap.ts
@@ -2520,86 +2521,6 @@ const vDistanceTo = {
 	}
 };
 
-//#endregion
-//#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 = [
-			1,
-			1,
-			0,
-			-1,
-			1,
-			0,
-			-1,
-			-1,
-			0,
-			1,
-			-1,
-			0,
-			1,
-			1,
-			0
-		];
-		const geometry = new BufferGeometry();
-		geometry.setAttribute("position", new Float32BufferAttribute(positions, 3));
-		geometry.computeBoundingSphere();
-		const material = new LineBasicMaterial({ fog: false });
-		super(geometry, material);
-		this.light = light;
-		this.color = color;
-		this.type = "RectAreaLightHelper";
-		const positions2 = [
-			1,
-			1,
-			0,
-			-1,
-			1,
-			0,
-			-1,
-			-1,
-			0,
-			1,
-			1,
-			0,
-			-1,
-			-1,
-			0,
-			1,
-			-1,
-			0
-		];
-		const geometry2 = new BufferGeometry();
-		geometry2.setAttribute("position", new Float32BufferAttribute(positions2, 3));
-		geometry2.computeBoundingSphere();
-		this.add(new Mesh(geometry2, new MeshBasicMaterial({
-			side: BackSide,
-			fog: false
-		})));
-	}
-	updateMatrixWorld() {
-		this.scale.set(.5 * this.light.width, .5 * this.light.height, 1);
-		if (this.color !== void 0) {
-			this.material.color.set(this.color);
-			this.children[0].material.color.set(this.color);
-		} else {
-			this.material.color.copy(this.light.color).multiplyScalar(this.light.intensity);
-			const c = this.material.color;
-			const max = Math.max(c.r, c.g, c.b);
-			if (max > 1) c.multiplyScalar(1 / max);
-			this.children[0].material.color.copy(this.material.color);
-		}
-		this.matrixWorld.extractRotation(this.light.matrixWorld).scale(this.scale).copyPosition(this.light.matrixWorld);
-		this.children[0].matrixWorld.copy(this.matrixWorld);
-	}
-	dispose() {
-		this.geometry.dispose();
-		this.material.dispose();
-		this.children[0].geometry.dispose();
-		this.children[0].material.dispose();
-	}
-};
-
 //#endregion
 //#region src/directives/vLightHelper.ts
 let CurrentHelper;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tresjs/core",
   "type": "module",
-  "version": "5.8.1",
+  "version": "5.8.3",
   "description": "Declarative ThreeJS using Vue Components",
   "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
   "license": "MIT",
@@ -45,38 +45,39 @@
     "vue": ">=3.4"
   },
   "dependencies": {
-    "@pmndrs/pointer-events": "^6.6.17",
-    "@vue/devtools-api": "^7.7.2",
-    "@vueuse/core": "^13.9.0",
-    "radashi": "^12.6.2"
+    "@pmndrs/pointer-events": "^6.6.30",
+    "@vue/devtools-api": "^8.1.2",
+    "@vueuse/core": "^14.3.0",
+    "radashi": "^12.9.1"
   },
   "devDependencies": {
-    "@types/three": "^0.183.0",
-    "@typescript-eslint/eslint-plugin": "^8.42.0",
-    "@typescript-eslint/parser": "^8.42.0",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vitest/coverage-v8": "3.2.4",
-    "@vitest/ui": "^3.2.4",
-    "@vue/test-utils": "^2.4.6",
-    "eslint": "^9.34.0",
-    "eslint-plugin-vue": "^10.4.0",
-    "jsdom": "^27.0.0",
+    "@types/node": "^25.9.3",
+    "@types/three": "^0.184.1",
+    "@typescript-eslint/eslint-plugin": "^8.61.0",
+    "@typescript-eslint/parser": "^8.61.0",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitest/coverage-v8": "^4.1.8",
+    "@vitest/ui": "^4.1.8",
+    "@vue/test-utils": "^2.4.11",
+    "eslint": "^10.4.1",
+    "eslint-plugin-vue": "^10.9.2",
+    "jsdom": "^29.1.1",
     "kolorist": "^1.8.0",
     "pathe": "^2.0.3",
     "rollup-plugin-analyzer": "^4.0.0",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-visualizer": "^6.0.3",
-    "three": "^0.183.0",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "three": "^0.184.0",
     "tsdown": "0.18.3",
-    "typescript": "^5.8.3",
-    "vite": "^7.1.9",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.16",
     "vite-plugin-banner": "^0.8.1",
     "vite-plugin-dts": "4.5.4",
-    "vite-plugin-inspect": "^11.3.3",
-    "vitest": "3.2.4",
-    "vue": "^3.5.22",
+    "vite-plugin-inspect": "^11.4.1",
+    "vitest": "4.1.8",
+    "vue": "^3.5.38",
     "vue-demi": "^0.14.10",
-    "vue-tsc": "^3.2.1",
+    "vue-tsc": "^3.3.4",
     "@tresjs/eslint-config": "1.6.0"
   },
   "nx": {