@perses-dev/prometheus-plugin 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { PluginSetupFunction } from '@perses-dev/core';
+export declare const setup: PluginSetupFunction;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,eAAO,MAAM,KAAK,EAAE,mBAiCnB,CAAC"}

package/dist/index.js

@@ -0,0 +1,50 @@
+// Copyright 2021 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 { PrometheusGraphQueryKind, usePrometheusGraphQuery } from './plugins/graph-query';
+import { IntervalKind, useIntervalValues } from './plugins/interval-variable';
+import { PrometheusLabelNamesKind, usePrometheusLabelNames } from './plugins/label-names-variable';
+import { PrometheusLabelValuesKind, usePrometheusLabelValues } from './plugins/label-values-variable';
+export const setup = (registerPlugin) => {
+    registerPlugin({
+        pluginType: 'Variable',
+        kind: PrometheusLabelNamesKind,
+        validate: undefined,
+        plugin: {
+            useVariableOptions: usePrometheusLabelNames,
+        },
+    });
+    registerPlugin({
+        pluginType: 'Variable',
+        kind: PrometheusLabelValuesKind,
+        validate: undefined,
+        plugin: {
+            useVariableOptions: usePrometheusLabelValues,
+        },
+    });
+    registerPlugin({
+        pluginType: 'Variable',
+        kind: IntervalKind,
+        validate: undefined,
+        plugin: {
+            useVariableOptions: useIntervalValues,
+        },
+    });
+    registerPlugin({
+        pluginType: 'GraphQuery',
+        kind: PrometheusGraphQueryKind,
+        validate: undefined,
+        plugin: {
+            useGraphQuery: usePrometheusGraphQuery,
+        },
+    });
+};

package/dist/model/api-types.d.ts

@@ -0,0 +1,80 @@
+import { DurationString } from '@perses-dev/core';
+export type { DurationString };
+export interface SuccessResponse<T> {
+    status: 'success';
+    data: T;
+    warnings?: string[];
+}
+export interface ErrorResponse<T> {
+    status: 'error';
+    data?: T;
+    errorType: string;
+    error: string;
+}
+export declare type ApiResponse<T> = SuccessResponse<T> | ErrorResponse<T>;
+export declare type DurationSeconds = number;
+export declare type UnixTimestampSeconds = number;
+export declare type ValueTuple = [unixTimeSeconds: UnixTimestampSeconds, sampleValue: string];
+export declare type Metric = Record<string, string>;
+export interface VectorData {
+    resultType: 'vector';
+    result: Array<{
+        metric: Metric;
+        value: ValueTuple;
+    }>;
+}
+export interface MatrixData {
+    resultType: 'matrix';
+    result: Array<{
+        metric: Metric;
+        values: ValueTuple[];
+    }>;
+}
+export interface ScalarData {
+    resultType: 'scalar';
+    result: ValueTuple;
+}
+export interface InstantQueryRequestParameters {
+    query: string;
+    time?: UnixTimestampSeconds;
+    timeout?: DurationString;
+}
+export declare type InstantQueryResponse = ApiResponse<MatrixData | VectorData | ScalarData>;
+export interface RangeQueryRequestParameters {
+    query: string;
+    start: UnixTimestampSeconds;
+    end: UnixTimestampSeconds;
+    step: DurationSeconds;
+    timeout?: DurationString;
+}
+export declare type RangeQueryResponse = ApiResponse<MatrixData>;
+export interface SeriesRequestParameters {
+    match: string[];
+    start: UnixTimestampSeconds;
+    end: UnixTimestampSeconds;
+}
+export declare type SeriesResponse = ApiResponse<Metric[]>;
+export interface LabelNamesRequestParameters {
+    start?: UnixTimestampSeconds;
+    end?: UnixTimestampSeconds;
+    match?: string[];
+}
+export declare type LabelNamesResponse = ApiResponse<string[]>;
+export interface LabelValuesRequestParameters {
+    labelName: string;
+    start?: UnixTimestampSeconds;
+    end?: UnixTimestampSeconds;
+    match?: string[];
+}
+export declare type LabelValuesResponse = ApiResponse<string[]>;
+export interface MetricMetadata {
+    type: string;
+    help: string;
+    unit?: string;
+}
+export interface MetricMetadataRequestParameters {
+    limit?: number;
+    metric?: string;
+}
+export declare type MetricMetadataResponse = ApiResponse<Record<string, MetricMetadata[]>>;
+//# sourceMappingURL=api-types.d.ts.map

package/dist/model/api-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-types.d.ts","sourceRoot":"","sources":["../../src/model/api-types.ts"],"names":[],"mappings":"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"}

package/dist/model/api-types.js

