test: replace Jest with Vitest (#317)

Author: targos

.eslintrc.yml

@@ -10,7 +10,7 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: '22.x'
           registry-url: 'https://registry.npmjs.org'
       - name: Install dependencies
         run: npm install

.github/workflows/release-head.yml

@@ -8,7 +8,7 @@ on:
   pull_request:
 
 env:
-  NODE_VERSION: 20.x
+  NODE_VERSION: 22.x
   ENTRY_FILE: 'src/index.ts'
 
 jobs:

.github/workflows/typedoc.yml

@@ -124,7 +124,7 @@ yarn.lock
 .DS_Store
 
 lib
-lib-esm
+lib-cjs
 
 # debug images
 src/**/*.tif
@@ -136,3 +136,5 @@ scripts/**/**.png
 scripts/**/**.json
 
 private
+
+.jest-image-snapshot-touched-files

.gitignore

@@ -13,8 +13,6 @@ Image processing and manipulation in JavaScript.
 
 ## [API](https://image-js.github.io/image-js-typescript/)
 
-Look at the [examples](./examples) directory for how the API is being designed.
-
 ## Development
 
 See [Development documentation](./Development.md).

README.md

@@ -45,7 +45,7 @@
    *
    * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
    */
-  "mainEntryPointFilePath": "<projectFolder>/lib-esm/index.d.ts",
+  "mainEntryPointFilePath": "<projectFolder>/lib/index.d.ts",
 
   /**
    * A list of NPM package names whose exports should be treated as part of this package.

api-extractor.json

@@ -1,4 +0,0 @@
-root: true
-extends: [cheminfo-react, cheminfo-typescript]
-rules:
-  no-console: off

demo/.eslintrc.yml

@@ -1,9 +1,9 @@
 import { HashRouter, Route, Routes } from 'react-router-dom';
 
-import { CameraProvider } from '../contexts/cameraContext';
+import { CameraProvider } from '../contexts/cameraContext.provider.js';
 
-import Filters from './Filters';
-import Home from './Home';
+import Filters from './Filters.js';
+import Home from './Home.js';
 
 export default function App() {
   return (

demo/components/App.tsx

@@ -1,8 +1,8 @@
 import { useEffect, useRef } from 'react';
 
-import { useCameraContext } from '../contexts/cameraContext';
+import { useCameraContext } from '../contexts/cameraContext.js';
 
-import UnavailableCamera from './UnavailableCamera';
+import UnavailableCamera from './UnavailableCamera.js';
 
 export default function CameraFeed() {
   const [{ selectedCamera }] = useCameraContext();
@@ -11,8 +11,12 @@ export default function CameraFeed() {
     const video = videoRef.current;
     if (!video || !selectedCamera) return;
     video.srcObject = selectedCamera.stream;
-    video.onloadedmetadata = () => {
-      video.play().catch((err: unknown) => console.error(err));
+    const onLoadedMetadata = () => {
+      video.play().catch((error: unknown) => console.error(error));
+    };
+    video.addEventListener('loadedmetadata', onLoadedMetadata);
+    return () => {
+      video.removeEventListener('loadedmetadata', onLoadedMetadata);
     };
   }, [selectedCamera]);
   if (!selectedCamera) {

demo/components/CameraFeed.tsx

@@ -1,4 +1,4 @@
-import { useCameraContext } from '../contexts/cameraContext';
+import { useCameraContext } from '../contexts/cameraContext.js';
 
 export default function CameraSelector() {
   const [{ cameras, selectedCamera }, dispatch] = useCameraContext();
@@ -29,7 +29,7 @@ export default function CameraSelector() {
                   camera: { device, stream },
                 });
               })
-              .catch((err: unknown) => console.error(err));
+              .catch((error: unknown) => console.error(error));
           }
         }}
       >