@threlte/xr 1.0.0-next.0 → 1.0.0-next.1

package/dist/components/ARButton.svelte

@@ -9,7 +9,7 @@
   />
 ```
 -->
-<script>import XRButton from "./XRButton.svelte";
+<script lang="ts">import XRButton from "./XRButton.svelte";
 let { ...props } = $props();
 </script>
 

package/dist/components/Controller.svelte

@@ -2,7 +2,7 @@
 @component `<Controller />` represents a THREE.XRTargetRaySpace, a THREE.XRGripSpace, and a controller model.
 -->
 <script
- 
+  lang="ts"
   context="module"
 >import { writable } from "svelte/store";
 import { T } from "@threlte/core";
@@ -19,7 +19,7 @@ const stores = {
 };
 </script>
 
-<script>let { left, right, hand, ...props } = $props();
+<script lang="ts">let { left, right, hand, ...props } = $props();
 const handedness = writable(left ? "left" : right ? "right" : hand);
 $effect.pre(() => handedness.set(left ? "left" : right ? "right" : hand));
 controllerEvents[$handedness].set(props.$$events);

package/dist/components/Hand.svelte

@@ -1,5 +1,5 @@
 <script
- 
+  lang="ts"
   context="module"
 >import { Group } from "three";
 import { T, useThrelte, useTask } from "@threlte/core";
@@ -13,7 +13,7 @@ const stores = {
 };
 </script>
 
-<script>let { left, right, hand, ...props } = $props();
+<script lang="ts">let { left, right, hand, ...props } = $props();
 const { xr } = useThrelte().renderer;
 const space = xr.getReferenceSpace();
 const handedness = writable(left ? "left" : right ? "right" : hand);

package/dist/components/Headset.svelte

@@ -1,4 +1,4 @@
-<script>import { T } from "@threlte/core";
+<script lang="ts">import { T } from "@threlte/core";
 import { useHeadset } from "../hooks/useHeadset";
 import ScenePortal from "./internal/ScenePortal.svelte";
 const headset = useHeadset();

package/dist/components/Headset.svelte.d.ts

@@ -1,6 +1,10 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
-    props: Record<string, never>;
+    props: {
+        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/VRButton.svelte

@@ -9,7 +9,7 @@
   />
 ```
 -->
-<script>import XRButton from "./XRButton.svelte";
+<script lang="ts">import XRButton from "./XRButton.svelte";
 let { ...props } = $props();
 </script>
 

package/dist/components/XR.svelte

@@ -17,7 +17,7 @@ This should be placed within a Threlte `<Canvas />`.
 ```
 
 -->
-<script>import { onMount } from "svelte";
+<script lang="ts">import { onMount } from "svelte";
 import { createRawEventDispatcher, useThrelte, watch } from "@threlte/core";
 import {
   isHandTracking,

package/dist/components/XRButton.svelte

@@ -17,7 +17,7 @@ display info about your WebXR session. This is aliased by `ARButton` and
   />
 ```
 -->
-<script>import { getXRSupportState } from "../lib/getXRSupportState";
+<script lang="ts">import { getXRSupportState } from "../lib/getXRSupportState";
 import { toggleXRSession } from "../lib/toggleXRSession";
 import { session, xr } from "../internal/stores";
 let { mode, sessionInit, force, styled = true, ...props } = $props();

package/dist/components/internal/Cursor.svelte

@@ -1,4 +1,4 @@
-<script>import { Color, DoubleSide, RawShaderMaterial } from "three";
+<script lang="ts">import { Color, DoubleSide, RawShaderMaterial } from "three";
 import { T } from "@threlte/core";
 export let color = new Color("white");
 export let size = 0.03;

package/dist/components/internal/PointerCursor.svelte

@@ -1,4 +1,4 @@
-<script>import { Group, Vector3, Matrix3 } from "three";
+<script lang="ts">import { Group, Vector3, Matrix3 } from "three";
 import { T, useTask } from "@threlte/core";
 import { pointerIntersection, pointerState } from "../../internal/stores";
 import Cursor from "./Cursor.svelte";

package/dist/components/internal/PointerCursor.svelte.d.ts