@@ -0,0 +1,13 @@
+// Copyright 2021 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 {};

package/dist/model/datasource.d.ts

@@ -0,0 +1,7 @@
+import { DatasourceSelector, DatasourceSpecDefinition, HTTPConfig } from '@perses-dev/core';
+export interface PrometheusSpecDatasource extends DatasourceSpecDefinition {
+    kind: 'Prometheus';
+    http: HTTPConfig;
+}
+export declare function usePrometheusConfig(selector: DatasourceSelector): PrometheusSpecDatasource;
+//# sourceMappingURL=datasource.d.ts.map

package/dist/model/datasource.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datasource.d.ts","sourceRoot":"","sources":["../../src/model/datasource.ts"],"names":[],"mappings":"AAaA,OAAO,EAEL,kBAAkB,EAClB,wBAAwB,EACxB,UAAU,EAEX,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,wBAAyB,SAAQ,wBAAwB;IACxE,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,EAAE,UAAU,CAAC;CAClB;AAMD,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,4BAE/D"}

package/dist/model/datasource.js

@@ -0,0 +1,19 @@
+// Copyright 2021 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 { useDataSourceConfig, } from '@perses-dev/core';
+function isPrometheusDatasource(def) {
+    return def.kind === 'Prometheus';
+}
+export function usePrometheusConfig(selector) {
+    return useDataSourceConfig(selector, isPrometheusDatasource);
+}

package/dist/model/parse-sample-values.d.ts

@@ -0,0 +1,16 @@
+import { ValueTuple } from './api-types';
+/**
+ * ValueTuple from the Prom server, parsed into ms and floating point number
+ */
+export declare type ParsedValueTuple = [unixTimeMs: number, value: number];
+/**
+ * Parse a ValueTuple from a PromServer response into the a millisecond-based
+ * unix time and a numeric sample value.
+ */
+export declare function parseValueTuple(data: ValueTuple): ParsedValueTuple;
+/**
+ * Parses a string sample value from Prometheus, usually included as the
+ * second member of a ValueTuple.
+ */
+export declare function parseSampleValue(sampleValue: ValueTuple[1]): number;
+//# sourceMappingURL=parse-sample-values.d.ts.map

package/dist/model/parse-sample-values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-sample-values.d.ts","sourceRoot":"","sources":["../../src/model/parse-sample-values.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC;;GAEG;AACH,oBAAY,gBAAgB,GAAG,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AAEnE;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,GAAG,gBAAgB,CAKlE;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAanE"}

package/dist/model/parse-sample-values.js

@@ -0,0 +1,39 @@
+// Copyright 2021 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.
+/**
+ * Parse a ValueTuple from a PromServer response into the a millisecond-based
+ * unix time and a numeric sample value.
+ */
+export function parseValueTuple(data) {
+    const [unixTimeSeconds, sampleValue] = data;
+    // Prom returns unix time in seconds, so convert to ms
+    return [unixTimeSeconds * 1000, parseSampleValue(sampleValue)];
+}
+/**
+ * Parses a string sample value from Prometheus, usually included as the
+ * second member of a ValueTuple.
+ */
+export function parseSampleValue(sampleValue) {
+    // Account for Prometheus' representation of +/- infinity, otherwise just
+    // parse the sample value as a float
+    let value;
+    switch (sampleValue) {
+        case '+Inf':
+            value = Number.POSITIVE_INFINITY;
+        case '-Inf':
+            value = Number.NEGATIVE_INFINITY;
+        default:
+            value = parseFloat(sampleValue);
+    }
+    return value;
+}

package/dist/model/prometheus-client.d.ts

@@ -0,0 +1,22 @@
+import { UseQueryOptions } from 'react-query';
+import { DatasourceSelector } from '@perses-dev/core';
+import { InstantQueryRequestParameters, InstantQueryResponse, LabelNamesRequestParameters, LabelNamesResponse, LabelValuesRequestParameters, LabelValuesResponse, RangeQueryRequestParameters, RangeQueryResponse } from './api-types';
+export declare type QueryOptions = Pick<UseQueryOptions, 'enabled'>;
+/**
+ * Calls the `/api/v1/query` endpoint to get metrics data.
+ */
+export declare function useInstantQuery(datasource: DatasourceSelector, params: InstantQueryRequestParameters, queryOptions?: QueryOptions): import("react-query").UseQueryResult<InstantQueryResponse, Error>;
+/**
+ * Calls the `/api/v1/query_range` endpoint to get metrics data.
+ */
+export declare function useRangeQuery(datasource: DatasourceSelector, params: RangeQueryRequestParameters, queryOptions?: QueryOptions): import("react-query").UseQueryResult<RangeQueryResponse, Error>;
+/**
+ * Calls the `/api/v1/labels` endpoint to get a list of label names.
+ */
+export declare function useLabelNames(datasource: DatasourceSelector, params: LabelNamesRequestParameters, queryOptions?: QueryOptions): import("react-query").UseQueryResult<LabelNamesResponse, Error>;
+/**
+ * Calls the `/api/v1/label/{labelName}/values` endpoint to get a list of
+ * values for a label.
+ */
+export declare function useLabelValues(datasource: DatasourceSelector, params: LabelValuesRequestParameters, queryOptions?: QueryOptions): import("react-query").UseQueryResult<LabelValuesResponse, Error>;
+//# sourceMappingURL=prometheus-client.d.ts.map

