mirror of
https://github.com/penpot/penpot-exporter-figma-plugin.git
synced 2024-12-23 06:04:01 -05:00
02fa3363f5
* constraints translation * fix lint * fixes * fix vector constraints * fix lint
40 lines
1 KiB
TypeScript
40 lines
1 KiB
TypeScript
import {
|
|
transformConstraints,
|
|
transformFigmaIds,
|
|
transformVectorPaths
|
|
} from '@plugin/transformers/partials';
|
|
|
|
import { GroupShape } from '@ui/lib/types/shapes/groupShape';
|
|
import { PathShape } from '@ui/lib/types/shapes/pathShape';
|
|
|
|
import { transformGroupNodeLike } from '.';
|
|
|
|
/*
|
|
* Vector nodes can have multiple vector paths, each with its own fills.
|
|
*
|
|
* If there are no regions on the vector network, we treat it like a normal `PathShape`.
|
|
* If there are regions, we treat the vector node as a `GroupShape` with multiple `PathShape` children.
|
|
*/
|
|
export const transformVectorNode = (
|
|
node: VectorNode,
|
|
baseX: number,
|
|
baseY: number
|
|
): GroupShape | PathShape => {
|
|
const children = transformVectorPaths(node, baseX, baseY);
|
|
|
|
if (children.length === 1) {
|
|
return {
|
|
...children[0],
|
|
name: node.name,
|
|
...transformFigmaIds(node),
|
|
...transformConstraints(node)
|
|
};
|
|
}
|
|
|
|
return {
|
|
...transformGroupNodeLike(node, baseX, baseY),
|
|
...transformFigmaIds(node),
|
|
...transformConstraints(node),
|
|
children
|
|
};
|
|
};
|