[DRAFT] GUI

[fahad19]

This PR will stay open for a while. Created in case others want to contribute as I proceed with development and the tasks become clearer.

What's the goal?

To provide a new $ featurevisor gui command, that spins up a local application in http://localhost:8080, allowing you to update your features and other configuration nicely from an GUI.

The command is:

$ cd my-featurevisor-project
$ featurevisor gui

How to develop locally

Clone the monorepo, and install dependencies:

$ npm ci
$ npm run bootstrap

Run the GUI with mocked data:

$ (cd ./packages/gui && npm run dev)

Run the GUI from an example project (like you would from your own Featurevisor project):

$ (cd ./examples/example-1 && npm run gui)

TODOs

• Create new gui package for React app, to be used in core (as bundled dist only)
• Create new $ featurevisor gui command
• Set up boilerplate for server
• Create boilerplate for local React application
• Create local mock API server
• Move gui package's deps to devDependencies
• Create local REST API server for GUI client
• UI
  • Settings page
    • Profile
  • Attributes
    • List
    • View
    • Create
    • Update
    • Usage
    • History
  • Segments
    • List
    • View
    • Create
    • Update
    • Usage
    • History
  • Features
    • List
    • View
    • Create
    • Update
    • Variables
    • Variations
    • Rules
    • Force
    • Required
    • Usage
    • History
  • Groups
    • List
    • View
    • Create
    • Update
    • History
  • History
    • Show full timeline

Later

• Segments: rich conditions builder UI
• Features: rich segments/conditions builder UI