chore: update dependencies (#446)

Author: targos

demo/components/CameraFeed.tsx

@@ -12,7 +12,7 @@ export default function CameraFeed() {
     if (!video || !selectedCamera) return;
     video.srcObject = selectedCamera.stream;
     video.onloadedmetadata = () => {
-      video.play().catch(console.error);
+      video.play().catch((err: unknown) => console.error(err));
     };
   }, [selectedCamera]);
   if (!selectedCamera) {

demo/components/CameraSelector.tsx

@@ -29,7 +29,7 @@ export default function CameraSelector() {
                   camera: { device, stream },
                 });
               })
-              .catch(console.error);
+              .catch((err: unknown) => console.error(err));
           }
         }}
       >

demo/components/CameraTransform.tsx

@@ -68,7 +68,7 @@ export default function CameraTransform(props: CameraTransformProps) {
           }
           nextFrameRequest = requestAnimationFrame(nextFrame);
         })
-        .catch(console.error);
+        .catch((err: unknown) => console.error(err));
     };
 
     return () => {

demo/contexts/cameraContext.tsx

@@ -101,7 +101,7 @@ export function CameraProvider(props: { children: ReactNode }) {
     }
 
     function handleDeviceChange() {
-      getCameras().catch(console.error);
+      getCameras().catch((err: unknown) => console.error(err));
     }
 
     navigator.mediaDevices.addEventListener('devicechange', handleDeviceChange);

package.json

@@ -47,7 +47,7 @@
   "dependencies": {
     "bresenham-zingl": "^0.1.1",
     "colord": "^2.9.3",
-    "fast-jpeg": "^2.0.0",
+    "fast-jpeg": "^2.0.1",
     "fast-png": "^6.2.0",
     "image-type": "^4.1.0",
     "jpeg-js": "^0.4.4",
@@ -58,42 +58,42 @@
     "ml-matrix": "^6.11.0",
     "ml-ransac": "^1.0.0",
     "ml-regression-multivariate-linear": "^2.0.4",
-    "ml-spectra-processing": "^14.0.0",
+    "ml-spectra-processing": "^14.3.0",
     "robust-point-in-polygon": "^1.0.3",
     "ssim.js": "^3.5.0",
-    "tiff": "^5.0.3"
+    "tiff": "^6.0.0"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "^7.42.3",
+    "@microsoft/api-extractor": "^7.43.1",
     "@tailwindcss/forms": "^0.5.7",
     "@types/jest": "^29.5.12",
     "@types/jest-image-snapshot": "^6.4.0",
     "@types/js-priority-queue": "^0.0.9",
-    "@types/node": "^20.11.24",
+    "@types/node": "^20.12.7",
     "@types/picomatch": "^2.3.3",
-    "@types/react": "^18.2.63",
-    "@types/react-dom": "^18.2.20",
+    "@types/react": "^18.2.75",
+    "@types/react-dom": "^18.2.24",
     "@types/robust-point-in-polygon": "^1.0.4",
     "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.18",
+    "autoprefixer": "^10.4.19",
     "clsx": "^2.1.0",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.0",
-    "eslint-config-cheminfo-react": "^10.1.0",
-    "eslint-config-cheminfo-typescript": "^12.2.0",
-    "immer": "^10.0.3",
+    "eslint-config-cheminfo-react": "^11.0.1",
+    "eslint-config-cheminfo-typescript": "^12.3.0",
+    "immer": "^10.0.4",
     "jest": "^29.7.0",
     "jest-image-snapshot": "^6.4.0",
     "jest-matcher-deep-close-to": "^3.0.2",
-    "postcss": "^8.4.35",
+    "postcss": "^8.4.38",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.22.2",
+    "react-router-dom": "^6.22.3",
     "rimraf": "^5.0.5",
-    "tailwindcss": "^3.4.1",
+    "tailwindcss": "^3.4.3",
     "ts-jest": "^29.1.2",
-    "typescript": "~5.3.3",
-    "vite": "^5.1.5"
+    "typescript": "~5.4.5",
+    "vite": "^5.2.8"
   }
 }

src/Image.ts

@@ -1125,6 +1125,6 @@ function printData(img: Image): string {
   }
 
   return `{
-    ${`[\n     ${result.join('\n     ')}\n    ]`}
+    [\n     ${result.join('\n     ')}\n    ]
   }`;
 }

src/compute/mean.ts

@@ -7,15 +7,13 @@ import { Image } from '../Image';
  * @returns The mean pixel.
  */
 export function mean(image: Image): number[] {
-  const pixel = new Array(image.channels).fill(0);
+  const pixel = new Array<number>(image.channels).fill(0);
   for (let row = 0; row < image.height; row++) {
     for (let column = 0; column < image.width; column++) {
       for (let channel = 0; channel < image.channels; channel++) {
         pixel[channel] += image.getValue(column, row, channel);
       }
     }
   }
-  const channelMeans = pixel.map((channel) => channel / image.size);
-
-  return channelMeans;
+  return pixel.map((channel) => channel / image.size);
 }

src/compute/variance.ts

@@ -9,7 +9,7 @@ import { Image } from '../Image';
 export function variance(image: Image): number[] {
   const mean = image.mean();
 
-  const sum = new Array(image.channels).fill(0);
+  const sum = new Array<number>(image.channels).fill(0);
   for (let i = 0; i < image.size; i++) {
     for (let channel = 0; channel < image.channels; channel++) {
       sum[channel] += (image.getValueByIndex(i, channel) - mean[channel]) ** 2;

src/featureMatching/keypoints/getIntensityMoment.ts

@@ -28,7 +28,7 @@ export function getIntensityMoment(
 ): number[] {
   const { origin = image.getCoordinates('center') } = options;
 
-  const moment = new Array(image.channels).fill(0);
+  const moment = new Array<number>(image.channels).fill(0);
   for (let row = 0; row < image.height; row++) {
     for (let column = 0; column < image.width; column++) {
       const xDistance = column - origin.column;

src/featureMatching/keypoints/getPatchIntensityMoment.ts

@@ -39,7 +39,7 @@ export function getPatchIntensityMoment(
   if (!checkBorderDistance(image, origin, radius)) {
     throw new RangeError(`desired patch is too close to image border`);
   }
-  const moment = new Array(image.channels).fill(0);
+  const moment = new Array<number>(image.channels).fill(0);
 
   const relativeCirclePoints = getFilledCirclePoints(radius);
   for (const point of relativeCirclePoints) {