[WIP] refactor, upgrading yarn

src/render/shared/audio.ts

@@ -4,7 +4,8 @@ import { ref } from "vue";
 export const recording = ref();
 
 export const setRecording: IpcListenerCallback<boolean> = (payload) => {
-    recording.value = payload;
+    console.log("Recording");
+    // recording.value = payload;
 }
 
 export default {

src/render/shared/messages.ts

@@ -36,6 +36,24 @@ export const updateMessage: IpcListenerCallback<Annotation> = (payload) => {
 
 }
 
+let playbackId: ReturnType<typeof setTimeout>;
+
+export const animatePlayback: IpcListenerCallback<any> = (payload) => {
+    console.log("animatePlayback");
+    // clearTimeout(playbackId);
+
+    // const context = payload as AnimationContext;
+
+    // const el = document.getElementById(context.uid);
+
+    // el.style.boxShadow = `0px 0px 0px 20px rgba(0,0,0,${payload.fft})`;
+
+    // /* box shadow will return to 0 in 300ms if no more playback is done */
+    // playbackId = setTimeout(() => {
+    //     el.style.boxShadow = `0px 0px 0px 20px rgba(0,0,0,0)`;
+    // }, 300);
+}
+
 export const deleteMessage: IpcListenerCallback<string> = (payload) => {
     const uid = payload as string;
 
@@ -56,5 +74,6 @@ export default {
     messages,
     setMessages,
     addMessage,
-    updateMessage
+    updateMessage,
+    animatePlayback
 };