itowns 2.43.2-next.24 → 2.43.2-next.26

package/lib/Parser/iGLTFLoader.js

@@ -0,0 +1,169 @@
+import * as THREE from 'three';
+import LegacyGLTFLoader from "./deprecated/LegacyGLTFLoader.js";
+import { GLTFLoader } from "../ThreeExtended/loaders/GLTFLoader.js";
+class iGLTFLoader extends THREE.Loader {
+  /**
+   * Parses [glTF](https://www.khronos.org/gltf/) 1.0 and 2.0 files.
+   *
+   * Under the hood, glTF 2.0 files are parsed with THREE.GLTFLoader and GLTF 1.0 are parsed with the previous THREE
+   * GltfLoader (for 1.0 glTF) that has been kept and maintained in iTowns.
+   *
+   * Beware that gltf convention is y-up while itowns is z-up. You can apply a PI/2 rotation around the X axis to the
+   * loaded model to transform from y-up to z-up. Note that you can also use Coordinates.geodesicNormal to get the normal
+   * to a position on the globe (i.e. in GlobeView) to correctly orient a model on a GlobeView.
+   *
+   * @constructor
+   * @param {THREE.LoadingManager} [manager] - The loadingManager for the loader to use. Default is THREE.DefaultLoadingManager.
+   */
+  constructor(manager) {
+    super(manager);
+    this.legacyGLTFLoader = new LegacyGLTFLoader();
+    this.glTFLoader = new GLTFLoader();
+  }
+
+  /**
+   * Loads a gltf model from url and call the callback function with the parsed response content.
+   * Adapted from threejs.
+   * @param {String} url - the path/URL of the .gltf or .glb file.
+   * @param {Function} onLoad - A function to be called after the loading is successfully completed. The function
+   * receives the loaded JSON response returned from {@link parse}.
+   * @param {Function} onProgress
+   * @param {Function} onError
+   */
+  load(url, onLoad, onProgress, onError) {
+    const scope = this;
+    let resourcePath;
+    if (this.resourcePath !== '') {
+      resourcePath = this.resourcePath;
+    } else if (this.path !== '') {
+      // If a base path is set, resources will be relative paths from that plus the relative path of the gltf file
+      // Example  path = 'https://my-cnd-server.com/', url = 'assets/models/model.gltf'
+      // resourcePath = 'https://my-cnd-server.com/assets/models/'
+      // referenced resource 'model.bin' will be loaded from 'https://my-cnd-server.com/assets/models/model.bin'
+      // referenced resource '../textures/texture.png' will be loaded from 'https://my-cnd-server.com/assets/textures/texture.png'
+      const relativeUrl = THREE.LoaderUtils.extractUrlBase(url);
+      resourcePath = THREE.LoaderUtils.resolveURL(relativeUrl, this.path);
+    } else {
+      resourcePath = THREE.LoaderUtils.extractUrlBase(url);
+    }
+
+    // Tells the LoadingManager to track an extra item, which resolves after
+    // the model is fully loaded. This means the count of items loaded will
+    // be incorrect, but ensures manager.onLoad() does not fire early.
+    this.manager.itemStart(url);
+    const _onError = e => {
+      if (onError) {
+        onError(e);
+      } else {
+        console.error(e);
+      }
+      scope.manager.itemError(url);
+      scope.manager.itemEnd(url);
+    };
+    const loader = new THREE.FileLoader(this.manager);
+    loader.setPath(this.path);
+    loader.setResponseType('arraybuffer');
+    loader.setRequestHeader(this.requestHeader);
+    loader.setWithCredentials(this.withCredentials);
+    loader.load(url, data => {
+      try {
+        scope.parse(data, resourcePath, gltf => {
+          onLoad(gltf);
+          scope.manager.itemEnd(url);
+        }, _onError);
+      } catch (e) {
+        _onError(e);
+      }
+    }, onProgress, _onError);
+  }
+
+  /**
+   * Sets the draco loader instance for this gltf parser. Enable loading files with
+   * [Draco](https://google.github.io/draco/) geometry extension. See Threejs
+   * [DracoLoader](https://threejs.org/docs/index.html#examples/en/loaders/DRACOLoader) for more information.
+   * Only works for GLTF 2.0 files.
+   * @param {THREE.DracoLoader} dracoLoader - the threejs DracoLoader instance.
+   */
+  setDRACOLoader(dracoLoader) {
+    this.glTFLoader.setDRACOLoader(dracoLoader);
+  }
+
+  /**
+   * Sets the KTX2 loader instance for this gltf parser. Enable loading files with
+   * [KTX2](https://www.khronos.org/ktx/) texture extension. See Threejs
+   * [KTX2Loader](https://threejs.org/docs/index.html?q=KTX2#examples/en/loaders/KTX2Loader) for more information.
+   * Only works for GLTF 2.0 files.
+   * @param {THREE.KTX2Loader} ktx2Loader - the threejs KTX2Loader instance.
+   */
+  setKTX2Loader(ktx2Loader) {
+    this.glTFLoader.setKTX2Loader(ktx2Loader);
+  }
+
+  /**
+   * Sets the Mesh Optimizer decoder instance for this gltf parser. Enable loading files with
+   * [MeshOptimizer](https://meshoptimizer.org/) geometry extension.
+   * Only works for GLTF 2.0 files.
+   * @param {Object} meshoptDecoder - the threejs meshopt decoder instance.
+   */
+  setMeshoptDecoder(meshoptDecoder) {
+    this.glTFLoader.setMeshoptDecoder(meshoptDecoder);
+  }
+
+  /**
+   * Registers a callback to load specific unknown or not standard GLTF extensions.
+   * See Threejs [GltfLoader](https://threejs.org/docs/?q=gltflo#examples/en/loaders/GLTFLoader) for more
+   * information.
+   * @param {Function} callback - the callback function
+   */
+  register(callback) {
+    this.glTFLoader.register(callback);
+  }
+
+  /**
+   * Unregisters a load callback.
+   * See Threejs [GltfLoader](https://threejs.org/docs/?q=gltflo#examples/en/loaders/GLTFLoader) for more
+   * information.
+   * @param {Function} callback - the callback function
+   */
+  unregister(callback) {
+    this.glTFLoader.unregister(callback);
+  }
+
+  /** Parse a glTF-based ArrayBuffer, JSON string or object and fire onLoad callback when complete.
+   * Calls Threejs [GLTFLoader.parse](https://threejs.org/docs/?q=gltflo#examples/en/loaders/GLTFLoader.parse) for
+   * glTF 2.0 files and LegacyGLTFLoader.parse for gtTF 1.0 files.
+   * @param {ArrayBuffer|String|Object} buffer - the glTF asset to parse, as an ArrayBuffer, JSON string or object.
+   * @param {String} path - the base path from which to find subsequent glTF resources such as textures and .bin data files.
+   * @param {Function} onLoad — A function to be called when parse completes. The argument to the onLoad function will
+   * be an Object that contains loaded parts: .scene, .scenes, .cameras, .animations, and .asset.
+   * @param {Function} [onError] — A function to be called if an error occurs during parsing. The function receives error as an argument.
+   */
+  parse(buffer, path, onLoad, onError) {
+    if (!buffer || !path) {
+      onError('[iGLTFLoader]: Buffer and path are mandatory to parse a glTF.');
+      return;
+    }
+    const headerView = new DataView(buffer, 0, 20);
+    const version = headerView.getUint32(4, true);
+    if (version === 1) {
+      this.legacyGLTFLoader.parse(buffer, path, onLoad, onError);
+    } else {
+      this.glTFLoader.parse(buffer, path, onLoad, onError);
+    }
+  }
+
+  /**
+   * Async promise-based parsing of a glTF-based ArrayBuffer, JSON string or object.
+   * @param {ArrayBuffer|String|Object} data - the glTF asset to parse, as an ArrayBuffer, JSON string or object.
+   * @param {String} path - the base path from which to find subsequent glTF resources such as textures and .bin data files.
+   * @returns {Promise<Object>} A promise that resolves an Object that contains loaded parts:
+   * .scene, .scenes, .cameras, .animations, and .asset, when parsing is done.
+   */
+  parseAsync(data, path) {
+    const scope = this;
+    return new Promise((resolve, reject) => {
+      scope.parse(data, path, resolve, reject);
+    });
+  }
+}
+export default iGLTFLoader;

