fix: support gltf uploads with local preview

components/upload/FolderDropzone.tsx

@@ -3,6 +3,19 @@ import type { FolderEntry } from '@/lib/client-types'
 import { validateFolder } from '@/lib/validate-folder'
 import { FolderIcon } from '@/components/ui/icons'
 
+function buildAssetUrls(model: File, supportFiles: File[]) {
+  const assetUrls: Record<string, string> = {}
+  const modelUrl = URL.createObjectURL(model)
+
+  assetUrls[model.name.toLowerCase()] = modelUrl
+
+  for (const file of supportFiles) {
+    assetUrls[file.name.toLowerCase()] = URL.createObjectURL(file)
+  }
+
+  return { modelUrl, assetUrls }
+}
+
 function readDroppedFile(entry: FileSystemFileEntry) {
   return new Promise<File>((resolve, reject) => {
     entry.file(resolve, reject)
@@ -60,6 +73,11 @@ export default function FolderDropzone({
       return
     }
 
+    const { modelUrl, assetUrls } = buildAssetUrls(
+      validation.model,
+      validation.textures.map((texture) => texture.file),
+    )
+
     const entry: FolderEntry = {
       folderName,
       modelFile: validation.model,
@@ -67,9 +85,8 @@ export default function FolderDropzone({
       status: 'pending',
       progress: 0,
       warnings: validation.warnings,
-      modelUrl: validation.model.name.toLowerCase() === 'model.glb'
-        ? URL.createObjectURL(validation.model)
-        : undefined,
+      modelUrl,
+      assetUrls,
       viewerOpen: true,
     }