chore: add managing layers with "shapes" property

src/features/document.ts

@@ -375,7 +375,6 @@ export function getDifferences(currentTree: PenpotDocument, newTree: PenpotDocum
             parentId: isPageRootFrameFromId(item.after.parentId) ? rootFrameId : item.after.parentId,
             obj: {
               ...propertiesObj,
-              shapes: item.after.type === 'frame' ? [] : undefined, // This is required to create frames (we don't have this into the comparaison trees to only go from top to bottom with a simple logic)
             },
           });
         }

src/features/penpot.ts

@@ -31,10 +31,6 @@ export function cleanHostedDocument(hostedTree: PostCommandGetFileResponse): Pen
 
     // Then manage the rest of the logic
     for (const [, object] of Object.entries(page.objects)) {
-      if (object.type === 'bool' || object.type === 'frame' || object.type === 'group') {
-        delete object.shapes; // Since object is a reference it will act on the main object
-      }
-
       object.parentId = object.parentId === rootFrameId ? newRootFrameNodeId : object.parentId;
       object.frameId = object.frameId === rootFrameId ? newRootFrameNodeId : object.frameId;
     }

src/features/transformers/transformPageNode.ts

@@ -98,6 +98,7 @@ export function transformPageNode(figmaNode: CanvasNode, mapping: MappingType):
             fillOpacity: 1,
           },
         ],
+        shapes: figmaNode.children.map((figmaChild) => translateId(figmaChild.id, mapping)),
       },
     },
   };