@mml-io/3d-web-avatar 0.0.0-experimental-b7ccddd-20231027

package/LICENSE

@@ -0,0 +1,19 @@
+Copyright (c) 2023 Improbable MV Limited
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/build/character/Character.d.ts

@@ -0,0 +1,11 @@
+import { Object3D } from "three";
+import { ModelLoader } from "./ModelLoader";
+export declare class Character {
+    private modelLoader;
+    private skeletonHelpers;
+    private skinnedMeshesParent;
+    private sharedSkeleton;
+    private sharedMatrixWorld;
+    constructor(modelLoader: ModelLoader);
+    mergeBodyParts(fullBodyURL: string, headURL: string, upperBodyURL: string, lowerBodyURL: string, feetURL: string): Promise<Object3D>;
+}

package/build/character/ModelLoader.d.ts

@@ -0,0 +1,12 @@
+import { GLTF } from "three/examples/jsm/loaders/GLTFLoader.js";
+export declare class ModelLoader {
+    private static instance;
+    private readonly loadingManager;
+    private readonly gltfLoader;
+    private modelCache;
+    private ongoingLoads;
+    constructor(maxCacheSize?: number);
+    static getInstance(): ModelLoader;
+    load(fileUrl: string): Promise<GLTF | undefined>;
+    private loadFromUrl;
+}

package/build/character/types.d.ts

@@ -0,0 +1,5 @@
+export type TimeManagerInterface = {
+    smoothDeltaTime: number;
+    time: number;
+    update(): void;
+};

package/build/helpers/SkeletonHelpers.d.ts

@@ -0,0 +1,18 @@
+import { Matrix4, Object3D, Skeleton } from "three";
+import { GLTF } from "three/examples/jsm/loaders/GLTFLoader.js";
+type ClonedGLTFParts = {
+    gltf: GLTF;
+    sharedSkeleton: Skeleton;
+    matrixWorld: Matrix4;
+};
+export declare class SkeletonHelpers {
+    private debug;
+    private hierarchies;
+    private modelNames;
+    private extractBoneHierarchy;
+    private areBoneHierarchiesEqual;
+    extractAndStoreBoneHierarchy(node: Object3D, modelName: string): void;
+    compareLatestHierarchies(): void;
+    cloneGLTF(gltf: GLTF, modelName: string): ClonedGLTFParts;
+}
+export {};

package/build/index.d.ts

@@ -0,0 +1,3 @@
+export { Character } from "./character/Character";
+export { TimeManagerInterface } from "./character/types";
+export { ModelLoader } from "./character/ModelLoader";

package/build/index.js