package/lib/Provider/3dTilesProvider.js

@@ -1,10 +1,12 @@
 import * as THREE from 'three';
 import B3dmParser from "../Parser/B3dmParser.js";
 import PntsParser from "../Parser/PntsParser.js";
-import GLTFParser from "../Parser/GLTFParser.js";
 import Fetcher from "./Fetcher.js";
 import ReferLayerProperties from "../Layer/ReferencingLayerProperties.js";
 import PointsMaterial from "../Renderer/PointsMaterial.js";
+// A bit weird but temporary until we remove this deprecated provider. Mainly to benefit from the enableDracoLoader and enableKtx2Loader
+// methods.
+import { itownsGLTFLoader } from "../Layer/OGC3DTilesLayer.js";
 const utf8Decoder = new TextDecoder();
 function b3dmToMesh(data, layer, url) {
   const urlBase = THREE.LoaderUtils.extractUrlBase(url);
@@ -28,7 +30,7 @@ function b3dmToMesh(data, layer, url) {
 }
 function gltfToMesh(data, layer, url) {
   const urlBase = THREE.LoaderUtils.extractUrlBase(url);
-  return GLTFParser.parse(data, urlBase).then(result => ({
+  return itownsGLTFLoader.parseAsync(data, urlBase).then(result => ({
     object3d: result.scene
   }));
 }

package/lib/Renderer/PointsMaterial.js

@@ -2,7 +2,7 @@ import * as THREE from 'three';
 /* babel-plugin-inline-import './Shader/PointsVS.glsl' */
 const PointsVS = "#include <common>\n#include <fog_pars_vertex>\n#include <morphtarget_pars_vertex>\n#include <logdepthbuf_pars_vertex>\n#include <clipping_planes_pars_vertex>\nvarying vec4 vColor; // color_pars_vertex\n\n#ifdef USE_POINTS_UV\n    varying vec2 vUv;\n    uniform mat3 uvTransform;\n#endif\n\n#define NB_CLASS 8.\n\nuniform float size;\nuniform float scale;\n\nuniform bool picking;\nuniform int mode;\n\nuniform vec2 elevationRange;\nuniform vec2 intensityRange;\nuniform vec2 angleRange;\n\nuniform sampler2D classificationTexture;\nuniform sampler2D discreteTexture;\nuniform sampler2D gradientTexture;\nuniform int sizeMode;\nuniform float minAttenuatedSize;\nuniform float maxAttenuatedSize;\n\nattribute vec4 unique_id;\nattribute float intensity;\nattribute float classification;\nattribute float pointSourceID;\n\nattribute float returnNumber;\nattribute float numberOfReturns;\nattribute float scanAngle;\n\nvoid main() {\n    vColor = vec4(1.0);\n    if (picking) {\n        vColor = unique_id;\n    } else {\n        if (mode == PNTS_MODE_CLASSIFICATION) {\n            vec2 uv = vec2(classification/255., 0.5);\n            vColor = texture2D(classificationTexture, uv);\n        } else if (mode == PNTS_MODE_NORMAL) {\n            vColor.rgb = abs(normal);\n        } else if (mode == PNTS_MODE_COLOR) {\n#if defined(USE_COLOR)\n            vColor.rgb = color.rgb;\n#elif defined(USE_COLOR_ALPHA)\n            vColor = color;\n#endif\n        } else if (mode == PNTS_MODE_RETURN_NUMBER) {\n            vec2 uv = vec2(returnNumber/255., 0.5);\n            vColor = texture2D(discreteTexture, uv);\n        } else if (mode == PNTS_MODE_RETURN_TYPE) {\n            float returnType;\n            if (returnNumber > numberOfReturns) {\n                returnType = 4.;\n            } else if (returnNumber == 1.) {\n                if (numberOfReturns == 1.) {\n                    // single\n                    returnType = 0.;\n                } else {\n                    // first\n                    returnType = 1.;\n                }\n            } else {\n                if (returnNumber == numberOfReturns) {\n                    // last\n                    returnType = 3.;\n                } else {\n                    // intermediate\n                    returnType = 2.;\n                }\n            }\n            vec2 uv = vec2(returnType/255., 0.5);\n            vColor = texture2D(discreteTexture, uv);\n        } else if (mode == PNTS_MODE_RETURN_COUNT) {\n            vec2 uv = vec2(numberOfReturns/255., 0.5);\n            vColor = texture2D(discreteTexture, uv);\n        } else if (mode == PNTS_MODE_POINT_SOURCE_ID) {\n            vec2 uv = vec2(mod(pointSourceID, NB_CLASS)/255., 0.5);\n            vColor = texture2D(discreteTexture, uv);\n        } else if (mode == PNTS_MODE_SCAN_ANGLE) {\n            float i = (scanAngle - angleRange.x) / (angleRange.y - angleRange.x);\n            vec2 uv = vec2(i, (1. - i));\n            vColor = texture2D(gradientTexture, uv);\n        } else if (mode == PNTS_MODE_INTENSITY) {\n            float i = (intensity - intensityRange.x) / (intensityRange.y - intensityRange.x);\n            vec2 uv = vec2(i, (1. - i));\n            vColor = texture2D(gradientTexture, uv);\n        } else if (mode == PNTS_MODE_ELEVATION) {\n            float z = (modelMatrix * vec4(position, 1.0)).z;\n            float i = (z - elevationRange.x) / (elevationRange.y - elevationRange.x);\n            vec2 uv = vec2(i, (1. - i));\n            vColor = texture2D(gradientTexture, uv);\n        }\n    }\n\n#define USE_COLOR_ALPHA\n#include <morphcolor_vertex>\n#include <begin_vertex>\n#include <morphtarget_vertex>\n#include <project_vertex>\n\n    gl_PointSize = size;\n\n    if (sizeMode == PNTS_SIZE_MODE_ATTENUATED) {\n        bool isPerspective = isPerspectiveMatrix(projectionMatrix);\n\n        if (isPerspective) {\n            gl_PointSize *= scale / -mvPosition.z;\n            gl_PointSize = clamp(gl_PointSize, minAttenuatedSize, maxAttenuatedSize);\n        }\n    }\n\n#include <logdepthbuf_vertex>\n#include <clipping_planes_vertex>\n#include <worldpos_vertex>\n#include <fog_vertex>\n}\n";
 /* babel-plugin-inline-import './Shader/PointsFS.glsl' */
-const PointsFS = "#define USE_COLOR_ALPHA\n\n#include <color_pars_fragment>\n#include <map_particle_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <alphahash_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\n\nuniform vec3 diffuse;\nuniform float opacity;\n\nuniform bool picking;\nuniform int shape;\n\nvoid main() {\n\n// Early discard (clipping planes and shape)\n#include <clipping_planes_pars_fragment>\n    if (shape == PNTS_SHAPE_CIRCLE) {\n        //circular rendering in glsl\n        if ((length(gl_PointCoord - 0.5) > 0.5) || (vColor.a == 0.0)) {\n            discard;\n        }\n    }\n\n#include <logdepthbuf_fragment>\n\n    vec4 diffuseColor = vec4(diffuse, opacity);\n#include <map_particle_fragment>\n#include <color_fragment>\n\n#include <alphatest_fragment>\n#include <alphahash_fragment>\n\n    vec3 outgoingLight = diffuseColor.rgb;\n#include <opaque_fragment> // gl_FragColor\n#include <tonemapping_fragment>\n#include <fog_fragment>\n#include <premultiplied_alpha_fragment>\n\n}\n";
+const PointsFS = "#define USE_COLOR_ALPHA\n\n#include <color_pars_fragment>\n#include <map_particle_pars_fragment>\n#include <alphatest_pars_fragment>\n#include <alphahash_pars_fragment>\n#include <fog_pars_fragment>\n#include <logdepthbuf_pars_fragment>\n#include <clipping_planes_pars_fragment>\n\nuniform vec3 diffuse;\nuniform float opacity;\n\nuniform bool picking;\nuniform int shape;\n\nvoid main() {\n\n// Early discard (clipping planes and shape)\n#include <clipping_planes_pars_fragment>\n    if (shape == PNTS_SHAPE_CIRCLE) {\n        //circular rendering in glsl\n        if ((length(gl_PointCoord - 0.5) > 0.5)) {\n            discard;\n        }\n    }\n\n#include <logdepthbuf_fragment>\n\n    vec4 diffuseColor = vec4(diffuse, opacity);\n#include <map_particle_fragment>\n#include <color_fragment>\n\n#include <alphatest_fragment>\n#include <alphahash_fragment>\n\n    vec3 outgoingLight = diffuseColor.rgb;\n#include <opaque_fragment> // gl_FragColor\n#include <tonemapping_fragment>\n#include <fog_fragment>\n#include <premultiplied_alpha_fragment>\n\n}\n";
 import CommonMaterial from "./CommonMaterial.js";
 import Gradients from "../Utils/Gradients.js";
 export const PNTS_MODE = {
@@ -250,7 +250,7 @@ function recomputeTexture(scheme, texture, nbClass) {
     data[j + 1] = parseInt(255 * color.g, 10);
     data[j + 2] = parseInt(255 * color.b, 10);
     data[j + 3] = visible ? parseInt(255 * opacity, 10) : 0;
-    needTransparency = needTransparency || opacity < 1;
+    needTransparency = needTransparency || opacity < 1 || !visible;
   }
   texture.needsUpdate = true;
   return needTransparency;
@@ -261,7 +261,7 @@ class PointsMaterial extends THREE.ShaderMaterial {
    * @param      {object}  [options={}]  The options
    * @param      {number}  [options.size=0]  size point
    * @param      {number}  [options.mode=PNTS_MODE.COLOR]  display mode.
-   * @param      {number}  [options.mode=PNTS_SHAPE.CIRCLE]  rendered points shape.
+   * @param      {number}  [options.shape=PNTS_SHAPE.CIRCLE]  rendered points shape.
    * @param      {THREE.Vector4}  [options.overlayColor=new THREE.Vector4(0, 0, 0, 0)]  overlay color.
    * @param      {THREE.Vector2}  [options.intensityRange=new THREE.Vector2(1, 65536)]  intensity range.
    * @param      {THREE.Vector2}  [options.elevationRange=new THREE.Vector2(0, 1000)]  elevation range.
@@ -373,6 +373,9 @@ class PointsMaterial extends THREE.ShaderMaterial {
    * @returns {this}
    */
   copy(source) {
+    // Manually copy this needTransparency if source doesn't have one. Prevents losing it when copying a three
+    // PointsMaterial into this PointsMaterial
+    const needTransparency = source.userData.needTransparency !== undefined ? source.userData.needTransparency : this.userData.needTransparency;
     if (source.isShaderMaterial) {
       super.copy(source);
     } else {
@@ -386,6 +389,7 @@ class PointsMaterial extends THREE.ShaderMaterial {
     this.size = source.size;
     this.sizeAttenuation = source.sizeAttenuation;
     this.fog = source.fog;
+    this.userData.needTransparency = needTransparency;
     return this;
   }
 

package/lib/Source/OGC3DTilesGoogleSource.js

@@ -0,0 +1,32 @@
+import OGC3DTilesSource from "./OGC3DTilesSource.js";
+class OGC3DTilesGoogleSource extends OGC3DTilesSource {
+  /**
+   * @classdesc
+   * An object defining the source connection to a 3D Tiles asset from [Google Tiles API](https://tile.googleapis.com).
+   *
+   * @extends OGC3DTilesSource
+   *
+   * @property {boolean} isOGC3DTilesGoogleSource - Used to check if this source is an OGC3DTilesGoogleSource. Set to true.
+   * You should not change this, as it is used internally for optimisation.
+   * @property {string} url - The URL to the tileset json.
+   * @property {string} baseUrl - The base URL to access tiles.
+   *
+   * @constructor
+   *
+   * @property {boolean} isOGC3DTilesGoogleSource - Used to check if this source is an OGC3DTilesGoogleSource. Set to
+   * true. You should not change this, as it is used internally for optimisation.
+   * @param {Object} source An object that can contain all properties of an OGC3DTilesGoogleSource and {@link Source}.
+   * @param {String} source.key Your google tiles map API access key
+   */
+  constructor(source) {
+    if (!source.key) {
+      throw new Error('[OGC3DTilesGoogleSource]: A API key for the google map tiles API is required');
+    }
+    // URL to the root tileset
+    source.url = `https://tile.googleapis.com/v1/3dtiles/root.json?key=${source.key}`;
+    super(source);
+    this.isOGC3DTilesGoogleSource = true;
+    this.key = source.key;
+  }
+}
+export default OGC3DTilesGoogleSource;

package/lib/Source/OGC3DTilesIonSource.js

@@ -0,0 +1,37 @@
+import OGC3DTilesSource from "./OGC3DTilesSource.js";
+class OGC3DTilesIonSource extends OGC3DTilesSource {
+  /**
+   * @classdesc
+   * An object defining the source connection to a 3DTiles asset of a [Cesium ion server](https://cesium.com/learn/ion/).
+   *
+   * @extends Source
+   *
+   * @property {boolean} isOGC3DTilesIonSource - Used to check if this source is an OGC3DTilesIonSource. Set to true.
+   * You should not change this, as it is used internally for optimisation.
+   * @property {string} accessToken - The Cesium ion access token used to retrieve the resource.
+   * @property {string} assetId - The id of the asset on Cesium ion.
+   *
+   * @constructor
+   *
+   * @param {Object} source An object that can contain all properties of an OGC3DTilesIonSource and {@link Source}.
+   * Only `accessToken` and `assetId` are mandatory.
+   * @param {string} source.accessToken - The Cesium ion access token used to retrieve the resource.
+   * @param {string} source.assetId - The id of the asset on Cesium ion.
+   */
+  constructor(source) {
+    if (!source.accessToken) {
+      throw new Error('[OGC3DTilesIonSource]: accessToken is required');
+    }
+    if (!source.assetId) {
+      throw new Error('[OGC3DTilesIonSource]: assetId is required');
+    }
+
+    // Url to query cesium ion the first time to retrieve metadata of the asset with assetId
+    source.url = `https://api.cesium.com/v1/assets/${source.assetId}/endpoint?access_token=${source.accessToken}`;
+    super(source);
+    this.isOGC3DTilesIonSource = true;
+    this.accessToken = source.accessToken;
+    this.assetId = source.assetId;
+  }
+}
+export default OGC3DTilesIonSource;

package/lib/Source/OGC3DTilesSource.js

@@ -0,0 +1,24 @@
+import Source from "./Source.js";
+class OGC3DTilesSource extends Source {
+  /**
+   * @classdesc
+   * An object defining the source connection to a 3DTiles dataset from a web server.
+   *
+   * @extends Source
+   *
+   * @property {boolean} isOGC3DTilesSource - Used to check if this source is an isOGC3DTilesSource. Set to true.
+   * You should not change this, as it is used internally for optimisation.
+   * @property {string} url - The URL of the tileset json.
+   *
+   * @constructor
+   *
+   * @param {Object} source An object that can contain all properties of OGC3DTilesSource and of {@link Source}.
+   * Only `url` is mandatory.
+   * @param {string} source.url - The URL of the tileset json.
+   */
+  constructor(source) {
+    super(source);
+    this.isOGC3DTilesSource = true;
+  }
+}
+export default OGC3DTilesSource;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "itowns",
-  "version": "2.43.2-next.24",
+  "version": "2.43.2-next.26",
   "description": "A JS/WebGL framework for 3D geospatial data visualization",
   "type": "module",
   "main": "lib/Main.js",
@@ -18,7 +18,7 @@
     "test-functional": "mocha -t 100000 --require test/hooks_functional.js --recursive test/functional",
     "test-with-coverage": "c8 -n src -r html cross-env npm run test-unit",
     "test-with-coverage_lcov": "c8 -n src --reporter=lcov cross-env npm run test-unit",
-    "base-test-unit": "cross-env BABEL_DISABLE_CACHE=1 mocha --file test/unit/bootstrap.js --loader=babel-register-esm",
+    "base-test-unit": "cross-env BABEL_DISABLE_CACHE=1 mocha --file test/unit/bootstrap.js --import=./config/babel-register/register.mjs",
     "build": "cross-env NODE_ENV=production webpack",
     "build-dev": "cross-env NODE_ENV=development webpack",
     "transpile": "cross-env BABEL_DISABLE_CACHE=1 babel src --out-dir lib",
@@ -61,6 +61,7 @@
     "@mapbox/vector-tile": "^2.0.3",
     "@tmcw/togeojson": "^5.8.1",
     "@tweenjs/tween.js": "^23.1.2",
+    "3d-tiles-renderer": "^0.3.37",
     "brotli-compress": "^1.3.3",
     "copc": "^0.0.6",
     "earcut": "^3.0.0",
@@ -88,7 +89,6 @@
     "babel-plugin-minify-replace": "^0.5.0",
     "babel-plugin-module-extension-resolver": "^1.0.0",
     "babel-plugin-module-resolver": "^5.0.2",
-    "babel-register-esm": "^1.2.5",
     "c8": "^10.1.2",
     "chalk": "^5.3.0",
     "chart.js": "^4.4.3",
@@ -116,6 +116,7 @@
     "sinon": "^18.0.0",
     "three": "^0.165.0",
     "typescript": "^5.5.2",
+    "webgl-mock": "^0.1.7",
     "webpack": "^5.93.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4"

package/lib/Parser/GLTFParser.js

@@ -1,88 +0,0 @@
-import * as THREE from 'three';
-import { GLTFLoader } from "../ThreeExtended/loaders/GLTFLoader.js";
-import { DRACOLoader } from "../ThreeExtended/loaders/DRACOLoader.js";
-import { KTX2Loader } from "../ThreeExtended/loaders/KTX2Loader.js";
-import LegacyGLTFLoader from "./deprecated/LegacyGLTFLoader.js";
-const matrixChangeUpVectorYtoZ = new THREE.Matrix4().makeRotationX(Math.PI / 2);
-export const glTFLoader = new GLTFLoader();
-export const legacyGLTFLoader = new LegacyGLTFLoader();
-
-/**
- * @module GLTFParser
- * @description Parses [glTF](https://www.khronos.org/gltf/) 1.0 and 2.0 files.
- *
- * Under the hood, glTF 2.0 files are parsed with THREE.GltfLoader() and GLTF 1.0 are parsed with the previous THREE
- * GltfLoader (for 1.0 glTF) that has been kept and maintained in iTowns.
- */
-
-/**
- * Enable loading gltf files with [Draco](https://google.github.io/draco/) geometry extension.
- *
- * @param {String} path path to draco library folder containing the JS and WASM decoder libraries. They can be found in
- * [itowns examples](https://github.com/iTowns/itowns/tree/master/examples/libs/draco).
- * @param {Object} [config] optional configuration for Draco decoder (see threejs'
- * [setDecoderConfig](https://threejs.org/docs/index.html?q=draco#examples/en/loaders/DRACOLoader.setDecoderConfig) that
- * is called under the hood with this configuration for details.
- */
-export function enableDracoLoader(path, config) {
-  if (!path) {
-    throw new Error('Path to draco folder is mandatory');
-  }
-  const dracoLoader = new DRACOLoader();
-  dracoLoader.setDecoderPath(path);
-  if (config) {
-    dracoLoader.setDecoderConfig(config);
-  }
-  glTFLoader.setDRACOLoader(dracoLoader);
-}
-
-/**
- * Enable loading gltf files with [KTX2](https://www.khronos.org/ktx/) texture extension.
- *
- * @param {String} path path to ktx2 library folder containing the JS and WASM decoder libraries. They can be found in
- * [itowns examples](https://github.com/iTowns/itowns/tree/master/examples/libs/basis).
- * @param {THREE.WebGLRenderer} renderer the threejs renderer
- */
-export function enableKtx2Loader(path, renderer) {
-  if (!path || !renderer) {
-    throw new Error('Path to ktx2 folder and renderer are mandatory');
-  }
-  const ktx2Loader = new KTX2Loader();
-  ktx2Loader.setTranscoderPath(path);
-  ktx2Loader.detectSupport(renderer);
-  glTFLoader.setKTX2Loader(ktx2Loader);
-}
-export default {
-  /** Parses a gltf buffer to an object with threejs structures and applies a y-up to z-up conversion to align with
-   * itowns convention. Essentially calls THREE.GltfLoader.parse() for glTF 2.0 files and the legacy threejs parser
-   * for gtTF 1.0 files.
-   * @param {ArrayBuffer} buffer - the glTF asset to parse, as an ArrayBuffer, JSON string or object.
-   * @param {String} path - the base path from which to find subsequent glTF resources such as textures and .bin data files.
-   * @return {Promise} - a promise that resolves with an object containing an Object that contains loaded parts:
-   * .scene, .scenes, .cameras, .animations, and .asset.
-   */
-  parse(buffer, path) {
-    return new Promise((resolve, reject) => {
-      if (!buffer || !path) {
-        reject(new Error('[GLTFParser]: Buffer and path are mandatory to parse a glTF.'));
-        return;
-      }
-
-      // Apply y-up (gltf convention) to z-up (itowns convention) conversion
-      const onload = gltf => {
-        gltf.scene.applyMatrix4(matrixChangeUpVectorYtoZ);
-        resolve(gltf);
-      };
-      const onError = e => {
-        reject(new Error(`[GLTFParser]: Failed to parse gltf with error: ${e}`));
-      };
-      const headerView = new DataView(buffer, 0, 20);
-      const version = headerView.getUint32(4, true);
-      if (version === 1) {
-        legacyGLTFLoader.parse(buffer, path, onload, onError);
-      } else {
-        glTFLoader.parse(buffer, path, onload, onError);
-      }
-    });
-  }
-};