more structure

penpot · May 29, 2024 · 1050f9e · 1050f9e
1 parent a187895
commit 1050f9e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/ui-src/parser/creators/createComponentInstance.ts b/ui-src/parser/creators/createComponentInstance.ts
@@ -0,0 +1,6 @@
+import { PenpotFile } from '@ui/lib/types/penpotFile';
+import { InstanceShape } from '@ui/lib/types/shapes/instanceShape';
+
+export const createComponentInstance = (file: PenpotFile, { type, ...rest }: InstanceShape) => {
+  console.log(file.createComponentInstance({ ...rest }));
+};
diff --git a/ui-src/parser/creators/createItems.ts b/ui-src/parser/creators/createItems.ts
@@ -6,6 +6,7 @@ import {
   createBool,
   createCircle,
   createComponent,
+  createComponentInstance,
   createGroup,
   createPath,
   createRectangle,
@@ -36,5 +37,7 @@ const createItem = (file: PenpotFile, node: PenpotNode) => {
       return createBool(file, node);
     case 'component':
       return createComponent(file, node);
+    case 'instance':
+      return createComponentInstance(file, node);
   }
 };
diff --git a/ui-src/parser/creators/index.ts b/ui-src/parser/creators/index.ts
@@ -1,8 +1,9 @@
-export * from './createComponentLibrary';
 export * from './createArtboard';
 export * from './createBool';
 export * from './createCircle';
 export * from './createComponent';
+export * from './createComponentInstance';
+export * from './createComponentLibrary';
 export * from './createGroup';
 export * from './createItems';
 export * from './createPage';