Find the image that matches the whole request

import { readFile } from 'node:fs/promises';
import { SIEClient } from '@superlinked/sie-sdk';

const client = new SIEClient('https://api.superlinked.com', {
  apiKey: 'sk-sie-…',
});

const query = "a red leather handbag";
const imagePaths = [
  "red-leather-handbag.png",
  "red-shoes.jpg",
  "black-handbag.jpg",
  "green-backpack.png",
  "black-camera.png",
  "blue-running-sneaker.png",
];
const images = await Promise.all(imagePaths.map((path) => readFile(path)));

// Encode the text query + each catalog image in one batch.
const items = [{ text: query }, ...images.map((image) => ({ images: [image] }))];
const vecs = await client.encode('google/siglip-so400m-patch14-384', items);
const [q, ...imgVecs] = vecs.map((v) => v.dense);
const cosine = (a: Float32Array, b: Float32Array) => {
  const dot = a.reduce((s, x, i) => s + x * b[i], 0);
  return dot / (Math.hypot(...a) * Math.hypot(...b));
};
const ranked = imagePaths
  .map((file, i) => ({ file, score: cosine(q!, imgVecs[i]!) }))
  .sort((a, b) => b.score - a.score);
console.log(ranked);

image_0=$(base64 < 'red-leather-handbag.png' | tr -d '\n')
image_1=$(base64 < 'red-shoes.jpg' | tr -d '\n')
image_2=$(base64 < 'black-handbag.jpg' | tr -d '\n')
image_3=$(base64 < 'green-backpack.png' | tr -d '\n')
image_4=$(base64 < 'black-camera.png' | tr -d '\n')
image_5=$(base64 < 'blue-running-sneaker.png' | tr -d '\n')
curl https://api.superlinked.com/v1/encode/google%2Fsiglip-so400m-patch14-384 \
  -H "Authorization: Bearer sk-sie-…" \
  -H "Content-Type: application/json" \
  -d "{\"items\":[{\"text\":\"a red leather handbag\"},{\"images\":[{\"data\":\"$image_0\",\"format\":\"png\"}]},{\"images\":[{\"data\":\"$image_1\",\"format\":\"jpeg\"}]},{\"images\":[{\"data\":\"$image_2\",\"format\":\"jpeg\"}]},{\"images\":[{\"data\":\"$image_3\",\"format\":\"png\"}]},{\"images\":[{\"data\":\"$image_4\",\"format\":\"png\"}]},{\"images\":[{\"data\":\"$image_5\",\"format\":\"png\"}]}],\"params\":{\"output_types\":[\"dense\"]}}"