@threlte/gltf 2.0.3 → 3.0.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @threlte/gltf
 
+## 3.0.0-next.1
+
+### Patch Changes
+
+- 36128d5: Replace events with callback props and slots with snippets
+
+## 3.0.0-next.0
+
+### Major Changes
+
+- e27c1e4: Remove forwardEventHandlers from generated svelte files
+
 ## 2.0.3
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threlte/gltf",
-  "version": "2.0.3",
+  "version": "3.0.0-next.1",
   "description": "GLTF to Threlte converter",
   "type": "module",
   "keywords": [

package/src/utils/parser.js

@@ -473,11 +473,10 @@ function parse(fileName, gltf, options = {}) {
 
   const imports = `
 	${options.types ? `\nimport type * as THREE from 'three'` : ''}
-        import { Group } from 'three'
+  ${options.stype && !options.isolated ? `import type { Snippet } from 'svelte'` : ''}
         import { ${[
           'T',
-          options.types && !options.isolated ? 'type Props, type Events, type Slots' : '',
-          !options.isolated && 'forwardEventHandlers'
+          options.types && !options.isolated ? 'type Props' : ''
         ]
           .filter(Boolean)
           .join(', ')} } from '@threlte/core'
@@ -509,7 +508,6 @@ ${parseExtras(gltf.parser.json.asset && gltf.parser.json.asset.extras)}-->
 ${
   options.preload
     ? `
-
 <script context="module"${options.types ? ' lang="ts"' : ''}>
 	${imports}
 
@@ -530,18 +528,20 @@ ${
 
 
     <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
-            ? 'type $$Slots = Slots<THREE.Group> & { fallback: {}; error: { error: any } }'
-            : ''
-        }
-
-        export const ref = new Group()
+        let {
+          ref = $bindable(),
+          fallback,
+          error,
+          children,
+          ...props
+        }${options.types && !options.isolated ? `: Props<THREE.Group> & {
+          ref?: THREE.Group
+          children?: Snippet<[{ ref: THREE.Group }]>
+          fallback?: Snippet
+          error?: Snippet<[{ error: Error }]>
+        }` : ''} = $props()
 
 				${!options.preload && options.suspense ? 'const suspend = useSuspense()' : ''}
 
@@ -555,20 +555,18 @@ ${
           }(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" />
+        {@render fallback?.()}
 			{:then gltf}
 				${scene}
 			{:catch error}
-				<slot name="error" {error} />
+        {@render error?.({ error })}
 			{/await}
 
-			<slot {ref} />
+      {@render children?.({ ref })}
 		</T>
 	`
 }