@@ -0,0 +1,333 @@
+// src/helpers/SkeletonHelpers.ts
+import { Skeleton } from "three";
+var SkeletonHelpers = class {
+  constructor() {
+    this.debug = false;
+    this.hierarchies = [];
+    this.modelNames = [];
+  }
+  extractBoneHierarchy(node) {
+    if (node.type !== "Bone")
+      return null;
+    const boneMap = /* @__PURE__ */ new Map();
+    node.children.forEach((child) => {
+      const childHierarchy = this.extractBoneHierarchy(child);
+      if (childHierarchy)
+        boneMap.set(child.name, childHierarchy);
+    });
+    return boneMap;
+  }
+  areBoneHierarchiesEqual(a, b, modelNameA, modelNameB, path = []) {
+    let identical = true;
+    const differences = [];
+    if (a.size !== b.size) {
+      differences.push(
+        `Different number of children at path: ${path.join(
+          " -> "
+        )} in models ${modelNameA} and ${modelNameB}.`
+      );
+      identical = false;
+    }
+    for (const [key, value] of a) {
+      if (!b.has(key)) {
+        differences.push(
+          `Bone "${key}" was found in model ${modelNameA} but not in model ${modelNameB} at path: ${path.join(
+            " -> "
+          )}.`
+        );
+        identical = false;
+        continue;
+      }
+      const newPath = [...path, key];
+      const result = this.areBoneHierarchiesEqual(
+        value,
+        b.get(key),
+        modelNameA,
+        modelNameB,
+        newPath
+      );
+      if (!result.identical) {
+        identical = false;
+        differences.push(...result.differences);
+      }
+    }
+    for (const key of b.keys()) {
+      if (!a.has(key)) {
+        differences.push(
+          `Bone "${key}" was found in model ${modelNameB} but not in model ${modelNameA} at path: ${path.join(
+            " -> "
+          )}.`
+        );
+        identical = false;
+      }
+    }
+    return {
+      identical,
+      differences
+    };
+  }
+  extractAndStoreBoneHierarchy(node, modelName) {
+    const newHierarchy = this.extractBoneHierarchy(node);
+    if (!newHierarchy) {
+      console.log(`No bone hierarchy found in the model: ${modelName}.`);
+      return;
+    }
+    this.hierarchies.push(newHierarchy);
+    this.modelNames.push(modelName);
+  }
+  compareLatestHierarchies() {
+    if (this.hierarchies.length < 2)
+      return;
+    const latestHierarchy = this.hierarchies[this.hierarchies.length - 1];
+    const previousHierarchy = this.hierarchies[this.hierarchies.length - 2];
+    const diff = this.areBoneHierarchiesEqual(
+      previousHierarchy,
+      latestHierarchy,
+      this.modelNames[this.modelNames.length - 2],
+      this.modelNames[this.modelNames.length - 1],
+      []
+    );
+    if (diff.identical) {
+      if (this.debug)
+        console.log("The skeletons are identical.");
+    } else {
+      diff.differences.forEach((difference) => console.log(difference));
+    }
+  }
+  cloneGLTF(gltf, modelName) {
+    const clone = {
+      animations: gltf.animations,
+      scene: gltf.scene.clone(true)
+    };
+    let sharedSkeleton = null;
+    let matrixWorld = null;
+    const skinnedMeshes = {};
+    gltf.scene.traverse((node) => {
+      if (node.type === "SkinnedMesh") {
+        skinnedMeshes[node.name] = node;
+      }
+    });
+    const cloneBones = {};
+    const cloneSkinnedMeshes = {};
+    let hierarchyCheck = false;
+    clone.scene.traverse((node) => {
+      if (node.type === "Bone") {
+        if (hierarchyCheck === false) {
+          hierarchyCheck = true;
+          this.extractAndStoreBoneHierarchy(node, modelName);
+          this.compareLatestHierarchies();
+        }
+        cloneBones[node.name] = node;
+      }
+      if (node.type === "SkinnedMesh") {
+        cloneSkinnedMeshes[node.name] = node;
+      }
+    });
+    for (const name in skinnedMeshes) {
+      const skinnedMesh = skinnedMeshes[name];
+      const skeleton = skinnedMesh.skeleton;
+      const cloneSkinnedMesh = cloneSkinnedMeshes[name];
+      const orderedCloneBones = [];
+      for (let i = 0; i < skeleton.bones.length; ++i) {
+        const cloneBone = cloneBones[skeleton.bones[i].name];
+        orderedCloneBones.push(cloneBone);
+      }
+      if (sharedSkeleton === null) {
+        sharedSkeleton = new Skeleton(orderedCloneBones, skeleton.boneInverses);
+      }
+      if (matrixWorld === null) {
+        matrixWorld = cloneSkinnedMesh.matrixWorld;
+      }
+      cloneSkinnedMesh.bind(sharedSkeleton, matrixWorld);
+    }
+    return {
+      gltf: clone,
+      sharedSkeleton,
+      matrixWorld
+    };
+  }
+};
+
+// src/character/Character.ts
+var Character = class {
+  constructor(modelLoader) {
+    this.modelLoader = modelLoader;
+    this.skeletonHelpers = new SkeletonHelpers();
+    this.skinnedMeshesParent = null;
+    this.sharedSkeleton = null;
+    this.sharedMatrixWorld = null;
+  }
+  async mergeBodyParts(fullBodyURL, headURL, upperBodyURL, lowerBodyURL, feetURL) {
+    const fullBodyAsset = await this.modelLoader.load(fullBodyURL);
+    const fullBodyGLTF = this.skeletonHelpers.cloneGLTF(fullBodyAsset, "fullBody");
+    const headAsset = await this.modelLoader.load(headURL);
+    const upperBodyAsset = await this.modelLoader.load(upperBodyURL);
+    const lowerBodyAsset = await this.modelLoader.load(lowerBodyURL);
+    const feetAsset = await this.modelLoader.load(feetURL);
+    const skinnedMeshesToRemove = [];
+    const fullBodyModelGroup = fullBodyGLTF.gltf.scene;
+    this.skinnedMeshesParent = null;
+    fullBodyModelGroup.traverse((child) => {
+      if (child.type === "SkinnedMesh") {
+        child.castShadow = true;
+        if (this.skinnedMeshesParent === null) {
+          this.skinnedMeshesParent = child.parent;
+        }
+      }
+    });
+    this.sharedSkeleton = fullBodyGLTF.sharedSkeleton;
+    this.sharedMatrixWorld = fullBodyGLTF.matrixWorld;
+    skinnedMeshesToRemove.forEach((child) => {
+      child.removeFromParent();
+    });
+    const headGLTF = this.skeletonHelpers.cloneGLTF(headAsset, "headGLTF");
+    const headModelGroup = headGLTF.gltf.scene;
+    headModelGroup.traverse((child) => {
+      var _a;
+      if (child.type === "SkinnedMesh") {
+        child.castShadow = true;
+        child.bind(this.sharedSkeleton, this.sharedMatrixWorld);
+        (_a = this.skinnedMeshesParent) == null ? void 0 : _a.children.splice(0, 0, child);
+      }
+    });
+    const upperBodyGLTF = this.skeletonHelpers.cloneGLTF(upperBodyAsset, "upperBodyGLTF");
+    const upperBodyModelGroup = upperBodyGLTF.gltf.scene;
+    upperBodyModelGroup.traverse((child) => {
+      var _a;
+      if (child.type === "SkinnedMesh") {
+        child.castShadow = true;
+        child.bind(this.sharedSkeleton, this.sharedMatrixWorld);
+        (_a = this.skinnedMeshesParent) == null ? void 0 : _a.children.splice(1, 0, child);
+      }
+    });
+    const lowerBodyGLTF = this.skeletonHelpers.cloneGLTF(lowerBodyAsset, "lowerBodyGLTF");
+    const lowerBodyModelGroup = lowerBodyGLTF.gltf.scene;
+    lowerBodyModelGroup.traverse((child) => {
+      var _a;
+      if (child.type === "SkinnedMesh") {
+        child.castShadow = true;
+        child.bind(this.sharedSkeleton, this.sharedMatrixWorld);
+        (_a = this.skinnedMeshesParent) == null ? void 0 : _a.children.splice(2, 0, child);
+      }
+    });
+    const feetGLTF = this.skeletonHelpers.cloneGLTF(feetAsset, "feetGLTF");
+    const feetModelGroup = feetGLTF.gltf.scene;
+    feetModelGroup.traverse((child) => {
+      var _a;
+      if (child.type === "SkinnedMesh") {
+        child.castShadow = true;
+        child.bind(this.sharedSkeleton, this.sharedMatrixWorld);
+        (_a = this.skinnedMeshesParent) == null ? void 0 : _a.children.splice(3, 0, child);
+      }
+    });
+    return fullBodyGLTF.gltf.scene;
+  }
+};
+
+// src/character/ModelLoader.ts
+import { LoadingManager } from "three";
+import { GLTFLoader as ThreeGLTFLoader } from "three/examples/jsm/loaders/GLTFLoader.js";
+var CachedGLTFLoader = class extends ThreeGLTFLoader {
+  constructor(manager) {
+    super(manager);
+    this.blobCache = /* @__PURE__ */ new Map();
+  }
+  setBlobUrl(originalUrl, blobUrl) {
+    this.blobCache.set(originalUrl, blobUrl);
+  }
+  getBlobUrl(originalUrl) {
+    return this.blobCache.get(originalUrl);
+  }
+  load(url, onLoad, onProgress, onError) {
+    const blobUrl = this.getBlobUrl(url);
+    if (blobUrl) {
+      console.log(`Loading cached ${url.split("/").pop()}`);
+      super.load(blobUrl, onLoad, onProgress, onError);
+    } else {
+      super.load(url, onLoad, onProgress, onError);
+    }
+  }
+};
+var LRUCache = class {
+  constructor(maxSize = 100) {
+    this.maxSize = maxSize;
+    this.cache = /* @__PURE__ */ new Map();
+  }
+  get(key) {
+    const item = this.cache.get(key);
+    if (item) {
+      this.cache.delete(key);
+      this.cache.set(key, item);
+    }
+    return item;
+  }
+  set(key, value) {
+    if (this.cache.size >= this.maxSize) {
+      const oldestKey = this.cache.keys().next().value;
+      this.cache.delete(oldestKey);
+    }
+    this.cache.set(key, value);
+  }
+};
+var _ModelLoader = class _ModelLoader {
+  constructor(maxCacheSize = 100) {
+    this.ongoingLoads = /* @__PURE__ */ new Map();
+    this.loadingManager = new LoadingManager();
+    this.gltfLoader = new CachedGLTFLoader(this.loadingManager);
+    this.modelCache = new LRUCache(maxCacheSize);
+  }
+  static getInstance() {
+    if (!_ModelLoader.instance) {
+      _ModelLoader.instance = new _ModelLoader();
+    }
+    return _ModelLoader.instance;
+  }
+  async load(fileUrl) {
+    const cachedModel = this.modelCache.get(fileUrl);
+    if (cachedModel) {
+      const blobURL = URL.createObjectURL(cachedModel.blob);
+      this.gltfLoader.setBlobUrl(fileUrl, blobURL);
+      return this.loadFromUrl(fileUrl, cachedModel.originalExtension);
+    } else {
+      console.log(`Loading ${fileUrl} from server`);
+      const ongoingLoad = this.ongoingLoads.get(fileUrl);
+      if (ongoingLoad)
+        return ongoingLoad;
+      const loadPromise = fetch(fileUrl).then((response) => response.blob()).then((blob) => {
+        const originalExtension = fileUrl.split(".").pop() || "";
+        this.modelCache.set(fileUrl, { blob, originalExtension });
+        const blobURL = URL.createObjectURL(blob);
+        this.ongoingLoads.delete(fileUrl);
+        return this.loadFromUrl(blobURL, originalExtension);
+      });
+      this.ongoingLoads.set(fileUrl, loadPromise);
+      return loadPromise;
+    }
+  }
+  async loadFromUrl(url, extension) {
+    if (["gltf", "glb"].includes(extension)) {
+      return new Promise((resolve, reject) => {
+        this.gltfLoader.load(
+          url,
+          (object) => {
+            resolve(object);
+          },
+          void 0,
+          (error) => {
+            console.error(`Error loading GL(B|TF) from ${url}: ${error}`);
+            reject(error);
+          }
+        );
+      });
+    } else {
+      console.error(`Error: can't recognize ${url} extension: ${extension}`);
+    }
+  }
+};
+_ModelLoader.instance = null;
+var ModelLoader = _ModelLoader;
+export {
+  Character,
+  ModelLoader
+};
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/helpers/SkeletonHelpers.ts", "../src/character/Character.ts", "../src/character/ModelLoader.ts"],
+  "sourcesContent": ["import { Bone, Matrix4, Object3D, Skeleton, SkinnedMesh } from \"three\";\nimport { GLTF } from \"three/examples/jsm/loaders/GLTFLoader.js\";\n\ntype ClonedGLTFParts = {\n  gltf: GLTF;\n  sharedSkeleton: Skeleton;\n  matrixWorld: Matrix4;\n};\n\ntype BoneHierarchyMap = Map<string, BoneHierarchyMap>;\ntype DiffResult = {\n  identical: boolean;\n  differences: string[];\n};\n\nexport class SkeletonHelpers {\n  private debug: boolean = false;\n  private hierarchies: BoneHierarchyMap[] = [];\n  private modelNames: string[] = [];\n\n  private extractBoneHierarchy(node: Object3D): BoneHierarchyMap | null {\n    if (node.type !== \"Bone\") return null;\n    const boneMap: BoneHierarchyMap = new Map();\n    node.children.forEach((child) => {\n      const childHierarchy = this.extractBoneHierarchy(child);\n      if (childHierarchy) boneMap.set(child.name, childHierarchy);\n    });\n    return boneMap;\n  }\n\n  private areBoneHierarchiesEqual(\n    a: BoneHierarchyMap,\n    b: BoneHierarchyMap,\n    modelNameA: string,\n    modelNameB: string,\n    path: string[] = [],\n  ): DiffResult {\n    let identical = true;\n    const differences: string[] = [];\n\n    if (a.size !== b.size) {\n      differences.push(\n        `Different number of children at path: ${path.join(\n          \" -> \",\n        )} in models ${modelNameA} and ${modelNameB}.`,\n      );\n      identical = false;\n    }\n\n    for (const [key, value] of a) {\n      if (!b.has(key)) {\n        differences.push(\n          `Bone \"${key}\" was found in model ${modelNameA} but not in model ${modelNameB} at path: ${path.join(\n            \" -> \",\n          )}.`,\n        );\n        identical = false;\n        continue;\n      }\n\n      const newPath = [...path, key];\n      const result = this.areBoneHierarchiesEqual(\n        value,\n        b.get(key)!,\n        modelNameA,\n        modelNameB,\n        newPath,\n      );\n\n      if (!result.identical) {\n        identical = false;\n        differences.push(...result.differences);\n      }\n    }\n\n    for (const key of b.keys()) {\n      if (!a.has(key)) {\n        differences.push(\n          `Bone \"${key}\" was found in model ${modelNameB} but not in model ${modelNameA} at path: ${path.join(\n            \" -> \",\n          )}.`,\n        );\n        identical = false;\n      }\n    }\n\n    return {\n      identical,\n      differences,\n    };\n  }\n\n  public extractAndStoreBoneHierarchy(node: Object3D, modelName: string) {\n    const newHierarchy = this.extractBoneHierarchy(node);\n\n    if (!newHierarchy) {\n      console.log(`No bone hierarchy found in the model: ${modelName}.`);\n      return;\n    }\n\n    this.hierarchies.push(newHierarchy);\n    this.modelNames.push(modelName);\n  }\n\n  public compareLatestHierarchies() {\n    if (this.hierarchies.length < 2) return;\n\n    const latestHierarchy = this.hierarchies[this.hierarchies.length - 1];\n    const previousHierarchy = this.hierarchies[this.hierarchies.length - 2];\n\n    const diff = this.areBoneHierarchiesEqual(\n      previousHierarchy,\n      latestHierarchy,\n      this.modelNames[this.modelNames.length - 2],\n      this.modelNames[this.modelNames.length - 1],\n      [],\n    );\n\n    if (diff.identical) {\n      if (this.debug) console.log(\"The skeletons are identical.\");\n    } else {\n      diff.differences.forEach((difference) => console.log(difference));\n    }\n  }\n\n  public cloneGLTF(gltf: GLTF, modelName: string): ClonedGLTFParts {\n    const clone: Partial<GLTF> = {\n      animations: gltf.animations,\n      scene: gltf.scene.clone(true),\n    };\n\n    let sharedSkeleton: Skeleton | null = null;\n    let matrixWorld: Matrix4 | null = null;\n\n    const skinnedMeshes: Record<string, SkinnedMesh> = {};\n\n    gltf.scene.traverse((node) => {\n      if (node.type === \"SkinnedMesh\") {\n        skinnedMeshes[node.name] = node as SkinnedMesh;\n      }\n    });\n\n    const cloneBones: Record<string, Bone> = {};\n    const cloneSkinnedMeshes: Record<string, SkinnedMesh> = {};\n\n    let hierarchyCheck = false;\n    clone.scene!.traverse((node) => {\n      if (node.type === \"Bone\") {\n        if (hierarchyCheck === false) {\n          hierarchyCheck = true;\n          this.extractAndStoreBoneHierarchy(node, modelName);\n          this.compareLatestHierarchies();\n        }\n        cloneBones[node.name] = node as Bone;\n      }\n\n      if (node.type === \"SkinnedMesh\") {\n        cloneSkinnedMeshes[node.name] = node as SkinnedMesh;\n      }\n    });\n\n    for (const name in skinnedMeshes) {\n      const skinnedMesh = skinnedMeshes[name];\n      const skeleton = skinnedMesh.skeleton;\n      const cloneSkinnedMesh = cloneSkinnedMeshes[name];\n\n      const orderedCloneBones = [];\n\n      for (let i = 0; i < skeleton.bones.length; ++i) {\n        const cloneBone = cloneBones[skeleton.bones[i].name];\n        orderedCloneBones.push(cloneBone);\n      }\n\n      if (sharedSkeleton === null) {\n        sharedSkeleton = new Skeleton(orderedCloneBones, skeleton.boneInverses);\n      }\n\n      if (matrixWorld === null) {\n        matrixWorld = cloneSkinnedMesh.matrixWorld;\n      }\n\n      cloneSkinnedMesh.bind(sharedSkeleton, matrixWorld);\n    }\n\n    return {\n      gltf: clone as GLTF,\n      sharedSkeleton: sharedSkeleton as Skeleton,\n      matrixWorld: matrixWorld as Matrix4,\n    };\n  }\n}\n", "import { Group, Matrix4, Object3D, Skeleton, SkinnedMesh } from \"three\";\nimport { GLTF } from \"three/examples/jsm/loaders/GLTFLoader\";\n\nimport { SkeletonHelpers } from \"../helpers/SkeletonHelpers\";\n\nimport { ModelLoader } from \"./ModelLoader\";\n\nexport class Character {\n  private skeletonHelpers: SkeletonHelpers = new SkeletonHelpers();\n  private skinnedMeshesParent: Group | null = null;\n  private sharedSkeleton: Skeleton | null = null;\n  private sharedMatrixWorld: Matrix4 | null = null;\n\n  constructor(private modelLoader: ModelLoader) {}\n\n  public async mergeBodyParts(\n    fullBodyURL: string,\n    headURL: string,\n    upperBodyURL: string,\n    lowerBodyURL: string,\n    feetURL: string,\n  ): Promise<Object3D> {\n    const fullBodyAsset = await this.modelLoader.load(fullBodyURL);\n    const fullBodyGLTF = this.skeletonHelpers.cloneGLTF(fullBodyAsset as GLTF, \"fullBody\");\n\n    const headAsset = await this.modelLoader.load(headURL);\n    const upperBodyAsset = await this.modelLoader.load(upperBodyURL);\n    const lowerBodyAsset = await this.modelLoader.load(lowerBodyURL);\n    const feetAsset = await this.modelLoader.load(feetURL);\n\n    const skinnedMeshesToRemove: SkinnedMesh[] = [];\n\n    const fullBodyModelGroup = fullBodyGLTF.gltf.scene;\n\n    this.skinnedMeshesParent = null;\n\n    fullBodyModelGroup.traverse((child) => {\n      if (child.type === \"SkinnedMesh\") {\n        (child as SkinnedMesh).castShadow = true;\n        if (this.skinnedMeshesParent === null) {\n          this.skinnedMeshesParent = child.parent as Group;\n        }\n      }\n    });\n    this.sharedSkeleton = fullBodyGLTF.sharedSkeleton;\n    this.sharedMatrixWorld = fullBodyGLTF.matrixWorld;\n\n    skinnedMeshesToRemove.forEach((child) => {\n      child.removeFromParent();\n    });\n\n    const headGLTF = this.skeletonHelpers.cloneGLTF(headAsset as GLTF, \"headGLTF\");\n    const headModelGroup = headGLTF.gltf.scene;\n    headModelGroup.traverse((child) => {\n      if (child.type === \"SkinnedMesh\") {\n        (child as SkinnedMesh).castShadow = true;\n        (child as SkinnedMesh).bind(this.sharedSkeleton!, this.sharedMatrixWorld!);\n        this.skinnedMeshesParent?.children.splice(0, 0, child as SkinnedMesh);\n      }\n    });\n\n    const upperBodyGLTF = this.skeletonHelpers.cloneGLTF(upperBodyAsset as GLTF, \"upperBodyGLTF\");\n    const upperBodyModelGroup = upperBodyGLTF.gltf.scene;\n    upperBodyModelGroup.traverse((child) => {\n      if (child.type === \"SkinnedMesh\") {\n        (child as SkinnedMesh).castShadow = true;\n        (child as SkinnedMesh).bind(this.sharedSkeleton!, this.sharedMatrixWorld!);\n        this.skinnedMeshesParent?.children.splice(1, 0, child as SkinnedMesh);\n      }\n    });\n\n    const lowerBodyGLTF = this.skeletonHelpers.cloneGLTF(lowerBodyAsset as GLTF, \"lowerBodyGLTF\");\n    const lowerBodyModelGroup = lowerBodyGLTF.gltf.scene;\n    lowerBodyModelGroup.traverse((child) => {\n      if (child.type === \"SkinnedMesh\") {\n        (child as SkinnedMesh).castShadow = true;\n        (child as SkinnedMesh).bind(this.sharedSkeleton!, this.sharedMatrixWorld!);\n        this.skinnedMeshesParent?.children.splice(2, 0, child as SkinnedMesh);\n      }\n    });\n\n    const feetGLTF = this.skeletonHelpers.cloneGLTF(feetAsset as GLTF, \"feetGLTF\");\n    const feetModelGroup = feetGLTF.gltf.scene;\n    feetModelGroup.traverse((child) => {\n      if (child.type === \"SkinnedMesh\") {\n        (child as SkinnedMesh).castShadow = true;\n        (child as SkinnedMesh).bind(this.sharedSkeleton!, this.sharedMatrixWorld!);\n        this.skinnedMeshesParent?.children.splice(3, 0, child as SkinnedMesh);\n      }\n    });\n\n    return fullBodyGLTF!.gltf.scene as Object3D;\n  }\n}\n", "import { LoadingManager } from \"three\";\nimport { GLTF, GLTFLoader as ThreeGLTFLoader } from \"three/examples/jsm/loaders/GLTFLoader.js\";\n\nclass CachedGLTFLoader extends ThreeGLTFLoader {\n  private blobCache: Map<string, string>;\n\n  constructor(manager?: LoadingManager) {\n    super(manager);\n    this.blobCache = new Map();\n  }\n\n  setBlobUrl(originalUrl: string, blobUrl: string) {\n    this.blobCache.set(originalUrl, blobUrl);\n  }\n\n  getBlobUrl(originalUrl: string): string | undefined {\n    return this.blobCache.get(originalUrl);\n  }\n\n  load(\n    url: string,\n    onLoad: (gltf: GLTF) => void,\n    onProgress?: ((event: ProgressEvent<EventTarget>) => void) | undefined,\n    onError?: ((event: ErrorEvent) => void) | undefined,\n  ): void {\n    const blobUrl = this.getBlobUrl(url);\n    if (blobUrl) {\n      console.log(`Loading cached ${url.split(\"/\").pop()}`);\n      super.load(blobUrl, onLoad, onProgress, onError);\n    } else {\n      super.load(url, onLoad, onProgress, onError);\n    }\n  }\n}\n\nclass LRUCache<K, V> {\n  private maxSize: number;\n  private cache: Map<K, V>;\n\n  constructor(maxSize: number = 100) {\n    this.maxSize = maxSize;\n    this.cache = new Map();\n  }\n\n  get(key: K): V | undefined {\n    const item = this.cache.get(key);\n    if (item) {\n      this.cache.delete(key);\n      this.cache.set(key, item);\n    }\n    return item;\n  }\n\n  set(key: K, value: V): void {\n    if (this.cache.size >= this.maxSize) {\n      const oldestKey = this.cache.keys().next().value;\n      this.cache.delete(oldestKey);\n    }\n    this.cache.set(key, value);\n  }\n}\n\ninterface CachedModel {\n  blob: Blob;\n  originalExtension: string;\n}\n\nexport class ModelLoader {\n  private static instance: ModelLoader | null = null;\n\n  private readonly loadingManager: LoadingManager;\n  private readonly gltfLoader: CachedGLTFLoader;\n  private modelCache: LRUCache<string, CachedModel>;\n  private ongoingLoads: Map<string, Promise<GLTF | undefined>> = new Map();\n\n  constructor(maxCacheSize: number = 100) {\n    this.loadingManager = new LoadingManager();\n    this.gltfLoader = new CachedGLTFLoader(this.loadingManager);\n    this.modelCache = new LRUCache(maxCacheSize);\n  }\n\n  static getInstance(): ModelLoader {\n    if (!ModelLoader.instance) {\n      ModelLoader.instance = new ModelLoader();\n    }\n    return ModelLoader.instance;\n  }\n\n  async load(fileUrl: string): Promise<GLTF | undefined> {\n    const cachedModel = this.modelCache.get(fileUrl);\n\n    if (cachedModel) {\n      const blobURL = URL.createObjectURL(cachedModel.blob);\n      this.gltfLoader.setBlobUrl(fileUrl, blobURL);\n      return this.loadFromUrl(fileUrl, cachedModel.originalExtension);\n    } else {\n      console.log(`Loading ${fileUrl} from server`);\n      const ongoingLoad = this.ongoingLoads.get(fileUrl);\n      if (ongoingLoad) return ongoingLoad;\n\n      const loadPromise = fetch(fileUrl)\n        .then((response) => response.blob())\n        .then((blob) => {\n          const originalExtension = fileUrl.split(\".\").pop() || \"\";\n          this.modelCache.set(fileUrl, { blob, originalExtension });\n          const blobURL = URL.createObjectURL(blob);\n          this.ongoingLoads.delete(fileUrl);\n          return this.loadFromUrl(blobURL, originalExtension);\n        });\n\n      this.ongoingLoads.set(fileUrl, loadPromise);\n      return loadPromise;\n    }\n  }\n\n  private async loadFromUrl(url: string, extension: string): Promise<GLTF | undefined> {\n    if ([\"gltf\", \"glb\"].includes(extension)) {\n      return new Promise((resolve, reject) => {\n        this.gltfLoader.load(\n          url,\n          (object: GLTF) => {\n            resolve(object);\n          },\n          undefined,\n          (error) => {\n            console.error(`Error loading GL(B|TF) from ${url}: ${error}`);\n            reject(error);\n          },\n        );\n      });\n    } else {\n      console.error(`Error: can't recognize ${url} extension: ${extension}`);\n    }\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@mml-io/3d-web-avatar",
+  "version": "0.0.0-experimental-b7ccddd-20231027",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./build/index.js",
+  "types": "./build/index.d.ts",
+  "type": "module",
+  "files": [
+    "/build"
+  ],
+  "scripts": {
+    "build": "tsx ./build.ts --build",
+    "iterate": "tsx ./build.ts --watch",
+    "start": "NODE_ENV=production node build/index.js 2>error.log",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --max-warnings 0",
+    "lint-fix": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --fix"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "three": "0.153.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.5.9",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@types/three": "0.153.0",
+    "esbuild-css-modules-plugin": "3.0.1"
+  },
+  "gitHead": "003d7e57df6dbde6ad9b850fe657db8397b23f97"
+}