Feature/hatch

data/io.github.dubstar_04.design.metainfo.xml

@@ -60,6 +60,7 @@
 				<li>Draw entities using correct colour when part of a block, supporting colour 'ByBlock'</li>
 				<li>Add Block command, enabling creation of block</li>
 				<li>Add Explode command, enabling decomposition of blocks into primative entities</li>
+				<li>Add Hatch command and common patterns</li>
 			</ul>
 		</description>
 		</release>

src/Design/canvas.js

@@ -2,6 +2,7 @@ import Gtk from 'gi://Gtk?version=4.0';
 import GObject from 'gi://GObject';
 import Gdk from 'gi://Gdk';
 import Adw from 'gi://Adw?version=1';
+import Cairo from 'cairo';
 
 import {Core} from '../Design-Core/core/core/core.js';
 
@@ -168,6 +169,9 @@ export const Canvas = GObject.registerClass({
   onDraw(area, cr, width, height) {
     // this is the main drawing function for the canvas
     // this is triggered by design core calling the paintingCallback()
+
+    // set the line cap - this is required to make dotted lines work
+    cr.setLineCap(Cairo.LineCap.SQUARE);
     this.core.canvas.paint(cr, width, height);
     cr.$dispose();
   }

src/Design/propertiesWindow.js

@@ -23,6 +23,7 @@ import Gdk from 'gi://Gdk';
 
 import {Colours} from '../Design-Core/core/lib/colours.js';
 import {DesignCore} from '../Design-Core/core/designCore.js';
+import {Patterns} from '../Design-Core/core/lib/patterns.js';
 
 export const PropertiesWindow = GObject.registerClass({
   GTypeName: 'PropertiesWindow',
@@ -106,6 +107,8 @@ export const PropertiesWindow = GObject.registerClass({
           case 'radius':
           case 'width':
           case 'lineWidth':
+          case 'scale':
+          case 'angle':
             suffixWidget = new Gtk.Entry({valign: Gtk.Align.CENTER, text: `${value}`});
             suffixWidget.width_request = widgetWidth;
             const changedSignal = suffixWidget.connect('changed', () => {
@@ -177,6 +180,7 @@ export const PropertiesWindow = GObject.registerClass({
           case 'layer':
           case 'styleName':
           case 'lineType':
+          case 'patternName':
             const model = this.getModel(property);
             suffixWidget = Gtk.DropDown.new_from_strings(model);
             suffixWidget.width_request = widgetWidth;
@@ -274,6 +278,11 @@ export const PropertiesWindow = GObject.registerClass({
         const lineStyles = DesignCore.LTypeManager.getStyles();
         const lineStyleNames = lineStyles.map((style) => style.name);
         model = lineStyleNames;
+        break;
+      case 'patternName':
+        const patternNames = Object.keys(Patterns.hatch_patterns);
+        model = patternNames;
+        break;
     }
     return model;
   }

src/io.github.dubstar_04.design.src.gresource.xml

@@ -31,6 +31,7 @@
     <file>Design-Core/core/lib/logging.js</file>
     <file>Design-Core/core/lib/matrix.js</file>
     <file>Design-Core/core/lib/mouse.js</file>
+    <file>Design-Core/core/lib/patterns.js</file>
     <file>Design-Core/core/lib/scene.js</file>
     <file>Design-Core/core/lib/settings.js</file>
     <file>Design-Core/core/lib/snapping.js</file>
@@ -65,6 +66,7 @@
     <file>Design-Core/core/entities/baseDimension.js</file>
     <file>Design-Core/core/entities/entity.js</file>
     <file>Design-Core/core/entities/insert.js</file>
+    <file>Design-Core/core/entities/hatch.js</file>
     <file>Design-Core/core/entities/line.js</file>
     <file>Design-Core/core/entities/lwpolyline.js</file>
     <file>Design-Core/core/entities/point.js</file>