fix: support gltf uploads with local preview

This commit is contained in:
Tom Boullay
2026-04-27 11:07:16 +02:00
parent 078e687e86
commit 4c3a687ff8
19 changed files with 136 additions and 98 deletions
+6 -5
View File
@@ -4,13 +4,14 @@ import { useEffect, useState } from 'react'
interface ModelViewerProps {
url: string
assetUrls: Record<string, string>
filename: string
size: string
}
export default function ModelViewer({ url, filename, size }: ModelViewerProps) {
const canPreview = filename.toLowerCase().endsWith('.glb')
const [Scene, setScene] = useState<React.ComponentType<{ url: string }> | null>(null)
export default function ModelViewer({ url, assetUrls, filename, size }: ModelViewerProps) {
const canPreview = filename.toLowerCase().endsWith('.gltf')
const [Scene, setScene] = useState<React.ComponentType<{ url: string; assetUrls: Record<string, string> }> | null>(null)
useEffect(() => {
if (!canPreview) return
@@ -28,7 +29,7 @@ export default function ModelViewer({ url, filename, size }: ModelViewerProps) {
return (
<div className="w-full h-[450px] bg-black-800 border border-white/20 rounded-xl overflow-hidden flex items-center justify-center">
<p className="text-sm text-gray-400 px-6 text-center">
La preview 3D locale est disponible uniquement pour les fichiers <span className="font-mono">.glb</span>.
La preview 3D locale n&apos;est pas disponible pour les dossiers <span className="font-mono">model.gltf</span> avec fichiers associes.
</p>
</div>
)
@@ -52,7 +53,7 @@ export default function ModelViewer({ url, filename, size }: ModelViewerProps) {
{size}
</span>
</div>
<Scene url={url} />
<Scene url={url} assetUrls={assetUrls} />
</div>
)
}