Sequence and visualizer switcher [cleaned]

gwhitney commented 2 months ago

By submitting this PR, I am indicating to the Numberscope maintainers that I have read and understood the contributing guidelines and that this PR follows those guidelines to the best of my knowledge. I have also read the pull request checklist and followed the instructions therein.

Switchers

Adds a new button on each tab to change the sequence/visualizer. It is still not possible to switch to an OEIS sequence (that's added in the next PR in the sequence, but changing to all other sequences/visualizers should work, provided they work themselves.

Parameter Editor

Updates the param editors to work with switching visualizers and specimens.
More specifically, when a paramable is assigned to (like in the case of switching a visualizer specimen), the watch function gets called that makes sure to reset all the statuses of the parameters. This is so that no errors are carried over from the previous visualizer/sequence.

Specimen bar

Refactors the buttons in the bar into a button container, and reworks the save button popup to fix some visual bugs.

Mobile

Changes the mobile vs tablet-desktop breakpoint to 800px, as the specimen bar occupies a lot of horizontal space on the screen, and makes that breakpoint into a single global variable that can be changed in one place (the new src/assets/scss/_variables.scss file).

Scope

Fixes some additional tab bugs, where the dropzones sometimes don't have the correct status. [This was the remaining concern about #377.]
Mobile should be fully working at this point.

katestange commented 1 month ago

Great! I think leaving mobile for later is a reasonable call. This PR is big and well-defined enough without it. I noticed that in workbench mode trying to change the visualizer results in a pop-up error. How do I test properly in production?

gwhitney commented 1 month ago

I am 75% sure that is because the Grid visualizer is dead, and has been put in workbench (sort of hard to debug because of the way that our error popup blocks the javascript debugger). As far as I can see, you can just click "Ok" and everything will keep working except you can't use the Grid visualizer, and you can beat on everything else to your heart's content.

katestange commented 1 month ago

Ok, I've been beating on this for a long time, so I'm satisfied. Would you like @Vectornaut to weigh in or would you like me to go ahead and squash/merge?

gwhitney commented 1 month ago

I am personally comfortable with your squash-merging it to ui2.

numberscope / frontscope

Sequence and visualizer switcher [cleaned] #379