import * as AbstractImage from "abstract-image";
import { ImageRun, IMediaTransformation } from "docx";
import { TextStyle } from "../../abstract-document/styles/text-style.js";
import { Image } from "../../abstract-document/atoms/image.js";
import { Resources } from "../../abstract-document/index.js";
import { fromBase64 } from "../shared/base-64.js";

export function renderImage(image: Image, textStyle: TextStyle, resources: Resources.Resources): ImageRun {
  const aImage = image.imageResource.abstractImage;
  const images = aImage.components.map((c: AbstractImage.Component) =>
    abstractComponentToDocX(c, image.width, image.height, textStyle, resources, 0)
  );
  return images[0]!;
}

function abstractComponentToDocX(
  component: AbstractImage.Component,
  rectWidth: number,
  rectHeight: number,
  _textStyle: TextStyle,
  resources: Resources.Resources,
  circuitBreaker: number
): ImageRun | undefined {
  if (++circuitBreaker > 20) {
    return undefined;
  }
  switch (component.type) {
    // case "group":
    //   component.children.forEach((c) => abstractComponentToPdf(c, textStyle));
    //   break;
    case "binaryimage":
      const format = component.format.toLowerCase();
      // const w = component.bottomRight.x - component.topLeft.x;
      // const h = component.bottomRight.y - component.topLeft.y;
      // const scale = Math.min(rectWidth / (w || 1), rectHeight / (h || 1));
      // const transformation: IMediaTransformation = { width: w * scale, height: h * scale };
      const transformation: IMediaTransformation = { width: rectWidth, height: rectHeight };
      if (component.data.type === "bytes" && (format === "png" || format === "jpg")) {
        return new ImageRun({
          data: Buffer.from(
            component.data.bytes.buffer,
            component.data.bytes.byteOffset,
            component.data.bytes.byteLength
          ),
          transformation,
        });
      }
      if (component.data.type === "url") {
        const imageResource = resources.imageResources?.[component.data.url];
        if (imageResource) {
          return abstractComponentToDocX(
            imageResource.abstractImage.components[0],
            rectWidth,
            rectHeight,
            _textStyle,
            resources,
            circuitBreaker
          );
        }
        const match = /^data:.+?;base64,(.*)$/.exec(component.data.url);
        if (match) {
          return new ImageRun({ data: fromBase64(match[1]), transformation });
        }
      }
      break;
    //else if (format === "svg") {
    //   const svg = new TextDecoder().decode(component.data);
    //   const imageWidth = component.bottomRight.x - component.topLeft.x;
    //   const imageHeight = component.bottomRight.y - component.topLeft.y;
    //   svgToPdfKit(pdf, svg, component.topLeft.x, component.topLeft.y, {
    //     width: imageWidth,
    //     height: imageHeight,
    //     preserveAspectRatio: "xMinYMin",
    //     //fontCallback: component.overrideSvgFont
    //     //  ? (_family: string, _bold: boolean, _italic: boolean) => {
    //     //      return getFontNameStyle(textStyle);
    //     //    }
    //     //  : undefined,
    //     // fontCallback: (_family: string, _bold: boolean, _italic: boolean) => {
    //     //   return getFontNameStyle(textStyle);
    //     // }
    //   });
    // }
    //break;
    // case "subimage":
    //   break;
    // case "line":
    //   pdf
    //     .lineWidth(component.strokeThickness)
    //     .moveTo(component.start.x, component.start.y)
    //     .lineTo(component.end.x, component.end.y)
    //     .strokeOpacity(colorToOpacity(component.strokeColor))
    //     .stroke(colorToRgb(component.strokeColor));
    //   break;
    // case "polyline":
    //   for (let i = 0; i < component.points.length; ++i) {
    //     const p = component.points[i];
    //     if (i === 0) {
    //       pdf.moveTo(p.x, p.y);
    //     } else {
    //       pdf.lineTo(p.x, p.y);
    //     }
    //   }
    //   pdf
    //     .lineWidth(component.strokeThickness)
    //     .strokeOpacity(colorToOpacity(component.strokeColor))
    //     .stroke(colorToRgb(component.strokeColor));
    //   break;
    // case "text":
    //   if (component.clockwiseRotationDegrees !== 0) {
    //     pdf.save();
    //     pdf.rotate(component.clockwiseRotationDegrees, {
    //       origin: [component.position.x, component.position.y],
    //     });
    //   }
    //   pdf.font(component.fontFamily).fontSize(component.fontSize);
    //   const stringWidth = pdf.widthOfString(component.text);
    //   const stringHeight = pdf.currentLineHeight();
    //   const dx =
    //     component.horizontalGrowthDirection === "left"
    //       ? -stringWidth
    //       : component.horizontalGrowthDirection === "uniform"
    //       ? -stringWidth * 0.5
    //       : 0;
    //   const dy =
    //     component.verticalGrowthDirection === "up"
    //       ? -stringHeight
    //       : component.verticalGrowthDirection === "uniform"
    //       ? -stringHeight * 0.5
    //       : 0;
    //   pdf
    //     .font(component.fontFamily)
    //     .fontSize(component.fontSize)
    //     .fillColor(colorToRgb(component.textColor))
    //     .text(component.text, component.position.x + dx, component.position.y + dy, { lineBreak: false });
    //   if (component.clockwiseRotationDegrees !== 0) {
    //     pdf.restore();
    //   }
    //   break;
    // case "ellipse":
    //   const width = component.bottomRight.x - component.topLeft.x;
    //   const height = component.bottomRight.y - component.topLeft.y;
    //   const centerX = component.topLeft.x + width * 0.5;
    //   const centerY = component.topLeft.y + height * 0.5;
    //   pdf
    //     .lineWidth(component.strokeThickness)
    //     .ellipse(centerX, centerY, width * 0.5, height * 0.5)
    //     .strokeOpacity(colorToOpacity(component.strokeColor))
    //     .fillOpacity(colorToOpacity(component.fillColor))
    //     .fillAndStroke(colorToRgb(component.fillColor), colorToRgb(component.strokeColor));
    //   break;
    // case "polygon":
    //   pdf
    //     .lineWidth(component.strokeThickness)
    //     .strokeOpacity(colorToOpacity(component.strokeColor))
    //     .fillOpacity(colorToOpacity(component.fillColor))
    //     .polygon(...component.points.map((p) => [p.x, p.y]))
    //     .fillAndStroke(colorToRgb(component.fillColor), colorToRgb(component.strokeColor));
    //   break;
    // case "rectangle":
    //   const rWidth = component.bottomRight.x - component.topLeft.x;
    //   const rHeight = component.bottomRight.y - component.topLeft.y;
    //   pdf
    //     .lineWidth(component.strokeThickness)
    //     .strokeOpacity(colorToOpacity(component.strokeColor))
    //     .fillOpacity(colorToOpacity(component.fillColor))
    //     .rect(component.topLeft.x, component.topLeft.y, rWidth, rHeight)
    //     .fillAndStroke(colorToRgb(component.fillColor), colorToRgb(component.strokeColor));
    //   break;
    default:
      return undefined;
  }
  return undefined;
}

// function colorToOpacity(color: AbstractImage.Color): number {
//   return color.a / 255;
// }

// function colorToRgb(color: AbstractImage.Color): Array<number> {
//   return [color.r, color.g, color.b];
// }