Revert "Update svg.js dependency; initial tests look good"

This reverts commit 9ba538b.

Author: Perlkonig

package-lock.json

@@ -27,7 +27,7 @@
         "svg"
     ],
     "dependencies": {
-        "@svgdotjs/svg.js": "^3.2.5",
+        "@svgdotjs/svg.js": "3.2.0",
         "@turf/union": "^6.5.0",
         "@types/fnv-plus": "^1.3.2",
         "ajv": "^8.12.0",
@@ -37,7 +37,6 @@
         "honeycomb-grid": "4.1.1",
         "json-stringify-deterministic": "^1.0.12",
         "monotone-chain-convex-hull": "^1.1.0",
-        "svgdom": "^0.1.23",
         "tinycolor2": "^1.6.0",
         "transformation-matrix-js": "github:epistemex/transformation-matrix-js",
         "uuid": "^9.0.0"
@@ -67,6 +66,7 @@
         "rimraf": "^5.0.1",
         "serverless-finch": "^4.0.3",
         "shx": "^0.4.0",
+        "svgdom": "^0.1.14",
         "ts-loader": "^9.4.2",
         "ts-node": "^10.9.1",
         "tsx": "^4.20.6",

package.json

@@ -1192,13 +1192,13 @@ export abstract class RendererBase {
                                     .center(pt.x, pt.y)
                                     .attr({ 'pointer-events': 'none' });
                             } else if (shape === "circle") {
-                                notes.circle(this.cellsize * 1.1)
+                                notes.circle(this.cellsize * 1.1, this.cellsize * 1.1)
                                     .addClass(`aprender-annotation-${x2uid(cloned)}`)
                                     .fill("none")
                                     .stroke({color: this.options.colourContext.board ?? this.options.colourContext.background, width: strokeWeight, linecap: "round", linejoin: "round", opacity: bgopacity})
                                     .center(pt.x, pt.y)
                                     .attr({ 'pointer-events': 'none' });
-                                notes.circle(this.cellsize * 1.1)
+                                notes.circle(this.cellsize * 1.1, this.cellsize * 1.1)
                                     .addClass(`aprender-annotation-${x2uid(cloned)}`)
                                     .fill("none")
                                     .stroke({color: colour, width: strokeWeight, dasharray, linecap: "round", linejoin: "round", opacity})
@@ -1319,13 +1319,13 @@ export abstract class RendererBase {
                                     .center(pt.x, pt.y)
                                     .attr({ 'pointer-events': 'none' });
                             } else if (shape === "circle") {
-                                notes.circle(this.cellsize * 1.1)
+                                notes.circle(this.cellsize * 1.1, this.cellsize * 1.1)
                                     .addClass(`aprender-annotation-${x2uid(cloned)}`)
                                     .fill("none")
                                     .stroke({color: this.options.colourContext.board ?? this.options.colourContext.background, width: strokeWeight, linecap: "round", linejoin: "round", opacity: bgopacity})
                                     .center(pt.x, pt.y)
                                     .attr({ 'pointer-events': 'none' });
-                                notes.circle(this.cellsize * 1.1)
+                                notes.circle(this.cellsize * 1.1, this.cellsize * 1.1)
                                     .addClass(`aprender-annotation-${x2uid(cloned)}`)
                                     .fill("none")
                                     .stroke({color: colour, width: strokeWeight, dasharray, linecap: "round", linejoin: "round", opacity})

src/renderers/_base.ts

@@ -245,13 +245,13 @@ export class TreePyramidRenderer extends RendererBase {
                                 .center(pt.x, pt.y)
                                 .attr({ 'pointer-events': 'none' });
                         } else if (shape === "circle") {
-                            notes.circle(this.cellsize * 1.1)
+                            notes.circle(this.cellsize * 1.1, this.cellsize * 1.1)
                                 .addClass(`aprender-annotation-${x2uid(cloned)}`)
                                 .fill("none")
                                 .stroke({color: this.options.colourContext.background, width: strokeWeight, linecap: "round", linejoin: "round", opacity: bgopacity})
                                 .center(pt.x, pt.y)
                                 .attr({ 'pointer-events': 'none' });
-                            notes.circle(this.cellsize * 1.1)
+                            notes.circle(this.cellsize * 1.1, this.cellsize * 1.1)
                                 .addClass(`aprender-annotation-${x2uid(cloned)}`)
                                 .fill("none")
                                 .stroke({color: colour, width: strokeWeight, dasharray, linecap: "round", linejoin: "round"})