package/dist/model/prometheus-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prometheus-client.d.ts","sourceRoot":"","sources":["../../src/model/prometheus-client.ts"],"names":[],"mappings":"AAaA,OAAO,EAAY,eAAe,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAsB,kBAAkB,EAAa,MAAM,kBAAkB,CAAC;AACrF,OAAO,EACL,6BAA6B,EAC7B,oBAAoB,EACpB,2BAA2B,EAC3B,kBAAkB,EAClB,4BAA4B,EAC5B,mBAAmB,EACnB,2BAA2B,EAC3B,kBAAkB,EACnB,MAAM,aAAa,CAAC;AAGrB,oBAAY,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAE5D;;GAEG;AACH,wBAAgB,eAAe,CAC7B,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,6BAA6B,EACrC,YAAY,CAAC,EAAE,YAAY,qEAS5B;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,2BAA2B,EACnC,YAAY,CAAC,EAAE,YAAY,mEAS5B;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,2BAA2B,EACnC,YAAY,CAAC,EAAE,YAAY,mEAS5B;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,kBAAkB,EAC9B,MAAM,EAAE,4BAA4B,EACpC,YAAY,CAAC,EAAE,YAAY,oEAW5B"}

package/dist/model/prometheus-client.js

@@ -0,0 +1,97 @@
+// Copyright 2021 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 { useQuery } from 'react-query';
+import { buildDatasourceURL, fetchJson } from '@perses-dev/core';
+import { usePrometheusConfig } from './datasource';
+/**
+ * Calls the `/api/v1/query` endpoint to get metrics data.
+ */
+export function useInstantQuery(datasource, params, queryOptions) {
+    return useQueryWithPost(datasource, '/api/v1/query', params, undefined, queryOptions);
+}
+/**
+ * Calls the `/api/v1/query_range` endpoint to get metrics data.
+ */
+export function useRangeQuery(datasource, params, queryOptions) {
+    return useQueryWithPost(datasource, '/api/v1/query_range', params, undefined, queryOptions);
+}
+/**
+ * Calls the `/api/v1/labels` endpoint to get a list of label names.
+ */
+export function useLabelNames(datasource, params, queryOptions) {
+    return useQueryWithPost(datasource, '/api/v1/labels', params, { match: 'match[]' }, queryOptions);
+}
+/**
+ * Calls the `/api/v1/label/{labelName}/values` endpoint to get a list of
+ * values for a label.
+ */
+export function useLabelValues(datasource, params, queryOptions) {
+    const { labelName, ...searchParams } = params;
+    const apiURI = `/api/v1/label/${encodeURIComponent(labelName)}/values`;
+    return useQueryWithGet(datasource, apiURI, searchParams, { match: 'match[]' }, queryOptions);
+}
+function useQueryWithGet(datasourceSelector, apiURI, params, rename, queryOptions) {
+    const httpConfig = usePrometheusConfig(datasourceSelector).http;
+    const datasourceURL = buildDatasourceURL(datasourceSelector.name, httpConfig);
+    const key = [datasourceURL, apiURI, params];
+    return useQuery(key, () => {
+        let url = `${datasourceURL}${apiURI}`;
+        const urlParams = createSearchParams(params, rename).toString();
+        if (urlParams !== '') {
+            url += `?${urlParams}`;
+        }
+        return fetchJson(url, { method: 'GET' });
+    }, queryOptions);
+}
+function useQueryWithPost(datasourceSelector, apiURI, params, rename, queryOptions) {
+    const httpConfig = usePrometheusConfig(datasourceSelector).http;
+    const datasourceURL = buildDatasourceURL(datasourceSelector.name, httpConfig);
+    const key = [datasourceURL, apiURI, params];
+    return useQuery(key, () => {
+        const url = `${datasourceURL}${apiURI}`;
+        const init = {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+            },
+            body: createSearchParams(params, rename),
+        };
+        return fetchJson(url, init);
+    }, queryOptions);
+}
+/**
+ * Creates URLSearchParams from a request params object.
+ */
+function createSearchParams(params, rename) {
+    const searchParams = new URLSearchParams();
+    for (const key in params) {
+        const value = params[key];
+        if (value === undefined)
+            continue;
+        // Allow keys to be renamed when mapping to parameters
+        const renamed = rename === null || rename === void 0 ? void 0 : rename[key];
+        const name = renamed !== undefined ? renamed : key;
+        if (typeof value === 'string') {
+            searchParams.append(name, value);
+            continue;
+        }
+        if (typeof value === 'number') {
+            searchParams.append(name, value.toString());
+            continue;
+        }
+        for (const val of value) {
+            searchParams.append(name, val);
+        }
+    }
+    return searchParams;
+}

