diff --git a/.github/workflows/nodejs.yml b/.github/workflows/nodejs.yml
index 271ac9d5f..71e0af24c 100644
--- a/.github/workflows/nodejs.yml
+++ b/.github/workflows/nodejs.yml
@@ -8,6 +8,7 @@ on:
 
 jobs:
   nodejs:
+    # Documentation: https://github.com/zakodium/workflows#nodejs-ci
     uses: zakodium/workflows/.github/workflows/nodejs.yml@nodejs-v1
     with:
       lint-check-types: true
diff --git a/.ncurc.yml b/.ncurc.yml
index 22d8cdf50..a694d3c4d 100644
--- a/.ncurc.yml
+++ b/.ncurc.yml
@@ -1,3 +1,3 @@
 reject:
-  # Package is now ESM-only
+  # Package is now asynchronous
   - 'image-type'
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 000000000..1b763b1ba
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+CHANGELOG.md
diff --git a/README.md b/README.md
index 147db2132..a887525bd 100644
--- a/README.md
+++ b/README.md
@@ -1,17 +1,32 @@
+<h3 align="center">
+  <a href="https://www.zakodium.com">
+    <img src="https://www.zakodium.com/brand/zakodium-logo-white.svg" width="50" alt="Zakodium logo" />
+  </a>
+  <p>
+    Maintained by <a href="https://www.zakodium.com">Zakodium</a>
+  </p>
+</h3>
+
 # image-js
 
