@perses-dev/prometheus-plugin 0.50.2 → 0.51.0-beta.2

package/{dist → lib}/plugins/prometheus-time-series-query/get-time-series-data.js

@@ -1,4 +1,4 @@
-// Copyright 2024 The Perses Authors
+// Copyright 2025 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
 // You may obtain a copy of the License at
@@ -24,16 +24,13 @@ export const getTimeSeriesData = async (spec, context)=>{
             series: []
         };
     }
-    var _spec_datasource;
-    const datasource = await context.datasourceStore.getDatasource((_spec_datasource = spec.datasource) !== null && _spec_datasource !== void 0 ? _spec_datasource : DEFAULT_PROM);
-    var _datasource_plugin_spec_scrapeInterval;
-    const datasourceScrapeInterval = Math.trunc(milliseconds(parseDurationString((_datasource_plugin_spec_scrapeInterval = datasource.plugin.spec.scrapeInterval) !== null && _datasource_plugin_spec_scrapeInterval !== void 0 ? _datasource_plugin_spec_scrapeInterval : DEFAULT_SCRAPE_INTERVAL)) / 1000);
-    var _getDurationStringSeconds;
+    const datasource = await context.datasourceStore.getDatasource(spec.datasource ?? DEFAULT_PROM);
+    const datasourceScrapeInterval = Math.trunc(milliseconds(parseDurationString(datasource.plugin.spec.scrapeInterval ?? DEFAULT_SCRAPE_INTERVAL)) / 1000);
     // Min step is the lower bound of the interval between data points
     // If no value is provided for it, it should default to the scrape interval of the datasource
-    const minStep = (_getDurationStringSeconds = getDurationStringSeconds(// resolve any variable that may have been provided
+    const minStep = getDurationStringSeconds(// resolve any variable that may have been provided
     // TODO add a validation check to make sure the variable is a DurationString, to avoid the back & forth cast here
-    replaceVariables(spec.minStep, context.variableState))) !== null && _getDurationStringSeconds !== void 0 ? _getDurationStringSeconds : datasourceScrapeInterval;
+    replaceVariables(spec.minStep, context.variableState)) ?? datasourceScrapeInterval;
     const timeRange = getPrometheusTimeRange(context.timeRange);
     const step = getRangeStep(timeRange, minStep, undefined, context.suggestedStepMs); // TODO: resolution
     // Align the time range so that it's a multiple of the step
