cm-chessboard 8.7.10 → 8.8.0

package/assets/extensions/arrows/arrows.svg

@@ -1,19 +1,14 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
-https://creativecommons.org/licenses/by-sa/3.0/
-
-Author: Barak Michener
--->
-
-<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg">
-    <title>cm-chessboard arrowheads</title>
-    <desc>Arrowheads for cm-chessboard (https://shaack.com/projekte/cm-chessboard/)</desc>
-    <g id="arrowDefault" transform="matrix(5.1931792,0,0,5.1931792,3.5980168,-0.83225447)">
-        <path d="M 0.535156,0.398438 C 0.398438,0.507812 0.316406,0.671875 0.3125,0.847656 0.316406,1.02344 0.398438,1.1875 0.535156,1.29688 L 3.01172,3.35938 3.72266,4.01563 3.01172,4.64453 0.535156,6.67969 C 0.394531,6.79297 0.3125,6.96094 0.3125,7.13672 c 0,0.17578 0.082031,0.34375 0.222656,0.45703 0.328125,0.25781 0.792974,0.25781 1.117184,0 L 5.45703,4.46094 C 5.59766,4.34766 5.68359,4.17969 5.69141,4 5.69141,3.82031 5.60547,3.65234 5.45703,3.54297 L 1.64453,0.394531 C 1.31641,0.148438 0.859375,0.148438 0.535156,0.398438 Z m 0,0"
-              class="head-fill"/>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>arrows</title>
+    <g id="arrows" stroke="none" fill="none" fill-rule="evenodd" stroke-width="1">
+        <g id="cm-chessboard-arrowheads" transform="translate(5, 1)" fill="#000000">
+            <g id="arrowPointy" fill-rule="nonzero">
+                <path d="M13.5896955,18.4060262 L3.04774642,4.12789972 C2.71970374,3.68359527 2.81395252,3.05748421 3.25825697,2.72944153 C3.58591001,2.48752592 4.02754261,2.46849386 4.37479285,2.68132465 L29.6089137,18.1473987 C30.0797924,18.4360018 30.227556,19.0516834 29.9389529,19.5225621 C29.8565135,19.6570685 29.7434202,19.7701618 29.6089137,19.8526013 L4.37479285,35.3186754 C3.90391418,35.6072784 3.28823259,35.4595148 2.99962954,34.9886362 C2.78679874,34.6413859 2.80583081,34.1997533 3.04774642,33.8721003 L13.5896955,19.5939738 C13.850383,19.2408959 13.850383,18.7591041 13.5896955,18.4060262 Z" id="Path"></path>
+            </g>
+            <g id="arrowDefault" transform="translate(3, 0)" fill-rule="nonzero">
+                <path d="M13.6380471,11.3573439 L23.0265544,19.1369941 C23.4518122,19.4893778 23.5108883,20.1197808 23.1585046,20.5450386 C23.1090352,20.6047384 23.0527907,20.6584826 22.9909045,20.705188 L13.6023972,27.7906743 C13.1615654,28.1233691 12.5344983,28.0357067 12.2018035,27.594875 C12.0708444,27.4213498 12,27.2098744 12,26.9924778 L12,12.1273413 C12,11.5750565 12.4477153,11.1273413 13,11.1273413 C13.2329818,11.1273413 13.4586517,11.2086906 13.6380471,11.3573439 Z" id="Path"></path>
+            </g>
+        </g>
     </g>
-    <g id="arrowPointy">
-        <path d="M 20,20 5,5 35,20 5,35 Z" class="head-fill"/>
-    </g>
-</svg>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cm-chessboard",
-  "version": "8.7.10",
+  "version": "8.8.0",
   "description": "A JavaScript chessboard which is lightweight, ES6 module based, responsive, SVG rendered and without dependencies.",
   "keywords": [
     "chess",

package/src/extensions/arrows/Arrows.js

@@ -29,7 +29,7 @@ export class Arrows extends Extension {
             // default chosen to preserve previous appearance where radius = 0.36 * min(squareWidth, squareHeight)
             // which corresponds to 0.72 of half the square size (0.36 / 0.5 = 0.72)
             offsetFrom: 0,
-            offsetTo: 0.72
+            offsetTo: 0.55
         }
         Object.assign(this.props, props)
         if (this.chessboard.props.assetsCache) {
@@ -98,7 +98,7 @@ export class Arrows extends Extension {
         const x2 = cx2 - ux * rTo
         const y2 = cy2 - uy * rTo
 
-        const width = ((view.scalingX + view.scalingY) / 2) * 4
+        const width = ((view.scalingX + view.scalingY) / 2) * 8
         let lineFill = Svg.addElement(arrowsGroup, "line")
         lineFill.setAttribute('x1', x1.toString())
         lineFill.setAttribute('x2', x2.toString())

package/src/extensions/right-click-annotator/RightClickAnnotator.js

@@ -9,10 +9,15 @@
  * Redrawing the same arrow or marker removes it.
  */
 import {Extension, EXTENSION_POINT} from "../../model/Extension.js"
-import {Arrows, ARROW_TYPE} from "../arrows/Arrows.js"
+import {Arrows} from "../arrows/Arrows.js"
 import {Markers, MARKER_TYPE} from "../markers/Markers.js"
 import {Svg} from "../../lib/Svg.js"
 
+export const ARROW_TYPE = {
+    default: {class: "arrow-default", slice: "arrowDefault", headSize: 7},
+    danger: {class: "arrow-danger", slice: "arrowDefault", headSize: 7}
+}
+
 // Define persistent type objects for matching (strict equality used in core extensions)
 const ARROW_GREEN = {class: "arrow-green", slice: "arrowDefault", headSize: 7}
 const ARROW_ORANGE = {class: "arrow-orange", slice: "arrowDefault", headSize: 7}
@@ -217,7 +222,7 @@ export class RightClickAnnotator extends Extension {
         const x2 = cx2 - ux * rTo
         const y2 = cy2 - uy * rTo
 
-        const width = ((view.scalingX + view.scalingY) / 2) * 4
+        const width = ((view.scalingX + view.scalingY) / 2) * 8
         let lineFill = Svg.addElement(arrowsGroup, "line")
         lineFill.setAttribute('x1', x1.toString())
         lineFill.setAttribute('x2', x2.toString())