@perses-dev/tempo-plugin 0.55.0 → 0.57.0-beta.0

package/lib/plugins/tempo-trace-query/TempoTraceQueryEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/plugins/tempo-trace-query/TempoTraceQueryEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Button, FormControl, InputLabel, MenuItem, Select, Stack } from '@mui/material';\nimport { useId } from '@perses-dev/components';\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  useDatasourceClient,\n  useDatasourceSelectValueToSelector,\n} from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport { ReactElement, useCallback, useState } from 'react';\nimport { TraceQLEditor } from '../../components';\nimport { TempoClient } from '../../model/tempo-client';\nimport {\n  DEFAULT_TEMPO,\n  isDefaultTempoSelector,\n  isTempoDatasourceSelector,\n  TEMPO_DATASOURCE_KIND,\n} from '../../model/tempo-selectors';\nimport { AttributeFilters } from '../../components/AttributeFilters';\nimport { filterToTraceQL } from '../../components/filter/filter_to_traceql';\nimport { traceQLToFilter } from '../../components/filter/traceql_to_filter';\nimport { TraceQueryEditorProps, useQueryState } from './query-editor-model';\n\nexport function TempoTraceQueryEditor(props: TraceQueryEditorProps): ReactElement {\n  const {\n    onChange,\n    value,\n    value: { datasource, limit },\n    queryHandlerSettings,\n  } = props;\n\n  const datasourceSelectValue = datasource ?? DEFAULT_TEMPO;\n  const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, TEMPO_DATASOURCE_KIND);\n  const datasourceSelectLabelID = useId('tempo-datasource-label'); // for panels with multiple queries, this component is rendered multiple times on the same page\n\n  const { data: client } = useDatasourceClient<TempoClient>(selectedDatasource);\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n  const [showAttributeFilters, setShowAttributeFilters] = useState(() => isSimpleTraceQLQuery(query));\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isTempoDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          const nextDatasource = isDefaultTempoSelector(next) ? undefined : next;\n          draft.datasource = nextDatasource;\n        })\n      );\n      if (queryHandlerSettings?.setWatchOtherSpecs)\n        queryHandlerSettings.setWatchOtherSpecs({ ...value, datasource: next });\n      return;\n    }\n\n    throw new Error('Got unexpected non-Tempo datasource selector');\n  };\n\n  const runQuery = (newQuery: string) => {\n    if (queryHandlerSettings?.watchQueryChanges) {\n      queryHandlerSettings.watchQueryChanges(newQuery);\n    }\n    onChange(\n      produce(value, (draft) => {\n        draft.query = newQuery;\n      })\n    );\n  };\n\n  const handleTraceQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n      if (queryHandlerSettings?.watchQueryChanges) {\n        queryHandlerSettings.watchQueryChanges(e);\n      }\n    },\n    [handleQueryChange, queryHandlerSettings]\n  );\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\" fullWidth={false}>\n        <DatasourceSelect\n          datasourcePluginKind={TEMPO_DATASOURCE_KIND}\n          value={datasourceSelectValue}\n          onChange={handleDatasourceChange}\n          labelId={datasourceSelectLabelID}\n          label=\"Tempo Datasource\"\n          notched\n        />\n      </FormControl>\n      <Stack direction=\"row\" spacing={2} sx={{ alignItems: 'flex-start' }}>\n        {showAttributeFilters ? (\n          <AttributeFilters client={client} query={query} setQuery={runQuery} />\n        ) : (\n          <TraceQLEditor\n            client={client}\n            value={query}\n            onChange={handleTraceQueryChange}\n            onBlur={queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined}\n          />\n        )}\n        <Button onClick={() => setShowAttributeFilters(!showAttributeFilters)}>\n          {showAttributeFilters ? 'Show query' : 'Hide query'}\n        </Button>\n        <LimitSelect\n          value={limit ?? 20}\n          setValue={(newLimit: number) =>\n            onChange(\n              produce(value, (draft) => {\n                draft.limit = newLimit;\n              })\n            )\n          }\n        />\n      </Stack>\n    </Stack>\n  );\n}\n\nfunction isSimpleTraceQLQuery(query: string) {\n  // if a query can be transformed to a filter and back to the original query, we can show the attribute filter toolbar\n  return query == '' || filterToTraceQL(traceQLToFilter(query)) === query;\n}\n\nconst limitOptions = [20, 50, 100, 500, 1000, 5000];\n\ninterface LimitSelectProps {\n  value: number;\n  setValue: (x: number) => void;\n}\n\nexport function LimitSelect(props: LimitSelectProps) {\n  const { value, setValue } = props;\n\n  // the outer <Box> is required, because <FormControl> has display: inline-flex, which doesn't work with the parent <Stack> of the query editor\n  return (\n    <Box>\n      <FormControl size=\"small\">\n        <InputLabel id=\"max-traces-label\">Max Traces</InputLabel>\n        <Select\n          labelId=\"max-traces-label\"\n          id=\"max-traces-select\"\n          value={value}\n          label=\"Max Traces\"\n          onChange={(e) => setValue(typeof e.target.value === 'number' ? e.target.value : parseInt(e.target.value))}\n          sx={{ width: 110 }}\n        >\n          {limitOptions.map((option) => (\n            <MenuItem key={option} value={option}>\n              {option}\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n    </Box>\n  );\n}\n"],"names":["Box","Button","FormControl","InputLabel","MenuItem","Select","Stack","useId","DatasourceSelect","useDatasourceClient","useDatasourceSelectValueToSelector","produce","useCallback","useState","TraceQLEditor","DEFAULT_TEMPO","isDefaultTempoSelector","isTempoDatasourceSelector","TEMPO_DATASOURCE_KIND","AttributeFilters","filterToTraceQL","traceQLToFilter","useQueryState","TempoTraceQueryEditor","props","onChange","value","datasource","limit","queryHandlerSettings","datasourceSelectValue","selectedDatasource","datasourceSelectLabelID","data","client","query","handleQueryChange","handleQueryBlur","showAttributeFilters","setShowAttributeFilters","isSimpleTraceQLQuery","handleDatasourceChange","next","draft","nextDatasource","undefined","setWatchOtherSpecs","Error","runQuery","newQuery","watchQueryChanges","handleTraceQueryChange","e","spacing","margin","fullWidth","datasourcePluginKind","labelId","label","notched","direction","sx","alignItems","setQuery","onBlur","runWithOnBlur","onClick","LimitSelect","setValue","newLimit","limitOptions","size","id","target","parseInt","width","map","option"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/plugins/tempo-trace-query/TempoTraceQueryEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Button, FormControl, InputLabel, MenuItem, Select, Stack } from '@mui/material';\nimport { useId } from '@perses-dev/components';\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  useDatasourceClient,\n  useDatasourceSelectValueToSelector,\n} from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport { ReactElement, useCallback, useState } from 'react';\nimport {\n  TempoClient,\n  DEFAULT_TEMPO,\n  isDefaultTempoSelector,\n  isTempoDatasourceSelector,\n  TEMPO_DATASOURCE_KIND,\n} from '../../model';\nimport { AttributeFilters } from '../../components/AttributeFilters';\nimport { TraceQLEditor, filterToTraceQL, traceQLToFilter } from '../../components';\nimport { TraceQueryEditorProps, useQueryState } from './query-editor-model';\n\nexport function TempoTraceQueryEditor(props: TraceQueryEditorProps): ReactElement {\n  const {\n    onChange,\n    value,\n    value: { datasource, limit },\n  } = props;\n\n  const datasourceSelectValue = datasource ?? DEFAULT_TEMPO;\n  const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, TEMPO_DATASOURCE_KIND);\n  const datasourceSelectLabelID = useId('tempo-datasource-label'); // for panels with multiple queries, this component is rendered multiple times on the same page\n\n  const { data: client } = useDatasourceClient<TempoClient>(selectedDatasource);\n  const { query, handleQueryChange, handleQueryBlur } = useQueryState(props);\n  const [showAttributeFilters, setShowAttributeFilters] = useState(() => isSimpleTraceQLQuery(query));\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isTempoDatasourceSelector(next)) {\n      onChange(\n        produce(value, (draft) => {\n          // If they're using the default, just omit the datasource prop (i.e. set to undefined)\n          const nextDatasource = isDefaultTempoSelector(next) ? undefined : next;\n          draft.datasource = nextDatasource;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Tempo datasource selector');\n  };\n\n  const runQuery = (newQuery: string) => {\n    onChange(\n      produce(value, (draft) => {\n        draft.query = newQuery;\n      })\n    );\n  };\n\n  const handleTraceQueryChange = useCallback(\n    (e: string) => {\n      handleQueryChange(e);\n    },\n    [handleQueryChange]\n  );\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\" fullWidth={false}>\n        <DatasourceSelect\n          datasourcePluginKind={TEMPO_DATASOURCE_KIND}\n          value={datasourceSelectValue}\n          onChange={handleDatasourceChange}\n          labelId={datasourceSelectLabelID}\n          label=\"Tempo Datasource\"\n          notched\n        />\n      </FormControl>\n      <Stack direction=\"row\" spacing={2} sx={{ alignItems: 'flex-start' }}>\n        {showAttributeFilters ? (\n          <AttributeFilters client={client} query={query} setQuery={runQuery} />\n        ) : (\n          <TraceQLEditor client={client} value={query} onChange={handleTraceQueryChange} onBlur={handleQueryBlur} />\n        )}\n        <Button onClick={() => setShowAttributeFilters(!showAttributeFilters)}>\n          {showAttributeFilters ? 'Show query' : 'Hide query'}\n        </Button>\n        <LimitSelect\n          value={limit ?? 20}\n          setValue={(newLimit: number) =>\n            onChange(\n              produce(value, (draft) => {\n                draft.limit = newLimit;\n              })\n            )\n          }\n        />\n      </Stack>\n    </Stack>\n  );\n}\n\nfunction isSimpleTraceQLQuery(query: string) {\n  // if a query can be transformed to a filter and back to the original query, we can show the attribute filter toolbar\n  return query == '' || filterToTraceQL(traceQLToFilter(query)) === query;\n}\n\nconst limitOptions = [20, 50, 100, 500, 1000, 5000];\n\ninterface LimitSelectProps {\n  value: number;\n  setValue: (x: number) => void;\n}\n\nexport function LimitSelect(props: LimitSelectProps) {\n  const { value, setValue } = props;\n\n  // the outer <Box> is required, because <FormControl> has display: inline-flex, which doesn't work with the parent <Stack> of the query editor\n  return (\n    <Box>\n      <FormControl size=\"small\">\n        <InputLabel id=\"max-traces-label\">Max Traces</InputLabel>\n        <Select\n          labelId=\"max-traces-label\"\n          id=\"max-traces-select\"\n          value={value}\n          label=\"Max Traces\"\n          onChange={(e) => setValue(typeof e.target.value === 'number' ? e.target.value : parseInt(e.target.value))}\n          sx={{ width: 110 }}\n        >\n          {limitOptions.map((option) => (\n            <MenuItem key={option} value={option}>\n              {option}\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n    </Box>\n  );\n}\n"],"names":["Box","Button","FormControl","InputLabel","MenuItem","Select","Stack","useId","DatasourceSelect","useDatasourceClient","useDatasourceSelectValueToSelector","produce","useCallback","useState","DEFAULT_TEMPO","isDefaultTempoSelector","isTempoDatasourceSelector","TEMPO_DATASOURCE_KIND","AttributeFilters","TraceQLEditor","filterToTraceQL","traceQLToFilter","useQueryState","TempoTraceQueryEditor","props","onChange","value","datasource","limit","datasourceSelectValue","selectedDatasource","datasourceSelectLabelID","data","client","query","handleQueryChange","handleQueryBlur","showAttributeFilters","setShowAttributeFilters","isSimpleTraceQLQuery","handleDatasourceChange","next","draft","nextDatasource","undefined","Error","runQuery","newQuery","handleTraceQueryChange","e","spacing","margin","fullWidth","datasourcePluginKind","labelId","label","notched","direction","sx","alignItems","setQuery","onBlur","onClick","LimitSelect","setValue","newLimit","limitOptions","size","id","target","parseInt","width","map","option"],"mappings":"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"}