@@ -2,6 +2,9 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         handedness: 'left' | 'right';
+        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/internal/ScenePortal.svelte

@@ -1,4 +1,4 @@
-<script>import { useThrelte, HierarchicalObject } from "@threlte/core";
+<script lang="ts">import { useThrelte, HierarchicalObject } from "@threlte/core";
 const { scene } = useThrelte();
 </script>
 

package/dist/components/internal/ScenePortal.svelte.d.ts

@@ -1,6 +1,10 @@
 import { SvelteComponent } from "svelte";
 declare const __propDef: {
-    props: Record<string, never>;
+    props: {
+        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
+    };
     events: {
         [evt: string]: CustomEvent<any>;
     };

package/dist/components/internal/ShortRay.svelte

@@ -1,4 +1,4 @@
-<script>import { T } from "@threlte/core";
+<script lang="ts">import { T } from "@threlte/core";
 import { pointerState, teleportState, teleportIntersection } from "../../internal/stores";
 export let handedness;
 $:

package/dist/components/internal/ShortRay.svelte.d.ts

@@ -2,6 +2,9 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         handedness: 'left' | 'right';
+        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/internal/TeleportCursor.svelte

@@ -1,4 +1,4 @@
-<script>import { spring } from "svelte/motion";
+<script lang="ts">import { spring } from "svelte/motion";
 import { Group, Matrix3, Vector3 } from "three";
 import { T, useTask } from "@threlte/core";
 import { teleportIntersection } from "../../internal/stores";

package/dist/components/internal/TeleportCursor.svelte.d.ts

@@ -2,6 +2,9 @@ import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         handedness: 'left' | 'right';
+        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/components/internal/TeleportRay.svelte

@@ -1,4 +1,4 @@
-<script>import { Vector3, QuadraticBezierCurve3, Vector2 } from "three";
+<script lang="ts">import { Vector3, QuadraticBezierCurve3, Vector2 } from "three";
 import { Line2 } from "three/examples/jsm/lines/Line2.js";
 import { LineGeometry } from "three/examples/jsm/lines/LineGeometry.js";
 import { LineMaterial } from "three/examples/jsm/lines/LineMaterial.js";

package/dist/components/internal/TeleportRay.svelte.d.ts

@@ -4,6 +4,9 @@ declare const __propDef: {
     props: {
         handedness: 'left' | 'right';
         targetRay: XRTargetRaySpace;
+        children?: ((this: void) => typeof import("svelte").SnippetReturn & {
+            _: "functions passed to {@render ...} tags must use the `Snippet` type imported from \"svelte\"";
+        }) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,32 +1,32 @@
 {
   "name": "@threlte/xr",
-  "version": "1.0.0-next.0",
+  "version": "1.0.0-next.1",
   "author": "Micheal Parks <michealparks1989@gmail.com> (https://parks.lol)",
   "license": "MIT",
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.2.0",
     "@sveltejs/kit": "^2.5.5",
     "@sveltejs/package": "^2.3.1",
-    "@sveltejs/vite-plugin-svelte": "^3.0.2",
-    "@typescript-eslint/eslint-plugin": "^7.5.0",
-    "@typescript-eslint/parser": "^7.5.0",
+    "@sveltejs/vite-plugin-svelte": "^3.1.0",
+    "@typescript-eslint/eslint-plugin": "^7.6.0",
+    "@typescript-eslint/parser": "^7.6.0",
     "eslint": "^9.0.0",
     "eslint-plugin-svelte": "^2.36.0",
     "svelte-check": "^3.6.9",
-    "typescript": "^5.4.4",
+    "typescript": "^5.4.5",
     "@types/three": "^0.163.0",
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",
     "publint": "^0.2.7",
-    "svelte": "^4.2.12",
+    "svelte": "^5.0.0-next.95",
     "three": "^0.163.0",
     "tslib": "^2.6.2",
     "vite": "^5.2.8",
     "vite-plugin-mkcert": "^1.17.5",
-    "@threlte/core": "8.0.0-next.0"
+    "@threlte/core": "8.0.0-next.2"
   },
   "peerDependencies": {
-    "svelte": ">=4",
+    "svelte": ">=5",
     "three": ">=0.152"
   },
   "type": "module",