@threlte/gltf 2.0.2 → 3.0.0-next.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @threlte/gltf
 
+## 3.0.0-next.0
+
+### Major Changes
+
+- e27c1e4: Remove forwardEventHandlers from generated svelte files
+
+## 2.0.3
+
+### Patch Changes
+
+- f7f561d: Downgraded sharp
+
 ## 2.0.2
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/gltf",
-  "version": "2.0.2",
+  "version": "3.0.0-next.0",
   "description": "GLTF to Threlte converter",
   "type": "module",
   "keywords": [
@@ -41,7 +41,7 @@
     "meshoptimizer": "^0.18.1",
     "prettier": "^2.8.3",
     "prettier-plugin-svelte": "^2.9.0",
-    "sharp": "^0.33.2",
+    "sharp": "^0.32.0",
     "svelte": "^3.55.1",
     "three": "0.122.0",
     "three-stdlib": "^2.21.8"

package/src/utils/parser.js

@@ -473,11 +473,9 @@ function parse(fileName, gltf, options = {}) {
 
   const imports = `
 	${options.types ? `\nimport type * as THREE from 'three'` : ''}
-        import { Group } from 'three'
         import { ${[
           'T',
-          options.types && !options.isolated ? 'type Props, type Events, type Slots' : '',
-          !options.isolated && 'forwardEventHandlers'
+          options.types && !options.isolated ? 'type Props, type Events, type Slots' : ''
         ]
           .filter(Boolean)
           .join(', ')} } from '@threlte/core'
@@ -530,10 +528,8 @@ ${
 
 
     <script${options.types ? ' lang="ts"' : ''}>
-
 				${!options.preload ? imports : ''}
 
-        ${options.types && !options.isolated ? 'type $$Props = Props<THREE.Group>' : ''}
         ${options.types && !options.isolated ? 'type $$Events = Events<THREE.Group>' : ''}
         ${
           options.types && !options.isolated
@@ -541,7 +537,10 @@ ${
             : ''
         }
 
-        export const ref = new Group()
+        let {
+          ref = $bindable(),
+          ...props
+        }${options.types && !options.isolated ? ': Props<THREE.Group>' : ''} = $props()
 
 				${!options.preload && options.suspense ? 'const suspend = useSuspense()' : ''}
 
@@ -555,11 +554,9 @@ ${
           }(gltf, ref)`
         : ''
     }
-
-			${!options.isolated ? 'const component = forwardEventHandlers()' : ''}
     </script>
 
-		<T is={ref} dispose={false} ${!options.isolated ? '{...$$restProps} bind:this={$component}' : ''}>
+		<T.Group bind:ref dispose={false} ${!options.isolated ? '{...props}' : ''}>
 			{#await gltf}
 				<slot name="fallback" />
 			{:then gltf}