From 457931b28d24d4295412833c3a65de534554deae Mon Sep 17 00:00:00 2001
From: sfj <sfj@skov.dk>
Date: Mon, 8 Sep 2025 13:37:59 +0200
Subject: [PATCH] add strokeRect, strokeRect

---
 lib/canvas.js | 46 +++++++++++++++++++++++++++++++++++++---------
 1 file changed, 37 insertions(+), 9 deletions(-)

diff --git a/lib/canvas.js b/lib/canvas.js
index a25fb95..cecfbb9 100644
--- a/lib/canvas.js
+++ b/lib/canvas.js
@@ -10,7 +10,7 @@ export const height = htmlCanvas.height;
 
 /**
  * Clear canvas with a color.
- * @param {string} color 
+ * @param {string} color
  */
 export function clear(color) {
     ctx.fillStyle = color;
@@ -19,22 +19,50 @@ export function clear(color) {
 
 /**
  * Draw a filled rectangle.
- * @param {number} x 
- * @param {number} y 
- * @param {number} width 
- * @param {number} height 
- * @param {string} color 
+ * @param {number} x
+ * @param {number} y
+ * @param {number} width
+ * @param {number} height
+ * @param {string} color
  */
 export function fillRect(x, y, width, height, color) {
     ctx.fillStyle = color;
     ctx.fillRect(x, y, width, height);
 }
 
+/**
+ * Draw a rectangle outline.
+ * @param {number} x
+ * @param {number} y
+ * @param {number} width
+ * @param {number} height
+ * @param {string} color
+ */
+export function strokeRect(x, y, width, height, color) {
+    ctx.strokeStyle = color;
+    ctx.lineWidth = 1;
+    ctx.strokeRect(x, y, width, height);
+}
+
 /**
  * 
- * @param {Texture} texture 
- * @param {number} x 
- * @param {number} y 
+ * @param {string} text
+ * @param {number} x
+ * @param {number} y
+ * @param {string} color 
+ */
+export function putText(text, x, y, color) {
+    const fontSize = 24;
+    ctx.fillStyle = color;
+    ctx.font = `bold ${fontSize}px monospace`;
+    ctx.fillText(text, x, y + fontSize);
+}
+
+/**
+ *
+ * @param {Texture} texture
+ * @param {number} x
+ * @param {number} y
  */
 export function putTexture(texture, x, y) {
     texture.draw(ctx, x, y);