Penpot/penpot-exporter-figma-plugin
0
Fork 0
mirror of https://github.com/penpot/penpot-exporter-figma-plugin.git synced 2024-12-22 13:43:03 -05:00
Code Issues Activity

fixes

Browse source
This commit is contained in:
Alex Sánchez 2024-06-11 18:52:03 +02:00
parent 73f6ea5fb7
commit c4c0ad362c
No known key found for this signature in database
GPG key ID: 68A95170EEB87E16
5 changed files with 10 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
plugin-src/transformers/partials/transformChildren.ts
View file

@ -9,16 +9,13 @@ const nodeActsAsMask = (node: SceneNode): boolean => {
export const transformChildren = async (
node: ChildrenMixin,
baseX: number = 0,
baseY: number = 0,
reverseChildrenOrder: boolean = false
baseY: number = 0
): Promise<Children> => {
const maskIndex = node.children.findIndex(nodeActsAsMask);
const containsMask = maskIndex !== -1;
const children = reverseChildrenOrder ? node.children.slice().reverse() : node.children;
return {
children: containsMask
? await translateMaskChildren(children, maskIndex, baseX, baseY)
: await translateChildren(children, baseX, baseY)
? await translateMaskChildren(node.children, maskIndex, baseX, baseY)
: await translateChildren(node.children, baseX, baseY)
};
};

4
plugin-src/transformers/transformComponentNode.ts
View file

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

6
plugin-src/transformers/transformFrameNode.ts
View file

@ -27,12 +27,8 @@ export const transformFrameNode = async (
baseY: number
): Promise<FrameShape> => {
let frameSpecificAttributes: Partial<FrameShape> = {};
let reverseChildrenOrder = false;
if (!isSectionNode(node)) {
if (node.layoutMode !== 'NONE') {
reverseChildrenOrder = true;
}
// Figma API does not expose strokes, blend modes, corner radius, or constraint proportions for sections,
// they plan to add it in the future. Refactor this when available.
frameSpecificAttributes = {
@ -57,7 +53,7 @@ export const transformFrameNode = async (
...transformFigmaIds(node),
...transformFills(node),
...frameSpecificAttributes,
...(await transformChildren(node, baseX + node.x, baseY + node.y, reverseChildrenOrder)),
...(await transformChildren(node, baseX + node.x, baseY + node.y)),
...transformDimensionAndPosition(node, baseX, baseY),
...transformSceneNode(node)
};

7
plugin-src/transformers/transformInstanceNode.ts
View file

@ -33,11 +33,6 @@ export const transformInstanceNode = async (
await registerExternalComponents(mainComponent);
}
let reverseChildrenOrder = false;
if (node.layoutMode !== 'NONE') {
reverseChildrenOrder = true;
}
return {
type: 'instance',
name: node.name,
@ -57,7 +52,7 @@ export const transformInstanceNode = async (
...transformDimensionAndPosition(node, baseX, baseY),
...transformConstraints(node),
...transformAutoLayout(node),
...(await transformChildren(node, baseX + node.x, baseY + node.y, reverseChildrenOrder))
...(await transformChildren(node, baseX + node.x, baseY + node.y))
};
};

4
plugin-src/translators/translateLayout.ts
View file

@ -17,9 +17,9 @@ type FigmaLayoutSizing = 'FIXED' | 'HUG' | 'FILL';
export const translateLayoutFlexDir = (layoutMode: FigmaLayoutMode): LayoutFlexDir | undefined => {
switch (layoutMode) {
case 'HORIZONTAL':
return 'row';
return 'row-reverse';
case 'VERTICAL':
return 'column';
return 'column-reverse';
default:
return;
}