chore: update dependencies and fix demo

Author: targos

package.json

@@ -66,7 +66,7 @@
     "@types/jest-image-snapshot": "^6.1.0",
     "@types/node": "^18.15.11",
     "@types/picomatch": "^2.3.0",
-    "@types/react": "^18.0.34",
+    "@types/react": "^18.0.35",
     "@types/react-dom": "^18.0.11",
     "@types/robust-point-in-polygon": "^1.0.2",
     "@vitejs/plugin-react": "^3.1.0",
@@ -78,11 +78,11 @@
     "eslint-config-cheminfo-typescript": "^11.3.1",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jest": "^27.2.1",
-    "immer": "^9.0.21",
+    "immer": "^10.0.0",
     "jest": "^29.5.0",
     "jest-image-snapshot": "^6.1.0",
     "jest-matcher-deep-close-to": "^3.0.2",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.22",
     "prettier": "^2.8.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/save/write.ts

@@ -1,6 +1,6 @@
 import fs from 'node:fs';
-import { dirname, extname } from 'node:path';
-import { fileURLToPath } from 'node:url';
+import nodePath from 'node:path';
+import url from 'node:url';
 
 import { Mask, Image } from '..';
 
@@ -74,14 +74,14 @@ export async function write(
   options?: WriteOptionsPng | WriteOptionsJpeg | WriteOptions,
 ): Promise<void> {
   if (typeof path !== 'string') {
-    path = fileURLToPath(path);
+    path = url.fileURLToPath(path);
   }
   if (image instanceof Mask) {
     image = image.convertColor('GREY');
   }
   const toWrite = getDataToWrite(path, image, options);
   if (options?.recursive) {
-    const dir = dirname(path);
+    const dir = nodePath.dirname(path);
     await fs.promises.mkdir(dir, { recursive: true });
   }
   await fs.promises.writeFile(path, toWrite);
@@ -100,14 +100,14 @@ export function writeSync(
   options?: WriteOptionsPng | WriteOptionsJpeg | WriteOptions,
 ): void {
   if (typeof path !== 'string') {
-    path = fileURLToPath(path);
+    path = url.fileURLToPath(path);
   }
   if (image instanceof Mask) {
     image = image.convertColor('GREY');
   }
   const toWrite = getDataToWrite(path, image, options);
   if (options?.recursive) {
-    const dir = dirname(path);
+    const dir = nodePath.dirname(path);
     fs.mkdirSync(dir, { recursive: true });
   }
   fs.writeFileSync(path, toWrite);
@@ -128,7 +128,7 @@ function getDataToWrite(
 ): Uint8Array {
   let format: ImageFormat;
   if (!options || !('format' in options)) {
-    const extension = extname(destinationPath).slice(1).toLowerCase();
+    const extension = nodePath.extname(destinationPath).slice(1).toLowerCase();
     if (extension === 'png') {
       format = 'png';
       return encode(image, { format });