maximbircu/devtools-library

Add a DevTool context menu

Closed this issue · 0 comments

Abstract

We need to add a context menu to each dev tool which will help to perform some actions to update the tools state, like reset its configuration value to default or revert the updates the user made to it. Also, an useful action might be an action that will display a help dialog.

Help Dialog: Sometimes the DevTool title is not enough to explain its scope to the user. It would be nice to have a help component(an info button attached to all dev tool items) which will display a dev tool detailed info in for of a dialog.

Requirements

Add a dev tool context menu.
All tools except Group Tool should have the following items:

  • Help
  • Select default
  • Reset selection

Group tools should have the following items:

  • Enable all
  • Disable all
  • Set all to default
  • Reset all changes

Implement a DevTool help component which will display:

  1. Tool title;
  2. Tool description;
  3. Tool key;
  4. Tool current configuration value;
  5. Tool default configuration value.

Consumer flow

  1. Open the sample app;
  2. Select any source;
  3. Notice dev tool items have a context menu, make sure all context menu actions are working properly;
  4. Make sure the Help Dialog shows proper data.