add some webpack changes

bitovi · Jan 29, 2025 · f69c61c · f69c61c
1 parent ada257c
commit f69c61c
Show file tree

Hide file tree

Showing 5 changed files with 198 additions and 182 deletions.
diff --git a/src/code.ts b/src/code.ts
@@ -30,6 +30,7 @@ async function generateStyles(format: 'scss' | 'css'): Promise<TransformerResult
 
 // Listen for messages from the UI
 figma.ui.onmessage = async (msg) => {
+  console.log('msg', msg);
   if (msg.type === 'generate-styles') {
     const result = await generateStyles(msg.format || 'scss');
     generatedScss = result.result; // Store just the generated code

diff --git a/src/processors/layout.processor.ts b/src/processors/layout.processor.ts
@@ -24,7 +24,7 @@ export const layoutProcessors: StyleProcessor[] = [
     }
   },
   {
-    property: "align-items",
+    property: "justify-content",
     bindingKey: undefined,
     process: async (_, node?: SceneNode): Promise<ProcessedValue | null> => {
       if (node && 'layoutMode' in node && node.layoutMode !== "NONE" && 
@@ -40,6 +40,24 @@ export const layoutProcessors: StyleProcessor[] = [
       return null;
     }
   },
+  {
+    property: "align-items",
+    bindingKey: undefined,
+    process: async (_, node?: SceneNode): Promise<ProcessedValue | null> => {
+      if (node && 'layoutMode' in node && node.layoutMode !== "NONE" && 
+          'counterAxisAlignItems' in node) {
+        const alignMap = {
+          MIN: "flex-start",
+          CENTER: "center",
+          MAX: "flex-end",
+          BASELINE: "baseline"
+        };
+        const value = alignMap[node.counterAxisAlignItems];
+        return { value, rawValue: value };
+      }
+      return null;
+    }
+  },
   {
     property: "gap",
     bindingKey: "itemSpacing",

diff --git a/src/ui.html b/src/ui.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="UTF-8" />
     <title>Eggstractor</title>
-    <link rel="stylesheet" href="ui.css">
   </head>
   <body>
     <div class="container">