Replacing meshes/assets in .glb avatars

[satish3485]

Dear glTF-Transform community,

Thank you for this great tools.

I am trying to replace mesh but it did not apply correctly i already checked #1396 link and implemented like this it work when we will use it same glb file but if i changed the glb file it show the cap up not proper on head
Archive.zip

i added this zip file which contain glb files and cap file.

Problem is:

1. Cap show on little up on the head did not apply properly on head
   What i tried i try settranslation for cap but did not work

2. There is another hair.glb file which show unordered mesh did not show properly hair glb
   How can we reorder than it will show it properly hair
   I tried multiple things but did not work

Here is my code

import { NodeIO } from "@gltf-transform/core";
import { ALL_EXTENSIONS } from "@gltf-transform/extensions";
import { copyToDocument, prune, dedup, unpartition } from "@gltf-transform/functions";

async function addCapToAvatar() {
  const io = new NodeIO().registerExtensions(ALL_EXTENSIONS);

  const avatarDocument = await io.read("./emma-avatar.glb");
  const capDocument = await io.read("./Avaturn-asset-cap.glb");

  console.log(capDocument.getRoot().listMeshes());

  console.log(avatarDocument.getRoot().listMeshes());

  console.log(capDocument.getRoot().listMeshes().map(m => m.getName()));
 
  const srcCapMesh = capDocument
    .getRoot()
    .listMeshes()[0];
  if (!srcCapMesh) throw new Error("Cap mesh not found!");

  const map = copyToDocument(avatarDocument, capDocument, [srcCapMesh]);
  const dstCapMesh = map.get(srcCapMesh);


  const headBone = avatarDocument
    .getRoot()
    .listNodes()
    .find(node => node.getName().toLowerCase().includes("head"));
  if (!headBone) throw new Error("Head bone not found!");
  

  // Check head bone transformation for debugging
  const headTranslation = headBone.getTranslation();
  const headRotation = headBone.getRotation();
  const headScale = headBone.getScale();
  
  // Create cap node
  const capNode = avatarDocument
    .createNode("avaturn_cap")
    .setMesh(dstCapMesh)
    .setSkin(avatarDocument.getRoot().listSkins()[0]);

  console.log(avatarDocument.getRoot().listSkins());

  const armature = avatarDocument
    .getRoot()
    .listNodes()
    .find((node) => node.getName() === 'Armature');
  armature.addChild(capNode);
  // // Set transformation before attaching (should work either way, but let's be explicit)
  // // Try a more significant translation value to see if it's being applied
  // capNode.setTranslation([0, 0.02, 0]); // move cap down to fit properly
  // capNode.setRotation([0, 0, 0, 1]);    // no rotation (quaternion: x, y, z, w)
  // capNode.setScale(headScale);           // scale if needed

  // // Attach to head (transformation is relative to parent bone's coordinate system)
  // headBone.addChild(capNode);

  // Verify translation was set correctly
  const translation = capNode.getTranslation();
  console.log("Cap node translation after setting:", translation);

  // Remove hair
  for (const node of avatarDocument.getRoot().listNodes()) {
    if (node.getName().toLowerCase().startsWith("avaturn_hair")) {
      console.log("Disposing hair node:", node.getTranslation());
      node.dispose();
    }
  }

  // Optimize
  await avatarDocument.transform(prune(), dedup(), unpartition());

  await io.write("./avatar1+cap.glb", avatarDocument);
  console.log("Avatar with properly positioned cap created!");
}

addCapToAvatar().catch(console.error);

I used node V22.10

Can anyone help out?