-[![NPM version][npm-image]][npm-url]
-[![build status][ci-image]][ci-url]
-[![Test coverage][codecov-image]][codecov-url]
-[![npm download][download-image]][download-url]
+[![NPM version](https://img.shields.io/npm/v/image-js.svg)](https://www.npmjs.com/package/image-js)
+[![npm download](https://img.shields.io/npm/dm/image-js.svg)](https://www.npmjs.com/package/image-js)
+[![test coverage](https://img.shields.io/codecov/c/github/image-js-typescript/image-js-typescript.svg)](https://codecov.io/gh/image-js/image-js-typescript)
+[![license](https://img.shields.io/npm/l/image-js.svg)](https://github.com/image-js/image-js-typescript/blob/main/LICENSE)
 
 Image processing and manipulation in JavaScript.
 
 ## Installation
 
-`$ npm i image-js`
+```console
+npm install image-js
+```
+
+## API
 
-## [API](https://image-js.github.io/image-js-typescript/)
+### [Complete API documentation](https://image-js.github.io/image-js-typescript/)
+
+### [Usage docs and guides](https://image-js-docs.pages.dev/docs/Getting%20started)
 
 ## Development
 
@@ -20,12 +35,3 @@ See [Development documentation](./Development.md).
 ## License
 
 [MIT](./LICENSE)
-
-[npm-image]: https://img.shields.io/npm/v/image-js.svg
-[npm-url]: https://www.npmjs.com/package/image-js
-[ci-image]: https://github.com/image-js/image-js-typescript/actions/workflows/nodejs.yml/badge.svg
-[ci-url]: https://github.com/image-js/image-js-typescript/actions/workflows/nodejs.yml
-[codecov-image]: https://img.shields.io/codecov/c/github/image-js/image-js-typescript.svg
-[codecov-url]: https://codecov.io/gh/image-js/image-js-typescript
-[download-image]: https://img.shields.io/npm/dm/image-js.svg
-[download-url]: https://www.npmjs.com/package/image-js
diff --git a/api-extractor.json b/api-extractor.json
index 97c50b60d..da652662f 100644
--- a/api-extractor.json
+++ b/api-extractor.json
@@ -103,7 +103,7 @@
      * SUPPORTED TOKENS: <projectFolder>, <packageName>, <unscopedPackageName>
      * DEFAULT VALUE: "<projectFolder>/tsconfig.json"
      */
-    "tsconfigFilePath": "<projectFolder>/tsconfig.esm.json"
+    "tsconfigFilePath": "<projectFolder>/tsconfig.build.json"
     /**
      * Provides a compiler configuration that will be used instead of reading the tsconfig.json file from disk.
      * The object must conform to the TypeScript tsconfig schema:
diff --git a/demo/.eslintrc.yml b/demo/.eslintrc.yml
deleted file mode 100644
index e69de29bb..000000000
diff --git a/demo/components/CameraSelector.tsx b/demo/components/CameraSelector.tsx
index 1ced9d719..60888b619 100644
--- a/demo/components/CameraSelector.tsx
+++ b/demo/components/CameraSelector.tsx
@@ -14,7 +14,7 @@ export default function CameraSelector() {
       <select
         id="camera"
         name="camera"
-        className="block w-full py-2 pl-3 pr-10 mt-1 text-base border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
+        className="block w-full py-2 pl-3 pr-10 mt-1 text-base border border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
         value={selectedCamera?.device.label}
         onChange={(event) => {
           const device = cameras.find(
diff --git a/demo/components/CameraSnapshotButton.tsx b/demo/components/CameraSnapshotButton.tsx
index 90c473816..c517e7362 100644
--- a/demo/components/CameraSnapshotButton.tsx
+++ b/demo/components/CameraSnapshotButton.tsx
@@ -16,6 +16,7 @@ export default function CameraSnapshotButton(props: CameraSnapshotButtonProps) {
       const url = canvasInputRef.current.toDataURL();
       const image = readCanvas(canvasInputRef.current);
       setSnapshotUrl(url);
+      // eslint-disable-next-line react-hooks/react-compiler
       snapshotImageRef.current = image;
     }
   }
diff --git a/demo/components/CameraTransform.tsx b/demo/components/CameraTransform.tsx
index 36bc09e91..fe438c42a 100644
--- a/demo/components/CameraTransform.tsx
+++ b/demo/components/CameraTransform.tsx
@@ -45,6 +45,7 @@ export default function CameraTransform(props: CameraTransformProps) {
           const canvasInput = canvasInputRef.current as HTMLCanvasElement;
           const canvasOutput = canvasOutputRef.current as HTMLCanvasElement;
           if (!canvasInput || !canvasOutput) return;
+          // eslint-disable-next-line react-hooks/react-compiler
           canvasInput.height = video.videoHeight;
           canvasInput.width = video.videoWidth;
           const inputContext = canvasInput.getContext(
@@ -63,7 +64,7 @@ export default function CameraTransform(props: CameraTransformProps) {
               }
               writeCanvas(result, canvasOutput);
             } catch (error_) {
-              setError(error_.stack);
+              setError((error_ as Error).stack as string);
               console.error(error_);
             }
             nextFrameRequest = requestAnimationFrame(nextFrame);
diff --git a/demo/components/Home.tsx b/demo/components/Home.tsx
index 5deaab562..2d1f12310 100644
--- a/demo/components/Home.tsx
+++ b/demo/components/Home.tsx
@@ -7,9 +7,9 @@ import CameraSnapshotButton from './CameraSnapshotButton.js';
 import type { TransformFunction } from './CameraTransform.js';
 import CameraTransform from './CameraTransform.js';
 import Container from './Container.js';
-import { testGetFastKeypoints } from './testFunctions/testGetFastKeypoints.js';
+import { testCannyEdge } from './testFunctions/testCannyEdge.js';
 
-const testTransform: TransformFunction = testGetFastKeypoints;
+const testTransform: TransformFunction = testCannyEdge;
 
 export default function Home() {
   const snapshotImageRef = useRef<Image>(null);
diff --git a/demo/index.css b/demo/index.css
index b5c61c956..dd1c4d916 100644
--- a/demo/index.css
+++ b/demo/index.css
@@ -1,3 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+
+@plugin '@tailwindcss/forms';
diff --git a/demo/index.tsx b/demo/index.tsx
index ffc115d5f..2216be0cc 100644
--- a/demo/index.tsx
+++ b/demo/index.tsx
@@ -1,7 +1,5 @@
 import { createRoot } from 'react-dom/client';
 
-import './index.css';
-
 import App from './components/App.js';
 
 const root = createRoot(document.querySelector('#root') as HTMLElement);
diff --git a/eslint.config.js b/eslint.config.js
index 9138fca33..3ce37a897 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,9 +1,10 @@
+import { defineConfig, globalIgnores } from 'eslint/config';
 import react from 'eslint-config-cheminfo-react/base';
 import typescript from 'eslint-config-cheminfo-typescript';
 
-export default [
-  ...typescript,
-  ...react,
+export default defineConfig(
+  globalIgnores(['coverage', 'dist-types', 'lib']),
+  typescript,
   {
     rules: {
       '@typescript-eslint/restrict-template-expressions': 'off',
@@ -11,6 +12,11 @@ export default [
   },
   {
     files: ['demo/**'],
+    extends: [react],
     rules: { 'no-console': 'off' },
   },
-];
+  {
+    files: ['scripts/**'],
+    rules: { 'no-console': 'off' },
+  },
+);
diff --git a/index.html b/index.html
index e16f7bf5a..16cba855f 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,10 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>image-js demo app</title>
+    <link rel="stylesheet" href="/demo/index.css" />
   </head>
   <body>
     <div id="root"></div>
diff --git a/package.json b/package.json
index 4661e10be..30a45f824 100644
--- a/package.json
+++ b/package.json
@@ -1,100 +1,95 @@
 {
   "name": "image-js",
   "version": "0.0.0",
+  "license": "MIT",
   "description": "Image processing and manipulation in JavaScript",
+  "author": "Michaël Zasso",
   "keywords": [],
   "type": "module",
-  "author": "Michaël Zasso",
-  "license": "MIT",
   "files": [
-    "src",
+    "dist-types",
     "lib",
-    "lib-cjs",
-    "dist-types"
+    "src"
   ],
-  "main": "./lib-cjs/index.js",
-  "module": "./lib/index.js",
-  "browser": {
-    "lib/save/write.js": "./lib/save/write.browser.js",
-    "lib/load/read.js": "./lib/load/read.browser.js"
-  },
+  "exports": "./lib/index.js",
   "scripts": {
     "api-extractor": "rimraf dist-types && api-extractor run --local",
     "check-types": "tsc --noEmit",
-    "clean": "rimraf lib lib-cjs",
+    "clean": "rimraf coverage lib",
     "demo": "vite --open",
-    "eslint": "eslint src demo --cache",
-    "eslint-fix": "npm run eslint -- --fix",
+    "eslint": "eslint . --cache",
+    "eslint-fix": "eslint . --cache --fix",
     "prepack": "npm run tsc && npm run api-extractor",
-    "prettier": "prettier --check src demo",
-    "prettier-write": "prettier --write src demo",
-    "test": "npm run check-types && npm run test-only && npm run eslint && npm run prettier",
+    "prettier": "prettier --check .",
+    "prettier-write": "prettier --write .",
+    "test": "npm run test-only && npm run check-types && npm run eslint && npm run prettier",
     "test-only": "cross-env JEST_IMAGE_SNAPSHOT_TRACK_OBSOLETE=1 vitest run --coverage",
-    "tsc": "npm run clean && npm run tsc-cjs && npm run tsc-esm",
-    "tsc-cjs": "tsc --project tsconfig.cjs.json && echo '{\"type\":\"commonjs\"}' > lib-cjs/package.json",
-    "tsc-esm": "tsc --project tsconfig.esm.json"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/image-js/image-js.git"
-  },
-  "bugs": {
-    "url": "https://github.com/image-js/image-js/issues"
+    "tsc": "npm run clean && npm run tsc-build",
+    "tsc-build": "tsc --project tsconfig.build.json"
   },
-  "homepage": "https://github.com/image-js/image-js#readme",
   "dependencies": {
     "bresenham-zingl": "^0.2.0",
     "colord": "^2.9.3",
-    "fast-bmp": "^2.0.1",
-    "fast-jpeg": "^2.0.1",
-    "fast-png": "^6.2.0",
+    "fast-bmp": "^4.0.0",
+    "fast-jpeg": "^3.0.0",
+    "fast-png": "^7.0.0",
     "image-type": "^4.1.0",
     "jpeg-js": "^0.4.4",
     "js-priority-queue": "^0.1.5",
     "median-quickselect": "^1.0.1",
     "ml-affine-transform": "^1.0.3",
     "ml-convolution": "^2.0.0",
-    "ml-matrix": "^6.12.0",
+    "ml-matrix": "^6.12.1",
     "ml-ransac": "^1.0.0",
     "ml-regression-multivariate-linear": "^2.0.4",
     "ml-regression-polynomial-2d": "^1.0.0",
-    "ml-spectra-processing": "^14.9.1",
+    "ml-spectra-processing": "^14.12.0",
     "robust-point-in-polygon": "^1.0.3",
     "ssim.js": "^3.5.0",
-    "tiff": "^6.1.1",
-    "ts-pattern": "^5.6.1"
+    "tiff": "^7.0.0",
+    "ts-pattern": "^5.7.1"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "^7.49.1",
+    "@microsoft/api-extractor": "^7.52.8",
     "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/vite": "^4.1.10",
     "@types/jest-image-snapshot": "^6.4.0",
     "@types/js-priority-queue": "^0.0.9",
-    "@types/node": "^22.10.7",
-    "@types/react": "^19.0.7",
-    "@types/react-dom": "^19.0.3",
+    "@types/node": "^24.0.1",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
     "@types/robust-point-in-polygon": "^1.0.4",
-    "@vitejs/plugin-react": "^4.3.4",
-    "@vitest/coverage-v8": "^2.1.8",
-    "@vitest/expect": "^2.1.8",
-    "autoprefixer": "^10.4.20",
+    "@vitejs/plugin-react": "^4.5.2",
+    "@vitest/coverage-v8": "^3.2.3",
+    "@vitest/expect": "^3.2.3",
+    "@zakodium/tsconfig": "^1.0.1",
+    "autoprefixer": "^10.4.21",
     "clsx": "^2.1.1",
     "cross-env": "^7.0.3",
-    "eslint": "^9.18.0",
-    "eslint-config-cheminfo-react": "^15.0.0",
-    "eslint-config-cheminfo-typescript": "^17.0.0",
+    "eslint": "^9.29.0",
+    "eslint-config-cheminfo-react": "^16.1.0",
+    "eslint-config-cheminfo-typescript": "^18.0.1",
     "immer": "^10.1.1",
-    "jest-image-snapshot": "^6.4.0",
+    "jest-image-snapshot": "^6.5.1",
     "jest-matcher-deep-close-to": "^3.0.2",
-    "postcss": "^8.5.1",
-    "prettier": "^3.4.2",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-router-dom": "^7.1.3",
+    "postcss": "^8.5.5",
+    "prettier": "^3.5.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-router-dom": "^7.6.2",
     "rimraf": "^6.0.1",
-    "tailwindcss": "^3.4.17",
-    "typescript": "~5.7.3",
+    "tailwindcss": "^4.1.10",
+    "typescript": "~5.8.3",
     "uint8-base64": "^1.0.0",
-    "vite": "^6.0.8",
-    "vitest": "^2.1.8"
-  }
+    "vite": "^6.3.5",
+    "vitest": "^3.2.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/image-js/image-js.git"
+  },
+  "bugs": {
+    "url": "https://github.com/image-js/image-js/issues"
+  },
+  "homepage": "https://github.com/image-js/image-js#readme"
 }
diff --git a/postcss.config.js b/postcss.config.js
deleted file mode 100644
index 2aa7205d4..000000000
--- a/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
diff --git a/scripts/alignImages/alignImages.ts b/scripts/alignImages/alignImages.ts
deleted file mode 100644
index b5b2fec47..000000000
--- a/scripts/alignImages/alignImages.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import { writeSync } from '../../src/save/write.js';
-import { overlapImages } from '../../src/featureMatching/visualize/overlapImages.js';
-import { readSync } from '../../src/load/read.js';
-import { readFileSync, readdirSync, unlinkSync } from 'fs';
-import { join } from 'path';
-import { getAffineTransform } from '../../src/index.js';
-
-// global variables
-const emptyFolder = true; // results
-const imageFolder = 'images/dataset2'; // folder containing images and rois
-
-const margin = 40; // number of pixels to add around the reference ROI
-
-const imageNames = ['img1'];
-const roiIndices = [0];
-
-// empy results folder
-if (emptyFolder) {
-  const path = join(__dirname, 'results');
-  for (const file of readdirSync(path)) {
-    unlinkSync(join(path, file));
-  }
-}
-
-// load ROIs
-const rawRois = readFileSync(
-  join(__dirname, imageFolder, '/rois.json'),
-  'utf-8',
-);
-const rois = JSON.parse(rawRois);
-
-// load images
-const reference = readSync(join(__dirname, imageFolder, '/reference.png'));
-const images = imageNames.map((name) =>
-  readSync(join(__dirname, imageFolder, name + '.png')),
-);
-
-// align images
-for (let roiIndex of roiIndices) {
-  const roi = rois[roiIndex];
-  const roiCounter = roiIndex + 1;
-  const croppedRef = reference.crop({
-    origin: { column: roi.x, row: roi.y },
-    width: roi.width,
-    height: roi.height,
-  });
-
-  for (let imageIndex = 0; imageIndex < images.length; imageIndex++) {
-    const image = images[imageIndex];
-    const imageCounter =
-      imageNames[imageIndex][imageNames[imageIndex].length - 1];
-    const cropped = image.crop({
-      origin: { column: roi.x - margin, row: roi.y - margin },
-      width: roi.width + 2 * margin,
-      height: roi.height + 2 * margin,
-    });
-
-    const result = getAffineTransform(cropped, croppedRef, {
-      debug: true,
-      debugImagePath:
-        __dirname +
-        '/results/debug' +
-        imageCounter +
-        '_roi' +
-        roiCounter +
-        '.png',
-      maxRansacNbIterations: 1000,
-      crosscheck: true,
-      destinationOrigin: { row: margin, column: margin },
-      enhanceContrast: true,
-    });
-
-    const transform = result.transform;
-    console.log(result);
-
-    const overlapped = overlapImages(cropped, croppedRef, {
-      origin: transform.translation,
-      angle: -transform.rotation,
-      scale: transform.scale,
-    });
-
-    writeSync(
-      __dirname +
-        '/results/img' +
-        imageCounter +
-        '_aligned_roi' +
-        roiCounter +
-        '.png',
-      overlapped,
-    );
-  }
-}
-
-// draw rois as rectangles on images
-const allImages = [reference, ...images];
-const allImagesNames = ['reference', ...imageNames];
-for (let image of allImages) {
-  for (let roiIndex of roiIndices) {
-    image.drawRectangle({
-      origin: { column: rois[roiIndex].x, row: rois[roiIndex].y },
-      width: rois[roiIndex].width,
-      height: rois[roiIndex].height,
-      strokeColor: [255, 0, 0, 255],
-      out: image,
-    });
-  }
-  writeSync(__dirname + '/results/' + allImagesNames.shift() + '.png', image);
-}
diff --git a/scripts/benchmark/resize.benchmark.ts b/scripts/benchmark/resize.benchmark.ts
index 1cbc5f709..a22f1361d 100644
--- a/scripts/benchmark/resize.benchmark.ts
+++ b/scripts/benchmark/resize.benchmark.ts
@@ -1,15 +1,10 @@
-// run with `ts-node-transpile-only scripts/benchmark/resize.benchmark.ts`
+import { join } from 'node:path';
 
 import { read } from '../../src/index.js';
-import { join } from 'path';
 
-async function doAll() {
-  const image = await read(join(__dirname, 'large.jpg'));
+const image = await read(join(import.meta.dirname, 'large.jpg'));
 
-  console.time('resize');
+console.time('resize');
 
-  image.resize({ width: 6000, height: 4000, interpolationType: 'bilinear' });
-  console.timeEnd('resize');
-}
-
-doAll();
+image.resize({ width: 6000, height: 4000, interpolationType: 'bilinear' });
+console.timeEnd('resize');
diff --git a/scripts/featureMatching/featureMatchingTest.ts b/scripts/featureMatching/featureMatchingTest.ts
index 50a7266b2..374a3d574 100644
--- a/scripts/featureMatching/featureMatchingTest.ts
+++ b/scripts/featureMatching/featureMatchingTest.ts
@@ -1,26 +1,19 @@
+import util from 'node:util';
+
+import type { GetBriefOptions } from '../../src/featureMatching/descriptors/getBrief.js';
+import { getBrief } from '../../src/featureMatching/descriptors/getBrief.js';
 import {
+  getCrosscheckMatches,
   Montage,
-  drawKeypoints,
-  drawMatches,
-  getOrientedFastKeypoints,
-  getBriefDescriptors,
-  bruteForceOneMatch,
+  readSync,
+  writeSync,
+} from '../../src/index.js';
+import type {
   DrawKeypointsOptions,
-  GetFastKeypointsOptions,
-  getCrosscheckMatches,
-  MontageDisposition,
-  getBestKeypointsInRadius,
-} from '../../src/featureMatching.js';
-import { readSync, writeSync } from '../../src/index.js';
-import {
-  getBrief,
-  GetBriefOptions,
-} from '../../src/featureMatching/descriptors/getBrief.js';
-import { GetColorsOptions } from '../../src/featureMatching/utils/getColors.js';
+  GetColorsOptions,
+} from '../../src/index.js';
 import { getMinMax } from '../../src/utils/getMinMax.js';
 
-import util from 'util';
-import { sliceBrief } from '../../src/featureMatching/descriptors/utils/sliceBrief.js';
 util.inspect.defaultOptions.depth = 5;
 
 const getBriefOptions: GetBriefOptions = {
@@ -32,7 +25,7 @@ const getBriefOptions: GetBriefOptions = {
 const firstNumber = 1;
 const secondNumber = 2;
 
-let source = readSync(
+const source = readSync(
   `../../test/img/featureMatching/id-crops/crop${firstNumber}.png`,
 ).convertColor('GREY');
 // fix contrast
@@ -43,7 +36,7 @@ source.level({
   out: source,
 });
 
-let destination = readSync(
+const destination = readSync(
   `../../test/img/featureMatching/id-crops/crop${secondNumber}.png`,
 ).convertColor('GREY');
 
@@ -60,8 +53,6 @@ console.log({
   destination: { width: destination.width, height: destination.height },
 });
 
-const sliceBriefOptions = { start: 0, end: 15 };
-
 const sourceBrief = getBrief(source, getBriefOptions);
 const destinationBrief = getBrief(destination, getBriefOptions);
 
@@ -82,17 +73,11 @@ console.log({
   },
 });
 
-// const matches = bruteForceOneMatch(
-//   sourceBrief.descriptors,
-//   destinationBrief.descriptors,
-// );
-// console.log('nb matches: ' + matches.length);
-
 const crossMatches = getCrosscheckMatches(
   sourceBrief.descriptors,
   destinationBrief.descriptors,
 );
-console.log('nb crosscheck matches: ' + crossMatches.length);
+console.log(`nb crosscheck matches: ${crossMatches.length}`);
 
 const montage = new Montage(source, destination, {
   scale: 2,
diff --git a/scripts/featureMatching/generateFMtestImages.ts b/scripts/featureMatching/generateFMtestImages.ts
index b4af1d0f0..00933cbde 100644
--- a/scripts/featureMatching/generateFMtestImages.ts
+++ b/scripts/featureMatching/generateFMtestImages.ts
@@ -1,18 +1,19 @@
 // generate some variations of the alphabet image for feature matching
-// run this script with: ts-node --log-error generateFMtestImages.ts
-import { readSync, writeSync, Image } from '../../src/index.js';
-import { join } from 'path';
+import { join } from 'node:path';
 
-console.log(__dirname);
+import { readSync, writeSync } from '../../src/index.js';
 
-const basePath = join(__dirname, '../test/img/featureMatching/polygons');
+const basePath = join(
+  import.meta.dirname,
+  '../test/img/featureMatching/polygons',
+);
 
 console.log(basePath);
 
 const original = readSync(`${basePath}/betterScaleneTriangle.png`);
 
 const angles = [2, 10, 90, 180];
-for (let angle of angles) {
+for (const angle of angles) {
   const rotated = original.transformRotate(angle, { fullImage: true });
   writeSync(`${basePath}/scaleneTriangle${angle}.png`, rotated);
 }
diff --git a/scripts/testGaussian.ts b/scripts/testGaussian.ts
index d4e6b20e4..34c2da538 100644
--- a/scripts/testGaussian.ts
+++ b/scripts/testGaussian.ts
@@ -1,5 +1,5 @@
-import { writeFileSync } from 'fs';
-import { join } from 'path';
+import { writeFileSync } from 'node:fs';
+import { join } from 'node:path';
 
 import { createRandomArray } from 'ml-spectra-processing';
 
@@ -11,4 +11,7 @@ const a = createRandomArray({
   length: 10000,
 });
 
-writeFileSync(join(__dirname, 'test.json'), JSON.stringify(Array.from(a)));
+writeFileSync(
+  join(import.meta.dirname, 'test.json'),
+  JSON.stringify(Array.from(a)),
+);
diff --git a/scripts/testHarris.ts b/scripts/testHarris.ts
index a2c0e56e4..48f2bf44b 100644
--- a/scripts/testHarris.ts
+++ b/scripts/testHarris.ts
@@ -1,6 +1,5 @@
-// @eslint-ignore
 import { Image } from '../src/Image.js';
-import { getHarrisScore } from '../src/featureMatching/getHarrisScore.js';
+import { getHarrisScore } from '../src/featureMatching/keypoints/getHarrisScore.js';
 
 const fastRadius = 3;
 
@@ -18,6 +17,6 @@ const image = new Image(7, 7, { colorModel: 'GREY' });
 
 const origin = { row: fastRadius, column: fastRadius };
 
-let result = getHarrisScore(image, origin);
+const result = getHarrisScore(image, origin);
 
 console.log(result);
diff --git a/scripts/tophatTest.ts b/scripts/tophatTest.ts
index 13999e77c..930855484 100644
--- a/scripts/tophatTest.ts
+++ b/scripts/tophatTest.ts
@@ -1,15 +1,8 @@
-import { join } from 'path';
-
-import {
-  RoiMapManager,
-  fromMask,
-  read,
-  write,
-  RoiKind,
-  readSync,
-  writeSync,
-} from '../src/index.js';
+import { join } from 'node:path';
 
+import { readSync, writeSync } from '../src/index.js';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const disk12 = [
   [0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0, 0],
   [0, 0, 0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 0],
@@ -50,5 +43,5 @@ console.log('glaargh');
 const topHat = grey.topHat({ kernel });
 console.log('tophat succeeded');
 
-writeSync(join(__dirname, './background-grey.png'), grey);
-writeSync(join(__dirname, './background-topHat.png'), topHat);
+writeSync(join(import.meta.dirname, './background-grey.png'), grey);
+writeSync(join(import.meta.dirname, './background-topHat.png'), topHat);
diff --git a/src/align/affineTransfrom/__tests__/getAffineTransform.test.ts b/src/align/affineTransfrom/__tests__/getAffineTransform.test.ts
index 1297bab94..0b6802d18 100644
--- a/src/align/affineTransfrom/__tests__/getAffineTransform.test.ts
+++ b/src/align/affineTransfrom/__tests__/getAffineTransform.test.ts
@@ -1,3 +1,5 @@
+import { expect, test } from 'vitest';
+
 import type { TestImagePath } from '../../../../test/TestImagePath.js';
 import { Image } from '../../../Image.js';
 import { overlapImages } from '../../../featureMatching/index.js';
@@ -67,7 +69,7 @@ test('crosscheck = false', () => {
   expect(image).toMatchImageSnapshot();
 });
 
-test('debug = true', () => {
+test('debug = true', { timeout: 20_000 }, () => {
   const data = {
     message: 'rotation 10 degrees',
     source: 'polygons/scaleneTriangle',
diff --git a/src/align/affineTransfrom/getAffineTransform.ts b/src/align/affineTransfrom/getAffineTransform.ts
index 3112787e4..427384b76 100644
--- a/src/align/affineTransfrom/getAffineTransform.ts
+++ b/src/align/affineTransfrom/getAffineTransform.ts
@@ -5,10 +5,10 @@ import type { Image } from '../../Image.js';
 import { getBrief } from '../../featureMatching/descriptors/getBrief.js';
 import type { Match } from '../../featureMatching/index.js';
 import {
-  Montage,
-  MontageDisposition,
   bruteForceOneMatch,
   getCrosscheckMatches,
+  Montage,
+  MontageDisposition,
 } from '../../featureMatching/index.js';
 import { filterEuclideanDistance } from '../../featureMatching/matching/filterEuclideanDistance.js';
 import type { Point } from '../../geometry/index.js';
@@ -60,7 +60,7 @@ export interface GetAffineTransformOptions {
   debug?: boolean;
   /**
    * Path of the debug image.
-   * @default `${__dirname}/montage.png`
+   * @default `${import.meta.dirname}/montage.png`
    */
   debugImagePath?: string;
 }
@@ -131,7 +131,7 @@ export function getAffineTransform(
     destinationOrigin = { column: 0, row: 0 },
     maxRansacNbIterations,
     debug = false,
-    debugImagePath = `${__dirname}/montage.png`,
+    debugImagePath = `${import.meta.dirname}/montage.png`,
   } = options;
 
   if (source.colorModel !== ImageColorModel.GREY) {
diff --git a/src/featureMatching/visualize/__tests__/Montage.test.ts b/src/featureMatching/visualize/__tests__/Montage.test.ts
index 93809e8a5..69970be35 100644
--- a/src/featureMatching/visualize/__tests__/Montage.test.ts
+++ b/src/featureMatching/visualize/__tests__/Montage.test.ts
@@ -1,3 +1,5 @@
+import { describe, expect, it } from 'vitest';
+
 import { getBriefDescriptors } from '../../descriptors/getBriefDescriptors.js';
 import { getOrientedFastKeypoints } from '../../keypoints/getOrientedFastKeypoints.js';
 import { bruteForceOneMatch } from '../../matching/bruteForceMatch.js';
@@ -25,7 +27,7 @@ describe('constructor', () => {
 });
 
 describe('drawKeypoints', () => {
-  it('scale = 2', () => {
+  it('scale = 2', { timeout: 20_000 }, () => {
     const montage = new Montage(source, source, { scale: 2 });
     montage.drawKeypoints(sourceKeypoints);
 
@@ -44,7 +46,7 @@ describe('drawKeypoints', () => {
 });
 
 describe('drawMatches', () => {
-  it('scale = 2', () => {
+  it('scale = 2', { timeout: 20_000 }, () => {
     const brief = getBriefDescriptors(grey, sourceKeypoints);
 
     const matches = bruteForceOneMatch(brief.descriptors, brief.descriptors);
diff --git a/src/geometry/__tests__/resize.test.ts b/src/geometry/__tests__/resize.test.ts
index 904700afd..89644db31 100644
--- a/src/geometry/__tests__/resize.test.ts
+++ b/src/geometry/__tests__/resize.test.ts
@@ -6,11 +6,17 @@ import { write } from '../../save/index.js';
 async function writeDebug(resized: Image, type: string) {
   // @ts-expect-error Dynamic string.
   const expected = testUtils.load(`opencv/test_resize_${type}.png`);
-  await write(path.join(__dirname, `resize_${type}_expected.png`), expected);
-  await write(path.join(__dirname, `resize_${type}_resized.png`), resized);
+  await write(
+    path.join(import.meta.dirname, `resize_${type}_expected.png`),
+    expected,
+  );
+  await write(
+    path.join(import.meta.dirname, `resize_${type}_resized.png`),
+    resized,
+  );
   const subtraction = expected.subtract(resized);
   await write(
-    path.join(__dirname, `resize_${type}_subtraction.png`),
+    path.join(import.meta.dirname, `resize_${type}_subtraction.png`),
     subtraction,
   );
 }
diff --git a/src/load/read.browser.ts b/src/load/read.browser.ts
deleted file mode 100644
index 304358999..000000000
--- a/src/load/read.browser.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Dummy throwing read.
- */
-export function read() {
-  throw new Error('read is not implemented in the browser');
-}
-
-/**
- * Dummy throwing readSync.
- */
-export function readSync() {
-  throw new Error('readSync is not implemented in the browser');
-}
diff --git a/src/load/read.ts b/src/load/read.ts
index eee2f3f0c..22442b1ab 100644
--- a/src/load/read.ts
+++ b/src/load/read.ts
@@ -1,25 +1,28 @@
-import fs from 'node:fs';
-
 import type { Image } from '../Image.js';
+import { getNodeApiOrThrow } from '../utils/cross_platform.js';
 
 import { decode } from './decode.js';
 
 /**
  * Read an image from the disk.
  * The file format is automatically selected based on the first few bytes.
+ * This method is only implemented for Node.js.
  * @param path - The path to the image.
  * @returns Image instance.
  */
 export async function read(path: string | URL): Promise<Image> {
-  const data = await fs.promises.readFile(path);
+  const nodeApi = getNodeApiOrThrow('read');
+  const data = await nodeApi.fs.promises.readFile(path);
   return decode(data);
 }
 
 /**
  * Synchronous version of @see {@link read}.
+ * This method is only implemented for Node.js.
  * @param path - The path to the image.
  * @returns Image instance.
  */
 export function readSync(path: string | URL): Image {
-  return decode(fs.readFileSync(path));
+  const nodeApi = getNodeApiOrThrow('readSync');
+  return decode(nodeApi.fs.readFileSync(path));
 }
diff --git a/src/roi/__tests__/fromMask.test.ts b/src/roi/__tests__/fromMask.test.ts
index ba7467228..5d3420af9 100644
--- a/src/roi/__tests__/fromMask.test.ts
+++ b/src/roi/__tests__/fromMask.test.ts
@@ -1,3 +1,5 @@
+import { expect, test } from 'vitest';
+
 import { Mask } from '../../Mask.js';
 import { fromMask } from '../fromMask.js';
 
@@ -164,7 +166,7 @@ test('6x6 mask, allowCorners true', () => {
   );
 });
 
-test('no way to exceed max number of ROIs error', () => {
+test('no way to exceed max number of ROIs error', { timeout: 20_000 }, () => {
   const size = 4097;
   const mask = new Mask(size, size);
   let pos = true;
diff --git a/src/save/__tests__/encodeBmp.test.ts b/src/save/__tests__/encodeBmp.test.ts
index 09669e2b4..0d272222e 100644
--- a/src/save/__tests__/encodeBmp.test.ts
+++ b/src/save/__tests__/encodeBmp.test.ts
@@ -1,3 +1,5 @@
+import { expect, test } from 'vitest';
+
 import { encodeBmp } from '../encodeBmp.js';
 
 test('encode 5x5 mask', () => {
diff --git a/src/save/encodeBmp.ts b/src/save/encodeBmp.ts
index ffadc7f8a..9f0f70248 100644
--- a/src/save/encodeBmp.ts
+++ b/src/save/encodeBmp.ts
@@ -1,4 +1,3 @@
-//@ts-expect-error ts package not ready yet
 import * as bmp from 'fast-bmp';
 
 import type { Image } from '../Image.js';
@@ -13,27 +12,13 @@ export function encodeBmp(mask: Image | Mask) {
   if (!(mask instanceof Mask)) {
     throw new TypeError('Image bmp encoding is not implemented.');
   }
-  const compressedBitMask = new Uint8Array(Math.ceil(mask.size / 8));
-  let destIndex = 0;
-  for (let index = 0; index < mask.size; index++) {
-    if (index % 8 === 0 && index !== 0) {
-      destIndex++;
-    }
-    if (destIndex !== compressedBitMask.length - 1) {
-      compressedBitMask[destIndex] <<= 1;
-      compressedBitMask[destIndex] |= mask.getBitByIndex(index);
-    } else {
-      compressedBitMask[destIndex] |= mask.getBitByIndex(index);
-      compressedBitMask[destIndex] <<= 7 - (index % 8);
-    }
-  }
-
+  const imageData = mask.getRawImage();
   return bmp.encode({
-    width: mask.width,
-    height: mask.height,
+    width: imageData.width,
+    height: imageData.height,
     components: 1,
-    bitDepth: 1,
+    bitsPerPixel: 1,
     channels: 1,
-    data: compressedBitMask,
+    data: imageData.data,
   });
 }
diff --git a/src/save/write.browser.ts b/src/save/write.browser.ts
deleted file mode 100644
index 9152b270a..000000000
--- a/src/save/write.browser.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * Dummy throwing write.
- */
-export function write() {
-  throw new Error('write is not implemented in the browser');
-}
-
-/**
- * Dummy throwing writeSync.
- */
-export function writeSync() {
-  throw new Error('writeSync is not implemented in the browser');
-}
diff --git a/src/save/write.ts b/src/save/write.ts
index 4adf143ad..b3d3b0287 100644
--- a/src/save/write.ts
+++ b/src/save/write.ts
@@ -1,9 +1,6 @@
-import fs from 'node:fs';
-import nodePath from 'node:path';
-import url from 'node:url';
-
 import type { Image } from '../Image.js';
 import { Mask } from '../Mask.js';
+import { getNodeApiOrThrow } from '../utils/cross_platform.js';
 
 import type {
   EncodeOptionsBmp,
@@ -27,6 +24,7 @@ export type WriteOptionsBmp = WriteOptions & EncodeOptionsBmp;
  * Write an image to the disk.
  * The file format is determined automatically from the file's extension.
  * If the extension is not supported, an error will be thrown.
+ * This method is only implemented for Node.js.
  * @param path - Path or file URL where the image should be written.
  * @param image - Image to save.
  * @param options - Write options.
@@ -40,6 +38,7 @@ export async function write(
 /**
  * Write an image to the disk as PNG.
  * When the `png` format is specified, the file's extension doesn't matter.
+ * This method is only implemented for Node.js.
  * @param path - Path or file URL where the image should be written.
  * @param image - Image to save.
  * @param options - Encode options for png images.
@@ -53,6 +52,7 @@ export async function write(
 /**
  * Write an image to the disk as JPEG.
  * When the `jpeg` format is specified, the file's extension doesn't matter.
+ * This method is only implemented for Node.js.
  * @param path - Path or file URL where the image should be written.
  * @param image - Image to save.
  * @param options - Encode options for jpeg images.
@@ -67,6 +67,7 @@ export async function write(
 /**
  * Write an image to the disk as BMP.
  * When the `bmp` format is specified, the file's extension doesn't matter.
+ * This method is only implemented for Node.js.
  * @param path - Path or file URL where the image should be written.
  * @param image - Image to save.
  * @param options - Encode options for bmp images.
@@ -79,6 +80,7 @@ export async function write(
 ): Promise<void>;
 /**
  * Asynchronously write an image to the disk.
+ * This method is only implemented for Node.js.
  * @param path - Path where the image should be written.
  * @param image - Image to save.
  * @param options - Encode options.
@@ -88,22 +90,24 @@ export async function write(
   image: Image | Mask,
   options?: WriteOptionsBmp | WriteOptionsPng | WriteOptionsJpeg | WriteOptions,
 ): Promise<void> {
+  const nodeApi = getNodeApiOrThrow('write');
   if (typeof path !== 'string') {
-    path = url.fileURLToPath(path);
+    path = nodeApi.url.fileURLToPath(path);
   }
   if (image instanceof Mask) {
     image = image.convertColor('GREY');
   }
-  const toWrite = getDataToWrite(path, image, options);
+  const toWrite = getDataToWrite(path, image, options, nodeApi);
   if (options?.recursive) {
-    const dir = nodePath.dirname(path);
-    await fs.promises.mkdir(dir, { recursive: true });
+    const dir = nodeApi.path.dirname(path);
+    await nodeApi.fs.promises.mkdir(dir, { recursive: true });
   }
-  await fs.promises.writeFile(path, toWrite);
+  await nodeApi.fs.promises.writeFile(path, toWrite);
 }
 
 /**
  * Synchronous version of @see {@link write}.
+ * This method is only implemented for Node.js.
  * @param path - Path where the image should be written.
  * @param image - Image to save.
  * @param options - Encode options.
@@ -113,15 +117,16 @@ export function writeSync(
   image: Image | Mask,
   options?: WriteOptionsBmp | WriteOptionsPng | WriteOptionsJpeg | WriteOptions,
 ): void {
+  const nodeApi = getNodeApiOrThrow('writeSync');
   if (typeof path !== 'string') {
-    path = url.fileURLToPath(path);
+    path = nodeApi.url.fileURLToPath(path);
   }
-  const toWrite = getDataToWrite(path, image, options);
+  const toWrite = getDataToWrite(path, image, options, nodeApi);
   if (options?.recursive) {
-    const dir = nodePath.dirname(path);
-    fs.mkdirSync(dir, { recursive: true });
+    const dir = nodeApi.path.dirname(path);
+    nodeApi.fs.mkdirSync(dir, { recursive: true });
   }
-  fs.writeFileSync(path, toWrite);
+  nodeApi.fs.writeFileSync(path, toWrite);
 }
 
 /**
@@ -129,15 +134,25 @@ export function writeSync(
  * @param destinationPath - Image destination.
  * @param image - Image to save.
  * @param options - Encode options.
+ * @param nodeApi - Object with Node.js APIs.
  * @returns Buffer containing the encoded image.
  */
 function getDataToWrite(
   destinationPath: string,
   image: Image | Mask,
-  options?: WriteOptionsBmp | WriteOptionsPng | WriteOptionsJpeg | WriteOptions,
+  options:
+    | WriteOptionsBmp
+    | WriteOptionsPng
+    | WriteOptionsJpeg
+    | WriteOptions
+    | undefined,
+  nodeApi: ReturnType<typeof getNodeApiOrThrow>,
 ): Uint8Array {
   if (!options || !('format' in options)) {
-    const extension = nodePath.extname(destinationPath).slice(1).toLowerCase();
+    const extension = nodeApi.path
+      .extname(destinationPath)
+      .slice(1)
+      .toLowerCase();
     if (
       extension === 'png' ||
       extension === 'jpg' ||
diff --git a/src/stack/compute/__tests__/maxImage.test.ts b/src/stack/compute/__tests__/maxImage.test.ts
index 2ff135001..e91aad8b2 100644
--- a/src/stack/compute/__tests__/maxImage.test.ts
+++ b/src/stack/compute/__tests__/maxImage.test.ts
@@ -18,7 +18,7 @@ test('2 grey images', () => {
 });
 
 test('more complex stack', () => {
-  const folder = join(__dirname, '../../../../test/img/correctColor');
+  const folder = join(import.meta.dirname, '../../../../test/img/correctColor');
   const stack = getStackFromFolder(folder);
 
   expect(stack.maxImage()).toMatchImageSnapshot();
diff --git a/src/stack/compute/__tests__/meanImage.test.ts b/src/stack/compute/__tests__/meanImage.test.ts
index fb1e47937..1341eec28 100644
--- a/src/stack/compute/__tests__/meanImage.test.ts
+++ b/src/stack/compute/__tests__/meanImage.test.ts
@@ -31,7 +31,7 @@ test('2 RGB images', () => {
 });
 
 test('more complex stack', () => {
-  const folder = join(__dirname, '../../../../test/img/correctColor');
+  const folder = join(import.meta.dirname, '../../../../test/img/correctColor');
   const stack = getStackFromFolder(folder);
   expect(stack.meanImage()).toMatchImageSnapshot();
 });
diff --git a/src/stack/compute/__tests__/medianImage.test.ts b/src/stack/compute/__tests__/medianImage.test.ts
index 815065e1d..1ceea19a7 100644
--- a/src/stack/compute/__tests__/medianImage.test.ts
+++ b/src/stack/compute/__tests__/medianImage.test.ts
@@ -33,7 +33,7 @@ test('3 RGB images', () => {
 });
 
 test('more complex stack', () => {
-  const folder = join(__dirname, '../../../../test/img/correctColor');
+  const folder = join(import.meta.dirname, '../../../../test/img/correctColor');
   const stack = getStackFromFolder(folder);
   expect(stack.medianImage()).toMatchImageSnapshot();
 });
diff --git a/src/stack/compute/__tests__/minImage.test.ts b/src/stack/compute/__tests__/minImage.test.ts
index 4a79082ef..bc273eb6b 100644
--- a/src/stack/compute/__tests__/minImage.test.ts
+++ b/src/stack/compute/__tests__/minImage.test.ts
@@ -31,7 +31,7 @@ test('2 RGB images', () => {
 });
 
 test('more complex stack', () => {
-  const folder = join(__dirname, '../../../../test/img/correctColor');
+  const folder = join(import.meta.dirname, '../../../../test/img/correctColor');
   const stack = getStackFromFolder(folder);
   expect(stack.minImage()).toMatchImageSnapshot();
 });
diff --git a/src/stack/compute/__tests__/sum.test.ts b/src/stack/compute/__tests__/sum.test.ts
index e25587181..72633a3ce 100644
--- a/src/stack/compute/__tests__/sum.test.ts
+++ b/src/stack/compute/__tests__/sum.test.ts
@@ -25,7 +25,7 @@ test('2 RGB images', () => {
 });
 
 test('more complex stack', () => {
-  const folder = join(__dirname, '../../../../test/img/correctColor');
+  const folder = join(import.meta.dirname, '../../../../test/img/correctColor');
   const stack = getStackFromFolder(folder);
   expect(stack.sum()).toMatchImageSnapshot();
 });
diff --git a/src/utils/cross_platform.ts b/src/utils/cross_platform.ts
new file mode 100644
index 000000000..e8549a945
--- /dev/null
+++ b/src/utils/cross_platform.ts
@@ -0,0 +1,18 @@
+/**
+ * Returns builtin Node.js modules or throws an error saying that the method is only implemented in Node.js.
+ * @param methodName - Name of the method that calls this function
+ * @returns - The `fs`, `path` and `url` Node.js modules.
+ */
+export function getNodeApiOrThrow(methodName: string) {
+  if (
+    typeof process === 'undefined' ||
+    typeof process.getBuiltinModule !== 'function'
+  ) {
+    throw new Error(`${methodName} is only implemented for Node.js`);
+  }
+  return {
+    fs: process.getBuiltinModule('node:fs'),
+    path: process.getBuiltinModule('node:path'),
+    url: process.getBuiltinModule('node:url'),
+  };
+}
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index a9f64e821..000000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,4 +0,0 @@
-export default {
-  content: ['./index.html', './demo/**/*.{vue,js,ts,jsx,tsx}'],
-  plugins: [require('@tailwindcss/forms')],
-};
diff --git a/test/jestMatchers.ts b/test/jestMatchers.ts
index ee947602a..4c4560c8f 100644
--- a/test/jestMatchers.ts
+++ b/test/jestMatchers.ts
@@ -1,7 +1,3 @@
-/* eslint-disable no-invalid-this */
-// eslint-disable-next-line @typescript-eslint/triple-slash-reference
-/// <reference path="./jest.d.ts" />
-
 import type { MatcherState } from '@vitest/expect';
 import type { MatchImageSnapshotOptions } from 'jest-image-snapshot';
 import { configureToMatchImageSnapshot } from 'jest-image-snapshot';
diff --git a/test/testUtils.ts b/test/testUtils.ts
index c12ea0419..48485afae 100644
--- a/test/testUtils.ts
+++ b/test/testUtils.ts
@@ -16,7 +16,7 @@ import { createMask } from './createMask.js';
  * @returns The path to the image.
  */
 export function getPath(name: TestImagePath): string {
-  return join(__dirname, 'img/', name);
+  return join(import.meta.dirname, 'img/', name);
 }
 
 /**
@@ -25,7 +25,7 @@ export function getPath(name: TestImagePath): string {
  * @returns Buffer of the image.
  */
 export function loadBuffer(path: TestImagePath): Uint8Array {
-  return readFileSync(join(__dirname, 'img', path));
+  return readFileSync(join(import.meta.dirname, 'img', path));
 }
 
 /**
@@ -34,7 +34,7 @@ export function loadBuffer(path: TestImagePath): Uint8Array {
  * @returns The image.
  */
 export function load(path: TestImagePath): Image {
-  return readSync(join(__dirname, 'img', path));
+  return readSync(join(import.meta.dirname, 'img', path));
 }
 /**
  * Create an image from 8-bit Grey data.
@@ -159,7 +159,6 @@ export function createPoints(...points: Array<[number, number]>): Point[] {
 }
 
 declare global {
-  // eslint-disable-next-line no-var
   var testUtils: {
     getPath: typeof getPath;
     loadBuffer: typeof loadBuffer;
diff --git a/tsconfig.build.json b/tsconfig.build.json
new file mode 100644
index 000000000..a0ceabb24
--- /dev/null
+++ b/tsconfig.build.json
@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {},
+  "exclude": ["**/__tests__", "demo", "scripts", "test", "vite*.ts"]
+}
diff --git a/tsconfig.cjs.json b/tsconfig.cjs.json
deleted file mode 100644
index 2ceb0920c..000000000
--- a/tsconfig.cjs.json
+++ /dev/null
@@ -1,12 +0,0 @@
-{
-  "extends": "./tsconfig.esm.json",
-  "compilerOptions": {
-    "outDir": "lib-cjs",
-    "module": "CommonJS",
-    "moduleResolution": "Node",
-    "verbatimModuleSyntax": false,
-    "esModuleInterop": true,
-    "declaration": false,
-    "declarationMap": false
-  }
-}
diff --git a/tsconfig.esm.json b/tsconfig.esm.json
deleted file mode 100644
index 4e7f08097..000000000
--- a/tsconfig.esm.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "exclude": [
-    "./demo/**/*",
-    "./src/**/__tests__",
-    "./vitest.setup.ts",
-    "./test/**/*",
-    "vite*.ts"
-  ]
-}
diff --git a/tsconfig.json b/tsconfig.json
index daaec1b0d..0b065f5e5 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,23 +1,8 @@
 {
+  "extends": "@zakodium/tsconfig/jsx",
   "compilerOptions": {
-    "lib": ["ES2022", "DOM"],
-    "types": [],
-    "target": "ES2022",
-    "outDir": "lib",
-    "jsx": "react-jsx",
-    "module": "NodeNext",
-    "strict": true,
-    "skipLibCheck": false,
-    "resolveJsonModule": false,
-    "forceConsistentCasingInFileNames": true,
-    "allowJs": false,
-    "isolatedModules": true,
-    "verbatimModuleSyntax": true,
-    "sourceMap": true,
-    "declaration": true,
-    "declarationMap": true,
-    "useUnknownInCatchVariables": false
+    "noUncheckedIndexedAccess": false,
+    "outDir": "lib"
   },
-  "include": ["./demo/**/*",
-    "./vitest.setup.ts", "./src/**/*", "./test/**/*"]
+  "include": ["demo", "scripts", "src", "test", "vite*.ts"]
 }
diff --git a/vite.config.mts b/vite.config.ts
similarity index 63%
rename from vite.config.mts
rename to vite.config.ts
index 4e7004ebc..0a7254117 100644
--- a/vite.config.mts
+++ b/vite.config.ts
@@ -1,7 +1,8 @@
+import tailwindcss from '@tailwindcss/vite';
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()],
 });
diff --git a/vitest.config.js b/vitest.config.ts
similarity index 92%
rename from vitest.config.js
rename to vitest.config.ts
index 6bd7b6c25..ef007ddcf 100644
--- a/vitest.config.js
+++ b/vitest.config.ts
@@ -4,6 +4,7 @@ export default defineConfig({
   test: {
     globals: true,
     setupFiles: ['./vitest.setup.ts'],
+    testTimeout: 10_000,
     coverage: {
       include: ['src/**'],
     },