@tresjs/core 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022-present, (alvarosabu) Alvaro Saburido and Tres contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,40 @@
+# @tresjs/core ▲ ■ ●
+
+> Declarative ThreeJS using Vue Components
+
+- 💡 Build 3D scene as they were Vue components
+- ⚡️ Powered by Vite
+- 🥰 It brings all the updated features of ThreeJS right awayregardless the version
+- 🦾 Fully Typed
+
+Tres (Spanish word for "three", pronounced `/tres/` ) is a way of creating ThreeJS scenes with Vue components in a declarative fashion. Think of it as a [React-three-fiber](https://docs.pmnd.rs/react-three-fiber) or [Lunchbox](https://github.com/breakfast-studio/lunchboxjs) but without the need of a [custom Vue3 Renderer](https://vuejs.org/api/custom-renderer.html).
+
+## Setup
+
+```
+pnpm install --shamefully-hoist
+```
+
+## Dev
+
+To run the small playground without Histoire use
+
+```
+pnpm run dev
+```
+
+## Histoire
+
+All local demos will be inside [Histoire](https://histoire.dev/) stories.
+
+```
+pnpm run story:dev
+```
+
+## Build lib
+
+To build the core as library mode just use
+
+```
+pnpm run build
+```

package/dist/components/TresCanvas.vue.d.ts

@@ -0,0 +1,117 @@
+import { TextureEncoding, WebGLRenderer } from 'three';
+import { CameraType, PerspectiveCameraOptions, Camera } from '../core/useCamera/useCamera';
+import { VectorFlexibleParams } from '../utils/normalize';
+export interface CanvasCameraOptions extends PerspectiveCameraOptions {
+    position: VectorFlexibleParams;
+}
+declare const _sfc_main: import("vue").DefineComponent<{
+    camera: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    ortographic: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    gl: {
+        type: null;
+        required: false;
+    };
+    shadows: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    physicallyCorrectLights: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    outputEncoding: {
+        type: null;
+        required: false;
+        default: TextureEncoding;
+    };
+    alpha: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    background: {
+        type: StringConstructor;
+        required: false;
+    };
+    async: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}, {
+    props: any;
+    renderer: WebGLRenderer | null;
+    disposeRenderer: () => void;
+    canvasRef: import("vue").Ref<any>;
+    renderComponent: import("vue").Ref<boolean>;
+    scene: import("three").Scene | null;
+    clearScene: () => void;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot | undefined;
+    }>;
+    attrs: {
+        [x: string]: unknown;
+    };
+    createCamera: (cameraType?: CameraType | undefined, options?: PerspectiveCameraOptions | import('../core/useCamera/useCamera').OrthographicCameraOptions | undefined) => Camera;
+    camera: Camera;
+    thereIsCameraAlready: boolean;
+    setupRenderer: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    camera: {
+        type: ObjectConstructor;
+        required: false;
+    };
+    ortographic: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    gl: {
+        type: null;
+        required: false;
+    };
+    shadows: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    physicallyCorrectLights: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    outputEncoding: {
+        type: null;
+        required: false;
+        default: TextureEncoding;
+    };
+    alpha: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    background: {
+        type: StringConstructor;
+        required: false;
+    };
+    async: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+}>>, {
+    ortographic: boolean;
+    shadows: boolean;
+    physicallyCorrectLights: boolean;
+    outputEncoding: any;
+    alpha: boolean;
+    async: boolean;
+}>;
+export default _sfc_main;

package/dist/composables/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogger';

package/dist/composables/useLogger.d.ts

@@ -0,0 +1,8 @@
+export declare const isProd: boolean;
+interface LoggerComposition {
+    logError: (message: string, error: Error) => void;
+    logWarning: (message: string) => void;
+    logMessage: (name: string, value: any) => void;
+}
+export declare function useLogger(): LoggerComposition;
+export {};

package/dist/core/index.d.ts

@@ -0,0 +1,8 @@
+export * from './useCamera/useCamera';
+export * from './useCatalog/useCatalog';
+export * from './useInstanceCreator/useInstanceCreator';
+export * from './useLoop/useLoop';
+export * from './useRenderer/useRenderer';
+export * from './useScene/useScene';
+export * from './useLoader/useLoader';
+export * from './useTexture/useTexture';

package/dist/core/useCamera/useCamera.d.ts

@@ -0,0 +1,31 @@
+import { PerspectiveCamera, OrthographicCamera } from 'three';
+import { ComputedRef } from 'vue';
+export declare enum CameraType {
+    Perspective = "Perspective",
+    Orthographic = "Orthographic"
+}
+export declare type Camera = PerspectiveCamera | OrthographicCamera;
+export declare type CameraState = {
+    cameras: Array<Camera>;
+};
+export interface PerspectiveCameraOptions {
+    fov?: number;
+    near?: number;
+    far?: number;
+}
+export interface OrthographicCameraOptions {
+    left?: number;
+    right?: number;
+    top?: number;
+    bottom?: number;
+    near?: number;
+    far?: number;
+}
+interface UseCameraReturn {
+    activeCamera: ComputedRef<Camera>;
+    createCamera: (cameraType?: CameraType, options?: PerspectiveCameraOptions | OrthographicCameraOptions) => Camera;
+    updateCamera: () => void;
+    pushCamera: (camera: Camera) => void;
+}
+export declare function useCamera(): UseCameraReturn;
+export {};

package/dist/core/useCatalog/useCatalog.d.ts

@@ -0,0 +1,6 @@
+export declare function useCatalog(): {
+    extend: (objects: any) => void;
+    catalogue: {
+        [key: string]: any;
+    };
+};

package/dist/core/useInstanceCreator/useInstanceCreator.d.ts

@@ -0,0 +1,3 @@
+export declare function useInstanceCreator(): {
+    createComponentInstances: () => (string | import("vue").DefineComponent<{}, () => void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>)[][];
+};

package/dist/core/useLoader/useLoader.d.ts

@@ -0,0 +1,18 @@
+import { LoadingManager } from 'three';
+export declare function useLoadingManager(): {
+    loadingManager: LoadingManager;
+    loadingManagerRef: import("vue").Ref<{
+        onStart?: ((url: string, loaded: number, total: number) => void) | undefined;
+        onLoad: () => void;
+        onProgress: (url: string, loaded: number, total: number) => void;
+        onError: (url: string) => void;
+        setURLModifier: (callback?: ((url: string) => string) | undefined) => LoadingManager;
+        resolveURL: (url: string) => string;
+        itemStart: (url: string) => void;
+        itemEnd: (url: string) => void;
+        itemError: (url: string) => void;
+        addHandler: (regex: RegExp, loader: import("three").Loader) => LoadingManager;
+        removeHandler: (regex: RegExp) => LoadingManager;
+        getHandler: (file: string) => import("three").Loader | null;
+    }>;
+};

package/dist/core/useLoop/useLoop.d.ts

@@ -0,0 +1,4 @@
+export declare type TresLoop = (delta: number, elapsedTime: number) => void;
+export declare function useLoop(cb: TresLoop, beforeCb?: TresLoop, afterCb?: TresLoop): {
+    disposeLoop: () => void;
+};

package/dist/core/useRenderer/useRenderer.d.ts

@@ -0,0 +1,18 @@
+import { Ref } from 'vue';
+import { TextureEncoding, ToneMapping, WebGLRenderer, WebGLRendererParameters, Color } from 'three';
+export interface RendererOptions extends WebGLRendererParameters {
+    shadows?: boolean;
+    controls?: boolean;
+    physicallyCorrectLights?: boolean;
+    outputEncoding?: TextureEncoding;
+    toneMapping?: ToneMapping;
+    context?: WebGLRenderingContext | undefined;
+    powerPreference?: string;
+    preserveDrawingBuffer?: boolean;
+}
+export declare function useRenderer(canvas: Ref<HTMLCanvasElement>, options?: RendererOptions): {
+    renderer: WebGLRenderer | null;
+    setClearColor: (color: Color | string | number) => void;
+    updateRenderer: () => void;
+    disposeRenderer: () => void;
+};

package/dist/core/useScene/useScene.d.ts

@@ -0,0 +1,6 @@
+import { Scene } from 'three';
+export declare function useScene(): {
+    isSceneReset: import("vue").Ref<boolean>;
+    clearScene: () => void;
+    scene: Scene | null;
+};

package/dist/core/useTexture/useTexture.d.ts

@@ -0,0 +1,11 @@
+import { Texture } from 'three';
+export interface PBRMaterialOptions {
+    maps: string[];
+    ext: 'png' | 'jpg';
+}
+export interface PBRTextureMaps {
+    [key: string]: Texture | null;
+}
+export declare function useTexture(paths: Array<string> | {
+    [key: string]: string;
+}): Promise<Texture | Array<Texture> | PBRTextureMaps>;

package/dist/env.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/dist/favicon-dark.svg

@@ -0,0 +1,6 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" fill="white"/>
+<path d="M11.6854 4.42916C12.0738 3.78182 13.012 3.78182 13.4004 4.42915L19.1771 14.0569C19.577 14.7235 19.0969 15.5714 18.3196 15.5714H6.76624C5.98894 15.5714 5.50883 14.7235 5.90875 14.0569L11.6854 4.42916Z" fill="#82DBC5"/>
+<path d="M15.6857 11.5429C15.6857 10.9906 16.1334 10.5429 16.6857 10.5429H26C26.5522 10.5429 27 10.9906 27 11.5429V20.8572C27 21.4094 26.5522 21.8572 26 21.8572H16.6857C16.1334 21.8572 15.6857 21.4094 15.6857 20.8572V11.5429Z" fill="#4F4F4F"/>
+<circle cx="16" cy="23" r="6" fill="#EFAC35"/>
+</svg>

package/dist/favicon.svg

@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.6854 3.42916C12.0738 2.78182 13.012 2.78182 13.4004 3.42915L19.1771 13.0569C19.577 13.7235 19.0969 14.5714 18.3196 14.5714H6.76624C5.98894 14.5714 5.50883 13.7235 5.90875 13.0569L11.6854 3.42916Z" fill="#82DBC5"/>
+<path d="M15.6857 10.5429C15.6857 9.99059 16.1334 9.54288 16.6857 9.54288H26C26.5522 9.54288 27 9.99059 27 10.5429V19.8572C27 20.4094 26.5522 20.8572 26 20.8572H16.6857C16.1334 20.8572 15.6857 20.4094 15.6857 19.8572V10.5429Z" fill="#4F4F4F"/>
+<circle cx="16" cy="22" r="6" fill="#EFAC35"/>
+</svg>

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+export * from './core';
+export interface TresPlugin {
+    [key: string]: any;
+    install: (app: App, options?: any) => void;
+}
+declare const plugin: TresPlugin;
+export default plugin;

package/dist/logo.svg

@@ -0,0 +1,5 @@
+<svg width="44" height="10" viewBox="0 0 44 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.14255 1.42916C5.53095 0.781817 6.46913 0.781816 6.85753 1.42915L11.0913 8.4855C11.4913 9.15203 11.0111 10 10.2338 10H1.76623C0.988935 10 0.508822 9.15203 0.908736 8.4855L5.14255 1.42916Z" fill="#82DBC5"/>
+<rect x="19" y="1" width="9" height="9" rx="1" fill="#4F4F4F"/>
+<circle cx="39.5" cy="5.5" r="4.5" fill="#EFAC35"/>
+</svg>

package/dist/safari-pinned-tab.svg

@@ -0,0 +1,5 @@
+<svg width="934" height="934" viewBox="0 0 934 934" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M357.84 33.2164C358.228 32.5691 359.166 32.5691 359.555 33.2164L594.818 425.321C595.217 425.988 594.737 426.836 593.96 426.836H123.434C122.657 426.836 122.177 425.988 122.577 425.321L357.84 33.2164Z" fill="#82DBC5"/>
+<path d="M457.456 269.817C457.456 269.265 457.904 268.817 458.456 268.817H812C812.552 268.817 813 269.265 813 269.817V623.361C813 623.913 812.552 624.361 812 624.361H458.456C457.904 624.361 457.456 623.913 457.456 623.361V269.817Z" fill="#4F4F4F"/>
+<circle cx="467.334" cy="660.274" r="188.546" fill="#EFAC35"/>
+</svg>

package/dist/tres.js

@@ -0,0 +1,690 @@
+/**
+ * name: @tres/core
+ * version: v0.1.0
+ * (c) 2022
+ * description: Declarative ThreeJS using Vue Components
+ * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
+ */
+import { computed as oe, watch as ae, ref as Z, defineComponent as Fe, useSlots as rt, useAttrs as it, onMounted as st, onBeforeUnmount as ct, openBlock as G, createElementBlock as Ae, normalizeStyle as Re, unref as xe, createElementVNode as lt, createBlock as ut, Suspense as pt, withCtx as ft, renderSlot as Se, createCommentVNode as De, Fragment as dt } from "vue";
+import * as mt from "three";
+import { PerspectiveCamera as $, OrthographicCamera as ht, EventDispatcher as gt, Vector3 as D, MOUSE as j, TOUCH as I, Quaternion as Ne, Spherical as ke, Vector2 as R, Color as Q, Scene as bt, Clock as yt, LoadingManager as Et, TextureLoader as wt, WebGLRenderer as Pt, PCFSoftShadowMap as Mt, sRGBEncoding as Tt } from "three";
+import { useWindowSize as ve } from "@vueuse/core";
+var F = /* @__PURE__ */ ((o) => (o.Perspective = "Perspective", o.Orthographic = "Orthographic", o))(F || {});
+const Y = {
+  cameras: []
+}, Ot = 45;
+let _;
+function re() {
+  const { width: o, height: a } = ve();
+  function b(i = "Perspective", c) {
+    if (i === "Perspective") {
+      const { near: h, far: E, fov: f } = c || {
+        near: 0.1,
+        far: 1e3,
+        fov: Ot
+      };
+      _ = new $(f, e.value, h, E), Y.cameras.push(_);
+    } else {
+      const { left: h, right: E, top: f, bottom: w, near: y, far: d } = c || {
+        left: -100,
+        right: 100,
+        top: 100,
+        bottom: -100,
+        near: 0.1,
+        far: 1e3
+      };
+      _ = new ht(h, E, f, w, y, d), Y.cameras.push(_);
+    }
+    return Y.cameras.push(_), _;
+  }
+  const e = oe(() => o.value / a.value), n = oe(() => Y.cameras[0]);
+  function r() {
+    n.value instanceof $ && (n.value.aspect = e.value), n.value.updateProjectionMatrix();
+  }
+  function p(i) {
+    Y.cameras.push(i), i instanceof $ && (i.aspect = e.value), i.updateProjectionMatrix();
+  }
+  return ae(e, r), {
+    activeCamera: n,
+    createCamera: b,
+    updateCamera: r,
+    pushCamera: p
+  };
+}
+const je = { type: "change" }, J = { type: "start" }, Ie = { type: "end" };
+class Ct extends gt {
+  constructor(a, b) {
+    super(), this.object = a, this.domElement = b, this.domElement.style.touchAction = "none", this.enabled = !0, this.target = new D(), this.minDistance = 0, this.maxDistance = 1 / 0, this.minZoom = 0, this.maxZoom = 1 / 0, this.minPolarAngle = 0, this.maxPolarAngle = Math.PI, this.minAzimuthAngle = -1 / 0, this.maxAzimuthAngle = 1 / 0, this.enableDamping = !1, this.dampingFactor = 0.05, this.enableZoom = !0, this.zoomSpeed = 1, this.enableRotate = !0, this.rotateSpeed = 1, this.enablePan = !0, this.panSpeed = 1, this.screenSpacePanning = !0, this.keyPanSpeed = 7, this.autoRotate = !1, this.autoRotateSpeed = 2, this.keys = { LEFT: "ArrowLeft", UP: "ArrowUp", RIGHT: "ArrowRight", BOTTOM: "ArrowDown" }, this.mouseButtons = { LEFT: j.ROTATE, MIDDLE: j.DOLLY, RIGHT: j.PAN }, this.touches = { ONE: I.ROTATE, TWO: I.DOLLY_PAN }, this.target0 = this.target.clone(), this.position0 = this.object.position.clone(), this.zoom0 = this.object.zoom, this._domElementKeyEvents = null, this.getPolarAngle = function() {
+      return i.phi;
+    }, this.getAzimuthalAngle = function() {
+      return i.theta;
+    }, this.getDistance = function() {
+      return this.object.position.distanceTo(this.target);
+    }, this.listenToKeyEvents = function(t) {
+      t.addEventListener("keydown", Me), this._domElementKeyEvents = t;
+    }, this.saveState = function() {
+      e.target0.copy(e.target), e.position0.copy(e.object.position), e.zoom0 = e.object.zoom;
+    }, this.reset = function() {
+      e.target.copy(e.target0), e.object.position.copy(e.position0), e.object.zoom = e.zoom0, e.object.updateProjectionMatrix(), e.dispatchEvent(je), e.update(), r = n.NONE;
+    }, this.update = function() {
+      const t = new D(), s = new Ne().setFromUnitVectors(a.up, new D(0, 1, 0)), M = s.clone().invert(), O = new D(), A = new Ne(), k = 2 * Math.PI;
+      return function() {
+        const Le = e.object.position;
+        t.copy(Le).sub(e.target), t.applyQuaternion(s), i.setFromVector3(t), e.autoRotate && r === n.NONE && B(Ze()), e.enableDamping ? (i.theta += c.theta * e.dampingFactor, i.phi += c.phi * e.dampingFactor) : (i.theta += c.theta, i.phi += c.phi);
+        let x = e.minAzimuthAngle, S = e.maxAzimuthAngle;
+        return isFinite(x) && isFinite(S) && (x < -Math.PI ? x += k : x > Math.PI && (x -= k), S < -Math.PI ? S += k : S > Math.PI && (S -= k), x <= S ? i.theta = Math.max(x, Math.min(S, i.theta)) : i.theta = i.theta > (x + S) / 2 ? Math.max(x, i.theta) : Math.min(S, i.theta)), i.phi = Math.max(e.minPolarAngle, Math.min(e.maxPolarAngle, i.phi)), i.makeSafe(), i.radius *= h, i.radius = Math.max(e.minDistance, Math.min(e.maxDistance, i.radius)), e.enableDamping === !0 ? e.target.addScaledVector(E, e.dampingFactor) : e.target.add(E), t.setFromSpherical(i), t.applyQuaternion(M), Le.copy(e.target).add(t), e.object.lookAt(e.target), e.enableDamping === !0 ? (c.theta *= 1 - e.dampingFactor, c.phi *= 1 - e.dampingFactor, E.multiplyScalar(1 - e.dampingFactor)) : (c.set(0, 0, 0), E.set(0, 0, 0)), h = 1, f || O.distanceToSquared(e.object.position) > p || 8 * (1 - A.dot(e.object.quaternion)) > p ? (e.dispatchEvent(je), O.copy(e.object.position), A.copy(e.object.quaternion), f = !1, !0) : !1;
+      };
+    }(), this.dispose = function() {
+      e.domElement.removeEventListener("contextmenu", Te), e.domElement.removeEventListener("pointerdown", Ee), e.domElement.removeEventListener("pointercancel", we), e.domElement.removeEventListener("wheel", Pe), e.domElement.removeEventListener("pointermove", K), e.domElement.removeEventListener("pointerup", W), e._domElementKeyEvents !== null && e._domElementKeyEvents.removeEventListener("keydown", Me);
+    };
+    const e = this, n = {
+      NONE: -1,
+      ROTATE: 0,
+      DOLLY: 1,
+      PAN: 2,
+      TOUCH_ROTATE: 3,
+      TOUCH_PAN: 4,
+      TOUCH_DOLLY_PAN: 5,
+      TOUCH_DOLLY_ROTATE: 6
+    };
+    let r = n.NONE;
+    const p = 1e-6, i = new ke(), c = new ke();
+    let h = 1;
+    const E = new D();
+    let f = !1;
+    const w = new R(), y = new R(), d = new R(), C = new R(), P = new R(), u = new R(), T = new R(), g = new R(), L = new R(), l = [], v = {};
+    function Ze() {
+      return 2 * Math.PI / 60 / 60 * e.autoRotateSpeed;
+    }
+    function H() {
+      return Math.pow(0.95, e.zoomSpeed);
+    }
+    function B(t) {
+      c.theta -= t;
+    }
+    function se(t) {
+      c.phi -= t;
+    }
+    const ce = function() {
+      const t = new D();
+      return function(M, O) {
+        t.setFromMatrixColumn(O, 0), t.multiplyScalar(-M), E.add(t);
+      };
+    }(), le = function() {
+      const t = new D();
+      return function(M, O) {
+        e.screenSpacePanning === !0 ? t.setFromMatrixColumn(O, 1) : (t.setFromMatrixColumn(O, 0), t.crossVectors(e.object.up, t)), t.multiplyScalar(M), E.add(t);
+      };
+    }(), N = function() {
+      const t = new D();
+      return function(M, O) {
+        const A = e.domElement;
+        if (e.object.isPerspectiveCamera) {
+          const k = e.object.position;
+          t.copy(k).sub(e.target);
+          let U = t.length();
+          U *= Math.tan(e.object.fov / 2 * Math.PI / 180), ce(2 * M * U / A.clientHeight, e.object.matrix), le(2 * O * U / A.clientHeight, e.object.matrix);
+        } else
+          e.object.isOrthographicCamera ? (ce(M * (e.object.right - e.object.left) / e.object.zoom / A.clientWidth, e.object.matrix), le(O * (e.object.top - e.object.bottom) / e.object.zoom / A.clientHeight, e.object.matrix)) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."), e.enablePan = !1);
+      };
+    }();
+    function V(t) {
+      e.object.isPerspectiveCamera ? h /= t : e.object.isOrthographicCamera ? (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom * t)), e.object.updateProjectionMatrix(), f = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+    }
+    function ue(t) {
+      e.object.isPerspectiveCamera ? h *= t : e.object.isOrthographicCamera ? (e.object.zoom = Math.max(e.minZoom, Math.min(e.maxZoom, e.object.zoom / t)), e.object.updateProjectionMatrix(), f = !0) : (console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."), e.enableZoom = !1);
+    }
+    function pe(t) {
+      w.set(t.clientX, t.clientY);
+    }
+    function Xe(t) {
+      T.set(t.clientX, t.clientY);
+    }
+    function fe(t) {
+      C.set(t.clientX, t.clientY);
+    }
+    function Be(t) {
+      y.set(t.clientX, t.clientY), d.subVectors(y, w).multiplyScalar(e.rotateSpeed);
+      const s = e.domElement;
+      B(2 * Math.PI * d.x / s.clientHeight), se(2 * Math.PI * d.y / s.clientHeight), w.copy(y), e.update();
+    }
+    function Ve(t) {
+      g.set(t.clientX, t.clientY), L.subVectors(g, T), L.y > 0 ? V(H()) : L.y < 0 && ue(H()), T.copy(g), e.update();
+    }
+    function Ke(t) {
+      P.set(t.clientX, t.clientY), u.subVectors(P, C).multiplyScalar(e.panSpeed), N(u.x, u.y), C.copy(P), e.update();
+    }
+    function We(t) {
+      t.deltaY < 0 ? ue(H()) : t.deltaY > 0 && V(H()), e.update();
+    }
+    function qe(t) {
+      let s = !1;
+      switch (t.code) {
+        case e.keys.UP:
+          N(0, e.keyPanSpeed), s = !0;
+          break;
+        case e.keys.BOTTOM:
+          N(0, -e.keyPanSpeed), s = !0;
+          break;
+        case e.keys.LEFT:
+          N(e.keyPanSpeed, 0), s = !0;
+          break;
+        case e.keys.RIGHT:
+          N(-e.keyPanSpeed, 0), s = !0;
+          break;
+      }
+      s && (t.preventDefault(), e.update());
+    }
+    function de() {
+      if (l.length === 1)
+        w.set(l[0].pageX, l[0].pageY);
+      else {
+        const t = 0.5 * (l[0].pageX + l[1].pageX), s = 0.5 * (l[0].pageY + l[1].pageY);
+        w.set(t, s);
+      }
+    }
+    function me() {
+      if (l.length === 1)
+        C.set(l[0].pageX, l[0].pageY);
+      else {
+        const t = 0.5 * (l[0].pageX + l[1].pageX), s = 0.5 * (l[0].pageY + l[1].pageY);
+        C.set(t, s);
+      }
+    }
+    function he() {
+      const t = l[0].pageX - l[1].pageX, s = l[0].pageY - l[1].pageY, M = Math.sqrt(t * t + s * s);
+      T.set(0, M);
+    }
+    function Ge() {
+      e.enableZoom && he(), e.enablePan && me();
+    }
+    function $e() {
+      e.enableZoom && he(), e.enableRotate && de();
+    }
+    function ge(t) {
+      if (l.length == 1)
+        y.set(t.pageX, t.pageY);
+      else {
+        const M = q(t), O = 0.5 * (t.pageX + M.x), A = 0.5 * (t.pageY + M.y);
+        y.set(O, A);
+      }
+      d.subVectors(y, w).multiplyScalar(e.rotateSpeed);
+      const s = e.domElement;
+      B(2 * Math.PI * d.x / s.clientHeight), se(2 * Math.PI * d.y / s.clientHeight), w.copy(y);
+    }
+    function be(t) {
+      if (l.length === 1)
+        P.set(t.pageX, t.pageY);
+      else {
+        const s = q(t), M = 0.5 * (t.pageX + s.x), O = 0.5 * (t.pageY + s.y);
+        P.set(M, O);
+      }
+      u.subVectors(P, C).multiplyScalar(e.panSpeed), N(u.x, u.y), C.copy(P);
+    }
+    function ye(t) {
+      const s = q(t), M = t.pageX - s.x, O = t.pageY - s.y, A = Math.sqrt(M * M + O * O);
+      g.set(0, A), L.set(0, Math.pow(g.y / T.y, e.zoomSpeed)), V(L.y), T.copy(g);
+    }
+    function Qe(t) {
+      e.enableZoom && ye(t), e.enablePan && be(t);
+    }
+    function Je(t) {
+      e.enableZoom && ye(t), e.enableRotate && ge(t);
+    }
+    function Ee(t) {
+      e.enabled !== !1 && (l.length === 0 && (e.domElement.setPointerCapture(t.pointerId), e.domElement.addEventListener("pointermove", K), e.domElement.addEventListener("pointerup", W)), at(t), t.pointerType === "touch" ? nt(t) : et(t));
+    }
+    function K(t) {
+      e.enabled !== !1 && (t.pointerType === "touch" ? ot(t) : tt(t));
+    }
+    function W(t) {
+      Oe(t), l.length === 0 && (e.domElement.releasePointerCapture(t.pointerId), e.domElement.removeEventListener("pointermove", K), e.domElement.removeEventListener("pointerup", W)), e.dispatchEvent(Ie), r = n.NONE;
+    }
+    function we(t) {
+      Oe(t);
+    }
+    function et(t) {
+      let s;
+      switch (t.button) {
+        case 0:
+          s = e.mouseButtons.LEFT;
+          break;
+        case 1:
+          s = e.mouseButtons.MIDDLE;
+          break;
+        case 2:
+          s = e.mouseButtons.RIGHT;
+          break;
+        default:
+          s = -1;
+      }
+      switch (s) {
+        case j.DOLLY:
+          if (e.enableZoom === !1)
+            return;
+          Xe(t), r = n.DOLLY;
+          break;
+        case j.ROTATE:
+          if (t.ctrlKey || t.metaKey || t.shiftKey) {
+            if (e.enablePan === !1)
+              return;
+            fe(t), r = n.PAN;
+          } else {
+            if (e.enableRotate === !1)
+              return;
+            pe(t), r = n.ROTATE;
+          }
+          break;
+        case j.PAN:
+          if (t.ctrlKey || t.metaKey || t.shiftKey) {
+            if (e.enableRotate === !1)
+              return;
+            pe(t), r = n.ROTATE;
+          } else {
+            if (e.enablePan === !1)
+              return;
+            fe(t), r = n.PAN;
+          }
+          break;
+        default:
+          r = n.NONE;
+      }
+      r !== n.NONE && e.dispatchEvent(J);
+    }
+    function tt(t) {
+      switch (r) {
+        case n.ROTATE:
+          if (e.enableRotate === !1)
+            return;
+          Be(t);
+          break;
+        case n.DOLLY:
+          if (e.enableZoom === !1)
+            return;
+          Ve(t);
+          break;
+        case n.PAN:
+          if (e.enablePan === !1)
+            return;
+          Ke(t);
+          break;
+      }
+    }
+    function Pe(t) {
+      e.enabled === !1 || e.enableZoom === !1 || r !== n.NONE || (t.preventDefault(), e.dispatchEvent(J), We(t), e.dispatchEvent(Ie));
+    }
+    function Me(t) {
+      e.enabled === !1 || e.enablePan === !1 || qe(t);
+    }
+    function nt(t) {
+      switch (Ce(t), l.length) {
+        case 1:
+          switch (e.touches.ONE) {
+            case I.ROTATE:
+              if (e.enableRotate === !1)
+                return;
+              de(), r = n.TOUCH_ROTATE;
+              break;
+            case I.PAN:
+              if (e.enablePan === !1)
+                return;
+              me(), r = n.TOUCH_PAN;
+              break;
+            default:
+              r = n.NONE;
+          }
+          break;
+        case 2:
+          switch (e.touches.TWO) {
+            case I.DOLLY_PAN:
+              if (e.enableZoom === !1 && e.enablePan === !1)
+                return;
+              Ge(), r = n.TOUCH_DOLLY_PAN;
+              break;
+            case I.DOLLY_ROTATE:
+              if (e.enableZoom === !1 && e.enableRotate === !1)
+                return;
+              $e(), r = n.TOUCH_DOLLY_ROTATE;
+              break;
+            default:
+              r = n.NONE;
+          }
+          break;
+        default:
+          r = n.NONE;
+      }
+      r !== n.NONE && e.dispatchEvent(J);
+    }
+    function ot(t) {
+      switch (Ce(t), r) {
+        case n.TOUCH_ROTATE:
+          if (e.enableRotate === !1)
+            return;
+          ge(t), e.update();
+          break;
+        case n.TOUCH_PAN:
+          if (e.enablePan === !1)
+            return;
+          be(t), e.update();
+          break;
+        case n.TOUCH_DOLLY_PAN:
+          if (e.enableZoom === !1 && e.enablePan === !1)
+            return;
+          Qe(t), e.update();
+          break;
+        case n.TOUCH_DOLLY_ROTATE:
+          if (e.enableZoom === !1 && e.enableRotate === !1)
+            return;
+          Je(t), e.update();
+          break;
+        default:
+          r = n.NONE;
+      }
+    }
+    function Te(t) {
+      e.enabled !== !1 && t.preventDefault();
+    }
+    function at(t) {
+      l.push(t);
+    }
+    function Oe(t) {
+      delete v[t.pointerId];
+      for (let s = 0; s < l.length; s++)
+        if (l[s].pointerId == t.pointerId) {
+          l.splice(s, 1);
+          return;
+        }
+    }
+    function Ce(t) {
+      let s = v[t.pointerId];
+      s === void 0 && (s = new R(), v[t.pointerId] = s), s.set(t.pageX, t.pageY);
+    }
+    function q(t) {
+      const s = t.pointerId === l[0].pointerId ? l[1] : l[0];
+      return v[s.pointerId];
+    }
+    e.domElement.addEventListener("contextmenu", Te), e.domElement.addEventListener("pointerdown", Ee), e.domElement.addEventListener("pointercancel", we), e.domElement.addEventListener("wheel", Pe, { passive: !1 }), this.update();
+  }
+}
+let ee = { ...mt };
+function Lt() {
+  return {
+    extend: (a) => {
+      ee = Object.assign(ee, a);
+    },
+    catalogue: ee
+  };
+}
+const At = (o) => typeof o < "u", He = (o) => !!o && o.constructor === Array;
+function Ue(o) {
+  return typeof o == "number" ? [o, o, o] : o instanceof D ? [o.x, o.y, o.z] : o;
+}
+function Rt(o) {
+  return o instanceof Q ? o : Array.isArray(o) ? new Q(...o) : new Q(o);
+}
+const _e = "[TresJS \u25B2 \u25A0 \u25CF] ";
+function ie() {
+  function o(e, n) {
+    console.error(`${_e} ${e}`, n);
+  }
+  function a(e) {
+    console.warn(`${_e} ${e}`);
+  }
+  function b(e, n) {
+  }
+  return {
+    logError: o,
+    logWarning: a,
+    logMessage: b
+  };
+}
+const z = new bt(), te = Z(!1);
+function X() {
+  const { logMessage: o } = ie();
+  function a() {
+    z == null || z.clear(), te.value = !te.value, o("clear Scene", z);
+  }
+  return {
+    isSceneReset: te,
+    clearScene: a,
+    scene: z
+  };
+}
+const xt = ["rotation", "scale", "position"];
+function St() {
+  const { catalogue: o } = Lt(), { logMessage: a, logError: b } = ie();
+  function e() {
+    return Object.entries(o).filter(([n, r]) => {
+      var p, i;
+      return (i = (p = r == null ? void 0 : r.prototype) == null ? void 0 : p.constructor) == null ? void 0 : i.toString().includes("class");
+    }).map(([n, r]) => {
+      const p = Fe({
+        name: n,
+        setup(i, { slots: c, attrs: h, ...E }) {
+          a(n, {
+            props: i,
+            slots: c,
+            attrs: h,
+            ctx: E
+          });
+          let f;
+          const { scene: w } = X(), { pushCamera: y } = re();
+          function d() {
+            if ((c == null ? void 0 : c.default) && (c == null ? void 0 : c.default())) {
+              const P = c.default().map((u) => {
+                var g;
+                let T;
+                return (g = u == null ? void 0 : u.props) != null && g.args ? T = new o[u.type.name](...u.props.args) : T = new o[u.type.name](), u != null && u.props && C(u.props, T), T;
+              });
+              f = new r(...P);
+            } else
+              h.args ? f = new r(...h.args) : f = new r();
+            C(h, f), n === "PerspectiveCamera" || n === "OrtographicCamera" ? y(f) : w == null || w.add(f), a("Instance added", w), E.expose(f);
+          }
+          function C(P, u) {
+            Object.entries(P).forEach(([T, g]) => {
+              const L = T.replace(/(-\w)/g, (l) => l[1].toUpperCase());
+              if (!(L === "args" || g === void 0)) {
+                xt.includes(T) && g && (g = Ue(g));
+                try {
+                  u[L] && At(u[L].set) ? He(g) ? u[L].set(...g) : u[L].set(g) : (g === "" && (g = !0), u[L] = g);
+                } catch (l) {
+                  b(`There was an error setting ${L} property`, l);
+                }
+              }
+            }), P.ref && (P.ref = u);
+          }
+          return d(), () => {
+          };
+        }
+      });
+      return [n, p];
+    });
+  }
+  return {
+    createComponentInstances: e
+  };
+}
+let Ye;
+function Dt(o, a, b) {
+  const e = new yt(), { scene: n } = X(), r = () => {
+    const i = e.getElapsedTime(), c = e.getDelta();
+    n && (a && a(c, i), o(c, i), b && b(c, i)), Ye = requestAnimationFrame(r);
+  };
+  r();
+  function p() {
+    cancelAnimationFrame(Ye);
+  }
+  return {
+    disposeLoop: p
+  };
+}
+function Nt() {
+  const o = new Et(), a = Z(o);
+  return { loadingManager: o, loadingManagerRef: a };
+}
+async function zt(o) {
+  const { loadingManager: a } = Nt(), b = new wt(a), e = (n) => new Promise((r, p) => {
+    b.load(
+      n,
+      (i) => r(i),
+      () => null,
+      () => {
+        p(new Error("[useTextures] - Failed to load texture"));
+      }
+    );
+  });
+  if (He(o)) {
+    const n = await Promise.all(o.map((r) => e(r)));
+    return o.length > 1 ? n : n[0];
+  } else {
+    const { map: n, displacementMap: r, normalMap: p, roughnessMap: i, metalnessMap: c, aoMap: h } = o;
+    return {
+      map: n ? await e(n) : null,
+      displacementMap: r ? await e(r) : null,
+      normalMap: p ? await e(p) : null,
+      roughnessMap: i ? await e(i) : null,
+      metalnessMap: c ? await e(c) : null,
+      aoMap: h ? await e(h) : null
+    };
+  }
+}
+let m, ne, ze;
+function kt(o, a) {
+  const { width: b, height: e } = ve(), { logMessage: n } = ie(), r = oe(() => b.value / e.value), { scene: p } = X(), { activeCamera: i } = re();
+  function c() {
+    m && (m.shadowMap.enabled = !0, m.shadowMap.type = Mt);
+  }
+  function h() {
+    m && (m.setSize(b.value, e.value), m.setPixelRatio(Math.min(window.devicePixelRatio, 2)));
+  }
+  function E() {
+    m && (m.dispose(), m = null), n("disposeRenderer", m), ze();
+  }
+  ae(r, h);
+  function f() {
+    if (n("Render init", {
+      renderer: m,
+      canvas: o,
+      scene: p
+    }), !m && o.value && p) {
+      const y = {
+        canvas: o.value,
+        ...a
+      };
+      a != null && a.context && (y.context = a.context), m = new Pt(y), a != null && a.shadows && c(), m.physicallyCorrectLights = (a == null ? void 0 : a.physicallyCorrectLights) || !1, a != null && a.outputEncoding && (m.outputEncoding = a.outputEncoding), a != null && a.toneMapping && (m.toneMapping = a.toneMapping, m.toneMappingExposure = 1), h(), m.render(p, i.value), ne = new Ct(i.value, m.domElement), ne.enableDamping = !0, ze = Dt(() => {
+        p && m && m.render(p, i.value), ne.update();
+      }).disposeLoop;
+    }
+  }
+  function w(y) {
+    m && m.setClearColor(Rt(y));
+  }
+  return f(), {
+    renderer: m,
+    setClearColor: w,
+    updateRenderer: h,
+    disposeRenderer: E
+  };
+}
+const jt = /* @__PURE__ */ Fe({
+  __name: "TresCanvas",
+  props: {
+    camera: null,
+    ortographic: { type: Boolean },
+    gl: null,
+    shadows: { type: Boolean, default: !1 },
+    physicallyCorrectLights: { type: Boolean, default: !1 },
+    outputEncoding: { default: Tt },
+    alpha: { type: Boolean, default: !1 },
+    background: null,
+    async: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const a = o;
+    let b, e = () => {
+    };
+    const n = Z(), r = Z(!0), { scene: p, clearScene: i } = X(), c = rt(), h = it(), { createCamera: E } = re();
+    let f;
+    const w = c.default ? c == null ? void 0 : c.default().some(
+      (d) => d.type.name === "PerspectiveCamera" || d.type.name === "OrtographicCamera"
+    ) : !1;
+    if (p && !w)
+      if (a.camera) {
+        const { position: d, ...C } = a.camera;
+        if (f = E(a.ortographic === !0 ? F.Orthographic : F.Perspective, C || {}), d) {
+          const P = Ue(d);
+          f.position.set(...P);
+        }
+        p.add(f);
+      } else
+        f = E(a.ortographic === !0 ? F.Orthographic : F.Perspective, {}), f.position.set(5, 5, 5), p.add(f);
+    ae(a, () => {
+      b && (e(), i(), y());
+    });
+    function y() {
+      const d = kt(n, {
+        antialias: !0,
+        physicallyCorrectLights: a.physicallyCorrectLights,
+        shadows: a.shadows,
+        context: a.gl || null,
+        alpha: a.alpha
+      });
+      b = d.renderer, e = d.disposeRenderer, a.background && d.setClearColor(a.background);
+    }
+    return st(() => {
+      y();
+    }), ct(() => {
+      i(), e();
+    }), (d, C) => {
+      var P, u, T, g;
+      return G(), Ae("div", {
+        id: "tres-container",
+        style: Re({
+          position: "relative",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          overflow: "hidden",
+          width: ((u = (P = xe(h)) == null ? void 0 : P.style) == null ? void 0 : u.width) || "100%",
+          height: "100%"
+        })
+      }, [
+        lt("canvas", {
+          ref_key: "canvasRef",
+          ref: n,
+          style: Re({ width: ((g = (T = xe(h)) == null ? void 0 : T.style) == null ? void 0 : g.width) || "100%", height: "100%" })
+        }, null, 4),
+        o.async ? (G(), ut(pt, { key: 0 }, {
+          default: ft(() => [
+            r.value ? Se(d.$slots, "default", { key: 0 }) : De("", !0)
+          ]),
+          _: 3
+        })) : (G(), Ae(dt, { key: 1 }, [
+          r.value ? Se(d.$slots, "default", { key: 0 }) : De("", !0)
+        ], 64))
+      ], 4);
+    };
+  }
+}), Ft = {
+  install(o) {
+    o.component("TresCanvas", jt);
+    const { createComponentInstances: a } = St();
+    a().forEach(([e, n]) => {
+      o.component(e, n);
+    });
+  }
+};
+export {
+  F as CameraType,
+  Ft as default,
+  re as useCamera,
+  Lt as useCatalog,
+  St as useInstanceCreator,
+  Nt as useLoadingManager,
+  Dt as useLoop,
+  kt as useRenderer,
+  X as useScene,
+  zt as useTexture
+};

package/dist/tres.umd.cjs

@@ -0,0 +1,8 @@
+/**
+ * name: @tres/core
+ * version: v0.1.0
+ * (c) 2022
+ * description: Declarative ThreeJS using Vue Components
+ * author: Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)
+ */
+(function(O,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue"),require("three"),require("@vueuse/core")):typeof define=="function"&&define.amd?define(["exports","vue","three","@vueuse/core"],l):(O=typeof globalThis<"u"?globalThis:O||self,l(O.tres={},O.Vue,O.Three,O.VueUseCore))})(this,function(O,l,r,ee){"use strict";function Ie(n){if(n&&n.__esModule)return n;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const g in n)if(g!=="default"){const e=Object.getOwnPropertyDescriptor(n,g);Object.defineProperty(a,g,e.get?e:{enumerable:!0,get:()=>n[g]})}}return a.default=n,Object.freeze(a)}const _e=Ie(r);var I=(n=>(n.Perspective="Perspective",n.Orthographic="Orthographic",n))(I||{});const Y={cameras:[]},Ve=45;let _;function E(){const{width:n,height:a}=ee.useWindowSize();function g(s="Perspective",u){if(s==="Perspective"){const{near:y,far:M,fov:m}=u||{near:.1,far:1e3,fov:Ve};_=new r.PerspectiveCamera(m,e.value,y,M),Y.cameras.push(_)}else{const{left:y,right:M,top:m,bottom:C,near:P,far:b}=u||{left:-100,right:100,top:100,bottom:-100,near:.1,far:1e3};_=new r.OrthographicCamera(y,M,m,C,P,b),Y.cameras.push(_)}return Y.cameras.push(_),_}const e=l.computed(()=>n.value/a.value),o=l.computed(()=>Y.cameras[0]);function i(){o.value instanceof r.PerspectiveCamera&&(o.value.aspect=e.value),o.value.updateProjectionMatrix()}function d(s){Y.cameras.push(s),s instanceof r.PerspectiveCamera&&(s.aspect=e.value),s.updateProjectionMatrix()}return l.watch(e,i),{activeCamera:o,createCamera:g,updateCamera:i,pushCamera:d}}const te={type:"change"},X={type:"start"},ne={type:"end"};class Ue extends r.EventDispatcher{constructor(a,g){super(),this.object=a,this.domElement=g,this.domElement.style.touchAction="none",this.enabled=!0,this.target=new r.Vector3,this.minDistance=0,this.maxDistance=1/0,this.minZoom=0,this.maxZoom=1/0,this.minPolarAngle=0,this.maxPolarAngle=Math.PI,this.minAzimuthAngle=-1/0,this.maxAzimuthAngle=1/0,this.enableDamping=!1,this.dampingFactor=.05,this.enableZoom=!0,this.zoomSpeed=1,this.enableRotate=!0,this.rotateSpeed=1,this.enablePan=!0,this.panSpeed=1,this.screenSpacePanning=!0,this.keyPanSpeed=7,this.autoRotate=!1,this.autoRotateSpeed=2,this.keys={LEFT:"ArrowLeft",UP:"ArrowUp",RIGHT:"ArrowRight",BOTTOM:"ArrowDown"},this.mouseButtons={LEFT:r.MOUSE.ROTATE,MIDDLE:r.MOUSE.DOLLY,RIGHT:r.MOUSE.PAN},this.touches={ONE:r.TOUCH.ROTATE,TWO:r.TOUCH.DOLLY_PAN},this.target0=this.target.clone(),this.position0=this.object.position.clone(),this.zoom0=this.object.zoom,this._domElementKeyEvents=null,this.getPolarAngle=function(){return s.phi},this.getAzimuthalAngle=function(){return s.theta},this.getDistance=function(){return this.object.position.distanceTo(this.target)},this.listenToKeyEvents=function(t){t.addEventListener("keydown",De),this._domElementKeyEvents=t},this.saveState=function(){e.target0.copy(e.target),e.position0.copy(e.object.position),e.zoom0=e.object.zoom},this.reset=function(){e.target.copy(e.target0),e.object.position.copy(e.position0),e.object.zoom=e.zoom0,e.object.updateProjectionMatrix(),e.dispatchEvent(te),e.update(),i=o.NONE},this.update=function(){const t=new r.Vector3,c=new r.Quaternion().setFromUnitVectors(a.up,new r.Vector3(0,1,0)),L=c.clone().invert(),x=new r.Vector3,k=new r.Quaternion,U=2*Math.PI;return function(){const Te=e.object.position;t.copy(Te).sub(e.target),t.applyQuaternion(c),s.setFromVector3(t),e.autoRotate&&i===o.NONE&&$(Re()),e.enableDamping?(s.theta+=u.theta*e.dampingFactor,s.phi+=u.phi*e.dampingFactor):(s.theta+=u.theta,s.phi+=u.phi);let N=e.minAzimuthAngle,T=e.maxAzimuthAngle;return isFinite(N)&&isFinite(T)&&(N<-Math.PI?N+=U:N>Math.PI&&(N-=U),T<-Math.PI?T+=U:T>Math.PI&&(T-=U),N<=T?s.theta=Math.max(N,Math.min(T,s.theta)):s.theta=s.theta>(N+T)/2?Math.max(N,s.theta):Math.min(T,s.theta)),s.phi=Math.max(e.minPolarAngle,Math.min(e.maxPolarAngle,s.phi)),s.makeSafe(),s.radius*=y,s.radius=Math.max(e.minDistance,Math.min(e.maxDistance,s.radius)),e.enableDamping===!0?e.target.addScaledVector(M,e.dampingFactor):e.target.add(M),t.setFromSpherical(s),t.applyQuaternion(L),Te.copy(e.target).add(t),e.object.lookAt(e.target),e.enableDamping===!0?(u.theta*=1-e.dampingFactor,u.phi*=1-e.dampingFactor,M.multiplyScalar(1-e.dampingFactor)):(u.set(0,0,0),M.set(0,0,0)),y=1,m||x.distanceToSquared(e.object.position)>d||8*(1-k.dot(e.object.quaternion))>d?(e.dispatchEvent(te),x.copy(e.object.position),k.copy(e.object.quaternion),m=!1,!0):!1}}(),this.dispose=function(){e.domElement.removeEventListener("contextmenu",je),e.domElement.removeEventListener("pointerdown",Le),e.domElement.removeEventListener("pointercancel",Ae),e.domElement.removeEventListener("wheel",xe),e.domElement.removeEventListener("pointermove",v),e.domElement.removeEventListener("pointerup",J),e._domElementKeyEvents!==null&&e._domElementKeyEvents.removeEventListener("keydown",De)};const e=this,o={NONE:-1,ROTATE:0,DOLLY:1,PAN:2,TOUCH_ROTATE:3,TOUCH_PAN:4,TOUCH_DOLLY_PAN:5,TOUCH_DOLLY_ROTATE:6};let i=o.NONE;const d=1e-6,s=new r.Spherical,u=new r.Spherical;let y=1;const M=new r.Vector3;let m=!1;const C=new r.Vector2,P=new r.Vector2,b=new r.Vector2,D=new r.Vector2,S=new r.Vector2,f=new r.Vector2,A=new r.Vector2,w=new r.Vector2,j=new r.Vector2,p=[],Z={};function Re(){return 2*Math.PI/60/60*e.autoRotateSpeed}function B(){return Math.pow(.95,e.zoomSpeed)}function $(t){u.theta-=t}function de(t){u.phi-=t}const me=function(){const t=new r.Vector3;return function(L,x){t.setFromMatrixColumn(x,0),t.multiplyScalar(-L),M.add(t)}}(),he=function(){const t=new r.Vector3;return function(L,x){e.screenSpacePanning===!0?t.setFromMatrixColumn(x,1):(t.setFromMatrixColumn(x,0),t.crossVectors(e.object.up,t)),t.multiplyScalar(L),M.add(t)}}(),V=function(){const t=new r.Vector3;return function(L,x){const k=e.domElement;if(e.object.isPerspectiveCamera){const U=e.object.position;t.copy(U).sub(e.target);let R=t.length();R*=Math.tan(e.object.fov/2*Math.PI/180),me(2*L*R/k.clientHeight,e.object.matrix),he(2*x*R/k.clientHeight,e.object.matrix)}else e.object.isOrthographicCamera?(me(L*(e.object.right-e.object.left)/e.object.zoom/k.clientWidth,e.object.matrix),he(x*(e.object.top-e.object.bottom)/e.object.zoom/k.clientHeight,e.object.matrix)):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - pan disabled."),e.enablePan=!1)}}();function Q(t){e.object.isPerspectiveCamera?y/=t:e.object.isOrthographicCamera?(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom*t)),e.object.updateProjectionMatrix(),m=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function ge(t){e.object.isPerspectiveCamera?y*=t:e.object.isOrthographicCamera?(e.object.zoom=Math.max(e.minZoom,Math.min(e.maxZoom,e.object.zoom/t)),e.object.updateProjectionMatrix(),m=!0):(console.warn("WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled."),e.enableZoom=!1)}function be(t){C.set(t.clientX,t.clientY)}function Xe(t){A.set(t.clientX,t.clientY)}function ye(t){D.set(t.clientX,t.clientY)}function Ke(t){P.set(t.clientX,t.clientY),b.subVectors(P,C).multiplyScalar(e.rotateSpeed);const c=e.domElement;$(2*Math.PI*b.x/c.clientHeight),de(2*Math.PI*b.y/c.clientHeight),C.copy(P),e.update()}function We(t){w.set(t.clientX,t.clientY),j.subVectors(w,A),j.y>0?Q(B()):j.y<0&&ge(B()),A.copy(w),e.update()}function qe(t){S.set(t.clientX,t.clientY),f.subVectors(S,D).multiplyScalar(e.panSpeed),V(f.x,f.y),D.copy(S),e.update()}function Ge(t){t.deltaY<0?ge(B()):t.deltaY>0&&Q(B()),e.update()}function $e(t){let c=!1;switch(t.code){case e.keys.UP:V(0,e.keyPanSpeed),c=!0;break;case e.keys.BOTTOM:V(0,-e.keyPanSpeed),c=!0;break;case e.keys.LEFT:V(e.keyPanSpeed,0),c=!0;break;case e.keys.RIGHT:V(-e.keyPanSpeed,0),c=!0;break}c&&(t.preventDefault(),e.update())}function we(){if(p.length===1)C.set(p[0].pageX,p[0].pageY);else{const t=.5*(p[0].pageX+p[1].pageX),c=.5*(p[0].pageY+p[1].pageY);C.set(t,c)}}function Pe(){if(p.length===1)D.set(p[0].pageX,p[0].pageY);else{const t=.5*(p[0].pageX+p[1].pageX),c=.5*(p[0].pageY+p[1].pageY);D.set(t,c)}}function Oe(){const t=p[0].pageX-p[1].pageX,c=p[0].pageY-p[1].pageY,L=Math.sqrt(t*t+c*c);A.set(0,L)}function Qe(){e.enableZoom&&Oe(),e.enablePan&&Pe()}function ve(){e.enableZoom&&Oe(),e.enableRotate&&we()}function Me(t){if(p.length==1)P.set(t.pageX,t.pageY);else{const L=H(t),x=.5*(t.pageX+L.x),k=.5*(t.pageY+L.y);P.set(x,k)}b.subVectors(P,C).multiplyScalar(e.rotateSpeed);const c=e.domElement;$(2*Math.PI*b.x/c.clientHeight),de(2*Math.PI*b.y/c.clientHeight),C.copy(P)}function Ce(t){if(p.length===1)S.set(t.pageX,t.pageY);else{const c=H(t),L=.5*(t.pageX+c.x),x=.5*(t.pageY+c.y);S.set(L,x)}f.subVectors(S,D).multiplyScalar(e.panSpeed),V(f.x,f.y),D.copy(S)}function Se(t){const c=H(t),L=t.pageX-c.x,x=t.pageY-c.y,k=Math.sqrt(L*L+x*x);w.set(0,k),j.set(0,Math.pow(w.y/A.y,e.zoomSpeed)),Q(j.y),A.copy(w)}function Je(t){e.enableZoom&&Se(t),e.enablePan&&Ce(t)}function He(t){e.enableZoom&&Se(t),e.enableRotate&&Me(t)}function Le(t){e.enabled!==!1&&(p.length===0&&(e.domElement.setPointerCapture(t.pointerId),e.domElement.addEventListener("pointermove",v),e.domElement.addEventListener("pointerup",J)),at(t),t.pointerType==="touch"?nt(t):et(t))}function v(t){e.enabled!==!1&&(t.pointerType==="touch"?ot(t):tt(t))}function J(t){ke(t),p.length===0&&(e.domElement.releasePointerCapture(t.pointerId),e.domElement.removeEventListener("pointermove",v),e.domElement.removeEventListener("pointerup",J)),e.dispatchEvent(ne),i=o.NONE}function Ae(t){ke(t)}function et(t){let c;switch(t.button){case 0:c=e.mouseButtons.LEFT;break;case 1:c=e.mouseButtons.MIDDLE;break;case 2:c=e.mouseButtons.RIGHT;break;default:c=-1}switch(c){case r.MOUSE.DOLLY:if(e.enableZoom===!1)return;Xe(t),i=o.DOLLY;break;case r.MOUSE.ROTATE:if(t.ctrlKey||t.metaKey||t.shiftKey){if(e.enablePan===!1)return;ye(t),i=o.PAN}else{if(e.enableRotate===!1)return;be(t),i=o.ROTATE}break;case r.MOUSE.PAN:if(t.ctrlKey||t.metaKey||t.shiftKey){if(e.enableRotate===!1)return;be(t),i=o.ROTATE}else{if(e.enablePan===!1)return;ye(t),i=o.PAN}break;default:i=o.NONE}i!==o.NONE&&e.dispatchEvent(X)}function tt(t){switch(i){case o.ROTATE:if(e.enableRotate===!1)return;Ke(t);break;case o.DOLLY:if(e.enableZoom===!1)return;We(t);break;case o.PAN:if(e.enablePan===!1)return;qe(t);break}}function xe(t){e.enabled===!1||e.enableZoom===!1||i!==o.NONE||(t.preventDefault(),e.dispatchEvent(X),Ge(t),e.dispatchEvent(ne))}function De(t){e.enabled===!1||e.enablePan===!1||$e(t)}function nt(t){switch(Ne(t),p.length){case 1:switch(e.touches.ONE){case r.TOUCH.ROTATE:if(e.enableRotate===!1)return;we(),i=o.TOUCH_ROTATE;break;case r.TOUCH.PAN:if(e.enablePan===!1)return;Pe(),i=o.TOUCH_PAN;break;default:i=o.NONE}break;case 2:switch(e.touches.TWO){case r.TOUCH.DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;Qe(),i=o.TOUCH_DOLLY_PAN;break;case r.TOUCH.DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;ve(),i=o.TOUCH_DOLLY_ROTATE;break;default:i=o.NONE}break;default:i=o.NONE}i!==o.NONE&&e.dispatchEvent(X)}function ot(t){switch(Ne(t),i){case o.TOUCH_ROTATE:if(e.enableRotate===!1)return;Me(t),e.update();break;case o.TOUCH_PAN:if(e.enablePan===!1)return;Ce(t),e.update();break;case o.TOUCH_DOLLY_PAN:if(e.enableZoom===!1&&e.enablePan===!1)return;Je(t),e.update();break;case o.TOUCH_DOLLY_ROTATE:if(e.enableZoom===!1&&e.enableRotate===!1)return;He(t),e.update();break;default:i=o.NONE}}function je(t){e.enabled!==!1&&t.preventDefault()}function at(t){p.push(t)}function ke(t){delete Z[t.pointerId];for(let c=0;c<p.length;c++)if(p[c].pointerId==t.pointerId){p.splice(c,1);return}}function Ne(t){let c=Z[t.pointerId];c===void 0&&(c=new r.Vector2,Z[t.pointerId]=c),c.set(t.pageX,t.pageY)}function H(t){const c=t.pointerId===p[0].pointerId?p[1]:p[0];return Z[c.pointerId]}e.domElement.addEventListener("contextmenu",je),e.domElement.addEventListener("pointerdown",Le),e.domElement.addEventListener("pointercancel",Ae),e.domElement.addEventListener("wheel",xe,{passive:!1}),this.update()}}let K={..._e};function oe(){return{extend:a=>{K=Object.assign(K,a)},catalogue:K}}const Ye=n=>typeof n<"u",ae=n=>!!n&&n.constructor===Array;function re(n){return typeof n=="number"?[n,n,n]:n instanceof r.Vector3?[n.x,n.y,n.z]:n}function ze(n){return n instanceof r.Color?n:Array.isArray(n)?new r.Color(...n):new r.Color(n)}const ie="[TresJS \u25B2 \u25A0 \u25CF] ";function W(){function n(e,o){console.error(`${ie} ${e}`,o)}function a(e){console.warn(`${ie} ${e}`)}function g(e,o){}return{logError:n,logWarning:a,logMessage:g}}const z=new r.Scene,q=l.ref(!1);function F(){const{logMessage:n}=W();function a(){z==null||z.clear(),q.value=!q.value,n("clear Scene",z)}return{isSceneReset:q,clearScene:a,scene:z}}const Fe=["rotation","scale","position"];function se(){const{catalogue:n}=oe(),{logMessage:a,logError:g}=W();function e(){return Object.entries(n).filter(([o,i])=>{var d,s;return(s=(d=i==null?void 0:i.prototype)==null?void 0:d.constructor)==null?void 0:s.toString().includes("class")}).map(([o,i])=>{const d=l.defineComponent({name:o,setup(s,{slots:u,attrs:y,...M}){a(o,{props:s,slots:u,attrs:y,ctx:M});let m;const{scene:C}=F(),{pushCamera:P}=E();function b(){if((u==null?void 0:u.default)&&(u==null?void 0:u.default())){const S=u.default().map(f=>{var w;let A;return(w=f==null?void 0:f.props)!=null&&w.args?A=new n[f.type.name](...f.props.args):A=new n[f.type.name],f!=null&&f.props&&D(f.props,A),A});m=new i(...S)}else y.args?m=new i(...y.args):m=new i;D(y,m),o==="PerspectiveCamera"||o==="OrtographicCamera"?P(m):C==null||C.add(m),a("Instance added",C),M.expose(m)}function D(S,f){Object.entries(S).forEach(([A,w])=>{const j=A.replace(/(-\w)/g,p=>p[1].toUpperCase());if(!(j==="args"||w===void 0)){Fe.includes(A)&&w&&(w=re(w));try{f[j]&&Ye(f[j].set)?ae(w)?f[j].set(...w):f[j].set(w):(w===""&&(w=!0),f[j]=w)}catch(p){g(`There was an error setting ${j} property`,p)}}}),S.ref&&(S.ref=f)}return b(),()=>{}}});return[o,d]})}return{createComponentInstances:e}}let ce;function le(n,a,g){const e=new r.Clock,{scene:o}=F(),i=()=>{const s=e.getElapsedTime(),u=e.getDelta();o&&(a&&a(u,s),n(u,s),g&&g(u,s)),ce=requestAnimationFrame(i)};i();function d(){cancelAnimationFrame(ce)}return{disposeLoop:d}}function ue(){const n=new r.LoadingManager,a=l.ref(n);return{loadingManager:n,loadingManagerRef:a}}async function Ee(n){const{loadingManager:a}=ue(),g=new r.TextureLoader(a),e=o=>new Promise((i,d)=>{g.load(o,s=>i(s),()=>null,()=>{d(new Error("[useTextures] - Failed to load texture"))})});if(ae(n)){const o=await Promise.all(n.map(i=>e(i)));return n.length>1?o:o[0]}else{const{map:o,displacementMap:i,normalMap:d,roughnessMap:s,metalnessMap:u,aoMap:y}=n;return{map:o?await e(o):null,displacementMap:i?await e(i):null,normalMap:d?await e(d):null,roughnessMap:s?await e(s):null,metalnessMap:u?await e(u):null,aoMap:y?await e(y):null}}}let h,G,pe;function fe(n,a){const{width:g,height:e}=ee.useWindowSize(),{logMessage:o}=W(),i=l.computed(()=>g.value/e.value),{scene:d}=F(),{activeCamera:s}=E();function u(){h&&(h.shadowMap.enabled=!0,h.shadowMap.type=r.PCFSoftShadowMap)}function y(){h&&(h.setSize(g.value,e.value),h.setPixelRatio(Math.min(window.devicePixelRatio,2)))}function M(){h&&(h.dispose(),h=null),o("disposeRenderer",h),pe()}l.watch(i,y);function m(){if(o("Render init",{renderer:h,canvas:n,scene:d}),!h&&n.value&&d){const P={canvas:n.value,...a};a!=null&&a.context&&(P.context=a.context),h=new r.WebGLRenderer(P),a!=null&&a.shadows&&u(),h.physicallyCorrectLights=(a==null?void 0:a.physicallyCorrectLights)||!1,a!=null&&a.outputEncoding&&(h.outputEncoding=a.outputEncoding),a!=null&&a.toneMapping&&(h.toneMapping=a.toneMapping,h.toneMappingExposure=1),y(),h.render(d,s.value),G=new Ue(s.value,h.domElement),G.enableDamping=!0,pe=le(()=>{d&&h&&h.render(d,s.value),G.update()}).disposeLoop}}function C(P){h&&h.setClearColor(ze(P))}return m(),{renderer:h,setClearColor:C,updateRenderer:y,disposeRenderer:M}}const Ze=l.defineComponent({__name:"TresCanvas",props:{camera:null,ortographic:{type:Boolean},gl:null,shadows:{type:Boolean,default:!1},physicallyCorrectLights:{type:Boolean,default:!1},outputEncoding:{default:r.sRGBEncoding},alpha:{type:Boolean,default:!1},background:null,async:{type:Boolean,default:!1}},setup(n){const a=n;let g,e=()=>{};const o=l.ref(),i=l.ref(!0),{scene:d,clearScene:s}=F(),u=l.useSlots(),y=l.useAttrs(),{createCamera:M}=E();let m;const C=u.default?u==null?void 0:u.default().some(b=>b.type.name==="PerspectiveCamera"||b.type.name==="OrtographicCamera"):!1;if(d&&!C)if(a.camera){const{position:b,...D}=a.camera;if(m=M(a.ortographic===!0?I.Orthographic:I.Perspective,D||{}),b){const S=re(b);m.position.set(...S)}d.add(m)}else m=M(a.ortographic===!0?I.Orthographic:I.Perspective,{}),m.position.set(5,5,5),d.add(m);l.watch(a,()=>{g&&(e(),s(),P())});function P(){const b=fe(o,{antialias:!0,physicallyCorrectLights:a.physicallyCorrectLights,shadows:a.shadows,context:a.gl||null,alpha:a.alpha});g=b.renderer,e=b.disposeRenderer,a.background&&b.setClearColor(a.background)}return l.onMounted(()=>{P()}),l.onBeforeUnmount(()=>{s(),e()}),(b,D)=>{var S,f,A,w;return l.openBlock(),l.createElementBlock("div",{id:"tres-container",style:l.normalizeStyle({position:"relative",top:0,left:0,right:0,bottom:0,overflow:"hidden",width:((f=(S=l.unref(y))==null?void 0:S.style)==null?void 0:f.width)||"100%",height:"100%"})},[l.createElementVNode("canvas",{ref_key:"canvasRef",ref:o,style:l.normalizeStyle({width:((w=(A=l.unref(y))==null?void 0:A.style)==null?void 0:w.width)||"100%",height:"100%"})},null,4),n.async?(l.openBlock(),l.createBlock(l.Suspense,{key:0},{default:l.withCtx(()=>[i.value?l.renderSlot(b.$slots,"default",{key:0}):l.createCommentVNode("",!0)]),_:3})):(l.openBlock(),l.createElementBlock(l.Fragment,{key:1},[i.value?l.renderSlot(b.$slots,"default",{key:0}):l.createCommentVNode("",!0)],64))],4)}}}),Be={install(n){n.component("TresCanvas",Ze);const{createComponentInstances:a}=se();a().forEach(([e,o])=>{n.component(e,o)})}};O.CameraType=I,O.default=Be,O.useCamera=E,O.useCatalog=oe,O.useInstanceCreator=se,O.useLoadingManager=ue,O.useLoop=le,O.useRenderer=fe,O.useScene=F,O.useTexture=Ee,Object.defineProperties(O,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/types/index.d.ts

@@ -0,0 +1,14 @@
+import { Object3D } from 'three';
+import { VNode, VNodeTypes } from 'vue';
+export declare type TresInstance = Object3D<Event> & {
+    [key: string]: any;
+};
+export declare type TresVNodeType = VNodeTypes & {
+    name?: string | Array<string>;
+    __name?: string;
+    setup?: (props: Readonly<any>) => void;
+};
+export declare type TresVNode = VNode & {
+    children?: Array<VNode>;
+    type: TresVNodeType;
+};

package/dist/utils/normalize.d.ts

@@ -0,0 +1,17 @@
+import { Vector3, Color } from 'three';
+export declare type SizeFlexibleParams = number[] | {
+    width: number;
+    height: number;
+};
+export interface Vector2PropInterface {
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+}
+export interface Vector3PropInterface extends Vector2PropInterface {
+    z?: number;
+}
+export declare type VectorFlexibleParams = Vector3 | number[] | Vector3PropInterface | number;
+export declare function normalizeVectorFlexibleParam(value: VectorFlexibleParams): Array<number>;
+export declare function normalizeColor(value: Color | Array<number> | string | number): Color;

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@tresjs/core",
+  "description": "Declarative ThreeJS using Vue Components",
+  "version": "0.1.0",
+  "type": "module",
+  "author": "Alvaro Saburido <hola@alvarosaburido.dev> (https://github.com/alvarosabu/)",
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "main": "./dist/tres.umd.cjs",
+  "module": "./dist/tres.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/tres.js",
+      "require": "./dist/tres.umd.cjs"
+    },
+    "./styles": "./dist/style.css",
+    "./*": "./dist/tres.js"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [
+    "vue",
+    "3d",
+    "threejs",
+    "three",
+    "threejs-vue"
+  ],
+  "dependencies": {
+    "vue": "^3.2.41"
+  },
+  "peerDependencies": {
+    "three": "latest"
+  },
+  "devDependencies": {
+    "@alvarosabu/utils": "^2.2.0",
+    "@histoire/plugin-vue": "0.11.5",
+    "@vitejs/plugin-vue": "^3.2.0",
+    "@vitest/coverage-c8": "^0.24.5",
+    "@vitest/ui": "^0.24.3",
+    "@vueuse/core": "^9.3.0",
+    "gl": "6.0.1",
+    "happy-dom": "^7.6.6",
+    "histoire": "0.11.5",
+    "kolorist": "^1.6.0",
+    "pathe": "^0.3.9",
+    "rollup-plugin-analyzer": "^4.0.0",
+    "rollup-plugin-visualizer": "^5.8.3",
+    "unplugin-vue-components": "^0.22.9",
+    "vite": "^3.2.0",
+    "vite-plugin-banner": "^0.5.0",
+    "vite-plugin-dts": "^1.6.6",
+    "vite-plugin-require-transform": "^1.0.4",
+    "vitest": "^0.24.0",
+    "vue-demi": "^0.13.11"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ci": "vitest run",
+    "test:ui": "vitest --ui",
+    "coverage": "vitest run --coverage",
+    "story:dev": "histoire dev",
+    "story:build": "histoire build",
+    "story:preview": "histoire preview",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx,.vue"
+  }
+}