Widget ConfigControls

[pklaschka]

We already have the types for our abstraction layer for widget-specific configuration. Especially for the current development in the Daedalus 2 project, it would be great if we could add its implementation soon. 😃

For the types, please see

telestion-client/packages/telestion-client-types/src/widgets/widget.ts

Line 194 in 28a85e8

export interface BaseConfigControlsProps<P extends GenericProps = GenericProps>

.

Within the documentation of the types, there's even a small example of what we thought about how they should be used:

function ConfigControls({
  currentProps, onUpdate
}: ConfigControlsProps): ReactNode {
  // local state to not "flood" global store with changes (performance)
  const [value, setValue] = useState(currentProps.value);
  return (
    <div>
      <input type="text" value={value} onChange={event => setValue(event.target.value)} />
      <button onClick={() => onUpdate({ value })} />
    </div>
  );
}

I genuinely believe that this is the right amount of abstraction for implementing widget-specific configuration since it allows widget developers to easily add dynamically configurable properties to their widgets without sacrificing the depth of configuration options (after all, any JSONSerializable configuration can be passed to onUpdate).