Hide some parameters in debug menu

[popey456963]

We pass some fairly large objects through the global state variable. Some items, such as the map, contain hundreds of entries. It would be useful to have a way to filter items seen through the debug menu.

[delucis]

There was some discussion of using something like svelte-json-tree to render G & ctx in the debug panel. Would that be helpful in this case too?

[popey456963]

That would be perfect for our use case! 👍

[popey456963]

I'm working on a PR for this.

[popey456963]

On a branch that works but tests are failing: https://github.com/popey456963/boardgame.io/tree/feature/json-tree-in-debug-menu

[delucis]

One thing I think you need to do is to include svelte-json-tree in the list of node_modules that get transformed before being used by Jest here:

boardgame.io/package.json

Line 193 in fa865da

"node_modules/(?!(boardgame.io|flatted|svelte-icons)/)"

(This should address what you described on Gitter as “it's almost like the tests are trying to run on Svelte code and then failing when they realise it's svelte.”)

However, I also had a quick go with the plain svelte-json-tree package and got the build & examples working OK, but tests were producing errors despite changing that. (Producing TypeError: JSONNode is not a constructor errors.)

Feel free to open a work-in-progress PR so we can see the errors and try to figure things out there. Thanks for taking this on!