@threlte/xr 1.0.0-next.15 → 1.0.0-next.16

package/dist/components/internal/TeleportRay.svelte

@@ -89,7 +89,7 @@
     <T is={lineGeometry} />
     <T
       is={LineMaterial}
-      linewidth={0.004}
+      linewidth={3}
     />
   </T>
 {/if}

package/dist/plugins/teleportControls/plugin.svelte.js

@@ -1,31 +1,73 @@
-import { injectPlugin, isInstanceOf, observe } from '@threlte/core';
+import { injectPlugin, isInstanceOf } from '@threlte/core';
 import { useTeleportControls } from './context';
 /**
  * Registers T components with "teleportSurface" or "teleportBlocker" attributes.
  */
 export const injectTeleportControlsPlugin = () => {
-    injectPlugin('threlte-teleport-controls', (args) => {
+    injectPlugin('threlte-teleport-controls-surfaces', (args) => {
         if (!isInstanceOf(args.ref, 'Mesh'))
             return;
-        const isSurface = $derived('teleportSurface' in args.props && !!args.props.teleportSurface);
-        const isBlocker = $derived('teleportBlocker' in args.props && !!args.props.teleportBlocker);
-        const surfaceRef = $derived(isSurface ? args.ref : undefined);
-        const blockerRef = $derived(isBlocker ? args.ref : undefined);
-        if (!isSurface && !isBlocker)
+        if (!('teleportSurface' in args.props))
             return;
-        const { addBlocker, addSurface, removeBlocker, removeSurface } = useTeleportControls();
-        observe.pre(() => [surfaceRef, blockerRef], ([surfaceRef, blockerRef]) => {
-            if (surfaceRef) {
-                addSurface(surfaceRef, args.props);
-                return removeSurface(surfaceRef);
+        let ref = $state(args.ref);
+        let isSurface = $state(args.props.teleportSurface);
+        const { addSurface, removeSurface } = useTeleportControls();
+        $effect(() => {
+            if (!ref)
+                return;
+            let mesh = ref;
+            if (isSurface) {
+                addSurface(mesh, args.props);
             }
-            else if (blockerRef) {
-                addBlocker(blockerRef);
-                return removeBlocker(blockerRef);
+            else {
+                removeSurface(mesh);
             }
+            return () => removeSurface(mesh);
         });
         return {
-            pluginProps: ['teleportSurface', 'teleportBlocker']
+            pluginProps: ['teleportSurface'],
+            onRefChange: (nextRef) => {
+                ref = nextRef;
+                return () => {
+                    ref = undefined;
+                };
+            },
+            onPropsChange: (props) => {
+                isSurface = props.teleportSurface;
+            }
+        };
+    });
+    injectPlugin('threlte-teleport-controls-blockers', (args) => {
+        if (!isInstanceOf(args.ref, 'Mesh'))
+            return;
+        if (!('teleportBlocker' in args.props))
+            return;
+        let ref = $state(args.ref);
+        let isBlocker = $state(args.props.teleportBlocker);
+        const { addBlocker, removeBlocker } = useTeleportControls();
+        $effect(() => {
+            if (!ref)
+                return;
+            let mesh = ref;
+            if (isBlocker) {
+                addBlocker(mesh);
+            }
+            else {
+                removeBlocker(mesh);
+            }
+            return () => removeBlocker(mesh);
+        });
+        return {
+            pluginProps: ['teleportBlocker'],
+            onRefChange: (nextRef) => {
+                ref = nextRef;
+                return () => {
+                    ref = undefined;
+                };
+            },
+            onPropsChange: (props) => {
+                isBlocker = props.teleportBlocker;
+            }
         };
     });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/xr",
-  "version": "1.0.0-next.15",
+  "version": "1.0.0-next.16",
   "author": "Micheal Parks <michealparks1989@gmail.com> (https://parks.lol)",
   "license": "MIT",
   "description": "Tools to more easily create VR and AR experiences with Threlte",
@@ -24,7 +24,7 @@
     "typescript": "^5.6.3",
     "vite": "^5.2.8",
     "vite-plugin-mkcert": "^1.17.5",
-    "@threlte/core": "8.0.0-next.36"
+    "@threlte/core": "8.0.0-next.39"
   },
   "peerDependencies": {
     "svelte": ">=5",