chore: replace Jimp with sharp

Author: rossng

README.md

@@ -18,18 +18,16 @@ import {
   createDetector,
   TAG_FAMILIES,
 } from '@monumental-works/apriltags-kaess-node';
-import { Jimp } from 'jimp';
+import sharp from 'sharp';
 
-const image = await Jimp.read('image.png');
-image.greyscale();
+const image = sharp('image.png');
+const { data, info } = await image
+  .greyscale()
+  .raw()
+  .toBuffer({ resolveWithObject: true });
 
-const buffer = Buffer.from(image.bitmap.data.filter((_, i) => i % 4 === 0));
 const detector = createDetector(TAG_FAMILIES.TAG_36H11);
-const detections = detector.detect(
-  buffer,
-  image.bitmap.width,
-  image.bitmap.height
-);
+const detections = detector.detect(data, info.width, info.height);
 
 detections.forEach((tag) => {
   console.log(`Tag ${tag.id} at [${tag.center[0]}, ${tag.center[1]}]`);

examples/detect.js

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 
 import { createDetector, TAG_FAMILIES } from '../dist/index.js';
-import { Jimp } from 'jimp';
+import sharp from 'sharp';
 import { createServer } from 'http';
 import { fileURLToPath } from 'url';
 import { dirname, join, basename } from 'path';
@@ -14,17 +14,18 @@ const PORT = 3000;
 async function detectAndServe(imagePath, blackBorder = 1) {
   console.log(`\nLoading image: ${imagePath}`);
 
-  const image = await Jimp.read(imagePath);
-  const width = image.bitmap.width;
-  const height = image.bitmap.height;
+  const image = sharp(imagePath);
+  const metadata = await image.metadata();
+  const width = metadata.width;
+  const height = metadata.height;
 
   console.log(`Image dimensions: ${width}x${height}`);
 
   // Convert to grayscale for detection
-  const grayImage = image.clone().greyscale();
-  const buffer = Buffer.from(
-    grayImage.bitmap.data.filter((_, i) => i % 4 === 0)
-  );
+  const { data: buffer } = await image
+    .greyscale()
+    .raw()
+    .toBuffer({ resolveWithObject: true });
 
   console.log(`Creating detector with blackBorder=${blackBorder}...`);
   const detector = createDetector(TAG_FAMILIES.TAG_36H11, { blackBorder });
@@ -42,7 +43,9 @@ async function detectAndServe(imagePath, blackBorder = 1) {
   });
 
   // Convert image to base64 for embedding
-  const imageBase64 = await image.getBase64('image/jpeg');
+  const imageBase64 =
+    'data:image/jpeg;base64,' +
+    (await sharp(imagePath).jpeg().toBuffer()).toString('base64');
 
   const htmlPage = generateHTML(
     imageBase64,