From 441e3a3ac4ab1fa63a28a81888a735a4e724f12f Mon Sep 17 00:00:00 2001
From: Johannes Kepper <kepper@edirom.de>
Date: Fri, 15 Nov 2024 00:54:58 +0100
Subject: [PATCH] first try on accidentals

---
 src/fluidTranscripts.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/src/fluidTranscripts.js b/src/fluidTranscripts.js
index ffbbfd9..765bf50 100644
--- a/src/fluidTranscripts.js
+++ b/src/fluidTranscripts.js
@@ -219,6 +219,9 @@ const generateAnimation = (name, ftSvgNode, dtSvgNode, positions) => {
     } else if (name === 'beamSpan' || name === 'beam') {
         // chords actually can use the same animation as notes
         generateAnimation_beam(ftSvgNode, dtSvgNode, positions)
+    } else if (name === 'accid') {
+        // chords actually can use the same animation as notes
+        generateAnimation_accid(ftSvgNode, dtSvgNode, positions)
     } else {
         console.warn('Unable to animate element ' + name)
     }
@@ -396,6 +399,32 @@ const generateAnimation_beam = (atSvgNode, dtSvgNode, positions) => {
     })
 }
 
+const generateAnimation_accid = (atSvgNode, dtSvgNode, positions) => {
+    try {
+        const atUse = atSvgNode.querySelector('use')
+        const atX = parseFloat(atUse.getAttribute('x'))
+        const atY = parseFloat(atUse.getAttribute('y'))
+        const dtUse = dtSvgNode.querySelector('use')
+        const dtX = parseFloat(dtUse.getAttribute('x'))
+        const dtY = parseFloat(dtUse.getAttribute('y'))
+
+        const atOffX = positions.atCenter.x - atX
+        const atOffY = positions.atCenter.y - atY
+        const dtOffX = positions.dtCenter.x - dtX
+        const dtOffY = positions.dtCenter.y - dtY
+
+        const diffX = atOffX - dtOffX
+        const diffY = atOffY - dtOffY
+
+        const dtPos = diffX + ' ' + diffY
+        const atPos = '0 0'
+
+        addTransformTranslate(atSvgNode, [dtPos, atPos, atPos, atPos])
+    } catch(err) {
+        console.warn('Error in generateAnimation_accid: ' + err, err)
+    }
+}
+
 const addTransformTranslate = (node, values = []) => {
     const anim = appendNewElement(node, 'animateTransform', 'http://www.w3.org/2000/svg')
     anim.setAttribute('attributeName', 'transform')