package/dist/model/templating.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Type alias to indicate what parts of the API support template variables.
+ */
+export declare type TemplateString = string;
+/**
+ * Replaces template variable placeholders with variable values from the current
+ * dashbboard in multiple template strings. Since template strings are often
+ * used as request parameters, the results are memoized and only recalculated
+ * if the templateStrings or variable values change.
+ */
+export declare function useReplaceTemplateStrings(templateStrings?: TemplateString[]): {
+    result: string[];
+    needsVariableValuesFor: Set<string>;
+};
+/**
+ * Replaces template variable placeholders with variable values from the current
+ * dashboard in a single template string. Since template strings are often
+ * used as request parameters, the results are memoized and only recalculated
+ * if the templateString or variable values change.
+ */
+export declare function useReplaceTemplateString(templateString?: TemplateString): {
+    result: string;
+    needsVariableValuesFor: Set<string>;
+};
+//# sourceMappingURL=templating.d.ts.map

package/dist/model/templating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templating.d.ts","sourceRoot":"","sources":["../../src/model/templating.ts"],"names":[],"mappings":"AAkBA;;GAEG;AACH,oBAAY,cAAc,GAAG,MAAM,CAAC;AAEpC;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,eAAe,CAAC,EAAE,cAAc,EAAE;;;EAkB3E;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,cAAc,CAAC,EAAE,cAAc;;;EAWvE"}

package/dist/model/templating.js

@@ -0,0 +1,116 @@
+// Copyright 2021 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 { Duration, parser, StringLiteral } from 'lezer-promql';
+import { DEFAULT_ALL_VALUE, useMemoized, useDashboardVariables } from '@perses-dev/core';
+const REPLACE_IN_NODE_TYPES = new Set([StringLiteral, Duration]);
+/**
+ * Replaces template variable placeholders with variable values from the current
+ * dashbboard in multiple template strings. Since template strings are often
+ * used as request parameters, the results are memoized and only recalculated
+ * if the templateStrings or variable values change.
+ */
+export function useReplaceTemplateStrings(templateStrings) {
+    const variablesState = useDashboardVariables();
+    // Replace template string placeholders with variable values
+    return useMemoized(() => {
+        const result = [];
+        const needsVariableValuesFor = new Set();
+        for (const templateString of templateStrings !== null && templateStrings !== void 0 ? templateStrings : []) {
+            const replaced = replaceTemplateVariables(templateString, variablesState);
+            result.push(replaced.result);
+            for (const varName of replaced.needsVariableValuesFor) {
+                needsVariableValuesFor.add(varName);
+            }
+        }
+        return { result, needsVariableValuesFor };
+    }, [templateStrings, variablesState]);
+}
+/**
+ * Replaces template variable placeholders with variable values from the current
+ * dashboard in a single template string. Since template strings are often
+ * used as request parameters, the results are memoized and only recalculated
+ * if the templateString or variable values change.
+ */
+export function useReplaceTemplateString(templateString) {
+    const variablesState = useDashboardVariables();
+    // Replace template string placeholders with variable values
+    return useMemoized(() => {
+        if (templateString === undefined) {
+            return { result: '', needsVariableValuesFor: new Set() };
+        }
+        return replaceTemplateVariables(templateString, variablesState);
+    }, [templateString, variablesState]);
+}
+/**
+ * Replace template variable placeholders with variable values.
+ */
+function replaceTemplateVariables(templateString, variablesState) {
+    const needsVariableValuesFor = new Set();
+    let indexAdjustment = 0;
+    const tree = parser.parse(templateString);
+    const cursor = tree.cursor();
+    do {
+        // Only replace variables in string literals for now
+        if (REPLACE_IN_NODE_TYPES.has(cursor.node.type.id))
+            continue;
+        let { from, to } = cursor.node;
+        from += indexAdjustment;
+        to += indexAdjustment;
+        let nodeText = templateString.substring(from, to);
+        nodeText = nodeText.replaceAll(/\$([a-zA-Z0-9_-]+)/g, (match, variableName) => {
+            const state = variablesState[variableName];
+            if (state === undefined) {
+                throw new Error(`Unknown variable '${variableName}'`);
+            }
+            const { value, options } = state;
+            let replacement;
+            if (Array.isArray(value)) {
+                let selectedValues = value;
+                // Is the default ALL value?
+                if (value.length === 1 && value[0] === DEFAULT_ALL_VALUE) {
+                    // For the default ALL value, we want to use all options as the
+                    // selected values
+                    if (options === undefined) {
+                        // Wait until options are loaded before we do replacement
+                        needsVariableValuesFor.add(variableName);
+                        return match;
+                    }
+                    selectedValues = options;
+                }
+                // TODO: Escape v for regex
+                replacement = selectedValues.map((v) => v).join('|');
+            }
+            else {
+                replacement = escapeVariableValue(value);
+            }
+            return replacement;
+        });
+        // Replace the string literal with the new one and since that may change the
+        // overall length of the string, keep track of an "index adjustment" so we
+        // can shift positions in the tree accordingly
+        const oldLength = to - from;
+        indexAdjustment += nodeText.length - oldLength;
+        templateString = templateString.substring(0, from) + nodeText + templateString.substring(from + oldLength);
+    } while (cursor.next());
+    return {
+        result: templateString,
+        needsVariableValuesFor,
+    };
+}
+const SINGLE_BACKSLASH = '\\';
+const DOUBLE_BACKSLASH = '\\\\';
+function escapeVariableValue(value) {
+    // TODO: What about ["'`]? Do we need to know what kind of quotes the
+    // string literal is using?
+    return value.replaceAll(SINGLE_BACKSLASH, DOUBLE_BACKSLASH);
+}

