import { NhostClient } from "@nhost/nhost-js";
import axios from "axios";
import { encode } from "blurhash";
import { Request, Response } from "express";
import gql from "graphql-tag";
import { Jimp } from "jimp";

export default async (req: Request, res: Response) => {
  console.log("req.body", req.body);
  const nhost = new NhostClient({
    subdomain: process.env.NHOST_SUBDOMAIN,
    region: process.env.NHOST_REGION,
  });

  console.log("env", process.env.NHOST_SUBDOMAIN, process.env.NHOST_REGION);

  try {
    const fileId = req.body.event.data.new.id;
    const url = nhost.storage.getPublicUrl({ fileId });
    const token = nhost.auth.getAccessToken();
    console.log("URL", url);

    const image = await axios.get(url!, {
      headers: {
        Authorization: `Bearer ${token}`,
      },
      responseType: "arraybuffer",
    });
    console.log("image", image);

    const imageBuffer = Buffer.from(image.data);
    const img = await Jimp.fromBuffer(imageBuffer);

    img.resize({ w: 32, h: 32 });

    const pixels: number[] = [];
    img.scan(0, 0, img.bitmap.width, img.bitmap.height, function (x, y, idx) {
      const red = this.bitmap.data[idx];
      const green = this.bitmap.data[idx + 1];
      const blue = this.bitmap.data[idx + 2];
      const alpha = this.bitmap.data[idx + 3];

      pixels.push(red, green, blue, alpha);
    });

    const pixelArray = new Uint8ClampedArray(pixels);
    const blurhash = encode(new Uint8ClampedArray(pixelArray), img.bitmap.width, img.bitmap.height, 4, 4);

    const graphql = gql`
      mutation update_image($id: uuid!, $blurhash: String!) {
        update_profile_images_by_pk(pk_columns: { id: $id }, _set: { blurhash: $blurhash }) {
          id
          blurhash
        }
      }
    `;

    await nhost.graphql.request(graphql, { id: fileId, blurhash });
    res.status(200).json({ message: "Blurhash generated" });
  } catch (error) {
    console.error(error);
    res.status(500).json({ message: "Error generating blurhash" });
  }
};