penpot-exporter-figma-plugin/plugin-src/transformers/transformFrameNode.ts

import { translateFills } from '@plugin/translators';

import { FrameShape } from '@ui/lib/types/frame/frameShape';

import { transformSceneNode } from '.';

export const transformFrameNode = async (
  node: FrameNode,
  baseX: number,
  baseY: number
): Promise<FrameShape> => {
  return {
    type: 'frame',
    name: node.name,
    x: node.x + baseX,
    y: node.y + baseY,
    width: node.width,
    height: node.height,
    fills: translateFills(node.fills, node.width, node.height),
    children: await Promise.all(
      node.children.map(child => transformSceneNode(child, baseX + node.x, baseY + node.y))
    )
  };
};