improve

ui-src/parser/creators/createComponentLibrary.ts

@@ -1,6 +1,7 @@
 import { componentsLibrary } from '@plugin/ComponentLibrary';
 
 import { PenpotFile } from '@ui/lib/types/penpotFile';
+import { symbolBlendMode, symbolFills } from '@ui/parser/creators/symbols';
 import { uiComponents } from '@ui/parser/libraries';
 
 import { createItems } from '.';
@@ -12,10 +13,12 @@ export const createComponentLibrary = (file: PenpotFile) => {
       return;
     }
 
-    const { children = [], ...rest } = component;
+    const { children = [], fills, blendMode, ...rest } = component;
 
     file.startComponent({
       ...rest,
+      fills: symbolFills(fills),
+      blendMode: symbolBlendMode(blendMode),
       id: uiComponent.componentId,
       componentId: uiComponent.componentId,
       mainInstancePage: uiComponent.mainInstancePage,

ui-src/parser/creators/createText.ts

@@ -1,16 +1,33 @@
 import { PenpotFile } from '@ui/lib/types/penpotFile';
-import { TextShape } from '@ui/lib/types/shapes/textShape';
+import { TextContent, TextShape } from '@ui/lib/types/shapes/textShape';
 import { parseFigmaId } from '@ui/parser';
-import { symbolBlendMode } from '@ui/parser/creators/symbols';
+import { symbolBlendMode, symbolFills } from '@ui/parser/creators/symbols';
 
 export const createText = (
   file: PenpotFile,
-  { type, blendMode, figmaId, figmaRelatedId, ...rest }: TextShape
+  { type, blendMode, figmaId, content, figmaRelatedId, ...rest }: TextShape
 ) => {
   file.createText({
     id: parseFigmaId(file, figmaId),
     shapeRef: parseFigmaId(file, figmaRelatedId, true),
+    content: parseContent(content),
     blendMode: symbolBlendMode(blendMode),
     ...rest
   });
 };
+
+const parseContent = (content: TextContent | undefined): TextContent | undefined => {
+  if (!content) return;
+
+  content.children?.forEach(paragraphSet => {
+    paragraphSet.children.forEach(paragraph => {
+      paragraph.children.forEach(textNode => {
+        textNode.fills = symbolFills(textNode.fills);
+      });
+
+      paragraph.fills = symbolFills(paragraph.fills);
+    });
+  });
+
+  return content;
+};