penpot-exporter-figma-plugin/ui-src/parser/creators/symbols/symbolFills.ts

import { Fill } from '@ui/lib/types/utils/fill';
import { ImageColor, PartialImageColor } from '@ui/lib/types/utils/imageColor';
import { colors, images } from '@ui/parser';

export const symbolFills = (fillStyleId?: string, fills?: Fill[]): Fill[] | undefined => {
  const nodeFills = fillStyleId ? colors.get(fillStyleId)?.fills : fills;

  if (!nodeFills) return;

  return nodeFills.map(fill => {
    if (fill.fillImage) {
      fill.fillImage = symbolFillImage(fill.fillImage);
    }

    return fill;
  });
};

export const symbolFillImage = (
  fillImage: ImageColor | PartialImageColor
): ImageColor | undefined => {
  if (!isPartialFillColor(fillImage)) return fillImage;

  return images.get(fillImage.imageHash);
};

const isPartialFillColor = (
  imageColor: ImageColor | PartialImageColor
): imageColor is PartialImageColor => {
  return 'imageHash' in imageColor;
};