chore: add componentProperties to resolve additional code props

Author: nmerget

packages/codegen/manifest.json

@@ -23,8 +23,7 @@
       "propertyName": "maxDepth",
       "label": "Max Depth (how many children should be included - performance)",
       "options": [
-        { "label": "4", "value": "4", "isDefault": true },
-        { "label": "5", "value": "5" },
+        { "label": "5", "value": "5", "isDefault": true },
         { "label": "6", "value": "6" },
         { "label": "7", "value": "7" }
       ]

packages/shared/data.ts

@@ -26,6 +26,7 @@ export type OutputNode = {
   };
   children?: OutputNode[];
   variantProperties?: { [p: string]: string } | null;
+  componentProperties?: Record<string, string | boolean>;
   mainComponentName?: string;
   componentName?: string;
 };

packages/shared/figma/generate.ts

@@ -20,6 +20,13 @@ export const getNodesRecursive = async (
   if (node.type === "INSTANCE") {
     if (node.variantProperties) {
       result.variantProperties = node.variantProperties;
+      if (node.componentProperties) {
+        result.componentProperties = Object.entries(
+          node.componentProperties,
+        ).reduce((previousValue, [key, prop]) => {
+          return { ...previousValue, [key.split("#")[0]]: prop.value };
+        }, {});
+      }
     }
 
     const mainComponent = await node.getMainComponentAsync();