@perses-dev/plugin-system 0.55.0-beta.2 → 0.55.0-beta.6

package/dist/cjs/runtime/annotations.js

@@ -1,148 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get ANNOTATION_KEY () {
-        return ANNOTATION_KEY;
-    },
-    get useAnnotationData () {
-        return useAnnotationData;
-    },
-    get useAnnotations () {
-        return useAnnotations;
-    }
-});
-const _reactquery = require("@tanstack/react-query");
-const _pluginregistry = require("./plugin-registry");
-const _TimeRangeProvider = require("./TimeRangeProvider");
-const _variables = require("./variables");
-const _datasources = require("./datasources");
-const _utils = require("./utils");
-const ANNOTATION_KEY = 'Annotation';
-function useAnnotationContext() {
-    const { absoluteTimeRange } = (0, _TimeRangeProvider.useTimeRange)();
-    const variableState = (0, _variables.useAllVariableValues)();
-    const datasourceStore = (0, _datasources.useDatasourceStore)();
-    return {
-        variableState,
-        datasourceStore,
-        absoluteTimeRange
-    };
-}
-function getQueryOptions({ plugin, definition, context }) {
-    const { variableState, absoluteTimeRange } = context;
-    const dependencies = plugin?.dependsOn ? plugin.dependsOn(definition.plugin.spec, context) : {};
-    const variableDependencies = dependencies?.variables;
-    const filteredVariableState = (0, _utils.filterVariableStateMap)(variableState, variableDependencies);
-    const variablesValueKey = (0, _utils.getVariableValuesKey)(filteredVariableState);
-    const queryKey = [
-        ANNOTATION_KEY,
-        definition,
-        absoluteTimeRange,
-        variablesValueKey
-    ];
-    let waitToLoad = false;
-    if (variableDependencies) {
-        waitToLoad = variableDependencies.some((v)=>variableState[v]?.loading);
-    }
-    const queryEnabled = plugin !== undefined && !waitToLoad;
-    return {
-        queryKey,
-        queryEnabled
-    };
-}
-function useAnnotations(definitions) {
-    const { getPlugin } = (0, _pluginregistry.usePluginRegistry)();
-    const context = useAnnotationContext();
-    const pluginLoaderResponse = (0, _pluginregistry.usePlugins)('Annotation', definitions.map((d)=>({
-            kind: d.plugin.kind
-        })));
-    // useQueries() handles data fetching from query plugins
-    return (0, _reactquery.useQueries)({
-        queries: definitions.map((definition, idx)=>{
-            const plugin = pluginLoaderResponse[idx]?.data;
-            const { queryEnabled, queryKey } = getQueryOptions({
-                context,
-                definition,
-                plugin
-            });
-            const annotationKind = definition?.plugin?.kind;
-            return {
-                enabled: queryEnabled,
-                queryKey: queryKey,
-                refetchOnMount: false,
-                refetchOnWindowFocus: false,
-                refetchOnReconnect: false,
-                staleTime: Infinity,
-                queryFn: async ({ signal })=>{
-                    const plugin = await getPlugin({
-                        kind: ANNOTATION_KEY,
-                        name: annotationKind
-                    });
-                    const data = await plugin.getAnnotationData(definition.plugin.spec, context, signal);
-                    return data;
-                }
-            };
-        })
-    });
-}
-function useAnnotationData(spec) {
-    const { data: annotationPlugin } = (0, _pluginregistry.usePlugin)('Annotation', spec.plugin.kind);
-    const datasourceStore = (0, _datasources.useDatasourceStore)();
-    const allVariables = (0, _variables.useAllVariableValues)();
-    const { absoluteTimeRange: timeRange } = (0, _TimeRangeProvider.useTimeRange)();
-    const variablePluginCtx = {
-        absoluteTimeRange: timeRange,
-        datasourceStore,
-        variableState: allVariables
-    };
-    let dependsOnVariables = Object.keys(allVariables); // Default to all variables
-    if (annotationPlugin?.dependsOn) {
-        const dependencies = annotationPlugin.dependsOn(spec.plugin.spec, variablePluginCtx);
-        dependsOnVariables = dependencies.variables ? dependencies.variables : dependsOnVariables;
-    }
-    const variables = (0, _variables.useAllVariableValues)(dependsOnVariables);
-    let waitToLoad = false;
-    if (dependsOnVariables) {
-        waitToLoad = dependsOnVariables.some((v)=>variables[v]?.loading);
-    }
-    const variablesValueKey = (0, _utils.getVariableValuesKey)(variables);
-    return (0, _reactquery.useQuery)({
-        queryKey: [
-            'annotation',
-            spec,
-            timeRange,
-            variablesValueKey
-        ],
-        queryFn: async ({ signal })=>{
-            const resp = await annotationPlugin?.getAnnotationData(spec.plugin.spec, {
-                ...variablePluginCtx,
-                variableState: variables
-            }, signal);
-            if (!resp?.length) {
-                return [];
-            }
-            return resp;
-        },
-        enabled: !!annotationPlugin || waitToLoad
-    });
-}