package/dist/model/time.d.ts

@@ -0,0 +1,25 @@
+import { DurationString } from '@perses-dev/core';
+import { UnixTimestampSeconds } from './api-types';
+export interface PrometheusTimeRange {
+    start: UnixTimestampSeconds;
+    end: UnixTimestampSeconds;
+}
+/**
+ * Get the time range for the current dashboard, converted to Prometheus time.
+ */
+export declare function useDashboardPrometheusTimeRange(): {
+    start: number;
+    end: number;
+};
+/**
+ * Gets the step to use for a Panel range query. Tries to take into account
+ * the width of the panel, any minimum step/resolution set by the user, and
+ * a "safe" step based on the max data points we want to allow returning from
+ * a Prom query.
+ */
+export declare function usePanelRangeStep(timeRange: PrometheusTimeRange, minStepSeconds?: number, resolution?: number): number;
+/**
+ * Converts a DurationString to seconds, rounding down.
+ */
+export declare function getDurationStringSeconds(durationString?: DurationString): number | undefined;
+//# sourceMappingURL=time.d.ts.map

package/dist/model/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/model/time.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,cAAc,EAKf,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,GAAG,EAAE,oBAAoB,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,+BAA+B;;;EAU9C;AAMD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,mBAAmB,EAAE,cAAc,SAAK,EAAE,UAAU,SAAI,UAwBpG;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,cAAc,CAAC,EAAE,cAAc,sBAMvE"}

package/dist/model/time.js

@@ -0,0 +1,68 @@
+// Copyright 2021 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 { parseDurationString, useMemoized, usePanelState, useDashboardTimeRange, } from '@perses-dev/core';
+import { milliseconds, getUnixTime } from 'date-fns';
+import { useRef } from 'react';
+/**
+ * Get the time range for the current dashboard, converted to Prometheus time.
+ */
+export function useDashboardPrometheusTimeRange() {
+    const { start, end } = useDashboardTimeRange();
+    // Only recalculate the time range if the value on the dashboard changes
+    return useMemoized(() => {
+        return {
+            start: Math.ceil(getUnixTime(start)),
+            end: Math.ceil(getUnixTime(end)),
+        };
+    }, [start, end]);
+}
+// Max data points to allow returning from a Prom Query, used to calculate a
+// "safe" step for a range query
+const MAX_PROM_DATA_POINTS = 10000;
+/**
+ * Gets the step to use for a Panel range query. Tries to take into account
+ * the width of the panel, any minimum step/resolution set by the user, and
+ * a "safe" step based on the max data points we want to allow returning from
+ * a Prom query.
+ */
+export function usePanelRangeStep(timeRange, minStepSeconds = 15, resolution = 1) {
+    // Keep track of the latest panel width in a ref
+    const { contentDimensions } = usePanelState();
+    const panelWidth = useRef(contentDimensions === null || contentDimensions === void 0 ? void 0 : contentDimensions.width);
+    panelWidth.current = contentDimensions === null || contentDimensions === void 0 ? void 0 : contentDimensions.width;
+    // Whenever the time range changes, recalculate the appropriate step
+    return useMemoized(() => {
+        const queryRangeSeconds = timeRange.end - timeRange.start;
+        // TODO: Should we try to suggest more "rounded" step values based around
+        // time increments that make sense (e.g. 15s, 30s, 1m, 5m, etc.)
+        let suggestedStep = 0;
+        if (panelWidth.current !== undefined) {
+            suggestedStep = Math.floor(queryRangeSeconds / panelWidth.current);
+        }
+        let safeStep = queryRangeSeconds / MAX_PROM_DATA_POINTS;
+        if (safeStep > 1) {
+            safeStep = Math.ceil(safeStep);
+        }
+        return Math.max(suggestedStep * resolution, minStepSeconds, safeStep);
+    }, [timeRange, minStepSeconds, resolution]);
+}
+/**
+ * Converts a DurationString to seconds, rounding down.
+ */
+export function getDurationStringSeconds(durationString) {
+    if (durationString === undefined)
+        return undefined;
+    const duration = parseDurationString(durationString);
+    const ms = milliseconds(duration);
+    return Math.floor(ms / 1000);
+}

