Added arrow tool

elements.js

@@ -39,7 +39,7 @@ export const StaticColor = {
     RED: Clutter.Color.new(255, 0, 0, 255)
 }
 
-export const Shape = { NONE: 0, LINE: 1, ELLIPSE: 2, RECTANGLE: 3, TEXT: 4, POLYGON: 5, POLYLINE: 6, IMAGE: 7 };
+export const Shape = { NONE: 0, LINE: 1, ELLIPSE: 2, RECTANGLE: 3, TEXT: 4, POLYGON: 5, POLYLINE: 6, IMAGE: 7, ARROW: 8 };
 export const TextAlignment = { LEFT: 0, CENTER: 1, RIGHT: 2 };
 export const Transformation = { TRANSLATION: 0, ROTATION: 1, SCALE_PRESERVE: 2, STRETCH: 3, REFLECTION: 4, INVERSION: 5, SMOOTH: 100 };
 
@@ -255,8 +255,7 @@ const _DrawingElement = GObject.registerClass({
             cr.moveTo(points[0][0], points[0][1]);
             for (let j = 1; j < points.length; j++) {
                 cr.lineTo(points[j][0], points[j][1]);
-            }
-
+            }     
         } else if (shape == Shape.ELLIPSE && points.length >= 2) {
             let radius = Math.hypot(points[1][0] - points[0][0], points[1][1] - points[0][1]);
             let ratio = 1;
@@ -284,6 +283,21 @@ const _DrawingElement = GObject.registerClass({
             if (shape == Shape.POLYGON)
                 cr.closePath();
 
+        } else if (shape == Shape.ARROW && points.length >= 2) {
+            // Draw the main line
+            cr.moveTo(points[0][0], points[0][1]);
+            cr.lineTo(points[1][0], points[1][1]);
+
+            // Draw arrowhead
+            let angle = Math.atan2(points[1][1] - points[0][1], points[1][0] - points[0][0]);
+            let arrowSize = this.line.lineWidth * 5; // Adjust this multiplier to change arrow size
+
+            cr.moveTo(points[1][0], points[1][1]);
+            cr.lineTo(points[1][0] - arrowSize * Math.cos(angle - Math.PI/6),
+                    points[1][1] - arrowSize * Math.sin(angle - Math.PI/6));
+            cr.moveTo(points[1][0], points[1][1]);
+            cr.lineTo(points[1][0] - arrowSize * Math.cos(angle + Math.PI/6),
+                    points[1][1] - arrowSize * Math.sin(angle + Math.PI/6));
         }
     }
 
@@ -427,6 +441,17 @@ const _DrawingElement = GObject.registerClass({
                 row += ` ${points[i][0]},${points[i][1]}`;
             row += `"${transAttribute}/>`;
 
+        } else if (this.shape == Shape.ARROW && points.length >= 2) {
+            let angle = Math.atan2(points[1][1] - points[0][1], points[1][0] - points[0][0]);
+            let arrowSize = this.line.lineWidth * 5; // Should match the Cairo version
+
+            row += `<path ${attributes} d="M${points[0][0]},${points[0][1]} `;
+            row += `L${points[1][0]},${points[1][1]} `;
+            row += `M${points[1][0]},${points[1][1]} `;
+            row += `L${points[1][0] - arrowSize * Math.cos(angle - Math.PI/6)},${points[1][1] - arrowSize * Math.sin(angle - Math.PI/6)} `;
+            row += `M${points[1][0]},${points[1][1]} `;
+            row += `L${points[1][0] - arrowSize * Math.cos(angle + Math.PI/6)},${points[1][1] - arrowSize * Math.sin(angle + Math.PI/6)}"`;
+            row += `${transAttribute}/>`;
         }
 
         return row;

files.js

@@ -37,7 +37,7 @@ class Icons {
     constructor(extension) {
         const ICON_NAMES = [
             'arc', 'color', 'dashed-line', 'document-export', 'fillrule-evenodd', 'fillrule-nonzero', 'fill', 'full-line', 'linecap', 'linejoin', 'palette', 'smooth', 'stroke',
-            'tool-ellipse', 'tool-line', 'tool-mirror', 'tool-move', 'tool-none', 'tool-polygon', 'tool-polyline', 'tool-rectangle', 'tool-resize',
+            'tool-ellipse', 'tool-line', 'tool-mirror', 'tool-move', 'tool-none', 'tool-polygon', 'tool-polyline', 'tool-rectangle', 'tool-resize', 'tool-arrow',
         ];
         const ICON_DIR = extension.dir.get_child('data').get_child('icons');
         const THEMED_ICON_NAMES = {

locale/de/LC_MESSAGES/draw-on-your-screen.po

@@ -241,6 +241,10 @@ msgctxt "drawing-tool"
 msgid "Line"
 msgstr "Linie"
 
+msgctxt "drawing-tool"
+msgid "Arrow"
+msgstr "Pfeil"
+
 msgctxt "drawing-tool"
 msgid "Ellipse"
 msgstr "Ellipse"
@@ -643,6 +647,9 @@ msgstr "Werkzeug Bild auswählen"
 msgid "Select line tool"
 msgstr "Werkzeug Linie auswählen"
 
+msgid "Select arrow tool"
+msgstr "Werkzeug Pfeil auswählen"
+
 msgid "Select mirror tool"
 msgstr "Werkzeug Spiegeln auswählen"
 

locale/draw-on-your-screen.po

@@ -230,6 +230,10 @@ msgctxt "drawing-tool"
 msgid "Line"
 msgstr ""
 
+msgctxt "drawing-tool"
+msgid "Arrow"
+msgstr ""
+
 msgctxt "drawing-tool"
 msgid "Ellipse"
 msgstr ""
@@ -648,6 +652,9 @@ msgstr ""
 msgid "Select line tool"
 msgstr ""
 
+msgid "Select arrow tool"
+msgstr ""
+
 msgid "Select mirror tool"
 msgstr ""