@@ -53,9 +50,8 @@ export const getTimeSeriesData = async (spec, context)=>{
     if (seriesNameFormat) {
         seriesNameFormat = replaceVariables(seriesNameFormat, context.variableState);
     }
-    var _spec_datasource1;
     // Get the datasource, using the default Prom Datasource if one isn't specified in the query
-    const client = await context.datasourceStore.getDatasourceClient((_spec_datasource1 = spec.datasource) !== null && _spec_datasource1 !== void 0 ? _spec_datasource1 : DEFAULT_PROM);
+    const client = await context.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_PROM);
     // Make the request to Prom
     let response;
     switch(context.mode){
@@ -80,10 +76,8 @@ export const getTimeSeriesData = async (spec, context)=>{
     // Custom display for response header warnings, configurable error responses display coming next
     const notices = [];
     if (response.status === 'success') {
-        var _response_warnings;
-        const warnings = (_response_warnings = response.warnings) !== null && _response_warnings !== void 0 ? _response_warnings : [];
-        var _warnings_;
-        const warningMessage = (_warnings_ = warnings[0]) !== null && _warnings_ !== void 0 ? _warnings_ : '';
+        const warnings = response.warnings ?? [];
+        const warningMessage = warnings[0] ?? '';
         if (warningMessage !== '') {
             notices.push({
                 type: 'warning',
@@ -99,7 +93,7 @@ export const getTimeSeriesData = async (spec, context)=>{
             end: fromUnixTime(end)
         },
         stepMs: step * 1000,
-        series: buildTimeSeries(result, query, seriesNameFormat),
+        series: buildTimeSeries(query, result, seriesNameFormat),
         metadata: {
             notices,
             executedQueryString: query
@@ -107,35 +101,63 @@ export const getTimeSeriesData = async (spec, context)=>{
     };
     return chartData;
 };
-function buildVectorData(data, query, seriesNameFormat) {
+function buildVectorData(query, data, seriesNameFormat) {
     return data.result.map((res)=>{
-        const { metric, value } = res;
+        const { metric, value, histogram } = res;
         // Account for seriesNameFormat from query editor when determining name to show in legend, tooltip, etc.
         const { name, formattedName } = getFormattedPrometheusSeriesName(query, metric, seriesNameFormat);
+        if (histogram) {
+            return {
+                name,
+                formattedName,
+                labels: metric,
+                values: [
+                    parseValueTuple([
+                        histogram[0],
+                        histogram[1].sum
+                    ])
+                ],
+                histograms: [
+                    histogram
+                ]
+            };
+        }
         return {
             name,
+            formattedName,
+            labels: metric,
             values: [
                 parseValueTuple(value)
-            ],
-            formattedName,
-            labels: metric
+            ]
         };
     });
 }
-function buildMatrixData(data, query, seriesNameFormat) {
+function buildMatrixData(query, data, seriesNameFormat) {
     return data.result.map((res)=>{
-        const { metric, values } = res;
+        const { metric, values, histograms } = res;
         // Account for seriesNameFormat from query editor when determining name to show in legend, tooltip, etc.
         const { name, formattedName } = getFormattedPrometheusSeriesName(query, metric, seriesNameFormat);
+        if (histograms) {
+            return {
+                name,
+                formattedName,
+                labels: metric,
+                values: histograms.map((histogram)=>parseValueTuple([
+                        histogram[0],
+                        histogram[1].sum
+                    ])),
+                histograms: histograms.map((histogram)=>histogram)
+            };
+        }
         return {
             name,
-            values: values.map(parseValueTuple),
             formattedName,
-            labels: metric
+            labels: metric,
+            values: values.map(parseValueTuple)
         };
     });
 }
-function buildScalarData(data, query, seriesNameFormat) {
+function buildScalarData(query, data, seriesNameFormat) {
     const { name, formattedName } = getFormattedPrometheusSeriesName(query, {}, seriesNameFormat);
     return [
         {
@@ -147,18 +169,18 @@ function buildScalarData(data, query, seriesNameFormat) {
         }
     ];
 }
-function buildTimeSeries(data, query, seriesNameFormat) {
+function buildTimeSeries(query, data, seriesNameFormat) {
     if (!data) {
         return [];
     }
     const resultType = data.resultType;
     switch(resultType){
         case 'vector':
-            return buildVectorData(data, query, seriesNameFormat);
+            return buildVectorData(query, data, seriesNameFormat);
         case 'matrix':
-            return buildMatrixData(data, query, seriesNameFormat);
+            return buildMatrixData(query, data, seriesNameFormat);
         case 'scalar':
-            return buildScalarData(data, query, seriesNameFormat);
+            return buildScalarData(query, data, seriesNameFormat);
         default:
             console.warn('Unknown result type', resultType, data);
             return [];

package/lib/plugins/prometheus-time-series-query/get-time-series-data.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/prometheus-time-series-query/get-time-series-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 {\n  DatasourceSpec,\n  DurationString,\n  Notice,\n  parseDurationString,\n  TimeSeries,\n  TimeSeriesData,\n} from '@perses-dev/core';\nimport { TimeSeriesQueryPlugin, replaceVariables } from '@perses-dev/plugin-system';\nimport { fromUnixTime, milliseconds } from 'date-fns';\nimport {\n  parseValueTuple,\n  PrometheusClient,\n  getDurationStringSeconds,\n  getPrometheusTimeRange,\n  getRangeStep,\n  DEFAULT_PROM,\n  MatrixData,\n  VectorData,\n  ScalarData,\n  InstantQueryResultType,\n} from '../../model';\nimport { getFormattedPrometheusSeriesName } from '../../utils';\nimport { DEFAULT_SCRAPE_INTERVAL, PrometheusDatasourceSpec } from '../types';\nimport { PrometheusTimeSeriesQuerySpec } from './time-series-query-model';\nimport { replacePromBuiltinVariables } from './replace-prom-builtin-variables';\n\nexport const getTimeSeriesData: TimeSeriesQueryPlugin<PrometheusTimeSeriesQuerySpec>['getTimeSeriesData'] = async (\n  spec,\n  context\n) => {\n  if (spec.query === undefined || spec.query === null || spec.query === '') {\n    // Do not make a request to the backend, instead return an empty TimeSeriesData\n    return { series: [] };\n  }\n\n  const datasource = (await context.datasourceStore.getDatasource(\n    spec.datasource ?? DEFAULT_PROM\n  )) as DatasourceSpec<PrometheusDatasourceSpec>;\n  const datasourceScrapeInterval = Math.trunc(\n    milliseconds(parseDurationString(datasource.plugin.spec.scrapeInterval ?? DEFAULT_SCRAPE_INTERVAL)) / 1000\n  );\n\n  // Min step is the lower bound of the interval between data points\n  // If no value is provided for it, it should default to the scrape interval of the datasource\n  const minStep =\n    getDurationStringSeconds(\n      // resolve any variable that may have been provided\n      // TODO add a validation check to make sure the variable is a DurationString, to avoid the back & forth cast here\n      replaceVariables(spec.minStep as string, context.variableState) as DurationString\n    ) ?? datasourceScrapeInterval;\n  const timeRange = getPrometheusTimeRange(context.timeRange);\n  const step = getRangeStep(timeRange, minStep, undefined, context.suggestedStepMs); // TODO: resolution\n\n  // Align the time range so that it's a multiple of the step\n  let { start, end } = timeRange;\n  const utcOffsetSec = new Date().getTimezoneOffset() * 60;\n\n  const alignedEnd = Math.floor((end + utcOffsetSec) / step) * step - utcOffsetSec;\n  const alignedStart = Math.floor((start + utcOffsetSec) / step) * step - utcOffsetSec;\n  start = alignedStart;\n  end = alignedEnd;\n\n  // Replace variable placeholders in PromQL query\n  const intervalMs = step * 1000;\n  const minStepMs = minStep * 1000;\n  let query = replacePromBuiltinVariables(spec.query, minStepMs, intervalMs);\n  query = replaceVariables(query, context.variableState);\n\n  let seriesNameFormat = spec.seriesNameFormat;\n  // if series name format is defined, replace variable placeholders in series name format\n  if (seriesNameFormat) {\n    seriesNameFormat = replaceVariables(seriesNameFormat, context.variableState);\n  }\n\n  // Get the datasource, using the default Prom Datasource if one isn't specified in the query\n  const client: PrometheusClient = await context.datasourceStore.getDatasourceClient(spec.datasource ?? DEFAULT_PROM);\n\n  // Make the request to Prom\n  let response;\n  switch (context.mode) {\n    case 'instant':\n      response = await client.instantQuery({\n        query,\n        time: end,\n      });\n      break;\n    case 'range':\n    default:\n      response = await client.rangeQuery({\n        query,\n        start,\n        end,\n        step,\n      });\n      break;\n  }\n\n  // TODO: What about error responses from Prom that have a response body?\n  const result = response.data;\n\n  // Custom display for response header warnings, configurable error responses display coming next\n  const notices: Notice[] = [];\n  if (response.status === 'success') {\n    const warnings = response.warnings ?? [];\n    const warningMessage = warnings[0] ?? '';\n    if (warningMessage !== '') {\n      notices.push({\n        type: 'warning',\n        message: warningMessage,\n      });\n    }\n  }\n\n  // Transform response\n  const chartData: TimeSeriesData = {\n    // Return the time range and step we actually used for the query\n    timeRange: { start: fromUnixTime(start), end: fromUnixTime(end) },\n    stepMs: step * 1000,\n\n    series: buildTimeSeries(query, result, seriesNameFormat),\n    metadata: {\n      notices,\n      executedQueryString: query,\n    },\n  };\n\n  return chartData;\n};\n\nfunction buildVectorData(query: string, data: VectorData, seriesNameFormat: string | undefined): TimeSeries[] {\n  return data.result.map((res) => {\n    const { metric, value, histogram } = res;\n\n    // Account for seriesNameFormat from query editor when determining name to show in legend, tooltip, etc.\n    const { name, formattedName } = getFormattedPrometheusSeriesName(query, metric, seriesNameFormat);\n\n    if (histogram) {\n      return {\n        name,\n        formattedName,\n        labels: metric,\n        values: [parseValueTuple([histogram[0], histogram[1].sum])],\n        histograms: [histogram],\n      };\n    }\n\n    return {\n      name,\n      formattedName,\n      labels: metric,\n      values: [parseValueTuple(value)],\n    };\n  });\n}\n\nfunction buildMatrixData(query: string, data: MatrixData, seriesNameFormat: string | undefined): TimeSeries[] {\n  return data.result.map((res) => {\n    const { metric, values, histograms } = res;\n\n    // Account for seriesNameFormat from query editor when determining name to show in legend, tooltip, etc.\n    const { name, formattedName } = getFormattedPrometheusSeriesName(query, metric, seriesNameFormat);\n\n    if (histograms) {\n      return {\n        name,\n        formattedName,\n        labels: metric,\n        values: histograms.map((histogram) => parseValueTuple([histogram[0], histogram[1].sum])),\n        histograms: histograms.map((histogram) => histogram),\n      };\n    }\n\n    return {\n      name,\n      formattedName,\n      labels: metric,\n      values: values.map(parseValueTuple),\n    };\n  });\n}\n\nfunction buildScalarData(query: string, data: ScalarData, seriesNameFormat: string | undefined): TimeSeries[] {\n  const { name, formattedName } = getFormattedPrometheusSeriesName(query, {}, seriesNameFormat);\n  return [\n    {\n      name,\n      values: [parseValueTuple(data.result)],\n      formattedName,\n    },\n  ];\n}\n\nfunction buildTimeSeries(query: string, data?: InstantQueryResultType, seriesNameFormat?: string): TimeSeries[] {\n  if (!data) {\n    return [];\n  }\n\n  const resultType = data.resultType;\n  switch (resultType) {\n    case 'vector':\n      return buildVectorData(query, data, seriesNameFormat);\n    case 'matrix':\n      return buildMatrixData(query, data, seriesNameFormat);\n    case 'scalar':\n      return buildScalarData(query, data, seriesNameFormat);\n    default:\n      console.warn('Unknown result type', resultType, data);\n      return [];\n  }\n}\n"],"names":["parseDurationString","replaceVariables","fromUnixTime","milliseconds","parseValueTuple","getDurationStringSeconds","getPrometheusTimeRange","getRangeStep","DEFAULT_PROM","getFormattedPrometheusSeriesName","DEFAULT_SCRAPE_INTERVAL","replacePromBuiltinVariables","getTimeSeriesData","spec","context","query","undefined","series","datasource","datasourceStore","getDatasource","datasourceScrapeInterval","Math","trunc","plugin","scrapeInterval","minStep","variableState","timeRange","step","suggestedStepMs","start","end","utcOffsetSec","Date","getTimezoneOffset","alignedEnd","floor","alignedStart","intervalMs","minStepMs","seriesNameFormat","client","getDatasourceClient","response","mode","instantQuery","time","rangeQuery","result","data","notices","status","warnings","warningMessage","push","type","message","chartData","stepMs","buildTimeSeries","metadata","executedQueryString","buildVectorData","map","res","metric","value","histogram","name","formattedName","labels","values","sum","histograms","buildMatrixData","buildScalarData","resultType","console","warn"],"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,SAIEA,mBAAmB,QAGd,mBAAmB;AAC1B,SAAgCC,gBAAgB,QAAQ,4BAA4B;AACpF,SAASC,YAAY,EAAEC,YAAY,QAAQ,WAAW;AACtD,SACEC,eAAe,EAEfC,wBAAwB,EACxBC,sBAAsB,EACtBC,YAAY,EACZC,YAAY,QAKP,cAAc;AACrB,SAASC,gCAAgC,QAAQ,cAAc;AAC/D,SAASC,uBAAuB,QAAkC,WAAW;AAE7E,SAASC,2BAA2B,QAAQ,mCAAmC;AAE/E,OAAO,MAAMC,oBAA+F,OAC1GC,MACAC;IAEA,IAAID,KAAKE,KAAK,KAAKC,aAAaH,KAAKE,KAAK,KAAK,QAAQF,KAAKE,KAAK,KAAK,IAAI;QACxE,+EAA+E;QAC/E,OAAO;YAAEE,QAAQ,EAAE;QAAC;IACtB;IAEA,MAAMC,aAAc,MAAMJ,QAAQK,eAAe,CAACC,aAAa,CAC7DP,KAAKK,UAAU,IAAIV;IAErB,MAAMa,2BAA2BC,KAAKC,KAAK,CACzCpB,aAAaH,oBAAoBkB,WAAWM,MAAM,CAACX,IAAI,CAACY,cAAc,IAAIf,4BAA4B;IAGxG,kEAAkE;IAClE,6FAA6F;IAC7F,MAAMgB,UACJrB,yBACE,mDAAmD;IACnD,iHAAiH;IACjHJ,iBAAiBY,KAAKa,OAAO,EAAYZ,QAAQa,aAAa,MAC3DN;IACP,MAAMO,YAAYtB,uBAAuBQ,QAAQc,SAAS;IAC1D,MAAMC,OAAOtB,aAAaqB,WAAWF,SAASV,WAAWF,QAAQgB,eAAe,GAAG,mBAAmB;IAEtG,2DAA2D;IAC3D,IAAI,EAAEC,KAAK,EAAEC,GAAG,EAAE,GAAGJ;IACrB,MAAMK,eAAe,IAAIC,OAAOC,iBAAiB,KAAK;IAEtD,MAAMC,aAAad,KAAKe,KAAK,CAAC,AAACL,CAAAA,MAAMC,YAAW,IAAKJ,QAAQA,OAAOI;IACpE,MAAMK,eAAehB,KAAKe,KAAK,CAAC,AAACN,CAAAA,QAAQE,YAAW,IAAKJ,QAAQA,OAAOI;IACxEF,QAAQO;IACRN,MAAMI;IAEN,gDAAgD;IAChD,MAAMG,aAAaV,OAAO;IAC1B,MAAMW,YAAYd,UAAU;IAC5B,IAAIX,QAAQJ,4BAA4BE,KAAKE,KAAK,EAAEyB,WAAWD;IAC/DxB,QAAQd,iBAAiBc,OAAOD,QAAQa,aAAa;IAErD,IAAIc,mBAAmB5B,KAAK4B,gBAAgB;IAC5C,wFAAwF;IACxF,IAAIA,kBAAkB;QACpBA,mBAAmBxC,iBAAiBwC,kBAAkB3B,QAAQa,aAAa;IAC7E;IAEA,4FAA4F;IAC5F,MAAMe,SAA2B,MAAM5B,QAAQK,eAAe,CAACwB,mBAAmB,CAAC9B,KAAKK,UAAU,IAAIV;IAEtG,2BAA2B;IAC3B,IAAIoC;IACJ,OAAQ9B,QAAQ+B,IAAI;QAClB,KAAK;YACHD,WAAW,MAAMF,OAAOI,YAAY,CAAC;gBACnC/B;gBACAgC,MAAMf;YACR;YACA;QACF,KAAK;QACL;YACEY,WAAW,MAAMF,OAAOM,UAAU,CAAC;gBACjCjC;gBACAgB;gBACAC;gBACAH;YACF;YACA;IACJ;IAEA,wEAAwE;IACxE,MAAMoB,SAASL,SAASM,IAAI;IAE5B,gGAAgG;IAChG,MAAMC,UAAoB,EAAE;IAC5B,IAAIP,SAASQ,MAAM,KAAK,WAAW;QACjC,MAAMC,WAAWT,SAASS,QAAQ,IAAI,EAAE;QACxC,MAAMC,iBAAiBD,QAAQ,CAAC,EAAE,IAAI;QACtC,IAAIC,mBAAmB,IAAI;YACzBH,QAAQI,IAAI,CAAC;gBACXC,MAAM;gBACNC,SAASH;YACX;QACF;IACF;IAEA,qBAAqB;IACrB,MAAMI,YAA4B;QAChC,gEAAgE;QAChE9B,WAAW;YAAEG,OAAO7B,aAAa6B;YAAQC,KAAK9B,aAAa8B;QAAK;QAChE2B,QAAQ9B,OAAO;QAEfZ,QAAQ2C,gBAAgB7C,OAAOkC,QAAQR;QACvCoB,UAAU;YACRV;YACAW,qBAAqB/C;QACvB;IACF;IAEA,OAAO2C;AACT,EAAE;AAEF,SAASK,gBAAgBhD,KAAa,EAAEmC,IAAgB,EAAET,gBAAoC;IAC5F,OAAOS,KAAKD,MAAM,CAACe,GAAG,CAAC,CAACC;QACtB,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAE,GAAGH;QAErC,wGAAwG;QACxG,MAAM,EAAEI,IAAI,EAAEC,aAAa,EAAE,GAAG7D,iCAAiCM,OAAOmD,QAAQzB;QAEhF,IAAI2B,WAAW;YACb,OAAO;gBACLC;gBACAC;gBACAC,QAAQL;gBACRM,QAAQ;oBAACpE,gBAAgB;wBAACgE,SAAS,CAAC,EAAE;wBAAEA,SAAS,CAAC,EAAE,CAACK,GAAG;qBAAC;iBAAE;gBAC3DC,YAAY;oBAACN;iBAAU;YACzB;QACF;QAEA,OAAO;YACLC;YACAC;YACAC,QAAQL;YACRM,QAAQ;gBAACpE,gBAAgB+D;aAAO;QAClC;IACF;AACF;AAEA,SAASQ,gBAAgB5D,KAAa,EAAEmC,IAAgB,EAAET,gBAAoC;IAC5F,OAAOS,KAAKD,MAAM,CAACe,GAAG,CAAC,CAACC;QACtB,MAAM,EAAEC,MAAM,EAAEM,MAAM,EAAEE,UAAU,EAAE,GAAGT;QAEvC,wGAAwG;QACxG,MAAM,EAAEI,IAAI,EAAEC,aAAa,EAAE,GAAG7D,iCAAiCM,OAAOmD,QAAQzB;QAEhF,IAAIiC,YAAY;YACd,OAAO;gBACLL;gBACAC;gBACAC,QAAQL;gBACRM,QAAQE,WAAWV,GAAG,CAAC,CAACI,YAAchE,gBAAgB;wBAACgE,SAAS,CAAC,EAAE;wBAAEA,SAAS,CAAC,EAAE,CAACK,GAAG;qBAAC;gBACtFC,YAAYA,WAAWV,GAAG,CAAC,CAACI,YAAcA;YAC5C;QACF;QAEA,OAAO;YACLC;YACAC;YACAC,QAAQL;YACRM,QAAQA,OAAOR,GAAG,CAAC5D;QACrB;IACF;AACF;AAEA,SAASwE,gBAAgB7D,KAAa,EAAEmC,IAAgB,EAAET,gBAAoC;IAC5F,MAAM,EAAE4B,IAAI,EAAEC,aAAa,EAAE,GAAG7D,iCAAiCM,OAAO,CAAC,GAAG0B;IAC5E,OAAO;QACL;YACE4B;YACAG,QAAQ;gBAACpE,gBAAgB8C,KAAKD,MAAM;aAAE;YACtCqB;QACF;KACD;AACH;AAEA,SAASV,gBAAgB7C,KAAa,EAAEmC,IAA6B,EAAET,gBAAyB;IAC9F,IAAI,CAACS,MAAM;QACT,OAAO,EAAE;IACX;IAEA,MAAM2B,aAAa3B,KAAK2B,UAAU;IAClC,OAAQA;QACN,KAAK;YACH,OAAOd,gBAAgBhD,OAAOmC,MAAMT;QACtC,KAAK;YACH,OAAOkC,gBAAgB5D,OAAOmC,MAAMT;QACtC,KAAK;YACH,OAAOmC,gBAAgB7D,OAAOmC,MAAMT;QACtC;YACEqC,QAAQC,IAAI,CAAC,uBAAuBF,YAAY3B;YAChD,OAAO,EAAE;IACb;AACF"}

package/lib/plugins/prometheus-time-series-query/index.d.ts

@@ -0,0 +1,7 @@
+export * from './PrometheusTimeSeriesQuery';
+export * from './PrometheusTimeSeriesQueryEditor';
+export * from './get-time-series-data';
+export * from './replace-prom-builtin-variables';
+export * from './query-editor-model';
+export * from './time-series-query-model';
+//# sourceMappingURL=index.d.ts.map

package/lib/plugins/prometheus-time-series-query/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/prometheus-time-series-query/index.ts"],"names":[],"mappings":"AAaA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC"}

package/lib/plugins/prometheus-time-series-query/index.js

@@ -0,0 +1,20 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+export * from './PrometheusTimeSeriesQuery';
+export * from './PrometheusTimeSeriesQueryEditor';
+export * from './get-time-series-data';
+export * from './replace-prom-builtin-variables';
+export * from './query-editor-model';
+export * from './time-series-query-model';
+
+//# sourceMappingURL=index.js.map

package/lib/plugins/prometheus-time-series-query/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/prometheus-time-series-query/index.ts"],"sourcesContent":["// Copyright 2023 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\nexport * from './PrometheusTimeSeriesQuery';\nexport * from './PrometheusTimeSeriesQueryEditor';\nexport * from './get-time-series-data';\nexport * from './replace-prom-builtin-variables';\nexport * from './query-editor-model';\nexport * from './time-series-query-model';\n"],"names":[],"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,cAAc,8BAA8B;AAC5C,cAAc,oCAAoC;AAClD,cAAc,yBAAyB;AACvC,cAAc,mCAAmC;AACjD,cAAc,uBAAuB;AACrC,cAAc,4BAA4B"}

package/lib/plugins/prometheus-time-series-query/query-editor-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-editor-model.d.ts","sourceRoot":"","sources":["../../../../src/plugins/prometheus-time-series-query/query-editor-model.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE1E,MAAM,MAAM,oCAAoC,GAAG,kBAAkB,CAAC,6BAA6B,CAAC,CAAC;AAErG;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,oCAAoC,GAAG;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B,CA+BA;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,oCAAoC,GAAG;IAC3E,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,kBAAkB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B,CA2BA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oCAAoC,GAAG;IAC5E,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,mBAAmB,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CA2BA"}

package/lib/plugins/prometheus-time-series-query/query-editor-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/prometheus-time-series-query/query-editor-model.ts"],"sourcesContent":["// Copyright 2023 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 { useState } from 'react';\nimport { produce } from 'immer';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { DurationString } from '@perses-dev/core';\nimport { PrometheusTimeSeriesQuerySpec } from './time-series-query-model';\n\nexport type PrometheusTimeSeriesQueryEditorProps = OptionsEditorProps<PrometheusTimeSeriesQuerySpec>;\n\n/**\n * A hook for managing the `query` state in PrometheusTimeSeriesQuerySpec. Returns the `query` value, along with\n * `onChange` and `onBlur` event handlers to the input. Keeps a local copy of the user's input and only syncs those\n * changes with the overall spec value once the input is blurred to prevent re-running queries in the panel's preview\n * every time the user types.\n */\nexport function useQueryState(props: PrometheusTimeSeriesQueryEditorProps): {\n  query: string;\n  handleQueryChange: (e: string) => void;\n  handleQueryBlur: () => void;\n} {\n  const { onChange, value } = props;\n\n  // Local copy of the query's value\n  const [query, setQuery] = useState(value.query);\n\n  // This is basically \"getDerivedStateFromProps\" to make sure if spec's value changes external to this component,\n  // we render with the latest value\n  const [lastSyncedQuery, setLastSyncedQuery] = useState(value.query);\n  if (value.query !== lastSyncedQuery) {\n    setQuery(value.query);\n    setLastSyncedQuery(value.query);\n  }\n\n  // Update our local state's copy as the user types\n  const handleQueryChange = (e: string): void => {\n    setQuery(e);\n  };\n\n  // Propagate changes to the query's value when the input is blurred to avoid constantly re-running queries in the\n  // PanelPreview\n  const handleQueryBlur = (): void => {\n    setLastSyncedQuery(query);\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  return { query, handleQueryChange, handleQueryBlur };\n}\n\n/**\n * Hook to manage `seriesNameFormat` state to ensure panel preview does not rerender until text input is blurred\n */\nexport function useFormatState(props: PrometheusTimeSeriesQueryEditorProps): {\n  format: string | undefined;\n  handleFormatChange: (e: string) => void;\n  handleFormatBlur: () => void;\n} {\n  const { onChange, value } = props;\n\n  // TODO: reusable hook or helper util instead of duplicating from useQueryState\n  const [format, setFormat] = useState(value.seriesNameFormat);\n  const [lastSyncedFormat, setLastSyncedFormat] = useState(value.seriesNameFormat);\n  if (value.seriesNameFormat !== lastSyncedFormat) {\n    setFormat(value.seriesNameFormat);\n    setLastSyncedFormat(value.seriesNameFormat);\n  }\n\n  // Update our local state as the user types\n  const handleFormatChange = (e: string): void => {\n    setFormat(e);\n  };\n\n  // Propagate changes to the panel preview component when seriesNameFormat TextField is blurred\n  const handleFormatBlur = (): void => {\n    setLastSyncedFormat(format);\n    onChange(\n      produce(value, (draft) => {\n        draft.seriesNameFormat = format;\n      })\n    );\n  };\n\n  return { format, handleFormatChange, handleFormatBlur };\n}\n\n/**\n * Hook to manage `minStep` state to ensure panel preview does not rerender until text input is blurred\n */\nexport function useMinStepState(props: PrometheusTimeSeriesQueryEditorProps): {\n  minStep: string | undefined;\n  handleMinStepChange: (e: DurationString) => void;\n  handleMinStepBlur: () => void;\n} {\n  const { onChange, value } = props;\n\n  // TODO: reusable hook or helper util instead of duplicating from useQueryState\n  const [minStep, setMinStep] = useState(value.minStep);\n  const [lastSyncedMinStep, setLastSyncedMinStep] = useState(value.minStep);\n  if (value.minStep !== lastSyncedMinStep) {\n    setMinStep(value.minStep);\n    setLastSyncedMinStep(value.minStep);\n  }\n\n  // Update our local state as the user types\n  const handleMinStepChange = (e: DurationString): void => {\n    setMinStep(e);\n  };\n\n  // Propagate changes to the panel preview component when minStep TextField is blurred\n  const handleMinStepBlur = (): void => {\n    setLastSyncedMinStep(minStep);\n    onChange(\n      produce(value, (draft) => {\n        draft.minStep = minStep;\n      })\n    );\n  };\n\n  return { minStep, handleMinStepChange, handleMinStepBlur };\n}\n"],"names":["useState","produce","useQueryState","props","onChange","value","query","setQuery","lastSyncedQuery","setLastSyncedQuery","handleQueryChange","e","handleQueryBlur","draft","useFormatState","format","setFormat","seriesNameFormat","lastSyncedFormat","setLastSyncedFormat","handleFormatChange","handleFormatBlur","useMinStepState","minStep","setMinStep","lastSyncedMinStep","setLastSyncedMinStep","handleMinStepChange","handleMinStepBlur"],"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,SAASA,QAAQ,QAAQ,QAAQ;AACjC,SAASC,OAAO,QAAQ,QAAQ;AAOhC;;;;;CAKC,GACD,OAAO,SAASC,cAAcC,KAA2C;IAKvE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAE5B,kCAAkC;IAClC,MAAM,CAACG,OAAOC,SAAS,GAAGP,SAASK,MAAMC,KAAK;IAE9C,gHAAgH;IAChH,kCAAkC;IAClC,MAAM,CAACE,iBAAiBC,mBAAmB,GAAGT,SAASK,MAAMC,KAAK;IAClE,IAAID,MAAMC,KAAK,KAAKE,iBAAiB;QACnCD,SAASF,MAAMC,KAAK;QACpBG,mBAAmBJ,MAAMC,KAAK;IAChC;IAEA,kDAAkD;IAClD,MAAMI,oBAAoB,CAACC;QACzBJ,SAASI;IACX;IAEA,iHAAiH;IACjH,eAAe;IACf,MAAMC,kBAAkB;QACtBH,mBAAmBH;QACnBF,SACEH,QAAQI,OAAO,CAACQ;YACdA,MAAMP,KAAK,GAAGA;QAChB;IAEJ;IAEA,OAAO;QAAEA;QAAOI;QAAmBE;IAAgB;AACrD;AAEA;;CAEC,GACD,OAAO,SAASE,eAAeX,KAA2C;IAKxE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAE5B,+EAA+E;IAC/E,MAAM,CAACY,QAAQC,UAAU,GAAGhB,SAASK,MAAMY,gBAAgB;IAC3D,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGnB,SAASK,MAAMY,gBAAgB;IAC/E,IAAIZ,MAAMY,gBAAgB,KAAKC,kBAAkB;QAC/CF,UAAUX,MAAMY,gBAAgB;QAChCE,oBAAoBd,MAAMY,gBAAgB;IAC5C;IAEA,2CAA2C;IAC3C,MAAMG,qBAAqB,CAACT;QAC1BK,UAAUL;IACZ;IAEA,8FAA8F;IAC9F,MAAMU,mBAAmB;QACvBF,oBAAoBJ;QACpBX,SACEH,QAAQI,OAAO,CAACQ;YACdA,MAAMI,gBAAgB,GAAGF;QAC3B;IAEJ;IAEA,OAAO;QAAEA;QAAQK;QAAoBC;IAAiB;AACxD;AAEA;;CAEC,GACD,OAAO,SAASC,gBAAgBnB,KAA2C;IAKzE,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAE5B,+EAA+E;IAC/E,MAAM,CAACoB,SAASC,WAAW,GAAGxB,SAASK,MAAMkB,OAAO;IACpD,MAAM,CAACE,mBAAmBC,qBAAqB,GAAG1B,SAASK,MAAMkB,OAAO;IACxE,IAAIlB,MAAMkB,OAAO,KAAKE,mBAAmB;QACvCD,WAAWnB,MAAMkB,OAAO;QACxBG,qBAAqBrB,MAAMkB,OAAO;IACpC;IAEA,2CAA2C;IAC3C,MAAMI,sBAAsB,CAAChB;QAC3Ba,WAAWb;IACb;IAEA,qFAAqF;IACrF,MAAMiB,oBAAoB;QACxBF,qBAAqBH;QACrBnB,SACEH,QAAQI,OAAO,CAACQ;YACdA,MAAMU,OAAO,GAAGA;QAClB;IAEJ;IAEA,OAAO;QAAEA;QAASI;QAAqBC;IAAkB;AAC3D"}

package/lib/plugins/prometheus-time-series-query/replace-prom-builtin-variables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"replace-prom-builtin-variables.d.ts","sourceRoot":"","sources":["../../../../src/plugins/prometheus-time-series-query/replace-prom-builtin-variables.ts"],"names":[],"mappings":"AAyBA,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAcxG"}

package/lib/plugins/prometheus-time-series-query/replace-prom-builtin-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/prometheus-time-series-query/replace-prom-builtin-variables.ts"],"sourcesContent":["// Copyright 2024 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 { replaceVariable } from '@perses-dev/plugin-system';\nimport { formatDuration, msToPrometheusDuration } from '@perses-dev/core';\n\n/*\n * Replace variable placeholders in a PromQL query\n\n * @param query The base promQL expression that contains variable placeholders\n * @param minStepMs the lower bound of the interval between data points, in milliseconds\n * @param intervalMs the actual interval between data points, in milliseconds\n * \n * @returns a PromQL expression with variable placeholders replaced by their values\n */\nexport function replacePromBuiltinVariables(query: string, minStepMs: number, intervalMs: number): string {\n  let updatedQuery = replaceVariable(query, '__interval_ms', intervalMs.toString());\n  updatedQuery = replaceVariable(updatedQuery, '__interval', formatDuration(msToPrometheusDuration(intervalMs)));\n\n  // The $__rate_interval variable is meant to be used with the rate() promQL function.\n  // It is defined as max($__interval + Min step, 4 * Min step)\n  const rateIntervalMs = Math.max(intervalMs + minStepMs, 4 * minStepMs);\n  updatedQuery = replaceVariable(\n    updatedQuery,\n    '__rate_interval',\n    formatDuration(msToPrometheusDuration(rateIntervalMs))\n  );\n\n  return updatedQuery;\n}\n"],"names":["replaceVariable","formatDuration","msToPrometheusDuration","replacePromBuiltinVariables","query","minStepMs","intervalMs","updatedQuery","toString","rateIntervalMs","Math","max"],"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,SAASA,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,cAAc,EAAEC,sBAAsB,QAAQ,mBAAmB;AAE1E;;;;;;;;CAQC,GACD,OAAO,SAASC,4BAA4BC,KAAa,EAAEC,SAAiB,EAAEC,UAAkB;IAC9F,IAAIC,eAAeP,gBAAgBI,OAAO,iBAAiBE,WAAWE,QAAQ;IAC9ED,eAAeP,gBAAgBO,cAAc,cAAcN,eAAeC,uBAAuBI;IAEjG,qFAAqF;IACrF,6DAA6D;IAC7D,MAAMG,iBAAiBC,KAAKC,GAAG,CAACL,aAAaD,WAAW,IAAIA;IAC5DE,eAAeP,gBACbO,cACA,mBACAN,eAAeC,uBAAuBO;IAGxC,OAAOF;AACT"}

package/lib/plugins/prometheus-time-series-query/time-series-query-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-series-query-model.d.ts","sourceRoot":"","sources":["../../../../src/plugins/prometheus-time-series-query/time-series-query-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,4BAA4B,CAAC;CAC3C"}

package/lib/plugins/prometheus-time-series-query/time-series-query-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/plugins/prometheus-time-series-query/time-series-query-model.ts"],"sourcesContent":["// Copyright 2023 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 { DurationString } from '@perses-dev/core';\nimport { PrometheusDatasourceSelector } from '../../model';\n\n/**\n * The spec/options for the PrometheusTimeSeriesQuery plugin.\n */\nexport interface PrometheusTimeSeriesQuerySpec {\n  query: string;\n  seriesNameFormat?: string;\n  minStep?: DurationString;\n  resolution?: number;\n  datasource?: PrometheusDatasourceSelector;\n}\n"],"names":[],"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;AAKjC;;CAEC,GACD,WAMC"}

package/lib/plugins/prometheus-variables.d.ts

@@ -0,0 +1,14 @@
+import { OptionsEditorProps, VariableOption } from '@perses-dev/plugin-system';
+import { ReactElement } from 'react';
+import { MatrixData, VectorData } from '../model';
+import { PrometheusLabelNamesVariableOptions, PrometheusLabelValuesVariableOptions, PrometheusPromQLVariableOptions } from './types';
+export declare function PrometheusLabelValuesVariableEditor(props: OptionsEditorProps<PrometheusLabelValuesVariableOptions>): ReactElement;
+export declare function PrometheusLabelNamesVariableEditor(props: OptionsEditorProps<PrometheusLabelNamesVariableOptions>): ReactElement;
+export declare function PrometheusPromQLVariableEditor(props: OptionsEditorProps<PrometheusPromQLVariableOptions>): ReactElement;
+export declare function capturingMatrix(matrix: MatrixData, labelName: string): string[];
+export declare function capturingVector(vector: VectorData, labelName: string): string[];
+/**
+ * Takes a list of strings and returns a list of VariableOptions
+ */
+export declare const stringArrayToVariableOptions: (values?: string[]) => VariableOption[];
+//# sourceMappingURL=prometheus-variables.d.ts.map

package/lib/plugins/prometheus-variables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prometheus-variables.d.ts","sourceRoot":"","sources":["../../../src/plugins/prometheus-variables.tsx"],"names":[],"mappings":"AAaA,OAAO,EAGL,kBAAkB,EAElB,cAAc,EACf,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAIL,UAAU,EAGV,UAAU,EACX,MAAM,UAAU,CAAC;AAElB,OAAO,EACL,mCAAmC,EACnC,oCAAoC,EACpC,+BAA+B,EAChC,MAAM,SAAS,CAAC;AAEjB,wBAAgB,mCAAmC,CACjD,KAAK,EAAE,kBAAkB,CAAC,oCAAoC,CAAC,GAC9D,YAAY,CAoDd;AAED,wBAAgB,kCAAkC,CAChD,KAAK,EAAE,kBAAkB,CAAC,mCAAmC,CAAC,GAC7D,YAAY,CAyCd;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,kBAAkB,CAAC,+BAA+B,CAAC,GACzD,YAAY,CAyDd;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAS/E;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAS/E;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B,GAAI,SAAS,MAAM,EAAE,KAAG,cAAc,EAM9E,CAAC"}

package/{dist → lib}/plugins/prometheus-variables.js

@@ -11,16 +11,16 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DatasourceSelect, useDatasourceClient, parseVariables, replaceVariables } from '@perses-dev/plugin-system';
 import { FormControl, InputLabel, Stack, TextField } from '@mui/material';
+import { DatasourceSelect, useDatasourceClient } from '@perses-dev/plugin-system';
 import { produce } from 'immer';
-import { DEFAULT_PROM, getPrometheusTimeRange, isDefaultPromSelector, isPrometheusDatasourceSelector, PROM_DATASOURCE_KIND } from '../model';
 import { PromQLEditor } from '../components';
+import { DEFAULT_PROM, isDefaultPromSelector, isPrometheusDatasourceSelector, PROM_DATASOURCE_KIND } from '../model';
 import { MatcherEditor } from './MatcherEditor';
-function PrometheusLabelValuesVariableEditor(props) {
+export function PrometheusLabelValuesVariableEditor(props) {
     const { onChange, value } = props;
     const { datasource } = value;
-    const selectedDatasource = datasource !== null && datasource !== void 0 ? datasource : DEFAULT_PROM;
+    const selectedDatasource = datasource ?? DEFAULT_PROM;
     const handleDatasourceChange = (next)=>{
         if (isPrometheusDatasourceSelector(next)) {
             onChange(produce(value, (draft)=>{
@@ -31,7 +31,6 @@ function PrometheusLabelValuesVariableEditor(props) {
         }
         throw new Error('Got unexpected non-Prometheus datasource selector');
     };
-    var _props_value_matchers;
     return /*#__PURE__*/ _jsxs(Stack, {
         spacing: 2,
         children: [
@@ -67,7 +66,7 @@ function PrometheusLabelValuesVariableEditor(props) {
                 }
             }),
             /*#__PURE__*/ _jsx(MatcherEditor, {
-                matchers: (_props_value_matchers = props.value.matchers) !== null && _props_value_matchers !== void 0 ? _props_value_matchers : [],
+                matchers: props.value.matchers ?? [],
                 onChange: (e)=>{
                     props.onChange({
                         ...props.value,
@@ -79,10 +78,10 @@ function PrometheusLabelValuesVariableEditor(props) {
         ]
     });
 }
-function PrometheusLabelNamesVariableEditor(props) {
+export function PrometheusLabelNamesVariableEditor(props) {
     const { onChange, value } = props;
     const { datasource } = value;
-    const selectedDatasource = datasource !== null && datasource !== void 0 ? datasource : DEFAULT_PROM;
+    const selectedDatasource = datasource ?? DEFAULT_PROM;
     const handleDatasourceChange = (next)=>{
         if (isPrometheusDatasourceSelector(next)) {
             onChange(produce(value, (draft)=>{
@@ -93,7 +92,6 @@ function PrometheusLabelNamesVariableEditor(props) {
         }
         throw new Error('Got unexpected non-Prometheus datasource selector');
     };
-    var _props_value_matchers;
     return /*#__PURE__*/ _jsxs(Stack, {
         spacing: 2,
         children: [
@@ -115,7 +113,7 @@ function PrometheusLabelNamesVariableEditor(props) {
                 ]
             }),
             /*#__PURE__*/ _jsx(MatcherEditor, {
-                matchers: (_props_value_matchers = props.value.matchers) !== null && _props_value_matchers !== void 0 ? _props_value_matchers : [],
+                matchers: props.value.matchers ?? [],
                 isReadonly: props.isReadonly,
                 onChange: (e)=>{
                     props.onChange({
@@ -127,12 +125,12 @@ function PrometheusLabelNamesVariableEditor(props) {
         ]
     });
 }
-function PrometheusPromQLVariableEditor(props) {
+export function PrometheusPromQLVariableEditor(props) {
     const { onChange, value } = props;
     const { datasource } = value;
-    const selectedDatasource = datasource !== null && datasource !== void 0 ? datasource : DEFAULT_PROM;
+    const selectedDatasource = datasource ?? DEFAULT_PROM;
     const { data: client } = useDatasourceClient(selectedDatasource);
-    const promURL = client === null || client === void 0 ? void 0 : client.options.datasourceUrl;
+    const promURL = client?.options.datasourceUrl;
     const handleDatasourceChange = (next)=>{
         if (isPrometheusDatasourceSelector(next)) {
             onChange(produce(value, (draft)=>{
@@ -172,10 +170,9 @@ function PrometheusPromQLVariableEditor(props) {
                 value: value.expr,
                 datasource: selectedDatasource,
                 onBlur: (event)=>{
-                    var _event_target_textContent;
                     props.onChange({
                         ...props.value,
-                        expr: (_event_target_textContent = event.target.textContent) !== null && _event_target_textContent !== void 0 ? _event_target_textContent : ''
+                        expr: event.target.textContent ?? ''
                     });
                 },
                 readOnly: props.isReadonly,
@@ -197,7 +194,7 @@ function PrometheusPromQLVariableEditor(props) {
         ]
     });
 }
-function capturingMatrix(matrix, labelName) {
+export function capturingMatrix(matrix, labelName) {
     const captured = new Set();
     for (const sample of matrix.result){
         const value = sample.metric[labelName];
@@ -207,7 +204,7 @@ function capturingMatrix(matrix, labelName) {
     }
     return Array.from(captured.values());
 }
-function capturingVector(vector, labelName) {
+export function capturingVector(vector, labelName) {
     const captured = new Set();
     for (const sample of vector.result){
         const value = sample.metric[labelName];
@@ -219,92 +216,12 @@ function capturingVector(vector, labelName) {
 }
 /**
  * Takes a list of strings and returns a list of VariableOptions
- */ const stringArrayToVariableOptions = (values)=>{
+ */ export const stringArrayToVariableOptions = (values)=>{
     if (!values) return [];
     return values.map((value)=>({
             value,
             label: value
         }));
 };
-export const PrometheusLabelNamesVariable = {
-    getVariableOptions: async (spec, ctx)=>{
-        var _spec_datasource;
-        const client = await ctx.datasourceStore.getDatasourceClient((_spec_datasource = spec.datasource) !== null && _spec_datasource !== void 0 ? _spec_datasource : DEFAULT_PROM);
-        const match = spec.matchers ? spec.matchers.map((m)=>replaceVariables(m, ctx.variables)) : undefined;
-        const timeRange = getPrometheusTimeRange(ctx.timeRange);
-        const { data: options } = await client.labelNames({
-            'match[]': match,
-            ...timeRange
-        });
-        return {
-            data: stringArrayToVariableOptions(options)
-        };
-    },
-    dependsOn: (spec)=>{
-        var _spec_matchers;
-        return {
-            variables: ((_spec_matchers = spec.matchers) === null || _spec_matchers === void 0 ? void 0 : _spec_matchers.map((m)=>parseVariables(m)).flat()) || []
-        };
-    },
-    OptionsEditorComponent: PrometheusLabelNamesVariableEditor,
-    createInitialOptions: ()=>({})
-};
-export const PrometheusLabelValuesVariable = {
-    getVariableOptions: async (spec, ctx)=>{
-        const pluginDef = spec;
-        var _spec_datasource;
-        const client = await ctx.datasourceStore.getDatasourceClient((_spec_datasource = spec.datasource) !== null && _spec_datasource !== void 0 ? _spec_datasource : DEFAULT_PROM);
-        const match = pluginDef.matchers ? pluginDef.matchers.map((m)=>replaceVariables(m, ctx.variables)) : undefined;
-        const timeRange = getPrometheusTimeRange(ctx.timeRange);
-        const { data: options } = await client.labelValues({
-            labelName: replaceVariables(pluginDef.labelName, ctx.variables),
-            'match[]': match,
-            ...timeRange
-        });
-        return {
-            data: stringArrayToVariableOptions(options)
-        };
-    },
-    dependsOn: (spec)=>{
-        var _spec_matchers;
-        return {
-            variables: ((_spec_matchers = spec.matchers) === null || _spec_matchers === void 0 ? void 0 : _spec_matchers.map((m)=>parseVariables(m)).flat().concat(parseVariables(spec.labelName))) || []
-        };
-    },
-    OptionsEditorComponent: PrometheusLabelValuesVariableEditor,
-    createInitialOptions: ()=>({
-            labelName: ''
-        })
-};
-export const PrometheusPromQLVariable = {
-    getVariableOptions: async (spec, ctx)=>{
-        var _spec_datasource;
-        const client = await ctx.datasourceStore.getDatasourceClient((_spec_datasource = spec.datasource) !== null && _spec_datasource !== void 0 ? _spec_datasource : DEFAULT_PROM);
-        // TODO we may want to manage a range query as well.
-        const { data: options } = await client.instantQuery({
-            query: replaceVariables(spec.expr, ctx.variables)
-        });
-        const labelName = replaceVariables(spec.labelName, ctx.variables);
-        let values = [];
-        if ((options === null || options === void 0 ? void 0 : options.resultType) === 'matrix') {
-            values = capturingMatrix(options, labelName);
-        } else if ((options === null || options === void 0 ? void 0 : options.resultType) === 'vector') {
-            values = capturingVector(options, labelName);
-        }
-        return {
-            data: stringArrayToVariableOptions(values)
-        };
-    },
-    dependsOn: (spec)=>{
-        return {
-            variables: parseVariables(spec.expr).concat(parseVariables(spec.labelName))
-        };
-    },
-    OptionsEditorComponent: PrometheusPromQLVariableEditor,
-    createInitialOptions: ()=>({
-            expr: '',
-            labelName: ''
-        })
-};
 
 //# sourceMappingURL=prometheus-variables.js.map

package/lib/plugins/prometheus-variables.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/prometheus-variables.tsx"],"sourcesContent":["// Copyright 2024 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.\nimport { FormControl, InputLabel, Stack, TextField } from '@mui/material';\nimport {\n  DatasourceSelect,\n  DatasourceSelectProps,\n  OptionsEditorProps,\n  useDatasourceClient,\n  VariableOption,\n} from '@perses-dev/plugin-system';\nimport { produce } from 'immer';\nimport { ReactElement } from 'react';\nimport { PromQLEditor } from '../components';\nimport {\n  DEFAULT_PROM,\n  isDefaultPromSelector,\n  isPrometheusDatasourceSelector,\n  MatrixData,\n  PROM_DATASOURCE_KIND,\n  PrometheusClient,\n  VectorData,\n} from '../model';\nimport { MatcherEditor } from './MatcherEditor';\nimport {\n  PrometheusLabelNamesVariableOptions,\n  PrometheusLabelValuesVariableOptions,\n  PrometheusPromQLVariableOptions,\n} from './types';\n\nexport function PrometheusLabelValuesVariableEditor(\n  props: OptionsEditorProps<PrometheusLabelValuesVariableOptions>\n): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(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          draft.datasource = isDefaultPromSelector(next) ? undefined : next;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <InputLabel id=\"prom-datasource-label\">Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind=\"PrometheusDatasource\"\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          readOnly={props.isReadonly}\n          labelId=\"prom-datasource-label\"\n          label=\"Prometheus Datasource\"\n        />\n      </FormControl>\n      <TextField\n        label=\"Label Name\"\n        required\n        value={props.value.labelName}\n        onChange={(e) => {\n          props.onChange({ ...props.value, labelName: e.target.value });\n        }}\n        InputProps={{\n          readOnly: props.isReadonly,\n        }}\n      />\n      <MatcherEditor\n        matchers={props.value.matchers ?? []}\n        onChange={(e) => {\n          props.onChange({ ...props.value, matchers: e });\n        }}\n        isReadonly={props.isReadonly}\n      />\n    </Stack>\n  );\n}\n\nexport function PrometheusLabelNamesVariableEditor(\n  props: OptionsEditorProps<PrometheusLabelNamesVariableOptions>\n): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(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          draft.datasource = isDefaultPromSelector(next) ? undefined : next;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <InputLabel id=\"prom-datasource-label\">Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind=\"PrometheusDatasource\"\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          disabled={props.isReadonly}\n          labelId=\"prom-datasource-label\"\n          label=\"Prometheus Datasource\"\n        />\n      </FormControl>\n      <MatcherEditor\n        matchers={props.value.matchers ?? []}\n        isReadonly={props.isReadonly}\n        onChange={(e) => {\n          props.onChange({ ...props.value, matchers: e });\n        }}\n      />\n    </Stack>\n  );\n}\n\nexport function PrometheusPromQLVariableEditor(\n  props: OptionsEditorProps<PrometheusPromQLVariableOptions>\n): ReactElement {\n  const { onChange, value } = props;\n  const { datasource } = value;\n  const selectedDatasource = datasource ?? DEFAULT_PROM;\n\n  const { data: client } = useDatasourceClient<PrometheusClient>(selectedDatasource);\n  const promURL = client?.options.datasourceUrl;\n\n  const handleDatasourceChange: DatasourceSelectProps['onChange'] = (next) => {\n    if (isPrometheusDatasourceSelector(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          draft.datasource = isDefaultPromSelector(next) ? undefined : next;\n        })\n      );\n      return;\n    }\n\n    throw new Error('Got unexpected non-Prometheus datasource selector');\n  };\n\n  return (\n    <Stack spacing={2}>\n      <FormControl margin=\"dense\">\n        <InputLabel id=\"prom-datasource-label\">Prometheus Datasource</InputLabel>\n        <DatasourceSelect\n          datasourcePluginKind={PROM_DATASOURCE_KIND}\n          value={selectedDatasource}\n          onChange={handleDatasourceChange}\n          labelId=\"prom-datasource-label\"\n          label=\"Prometheus Datasource\"\n          disabled={props.isReadonly}\n        />\n      </FormControl>\n      <PromQLEditor\n        completeConfig={{ remote: { url: promURL } }}\n        value={value.expr}\n        datasource={selectedDatasource}\n        onBlur={(event) => {\n          props.onChange({ ...props.value, expr: event.target.textContent ?? '' });\n        }}\n        readOnly={props.isReadonly}\n        width=\"100%\"\n      />\n      <TextField\n        label=\"Label Name\"\n        value={props.value.labelName}\n        InputProps={{\n          readOnly: props.isReadonly,\n        }}\n        onChange={(e) => {\n          props.onChange({ ...props.value, labelName: e.target.value });\n        }}\n      />\n    </Stack>\n  );\n}\n\nexport function capturingMatrix(matrix: MatrixData, labelName: string): string[] {\n  const captured = new Set<string>();\n  for (const sample of matrix.result) {\n    const value = sample.metric[labelName];\n    if (value !== undefined) {\n      captured.add(value);\n    }\n  }\n  return Array.from(captured.values());\n}\n\nexport function capturingVector(vector: VectorData, labelName: string): string[] {\n  const captured = new Set<string>();\n  for (const sample of vector.result) {\n    const value = sample.metric[labelName];\n    if (value !== undefined) {\n      captured.add(value);\n    }\n  }\n  return Array.from(captured.values());\n}\n\n/**\n * Takes a list of strings and returns a list of VariableOptions\n */\nexport const stringArrayToVariableOptions = (values?: string[]): VariableOption[] => {\n  if (!values) return [];\n  return values.map((value) => ({\n    value,\n    label: value,\n  }));\n};\n"],"names":["FormControl","InputLabel","Stack","TextField","DatasourceSelect","useDatasourceClient","produce","PromQLEditor","DEFAULT_PROM","isDefaultPromSelector","isPrometheusDatasourceSelector","PROM_DATASOURCE_KIND","MatcherEditor","PrometheusLabelValuesVariableEditor","props","onChange","value","datasource","selectedDatasource","handleDatasourceChange","next","draft","undefined","Error","spacing","margin","id","datasourcePluginKind","readOnly","isReadonly","labelId","label","required","labelName","e","target","InputProps","matchers","PrometheusLabelNamesVariableEditor","disabled","PrometheusPromQLVariableEditor","data","client","promURL","options","datasourceUrl","completeConfig","remote","url","expr","onBlur","event","textContent","width","capturingMatrix","matrix","captured","Set","sample","result","metric","add","Array","from","values","capturingVector","vector","stringArrayToVariableOptions","map"],"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;;AACjC,SAASA,WAAW,EAAEC,UAAU,EAAEC,KAAK,EAAEC,SAAS,QAAQ,gBAAgB;AAC1E,SACEC,gBAAgB,EAGhBC,mBAAmB,QAEd,4BAA4B;AACnC,SAASC,OAAO,QAAQ,QAAQ;AAEhC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SACEC,YAAY,EACZC,qBAAqB,EACrBC,8BAA8B,EAE9BC,oBAAoB,QAGf,WAAW;AAClB,SAASC,aAAa,QAAQ,kBAAkB;AAOhD,OAAO,SAASC,oCACdC,KAA+D;IAE/D,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcT;IAEzC,MAAMW,yBAA4D,CAACC;QACjE,IAAIV,+BAA+BU,OAAO;YACxCL,SACET,QAAQU,OAAO,CAACK;gBACd,sFAAsF;gBACtFA,MAAMJ,UAAU,GAAGR,sBAAsBW,QAAQE,YAAYF;YAC/D;YAEF;QACF;QAEA,MAAM,IAAIG,MAAM;IAClB;IAEA,qBACE,MAACrB;QAAMsB,SAAS;;0BACd,MAACxB;gBAAYyB,QAAO;;kCAClB,KAACxB;wBAAWyB,IAAG;kCAAwB;;kCACvC,KAACtB;wBACCuB,sBAAqB;wBACrBX,OAAOE;wBACPH,UAAUI;wBACVS,UAAUd,MAAMe,UAAU;wBAC1BC,SAAQ;wBACRC,OAAM;;;;0BAGV,KAAC5B;gBACC4B,OAAM;gBACNC,QAAQ;gBACRhB,OAAOF,MAAME,KAAK,CAACiB,SAAS;gBAC5BlB,UAAU,CAACmB;oBACTpB,MAAMC,QAAQ,CAAC;wBAAE,GAAGD,MAAME,KAAK;wBAAEiB,WAAWC,EAAEC,MAAM,CAACnB,KAAK;oBAAC;gBAC7D;gBACAoB,YAAY;oBACVR,UAAUd,MAAMe,UAAU;gBAC5B;;0BAEF,KAACjB;gBACCyB,UAAUvB,MAAME,KAAK,CAACqB,QAAQ,IAAI,EAAE;gBACpCtB,UAAU,CAACmB;oBACTpB,MAAMC,QAAQ,CAAC;wBAAE,GAAGD,MAAME,KAAK;wBAAEqB,UAAUH;oBAAE;gBAC/C;gBACAL,YAAYf,MAAMe,UAAU;;;;AAIpC;AAEA,OAAO,SAASS,mCACdxB,KAA8D;IAE9D,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcT;IAEzC,MAAMW,yBAA4D,CAACC;QACjE,IAAIV,+BAA+BU,OAAO;YACxCL,SACET,QAAQU,OAAO,CAACK;gBACd,sFAAsF;gBACtFA,MAAMJ,UAAU,GAAGR,sBAAsBW,QAAQE,YAAYF;YAC/D;YAEF;QACF;QAEA,MAAM,IAAIG,MAAM;IAClB;IAEA,qBACE,MAACrB;QAAMsB,SAAS;;0BACd,MAACxB;gBAAYyB,QAAO;;kCAClB,KAACxB;wBAAWyB,IAAG;kCAAwB;;kCACvC,KAACtB;wBACCuB,sBAAqB;wBACrBX,OAAOE;wBACPH,UAAUI;wBACVoB,UAAUzB,MAAMe,UAAU;wBAC1BC,SAAQ;wBACRC,OAAM;;;;0BAGV,KAACnB;gBACCyB,UAAUvB,MAAME,KAAK,CAACqB,QAAQ,IAAI,EAAE;gBACpCR,YAAYf,MAAMe,UAAU;gBAC5Bd,UAAU,CAACmB;oBACTpB,MAAMC,QAAQ,CAAC;wBAAE,GAAGD,MAAME,KAAK;wBAAEqB,UAAUH;oBAAE;gBAC/C;;;;AAIR;AAEA,OAAO,SAASM,+BACd1B,KAA0D;IAE1D,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAC5B,MAAM,EAAEG,UAAU,EAAE,GAAGD;IACvB,MAAME,qBAAqBD,cAAcT;IAEzC,MAAM,EAAEiC,MAAMC,MAAM,EAAE,GAAGrC,oBAAsCa;IAC/D,MAAMyB,UAAUD,QAAQE,QAAQC;IAEhC,MAAM1B,yBAA4D,CAACC;QACjE,IAAIV,+BAA+BU,OAAO;YACxCL,SACET,QAAQU,OAAO,CAACK;gBACd,sFAAsF;gBACtFA,MAAMJ,UAAU,GAAGR,sBAAsBW,QAAQE,YAAYF;YAC/D;YAEF;QACF;QAEA,MAAM,IAAIG,MAAM;IAClB;IAEA,qBACE,MAACrB;QAAMsB,SAAS;;0BACd,MAACxB;gBAAYyB,QAAO;;kCAClB,KAACxB;wBAAWyB,IAAG;kCAAwB;;kCACvC,KAACtB;wBACCuB,sBAAsBhB;wBACtBK,OAAOE;wBACPH,UAAUI;wBACVW,SAAQ;wBACRC,OAAM;wBACNQ,UAAUzB,MAAMe,UAAU;;;;0BAG9B,KAACtB;gBACCuC,gBAAgB;oBAAEC,QAAQ;wBAAEC,KAAKL;oBAAQ;gBAAE;gBAC3C3B,OAAOA,MAAMiC,IAAI;gBACjBhC,YAAYC;gBACZgC,QAAQ,CAACC;oBACPrC,MAAMC,QAAQ,CAAC;wBAAE,GAAGD,MAAME,KAAK;wBAAEiC,MAAME,MAAMhB,MAAM,CAACiB,WAAW,IAAI;oBAAG;gBACxE;gBACAxB,UAAUd,MAAMe,UAAU;gBAC1BwB,OAAM;;0BAER,KAAClD;gBACC4B,OAAM;gBACNf,OAAOF,MAAME,KAAK,CAACiB,SAAS;gBAC5BG,YAAY;oBACVR,UAAUd,MAAMe,UAAU;gBAC5B;gBACAd,UAAU,CAACmB;oBACTpB,MAAMC,QAAQ,CAAC;wBAAE,GAAGD,MAAME,KAAK;wBAAEiB,WAAWC,EAAEC,MAAM,CAACnB,KAAK;oBAAC;gBAC7D;;;;AAIR;AAEA,OAAO,SAASsC,gBAAgBC,MAAkB,EAAEtB,SAAiB;IACnE,MAAMuB,WAAW,IAAIC;IACrB,KAAK,MAAMC,UAAUH,OAAOI,MAAM,CAAE;QAClC,MAAM3C,QAAQ0C,OAAOE,MAAM,CAAC3B,UAAU;QACtC,IAAIjB,UAAUM,WAAW;YACvBkC,SAASK,GAAG,CAAC7C;QACf;IACF;IACA,OAAO8C,MAAMC,IAAI,CAACP,SAASQ,MAAM;AACnC;AAEA,OAAO,SAASC,gBAAgBC,MAAkB,EAAEjC,SAAiB;IACnE,MAAMuB,WAAW,IAAIC;IACrB,KAAK,MAAMC,UAAUQ,OAAOP,MAAM,CAAE;QAClC,MAAM3C,QAAQ0C,OAAOE,MAAM,CAAC3B,UAAU;QACtC,IAAIjB,UAAUM,WAAW;YACvBkC,SAASK,GAAG,CAAC7C;QACf;IACF;IACA,OAAO8C,MAAMC,IAAI,CAACP,SAASQ,MAAM;AACnC;AAEA;;CAEC,GACD,OAAO,MAAMG,+BAA+B,CAACH;IAC3C,IAAI,CAACA,QAAQ,OAAO,EAAE;IACtB,OAAOA,OAAOI,GAAG,CAAC,CAACpD,QAAW,CAAA;YAC5BA;YACAe,OAAOf;QACT,CAAA;AACF,EAAE"}

package/lib/plugins/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/plugins/types.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,UAAU,CAAC;AAExD,eAAO,MAAM,uBAAuB,EAAE,cAAqB,CAAC;AAE5D,MAAM,WAAW,wBAAwB;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,MAAM,WAAW,6BAA6B;IAC5C,UAAU,CAAC,EAAE,4BAA4B,CAAC;CAC3C;AAED,MAAM,MAAM,mCAAmC,GAAG,6BAA6B,GAAG;IAChF,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oCAAoC,GAAG,6BAA6B,GAAG;IACjF,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,6BAA6B,GAAG;IAE5E,IAAI,EAAE,MAAM,CAAC;IAGb,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC"}

package/lib/plugins/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/types.ts"],"sourcesContent":["// Copyright 2023 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 { DurationString, HTTPProxy } from '@perses-dev/core';\nimport { PrometheusDatasourceSelector } from '../model';\n\nexport const DEFAULT_SCRAPE_INTERVAL: DurationString = '1m';\n\nexport interface PrometheusDatasourceSpec {\n  directUrl?: string;\n  proxy?: HTTPProxy;\n  scrapeInterval?: DurationString; // default to 1m\n}\n\nexport interface PrometheusVariableOptionsBase {\n  datasource?: PrometheusDatasourceSelector;\n}\n\nexport type PrometheusLabelNamesVariableOptions = PrometheusVariableOptionsBase & {\n  matchers?: string[];\n};\n\nexport type PrometheusLabelValuesVariableOptions = PrometheusVariableOptionsBase & {\n  labelName: string;\n  matchers?: string[];\n};\n\nexport type PrometheusPromQLVariableOptions = PrometheusVariableOptionsBase & {\n  // expr is the PromQL expression.\n  expr: string;\n  // labelName is the name of the label that will be used after the PromQL query is performed to select the label value.\n  // Note: This field is not part of the Prometheus API.\n  labelName: string;\n};\n"],"names":["DEFAULT_SCRAPE_INTERVAL"],"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;AAKjC,OAAO,MAAMA,0BAA0C,KAAK"}

package/lib/plugins/variable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variable.d.ts","sourceRoot":"","sources":["../../../src/plugins/variable.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAsB,MAAM,2BAA2B,CAAC;AAI/F,KAAK,gBAAgB,GAAG,MAAM,GAAG,cAAc,CAAC;AAEhD,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,EAAE,CAAC;CAC5B,CAAC;AAmDF,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,yBAAyB,CAiBxE,CAAC"}

package/{dist → lib}/plugins/variable.js

@@ -59,8 +59,7 @@ function StaticListVariableOptionEditor(props) {
 }
 export const StaticListVariable = {
     getVariableOptions: async (spec)=>{
-        var _spec_values;
-        const values = (_spec_values = spec.values) === null || _spec_values === void 0 ? void 0 : _spec_values.map((v)=>{
+        const values = spec.values?.map((v)=>{
             if (typeof v === 'string') {
                 return {
                     label: v,

package/lib/plugins/variable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/plugins/variable.tsx"],"sourcesContent":["// Copyright 2023 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 { VariablePlugin, VariableOption, OptionsEditorProps } from '@perses-dev/plugin-system';\nimport { Autocomplete, TextField } from '@mui/material';\nimport { ReactElement } from 'react';\n\ntype StaticListOption = string | VariableOption;\n\ntype StaticListVariableOptions = {\n  values: StaticListOption[];\n};\n\nfunction StaticListVariableOptionEditor(props: OptionsEditorProps<StaticListVariableOptions>): ReactElement {\n  const value = props.value.values.map((v) => {\n    if (typeof v === 'string') {\n      return v;\n    } else {\n      return v.value;\n    }\n  });\n\n  const onChange = (__: unknown, value: string[]): void => {\n    props.onChange({\n      values: value.map((v) => {\n        return { value: v, label: v };\n      }),\n    });\n  };\n\n  return (\n    <div>\n      <Autocomplete\n        onPaste={(e) => {\n          // Append new values on paste\n          const v = e.clipboardData.getData('text/plain');\n          if (v) {\n            const values = v.split(',');\n            onChange(null, value.concat(values));\n            e.preventDefault();\n          }\n        }}\n        multiple\n        value={value}\n        onChange={onChange}\n        options={[]}\n        freeSolo\n        clearOnBlur\n        readOnly={props.isReadonly}\n        renderInput={(params) => (\n          <TextField\n            {...params}\n            label=\"Values\"\n            placeholder=\"Values\"\n            helperText='Type new value then press \"Enter\" to add.'\n          />\n        )}\n      />\n    </div>\n  );\n}\n\nexport const StaticListVariable: VariablePlugin<StaticListVariableOptions> = {\n  getVariableOptions: async (spec) => {\n    const values = spec.values?.map((v) => {\n      if (typeof v === 'string') {\n        return { label: v, value: v };\n      }\n      return v;\n    });\n    return {\n      data: values,\n    };\n  },\n  dependsOn: () => {\n    return { variables: [] };\n  },\n  OptionsEditorComponent: StaticListVariableOptionEditor,\n  createInitialOptions: () => ({ values: [] }),\n};\n"],"names":["Autocomplete","TextField","StaticListVariableOptionEditor","props","value","values","map","v","onChange","__","label","div","onPaste","e","clipboardData","getData","split","concat","preventDefault","multiple","options","freeSolo","clearOnBlur","readOnly","isReadonly","renderInput","params","placeholder","helperText","StaticListVariable","getVariableOptions","spec","data","dependsOn","variables","OptionsEditorComponent","createInitialOptions"],"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;;AAGjC,SAASA,YAAY,EAAEC,SAAS,QAAQ,gBAAgB;AASxD,SAASC,+BAA+BC,KAAoD;IAC1F,MAAMC,QAAQD,MAAMC,KAAK,CAACC,MAAM,CAACC,GAAG,CAAC,CAACC;QACpC,IAAI,OAAOA,MAAM,UAAU;YACzB,OAAOA;QACT,OAAO;YACL,OAAOA,EAAEH,KAAK;QAChB;IACF;IAEA,MAAMI,WAAW,CAACC,IAAaL;QAC7BD,MAAMK,QAAQ,CAAC;YACbH,QAAQD,MAAME,GAAG,CAAC,CAACC;gBACjB,OAAO;oBAAEH,OAAOG;oBAAGG,OAAOH;gBAAE;YAC9B;QACF;IACF;IAEA,qBACE,KAACI;kBACC,cAAA,KAACX;YACCY,SAAS,CAACC;gBACR,6BAA6B;gBAC7B,MAAMN,IAAIM,EAAEC,aAAa,CAACC,OAAO,CAAC;gBAClC,IAAIR,GAAG;oBACL,MAAMF,SAASE,EAAES,KAAK,CAAC;oBACvBR,SAAS,MAAMJ,MAAMa,MAAM,CAACZ;oBAC5BQ,EAAEK,cAAc;gBAClB;YACF;YACAC,QAAQ;YACRf,OAAOA;YACPI,UAAUA;YACVY,SAAS,EAAE;YACXC,QAAQ;YACRC,WAAW;YACXC,UAAUpB,MAAMqB,UAAU;YAC1BC,aAAa,CAACC,uBACZ,KAACzB;oBACE,GAAGyB,MAAM;oBACVhB,OAAM;oBACNiB,aAAY;oBACZC,YAAW;;;;AAMvB;AAEA,OAAO,MAAMC,qBAAgE;IAC3EC,oBAAoB,OAAOC;QACzB,MAAM1B,SAAS0B,KAAK1B,MAAM,EAAEC,IAAI,CAACC;YAC/B,IAAI,OAAOA,MAAM,UAAU;gBACzB,OAAO;oBAAEG,OAAOH;oBAAGH,OAAOG;gBAAE;YAC9B;YACA,OAAOA;QACT;QACA,OAAO;YACLyB,MAAM3B;QACR;IACF;IACA4B,WAAW;QACT,OAAO;YAAEC,WAAW,EAAE;QAAC;IACzB;IACAC,wBAAwBjC;IACxBkC,sBAAsB,IAAO,CAAA;YAAE/B,QAAQ,EAAE;QAAC,CAAA;AAC5C,EAAE"}

package/lib/setup-tests.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setup-tests.d.ts.map

package/lib/setup-tests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../src/setup-tests.ts"],"names":[],"mappings":"AAaA,OAAO,2BAA2B,CAAC"}

package/lib/setup-tests.js

@@ -0,0 +1,17 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import '@testing-library/jest-dom';
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');
+
+//# sourceMappingURL=setup-tests.js.map

package/{dist/utils/index.js.map → lib/setup-tests.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["// Copyright 2023 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\nexport * from './utils';\n"],"names":[],"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,cAAc,UAAU"}
+{"version":3,"sources":["../../src/setup-tests.ts"],"sourcesContent":["// Copyright 2023 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 '@testing-library/jest-dom';\n\n// Always mock e-charts during tests since we don't have a proper canvas in jsdom\njest.mock('echarts/core');\n"],"names":["jest","mock"],"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,OAAO,4BAA4B;AAEnC,iFAAiF;AACjFA,KAAKC,IAAI,CAAC"}

package/lib/test/setup-tests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../../src/test/setup-tests.ts"],"names":[],"mappings":"AAaA,OAAO,yCAAyC,CAAC"}