@tresjs/core 4.2.8 → 4.2.10

package/dist/src/composables/useLoader/index.d.ts

@@ -1,5 +1,4 @@
 import { Loader, LoadingManager, Object3D } from 'three';
-
 export interface TresLoader<T> extends Loader {
     load: (url: string | string[], onLoad: (result: T) => void, onProgress?: (event: ProgressEvent) => void, onError?: (event: ErrorEvent) => void) => void;
     loadAsync: (url: string, onProgress?: (event: ProgressEvent) => void) => Promise<T>;

package/dist/src/composables/useLoop/index.d.ts

@@ -1,11 +1,10 @@
 import { LoopCallbackFn } from './../../core/loop';
-
 export declare function useLoop(): {
     pause: import('@vueuse/core').Fn;
     resume: import('@vueuse/core').Fn;
     pauseRender: import('@vueuse/core').Fn;
     resumeRender: import('@vueuse/core').Fn;
-    isActive: import('vue').Ref<boolean>;
+    isActive: import('vue').Ref<boolean, boolean>;
     onBeforeRender: (cb: LoopCallbackFn, index?: number) => {
         off: import('@vueuse/core').Fn;
     };

package/dist/src/composables/useRaycaster/index.d.ts

@@ -2,7 +2,6 @@ import { Intersection, Object3D, Object3DEventMap } from 'three';
 import { ShallowRef } from 'vue';
 import { TresEvent, TresInstance } from 'src/types';
 import { TresContext } from '../useTresContextProvider';
-
 export declare const useRaycaster: (objectsWithEvents: ShallowRef<TresInstance[]>, ctx: TresContext) => {
     intersects: ShallowRef<Intersection<Object3D<Object3DEventMap>>[]>;
     onClick: (fn: (value: TresEvent) => void) => () => void;

package/dist/src/composables/useRenderLoop/index.d.ts

@@ -1,7 +1,6 @@
 import { EventHookOn, Fn } from '@vueuse/core';
 import { Ref } from 'vue';
 import { Clock } from 'three';
-
 export interface RenderLoop {
     delta: number;
     elapsed: number;

package/dist/src/composables/useRenderer/index.d.ts

@@ -4,7 +4,6 @@ import { MaybeRefOrGetter } from '@vueuse/core';
 import { EmitEventFn, TresColor } from '../../types';
 import { TresContext } from '../useTresContextProvider';
 import { RendererPresetsType } from './const';
-
 type TransformToMaybeRefOrGetter<T> = {
     [K in keyof T]: MaybeRefOrGetter<T[K]> | MaybeRefOrGetter<T[K]>;
 };

package/dist/src/composables/useSeek/index.d.ts

@@ -1,5 +1,4 @@
 import { Object3D, Scene } from 'three';
-
 /**
  * Seek composable return type
  *

package/dist/src/composables/useSizes/index.d.ts

@@ -1,12 +1,11 @@
 import { ComputedRef, MaybeRef, MaybeRefOrGetter, Ref } from 'vue';
-
 export interface SizesType {
     height: Readonly<Ref<number>>;
     width: Readonly<Ref<number>>;
     aspectRatio: ComputedRef<number>;
 }
 export default function useSizes(windowSize: MaybeRefOrGetter<boolean>, canvas: MaybeRef<HTMLCanvasElement>, debounceMs?: number): {
-    height: Readonly<Ref<number>>;
-    width: Readonly<Ref<number>>;
+    height: Readonly<Ref<number, number>>;
+    width: Readonly<Ref<number, number>>;
     aspectRatio: ComputedRef<number>;
 };

package/dist/src/composables/useTexture/index.d.ts

@@ -1,5 +1,4 @@
 import { Texture } from 'three';
-
 export interface PBRMaterialOptions {
     /**
      * List of texture maps to load.

package/dist/src/composables/useTresContextProvider/index.d.ts

@@ -5,7 +5,6 @@ import { EmitEventFn, TresControl, TresObject, TresScene } from '../../types';
 import { TresEventManager } from '../useTresEventManager';
 import { SizesType } from '../useSizes';
 import { RendererLoop } from '../../core/loop';
-
 export interface InternalState {
     priority: Ref<number>;
     frames: Ref<number>;

package/dist/src/composables/useTresEventManager/index.d.ts

@@ -1,7 +1,6 @@
 import { Scene } from 'three';
 import { EmitEventFn } from 'src/types';
 import { TresContext } from '../useTresContextProvider';
-
 export interface TresEventManager {
     /**
      * Forces the event system to refire events with the previous mouse event

package/dist/src/composables/useTresReady/createReadyEventHook/index.d.ts

@@ -1,5 +1,4 @@
 import { EventHook } from '@vueuse/core';
-
 export declare function createReadyEventHook<T>(getIsReady: () => boolean, triggerParams: T, pollIntervalMs?: number): EventHook<T> & {
     cancel: () => void;
 };

package/dist/src/composables/useTresReady/index.d.ts

@@ -1,5 +1,4 @@
 import { TresContext } from '../useTresContextProvider';
-
 export declare function useTresReady(ctx?: TresContext): import('@vueuse/core').EventHook<TresContext> & {
     cancel: () => void;
 };

package/dist/src/core/catalogue.d.ts

@@ -1,10 +1,9 @@
 import { Ref } from 'vue';
 import { TresCatalogue } from '../types';
-
 export declare const catalogue: Ref<TresCatalogue>;
 export declare const extend: (objects: any) => any;
 declare const _default: {
-    catalogue: Ref<TresCatalogue>;
+    catalogue: Ref<TresCatalogue, TresCatalogue>;
     extend: (objects: any) => any;
 };
 export default _default;

package/dist/src/core/loop.d.ts

@@ -1,7 +1,6 @@
 import { Ref } from 'vue';
 import { Camera, EventDispatcher, Raycaster, Scene, WebGLRenderer, Clock } from 'three';
 import { Fn } from '@vueuse/core';
-
 export type LoopStage = 'before' | 'render' | 'after';
 export interface LoopCallback {
     delta: number;

package/dist/src/core/nodeOps.d.ts

@@ -1,5 +1,4 @@
 import { RendererOptions } from 'vue';
 import { TresContext } from '../composables';
 import { TresObject } from '../types';
-
 export declare const nodeOps: (context: TresContext) => RendererOptions<TresObject, TresObject | null>;

package/dist/src/devtools/plugin.d.ts

@@ -1,6 +1,5 @@
 import { App as DevtoolsApp } from '@vue/devtools-api';
 import { TresContext } from '../composables';
-
 export interface Tags {
     label: string;
     textColor: number;

package/dist/src/directives/index.d.ts

@@ -1,5 +1,4 @@
 import { vLog } from './vLog';
 import { vLightHelper } from './vLightHelper';
 import { vDistanceTo } from './vDistanceTo';
-
 export { vLog, vLightHelper, vDistanceTo };

package/dist/src/directives/vDistanceTo.d.ts

@@ -1,6 +1,5 @@
 import { Ref } from 'vue';
 import { TresObject } from '../types';
-
 export declare const vDistanceTo: {
     updated: (el: TresObject, binding: Ref<TresObject>) => void;
     unmounted: (el: TresObject) => void;

package/dist/src/directives/vLightHelper.d.ts

@@ -1,5 +1,4 @@
 import { TresObject } from '../types';
-
 export declare const vLightHelper: {
     mounted: (el: TresObject) => void;
     updated: (el: TresObject) => void;

package/dist/src/directives/vLog.d.ts

@@ -1,5 +1,4 @@
 import { TresObject } from '../types';
-
 export declare const vLog: {
     mounted: (el: TresObject, binding: {
         arg: string;

package/dist/src/index.d.ts

@@ -2,7 +2,6 @@ import { App } from 'vue';
 import { normalizeColor, normalizeVectorFlexibleParam } from './utils/normalize';
 import { default as templateCompilerOptions } from './utils/template-compiler-options';
 import { disposeObject3D as dispose } from './utils';
-
 export * from './composables';
 export * from './core/catalogue';
 export * from './components';

package/dist/src/types/index.d.ts

@@ -1,6 +1,5 @@
 import { DefineComponent, VNode, VNodeRef } from 'vue';
 import { TresContext } from '../composables/useTresContextProvider';
-
 import type * as THREE from 'three';
 export type AttachFnType = (parent: any, self: TresInstance) => () => void;
 export type AttachType = string | AttachFnType;
@@ -21,12 +20,17 @@ export interface TresCatalogue {
 export type EmitEventName = 'render' | 'ready' | 'click' | 'double-click' | 'context-menu' | 'pointer-move' | 'pointer-up' | 'pointer-down' | 'pointer-enter' | 'pointer-leave' | 'pointer-over' | 'pointer-out' | 'pointer-missed' | 'wheel';
 export type EmitEventFn = (event: EmitEventName, ...args: any[]) => void;
 export type TresCamera = THREE.OrthographicCamera | THREE.PerspectiveCamera;
+/**
+ * Represents the properties of an instance.
+ *
+ * @template T - The type of the object.
+ * @template P - The type of the arguments.
+ */
 export interface InstanceProps<T = any, P = any> {
     args?: Args<P>;
     object?: T;
     visible?: boolean;
     dispose?: null;
-    [prop: string]: any;
 }
 interface TresBaseObject {
     removeFromParent?: () => void;
@@ -131,10 +135,10 @@ export interface EventHandlers {
     onWheel?: (event: ThreeEvent<WheelEvent>) => void;
 }
 interface MathRepresentation {
-    set: (...args: number[] | [THREE.ColorRepresentation]) => any;
+    set(...args: number[] | [THREE.ColorRepresentation]): any;
 }
 interface VectorRepresentation extends MathRepresentation {
-    setScalar: (s: number) => any;
+    setScalar(s: number): any;
 }
 export interface VectorCoordinates {
     x: number;
@@ -161,12 +165,12 @@ interface RaycastableRepresentation {
     raycast: (raycaster: THREE.Raycaster, intersects: THREE.Intersection[]) => void;
 }
 type EventProps<P> = P extends RaycastableRepresentation ? Partial<EventHandlers> : unknown;
-export interface VueProps<P> {
-    children?: VNode<P>[];
+export interface VueProps {
+    children?: VNode[];
     ref?: VNodeRef;
     key?: string | number | symbol;
 }
-type ElementProps<T extends ConstructorRepresentation, P = InstanceType<T>> = Partial<Overwrite<WithMathProps<P>, VueProps<P> & EventProps<P>>>;
+type ElementProps<T extends ConstructorRepresentation, P = InstanceType<T>> = Partial<Overwrite<P, WithMathProps<P> & VueProps & EventProps<P>>>;
 export type ThreeElement<T extends ConstructorRepresentation> = Mutable<Overwrite<ElementProps<T>, Omit<InstanceProps<InstanceType<T>, T>, 'object'>>>;
 type ThreeExports = typeof THREE;
 type ThreeInstancesImpl = {

package/dist/src/utils/createPriorityEventHook.d.ts

@@ -1,5 +1,4 @@
 import { EventHookOff, IsAny } from '@vueuse/core';
-
 export type Callback<T> = IsAny<T> extends true ? (param: any) => void : ([
     T
 ] extends [void] ? () => void : (param: T) => void);

package/dist/src/utils/index.d.ts

@@ -2,7 +2,6 @@ import { Material, Mesh, MeshBasicMaterial, Scene, Vector3 } from 'three';
 import { AttachType, LocalState, TresInstance, TresObject, TresPrimitive } from 'src/types';
 import { nodeOps } from 'src/core/nodeOps';
 import { TresContext } from '../composables/useTresContextProvider';
-
 export declare function toSetMethodName(key: string): string;
 export declare const merge: (target: any, source: any) => any;
 export declare const isHTMLTag: (key: string) => boolean;

package/dist/src/utils/is.d.ts

@@ -1,6 +1,5 @@
 import { TresObject, TresPrimitive } from 'src/types';
 import { BufferGeometry, Camera, Fog, Light, Material, Object3D, Scene } from 'three';
-
 export declare function und(u: unknown): u is undefined;
 export declare function arr(u: unknown): u is any[];
 export declare function num(u: unknown): u is number;

package/dist/src/utils/normalize.d.ts

@@ -1,5 +1,4 @@
 import { ColorRepresentation, Color, Vector3 } from 'three';
-
 export type SizeFlexibleParams = number[] | {
     width: number;
     height: number;

package/dist/src/utils/perf.d.ts

@@ -1,6 +1,5 @@
 import { Scene } from 'three';
 import { TresObject } from './../types';
-
 export declare function calculateMemoryUsage(object: TresObject | Scene): number;
 export declare function bytesToKB(bytes: number): string;
 export declare function bytesToMB(bytes: number): string;

package/dist/src/utils/test-utils.d.ts

@@ -1,3 +1,2 @@
 import { Fn } from '@vueuse/core';
-
 export declare function withSetup(composable: Fn): (import('vue').App<Element> | undefined)[];

package/dist/tres.js

@@ -1,6 +1,6 @@
 /**
  * name: @tresjs/core
- * version: v4.2.8
+ * version: v4.2.10
  * (c) 2024
  * description: Declarative ThreeJS using Vue Components
  * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
@@ -12,7 +12,7 @@ import { ref as H, computed as V, watchEffect as Te, onUnmounted as K, shallowRe
 import * as et from "three";
 import { PerspectiveCamera as we, Camera as Dt, Clock as tt, Vector3 as Se, Color as Z, Scene as nt, MathUtils as rt, MeshBasicMaterial as ot, DoubleSide as jt, REVISION as Bt, SRGBColorSpace as It, ACESFilmicToneMapping as st, PCFSoftShadowMap as Ht, NoToneMapping as $t, WebGLRenderer as he, TextureLoader as Ut, Vector2 as ge, Raycaster as Ft, BufferAttribute as Wt, Object3D as Nt, Line as zt, BufferGeometry as $e, Float32BufferAttribute as Ue, LineBasicMaterial as Gt, Mesh as Vt, BackSide as Yt, DirectionalLightHelper as qt, PointLightHelper as Jt, SpotLightHelper as Kt, HemisphereLightHelper as Qt, ArrowHelper as Xt } from "three";
 import { createEventHook as j, useRafFn as it, toValue as k, unrefElement as Zt, useDevicePixelRatio as en, usePointer as tn, useElementBounding as nn, useWindowSize as rn, useElementSize as on, refDebounced as Fe, tryOnScopeDispose as sn, useFps as an, useMemory as ln } from "@vueuse/core";
-const cn = "@tresjs/core", un = "module", fn = "4.2.8", dn = "pnpm@9.1.4", pn = "Declarative ThreeJS using Vue Components", mn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", hn = "MIT", gn = {
+const cn = "@tresjs/core", un = "module", fn = "4.2.10", dn = "pnpm@9.1.4", pn = "Declarative ThreeJS using Vue Components", mn = "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)", hn = "MIT", gn = {
   type: "git",
   url: "git+https://github.com/Tresjs/tres.git"
 }, vn = [
@@ -72,22 +72,22 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.8", dn = "pnpm@9.1.4", pn =
 }, An = {
   "@release-it/conventional-changelog": "^8.0.1",
   "@stackblitz/sdk": "^1.11.0",
-  "@tresjs/cientos": "3.9.0",
+  "@tresjs/cientos": "4.0.2",
   "@tresjs/eslint-config": "^1.1.0",
-  "@types/three": "^0.166.0",
-  "@typescript-eslint/eslint-plugin": "^7.16.0",
-  "@typescript-eslint/parser": "^7.16.0",
+  "@types/three": "^0.168.0",
+  "@typescript-eslint/eslint-plugin": "^8.4.0",
+  "@typescript-eslint/parser": "^8.4.0",
   "@vitejs/plugin-vue": "^5.0.5",
   "@vitest/coverage-c8": "^0.33.0",
   "@vitest/coverage-v8": "^2.0.2",
   "@vitest/ui": "^2.0.2",
   "@vue/test-utils": "^2.4.6",
   eslint: "^9.6.0",
-  "eslint-plugin-vue": "^9.27.0",
+  "eslint-plugin-vue": "^9.28.0",
   esno: "^4.7.0",
   gsap: "^3.12.5",
   husky: "^9.0.11",
-  jsdom: "^24.1.0",
+  jsdom: "^25.0.0",
   kolorist: "^1.8.0",
   ohmyfetch: "^0.4.21",
   pathe: "^1.1.2",
@@ -95,20 +95,20 @@ const cn = "@tresjs/core", un = "module", fn = "4.2.8", dn = "pnpm@9.1.4", pn =
   "rollup-plugin-analyzer": "^4.0.0",
   "rollup-plugin-copy": "^3.5.0",
   "rollup-plugin-visualizer": "^5.12.0",
-  sponsorkit: "^0.14.6",
-  three: "^0.166.1",
-  unocss: "^0.61.3",
-  unplugin: "^1.11.0",
+  sponsorkit: "^0.15.4",
+  three: "^0.168.0",
+  unocss: "^0.62.3",
+  unplugin: "^1.13.1",
   "unplugin-vue-components": "^0.27.2",
-  vite: "^5.3.3",
-  "vite-plugin-banner": "^0.7.1",
-  "vite-plugin-dts": "3.9.1",
+  vite: "^5.4.3",
+  "vite-plugin-banner": "^0.8.0",
+  "vite-plugin-dts": "4.1.0",
   "vite-plugin-inspect": "^0.8.4",
   "vite-plugin-require-transform": "^1.0.21",
   "vite-svg-loader": "^5.1.0",
-  vitepress: "1.3.0",
+  vitepress: "1.3.4",
   vitest: "^2.0.2",
-  vue: "^3.4.31",
+  vue: "3.5.0",
   "vue-demi": "^0.14.8"
 }, xn = {
   name: cn,
@@ -581,18 +581,16 @@ function lr(e) {
 }
 async function Nr(e, t, n, r, s) {
   const { logError: l } = Y(), i = new e();
-  s && s(i), n && n(i);
-  const a = Array.isArray(t) ? t : [t];
-  return await new Promise((c, o) => {
+  return s && s(i), n && n(i), await new Promise((a, c) => {
     i.load(
-      a,
-      (u) => {
-        const v = u;
-        v.scene && Object.assign(v, lr(v.scene)), c(v);
+      t,
+      (o) => {
+        const u = o;
+        u.scene && Object.assign(u, lr(u.scene)), a(u);
       },
       r,
-      (u) => {
-        l("[useLoader] - Failed to load resource", u), o(u);
+      (o) => {
+        l("[useLoader] - Failed to load resource", o), c(o);
       }
     );
   });