package/dist/plugins/graph-query.d.ts

@@ -0,0 +1,12 @@
+import { DurationString, GraphQueryDefinition, JsonObject, UseGraphQueryHook } from '@perses-dev/core';
+import { TemplateString } from '../model/templating';
+export declare const PrometheusGraphQueryKind: "PrometheusGraphQuery";
+declare type PrometheusGraphQuery = GraphQueryDefinition<GraphQueryOptions>;
+interface GraphQueryOptions extends JsonObject {
+    query: TemplateString;
+    min_step?: DurationString;
+    resolution?: number;
+}
+export declare function usePrometheusGraphQuery(definition: PrometheusGraphQuery): ReturnType<UseGraphQueryHook<GraphQueryOptions>>;
+export {};
+//# sourceMappingURL=graph-query.d.ts.map

package/dist/plugins/graph-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-query.d.ts","sourceRoot":"","sources":["../../src/plugins/graph-query.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,cAAc,EAEd,oBAAoB,EACpB,UAAU,EAEV,iBAAiB,EAElB,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAAE,cAAc,EAA4B,MAAM,qBAAqB,CAAC;AAG/E,eAAO,MAAM,wBAAwB,wBAAkC,CAAC;AAExE,aAAK,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEpE,UAAU,iBAAkB,SAAQ,UAAU;IAC5C,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,oBAAoB,GAC/B,UAAU,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAsElD"}

package/dist/plugins/graph-query.js

@@ -0,0 +1,77 @@
+// Copyright 2021 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 { useDashboardSpec, useMemoized, } from '@perses-dev/core';
+import { fromUnixTime } from 'date-fns';
+import { useMemo } from 'react';
+import { parseValueTuple } from '../model/parse-sample-values';
+import { useRangeQuery } from '../model/prometheus-client';
+import { useReplaceTemplateString } from '../model/templating';
+import { getDurationStringSeconds, useDashboardPrometheusTimeRange, usePanelRangeStep } from '../model/time';
+export const PrometheusGraphQueryKind = 'PrometheusGraphQuery';
+export function usePrometheusGraphQuery(definition) {
+    const spec = useDashboardSpec();
+    const minStep = getDurationStringSeconds(definition.options.min_step);
+    const timeRange = useDashboardPrometheusTimeRange();
+    const step = usePanelRangeStep(timeRange, minStep);
+    // Align the time range so that it's a multiple of the step (TODO: we may
+    // ultimately want to return this from the hook so that charts will know what
+    // time range was actually used?)
+    const { start, end } = useMemoized(() => {
+        const { start, end } = timeRange;
+        const utcOffsetSec = new Date().getTimezoneOffset() * 60;
+        const alignedEnd = Math.floor((end + utcOffsetSec) / step) * step - utcOffsetSec;
+        const alignedStart = Math.floor((start + utcOffsetSec) / step) * step - utcOffsetSec;
+        return {
+            start: alignedStart,
+            end: alignedEnd,
+        };
+    }, [timeRange, step]);
+    const { result: query, needsVariableValuesFor } = useReplaceTemplateString(definition.options.query);
+    const request = {
+        query,
+        start,
+        end,
+        step,
+    };
+    const { data: response, isLoading: loading, error, } = useRangeQuery(spec.datasource, request, {
+        enabled: needsVariableValuesFor.size === 0,
+    });
+    const data = useMemo(() => {
+        if (response === undefined)
+            return undefined;
+        if (response.status === 'error')
+            return undefined;
+        // TODO: Maybe do a proper Iterable implementation that defers some of this
+        // processing until its needed
+        const chartData = {
+            timeRange: { start: fromUnixTime(start), end: fromUnixTime(end) },
+            stepMs: step * 1000,
+            series: response.data.result.map((value) => {
+                const { metric, values } = value;
+                // Name the series after the metric labels or if no metric, just use the
+                // overall query
+                let name = Object.entries(metric)
+                    .map(([labelName, labelValue]) => `${labelName}="${labelValue}"`)
+                    .join(', ');
+                if (name === '')
+                    name = query;
+                return {
+                    name,
+                    values: values.map(parseValueTuple),
+                };
+            }),
+        };
+        return chartData;
+    }, [response, start, end, step, query]);
+    return { data, loading, error: error !== null && error !== void 0 ? error : undefined };
+}

