image.interpret.ts

import { ReflectDefaultShapeMixin } from "@design-sdk/core/nodes";
import { ImageProvider, NetworkImage } from "@bridged.xyz/flutter-builder";
import {
  retrieveImageFill,
  retrievePrimaryImageFill,
} from "@design-sdk/core/utils/retrieve-image-fills";
import { repo_assets } from "@design-sdk/core";
import { currentBuildingNodeId } from "..";
import { Figma } from "@design-sdk/figma";

/**
 * finds the primary image in shape node, upload it to temporary hosting. returns the ImageProvider with hosted image.
 * @param node basically, rect or ellipes node.
 */
export function interpretImageFilllNode(
  node: ReflectDefaultShapeMixin
): ImageProvider {
  if (node.hasImage) {
    return interpretImageFills(node.fills as ReadonlyArray<Figma.Paint>);
  }
}

export function interpretImageFills(
  fills: ReadonlyArray<Figma.Paint> | Figma.Paint
): ImageProvider {
  let image: Figma.Image;
  if (Array.isArray(fills)) {
    image = retrievePrimaryImageFill(fills);
  } else {
    // if fill is single, and the fill type was "IMAGE", we can consider it as a ImagePaint
    image = retrieveImageFill(fills as Figma.ImagePaint);
  }

  const hostedImage = repo_assets.MainImageRepository.instance.current.addImage(
    {
      key: currentBuildingNodeId,
      hash: image?.hash,
    }
  );

  // this will give image provider `Image.network("https://domain.com/image.png")`
  return new NetworkImage(hostedImage.url);
}