layout positioning

plugin-src/transformers/partials/transformLayout.ts

@@ -34,3 +34,11 @@ export const transformLayoutSizing = (
     layoutItemVSizing: translateLayoutSizing(node.layoutSizingVertical)
   };
 };
+
+export const transformAutoLayoutPosition = (
+  node: AutoLayoutChildrenMixin
+): Pick<LayoutChildAttributes, 'layoutItemAbsolute'> => {
+  return {
+    layoutItemAbsolute: node.layoutPositioning === 'ABSOLUTE'
+  };
+};

plugin-src/transformers/partials/transformVectorPaths.ts

@@ -1,6 +1,7 @@
 import { parseSVG } from 'svg-path-parser';
 
 import {
+  transformAutoLayoutPosition,
   transformBlend,
   transformDimensionAndPositionFromVectorPath,
   transformEffects,
@@ -112,6 +113,7 @@ const transformVectorPath = (
     ...transformSceneNode(node),
     ...transformBlend(node),
     ...transformProportion(node),
-    ...transformLayoutSizing(node)
+    ...transformLayoutSizing(node),
+    ...transformAutoLayoutPosition(node)
   };
 };

plugin-src/transformers/transformBooleanNode.ts

@@ -1,4 +1,5 @@
 import {
+  transformAutoLayoutPosition,
   transformBlend,
   transformChildren,
   transformDimensionAndPosition,
@@ -32,6 +33,7 @@ export const transformBooleanNode = async (
     ...transformSceneNode(node),
     ...transformBlend(node),
     ...transformProportion(node),
-    ...transformLayoutSizing(node)
+    ...transformLayoutSizing(node),
+    ...transformAutoLayoutPosition(node)
   };
 };

plugin-src/transformers/transformComponentNode.ts

@@ -1,5 +1,6 @@
 import { componentsLibrary } from '@plugin/ComponentLibrary';
 import {
+  transformAutoLayoutPosition,
   transformBlend,
   transformChildren,
   transformConstraints,
@@ -34,6 +35,7 @@ export const transformComponentNode = async (
     ...transformBlend(node),
     ...transformProportion(node),
     ...transformLayoutSizing(node),
+    ...transformAutoLayoutPosition(node),
     ...transformCornerRadius(node),
     ...(await transformChildren(node, baseX + node.x, baseY + node.y)),
     ...transformDimensionAndPosition(node, baseX, baseY),

plugin-src/transformers/transformEllipseNode.ts

@@ -1,4 +1,5 @@
 import {
+  transformAutoLayoutPosition,
   transformBlend,
   transformConstraints,
   transformDimension,
@@ -32,6 +33,7 @@ export const transformEllipseNode = (
     ...transformBlend(node),
     ...transformProportion(node),
     ...transformLayoutSizing(node),
+    ...transformAutoLayoutPosition(node),
     ...transformConstraints(node)
   };
 };

plugin-src/transformers/transformFrameNode.ts

@@ -1,5 +1,6 @@
 import {
   transformAutoLayout,
+  transformAutoLayoutPosition,
   transformBlend,
   transformChildren,
   transformConstraints,
@@ -41,6 +42,7 @@ export const transformFrameNode = async (
       ...transformBlend(node),
       ...transformProportion(node),
       ...transformLayoutSizing(node),
+      ...transformAutoLayoutPosition(node),
       ...transformCornerRadius(node),
       ...transformEffects(node),
       ...transformConstraints(node),

plugin-src/transformers/transformInstanceNode.ts

@@ -1,6 +1,7 @@
 import { remoteComponentLibrary } from '@plugin/RemoteComponentLibrary';
 import {
   transformAutoLayout,
+  transformAutoLayoutPosition,
   transformBlend,
   transformChildren,
   transformConstraints,
@@ -51,6 +52,7 @@ export const transformInstanceNode = async (
     ...transformBlend(node),
     ...transformProportion(node),
     ...transformLayoutSizing(node),
+    ...transformAutoLayoutPosition(node),
     ...transformCornerRadius(node),
     ...transformDimensionAndPosition(node, baseX, baseY),
     ...transformConstraints(node),

plugin-src/transformers/transformPathNode.ts

@@ -1,4 +1,5 @@
 import {
+  transformAutoLayoutPosition,
   transformBlend,
   transformConstraints,
   transformDimensionAndPosition,
@@ -36,6 +37,7 @@ export const transformPathNode = (
     ...transformBlend(node),
     ...transformProportion(node),
     ...transformLayoutSizing(node),
+    ...transformAutoLayoutPosition(node),
     ...transformConstraints(node)
   };
 };

plugin-src/transformers/transformRectangleNode.ts

@@ -1,4 +1,5 @@
 import {
+  transformAutoLayoutPosition,
   transformBlend,
   transformConstraints,
   transformCornerRadius,
@@ -33,6 +34,7 @@ export const transformRectangleNode = (
     ...transformBlend(node),
     ...transformProportion(node),
     ...transformLayoutSizing(node),
+    ...transformAutoLayoutPosition(node),
     ...transformCornerRadius(node),
     ...transformConstraints(node)
   };

plugin-src/transformers/transformTextNode.ts

@@ -1,4 +1,5 @@
 import {
+  transformAutoLayoutPosition,
   transformBlend,
   transformConstraints,
   transformDimensionAndPosition,
@@ -25,6 +26,7 @@ export const transformTextNode = (node: TextNode, baseX: number, baseY: number):
     ...transformBlend(node),
     ...transformProportion(node),
     ...transformLayoutSizing(node),
+    ...transformAutoLayoutPosition(node),
     ...transformStrokes(node),
     ...transformConstraints(node)
   };