package/dist/plugins/interval-variable.d.ts

@@ -0,0 +1,17 @@
+import { JsonObject, DurationString, UseVariableOptionsHook, VariableDefinition } from '@perses-dev/core';
+export declare const IntervalKind: "Inverval";
+declare type IntervalVariable = VariableDefinition<IntervalOptions>;
+interface IntervalOptions extends JsonObject {
+    values: DurationString[];
+    auto?: {
+        step_count: number;
+        min_interval: DurationString;
+    };
+}
+/**
+ * Variable plugin for getting a list of variable options from a predefined
+ * list of duration values.
+ */
+export declare function useIntervalValues(definition: IntervalVariable): ReturnType<UseVariableOptionsHook<IntervalOptions>>;
+export {};
+//# sourceMappingURL=interval-variable.d.ts.map

package/dist/plugins/interval-variable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interval-variable.d.ts","sourceRoot":"","sources":["../../src/plugins/interval-variable.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE1G,eAAO,MAAM,YAAY,YAAsB,CAAC;AAEhD,aAAK,gBAAgB,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;AAE5D,UAAU,eAAgB,SAAQ,UAAU;IAC1C,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE;QACL,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,cAAc,CAAC;KAC9B,CAAC;CACH;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,gBAAgB,GAAG,UAAU,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,CAMnH"}

package/dist/plugins/interval-variable.js

@@ -0,0 +1,22 @@
+// Copyright 2021 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 const IntervalKind = 'Inverval';
+/**
+ * Variable plugin for getting a list of variable options from a predefined
+ * list of duration values.
+ */
+export function useIntervalValues(definition) {
+    // TODO: What about auto?
+    const { options: { values }, } = definition;
+    return { loading: false, error: undefined, data: values };
+}

package/dist/plugins/label-names-variable.d.ts

@@ -0,0 +1,13 @@
+import { JsonObject, UseVariableOptionsHook, VariableDefinition } from '@perses-dev/core';
+import { TemplateString } from '../model/templating';
+export declare const PrometheusLabelNamesKind: "PrometheusLabelNames";
+declare type PrometheusLabelNames = VariableDefinition<LabelNamesOptions>;
+interface LabelNamesOptions extends JsonObject {
+    match: TemplateString[];
+}
+/**
+ * Get variable option values by running a Prometheus label names query.
+ */
+export declare function usePrometheusLabelNames(definition: PrometheusLabelNames): ReturnType<UseVariableOptionsHook<LabelNamesOptions>>;
+export {};
+//# sourceMappingURL=label-names-variable.d.ts.map

package/dist/plugins/label-names-variable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-names-variable.d.ts","sourceRoot":"","sources":["../../src/plugins/label-names-variable.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAoB,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC5G,OAAO,EAAE,cAAc,EAA6B,MAAM,qBAAqB,CAAC;AAKhF,eAAO,MAAM,wBAAwB,wBAAkC,CAAC;AAExE,aAAK,oBAAoB,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;AAElE,UAAU,iBAAkB,SAAQ,UAAU;IAC5C,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,oBAAoB,GAC/B,UAAU,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,CAAC,CA2BvD"}

package/dist/plugins/label-names-variable.js

