benchmark: move to Bun + mitata

The React version of the benchmark has been removed, since the
react-component-benchmark library is not compatible with React 19.

The React-only libraries have been added to the Bunch benchmark too,
using the canvas module.

See benchmark/index.ts for more details on the implementation.

Author: bpierre

benchmark/bun.lock

@@ -6,14 +6,6 @@ declare module "@download/blockies" {
   }): HTMLCanvasElement;
 }
 
-declare module "blockies-react-svg/dist/es/BlockiesSvgSync.mjs" {
-  export default function BlockiesSvgSync(props: {
-    address: string;
-    size: number;
-    scale: number;
-  }): JSX.Element;
-}
-
 declare module "blockies-react-svg/dist/es/makeBlockiesUrl.mjs" {
   export default function makeBlockiesUrl(
     address: string,

benchmark/declarations.d.ts

@@ -0,0 +1,67 @@
+import { bench, compact, run, summary } from "mitata";
+
+import { createIcon as blockies_createIcon } from "@download/blockies";
+import { blo } from "blo";
+import blockiesReactSvg_makeBlockiesUrl from "blockies-react-svg/dist/es/makeBlockiesUrl.mjs";
+import { create as blockiesTs_create } from "blockies-ts";
+import ethereumBlockiesBase64_makeBlockie from "ethereum-blockies-base64";
+import ReactBlockies_Identicon from "react-blockies";
+import { canvasPolyfill } from "./canvas-polyfill.js";
+
+canvasPolyfill(globalThis);
+
+const benchmark: Record<string, (address: `0x${string}`) => string> = {
+  "blo": blo,
+  "@download/blockies": (address) => (
+    blockies_createIcon({
+      seed: address.toLowerCase(),
+      scale: 8,
+      size: 64,
+    }).toDataURL()
+  ),
+  "blockies-react-svg": (address) => (
+    blockiesReactSvg_makeBlockiesUrl(address, 8, false, 64)
+  ),
+  "blockies-ts": (address) => (
+    blockiesTs_create({
+      seed: address.toLowerCase(),
+      size: 8,
+      scale: 64,
+    }).toDataURL()
+  ),
+  "ethereum-blockies-base64": ethereumBlockiesBase64_makeBlockie,
+  "react-blockies": (address) => {
+    const canvas = document.createElement("canvas");
+    const { generateIdenticon } = ReactBlockies_Identicon.prototype;
+    generateIdenticon.call({
+      identicon: {
+        getContext: canvas.getContext.bind(canvas),
+        style: {},
+      },
+    }, {
+      seed: address.toLowerCase(),
+      size: 8,
+      scale: 64,
+    });
+    return canvas.toDataURL();
+  },
+};
+
+let currentAddress = BigInt("0x" + "1".repeat(40));
+function address(): `0x${string}` {
+  return `0x${(currentAddress++).toString(16)}`;
+}
+
+compact(() => {
+  summary(() => {
+    for (const [name, fn] of Object.entries(benchmark)) {
+      bench(name, () => fn(address()));
+    }
+  });
+});
+
+await run({
+  format: "mitata",
+  throw: true,
+  colors: true,
+});

benchmark/index.ts

@@ -3,19 +3,20 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "bench": "vitest bench"
+    "bench": "bun index.ts"
   },
   "dependencies": {
     "@download/blockies": "^1.0.3",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
+    "blo": "latest",
     "blockies-react-svg": "^0.0.13",
     "blockies-ts": "^1.0.0",
     "canvas": "^3.1.0",
     "ethereum-blockies-base64": "^1.0.2",
+    "mitata": "^1.0.34",
     "rand-seed": "^2.1.7",
     "react-blockies": "^1.4.1",
-    "typescript": "^5.4.4",
-    "vitest": "^3.0.9"
+    "typescript": "^5.4.4"
   }
 }