add artboard shape

src/ui/converters/createPenpotBoard.ts

@@ -9,6 +9,7 @@ export const createPenpotBoard = (
   baseY: number
 ) => {
   file.penpotFile.addArtboard({
+    type: Symbol.for('frame'),
     name: node.name,
     x: node.x + baseX,
     y: node.y + baseY,

src/ui/lib/penpot.d.ts

@@ -1,4 +1,5 @@
 import { CircleShape } from './types/circle/circleShape';
+import { FrameShape } from './types/frame/frameShape';
 import { GroupShape } from './types/group/groupShape';
 import { ImageShape } from './types/image/imageShape';
 import { RectShape } from './types/rect/rectShape';
@@ -8,10 +9,10 @@ export interface PenpotFile {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   asMap(): any;
   export(): void;
-  addPage(name: string, options?: object): void;
-  closePage(): void;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  addArtboard(artboard: any): void;
+  addPage(name: string, options?: any): void;
+  closePage(): void;
+  addArtboard(artboard: FrameShape): void;
   closeArtboard(): void;
   addGroup(group: GroupShape): void;
   closeGroup(): void;

src/ui/lib/types/frame/frameAttributes.d.ts

@@ -0,0 +1,11 @@
+export type FrameAttributes = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  id?: any;
+  type: symbol;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  shapes?: any[];
+  fileThumbnail?: boolean;
+  hideFillOnExport?: boolean;
+  showContent?: boolean;
+  hideInViewer?: boolean;
+};

src/ui/lib/types/frame/frameShape.d.ts

@@ -0,0 +1,4 @@
+import { Shape } from '../shape';
+import { FrameAttributes } from './frameAttributes';
+
+export type FrameShape = Shape & FrameAttributes;