package/dist/cjs/runtime/builtin-variables.js

@@ -1,81 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get BuiltinVariableContext () {
-        return BuiltinVariableContext;
-    },
-    get useBuiltinVariableContext () {
-        return useBuiltinVariableContext;
-    },
-    get useBuiltinVariableDefinitions () {
-        return useBuiltinVariableDefinitions;
-    },
-    get useBuiltinVariableValues () {
-        return useBuiltinVariableValues;
-    }
-});
-const _react = require("react");
-const BuiltinVariableContext = (0, _react.createContext)(undefined);
-function useBuiltinVariableContext() {
-    const ctx = (0, _react.useContext)(BuiltinVariableContext);
-    if (ctx === undefined) {
-        throw new Error('No BuiltinVariableContext found. Did you forget a Provider?');
-    }
-    return ctx;
-}
-function useBuiltinVariableValues(names) {
-    const { variables } = useBuiltinVariableContext();
-    const states = (0, _react.useMemo)(()=>{
-        const values = {};
-        for (const variable of variables){
-            values[variable.spec.name] = {
-                loading: false,
-                value: variable.spec.value()
-            };
-        }
-        return values;
-    }, [
-        variables
-    ]);
-    const values = (0, _react.useMemo)(()=>{
-        const values = {};
-        names?.forEach((name)=>{
-            const s = states[name];
-            if (s) {
-                values[name] = s;
-            }
-        });
-        return values;
-    }, [
-        names,
-        states
-    ]);
-    if (names === undefined) {
-        return states;
-    }
-    return values;
-}
-function useBuiltinVariableDefinitions() {
-    const { variables } = useBuiltinVariableContext();
-    return variables;
-}

package/dist/cjs/runtime/datasources.js

@@ -1,80 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get DatasourceStoreContext () {
-        return DatasourceStoreContext;
-    },
-    get useDatasource () {
-        return useDatasource;
-    },
-    get useDatasourceClient () {
-        return useDatasourceClient;
-    },
-    get useDatasourceStore () {
-        return useDatasourceStore;
-    },
-    get useListDatasourceSelectItems () {
-        return useListDatasourceSelectItems;
-    }
-});
-const _reactquery = require("@tanstack/react-query");
-const _react = require("react");
-const DatasourceStoreContext = (0, _react.createContext)(undefined);
-function useDatasourceStore() {
-    const ctx = (0, _react.useContext)(DatasourceStoreContext);
-    if (ctx === undefined) {
-        throw new Error('No DatasourceStoreContext found. Did you forget a Provider?');
-    }
-    return ctx;
-}
-function useListDatasourceSelectItems(datasourcePluginName, project) {
-    const { listDatasourceSelectItems } = useDatasourceStore();
-    return (0, _reactquery.useQuery)({
-        queryKey: [
-            'listDatasourceSelectItems',
-            datasourcePluginName,
-            project
-        ],
-        queryFn: ()=>listDatasourceSelectItems(datasourcePluginName)
-    });
-}
-function useDatasourceClient(selector) {
-    const store = useDatasourceStore();
-    return (0, _reactquery.useQuery)({
-        queryKey: [
-            'getDatasourceClient',
-            selector
-        ],
-        queryFn: ()=>store.getDatasourceClient(selector)
-    });
-}
-function useDatasource(selector) {
-    const store = useDatasourceStore();
-    return (0, _reactquery.useQuery)({
-        queryKey: [
-            'getDatasource',
-            selector
-        ],
-        queryFn: ()=>store.getDatasource(selector)
-    });
-}

package/dist/cjs/runtime/index.js

