Fix inferredAutoLayout.

Author: bernaferrari

apps/plugin/plugin-src/code.ts

@@ -111,7 +111,6 @@ switch (figma.mode) {
 
     figma.codegen.on("generate", ({ language, node }) => {
       const convertedSelection = convertIntoNodes([node], null);
-      console.log("language is", language);
 
       switch (language) {
         case "html":

packages/backend/src/common/commonPosition.ts

@@ -131,12 +131,12 @@ export const commonIsAbsolutePosition = (
     "layoutMode" in node.parent &&
     node.parent.inferredAutoLayout !== null
   ) {
-    return this;
+    return false;
   }
 
   if ("layoutAlign" in node) {
     if (!node.parent || node.parent === undefined) {
-      return this;
+      return false;
     }
 
     const parentLayoutIsNone =

packages/backend/src/html/htmlDefaultBuilder.ts

@@ -137,7 +137,6 @@ export class HtmlDefaultBuilder {
   position(node: SceneNode, optimizeLayout: boolean): this {
     if (commonIsAbsolutePosition(node, optimizeLayout)) {
       const { x, y } = getCommonPositionValue(node);
-
       this.addStyles(
         formatWithJSX("left", this.isJSX, x),
         formatWithJSX("top", this.isJSX, y),
@@ -147,8 +146,8 @@ export class HtmlDefaultBuilder {
       if (
         node.type === "GROUP" ||
         ("layoutMode" in node &&
-          (optimizeLayout ? node.inferredAutoLayout : node)?.layoutMode ===
-            "NONE")
+          ((optimizeLayout ? node.inferredAutoLayout : null) ?? node)
+            ?.layoutMode === "NONE")
       ) {
         this.addStyles(formatWithJSX("position", this.isJSX, "relative"));
       }
@@ -219,12 +218,8 @@ export class HtmlDefaultBuilder {
     return this;
   }
 
-  size(node: SceneNode, optimizedLayout: boolean): this {
-    const { width, height } = htmlSizePartial(
-      node,
-      this.isJSX,
-      optimizedLayout
-    );
+  size(node: SceneNode, optimize: boolean): this {
+    const { width, height } = htmlSizePartial(node, this.isJSX, optimize);
 
     if (node.type === "TEXT") {
       switch (node.textAutoResize) {

packages/backend/src/swiftui/swiftuiDefaultBuilder.ts

@@ -137,8 +137,8 @@ export class SwiftuiDefaultBuilder {
     return this;
   }
 
-  size(node: SceneNode): this {
-    const { width, height } = swiftuiSize(node);
+  size(node: SceneNode, optimize: boolean): this {
+    const { width, height } = swiftuiSize(node, optimize);
     const sizes = [width, height].filter((d) => d);
     if (sizes.length > 0) {
       this.pushModifier([`frame`, sizes.join(", ")]);

packages/backend/src/swiftui/swiftuiMain.ts

@@ -116,7 +116,7 @@ export const swiftuiContainer = (
   const result = new SwiftuiDefaultBuilder(kind)
     .shapeForeground(node)
     .autoLayoutPadding(node, localSettings.optimizeLayout)
-    .size(node)
+    .size(node, localSettings.optimizeLayout)
     .shapeBackground(node)
     .cornerRadius(node)
     .shapeBorder(node)

packages/backend/src/tailwind/tailwindDefaultBuilder.ts

@@ -107,7 +107,7 @@ export class TailwindDefaultBuilder {
     } else if (
       node.type === "GROUP" ||
       ("layoutMode" in node &&
-        (optimizeLayout ? node.inferredAutoLayout : node)?.layoutMode ===
+        ((optimizeLayout ? node.inferredAutoLayout : null) ?? node)?.layoutMode ===
           "NONE")
     ) {
       this.addAttributes("relative");