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

feat: add step as slider param

Browse Source
This commit is contained in:
Felix Roos 2023-10-02 20:44:51 +02:00
parent 1c0da7cd49
commit 28966739f6
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/codemirror/slider.mjs
View File

@ -6,7 +6,7 @@ export let sliderValues = {};
const getSliderID = (from) => `slider_${from}`;
export class SliderWidget extends WidgetType {
constructor(value, min, max, from, to, view) {
constructor(value, min, max, from, to, step, view) {
super();
this.value = value;
this.min = min;
@ -14,6 +14,7 @@ export class SliderWidget extends WidgetType {
this.from = from;
this.originalFrom = from;
this.to = to;
this.step = step;
this.view = view;
}
@ -29,7 +30,7 @@ export class SliderWidget extends WidgetType {
slider.type = 'range';
slider.min = this.min;
slider.max = this.max;
slider.step = (this.max - this.min) / 1000;
slider.step = this.step ?? (this.max - this.min) / 1000;
slider.originalValue = this.value;
// to make sure the code stays in sync, let's save the original value
// becuase .value automatically clamps values so it'll desync with the code
@ -66,9 +67,9 @@ export const updateWidgets = (view, widgets) => {
};
function getWidgets(widgetConfigs, view) {
return widgetConfigs.map(({ from, to, value, min, max }) => {
return widgetConfigs.map(({ from, to, value, min, max, step }) => {
return Decoration.widget({
widget: new SliderWidget(value, min, max, from, to, view),
widget: new SliderWidget(value, min, max, from, to, step, view),
side: 0,
}).range(from /* , to */);
});

1
packages/transpiler/transpiler.mjs
View File

@ -43,6 +43,7 @@ export function transpiler(input, options = {}) {
value: node.arguments[0].raw, // don't use value!
min: node.arguments[1]?.value ?? 0,
max: node.arguments[2]?.value ?? 1,
step: node.arguments[3]?.value,
});
return this.replace(widgetWithLocation(node));
}