Fixed arrows strokecaps (penpot#68)

* fixed arrows strokecaps * fixed arrows strokecaps
girafic · Apr 24, 2024 · 92e0b6f · 92e0b6f
1 parent b298dc6
commit 92e0b6f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/.changeset/nervous-camels-reflect.md b/.changeset/nervous-camels-reflect.md
@@ -0,0 +1,5 @@
+---
+"penpot-exporter": patch
+---
+
+Fixed strokecaps for arrows that were showing even when not configured in figma
diff --git a/plugin-src/translators/translateStrokes.ts b/plugin-src/translators/translateStrokes.ts
@@ -18,7 +18,7 @@ export const translateStrokes = (
       strokeStyle: nodeStrokes.dashPattern.length ? 'dashed' : 'solid'
     };
 
-    if (!hasFillGeometry && index === 0 && vectorNetwork && vectorNetwork.vertices.length) {
+    if (!hasFillGeometry && index === 0 && vectorNetwork && vectorNetwork.vertices.length > 0) {
       stroke.strokeCapStart = translateStrokeCap(vectorNetwork.vertices[0]);
       stroke.strokeCapEnd = translateStrokeCap(
         vectorNetwork.vertices[vectorNetwork.vertices.length - 1]
@@ -64,8 +64,6 @@ const translateStrokeAlignment = (
 
 const translateStrokeCap = (vertex: VectorVertex): StrokeCaps | undefined => {
   switch (vertex.strokeCap as StrokeCap | ConnectorStrokeCap) {
-    case 'NONE':
-      return;
     case 'ROUND':
       return 'round';
     case 'ARROW_EQUILATERAL':
@@ -78,7 +76,9 @@ const translateStrokeCap = (vertex: VectorVertex): StrokeCaps | undefined => {
     case 'DIAMOND_FILLED':
       return 'diamond-marker';
     case 'ARROW_LINES':
-    default:
       return 'line-arrow';
+    case 'NONE':
+    default:
+      return;
   }
 };