feat: reduce right for layered effects

Design-System-Pro · Nov 15, 2024 · 6edd4a7 · 6edd4a7
1 parent 433cf17
commit 6edd4a7
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 29 deletions.
diff --git a/packages/figma-widget/src/widget/modules/design-tokens/extractors/effect-style.ts b/packages/figma-widget/src/widget/modules/design-tokens/extractors/effect-style.ts
@@ -69,22 +69,17 @@ async function extractEffect(effect: Effect): Promise<ShadowValue | null> {
 }
 
 export async function extractEffectStyle(effectStyle: EffectStyle) {
-  const variableAlias = await Promise.all(
-    (effectStyle.boundVariables?.effects ?? []).map<Promise<AliasValue>>(
-      (value) => extractAlias(value.id)
-    )
-  );
-
-  console.log({ variableAlias });
-
-  const effectValues = await effectStyle.effects.reduce(
+  // reduceRight is used because for some reason figma order is reversed
+  const effectValues = await effectStyle.effects.reduceRight(
     async (accumulator, effect) => {
       const effectToken = await extractEffect(effect);
       return effectToken ? [...(await accumulator), effectToken] : accumulator;
     },
     Promise.resolve([] as ShadowValue[])
   );
 
+  console.log({ effects: effectStyle.effects });
+
   const token = {
     $type: 'shadow',
     $value: effectValues,

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml