EmbedPanel: Add a postMessage to embedded panel

[Mochi009]

What is this feature?

In Grafana, embed a panel is a massive feature but it's not possible to interact with it. With this implementation of a postMessage, the time for the update of a panel in an iframe is much shorter.

Why do we need this feature?

This feature helps to minimize the time to update an embed panel using a postMessage instead of reloading all panel.

Who is this feature for?

All user that use grafana for the embedding can use it.

This functionality has been added within the files GrafanaRoute, SoloPanelPage, DashboardPanel, and PanelStateWrapper, which handle the creation of panels. In GrafanaRoute, the receiveMessage function takes a panelId as input, which is used to update the queryParams passed to SoloPanelPage, consequently updating the displayed panel. In PanelStateWrapper, on the other hand, the receiveMessage is designed to receive an array of key/value objects representing the variables to be updated for re-rendering the panel. All updates are performed using functions already present in Grafana.
This new functionality is helpfull when someone wants to update the variables the displayed panel uses. Instead of reloading all of its content, just the API for new data is triggered to display the new panel with new data.

[CLAassistant]

All committers have signed the CLA.

[Mochi009]

I want to add lables abount changelog and milestone but i can't. Any advice? Thanks!

[aangelisc]

Hi @Mochi009, I've added the required label and the milestone. Please could you remove the changes to the CHANGELOG file?

[Mochi009]

Thanks @aangelisc. Can you help me with the other test that is blocked right now?

[aangelisc]

Hi @Mochi009,

Apologies for the delay. There are a couple failures preventing this from being mergeable.

• In GrafanaRoute.tsx and PanelStateWrapper.tsx you've add any types which our betterer configuration doesn't permit. Is it possible to type these correctly? I've commented the exact locations.
• The lint is falling, are you able to run yarn lint:fix
• Could you also merge main please?

Thanks!

[Mochi009]

Thanks @aangelisc. I fix problems with any type and lint. I also sync my repository with grafana main branch.
EDIT: if i run yarn lint:fix i don't have problems but the builder in grafana says that i have problems in two file. Can you help me? Thanks!

[baldm0mma]

Unblocked the Drone continuous-integration/drone/pr build step.

[baldm0mma]

@Mochi009 since you're not a member of the Grafana team, you don't have auth for interacting with enterprise content, so anything with enterprise-clone will fail, but it looks like you're having some linting issues still. Can you see the details for continuous-integration/drone/pr?

[Mochi009]

Hi @baldm0mma. I'm working on that error. I will update you when i make a fix for it. Thanks!

[Mochi009]

@baldm0mma i fix lint bug but i have problems with betterer-frontend and verify-i18n
Can you help me? Thanks again!

[github-actions]

This pull request has been automatically marked as stale because it has not had activity in the last 30 days. It will be closed in 2 weeks if no further activity occurs. Please feel free to give a status update or ping for review. Thank you for your contributions!

[Mochi009]

@aangelisc do you have any news? Thanks!