Optimize STL asset loading with promise-based caching

- Replace ImportMeshAsync with LoadAssetContainerAsync for person.stl
- Cache loading promise to prevent race conditions and multiple fetches
- Use instantiateModelsToScene() to create mesh instances from cached container
- Simplify buildMesh signature to use DefaultScene singleton
- Add Havok physics WASM prefetch hint to index.html

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

index.html

@@ -10,6 +10,7 @@
     <link href="/assets/dasfad/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
     <link href="/assets/dasfad/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
     <link href="/assets/dasfad/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
+    <link rel="prefetch" href="/node_modules/.vite/deps/HavokPhysics.wasm" as="fetch">
     <title>DASFAD</title>
     <!--    <link as="script" href="/newRelic.js" rel="preload">
         <script defer src="/newRelic.js"></script> -->

src/controllers/functions/grabAndClone.ts

@@ -4,6 +4,7 @@ import {DiagramObject} from "../../diagram/diagramObject";
 import log from "loglevel";
 import {vectoxys} from "../../diagram/functions/vectorConversion";
 import {DiagramEntityType} from "../../diagram/types/diagramEntity";
+import {DefaultScene} from "../../defaultScene";
 
 export function grabAndClone(diagramManager: DiagramManager, mesh: AbstractMesh, parent: AbstractMesh):
     DiagramObject {
@@ -28,7 +29,7 @@ export function grabAndClone(diagramManager: DiagramManager, mesh: AbstractMesh,
             type: DiagramEntityType.ENTITY
 
         }
-        const obj = new DiagramObject(parent.getScene(),
+        const obj = new DiagramObject(DefaultScene.Scene,
             diagramManager.onDiagramEventObservable,
             {
                 diagramEntity: entity,

src/toolbox/functions/buildMesh.ts

@@ -1,16 +1,21 @@
 import {ToolType} from "../types/toolType";
-import {Mesh, MeshBuilder, Scene, SceneLoader} from "@babylonjs/core";
+import {AssetContainer, LoadAssetContainerAsync, Mesh, MeshBuilder, SceneLoader} from "@babylonjs/core";
 import {DefaultScene} from "../../defaultScene";
+import log from "loglevel";
 
 const detail = {
     tesselation: 16,
     subdivisions: 5
 }
 
-export async function buildMesh(type: ToolType, toolname: string, scene: Scene): Promise<Mesh> {
+// Cache the loading promise to prevent multiple fetches and handle concurrent requests
+let personAssetContainerPromise: Promise<AssetContainer> | null = null;
+export async function buildMesh(type: ToolType, toolname: string): Promise<Mesh> {
+    const logger = log.getLogger('buldMesh');
+    const scene = DefaultScene.Scene;
     switch (type) {
         case ToolType.BOX:
-            return MeshBuilder.CreateBox(toolname, {width: 1, height: 1, depth: 1}, scene);
+            return MeshBuilder.CreateBox(toolname, {width: 1, height: 1, depth: 1});
 
         case ToolType.SPHERE:
             return MeshBuilder.CreateIcoSphere(toolname, {
@@ -37,10 +42,26 @@ export async function buildMesh(type: ToolType, toolname: string, scene: Scene):
                 tessellation: detail.tesselation
             }, scene);
         case ToolType.PERSON:
-            const result = await SceneLoader.ImportMeshAsync(null, '/assets/models/', 'person.stl', DefaultScene.Scene);
+            // If not already loading, start loading and cache the promise
-            result.meshes[0].id = toolname;
+            if (!personAssetContainerPromise) {
-            result.meshes[0].name = toolname;
+                logger.debug('Loading person.stl for first time');
-            return result.meshes[0] as Mesh;
+                personAssetContainerPromise = LoadAssetContainerAsync(
+                    '/assets/models/person.stl',
+                    scene
+                );
+            }
+
+            // All concurrent calls await the same promise
+            const container = await personAssetContainerPromise;
+
+            // Create new instance using BabylonJS's built-in instantiation
+            const entries = container.instantiateModelsToScene();
+            const mesh = entries.rootNodes[0] as Mesh;
+            mesh.setParent(null);
+            mesh.id = toolname;
+            mesh.name = toolname;
+
+            return mesh;
         case ToolType.PLANE:
             return MeshBuilder.CreatePlane(toolname, {width: 1, height: 1}, scene);
 

src/toolbox/functions/buildTool.ts

@@ -24,7 +24,7 @@ export async function buildTool(tool: ToolType, colorParent: AbstractMesh, mater
     }
 
 
-    const newItem = await buildMesh(tool, `tool-${id}`, colorParent.getScene());
+    const newItem = await buildMesh(tool, `tool-${id}`);
     if (!newItem) {
         return null;
     }