insights: adds live preview for strat insights#45910
Conversation
Bundle size report 📦
Look at the Statoscope report for a full comparison between the commits 7b76ee6 and 6073d5c or learn more. Open explanation
|
|
@chwarwick I think that we forgot about the additional screen for the live preview when we have more than 20 repos to preview. In this case, we should have an error or blur screen with a message that we tried to run a preview but got too many repos to provide a proper preview |
There's a separate screen for that? I just had the api return an error. |
|
@chwarwick In original Alicja designs there was a special live preview card state for it
|
|
I can add this handling later in my PR but just FYI that we have a special state for this type of error. Maybe it would be better if we had a union type in live preview results in the API. |
* Split Input.tsx component into small UI component blocks * Refactor monaco field in order to support codemirror queryState integration * Add new repo section to the creation UI form * Add repo section UI * Add two field mode for the repo section setting * Force aria-invalid to the field component * Adjust useField/useForm validation (focus first invalid field logic) * Add aria invalid prop to the monaco UI field * Fix insight query input codemirror logic * Remove old version of insight repo section UI * Connect repo UI to the search-based creation UI * Extract repo fields logic to the separate helper * Fix focus problems with disabled repo sections * Fix 1 click creation flow * Fix edit UI for the search-based insight * Make insight repo section sharable components * Add new repo UI to the capture group insight * Fix potential problems with TS over input types and props * Fix insight templates parsers * Fix a few types problem more... * Fix parser unit tests * Add new inputs to the create/update gql handlers * Fix eslint and unit test problems * Fix integration tests * Fix disabled/hide value states * Fix problems with live preview layout * Fix problem with autosuggestion for the repo query field * Fix problems with bad repoquery and repositories values for the create mutation * Fix copies * Add async query syntax validation to the repo query field * Add repositories count UI * Fix by UI review comments * insights: adds live preview for strat insights (#45910)
Adds live preview for insights that define repos using a search query
Test plan
Manual check of live preview for each insight type
Manual check of live preview used on getting started page
App preview:
Check out the client app preview documentation to learn more.