import { images } from '@plugin/libraries';

import { Fill } from '@ui/lib/types/utils/fill';
import { PartialImageColor } from '@ui/lib/types/utils/imageColor';

export const translateImageFill = (fill: ImagePaint): Fill | undefined => {
  const fillImage = translateImage(fill.imageHash);
  if (!fillImage) return;

  return {
    fillOpacity: !fill.visible ? 0 : fill.opacity,
    fillImage
  };
};

const translateImage = (imageHash: string | null): PartialImageColor | undefined => {
  if (!imageHash) return;

  if (!images.has(imageHash)) {
    images.set(imageHash, figma.getImageByHash(imageHash));
  }

  return {
    imageHash
  };
};