Function fetchImages

src/tools/figma-tool/images.ts:18–51

(nodes: ImageNode[], fileId: string, token: string)

 * @returns Image nodes
 */
export const fetchImages = async (nodes: ImageNode[], fileId: string, token: string): Promise<ImageNode[]> => {
    if (!fileId || !nodes?.length) {
        return [];
    }

    const svgs = nodes.filter(node => node.format === FigmaImageFormat.SVG);
    const pngs = nodes.filter(node => node.format === FigmaImageFormat.PNG);
    const getImagePromises: Promise<{ [key: string]: string } | undefined>[] = [];

    if (svgs.length > 0) {
        getImagePromises.push(fetchFigmaImages(fileId, svgs.map(node => node.id).join(','), token, FigmaImageFormat.SVG));
    }
    if (pngs.length > 0) {
        getImagePromises.push(fetchFigmaImages(fileId, pngs.map(node => node.id).join(','), token, FigmaImageFormat.PNG));
    }

    const images: ImageNode[] = [];
    const results = await Promise.all(getImagePromises);
    results.forEach((res: { [key: string]: string } | undefined) => {
        if (res) {
            for (const [key, value] of Object.entries(res)) {
                images.push({
                    id: key,
                    name: '',
                    format: FigmaImageFormat.PNG,
                    ...(nodes.find(n => n.id === key) || {}),
                    url: value || '',
                });
            }
        }
    });

    return images;
};

/**
 * Download images from figma document