package/lib/plugins/tempo-trace-query/get-trace-data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-trace-data.d.ts","sourceRoot":"","sources":["../../../../src/plugins/tempo-trace-query/get-trace-data.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAkD,MAAM,kBAAkB,CAAC;AACrG,OAAO,EAAmC,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE9F,OAAO,EAAkD,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlG,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAM7F;AAED,eAAO,MAAM,YAAY,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,cAAc,CA2D9E,CAAC"}
+{"version":3,"file":"get-trace-data.d.ts","sourceRoot":"","sources":["../../../../src/plugins/tempo-trace-query/get-trace-data.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAA0D,MAAM,kBAAkB,CAAC;AAC7G,OAAO,EAAmC,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE9F,OAAO,EAAkD,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAIlG,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAM7F;AAED,eAAO,MAAM,YAAY,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,cAAc,CAyE9E,CAAC"}

package/lib/plugins/tempo-trace-query/get-trace-data.js

@@ -14,6 +14,7 @@ import { isValidTraceId } from '@perses-dev/core';
 import { datasourceSelectValueToSelector } from '@perses-dev/plugin-system';
 import { getUnixTime } from 'date-fns';
 import { TEMPO_DATASOURCE_KIND } from '../../model';
+import { DEFAULT_SEARCH_LIMIT } from '../../model/api-types';
 export function getUnixTimeRange(timeRange) {
     const { start, end } = timeRange;
     return {
@@ -35,21 +36,6 @@ export const getTraceData = async (spec, context)=>{
     const listDatasourceSelectItems = await context.datasourceStore.listDatasourceSelectItems(TEMPO_DATASOURCE_KIND);
     const datasourceSelector = datasourceSelectValueToSelector(spec.datasource, context.variableState, listDatasourceSelectItems) ?? defaultTempoDatasource;
     const client = await context.datasourceStore.getDatasourceClient(datasourceSelector);
-    const getQuery = ()=>{
-        const params = {
-            q: spec.query
-        };
-        // handle time range selection from UI drop down (e.g. last 5 minutes, last 1 hour )
-        if (context.absoluteTimeRange) {
-            const { start, end } = getUnixTimeRange(context.absoluteTimeRange);
-            params.start = start;
-            params.end = end;
-        }
-        if (spec.limit) {
-            params.limit = spec.limit;
-        }
-        return params;
-    };
     /**
    * determine type of query:
    * if the query is a valid traceId, fetch the trace by traceId
@@ -65,11 +51,37 @@ export const getTraceData = async (spec, context)=>{
             }
         };
     } else {
-        const response = await client.searchWithFallback(getQuery());
+        const params = {
+            q: spec.query
+        };
+        // handle time range selection from UI drop down (e.g. last 5 minutes, last 1 hour )
+        if (context.absoluteTimeRange) {
+            const { start, end } = getUnixTimeRange(context.absoluteTimeRange);
+            params.start = start;
+            params.end = end;
+        }
+        // Fetch one more trace than requested.
+        // This way we can check if there are more traces available matching the search request, and show a notice to the user.
+        const limit = spec.limit ?? DEFAULT_SEARCH_LIMIT;
+        params.limit = limit + 1;
+        const response = await client.searchWithFallback(params);
+        const searchResult = parseSearchResponse(response);
+        const hasMoreResults = searchResult.length > limit;
+        const notices = [];
+        if (hasMoreResults) {
+            notices.push({
+                type: 'info',
+                message: 'Not all matching traces are currently displayed. Increase the result limit to view additional traces.'
+            });
+            // Remove the extra element, i.e. do not return more results than requested.
+            searchResult.splice(limit);
+        }
         return {
-            searchResult: parseSearchResponse(response),
+            searchResult,
             metadata: {
-                executedQueryString: spec.query
+                executedQueryString: spec.query,
+                hasMoreResults,
+                notices
             }
         };
     }
@@ -80,8 +92,7 @@ function parseTraceResponse(response) {
     };
     // Tempo returns Trace ID and Span ID base64-encoded.
     // The OTLP spec defines the encoding in the hex format:
-    // Spec: https://opentelemetry.io/docs/specs/otlp/#json-protobuf-encoding
-    // Example: https://github.com/open-telemetry/opentelemetry-proto/blob/v1.7.0/examples/trace.json
+    // Spec: https://opentelemetry.io/docs/specs/otel/trace/api/#retrieving-the-traceid-and-spanid
     // Therefore, let's convert it to hex encoding.
     for (const resourceSpan of trace.resourceSpans){
         for (const scopeSpan of resourceSpan.scopeSpans){
@@ -110,7 +121,7 @@ function parseTraceResponse(response) {
 }
 function base64ToHex(str) {
     try {
-        return atob(str).split('').map((char)=>char.charCodeAt(0).toString(16).padStart(2, '0').toUpperCase()).join('');
+        return atob(str).split('').map((char)=>char.charCodeAt(0).toString(16).padStart(2, '0')).join('');
     } catch  {
         return str;
     }

package/lib/plugins/tempo-trace-query/get-trace-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/plugins/tempo-trace-query/get-trace-data.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { AbsoluteTimeRange, isValidTraceId, otlptracev1, TraceSearchResult } from '@perses-dev/core';\nimport { datasourceSelectValueToSelector, TraceQueryPlugin } from '@perses-dev/plugin-system';\nimport { getUnixTime } from 'date-fns';\nimport { TEMPO_DATASOURCE_KIND, TempoDatasourceSelector, TempoTraceQuerySpec } from '../../model';\nimport { QueryResponse, SearchRequestParameters, SearchResponse } from '../../model/api-types';\nimport { TempoClient } from '../../model/tempo-client';\n\nexport function getUnixTimeRange(timeRange: AbsoluteTimeRange): { start: number; end: number } {\n  const { start, end } = timeRange;\n  return {\n    start: Math.ceil(getUnixTime(start)),\n    end: Math.ceil(getUnixTime(end)),\n  };\n}\n\nexport const getTraceData: TraceQueryPlugin<TempoTraceQuerySpec>['getTraceData'] = async (spec, context) => {\n  if (spec.query === undefined || spec.query === null || spec.query === '') {\n    // Do not make a request to the backend, instead return an empty TraceData\n    console.error('TempoTraceQuery is undefined, null, or an empty string.');\n    return { searchResult: [] };\n  }\n\n  const defaultTempoDatasource: TempoDatasourceSelector = {\n    kind: TEMPO_DATASOURCE_KIND,\n  };\n\n  const listDatasourceSelectItems = await context.datasourceStore.listDatasourceSelectItems(TEMPO_DATASOURCE_KIND);\n  const datasourceSelector =\n    datasourceSelectValueToSelector(spec.datasource, context.variableState, listDatasourceSelectItems) ??\n    defaultTempoDatasource;\n\n  const client = await context.datasourceStore.getDatasourceClient<TempoClient>(datasourceSelector);\n\n  const getQuery = (): SearchRequestParameters => {\n    const params: SearchRequestParameters = {\n      q: spec.query,\n    };\n\n    // handle time range selection from UI drop down (e.g. last 5 minutes, last 1 hour )\n    if (context.absoluteTimeRange) {\n      const { start, end } = getUnixTimeRange(context.absoluteTimeRange);\n      params.start = start;\n      params.end = end;\n    }\n\n    if (spec.limit) {\n      params.limit = spec.limit;\n    }\n\n    return params;\n  };\n\n  /**\n   * determine type of query:\n   * if the query is a valid traceId, fetch the trace by traceId\n   * otherwise, execute a TraceQL query\n   */\n  if (isValidTraceId(spec.query)) {\n    const response = await client.query({ traceId: spec.query });\n    return {\n      trace: parseTraceResponse(response),\n      metadata: {\n        executedQueryString: spec.query,\n      },\n    };\n  } else {\n    const response = await client.searchWithFallback(getQuery());\n    return {\n      searchResult: parseSearchResponse(response),\n      metadata: {\n        executedQueryString: spec.query,\n      },\n    };\n  }\n};\n\nfunction parseTraceResponse(response: QueryResponse): otlptracev1.TracesData {\n  const trace = {\n    resourceSpans: response.batches,\n  };\n\n  // Tempo returns Trace ID and Span ID base64-encoded.\n  // The OTLP spec defines the encoding in the hex format:\n  // Spec: https://opentelemetry.io/docs/specs/otlp/#json-protobuf-encoding\n  // Example: https://github.com/open-telemetry/opentelemetry-proto/blob/v1.7.0/examples/trace.json\n  // Therefore, let's convert it to hex encoding.\n  for (const resourceSpan of trace.resourceSpans) {\n    for (const scopeSpan of resourceSpan.scopeSpans) {\n      for (const span of scopeSpan.spans) {\n        if (span.traceId.length != 32) {\n          span.traceId = base64ToHex(span.traceId);\n        }\n        if (span.spanId.length != 16) {\n          span.spanId = base64ToHex(span.spanId);\n        }\n        if (span.parentSpanId && span.parentSpanId.length != 16) {\n          span.parentSpanId = base64ToHex(span.parentSpanId);\n        }\n\n        for (const link of span.links ?? []) {\n          if (link.traceId.length != 32) {\n            link.traceId = base64ToHex(link.traceId);\n          }\n          if (link.spanId.length != 16) {\n            link.spanId = base64ToHex(link.spanId);\n          }\n        }\n      }\n    }\n  }\n\n  return trace;\n}\n\nfunction base64ToHex(str: string) {\n  try {\n    return atob(str)\n      .split('')\n      .map((char) => char.charCodeAt(0).toString(16).padStart(2, '0').toUpperCase())\n      .join('');\n  } catch {\n    return str;\n  }\n}\n\nfunction parseSearchResponse(response: SearchResponse): TraceSearchResult[] {\n  return response.traces.map((trace) => ({\n    startTimeUnixMs: parseInt(trace.startTimeUnixNano) * 1e-6, // convert to millisecond for eChart time format,\n    durationMs: trace.durationMs ?? 0, // Tempo API doesn't return 0 values\n    traceId: trace.traceID,\n    rootServiceName: trace.rootServiceName,\n    rootTraceName: trace.rootTraceName,\n    serviceStats: trace.serviceStats || {},\n  }));\n}\n"],"names":["isValidTraceId","datasourceSelectValueToSelector","getUnixTime","TEMPO_DATASOURCE_KIND","getUnixTimeRange","timeRange","start","end","Math","ceil","getTraceData","spec","context","query","undefined","console","error","searchResult","defaultTempoDatasource","kind","listDatasourceSelectItems","datasourceStore","datasourceSelector","datasource","variableState","client","getDatasourceClient","getQuery","params","q","absoluteTimeRange","limit","response","traceId","trace","parseTraceResponse","metadata","executedQueryString","searchWithFallback","parseSearchResponse","resourceSpans","batches","resourceSpan","scopeSpan","scopeSpans","span","spans","length","base64ToHex","spanId","parentSpanId","link","links","str","atob","split","map","char","charCodeAt","toString","padStart","toUpperCase","join","traces","startTimeUnixMs","parseInt","startTimeUnixNano","durationMs","traceID","rootServiceName","rootTraceName","serviceStats"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/plugins/tempo-trace-query/get-trace-data.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { AbsoluteTimeRange, isValidTraceId, Notice, otlptracev1, TraceSearchResult } from '@perses-dev/core';\nimport { datasourceSelectValueToSelector, TraceQueryPlugin } from '@perses-dev/plugin-system';\nimport { getUnixTime } from 'date-fns';\nimport { TEMPO_DATASOURCE_KIND, TempoDatasourceSelector, TempoTraceQuerySpec } from '../../model';\nimport { DEFAULT_SEARCH_LIMIT, QueryResponse, SearchRequestParameters, SearchResponse } from '../../model/api-types';\nimport { TempoClient } from '../../model/tempo-client';\n\nexport function getUnixTimeRange(timeRange: AbsoluteTimeRange): { start: number; end: number } {\n  const { start, end } = timeRange;\n  return {\n    start: Math.ceil(getUnixTime(start)),\n    end: Math.ceil(getUnixTime(end)),\n  };\n}\n\nexport const getTraceData: TraceQueryPlugin<TempoTraceQuerySpec>['getTraceData'] = async (spec, context) => {\n  if (spec.query === undefined || spec.query === null || spec.query === '') {\n    // Do not make a request to the backend, instead return an empty TraceData\n    console.error('TempoTraceQuery is undefined, null, or an empty string.');\n    return { searchResult: [] };\n  }\n\n  const defaultTempoDatasource: TempoDatasourceSelector = {\n    kind: TEMPO_DATASOURCE_KIND,\n  };\n\n  const listDatasourceSelectItems = await context.datasourceStore.listDatasourceSelectItems(TEMPO_DATASOURCE_KIND);\n  const datasourceSelector =\n    datasourceSelectValueToSelector(spec.datasource, context.variableState, listDatasourceSelectItems) ??\n    defaultTempoDatasource;\n\n  const client = await context.datasourceStore.getDatasourceClient<TempoClient>(datasourceSelector);\n\n  /**\n   * determine type of query:\n   * if the query is a valid traceId, fetch the trace by traceId\n   * otherwise, execute a TraceQL query\n   */\n  if (isValidTraceId(spec.query)) {\n    const response = await client.query({ traceId: spec.query });\n    return {\n      trace: parseTraceResponse(response),\n      metadata: {\n        executedQueryString: spec.query,\n      },\n    };\n  } else {\n    const params: SearchRequestParameters = {\n      q: spec.query,\n    };\n\n    // handle time range selection from UI drop down (e.g. last 5 minutes, last 1 hour )\n    if (context.absoluteTimeRange) {\n      const { start, end } = getUnixTimeRange(context.absoluteTimeRange);\n      params.start = start;\n      params.end = end;\n    }\n\n    // Fetch one more trace than requested.\n    // This way we can check if there are more traces available matching the search request, and show a notice to the user.\n    const limit = spec.limit ?? DEFAULT_SEARCH_LIMIT;\n    params.limit = limit + 1;\n\n    const response = await client.searchWithFallback(params);\n    const searchResult = parseSearchResponse(response);\n    const hasMoreResults = searchResult.length > limit;\n\n    const notices: Notice[] = [];\n    if (hasMoreResults) {\n      notices.push({\n        type: 'info',\n        message:\n          'Not all matching traces are currently displayed. Increase the result limit to view additional traces.',\n      });\n\n      // Remove the extra element, i.e. do not return more results than requested.\n      searchResult.splice(limit);\n    }\n\n    return {\n      searchResult,\n      metadata: {\n        executedQueryString: spec.query,\n        hasMoreResults,\n        notices,\n      },\n    };\n  }\n};\n\nfunction parseTraceResponse(response: QueryResponse): otlptracev1.TracesData {\n  const trace = {\n    resourceSpans: response.batches,\n  };\n\n  // Tempo returns Trace ID and Span ID base64-encoded.\n  // The OTLP spec defines the encoding in the hex format:\n  // Spec: https://opentelemetry.io/docs/specs/otel/trace/api/#retrieving-the-traceid-and-spanid\n  // Therefore, let's convert it to hex encoding.\n  for (const resourceSpan of trace.resourceSpans) {\n    for (const scopeSpan of resourceSpan.scopeSpans) {\n      for (const span of scopeSpan.spans) {\n        if (span.traceId.length != 32) {\n          span.traceId = base64ToHex(span.traceId);\n        }\n        if (span.spanId.length != 16) {\n          span.spanId = base64ToHex(span.spanId);\n        }\n        if (span.parentSpanId && span.parentSpanId.length != 16) {\n          span.parentSpanId = base64ToHex(span.parentSpanId);\n        }\n\n        for (const link of span.links ?? []) {\n          if (link.traceId.length != 32) {\n            link.traceId = base64ToHex(link.traceId);\n          }\n          if (link.spanId.length != 16) {\n            link.spanId = base64ToHex(link.spanId);\n          }\n        }\n      }\n    }\n  }\n\n  return trace;\n}\n\nfunction base64ToHex(str: string) {\n  try {\n    return atob(str)\n      .split('')\n      .map((char) => char.charCodeAt(0).toString(16).padStart(2, '0'))\n      .join('');\n  } catch {\n    return str;\n  }\n}\n\nfunction parseSearchResponse(response: SearchResponse): TraceSearchResult[] {\n  return response.traces.map((trace) => ({\n    startTimeUnixMs: parseInt(trace.startTimeUnixNano) * 1e-6, // convert to millisecond for eChart time format,\n    durationMs: trace.durationMs ?? 0, // Tempo API doesn't return 0 values\n    traceId: trace.traceID,\n    rootServiceName: trace.rootServiceName,\n    rootTraceName: trace.rootTraceName,\n    serviceStats: trace.serviceStats || {},\n  }));\n}\n"],"names":["isValidTraceId","datasourceSelectValueToSelector","getUnixTime","TEMPO_DATASOURCE_KIND","DEFAULT_SEARCH_LIMIT","getUnixTimeRange","timeRange","start","end","Math","ceil","getTraceData","spec","context","query","undefined","console","error","searchResult","defaultTempoDatasource","kind","listDatasourceSelectItems","datasourceStore","datasourceSelector","datasource","variableState","client","getDatasourceClient","response","traceId","trace","parseTraceResponse","metadata","executedQueryString","params","q","absoluteTimeRange","limit","searchWithFallback","parseSearchResponse","hasMoreResults","length","notices","push","type","message","splice","resourceSpans","batches","resourceSpan","scopeSpan","scopeSpans","span","spans","base64ToHex","spanId","parentSpanId","link","links","str","atob","split","map","char","charCodeAt","toString","padStart","join","traces","startTimeUnixMs","parseInt","startTimeUnixNano","durationMs","traceID","rootServiceName","rootTraceName","serviceStats"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAA4BA,cAAc,QAAgD,mBAAmB;AAC7G,SAASC,+BAA+B,QAA0B,4BAA4B;AAC9F,SAASC,WAAW,QAAQ,WAAW;AACvC,SAASC,qBAAqB,QAAsD,cAAc;AAClG,SAASC,oBAAoB,QAAgE,wBAAwB;AAGrH,OAAO,SAASC,iBAAiBC,SAA4B;IAC3D,MAAM,EAAEC,KAAK,EAAEC,GAAG,EAAE,GAAGF;IACvB,OAAO;QACLC,OAAOE,KAAKC,IAAI,CAACR,YAAYK;QAC7BC,KAAKC,KAAKC,IAAI,CAACR,YAAYM;IAC7B;AACF;AAEA,OAAO,MAAMG,eAAsE,OAAOC,MAAMC;IAC9F,IAAID,KAAKE,KAAK,KAAKC,aAAaH,KAAKE,KAAK,KAAK,QAAQF,KAAKE,KAAK,KAAK,IAAI;QACxE,0EAA0E;QAC1EE,QAAQC,KAAK,CAAC;QACd,OAAO;YAAEC,cAAc,EAAE;QAAC;IAC5B;IAEA,MAAMC,yBAAkD;QACtDC,MAAMjB;IACR;IAEA,MAAMkB,4BAA4B,MAAMR,QAAQS,eAAe,CAACD,yBAAyB,CAAClB;IAC1F,MAAMoB,qBACJtB,gCAAgCW,KAAKY,UAAU,EAAEX,QAAQY,aAAa,EAAEJ,8BACxEF;IAEF,MAAMO,SAAS,MAAMb,QAAQS,eAAe,CAACK,mBAAmB,CAAcJ;IAE9E;;;;GAIC,GACD,IAAIvB,eAAeY,KAAKE,KAAK,GAAG;QAC9B,MAAMc,WAAW,MAAMF,OAAOZ,KAAK,CAAC;YAAEe,SAASjB,KAAKE,KAAK;QAAC;QAC1D,OAAO;YACLgB,OAAOC,mBAAmBH;YAC1BI,UAAU;gBACRC,qBAAqBrB,KAAKE,KAAK;YACjC;QACF;IACF,OAAO;QACL,MAAMoB,SAAkC;YACtCC,GAAGvB,KAAKE,KAAK;QACf;QAEA,oFAAoF;QACpF,IAAID,QAAQuB,iBAAiB,EAAE;YAC7B,MAAM,EAAE7B,KAAK,EAAEC,GAAG,EAAE,GAAGH,iBAAiBQ,QAAQuB,iBAAiB;YACjEF,OAAO3B,KAAK,GAAGA;YACf2B,OAAO1B,GAAG,GAAGA;QACf;QAEA,uCAAuC;QACvC,uHAAuH;QACvH,MAAM6B,QAAQzB,KAAKyB,KAAK,IAAIjC;QAC5B8B,OAAOG,KAAK,GAAGA,QAAQ;QAEvB,MAAMT,WAAW,MAAMF,OAAOY,kBAAkB,CAACJ;QACjD,MAAMhB,eAAeqB,oBAAoBX;QACzC,MAAMY,iBAAiBtB,aAAauB,MAAM,GAAGJ;QAE7C,MAAMK,UAAoB,EAAE;QAC5B,IAAIF,gBAAgB;YAClBE,QAAQC,IAAI,CAAC;gBACXC,MAAM;gBACNC,SACE;YACJ;YAEA,4EAA4E;YAC5E3B,aAAa4B,MAAM,CAACT;QACtB;QAEA,OAAO;YACLnB;YACAc,UAAU;gBACRC,qBAAqBrB,KAAKE,KAAK;gBAC/B0B;gBACAE;YACF;QACF;IACF;AACF,EAAE;AAEF,SAASX,mBAAmBH,QAAuB;IACjD,MAAME,QAAQ;QACZiB,eAAenB,SAASoB,OAAO;IACjC;IAEA,qDAAqD;IACrD,wDAAwD;IACxD,8FAA8F;IAC9F,+CAA+C;IAC/C,KAAK,MAAMC,gBAAgBnB,MAAMiB,aAAa,CAAE;QAC9C,KAAK,MAAMG,aAAaD,aAAaE,UAAU,CAAE;YAC/C,KAAK,MAAMC,QAAQF,UAAUG,KAAK,CAAE;gBAClC,IAAID,KAAKvB,OAAO,CAACY,MAAM,IAAI,IAAI;oBAC7BW,KAAKvB,OAAO,GAAGyB,YAAYF,KAAKvB,OAAO;gBACzC;gBACA,IAAIuB,KAAKG,MAAM,CAACd,MAAM,IAAI,IAAI;oBAC5BW,KAAKG,MAAM,GAAGD,YAAYF,KAAKG,MAAM;gBACvC;gBACA,IAAIH,KAAKI,YAAY,IAAIJ,KAAKI,YAAY,CAACf,MAAM,IAAI,IAAI;oBACvDW,KAAKI,YAAY,GAAGF,YAAYF,KAAKI,YAAY;gBACnD;gBAEA,KAAK,MAAMC,QAAQL,KAAKM,KAAK,IAAI,EAAE,CAAE;oBACnC,IAAID,KAAK5B,OAAO,CAACY,MAAM,IAAI,IAAI;wBAC7BgB,KAAK5B,OAAO,GAAGyB,YAAYG,KAAK5B,OAAO;oBACzC;oBACA,IAAI4B,KAAKF,MAAM,CAACd,MAAM,IAAI,IAAI;wBAC5BgB,KAAKF,MAAM,GAAGD,YAAYG,KAAKF,MAAM;oBACvC;gBACF;YACF;QACF;IACF;IAEA,OAAOzB;AACT;AAEA,SAASwB,YAAYK,GAAW;IAC9B,IAAI;QACF,OAAOC,KAAKD,KACTE,KAAK,CAAC,IACNC,GAAG,CAAC,CAACC,OAASA,KAAKC,UAAU,CAAC,GAAGC,QAAQ,CAAC,IAAIC,QAAQ,CAAC,GAAG,MAC1DC,IAAI,CAAC;IACV,EAAE,OAAM;QACN,OAAOR;IACT;AACF;AAEA,SAASpB,oBAAoBX,QAAwB;IACnD,OAAOA,SAASwC,MAAM,CAACN,GAAG,CAAC,CAAChC,QAAW,CAAA;YACrCuC,iBAAiBC,SAASxC,MAAMyC,iBAAiB,IAAI;YACrDC,YAAY1C,MAAM0C,UAAU,IAAI;YAChC3C,SAASC,MAAM2C,OAAO;YACtBC,iBAAiB5C,MAAM4C,eAAe;YACtCC,eAAe7C,MAAM6C,aAAa;YAClCC,cAAc9C,MAAM8C,YAAY,IAAI,CAAC;QACvC,CAAA;AACF"}

package/lib/test/mock-data.js

@@ -2416,7 +2416,9 @@ export const MOCK_TRACE_DATA_SEARCHRESULT = {
         }
     ],
     metadata: {
-        executedQueryString: 'duration > 900ms'
+        executedQueryString: 'duration > 900ms',
+        hasMoreResults: false,
+        notices: []
     }
 };