elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-23 11:38:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix #178

Browse Source
This commit is contained in:
Felix Roos 2022-08-14 11:27:13 +02:00
parent f34d0a29e8
commit 4e09cc14b6
3 changed files with 23 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/react/dist/index.cjs.js vendored
View File

File diff suppressed because one or more lines are too long

33
packages/react/dist/index.es.js vendored
View File

@ -89,27 +89,25 @@ const highlightField = StateField.define({
try { try {
for (let e of tr.effects) { for (let e of tr.effects) {
if (e.is(setHighlights)) { if (e.is(setHighlights)) {
highlights = Decoration.set( const marks = e.value.map(
e.value.flatMap( (hap) => (hap.context.locations || []).map(({ start, end }) => {
(hap) => (hap.context.locations || []).map(({ start, end }) => { const color = hap.context.color || "#FFCA28";
const color = hap.context.color || "#FFCA28"; let from = tr.newDoc.line(start.line).from + start.column;
let from = tr.newDoc.line(start.line).from + start.column; let to = tr.newDoc.line(end.line).from + end.column;
let to = tr.newDoc.line(end.line).from + end.column; const l = tr.newDoc.length;
const l = tr.newDoc.length; if (from > l || to > l) {
if (from > l || to > l) { return;
return; }
} const mark = Decoration.mark({ attributes: { style: `outline: 1.5px solid ${color};` } });
const mark = Decoration.mark({ attributes: { style: `outline: 1.5px solid ${color};` } }); return mark.range(from, to);
return mark.range(from, to); })
}) ).flat().filter(Boolean) || [];
).filter(Boolean), highlights = Decoration.set(marks, true);
true
);
} }
} }
return highlights; return highlights;
} catch (err) { } catch (err) {
return highlights; return Decoration.set([]);
} }
}, },
provide: (f) => EditorView.decorations.from(f) provide: (f) => EditorView.decorations.from(f)
@ -423,7 +421,6 @@ function useHighlighting({ view, pattern, active }) {
highlights = highlights.filter((hap) => hap.whole.end > audioTime); // keep only highlights that are still active highlights = highlights.filter((hap) => hap.whole.end > audioTime); // keep only highlights that are still active
const haps = pattern.queryArc(...span).filter((hap) => hap.hasOnset()); const haps = pattern.queryArc(...span).filter((hap) => hap.hasOnset());
highlights = highlights.concat(haps); // add potential new onsets highlights = highlights.concat(haps); // add potential new onsets
console.log('update...', view.state.doc.length);
view.dispatch({ effects: setHighlights.of(highlights) }); // highlight all still active + new active haps view.dispatch({ effects: setHighlights.of(highlights) }); // highlight all still active + new active haps
} catch (err) { } catch (err) {
// console.log('error in updateHighlights', err); // console.log('error in updateHighlights', err);

12
packages/react/src/components/CodeMirror6.jsx
View File

@ -49,9 +49,9 @@ const highlightField = StateField.define({
try { try {
for (let e of tr.effects) { for (let e of tr.effects) {
if (e.is(setHighlights)) { if (e.is(setHighlights)) {
highlights = Decoration.set( const marks =
e.value e.value
.flatMap((hap) => .map((hap) =>
(hap.context.locations || []).map(({ start, end }) => { (hap.context.locations || []).map(({ start, end }) => {
const color = hap.context.color || '#FFCA28'; const color = hap.context.color || '#FFCA28';
let from = tr.newDoc.line(start.line).from + start.column; let from = tr.newDoc.line(start.line).from + start.column;
@ -65,15 +65,15 @@ const highlightField = StateField.define({
return mark.range(from, to); return mark.range(from, to);
}), }),
) )
.filter(Boolean), .flat()
true, .filter(Boolean) || [];
); highlights = Decoration.set(marks, true);
} }
} }
return highlights; return highlights;
} catch (err) { } catch (err) {
// console.warn('highlighting error', err); // console.warn('highlighting error', err);
return highlights; return Decoration.set([]);
} }
}, },
provide: (f) => EditorView.decorations.from(f), provide: (f) => EditorView.decorations.from(f),