@j-a-z/tweaker v0.0.3

Tweaker

GUI for changing the values of objects.

This library is built on top of the Config library for finding the most appropriate value without leaving the main code.

Features

• Saving states between browser reloads
• Snapshots for the ability to share different options or return to some state
• The ability to specify media queries for individual values

Examples

• Very simple
• More complex
• List of available types at the moment

Commands and some hidden functionality

• alt + click on the left panel will return the project's settings to their original values
• alt + click on the header of the right panel will return the settings of only this config to their original values
• alt + click on any field in the right panel will return the settings of only this field to their original values
• alt + click on any field in the right panel will return the settings of only this field to their original values
• right click on any value in the right panel will copy the value
• alt + f1 toggle tweaker
• alt + f2 saves a snapshot
• You can drag and drop a snapshot file onto any panel instead of using the "upload" button at the bottom
• The right panel can be dragged by the header

Using snapshots

If the Tweaker is no longer needed and you don't want to rewrite all the values, you can specify a snapshot for the entire project like this:

...
import snapshot from './unnamed-project-snapshot-2022-12-31.txt?raw'

// at the beginning of the project
Config.setProjectConfiguration(snapshot)
...

Inspired by

• theatrejs
• dat.gui

This is a very beta version right now and everything may change significantly in the future!