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

add slider function to scope

Browse source
This commit is contained in:
Felix Roos 2023-09-30 21:22:49 +02:00
parent 2731e70fb7
commit b36cee93f7
4 changed files with 31 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
packages/codemirror/index.mjs
View file

@ -1,3 +1,4 @@
export * from './codemirror.mjs';
export * from './highlight.mjs';
export * from './flash.mjs';
export * from './slider.mjs';

25
packages/codemirror/slider.mjs
View file

@ -13,7 +13,12 @@ export class SliderWidget extends WidgetType {
}
eq(other) {
const isSame = other.value.toFixed(4) == this.value.toFixed(4) && other.min == this.min && other.max == this.max;
const isSame =
other.value.toFixed(4) == this.value.toFixed(4) &&
other.min == this.min &&
other.max == this.max &&
other.from === this.from &&
other.to === this.to;
return isSame;
}
@ -152,6 +157,22 @@ function updateSliderValue(view, e) {
let change = { from: draggedSlider.from, to: draggedSlider.to, insert };
draggedSlider.to = draggedSlider.from + insert.length;
view.dispatch({ changes: change });
window.postMessage({ type: 'cm-slider', value: next, loc: draggedSlider.from });
const id = 'slider_' + draggedSlider.from; // matches id generated in transpiler
window.postMessage({ type: 'cm-slider', value: next, id });
return true;
}
export let sliderValues = {};
export let slider = (id, value, min, max) => {
sliderValues[id] = value; // sync state at eval time (code -> state)
return ref(() => sliderValues[id]); // use state at query time
};
if (typeof window !== 'undefined') {
window.addEventListener('message', (e) => {
if (e.data.type === 'cm-slider') {
// update state when slider is moved
sliderValues[e.data.id] = e.data.value;
}
});
}