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

import { PenpotFile } from '@ui/lib/types/penpotFile';
import { FrameShape } from '@ui/lib/types/shapes/frameShape';
import { Uuid } from '@ui/lib/types/utils/uuid';
import { parseFigmaId } from '@ui/parser';
import { symbolBlendMode, symbolFills, symbolStrokes } from '@ui/parser/creators/symbols';

import { createItems } from '.';

export const createArtboard = (
  file: PenpotFile,
  {
    type,
    fills,
    strokes,
    blendMode,
    children = [],
    figmaId,
    figmaRelatedId,
    shapeRef,
    ...rest
  }: FrameShape
): Uuid | undefined => {
  const id = parseFigmaId(file, figmaId);

  file.addArtboard({
    id,
    shapeRef: shapeRef ?? parseFigmaId(file, figmaRelatedId, true),
    fills: symbolFills(fills),
    strokes: symbolStrokes(strokes),
    blendMode: symbolBlendMode(blendMode),
    ...rest
  });

  createItems(file, children);

  file.closeArtboard();

  return id;
};