hacklab/strudel
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

wip: adaptive highlighting

Browse source
This commit is contained in:
Felix Roos 2023-07-02 18:33:44 +02:00
parent f7bd373ce6
commit 63c23736ad
4 changed files with 124 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

3
packages/react/src/hooks/useHighlighting.mjs
View file

@ -1,5 +1,5 @@
import { useEffect, useRef } from 'react';
import { setHighlights } from '../components/CodeMirror6';
import { setHighlights, highlightMiniLocations } from '../components/CodeMirror6';
const round = (x) => Math.round(x * 1000) / 1000;
function useHighlighting({ view, pattern, active, getTime }) {
@ -21,6 +21,7 @@ function useHighlighting({ view, pattern, active, getTime }) {
const haps = pattern.queryArc(...span).filter((hap) => hap.hasOnset());
highlights.current = highlights.current.concat(haps); // add potential new onsets
view.dispatch({ effects: setHighlights.of({ haps: highlights.current }) }); // highlight all still active + new active haps
highlightMiniLocations(view, highlights.current); // <- new method, replaces above line when done
} catch (err) {
view.dispatch({ effects: setHighlights.of({ haps: [] }) });
}