Making defaultParams work with leva advanced config

[Jamesgt]

Check the following code's output, that tries to use the leva lib's folders and display names feature.

const defaultParams = {
  a: 1,
  "b.c": 2,
  "b.d": { label: "d", value: 3 },
};

const main = (R, p) => {
  console.log(p);
  return [{ shape: R.makeBaseBox(10, 10, 10) }];
};

On the first, vanilla run it is:

{
  "a": 1,
  "b.c": 2,
  "b.d": {
    "label": "d",
    "value": 3
  }
}

After you press the Apply params button, the output changes to (the expected) format:

{
  "a": 1,
  "b.c": 2,
  "b.d": 3
}

[sgenoud]

My use of leva is a bit more of an implementation detail for now. There are a bunch of rough edges to make the data models fit together I am not very happy with (and might want to change later on).

If you still want to rely on more advanced features of it, I have seen members of the community hack around my system.

I can't promise it will keep working, but for now this should be your workaround.

Would you mind if I convert this to a discussion - this feels more appropriate if people want to discuss this further.

[sgenoud]

I have spent a little bit more time on trying to have a better leva story. I think I will definitely need to do something different than just using leva. Let me summarize what I have relearned today.

First, what is great about leva:

• nice components
• simple, clear API with intuitive defaults and a clear path from a value to a config

The issue that I encounter is that leva is built as a debug panel - the logic on how to update its state is thought in that way. It does not fit well with the workflow in the replicad studio.