@@ -1,44 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-_export_star(require("./annotations"), exports);
-_export_star(require("./builtin-variables"), exports);
-_export_star(require("./datasources"), exports);
-_export_star(require("./plugin-registry"), exports);
-_export_star(require("./variables"), exports);
-_export_star(require("./TimeRangeProvider"), exports);
-_export_star(require("./time-series-queries"), exports);
-_export_star(require("./trace-queries"), exports);
-_export_star(require("./profile-queries"), exports);
-_export_star(require("./alerts-queries"), exports);
-_export_star(require("./silences-queries"), exports);
-_export_star(require("./item-actions"), exports);
-_export_star(require("./DataQueriesProvider"), exports);
-_export_star(require("./RouterProvider"), exports);
-_export_star(require("./UsageMetricsProvider"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}

package/dist/cjs/runtime/item-actions.js

@@ -1,302 +0,0 @@
-// Copyright 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.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "executeAction", {
-    enumerable: true,
-    get: function() {
-        return executeAction;
-    }
-});
-const _components = require("@perses-dev/components");
-const BODY_METHODS = new Set([
-    'POST',
-    'PUT',
-    'PATCH'
-]);
-function buildWebhookHeaders(action) {
-    const headers = {
-        ...action.headers ?? {}
-    };
-    const contentType = action.contentType ?? 'none';
-    const supportsBody = BODY_METHODS.has(action.method);
-    if (supportsBody && contentType === 'json') {
-        headers['Content-Type'] = 'application/json';
-    } else if (supportsBody && contentType === 'text') {
-        headers['Content-Type'] = 'text/plain; charset=utf-8';
-    }
-    return headers;
-}
-/**
- * Execute an event action by dispatching a single CustomEvent with batch data
- */ function executeEventBatch(action, selectionMap, variableState, setActionStatus) {
-    try {
-        setActionStatus(action.name, {
-            loading: true
-        });
-        const items = Array.from(selectionMap.values());
-        // Interpolate body template if provided
-        let body;
-        if (action.bodyTemplate) {
-            const bodyResult = (0, _components.interpolateSelectionBatch)(action.bodyTemplate, items, variableState);
-            body = bodyResult.text;
-        } else {
-            body = JSON.stringify({
-                items
-            });
-        }
-        const event = new CustomEvent(action.eventName, {
-            detail: body,
-            bubbles: true,
-            cancelable: true
-        });
-        window.dispatchEvent(event);
-        setActionStatus(action.name, {
-            loading: false,
-            success: true
-        });
-        return {
-            success: true
-        };
-    } catch (error) {
-        const err = error instanceof Error ? error : new Error(String(error));
-        setActionStatus(action.name, {
-            loading: false,
-            error: err
-        });
-        return {
-            success: false,
-            error: err
-        };
-    }
-}
-/**
- * Execute events actions by dispatching one CustomEvent per selection
- */ function executeEventIndividual(action, selectionMap, variableState, setActionStatus) {
-    const entries = Array.from(selectionMap.entries());
-    const count = entries.length;
-    const itemResults = new Map();
-    // Initialize all items as loading
-    setActionStatus(action.name, {
-        loading: true,
-        itemStatuses: new Map()
-    });
-    for(let index = 0; index < entries.length; index++){
-        const [id, item] = entries[index];
-        setActionStatus(action.name, {
-            loading: true
-        }, id);
-        try {
-            // Interpolate body template if provided
-            let body;
-            if (action.bodyTemplate) {
-                const bodyResult = (0, _components.interpolateSelectionIndividual)(action.bodyTemplate, item, index, count, variableState);
-                body = bodyResult.text;
-            } else {
-                body = JSON.stringify({
-                    id,
-                    data: item
-                });
-            }
-            const event = new CustomEvent(action.eventName, {
-                detail: body,
-                bubbles: true,
-                cancelable: true
-            });
-            window.dispatchEvent(event);
-            itemResults.set(id, {
-                success: true
-            });
-            setActionStatus(action.name, {
-                loading: false,
-                success: true
-            }, id);
-        } catch (error) {
-            const err = error instanceof Error ? error : new Error(String(error));
-            setActionStatus(action.name, {
-                loading: false,
-                error: err
-            }, id);
-            itemResults.set(id, {
-                success: false,
-                error: err
-            });
-        }
-    }
-    setActionStatus(action.name, {
-        loading: false,
-        success: true
-    });
-    return {
-        success: true,
-        itemResults
-    };
-}
-/**
- * Execute a webhook action in individual mode (one request per selection)
- */ async function executeWebhookIndividual(action, selectionMap, variableState, setActionStatus, fetchFn) {
-    const entries = Array.from(selectionMap.entries());
-    const count = entries.length;
-    const itemResults = new Map();
-    // Initialize all items as loading
-    setActionStatus(action.name, {
-        loading: true,
-        itemStatuses: new Map()
-    });
-    // Execute requests sequentially to avoid overwhelming the server
-    for(let index = 0; index < entries.length; index++){
-        const [id, item] = entries[index];
-        setActionStatus(action.name, {
-            loading: true
-        }, id);
-        try {
-            // Interpolate URL
-            const urlResult = (0, _components.interpolateSelectionIndividual)(action.url, item, index, count, variableState);
-            // Interpolate body template if provided
-            const contentType = action.contentType ?? 'none';
-            const supportsBody = BODY_METHODS.has(action.method) && contentType !== 'none';
-            let body;
-            if (supportsBody && action.bodyTemplate) {
-                const bodyResult = (0, _components.interpolateSelectionIndividual)(action.bodyTemplate, item, index, count, variableState);
-                body = bodyResult.text;
-            }
-            // Make the request
-            const response = await fetchFn(urlResult.text, {
-                method: action.method,
-                headers: buildWebhookHeaders(action),
-                body: body
-            });
-            if (!response.ok) {
-                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-            }
-            setActionStatus(action.name, {
-                loading: false,
-                success: true
-            }, id);
-            itemResults.set(id, {
-                success: true
-            });
-        } catch (error) {
-            const err = error instanceof Error ? error : new Error(String(error));
-            setActionStatus(action.name, {
-                loading: false,
-                error: err
-            }, id);
-            itemResults.set(id, {
-                success: false,
-                error: err
-            });
-        }
-    }
-    // Update overall action status
-    const allSucceeded = Array.from(itemResults.values()).every((r)=>r.success);
-    const anyFailed = Array.from(itemResults.values()).some((r)=>!r.success);
-    if (allSucceeded) {
-        setActionStatus(action.name, {
-            loading: false,
-            success: true
-        });
-    } else if (anyFailed) {
-        setActionStatus(action.name, {
-            loading: false,
-            error: new Error('Some requests failed')
-        });
-    }
-    return {
-        success: allSucceeded,
-        itemResults
-    };
-}
-/**
- * Execute a webhook action in batch mode (single request with all selections)
- */ async function executeWebhookBatch(action, selectionMap, variableState, setActionStatus, fetchFn) {
-    const items = Array.from(selectionMap.values());
-    setActionStatus(action.name, {
-        loading: true
-    });
-    try {
-        // Interpolate URL
-        const urlResult = (0, _components.interpolateSelectionBatch)(action.url, items, variableState);
-        // Interpolate body template if provided
-        const contentType = action.contentType ?? 'none';
-        const supportsBody = BODY_METHODS.has(action.method) && contentType !== 'none';
-        let body;
-        if (supportsBody && action.bodyTemplate) {
-            const bodyResult = (0, _components.interpolateSelectionBatch)(action.bodyTemplate, items, variableState);
-            body = bodyResult.text;
-        }
-        // Make the request
-        const response = await fetchFn(urlResult.text, {
-            method: action.method,
-            headers: buildWebhookHeaders(action),
-            body: body
-        });
-        if (!response.ok) {
-            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
-        }
-        setActionStatus(action.name, {
-            loading: false,
-            success: true
-        });
-        return {
-            success: true
-        };
-    } catch (error) {
-        const err = error instanceof Error ? error : new Error(String(error));
-        setActionStatus(action.name, {
-            loading: false,
-            error: err
-        });
-        return {
-            success: false,
-            error: err
-        };
-    }
-}
-/**
- * Execute a webhook action
- */ async function executeWebhookAction(action, selectionMap, variableState, setActionStatus, fetchFn) {
-    if (action.batchMode === 'batch') {
-        return executeWebhookBatch(action, selectionMap, variableState, setActionStatus, fetchFn);
-    } else {
-        return executeWebhookIndividual(action, selectionMap, variableState, setActionStatus, fetchFn);
-    }
-}
-/**
- * Execute an event action
- */ async function executeEventAction(action, selectionMap, variableState, setActionStatus) {
-    if (action.batchMode === 'batch') {
-        return executeEventBatch(action, selectionMap, variableState, setActionStatus);
-    } else {
-        return executeEventIndividual(action, selectionMap, variableState, setActionStatus);
-    }
-}
-async function executeAction(params) {
-    const { action, selectionMap, variableState, setActionStatus, fetchFn } = params;
-    if (selectionMap.size === 0) {
-        return {
-            success: true
-        };
-    }
-    if (action.type === 'event') {
-        return executeEventAction(action, selectionMap, variableState, setActionStatus);
-    } else if (action.type === 'webhook') {
-        return executeWebhookAction(action, selectionMap, variableState, setActionStatus, fetchFn);
-    }
-    return {
-        success: false,
-        error: new Error(`Unknown action type`)
-    };
-}