@threlte/xr 1.5.5 → 1.6.1

package/dist/internal/setupHands.js

@@ -1,67 +0,0 @@
-import { XRHandModelFactory } from 'three/examples/jsm/webxr/XRHandModelFactory.js';
-import { useThrelte } from '@threlte/core';
-import { onMount } from 'svelte';
-import { hands } from '../hooks/useHand.svelte.js';
-import { useHandTrackingState } from './useHandTrackingState.js';
-import { handEvents } from './state.svelte.js';
-export const setupHands = (factory) => {
-    const { xr } = useThrelte().renderer;
-    const hasHands = useHandTrackingState();
-    const handSpaces = [xr.getHand(0), xr.getHand(1)];
-    const map = new Map();
-    const modelFactory = factory ?? new XRHandModelFactory();
-    handSpaces.forEach((handSpace, index) => {
-        map.set(handSpace, {
-            hand: handSpace,
-            targetRay: xr.getController(index),
-            model: modelFactory.createHandModel(handSpace, 'mesh')
-        });
-    });
-    onMount(() => {
-        const dispatch = (event) => {
-            if (!hasHands())
-                return;
-            const handEvent = event;
-            const handedness = 'handedness' in handEvent ? handEvent.handedness : handEvent.data.handedness;
-            handEvents[handedness]?.[`on${event.type}`]?.(event);
-        };
-        function handleConnected(event) {
-            const { model, targetRay } = map.get(this);
-            const { data } = event;
-            const { handedness, hand: inputSource } = data;
-            if (handedness === 'none' || inputSource === undefined) {
-                return;
-            }
-            hands[handedness] = {
-                hand: this,
-                model,
-                inputSource,
-                targetRay
-            };
-            dispatch(event);
-        }
-        const handleDisconnected = (event) => {
-            dispatch(event);
-            const { handedness } = event.data;
-            if (handedness === 'left' || handedness === 'right') {
-                hands[handedness] = undefined;
-            }
-        };
-        for (const handSpace of handSpaces) {
-            handSpace.addEventListener('connected', handleConnected);
-            handSpace.addEventListener('disconnected', handleDisconnected);
-            handSpace.addEventListener('pinchstart', dispatch);
-            handSpace.addEventListener('pinchend', dispatch);
-        }
-        return () => {
-            for (const handSpace of handSpaces) {
-                handSpace.removeEventListener('connected', handleConnected);
-                handSpace.removeEventListener('disconnected', handleDisconnected);
-                handSpace.removeEventListener('pinchstart', dispatch);
-                handSpace.removeEventListener('pinchend', dispatch);
-            }
-            hands.left = undefined;
-            hands.right = undefined;
-        };
-    });
-};

package/dist/internal/useHandTrackingState.d.ts

@@ -1,5 +0,0 @@
-/**
- * There are some cases where we need to know if hand tracking is now active before an input source
- * connection or disconnection event. This is the way to do that.
- */
-export declare const useHandTrackingState: () => () => boolean;

package/dist/internal/useHandTrackingState.js

@@ -1,20 +0,0 @@
-import { useThrelte } from '@threlte/core';
-/**
- * There are some cases where we need to know if hand tracking is now active before an input source
- * connection or disconnection event. This is the way to do that.
- */
-export const useHandTrackingState = () => {
-    const { renderer } = useThrelte();
-    return () => {
-        const sources = renderer.xr.getSession()?.inputSources;
-        if (sources === undefined) {
-            return false;
-        }
-        for (const source of sources) {
-            if (source.hand !== undefined) {
-                return true;
-            }
-        }
-        return false;
-    };
-};