@nice2dev/ui-3d 1.1.0 → 1.1.1

package/dist/esm/model/modelEditorUtils.js

@@ -25,16 +25,18 @@ class UndoRedoStack {
     }
     undo() {
         const action = this.undoStack.pop();
-        if (!action)
+        if (!action) {
             return null;
+        }
         action.undo();
         this.redoStack.push(action);
         return action.label;
     }
     redo() {
         const action = this.redoStack.pop();
-        if (!action)
+        if (!action) {
             return null;
+        }
         action.redo();
         this.undoStack.push(action);
         return action.label;
@@ -67,11 +69,13 @@ const DEFAULT_LOD_LEVELS = [
  * Returns a new geometry with reduced vertex count.
  */
 function decimateGeometry(geometry, ratio) {
-    if (ratio >= 1.0)
+    if (ratio >= 1.0) {
         return geometry.clone();
-    const posAttr = geometry.getAttribute("position");
-    if (!posAttr)
+    }
+    const posAttr = geometry.getAttribute('position');
+    if (!posAttr) {
         return geometry.clone();
+    }
     const positions = Array.from(posAttr.array);
     const vertexCount = posAttr.count;
     const targetCount = Math.max(3, Math.floor(vertexCount * ratio));
@@ -130,7 +134,7 @@ function decimateGeometry(geometry, ratio) {
         }
     }
     const result = new THREE.BufferGeometry();
-    result.setAttribute("position", new THREE.BufferAttribute(newPositions, 3));
+    result.setAttribute('position', new THREE.BufferAttribute(newPositions, 3));
     result.setIndex(newIndices);
     result.computeVertexNormals();
     return result;
@@ -140,7 +144,7 @@ function decimateGeometry(geometry, ratio) {
  */
 function generateLOD(mesh, levels = DEFAULT_LOD_LEVELS) {
     const lod = new THREE.LOD();
-    lod.name = mesh.name + "_LOD";
+    lod.name = mesh.name + '_LOD';
     lod.position.copy(mesh.position);
     lod.rotation.copy(mesh.rotation);
     lod.scale.copy(mesh.scale);
@@ -158,44 +162,233 @@ function generateLOD(mesh, levels = DEFAULT_LOD_LEVELS) {
 }
 const PBR_PRESETS = [
     // Metals
-    { name: "Gold", category: "Metal", params: { color: 0xffd700, metalness: 1.0, roughness: 0.15 } },
-    { name: "Silver", category: "Metal", params: { color: 0xc0c0c0, metalness: 1.0, roughness: 0.1 } },
-    { name: "Copper", category: "Metal", params: { color: 0xb87333, metalness: 1.0, roughness: 0.25 } },
-    { name: "Iron", category: "Metal", params: { color: 0x808080, metalness: 0.95, roughness: 0.6 } },
-    { name: "Brushed Steel", category: "Metal", params: { color: 0xa0a0a0, metalness: 0.95, roughness: 0.4 } },
-    { name: "Chrome", category: "Metal", params: { color: 0xdddddd, metalness: 1.0, roughness: 0.02 } },
-    { name: "Bronze", category: "Metal", params: { color: 0xcd7f32, metalness: 0.9, roughness: 0.35 } },
-    { name: "Aluminum", category: "Metal", params: { color: 0xd6d6d6, metalness: 0.85, roughness: 0.2 } },
+    { name: 'Gold', category: 'Metal', params: { color: 0xffd700, metalness: 1.0, roughness: 0.15 } },
+    {
+        name: 'Silver',
+        category: 'Metal',
+        params: { color: 0xc0c0c0, metalness: 1.0, roughness: 0.1 },
+    },
+    {
+        name: 'Copper',
+        category: 'Metal',
+        params: { color: 0xb87333, metalness: 1.0, roughness: 0.25 },
+    },
+    { name: 'Iron', category: 'Metal', params: { color: 0x808080, metalness: 0.95, roughness: 0.6 } },
+    {
+        name: 'Brushed Steel',
+        category: 'Metal',
+        params: { color: 0xa0a0a0, metalness: 0.95, roughness: 0.4 },
+    },
+    {
+        name: 'Chrome',
+        category: 'Metal',
+        params: { color: 0xdddddd, metalness: 1.0, roughness: 0.02 },
+    },
+    {
+        name: 'Bronze',
+        category: 'Metal',
+        params: { color: 0xcd7f32, metalness: 0.9, roughness: 0.35 },
+    },
+    {
+        name: 'Aluminum',
+        category: 'Metal',
+        params: { color: 0xd6d6d6, metalness: 0.85, roughness: 0.2 },
+    },
     // Non-metals
-    { name: "Plastic (White)", category: "Plastic", params: { color: 0xf0f0f0, metalness: 0.0, roughness: 0.3 } },
-    { name: "Plastic (Red)", category: "Plastic", params: { color: 0xcc2222, metalness: 0.0, roughness: 0.35 } },
-    { name: "Rubber", category: "Plastic", params: { color: 0x333333, metalness: 0.0, roughness: 0.9 } },
+    {
+        name: 'Plastic (White)',
+        category: 'Plastic',
+        params: { color: 0xf0f0f0, metalness: 0.0, roughness: 0.3 },
+    },
+    {
+        name: 'Plastic (Red)',
+        category: 'Plastic',
+        params: { color: 0xcc2222, metalness: 0.0, roughness: 0.35 },
+    },
+    {
+        name: 'Rubber',
+        category: 'Plastic',
+        params: { color: 0x333333, metalness: 0.0, roughness: 0.9 },
+    },
     // Glass
-    { name: "Clear Glass", category: "Glass", params: { color: 0xffffff, metalness: 0.0, roughness: 0.0, opacity: 0.15, transparent: true, ior: 1.5, transmission: 0.95 } },
-    { name: "Frosted Glass", category: "Glass", params: { color: 0xeeeeff, metalness: 0.0, roughness: 0.5, opacity: 0.3, transparent: true, ior: 1.5, transmission: 0.7 } },
-    { name: "Tinted Glass", category: "Glass", params: { color: 0x224488, metalness: 0.0, roughness: 0.05, opacity: 0.3, transparent: true, ior: 1.5, transmission: 0.8 } },
+    {
+        name: 'Clear Glass',
+        category: 'Glass',
+        params: {
+            color: 0xffffff,
+            metalness: 0.0,
+            roughness: 0.0,
+            opacity: 0.15,
+            transparent: true,
+            ior: 1.5,
+            transmission: 0.95,
+        },
+    },
+    {
+        name: 'Frosted Glass',
+        category: 'Glass',
+        params: {
+            color: 0xeeeeff,
+            metalness: 0.0,
+            roughness: 0.5,
+            opacity: 0.3,
+            transparent: true,
+            ior: 1.5,
+            transmission: 0.7,
+        },
+    },
+    {
+        name: 'Tinted Glass',
+        category: 'Glass',
+        params: {
+            color: 0x224488,
+            metalness: 0.0,
+            roughness: 0.05,
+            opacity: 0.3,
+            transparent: true,
+            ior: 1.5,
+            transmission: 0.8,
+        },
+    },
     // Natural
-    { name: "Wood (Light)", category: "Natural", params: { color: 0xc19a6b, metalness: 0.0, roughness: 0.7 } },
-    { name: "Wood (Dark)", category: "Natural", params: { color: 0x5c3317, metalness: 0.0, roughness: 0.65 } },
-    { name: "Stone", category: "Natural", params: { color: 0x888888, metalness: 0.0, roughness: 0.85 } },
-    { name: "Marble", category: "Natural", params: { color: 0xf0ece0, metalness: 0.0, roughness: 0.15 } },
-    { name: "Clay", category: "Natural", params: { color: 0xb5651d, metalness: 0.0, roughness: 0.8 } },
-    { name: "Concrete", category: "Natural", params: { color: 0x999999, metalness: 0.0, roughness: 0.95 } },
+    {
+        name: 'Wood (Light)',
+        category: 'Natural',
+        params: { color: 0xc19a6b, metalness: 0.0, roughness: 0.7 },
+    },
+    {
+        name: 'Wood (Dark)',
+        category: 'Natural',
+        params: { color: 0x5c3317, metalness: 0.0, roughness: 0.65 },
+    },
+    {
+        name: 'Stone',
+        category: 'Natural',
+        params: { color: 0x888888, metalness: 0.0, roughness: 0.85 },
+    },
+    {
+        name: 'Marble',
+        category: 'Natural',
+        params: { color: 0xf0ece0, metalness: 0.0, roughness: 0.15 },
+    },
+    {
+        name: 'Clay',
+        category: 'Natural',
+        params: { color: 0xb5651d, metalness: 0.0, roughness: 0.8 },
+    },
+    {
+        name: 'Concrete',
+        category: 'Natural',
+        params: { color: 0x999999, metalness: 0.0, roughness: 0.95 },
+    },
     // Fabric
-    { name: "Cotton (White)", category: "Fabric", params: { color: 0xf5f5dc, metalness: 0.0, roughness: 0.9, sheen: 0.5, sheenRoughness: 0.8, sheenColor: 0xffffff } },
-    { name: "Silk", category: "Fabric", params: { color: 0xe3dac9, metalness: 0.0, roughness: 0.3, sheen: 1.0, sheenRoughness: 0.3, sheenColor: 0xffeedd } },
-    { name: "Velvet", category: "Fabric", params: { color: 0x800020, metalness: 0.0, roughness: 0.95, sheen: 0.9, sheenRoughness: 0.9, sheenColor: 0xff4060 } },
-    { name: "Leather", category: "Fabric", params: { color: 0x553322, metalness: 0.0, roughness: 0.6 } },
-    { name: "Denim", category: "Fabric", params: { color: 0x3b5998, metalness: 0.0, roughness: 0.85 } },
+    {
+        name: 'Cotton (White)',
+        category: 'Fabric',
+        params: {
+            color: 0xf5f5dc,
+            metalness: 0.0,
+            roughness: 0.9,
+            sheen: 0.5,
+            sheenRoughness: 0.8,
+            sheenColor: 0xffffff,
+        },
+    },
+    {
+        name: 'Silk',
+        category: 'Fabric',
+        params: {
+            color: 0xe3dac9,
+            metalness: 0.0,
+            roughness: 0.3,
+            sheen: 1.0,
+            sheenRoughness: 0.3,
+            sheenColor: 0xffeedd,
+        },
+    },
+    {
+        name: 'Velvet',
+        category: 'Fabric',
+        params: {
+            color: 0x800020,
+            metalness: 0.0,
+            roughness: 0.95,
+            sheen: 0.9,
+            sheenRoughness: 0.9,
+            sheenColor: 0xff4060,
+        },
+    },
+    {
+        name: 'Leather',
+        category: 'Fabric',
+        params: { color: 0x553322, metalness: 0.0, roughness: 0.6 },
+    },
+    {
+        name: 'Denim',
+        category: 'Fabric',
+        params: { color: 0x3b5998, metalness: 0.0, roughness: 0.85 },
+    },
     // Skin
-    { name: "Skin (Light)", category: "Skin", params: { color: 0xffdbac, metalness: 0.0, roughness: 0.55 } },
-    { name: "Skin (Medium)", category: "Skin", params: { color: 0xc68642, metalness: 0.0, roughness: 0.5 } },
-    { name: "Skin (Dark)", category: "Skin", params: { color: 0x8d5524, metalness: 0.0, roughness: 0.5 } },
+    {
+        name: 'Skin (Light)',
+        category: 'Skin',
+        params: { color: 0xffdbac, metalness: 0.0, roughness: 0.55 },
+    },
+    {
+        name: 'Skin (Medium)',
+        category: 'Skin',
+        params: { color: 0xc68642, metalness: 0.0, roughness: 0.5 },
+    },
+    {
+        name: 'Skin (Dark)',
+        category: 'Skin',
+        params: { color: 0x8d5524, metalness: 0.0, roughness: 0.5 },
+    },
     // Special
-    { name: "Car Paint", category: "Special", params: { color: 0xcc0000, metalness: 0.5, roughness: 0.15, clearcoat: 1.0, clearcoatRoughness: 0.05 } },
-    { name: "Emissive (Blue)", category: "Special", params: { color: 0x111111, metalness: 0.0, roughness: 0.5, emissive: 0x0088ff, emissiveIntensity: 2.0 } },
-    { name: "Emissive (Orange)", category: "Special", params: { color: 0x111111, metalness: 0.0, roughness: 0.5, emissive: 0xff6600, emissiveIntensity: 2.0 } },
-    { name: "Neon", category: "Special", params: { color: 0x000000, metalness: 0.0, roughness: 0.1, emissive: 0x00ff88, emissiveIntensity: 5.0 } },
+    {
+        name: 'Car Paint',
+        category: 'Special',
+        params: {
+            color: 0xcc0000,
+            metalness: 0.5,
+            roughness: 0.15,
+            clearcoat: 1.0,
+            clearcoatRoughness: 0.05,
+        },
+    },
+    {
+        name: 'Emissive (Blue)',
+        category: 'Special',
+        params: {
+            color: 0x111111,
+            metalness: 0.0,
+            roughness: 0.5,
+            emissive: 0x0088ff,
+            emissiveIntensity: 2.0,
+        },
+    },
+    {
+        name: 'Emissive (Orange)',
+        category: 'Special',
+        params: {
+            color: 0x111111,
+            metalness: 0.0,
+            roughness: 0.5,
+            emissive: 0xff6600,
+            emissiveIntensity: 2.0,
+        },
+    },
+    {
+        name: 'Neon',
+        category: 'Special',
+        params: {
+            color: 0x000000,
+            metalness: 0.0,
+            roughness: 0.1,
+            emissive: 0x00ff88,
+            emissiveIntensity: 5.0,
+        },
+    },
 ];
 /**
  * Apply a PBR preset to a MeshStandardMaterial or MeshPhysicalMaterial.
@@ -209,39 +402,52 @@ function applyPBRPreset(material, preset) {
         material.color.setHex(p.color);
         material.metalness = p.metalness;
         material.roughness = p.roughness;
-        if (p.emissive != null)
+        if (p.emissive != null) {
             material.emissive.setHex(p.emissive);
-        if (p.emissiveIntensity != null)
+        }
+        if (p.emissiveIntensity != null) {
             material.emissiveIntensity = p.emissiveIntensity;
-        if (p.opacity != null)
+        }
+        if (p.opacity != null) {
             material.opacity = p.opacity;
+        }
         material.transparent = (_a = p.transparent) !== null && _a !== void 0 ? _a : false;
-        if (p.clearcoat != null)
+        if (p.clearcoat != null) {
             material.clearcoat = p.clearcoat;
-        if (p.clearcoatRoughness != null)
+        }
+        if (p.clearcoatRoughness != null) {
             material.clearcoatRoughness = p.clearcoatRoughness;
-        if (p.ior != null)
+        }
+        if (p.ior != null) {
             material.ior = p.ior;
-        if (p.transmission != null)
+        }
+        if (p.transmission != null) {
             material.transmission = p.transmission;
-        if (p.sheen != null)
+        }
+        if (p.sheen != null) {
             material.sheen = p.sheen;
-        if (p.sheenRoughness != null)
+        }
+        if (p.sheenRoughness != null) {
             material.sheenRoughness = p.sheenRoughness;
-        if (p.sheenColor != null)
+        }
+        if (p.sheenColor != null) {
             material.sheenColor.setHex(p.sheenColor);
+        }
         material.needsUpdate = true;
     }
     else if (material instanceof THREE.MeshStandardMaterial && !needsPhysical) {
         material.color.setHex(p.color);
         material.metalness = p.metalness;
         material.roughness = p.roughness;
-        if (p.emissive != null)
+        if (p.emissive != null) {
             material.emissive.setHex(p.emissive);
-        if (p.emissiveIntensity != null)
+        }
+        if (p.emissiveIntensity != null) {
             material.emissiveIntensity = p.emissiveIntensity;
-        if (p.opacity != null)
+        }
+        if (p.opacity != null) {
             material.opacity = p.opacity;
+        }
         material.transparent = (_b = p.transparent) !== null && _b !== void 0 ? _b : false;
         material.needsUpdate = true;
     }
@@ -278,10 +484,10 @@ function convertToInstanced(parent) {
     var _a;
     const groups = new Map();
     parent.traverse((child) => {
-        if (child instanceof THREE.Mesh && !child.name.startsWith("__")) {
+        if (child instanceof THREE.Mesh && !child.name.startsWith('__')) {
             const geoId = child.geometry.uuid;
             const matId = Array.isArray(child.material)
-                ? child.material.map((m) => m.uuid).join(",")
+                ? child.material.map((m) => m.uuid).join(',')
                 : child.material.uuid;
             const key = `${geoId}|${matId}`;
             let list = groups.get(key);
@@ -295,11 +501,12 @@ function convertToInstanced(parent) {
     let created = 0;
     let removed = 0;
     for (const [, meshes] of groups) {
-        if (meshes.length < 2)
+        if (meshes.length < 2) {
             continue;
+        }
         const source = meshes[0];
         const instancedMesh = new THREE.InstancedMesh(source.geometry, source.material, meshes.length);
-        instancedMesh.name = source.name + "_Instanced";
+        instancedMesh.name = source.name + '_Instanced';
         instancedMesh.castShadow = source.castShadow;
         instancedMesh.receiveShadow = source.receiveShadow;
         const matrix = new THREE.Matrix4();
@@ -331,9 +538,10 @@ function countTriangles(object) {
                 count += geo.index.count / 3;
             }
             else {
-                const pos = geo.getAttribute("position");
-                if (pos)
+                const pos = geo.getAttribute('position');
+                if (pos) {
                     count += pos.count / 3;
+                }
             }
         }
     });
@@ -367,8 +575,8 @@ function measureAngle(a, b, c) {
 const HDRI_PRESETS = [
     // Studio
     {
-        name: "Studio Soft",
-        category: "Studio",
+        name: 'Studio Soft',
+        category: 'Studio',
         bgColor: 0x1a1a2e,
         envIntensity: 1.0,
         ambientColor: 0xffffff,
@@ -379,8 +587,8 @@ const HDRI_PRESETS = [
         exposure: 1.0,
     },
     {
-        name: "Studio High Key",
-        category: "Studio",
+        name: 'Studio High Key',
+        category: 'Studio',
         bgColor: 0xf0f0f0,
         envIntensity: 1.2,
         ambientColor: 0xffffff,
@@ -391,8 +599,8 @@ const HDRI_PRESETS = [
         exposure: 1.2,
     },
     {
-        name: "Studio Low Key",
-        category: "Studio",
+        name: 'Studio Low Key',
+        category: 'Studio',
         bgColor: 0x0a0a0a,
         envIntensity: 0.5,
         ambientColor: 0x222244,
@@ -403,8 +611,8 @@ const HDRI_PRESETS = [
         exposure: 0.8,
     },
     {
-        name: "Studio Rim",
-        category: "Studio",
+        name: 'Studio Rim',
+        category: 'Studio',
         bgColor: 0x111111,
         envIntensity: 0.3,
         ambientColor: 0x111122,
@@ -416,8 +624,8 @@ const HDRI_PRESETS = [
     },
     // Outdoor
     {
-        name: "Sunny Day",
-        category: "Outdoor",
+        name: 'Sunny Day',
+        category: 'Outdoor',
         bgColor: 0x87ceeb,
         envIntensity: 1.0,
         ambientColor: 0x8ec8f0,
@@ -428,8 +636,8 @@ const HDRI_PRESETS = [
         exposure: 1.0,
     },
     {
-        name: "Overcast",
-        category: "Outdoor",
+        name: 'Overcast',
+        category: 'Outdoor',
         bgColor: 0xb0b0b8,
         envIntensity: 0.8,
         ambientColor: 0xccccdd,
@@ -441,8 +649,8 @@ const HDRI_PRESETS = [
         exposure: 1.0,
     },
     {
-        name: "Golden Hour",
-        category: "Outdoor",
+        name: 'Golden Hour',
+        category: 'Outdoor',
         bgColor: 0xff8844,
         envIntensity: 1.0,
         ambientColor: 0xffaa55,
@@ -453,8 +661,8 @@ const HDRI_PRESETS = [
         exposure: 1.1,
     },
     {
-        name: "Blue Hour",
-        category: "Outdoor",
+        name: 'Blue Hour',
+        category: 'Outdoor',
         bgColor: 0x1a2a4a,
         envIntensity: 0.6,
         ambientColor: 0x334466,
@@ -465,8 +673,8 @@ const HDRI_PRESETS = [
         exposure: 0.8,
     },
     {
-        name: "Night",
-        category: "Outdoor",
+        name: 'Night',
+        category: 'Outdoor',
         bgColor: 0x050510,
         envIntensity: 0.1,
         ambientColor: 0x111133,
@@ -478,8 +686,8 @@ const HDRI_PRESETS = [
     },
     // Interior
     {
-        name: "Warm Interior",
-        category: "Interior",
+        name: 'Warm Interior',
+        category: 'Interior',
         bgColor: 0x2a1a10,
         envIntensity: 0.7,
         ambientColor: 0xffddaa,
@@ -490,8 +698,8 @@ const HDRI_PRESETS = [
         exposure: 1.0,
     },
     {
-        name: "Cool Office",
-        category: "Interior",
+        name: 'Cool Office',
+        category: 'Interior',
         bgColor: 0x1a2230,
         envIntensity: 0.8,
         ambientColor: 0xddeeff,
@@ -502,8 +710,8 @@ const HDRI_PRESETS = [
         exposure: 1.0,
     },
     {
-        name: "Gallery",
-        category: "Interior",
+        name: 'Gallery',
+        category: 'Interior',
         bgColor: 0xfafafa,
         envIntensity: 1.0,
         ambientColor: 0xffffff,
@@ -515,8 +723,8 @@ const HDRI_PRESETS = [
     },
     // Dramatic
     {
-        name: "Neon City",
-        category: "Dramatic",
+        name: 'Neon City',
+        category: 'Dramatic',
         bgColor: 0x0a0015,
         envIntensity: 0.4,
         ambientColor: 0xff00ff,
@@ -527,8 +735,8 @@ const HDRI_PRESETS = [
         exposure: 1.0,
     },
     {
-        name: "Cinematic",
-        category: "Dramatic",
+        name: 'Cinematic',
+        category: 'Dramatic',
         bgColor: 0x0f0f1a,
         envIntensity: 0.5,
         ambientColor: 0x223344,
@@ -539,8 +747,8 @@ const HDRI_PRESETS = [
         exposure: 0.9,
     },
     {
-        name: "Sunrise",
-        category: "Dramatic",
+        name: 'Sunrise',
+        category: 'Dramatic',
         bgColor: 0xff6633,
         envIntensity: 0.8,
         ambientColor: 0xffaa66,
@@ -551,8 +759,8 @@ const HDRI_PRESETS = [
         exposure: 1.2,
     },
     {
-        name: "Desert",
-        category: "Dramatic",
+        name: 'Desert',
+        category: 'Dramatic',
         bgColor: 0xe8c888,
         envIntensity: 1.0,
         ambientColor: 0xddcc99,
@@ -575,10 +783,12 @@ function applyHDRIPreset(scene, renderer, preset) {
     let ambient;
     let directional;
     scene.traverse((child) => {
-        if (child instanceof THREE.AmbientLight && !ambient)
+        if (child instanceof THREE.AmbientLight && !ambient) {
             ambient = child;
-        if (child instanceof THREE.DirectionalLight && !directional)
+        }
+        if (child instanceof THREE.DirectionalLight && !directional) {
             directional = child;
+        }
     });
     if (ambient != null) {
         ambient.color.setHex(preset.ambientColor);
@@ -607,11 +817,13 @@ function snapToVertex(point, scene, maxDistance = Infinity) {
     let minDist = maxDistance;
     const tmpV = new THREE.Vector3();
     scene.traverse((child) => {
-        if (!(child instanceof THREE.Mesh))
+        if (!(child instanceof THREE.Mesh)) {
             return;
-        const posAttr = child.geometry.getAttribute("position");
-        if (!posAttr)
+        }
+        const posAttr = child.geometry.getAttribute('position');
+        if (!posAttr) {
             return;
+        }
         child.updateWorldMatrix(true, false);
         for (let i = 0; i < posAttr.count; i++) {
             tmpV.fromBufferAttribute(posAttr, i);
@@ -619,7 +831,7 @@ function snapToVertex(point, scene, maxDistance = Infinity) {
             const d = point.distanceTo(tmpV);
             if (d < minDist) {
                 minDist = d;
-                closest = { point: tmpV.clone(), target: "vertex", object: child };
+                closest = { point: tmpV.clone(), target: 'vertex', object: child };
             }
         }
     });
@@ -632,11 +844,13 @@ function snapToEdge(point, scene, maxDistance = Infinity) {
     const a = new THREE.Vector3();
     const b = new THREE.Vector3();
     scene.traverse((child) => {
-        if (!(child instanceof THREE.Mesh))
+        if (!(child instanceof THREE.Mesh)) {
             return;
-        const posAttr = child.geometry.getAttribute("position");
-        if (!posAttr)
+        }
+        const posAttr = child.geometry.getAttribute('position');
+        if (!posAttr) {
             return;
+        }
         const index = child.geometry.index;
         child.updateWorldMatrix(true, false);
         const processEdge = (i0, i1) => {
@@ -646,7 +860,7 @@ function snapToEdge(point, scene, maxDistance = Infinity) {
             const d = point.distanceTo(closestOnEdge);
             if (d < minDist) {
                 minDist = d;
-                closest = { point: closestOnEdge.clone(), target: "edge", object: child };
+                closest = { point: closestOnEdge.clone(), target: 'edge', object: child };
             }
         };
         if (index) {
@@ -678,23 +892,25 @@ function closestPointOnSegment(p, a, b) {
  * Multi-mode snap: tries vertex/edge/grid in priority order.
  * Returns the best snap within maxDistance, or grid snap as fallback.
  */
-function snapMulti(point, scene, gridSize, modes = ["vertex", "edge", "grid"], maxDistance = 0.5) {
+function snapMulti(point, scene, gridSize, modes = ['vertex', 'edge', 'grid'], maxDistance = 0.5) {
     for (const mode of modes) {
-        if (mode === "vertex") {
+        if (mode === 'vertex') {
             const result = snapToVertex(point, scene, maxDistance);
-            if (result)
+            if (result) {
                 return result;
+            }
         }
-        else if (mode === "edge") {
+        else if (mode === 'edge') {
             const result = snapToEdge(point, scene, maxDistance);
-            if (result)
+            if (result) {
                 return result;
+            }
         }
-        else if (mode === "grid") {
-            return { point: snapToGrid(point, gridSize), target: "grid" };
+        else if (mode === 'grid') {
+            return { point: snapToGrid(point, gridSize), target: 'grid' };
         }
     }
-    return { point: snapToGrid(point, gridSize), target: "grid" };
+    return { point: snapToGrid(point, gridSize), target: 'grid' };
 }
 /** Evaluate a cubic bezier segment at parameter t (0-1). */
 function cubicBezier(p0, p1, p2, p3, t) {
@@ -709,15 +925,19 @@ function cubicBezier(p0, p1, p2, p3, t) {
 function evaluateTrack(track, time) {
     var _a, _b;
     const { keyframes } = track;
-    if (keyframes.length === 0)
+    if (keyframes.length === 0) {
         return 0;
-    if (keyframes.length === 1)
+    }
+    if (keyframes.length === 1) {
         return keyframes[0].value;
+    }
     // Clamp to range
-    if (time <= keyframes[0].time)
+    if (time <= keyframes[0].time) {
         return keyframes[0].value;
-    if (time >= keyframes[keyframes.length - 1].time)
+    }
+    if (time >= keyframes[keyframes.length - 1].time) {
         return keyframes[keyframes.length - 1].value;
+    }
     // Find surrounding keyframes
     let left = 0;
     for (let i = 1; i < keyframes.length; i++) {
@@ -730,21 +950,22 @@ function evaluateTrack(track, time) {
     const kfL = keyframes[left];
     const kfR = keyframes[right];
     const dt = kfR.time - kfL.time;
-    if (dt === 0)
+    if (dt === 0) {
         return kfL.value;
+    }
     const t = (time - kfL.time) / dt;
     switch (kfL.interpolation) {
-        case "constant":
+        case 'constant':
             return kfL.value;
-        case "linear":
+        case 'linear':
             return kfL.value + (kfR.value - kfL.value) * t;
-        case "ease-in":
+        case 'ease-in':
             return kfL.value + (kfR.value - kfL.value) * (t * t);
-        case "ease-out":
+        case 'ease-out':
             return kfL.value + (kfR.value - kfL.value) * (1 - (1 - t) * (1 - t));
-        case "ease-in-out":
-            return kfL.value + (kfR.value - kfL.value) * (t < 0.5 ? 2 * t * t : 1 - 2 * (1 - t) * (1 - t));
-        case "bezier": {
+        case 'ease-in-out':
+            return (kfL.value + (kfR.value - kfL.value) * (t < 0.5 ? 2 * t * t : 1 - 2 * (1 - t) * (1 - t)));
+        case 'bezier': {
             const handleR = (_a = kfL.handleRight) !== null && _a !== void 0 ? _a : { y: 0 };
             const handleL = (_b = kfR.handleLeft) !== null && _b !== void 0 ? _b : { y: 0 };
             return cubicBezier(kfL.value, kfL.value + handleR.y, kfR.value + handleL.y, kfR.value, t);
@@ -754,7 +975,7 @@ function evaluateTrack(track, time) {
     }
 }
 /** Insert or update a keyframe at a given time. */
-function setKeyframe(track, time, value, interpolation = "bezier") {
+function setKeyframe(track, time, value, interpolation = 'bezier') {
     // Find existing keyframe at same time (within epsilon)
     const epsilon = 0.001;
     const existingIdx = track.keyframes.findIndex((kf) => Math.abs(kf.time - time) < epsilon);
@@ -804,7 +1025,7 @@ function createAnimationClip(name, tracks, sampleRate = 30) {
 /** Trigger a file download in the browser. */
 function downloadBlob(blob, filename) {
     const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
+    const a = document.createElement('a');
     a.href = url;
     a.download = filename;
     document.body.appendChild(a);
@@ -829,9 +1050,10 @@ async function exportSceneUSDZ(scene) {
     const { USDZExporter } = await import('three/examples/jsm/exporters/USDZExporter.js');
     const exporter = new USDZExporter();
     const arraybuffer = await new Promise((resolve, reject) => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- USDZExporter.parse callback signature varies between three.js minor versions
         exporter.parse(scene, resolve, reject);
     });
-    return new Blob([arraybuffer], { type: "model/vnd.usdz+zip" });
+    return new Blob([arraybuffer], { type: 'model/vnd.usdz+zip' });
 }
 /**
  * Setup crossfade between two animation actions.
@@ -862,8 +1084,9 @@ function makeAdditiveAction(mixer, clip, referenceClip) {
  */
 function blendAnimations(actions) {
     const totalWeight = actions.reduce((sum, a) => sum + a.weight, 0);
-    if (totalWeight === 0)
+    if (totalWeight === 0) {
         return;
+    }
     for (const { action, weight } of actions) {
         const normalizedWeight = weight / totalWeight;
         action.setEffectiveWeight(normalizedWeight);
@@ -887,12 +1110,14 @@ function solveIKChain(skeleton, chain) {
     const bones = [];
     for (const name of boneNames) {
         const bone = skeleton.bones.find((b) => b.name === name);
-        if (!bone)
+        if (!bone) {
             return false;
+        }
         bones.push(bone);
     }
-    if (bones.length < 2)
+    if (bones.length < 2) {
         return false;
+    }
     const endEffector = bones[bones.length - 1];
     const endPos = new THREE.Vector3();
     const toEnd = new THREE.Vector3();
@@ -942,10 +1167,10 @@ function solveIKChain(skeleton, chain) {
 }
 /** Standard quad viewport layout. */
 const QUAD_VIEWPORT = [
-    { preset: "perspective", x: 0.5, y: 0.5, width: 0.5, height: 0.5 },
-    { preset: "top", x: 0, y: 0.5, width: 0.5, height: 0.5 },
-    { preset: "front", x: 0, y: 0, width: 0.5, height: 0.5 },
-    { preset: "right", x: 0.5, y: 0, width: 0.5, height: 0.5 },
+    { preset: 'perspective', x: 0.5, y: 0.5, width: 0.5, height: 0.5 },
+    { preset: 'top', x: 0, y: 0.5, width: 0.5, height: 0.5 },
+    { preset: 'front', x: 0, y: 0, width: 0.5, height: 0.5 },
+    { preset: 'right', x: 0.5, y: 0, width: 0.5, height: 0.5 },
 ];
 /** Camera position/rotation for orthographic viewport presets. */
 const VIEWPORT_CAMERAS = {
@@ -963,7 +1188,7 @@ const VIEWPORT_CAMERAS = {
 function createViewportCamera(preset, aspect = 1, frustumSize = 10) {
     const config = VIEWPORT_CAMERAS[preset];
     if (config.ortho) {
-        const camera = new THREE.OrthographicCamera(-frustumSize * aspect / 2, frustumSize * aspect / 2, frustumSize / 2, -frustumSize / 2, 0.01, 10000);
+        const camera = new THREE.OrthographicCamera((-frustumSize * aspect) / 2, (frustumSize * aspect) / 2, frustumSize / 2, -frustumSize / 2, 0.01, 10000);
         camera.position.set(...config.position);
         camera.up.set(...config.up);
         camera.lookAt(0, 0, 0);