@threlte/gltf 3.0.0-next.0 → 3.0.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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

package/package.json

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

package/src/utils/parser.js

@@ -473,9 +473,10 @@ function parse(fileName, gltf, options = {}) {
 
   const imports = `
 	${options.types ? `\nimport type * as THREE from 'three'` : ''}
+  ${options.stype && !options.isolated ? `import type { Snippet } from 'svelte'` : ''}
         import { ${[
           'T',
-          options.types && !options.isolated ? 'type Props, type Events, type Slots' : ''
+          options.types && !options.isolated ? 'type Props' : ''
         ]
           .filter(Boolean)
           .join(', ')} } from '@threlte/core'
@@ -507,7 +508,6 @@ ${parseExtras(gltf.parser.json.asset && gltf.parser.json.asset.extras)}-->
 ${
   options.preload
     ? `
-
 <script context="module"${options.types ? ' lang="ts"' : ''}>
 	${imports}
 
@@ -530,17 +530,18 @@ ${
     <script${options.types ? ' lang="ts"' : ''}>
 				${!options.preload ? imports : ''}
 
-        ${options.types && !options.isolated ? 'type $$Events = Events<THREE.Group>' : ''}
-        ${
-          options.types && !options.isolated
-            ? 'type $$Slots = Slots<THREE.Group> & { fallback: {}; error: { error: any } }'
-            : ''
-        }
-
         let {
           ref = $bindable(),
+          fallback,
+          error,
+          children,
           ...props
-        }${options.types && !options.isolated ? ': Props<THREE.Group>' : ''} = $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()' : ''}
 
@@ -558,14 +559,14 @@ ${
 
 		<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>
 	`
 }