@@ -0,0 +1,42 @@
+// Copyright 2021 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 { useDashboardSpec } from '@perses-dev/core';
+import { useReplaceTemplateStrings } from '../model/templating';
+import { useDashboardPrometheusTimeRange } from '../model/time';
+import { useLabelNames } from '../model/prometheus-client';
+export const PrometheusLabelNamesKind = 'PrometheusLabelNames';
+/**
+ * Get variable option values by running a Prometheus label names query.
+ */
+export function usePrometheusLabelNames(definition) {
+    var _a;
+    const spec = useDashboardSpec();
+    const { start, end } = useDashboardPrometheusTimeRange();
+    const { result: match, needsVariableValuesFor } = useReplaceTemplateStrings(definition.options.match);
+    // Make the request, pausing any requests that are still waiting on variable
+    // values to be filled in/selected
+    const request = {
+        match,
+        start,
+        end,
+    };
+    const { data: response, isLoading: loading, error, } = useLabelNames(spec.datasource, request, {
+        enabled: needsVariableValuesFor.size === 0,
+    });
+    const data = (_a = response === null || response === void 0 ? void 0 : response.data) !== null && _a !== void 0 ? _a : [];
+    return {
+        data: data,
+        loading: loading || needsVariableValuesFor.size > 0,
+        error: error !== null && error !== void 0 ? error : undefined,
+    };
+}

package/dist/plugins/label-values-variable.d.ts

@@ -0,0 +1,14 @@
+import { JsonObject, UseVariableOptionsHook, VariableDefinition } from '@perses-dev/core';
+import { TemplateString } from '../model/templating';
+export declare const PrometheusLabelValuesKind: "PrometheusLabelValues";
+declare type PrometheusLabelValues = VariableDefinition<LabelValuesOptions>;
+interface LabelValuesOptions extends JsonObject {
+    label_name: string;
+    match?: TemplateString[];
+}
+/**
+ * Get variable option values by running a Prometheus label values query.
+ */
+export declare function usePrometheusLabelValues(definition: PrometheusLabelValues): ReturnType<UseVariableOptionsHook<LabelValuesOptions>>;
+export {};
+//# sourceMappingURL=label-values-variable.d.ts.map

package/dist/plugins/label-values-variable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-values-variable.d.ts","sourceRoot":"","sources":["../../src/plugins/label-values-variable.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,UAAU,EAGV,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EAAE,cAAc,EAA6B,MAAM,qBAAqB,CAAC;AAGhF,eAAO,MAAM,yBAAyB,yBAAmC,CAAC;AAE1E,aAAK,qBAAqB,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;AAEpE,UAAU,kBAAmB,SAAQ,UAAU;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,UAAU,EAAE,qBAAqB,GAChC,UAAU,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAC,CA4BxD"}

package/dist/plugins/label-values-variable.js

@@ -0,0 +1,42 @@
+// Copyright 2021 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 { useDashboardSpec, useMemoized, } from '@perses-dev/core';
+import { useDashboardPrometheusTimeRange } from '../model/time';
+import { useReplaceTemplateStrings } from '../model/templating';
+import { useLabelValues } from '../model/prometheus-client';
+export const PrometheusLabelValuesKind = 'PrometheusLabelValues';
+/**
+ * Get variable option values by running a Prometheus label values query.
+ */
+export function usePrometheusLabelValues(definition) {
+    const spec = useDashboardSpec();
+    const { start, end } = useDashboardPrometheusTimeRange();
+    const { result: match, needsVariableValuesFor } = useReplaceTemplateStrings(definition.options.match);
+    // Make the request, pausing any requests that are still waiting on variable
+    // values to be filled in/selected
+    const request = {
+        labelName: definition.options.label_name,
+        match,
+        start,
+        end,
+    };
+    const { data: response, isLoading: loading, error, } = useLabelValues(spec.datasource, request, {
+        enabled: needsVariableValuesFor.size === 0,
+    });
+    const data = useMemoized(() => { var _a; return (_a = response === null || response === void 0 ? void 0 : response.data) !== null && _a !== void 0 ? _a : []; }, [response]);
+    return {
+        data: data,
+        loading: loading || needsVariableValuesFor.size > 0,
+        error: error !== null && error !== void 0 ? error : undefined,
+    };
+}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@perses-dev/prometheus-plugin",
+  "version": "0.1.0",
+  "description": "Prometheus plugin for Perses",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "clean": "rimraf dist/",
+    "build": "tsc",
+    "test": "echo 'no test to run' && exit 0",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint --fix src --ext .ts,.tsx"
+  },
+  "dependencies": {
+    "@perses-dev/core": "^0.1.0",
+    "date-fns": "^2.28.0",
+    "lezer": "^0.13.5",
+    "lezer-promql": "^0.20.0",
+    "react": "^17.0.2",
+    "react-query": "^3.34.8"
+  },
+  "perses": {
+    "kind": "Plugin",
+    "metadata": {
+      "name": "Prometheus"
+    },
+    "spec": {
+      "supported_kinds": {
+        "PrometheusLabelNames": "Variable",
+        "PrometheusLabelValues": "Variable",
+        "Interval": "Variable",
+        "PrometheusGraphQuery": "GraphQuery"
+      },
+      "plugin_module_path": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "license": "Apache-2.0"
+}