@threlte/xr 0.0.5 → 0.0.7

package/dist/components/ARButton.svelte

@@ -18,7 +18,8 @@
   mode='immersive-ar'
   sessionInit={{
     domOverlay: typeof document !== 'undefined' ? { root: document.body } : undefined,
-    optionalFeatures: ['hit-test', 'dom-overlay', 'dom-overlay-for-handheld-ar']
+    requiredFeatures: ['plane-detection'],
+    optionalFeatures: ['hit-test', 'light-estimation', 'dom-overlay', 'dom-overlay-for-handheld-ar']
   }}
   on:click
   on:error

package/dist/components/Hand.svelte

@@ -65,8 +65,6 @@ $:
   }
 $:
   store = stores[handedness];
-$:
-  hand = $store?.hand;
 $:
   inputSource = $store?.inputSource;
 $:
@@ -91,9 +89,9 @@ onDestroy(() => {
 });
 </script>
 
-{#if hand}
+{#if $store?.hand}
   <T
-    is={hand}
+    is={$store.hand}
     name='XR hand {handedness}'
   >
     {#if $$slots.default === undefined}

package/dist/components/Headset.svelte

@@ -1,44 +1,15 @@
-<script>import { T, HierarchicalObject, useFrame, useThrelte } from "@threlte/core";
-import { Group } from "three";
-import { useXR } from "../hooks";
-const { isPresenting } = useXR();
-const { renderer, scene, camera } = useThrelte();
-const { xr } = renderer;
-const group = new Group();
-const immersiveFrame = useFrame(() => {
-  const space = xr.getReferenceSpace();
-  if (space === null)
-    return;
-  const pose = xr.getFrame().getViewerPose(space);
-  if (pose === void 0)
-    return;
-  const { position, orientation } = pose.transform;
-  group.position.set(position.x, position.y, position.z);
-  group.quaternion.set(orientation.x, orientation.y, orientation.z, orientation.w);
-}, { autostart: false });
-$:
-  if ($isPresenting) {
-    immersiveFrame.start();
-  } else {
-    immersiveFrame.stop();
-  }
-const nonImmersiveFrame = useFrame(() => {
-  group.position.copy(camera.current.position);
-  group.quaternion.copy(camera.current.quaternion);
-}, { autostart: false });
-$:
-  if ($isPresenting === false) {
-    nonImmersiveFrame.start();
-  } else {
-    nonImmersiveFrame.stop();
-  }
+
+<script>import { T, HierarchicalObject, useThrelte } from "@threlte/core";
+import { useHeadset } from "../hooks/useHeadset";
+const { scene } = useThrelte();
+const headset = useHeadset();
 </script>
 
 <HierarchicalObject
   onChildMount={(child) => { scene.add(child) }}
   onChildDestroy={(child) => { scene.remove(child) }}
 >
-	<T is={group}>
+	<T is={headset}>
 		<slot />
 	</T>
 </HierarchicalObject>

package/dist/components/XR.svelte

@@ -27,6 +27,7 @@ import {
   session,
   xr as xrStore
 } from "../internal/stores";
+import { useUpdateHeadset } from "../internal/headset";
 export let foveation = 1;
 export let frameRate = void 0;
 export let referenceSpace = "local-floor";
@@ -82,6 +83,7 @@ $xrStore = xr;
 xr.enabled = true;
 xr.addEventListener("sessionstart", handleSessionStart);
 xr.addEventListener("sessionend", handleSessionEnd);
+useUpdateHeadset();
 onDestroy(() => {
   $initialized = false;
   $xrStore = void 0;

package/dist/hooks/useHeadset.d.ts

@@ -0,0 +1 @@
+export declare const useHeadset: () => Readonly<THREE.Group>;

package/dist/hooks/useHeadset.js

@@ -0,0 +1,4 @@
+import { headset } from '../internal/headset';
+export const useHeadset = () => {
+    return headset;
+};

package/dist/internal/headset.d.ts

@@ -0,0 +1,3 @@
+import { Group } from 'three';
+export declare const headset: Group;
+export declare const useUpdateHeadset: () => void;

package/dist/internal/headset.js

@@ -0,0 +1,34 @@
+import { Group } from 'three';
+import { useThrelte, useFrame, watch } from '@threlte/core';
+import { useXR } from '../hooks';
+export const headset = new Group();
+export const useUpdateHeadset = () => {
+    const { renderer, camera } = useThrelte();
+    const xrState = useXR();
+    const { xr } = renderer;
+    const immersiveFrame = useFrame(() => {
+        const space = xr.getReferenceSpace();
+        if (space === null)
+            return;
+        const pose = xr.getFrame().getViewerPose(space);
+        if (pose === undefined)
+            return;
+        const { position, orientation } = pose.transform;
+        headset.position.set(position.x, position.y, position.z);
+        headset.quaternion.set(orientation.x, orientation.y, orientation.z, orientation.w);
+    }, { autostart: false, invalidate: false });
+    const nonImmersiveFrame = useFrame(() => {
+        headset.position.copy(camera.current.position);
+        headset.quaternion.copy(camera.current.quaternion);
+    }, { autostart: false, invalidate: false });
+    watch(xrState.isPresenting, (isPresenting) => {
+        if (isPresenting) {
+            immersiveFrame.start();
+            nonImmersiveFrame.stop();
+        }
+        else {
+            immersiveFrame.stop();
+            nonImmersiveFrame.start();
+        }
+    });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/xr",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "author": "Micheal Parks <michealparks1989@gmail.com> (https://parks.lol)",
   "license": "MIT",
   "devDependencies": {
@@ -18,7 +18,7 @@
     "typescript": "^5.1.6",
     "vite": "^4.4.6",
     "vite-plugin-mkcert": "^1.16.0",
-    "@threlte/core": "6.0.8"
+    "@threlte/core": "6.0.9"
   },
   "peerDependencies": {
     "svelte": ">=4",