Debug

Author: bernaferrari

apps/plugin/plugin-src/code.ts

@@ -198,10 +198,7 @@ const standardMode = async () => {
       }
 
       try {
-        result.newConversion = await convertNodesToAltNodes(
-          result.json || [],
-          null,
-        );
+        result.newConversion = await nodesToJSON(nodes, userPluginSettings);
       } catch (error) {
         console.error("Error in new conversion:", error);
       }

packages/backend/src/code.ts

@@ -187,39 +187,19 @@ const processNodePair = async (
       ? cleanName
       : `${cleanName}_${count.toString().padStart(2, "0")}`;
 
-  // Check if we need to handle gradients
-  const hasGradient = GRADIENT_PROPERTIES.some((propName) => {
+  GRADIENT_PROPERTIES.forEach((propName) => {
     const property = jsonNode[propName];
-    return (
+    if (
+      propName in figmaNode &&
       property &&
-      Array.isArray(property) &&
-      property.length > 0 &&
-      property.some(
-        (item: any) => item.type && item.type.startsWith("GRADIENT_"),
-      )
-    );
+      property.some((item: any) => item.type.startsWith("GRADIENT_"))
+    ) {
+      jsonNode[propName] = JSON.parse(
+        JSON.stringify((figmaNode as any)[propName]),
+      );
+    }
   });
 
-  // Handle gradients
-  if (hasGradient) {
-    GRADIENT_PROPERTIES.forEach((propName) => {
-      const property = jsonNode[propName];
-      if (
-        property &&
-        Array.isArray(property) &&
-        property.length > 0 &&
-        property.some(
-          (item) => item.type && item.type.startsWith("GRADIENT_"),
-        ) &&
-        propName in figmaNode
-      ) {
-        jsonNode[propName] = JSON.parse(
-          JSON.stringify((figmaNode as any)[propName]),
-        );
-      }
-    });
-  }
-
   // Handle text-specific properties
   if (figmaNode.type === "TEXT") {
     const getSegmentsStart = Date.now();
@@ -376,7 +356,7 @@ const processNodePair = async (
         jsonNode.children[i],
         figmaNode.children[i],
         settings,
-        jsonNode, // Pass the current node as parent for its children
+        jsonNode,
       );
     }
 

packages/backend/src/html/builderImpl/htmlBorderRadius.ts

@@ -2,18 +2,29 @@ import { getCommonRadius } from "../../common/commonRadius";
 import { formatWithJSX } from "../../common/parseJSX";
 
 export const htmlBorderRadius = (node: SceneNode, isJsx: boolean): string[] => {
+  let comp: string[] = [];
+
+  if (
+    "children" in node &&
+    node.children.length > 0 &&
+    "clipsContent" in node &&
+    node.clipsContent === true
+  ) {
+    comp.push(formatWithJSX("overflow", isJsx, "hidden"));
+  }
+
   if (node.type === "ELLIPSE") {
-    return [formatWithJSX("border-radius", isJsx, 9999)];
+    comp.push(formatWithJSX("border-radius", isJsx, 9999));
+    return comp;
   }
 
   const radius = getCommonRadius(node);
 
-  let comp: string[] = [];
   let singleCorner: number = 0;
 
   if ("all" in radius) {
     if (radius.all === 0) {
-      return [];
+      return comp;
     }
     singleCorner = radius.all;
     comp.push(formatWithJSX("border-radius", isJsx, radius.all));
@@ -41,14 +52,6 @@ export const htmlBorderRadius = (node: SceneNode, isJsx: boolean): string[] => {
     }
   }
 
-  if (
-    "children" in node &&
-    "clipsContent" in node &&
-    node.children.length > 0 &&
-    node.clipsContent === true
-  ) {
-    comp.push(formatWithJSX("overflow", isJsx, "hidden"));
-  }
-
+  console.log("comp was", comp);
   return comp;
 };

packages/backend/src/html/htmlDefaultBuilder.ts

@@ -262,7 +262,6 @@ export class HtmlDefaultBuilder {
   position(): this {
     const { node, optimizeLayout, isJSX } = this;
     const isAbsolutePosition = commonIsAbsolutePosition(node, optimizeLayout);
-    console.log("node is absolute", isAbsolutePosition, node, node.parent);
     if (isAbsolutePosition) {
       const { x, y } = getCommonPositionValue(node);
 

packages/backend/src/tailwind/builderImpl/tailwindBorder.ts

@@ -67,7 +67,6 @@ export const tailwindBorderWidth = (
 
   // Check stroke alignment and layout mode
   const strokeAlign = "strokeAlign" in node ? node.strokeAlign : "INSIDE";
-  const layoutMode = "layoutMode" in node ? node.layoutMode : "NONE";
 
   if ("all" in commonBorder) {
     if (commonBorder.all === 0) {

packages/backend/src/tailwind/tailwindMain.ts

@@ -179,7 +179,10 @@ const tailwindFrame = async (
   );
   const childrenStr = await tailwindWidgetGenerator(sortedChildren, settings);
 
-  const clipsContentClass = node.clipsContent ? "overflow-hidden" : "";
+  const clipsContentClass =
+    node.clipsContent && "children" in node && node.children.length > 0
+      ? "overflow-hidden"
+      : "";
   let layoutProps = "";
 
   if (node.layoutMode !== "NONE") {