fixes

plugin-src/StyleLibrary.ts

@@ -1,27 +1,21 @@
-import { Fill } from '@ui/lib/types/utils/fill';
-
 class StyleLibrary {
-  private styles: Map<string, Fill[]> = new Map();
+  private styles: Map<string, PaintStyle | undefined> = new Map();
 
-  public register(id: string, styles: Fill[]) {
+  public register(id: string, styles?: PaintStyle | undefined) {
     this.styles.set(id, styles);
   }
 
-  public get(id: string): Fill[] | undefined {
+  public get(id: string): PaintStyle | undefined {
     return this.styles.get(id);
   }
 
   public has(id: string): boolean {
     return this.styles.has(id);
   }
 
-  public all(): Record<string, Fill[]> {
+  public all(): Record<string, PaintStyle | undefined> {
     return Object.fromEntries(this.styles.entries());
   }
-
-  public init(styles: Record<string, Fill[]>): void {
-    this.styles = new Map(Object.entries(styles));
-  }
 }
 
 export const styleLibrary = new StyleLibrary();

plugin-src/transformers/transformDocumentNode.ts

@@ -117,6 +117,11 @@ const processPages = async (node: DocumentNode): Promise<PenpotPage[]> => {
 };
 
 export const transformDocumentNode = async (node: DocumentNode): Promise<PenpotDocument> => {
+  const localPaintStyles = await figma.getLocalPaintStylesAsync();
+  localPaintStyles.forEach(style => {
+    styleLibrary.register(style.id, style);
+  });
+
   const children = await processPages(node);
 
   if (remoteComponentLibrary.remaining() > 0) {

plugin-src/translators/fills/translateFills.ts

@@ -48,7 +48,7 @@ export const translateFillStyleId = (
   if (fillStyleId === figma.mixed || fillStyleId === undefined) return;
 
   if (!styleLibrary.has(fillStyleId)) {
-    styleLibrary.register(fillStyleId, []);
+    styleLibrary.register(fillStyleId);
   }
 
   return fillStyleId;

plugin-src/translators/fills/translatePaintStyles.ts

@@ -15,7 +15,8 @@ export const translatePaintStyles = (figmaStyle: PaintStyle): FillStyle => {
   };
 
   let index = 0;
-  const path = figmaStyle.paints.length > 1 ? figmaStyle.name : '';
+  const path =
+    (figmaStyle.remote ? 'Remote / ' : '') + (figmaStyle.paints.length > 1 ? figmaStyle.name : '');
 
   for (const fill of figmaStyle.paints) {
     const penpotFill = translateFill(fill);

ui-src/parser/libraries/UiColorLibraries.ts

@@ -14,10 +14,6 @@ class UiColorLibraries {
   public all(): FillStyle[] {
     return Array.from(this.libraries.values());
   }
-
-  public init(libraries: Record<string, FillStyle>) {
-    this.libraries = new Map(Object.entries(libraries));
-  }
 }
 
 export const uiColorLibraries = new UiColorLibraries();