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

simplify widget creation + fix bugs

Browse source
This commit is contained in:
Felix Roos 2024-03-15 09:50:17 +01:00
parent 6dce9d5deb
commit 8742d50bad
10 changed files with 58 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

14
packages/widgets/Claviature.jsx
View file

@ -2,8 +2,7 @@ import { For } from 'solid-js';
import { customElement } from 'solid-element';
import { getClaviature } from 'claviature';
import { Dynamic } from 'solid-js/web';
import { Pattern } from '@strudel/core';
import { registerWidget } from '@strudel/transpiler';
import { registerWidget } from './registry.mjs';
let defaultOptions = {
range: ['A1', 'C6'],
@ -31,12 +30,11 @@ customElement('strudel-claviature', { options: JSON.stringify(defaultOptions) },
);
});
registerWidget('claviature', 'strudel-claviature');
Pattern.prototype.claviature = function (id, options = {}) {
return this.onFrame((haps) => {
registerWidget('claviature', (id, options = {}, pat) => {
const el = document.getElementById(id) || document.createElement('strudel-claviature');
setWidget(id, el);
return pat.onFrame(id, (haps) => {
const colorize = haps.map((h) => ({ keys: [h.value.note], color: h.context?.color || 'steelblue' }));
let el = document.getElementById(id);
el?.setAttribute(
'options',
JSON.stringify({
@ -46,4 +44,4 @@ Pattern.prototype.claviature = function (id, options = {}) {
}),
);
});
};
});