Try to fix

Author: bernaferrari

apps/plugin/plugin-src/code.ts

@@ -8,12 +8,6 @@ import {
   htmlMain,
   postSettingsChanged,
 } from "backend";
-import { convertNodesToAltNodes } from "backend/src/altNodes/altConversion";
-import {
-  disableParent,
-  oldConvertNodesToAltNodes,
-  setDisableParent,
-} from "backend/src/altNodes/oldAltConversion";
 import { nodesToJSON } from "backend/src/code";
 import { retrieveGenericSolidUIColors } from "backend/src/common/retrieveUI/retrieveColors";
 import { flutterCodeGenTextStyles } from "backend/src/flutter/flutterMain";
@@ -198,7 +192,17 @@ const standardMode = async () => {
       }
 
       try {
-        result.newConversion = await nodesToJSON(nodes, userPluginSettings);
+        const newNodes = await nodesToJSON(nodes, userPluginSettings);
+        const removeParent = (node: any) => {
+          if (node.parent) {
+            delete node.parent;
+          }
+          if (node.children) {
+            node.children.forEach(removeParent);
+          }
+        };
+        newNodes.forEach(removeParent);
+        result.newConversion = newNodes;
       } catch (error) {
         console.error("Error in new conversion:", error);
       }

apps/plugin/ui-src/App.tsx

@@ -104,7 +104,6 @@ export default function App() {
           break;
 
         case "selection-json":
-          console.log("selection json");
           const json = event.data.pluginMessage.data;
           copy(JSON.stringify(json, null, 2));
 

packages/backend/src/code.ts

@@ -163,12 +163,17 @@ function adjustChildrenOrder(node: any) {
  */
 const processNodePair = async (
   jsonNode: any,
-  figmaNode: SceneNode,
   settings: PluginSettings,
   parentNode?: any,
 ) => {
   if (!jsonNode.id) return;
 
+  const figmaNode = await figma.getNodeByIdAsync(jsonNode.id);
+
+  if (!figmaNode) {
+    return;
+  }
+
   // Set parent reference if parent is provided
   if (parentNode) {
     jsonNode.parent = parentNode;
@@ -352,12 +357,7 @@ const processNodePair = async (
     // );
 
     for (let i = 0; i < jsonNode.children.length; i++) {
-      await processNodePair(
-        jsonNode.children[i],
-        figmaNode.children[i],
-        settings,
-        jsonNode,
-      );
+      await processNodePair(jsonNode.children[i], settings, jsonNode);
     }
 
     if (
@@ -409,7 +409,7 @@ export const nodesToJSON = async (
   // Now process each top-level node pair (JSON node + Figma node)
   const processNodesStart = Date.now();
   for (let i = 0; i < nodes.length; i++) {
-    await processNodePair(nodeJson[i], nodes[i], settings);
+    await processNodePair(nodeJson[i], settings);
   }
   console.log(
     `[benchmark][inside nodesToJSON] Process node pairs: ${Date.now() - processNodesStart}ms`,

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

@@ -69,19 +69,18 @@ const getFlex = (
     : "inline-flex";
 
 export const htmlAutoLayoutProps = (
-  node: SceneNode,
-  autoLayout: InferredAutoLayoutResult,
+  node: SceneNode & InferredAutoLayoutResult,
   settings: HTMLSettings,
 ): string[] =>
   formatMultipleJSXArray(
     {
-      "flex-direction": getFlexDirection(autoLayout),
-      "justify-content": getJustifyContent(autoLayout),
-      "align-items": getAlignItems(autoLayout),
-      gap: getGap(autoLayout),
-      display: getFlex(node, autoLayout),
-      "flex-wrap": getFlexWrap(autoLayout),
-      "align-content": getAlignContent(autoLayout),
+      "flex-direction": getFlexDirection(node),
+      "justify-content": getJustifyContent(node),
+      "align-items": getAlignItems(node),
+      gap: getGap(node),
+      display: getFlex(node, node),
+      "flex-wrap": getFlexWrap(node),
+      "align-content": getAlignContent(node),
     },
     settings.htmlGenerationMode === "jsx",
   );

packages/backend/src/html/htmlMain.ts

@@ -564,22 +564,13 @@ const htmlFrame = async (
   );
 
   if (node.layoutMode !== "NONE") {
-    const rowColumn = htmlAutoLayoutProps(node, node, settings);
+    const rowColumn = htmlAutoLayoutProps(node, settings);
     return await htmlContainer(node, childrenStr, rowColumn, settings);
-  } else {
-    if (settings.optimizeLayout && node.inferredAutoLayout !== null) {
-      const rowColumn = htmlAutoLayoutProps(
-        node,
-        node.inferredAutoLayout,
-        settings,
-      );
-      return await htmlContainer(node, childrenStr, rowColumn, settings);
-    }
-
-    // node.layoutMode === "NONE" && node.children.length > 1
-    // children needs to be absolute
-    return await htmlContainer(node, childrenStr, [], settings);
   }
+
+  // node.layoutMode === "NONE" && node.children.length > 1
+  // children needs to be absolute
+  return await htmlContainer(node, childrenStr, [], settings);
 };
 
 // properties named propSomething always take care of ","