Keep original object and material names in Web Viewer (AcademySoftwareFoundation#2445)

Previously, object names were taken directly from the three.js scene. However, three.js enforces specific constraints for object names (e.g. spaces, braces and so on are replaced with `_`).

This renaming breaks DAG matching for geom expressions, as the compared name might not be right. three.js keeps the original name around though, so this PR makes sure the original name is used for path matching instead of the in-scene name.

The PR also sets the material name properly from the `materialassign` instead of keeping it empty.

Author: hybridherbst

javascript/MaterialXView/source/viewer.js

@@ -313,7 +313,7 @@ export class Scene
     {
         const rootNode = this.#_rootNode;
 
-        let path = [node.name];
+        let path = [node.userData?.name || node.name];
         while (node.parent)
         {
             node = node.parent;
@@ -324,7 +324,7 @@ export class Scene
                 {
                     break;
                 }
-                path.unshift(node.name);
+                path.unshift(node.userData?.name || node.name);
             }
         }
         return path;
@@ -900,7 +900,7 @@ export class Material
                         assigned += viewer.getScene().updateMaterial(matassign);
                         matassign.setGeometry(temp);
                         assignedSolo = true;
-                        break
+                        break;
                     }
                 }
                 else
@@ -993,7 +993,8 @@ export class Material
             blendEquation: THREE.AddEquation,
             blendSrc: THREE.OneMinusSrcAlphaFactor,
             blendDst: THREE.SrcAlphaFactor,
-            side: THREE.DoubleSide
+            side: THREE.DoubleSide,
+            name: elem.getName(),
         });
 
         if (logDetailedTime)