chore: update packages.

config/threeExamples.js

@@ -4,6 +4,6 @@ module.exports = {
         './loaders/GLTFLoader.js',
         './loaders/DRACOLoader.js',
         './loaders/DDSLoader.js',
-        './WebGL.js',
+        './capabilities/WebGL.js',
     ],
 };

package.json

@@ -47,8 +47,8 @@
   },
   "homepage": "https://itowns.github.io/",
   "dependencies": {
-    "@loaders.gl/las": "^3.1.3",
-    "@mapbox/mapbox-gl-style-spec": "^13.23.0",
+    "@loaders.gl/las": "^3.1.7",
+    "@mapbox/mapbox-gl-style-spec": "^13.23.1",
     "@mapbox/vector-tile": "^1.3.1",
     "@tmcw/togeojson": "^4.5.0",
     "@tweenjs/tween.js": "^18.6.4",
@@ -61,49 +61,49 @@
   },
   "peerDependencies": {
     "proj4": "^2.7.5",
-    "three": "0.135.0"
+    "three": "0.137.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.16.0",
-    "@babel/plugin-transform-runtime": "^7.16.5",
-    "@babel/preset-env": "^7.16.5",
-    "@babel/register": "^7.16.5",
+    "@babel/cli": "^7.17.0",
+    "@babel/plugin-transform-runtime": "^7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/register": "^7.17.0",
     "babel-inline-import-loader": "^1.0.1",
     "babel-loader": "^8.2.3",
     "babel-plugin-inline-import": "^3.0.0",
     "babel-plugin-minify-dead-code-elimination": "^0.5.1",
     "babel-plugin-minify-replace": "^0.5.0",
     "babel-plugin-module-resolver": "^4.1.0",
     "chalk": "^4.1.2",
-    "chart.js": "^3.6.2",
+    "chart.js": "^3.7.0",
     "compare-func": "^2.0.0",
-    "conventional-changelog-cli": "^2.1.1",
+    "conventional-changelog-cli": "^2.2.2",
     "copyfiles": "^2.4.1",
-    "core-js": "^3.20.0",
+    "core-js": "^3.21.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.5.0",
+    "eslint": "^8.8.0",
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-import-resolver-webpack": "^0.13.2",
-    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-import": "^2.25.4",
     "eslint-webpack-plugin": "^3.1.1",
     "github-url-from-git": "^1.5.0",
     "grunt": "^1.4.1",
     "grunt-bump": "^0.8.0",
     "https-proxy-agent": "^5.0.0",
-    "jsdoc": "^3.6.7",
-    "marked": "^4.0.8",
-    "mocha": "^9.1.3",
-    "node-fetch": "^2.6.6",
+    "jsdoc": "^3.6.10",
+    "marked": "^4.0.12",
+    "mocha": "^9.2.0",
+    "node-fetch": "^2.6.7",
     "nyc": "^15.1.0",
     "proj4": "^2.7.5",
-    "puppeteer": "^13.0.0",
+    "puppeteer": "^13.2.0",
     "q": "^1.5.1",
     "replace-in-file": "^6.3.2",
-    "three": "0.135.0",
+    "three": "0.137.5",
     "url-polyfill": "^1.1.12",
-    "webpack": "^5.65.0",
-    "webpack-cli": "^4.9.1",
-    "webpack-dev-server": "^4.6.0",
+    "webpack": "^5.68.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4",
     "whatwg-fetch": "^3.6.2"
   }
 }

src/Parser/deprecated/LegacyGLTFLoader.js

@@ -462,7 +462,7 @@ threeExamples.LegacyGLTFLoader = ( function () {
 		5121: THREE.UnsignedByteType,
 		32819: THREE.UnsignedShort4444Type,
 		32820: THREE.UnsignedShort5551Type,
-		33635: THREE.UnsignedShort565Type
+		33635: THREE.UnsignedShort5551Type
 	};
 
 	var WEBGL_SIDES = {

src/Provider/Fetcher.js

@@ -19,9 +19,11 @@ function getTextureFloat(buffer, isWebGL2 = true) {
     if (isWebGL2) {
         const texture = new DataTexture(buffer, SIZE_TEXTURE_TILE, SIZE_TEXTURE_TILE, RedFormat, FloatType);
         texture.internalFormat = 'R32F';
+        texture.needsUpdate = true;
         return texture;
     } else {
-        return new DataTexture(buffer, SIZE_TEXTURE_TILE, SIZE_TEXTURE_TILE, AlphaFormat, FloatType);
+        const texture = new DataTexture(buffer, SIZE_TEXTURE_TILE, SIZE_TEXTURE_TILE, AlphaFormat, FloatType);
+        return texture;
     }
 }
 

src/Renderer/OrientedImageMaterial.js

@@ -10,7 +10,8 @@ const ndcToTextureMatrix = new THREE.Matrix4().set(
     0, 0, 2, 0,
     0, 0, 0, 2);
 
-const noMask = new THREE.DataTexture(new Uint8Array([255, 255, 255]), 1, 1, THREE.RGBFormat, THREE.UnsignedByteType);
+const noMask = new THREE.DataTexture(new Uint8Array([255, 255, 255, 255]), 1, 1, THREE.RGBAFormat, THREE.UnsignedByteType);
+noMask.needsUpdate = true;
 const noTexture = new THREE.Texture();
 
 const rawShaderMaterial = new THREE.RawShaderMaterial();

src/Renderer/PointsMaterial.js

@@ -95,6 +95,7 @@ class PointsMaterial extends THREE.RawShaderMaterial {
         // add classification texture to apply classification lut.
         const data = new Uint8Array(256 * 4);
         const texture = new THREE.DataTexture(data, 256, 1, THREE.RGBAFormat);
+        texture.needsUpdate = true;
         texture.magFilter = THREE.NearestFilter;
         CommonMaterial.setUniformProperty(this, 'classificationLUT', texture);
 

src/Renderer/c3DEngine.js

@@ -7,7 +7,7 @@
 import * as THREE from 'three';
 import Capabilities from 'Core/System/Capabilities';
 import { unpack1K } from 'Renderer/LayeredMaterial';
-import { WEBGL } from 'ThreeExtended/WebGL';
+import WEBGL from 'ThreeExtended/capabilities/WebGL';
 import Label2DRenderer from 'Renderer/Label2DRenderer';
 
 const depthRGBA = new THREE.Vector4();