grafana/public/app/features/plugins/state/actions.ts

import { getBackendSrv } from '@grafana/runtime';
import { PanelPlugin } from '@grafana/data';
import { ThunkResult } from 'app/types';
import {
  pluginDashboardsLoad,
  pluginDashboardsLoaded,
  pluginsLoaded,
  panelPluginLoaded,
  pluginsErrorsLoaded,
} from './reducers';
import { importPanelPlugin } from 'app/features/plugins/plugin_loader';

export function loadPlugins(): ThunkResult<void> {
  return async (dispatch) => {
    const plugins = await getBackendSrv().get('api/plugins', { embedded: 0 });
    dispatch(pluginsLoaded(plugins));
  };
}

export function loadPluginsErrors(): ThunkResult<void> {
  return async (dispatch) => {
    const errors = await getBackendSrv().get('api/plugins/errors');
    dispatch(pluginsErrorsLoaded(errors));
  };
}

export function loadPluginDashboards(): ThunkResult<void> {
  return async (dispatch, getStore) => {
    dispatch(pluginDashboardsLoad());
    const dataSourceType = getStore().dataSources.dataSource.type;
    const response = await getBackendSrv().get(`api/plugins/${dataSourceType}/dashboards`);
    dispatch(pluginDashboardsLoaded(response));
  };
}

export function loadPanelPlugin(pluginId: string): ThunkResult<Promise<PanelPlugin>> {
  return async (dispatch, getStore) => {
    let plugin = getStore().plugins.panels[pluginId];

    if (!plugin) {
      plugin = await importPanelPlugin(pluginId);

      // second check to protect against raise condition
      if (!getStore().plugins.panels[pluginId]) {
        dispatch(panelPluginLoaded(plugin));
      }
    }

    return plugin;
  };
}