@threlte/xr 1.0.8 → 1.1.1

package/package.json

@@ -1,32 +1,32 @@
 {
   "name": "@threlte/xr",
-  "version": "1.0.8",
+  "version": "1.1.1",
   "author": "Micheal Parks <michealparks1989@gmail.com> (https://parks.lol)",
   "license": "MIT",
   "description": "Tools to more easily create VR and AR experiences with Threlte",
   "devDependencies": {
     "@eslint/js": "^9.26.0",
-    "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.7.7",
+    "@sveltejs/adapter-auto": "^6.1.0",
+    "@sveltejs/kit": "^2.37.0",
     "@sveltejs/package": "^2.3.7",
-    "@sveltejs/vite-plugin-svelte": "^4.0.0",
+    "@sveltejs/vite-plugin-svelte": "^6.1.4",
     "@types/three": "^0.175.0",
-    "@types/webxr": "^0.5.22",
+    "@types/webxr": "0.5.23",
     "autoprefixer": "^10.4.19",
     "eslint": "^9.26.0",
     "eslint-plugin-svelte": "^3.5.1",
     "globals": "^16.1.0",
     "postcss": "^8.4.38",
     "publint": "^0.2.7",
-    "svelte": "^5.26.2",
-    "svelte-check": "^4.1.7",
+    "svelte": "5.26.2",
+    "svelte-check": "^4.3.1",
     "three": "^0.175.0",
     "tslib": "^2.6.2",
-    "typescript": "^5.6.3",
+    "typescript": "5.9.2",
     "typescript-eslint": "^8.32.0",
-    "vite": "^5.2.8",
+    "vite": "^7.1.4",
     "vite-plugin-mkcert": "^1.17.5",
-    "@threlte/core": "8.0.5"
+    "@threlte/core": "8.1.5"
   },
   "peerDependencies": {
     "svelte": ">=5",

package/dist/hooks/useController.d.ts

@@ -1,9 +0,0 @@
-import { type CurrentWritable } from '@threlte/core';
-import type { XRController } from '../types';
-export declare const left: CurrentWritable<XRController | undefined>;
-export declare const right: CurrentWritable<XRController | undefined>;
-export declare const gaze: CurrentWritable<XRController | undefined>;
-/**
- * Provides a reference to a current XRController, filtered by handedness.
- */
-export declare const useController: (handedness: XRHandedness) => CurrentWritable<XRController | undefined>;

package/dist/hooks/useController.js

@@ -1,19 +0,0 @@
-import { currentWritable } from '@threlte/core';
-export const left = currentWritable(undefined);
-export const right = currentWritable(undefined);
-export const gaze = currentWritable(undefined);
-/**
- * Provides a reference to a current XRController, filtered by handedness.
- */
-export const useController = (handedness) => {
-    switch (handedness) {
-        case 'left':
-            return left;
-        case 'right':
-            return right;
-        case 'none':
-            return gaze;
-        default:
-            throw new Error('useController handedness must be left, right, or none.');
-    }
-};

package/dist/hooks/useHand.d.ts

@@ -1,8 +0,0 @@
-import { type CurrentWritable } from '@threlte/core';
-import type { XRHand } from '../types';
-export declare const left: CurrentWritable<XRHand | undefined>;
-export declare const right: CurrentWritable<XRHand | undefined>;
-/**
- * Provides a reference to a current XRHand, filtered by handedness.
- */
-export declare const useHand: (handedness: "left" | "right") => CurrentWritable<undefined | XRHand>;

package/dist/hooks/useHandJoint.js

@@ -1,20 +0,0 @@
-import { currentWritable, useTask, useThrelte } from '@threlte/core';
-import { useHand } from './useHand';
-/**
- * Provides a reference to a requested hand joint, once available.
- */
-export const useHandJoint = (handedness, joint) => {
-    const { invalidate } = useThrelte();
-    const jointSpaceStore = currentWritable(undefined);
-    const xrhand = useHand(handedness);
-    const { stop } = useTask(() => {
-        const jointSpace = xrhand.current?.hand.joints[joint];
-        // The joint radius is a good indicator that the joint is ready
-        if (jointSpace?.jointRadius !== undefined) {
-            jointSpaceStore.set(jointSpace);
-            invalidate();
-            stop();
-        }
-    }, { autoInvalidate: false });
-    return jointSpaceStore;
-};

package/dist/hooks/useHitTest.js

@@ -1,79 +0,0 @@
-import { Matrix4 } from 'three';
-import { useThrelte, useTask, watch, currentWritable } from '@threlte/core';
-import { useXR } from './useXR';
-import { useController } from './useController';
-/**
- * Use this hook to perform a hit test per frame in an AR environment.
- *
- * ```ts
- * useHitTest((hitMatrix, hit) => {
- *   mesh.matrix.copy(hitMatrix)
- * }, {
- *   source: 'viewer' | 'leftInput' | 'rightInput' // Default 'viewer'
- * })
- * ```
- */
-export const useHitTest = (hitTestCallback, options = {}) => {
-    const source = options.source ?? 'viewer';
-    const { xr } = useThrelte().renderer;
-    const xrState = useXR();
-    const hitMatrix = new Matrix4();
-    const hitTestSource = currentWritable(undefined);
-    if (source === 'viewer') {
-        watch(xrState.session, async (session) => {
-            if (session === undefined) {
-                hitTestSource.set(undefined);
-                return;
-            }
-            const space = await session.requestReferenceSpace('viewer');
-            hitTestSource.set(await session.requestHitTestSource?.({ space }));
-        });
-    }
-    else {
-        const controller = useController(source === 'leftInput' ? 'left' : 'right');
-        const hand = useController(source === 'leftInput' ? 'left' : 'right');
-        watch([xrState.session, controller], async ([session, input]) => {
-            if (input === undefined || session === undefined) {
-                hitTestSource.set(undefined);
-                return;
-            }
-            const space = input.inputSource.targetRaySpace;
-            hitTestSource.set(await session.requestHitTestSource?.({ space }));
-        });
-        watch([xrState.session, hand], async ([session, input]) => {
-            if (input === undefined || session === undefined) {
-                hitTestSource.set(undefined);
-                return;
-            }
-            const space = input.inputSource.targetRaySpace;
-            hitTestSource.set(await session.requestHitTestSource?.({ space }));
-        });
-    }
-    const { start, stop } = useTask(() => {
-        const referenceSpace = xr.getReferenceSpace();
-        if (referenceSpace === null || hitTestSource.current === undefined) {
-            return hitTestCallback(hitMatrix, undefined);
-        }
-        const [hit] = xr.getFrame().getHitTestResults(hitTestSource.current);
-        const pose = hit?.getPose(referenceSpace);
-        if (pose === undefined) {
-            return hitTestCallback(hitMatrix, undefined);
-        }
-        hitMatrix.fromArray(pose.transform.matrix);
-        hitTestCallback(hitMatrix, hit);
-    }, { autoStart: false });
-    watch([xrState.isPresenting, hitTestSource], ([isPresenting, testSource]) => {
-        if (!isPresenting) {
-            stop();
-            return;
-        }
-        if (testSource === undefined) {
-            stop();
-            // Execute callback one last time to inform consumers of no hits.
-            hitTestCallback(hitMatrix, undefined);
-        }
-        else {
-            start();
-        }
-    });
-};

package/dist/internal/setupRaf.js

@@ -1,16 +0,0 @@
-import { onDestroy } from 'svelte';
-import { raf } from 'svelte/internal/client';
-import { watch } from '@threlte/core';
-import { session } from './stores';
-export const setupRaf = () => {
-    if (typeof window === 'undefined')
-        return;
-    const originalTick = raf.tick;
-    watch(session, (session) => {
-        raf.tick =
-            session === undefined
-                ? originalTick
-                : (fn) => session.requestAnimationFrame(fn);
-    });
-    onDestroy(() => (raf.tick = originalTick));
-};

package/dist/internal/stores.d.ts

@@ -1,43 +0,0 @@
-import type { WebXRManager, Intersection } from 'three';
-import type { XRControllerEvents, XRHandEvents } from '../types';
-export declare const isPresenting: import("@threlte/core").CurrentWritable<boolean>;
-export declare const isHandTracking: import("@threlte/core").CurrentWritable<boolean>;
-export declare const session: import("@threlte/core").CurrentWritable<XRSession | undefined>;
-export declare const referenceSpaceType: import("@threlte/core").CurrentWritable<XRReferenceSpaceType | undefined>;
-export declare const xr: import("@threlte/core").CurrentWritable<WebXRManager | undefined>;
-export declare const controllerEvents: {
-    left: import("@threlte/core").CurrentWritable<XRControllerEvents | undefined>;
-    right: import("@threlte/core").CurrentWritable<XRControllerEvents | undefined>;
-};
-export declare const handEvents: {
-    left: import("@threlte/core").CurrentWritable<XRHandEvents | undefined>;
-    right: import("@threlte/core").CurrentWritable<XRHandEvents | undefined>;
-};
-export declare const teleportState: import("@threlte/core").CurrentWritable<{
-    left: {
-        enabled: boolean;
-        hovering: boolean;
-    };
-    right: {
-        enabled: boolean;
-        hovering: boolean;
-    };
-}>;
-export declare const teleportIntersection: {
-    left: import("@threlte/core").CurrentWritable<Intersection<import("three").Object3D<import("three").Object3DEventMap>> | undefined>;
-    right: import("@threlte/core").CurrentWritable<Intersection<import("three").Object3D<import("three").Object3DEventMap>> | undefined>;
-};
-export declare const pointerState: import("@threlte/core").CurrentWritable<{
-    left: {
-        enabled: boolean;
-        hovering: boolean;
-    };
-    right: {
-        enabled: boolean;
-        hovering: boolean;
-    };
-}>;
-export declare const pointerIntersection: {
-    left: import("@threlte/core").CurrentWritable<Intersection<import("three").Object3D<import("three").Object3DEventMap>> | undefined>;
-    right: import("@threlte/core").CurrentWritable<Intersection<import("three").Object3D<import("three").Object3DEventMap>> | undefined>;
-};

package/dist/internal/stores.js

@@ -1,42 +0,0 @@
-import { currentWritable } from '@threlte/core';
-export const isPresenting = currentWritable(false);
-export const isHandTracking = currentWritable(false);
-export const session = currentWritable(undefined);
-export const referenceSpaceType = currentWritable(undefined);
-export const xr = currentWritable(undefined);
-export const controllerEvents = {
-    left: currentWritable(undefined),
-    right: currentWritable(undefined)
-};
-export const handEvents = {
-    left: currentWritable(undefined),
-    right: currentWritable(undefined)
-};
-export const teleportState = currentWritable({
-    left: {
-        enabled: false,
-        hovering: false
-    },
-    right: {
-        enabled: false,
-        hovering: false
-    }
-});
-export const teleportIntersection = {
-    left: currentWritable(undefined),
-    right: currentWritable(undefined)
-};
-export const pointerState = currentWritable({
-    left: {
-        enabled: false,
-        hovering: false
-    },
-    right: {
-        enabled: false,
-        hovering: false
-    }
-});
-export const pointerIntersection = {
-    left: currentWritable(undefined),
-    right: currentWritable(undefined)
-};