add rect

src/ui/converters/createPenpotRectangle.ts

@@ -8,6 +8,7 @@ export const createPenpotRectangle = (
   baseY: number
 ) => {
   file.penpotFile.createRect({
+    type: Symbol.for('rect'),
     name: node.name,
     x: node.x + baseX,
     y: node.y + baseY,

src/ui/lib/penpot.d.ts

@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { CircleShape } from './types/circle/circleShape';
+import { RectShape } from './types/rect/rectShape';
 import { TextShape } from './types/text/textShape';
 
 export interface PenpotFile {
@@ -11,7 +12,7 @@ export interface PenpotFile {
   closeArtboard(): void;
   addGroup(group: any): void;
   closeGroup(): void;
-  createRect(rect: any): void;
+  createRect(rect: RectShape): void;
   createCircle(circle: CircleShape): void;
   createText(options: TextShape): void;
   createImage(image: any): void;

src/ui/lib/types/circle/circleAttributes.d.ts

@@ -1,4 +1,5 @@
 export type CircleAttributes = {
-  id?: string;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  id?: any;
   type: symbol;
 };

src/ui/lib/types/rect/rectAttributes.d.ts

@@ -0,0 +1,5 @@
+export type RectAttributes = {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  id?: any;
+  type: symbol;
+};

src/ui/lib/types/rect/rectShape.d.ts

@@ -0,0 +1,4 @@
+import { Shape } from '../shape';
+import { RectAttributes } from './rectAttributes';
+
+export type RectShape = Shape & RectAttributes;