mirror/strudel
1
0
Fork 0
mirror of https://codeberg.org/uzu/strudel synced 2026-08-14 09:25:16 -04:00
Code Issues Packages Projects Releases Wiki Activity

Split up highlighting logic and add progress flash

Browse Source
This commit is contained in:
Matthew Kaney
2023-07-03 17:06:39 -04:00
parent ba9562f000
commit f5b092acf2
2 changed files with 100 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react/src/hooks/useHighlighting.mjs
+5 -4
View File
@@ -1,5 +1,5 @@
import { useEffect, useRef } from 'react';
import { setHighlights, highlightMiniLocations } from '../components/CodeMirror6';
import { highlightMiniLocations } from '../components/CodeMirror6';
const round = (x) => Math.round(x * 1000) / 1000;
function useHighlighting({ view, pattern, active, getTime }) {
@@ -20,9 +20,9 @@ function useHighlighting({ view, pattern, active, getTime }) {
highlights.current = highlights.current.filter((hap) => hap.endClipped > audioTime); // keep only highlights that are still active
const haps = pattern.queryArc(...span).filter((hap) => hap.hasOnset());
highlights.current = highlights.current.concat(haps); // add potential new onsets
highlightMiniLocations(view, highlights.current);
highlightMiniLocations(view, begin, highlights.current);
} catch (err) {
highlightMiniLocations(view, [])
highlightMiniLocations(view, 0, [])
}
frame = requestAnimationFrame(updateHighlights);
});
@@ -30,7 +30,8 @@ function useHighlighting({ view, pattern, active, getTime }) {
cancelAnimationFrame(frame);
};
} else {
highlightMiniLocations(view, []);
highlights.current = [];
highlightMiniLocations(view, 0, highlights.current);
}
}
}, [pattern, active, view]);