grafana/public/app/features/explore/utils/links.ts

import { splitOpen } from '../state/actions';
import { ExploreMode, Field, LinkModel, locationUtil, TimeRange } from '@grafana/data';
import { getLinksFromLogsField } from '../../panel/panellinks/linkSuppliers';
import { serializeStateToUrlParam } from '../../../core/utils/explore';
import { getDataSourceSrv } from '@grafana/runtime';

/**
 * Get links from the filed of a dataframe that was given to as and in addition check if there is associated
 * metadata with datasource in which case we will add onClick to open the link in new split window. This assumes
 * that we just supply datasource name and field value and Explore split window will know how to render that
 * appropriately. This is for example used for transition from log with traceId to trace datasource to show that
 * trace.
 */
export function getFieldLinksForExplore(
  field: Field,
  rowIndex: number,
  splitOpenFn: typeof splitOpen,
  range: TimeRange
): Array<LinkModel<Field>> {
  const data = getLinksFromLogsField(field, rowIndex);
  return data.map(d => {
    if (d.link.meta?.datasourceUid) {
      return {
        ...d.linkModel,
        onClick: () => {
          splitOpenFn({
            datasourceUid: d.link.meta.datasourceUid,
            // TODO: fix the ambiguity here
            // This looks weird but in case meta.datasourceUid is set we save the query in url which will get
            // interpolated into href
            query: d.linkModel.href,
          });
        },
        // We need to create real href here as the linkModel.href actually contains query. As in this case this is
        // meant to be internal link (opens split view by default) the href will also points to explore but this
        // way you can open it in new tab.
        href: generateInternalHref(d.link.meta.datasourceUid, d.linkModel.href, range),
      };
    }
    return d.linkModel;
  });
}

/**
 * Generates href for internal derived field link.
 */
function generateInternalHref(datasourceUid: string, query: string, range: TimeRange): string {
  return locationUtil.assureBaseUrl(
    `/explore?left=${serializeStateToUrlParam({
      range: range.raw,
      datasource: getDataSourceSrv().getDataSourceSettingsByUid(datasourceUid).name,
      // Again hardcoded for Jaeger query structure
      // TODO: fix
      queries: [{ query }],
      // This should get overwritten if datasource does not support that mode and we do not know what mode is
      // preferred anyway.
      mode: ExploreMode.Metrics,
      ui: {
        showingGraph: true,
        showingTable: true,
        showingLogs: true,
      },
    })}`
  );
}