@perses-dev/plugin-system 0.54.0-beta.1 → 0.54.0-beta.3

package/dist/cjs/remote/remotePluginLoader.js

@@ -20,6 +20,7 @@ Object.defineProperty(exports, "remotePluginLoader", {
         return remotePluginLoader;
     }
 });
+const _pluginsystem = require("@perses-dev/plugin-system");
 const _PluginRuntime = require("./PluginRuntime");
 const isPluginMetadata = (plugin)=>{
     return typeof plugin === 'object' && plugin !== null && 'kind' in plugin && 'spec' in plugin && typeof plugin.spec === 'object' && plugin.spec !== null && 'name' in plugin.spec;
@@ -59,17 +60,39 @@ function remotePluginLoader(options) {
             return pluginModules;
         },
         importPluginModule: async (resource)=>{
-            const pluginModuleName = resource.metadata.name;
+            const { name: pluginModuleName, version, registry } = resource.metadata;
             const pluginModule = {};
-            for (const plugin of resource.spec.plugins){
-                const remotePluginModule = await (0, _PluginRuntime.loadPlugin)(pluginModuleName, plugin.spec.name, pluginsAssetsPath);
+            const loadPromises = resource.spec.plugins.map(async (plugin)=>{
+                const remotePluginModule = await (0, _PluginRuntime.loadPlugin)({
+                    moduleName: pluginModuleName,
+                    pluginName: plugin.spec.name,
+                    registry,
+                    version,
+                    baseURL: pluginsAssetsPath
+                });
                 const remotePlugin = remotePluginModule?.[plugin.spec.name];
                 if (remotePlugin) {
-                    pluginModule[plugin.spec.name] = remotePlugin;
+                    return {
+                        kind: plugin.kind,
+                        name: plugin.spec.name,
+                        remotePlugin
+                    };
                 } else {
                     console.error(`RemotePluginLoader: Error loading plugin ${plugin.spec.name}`);
+                    return null;
                 }
-            }
+            });
+            const loadedPlugins = await Promise.all(loadPromises);
+            loadedPlugins.forEach((item)=>{
+                if (item?.remotePlugin) {
+                    pluginModule[(0, _pluginsystem.getPluginModuleCompoundKey)({
+                        kind: item.kind,
+                        name: item.name,
+                        registry,
+                        version
+                    })] = item.remotePlugin;
+                }
+            });
             return pluginModule;
         }
     };

package/dist/cjs/runtime/DataQueriesProvider/DataQueriesProvider.js

@@ -39,6 +39,8 @@ const _react = require("react");
 const _timeseriesqueries = require("../time-series-queries");
 const _tracequeries = require("../trace-queries");
 const _profilequeries = require("../profile-queries");
+const _alertsqueries = require("../alerts-queries");
+const _silencesqueries = require("../silences-queries");
 const _UsageMetricsProvider = require("../UsageMetricsProvider");
 const _logqueries = require("../log-queries");
 const _model = require("./model");
@@ -89,23 +91,33 @@ function DataQueriesProvider(props) {
     const profileResults = (0, _profilequeries.useProfileQueries)(profileQueries);
     const logQueries = queryDefinitions.filter((definition)=>definition.kind === 'LogQuery');
     const logResults = (0, _logqueries.useLogQueries)(logQueries);
+    const alertsQueries = queryDefinitions.filter((definition)=>definition.kind === 'AlertsQuery');
+    const alertsResults = (0, _alertsqueries.useAlertsQueries)(alertsQueries);
+    const silencesQueries = queryDefinitions.filter((definition)=>definition.kind === 'SilencesQuery');
+    const silencesResults = (0, _silencesqueries.useSilencesQueries)(silencesQueries);
     const refetchAll = (0, _react.useCallback)(()=>{
         timeSeriesResults.forEach((result)=>result.refetch());
         traceResults.forEach((result)=>result.refetch());
         profileResults.forEach((result)=>result.refetch());
         logResults.forEach((result)=>result.refetch());
+        alertsResults.forEach((result)=>result.refetch());
+        silencesResults.forEach((result)=>result.refetch());
     }, [
         timeSeriesResults,
         traceResults,
         profileResults,
-        logResults
+        logResults,
+        alertsResults,
+        silencesResults
     ]);
     const ctx = (0, _react.useMemo)(()=>{
         const mergedQueryResults = [
             ...(0, _model.transformQueryResults)(timeSeriesResults, timeSeriesQueries),
             ...(0, _model.transformQueryResults)(traceResults, traceQueries),
             ...(0, _model.transformQueryResults)(profileResults, profileQueries),
-            ...(0, _model.transformQueryResults)(logResults, logQueries)
+            ...(0, _model.transformQueryResults)(logResults, logQueries),
+            ...(0, _model.transformQueryResults)(alertsResults, alertsQueries),
+            ...(0, _model.transformQueryResults)(silencesResults, silencesQueries)
         ];
         if (queryOptions?.enabled) {
             for (const result of mergedQueryResults){
@@ -134,6 +146,10 @@ function DataQueriesProvider(props) {
         profileResults,
         logQueries,
         logResults,
+        alertsQueries,
+        alertsResults,
+        silencesQueries,
+        silencesResults,
         refetchAll,
         queryOptions?.enabled,
         usageMetrics

package/dist/cjs/runtime/DataQueriesProvider/model.js

@@ -55,13 +55,21 @@ function useQueryType() {
     const { data: logQueries, isLoading: isLogQueryPluginLoading } = (0, _pluginregistry.useListPluginMetadata)([
         'LogQuery'
     ]);
+    const { data: alertsQueryPlugins, isLoading: isAlertsQueryPluginLoading } = (0, _pluginregistry.useListPluginMetadata)([
+        'AlertsQuery'
+    ]);
+    const { data: silencesQueryPlugins, isLoading: isSilencesQueryPluginLoading } = (0, _pluginregistry.useListPluginMetadata)([
+        'SilencesQuery'
+    ]);
     // For example, `map: {"TimeSeriesQuery":["PrometheusTimeSeriesQuery"],"TraceQuery":["TempoTraceQuery"]}`
     const queryTypeMap = (0, _react.useMemo)(()=>{
         const map = {
             TimeSeriesQuery: [],
             TraceQuery: [],
             ProfileQuery: [],
-            LogQuery: []
+            LogQuery: [],
+            AlertsQuery: [],
+            SilencesQuery: []
         };
         if (timeSeriesQueryPlugins) {
             timeSeriesQueryPlugins.forEach((plugin)=>{
@@ -83,12 +91,24 @@ function useQueryType() {
                 map[plugin.kind]?.push(plugin.spec.name);
             });
         }
+        if (alertsQueryPlugins) {
+            alertsQueryPlugins.forEach((plugin)=>{
+                map[plugin.kind]?.push(plugin.spec.name);
+            });
+        }
+        if (silencesQueryPlugins) {
+            silencesQueryPlugins.forEach((plugin)=>{
+                map[plugin.kind]?.push(plugin.spec.name);
+            });
+        }
         return map;
     }, [
         timeSeriesQueryPlugins,
         traceQueryPlugins,
         profileQueryPlugins,
-        logQueries
+        logQueries,
+        alertsQueryPlugins,
+        silencesQueryPlugins
     ]);
     const getQueryType = (0, _react.useCallback)((pluginKind)=>{
         const isLoading = (pluginKind)=>{
@@ -101,8 +121,12 @@ function useQueryType() {
                     return isProfileQueryPluginLoading;
                 case 'LokiLogQuery':
                     return isLogQueryPluginLoading;
+                case 'AlertmanagerAlertsQuery':
+                    return isAlertsQueryPluginLoading;
+                case 'AlertmanagerSilencesQuery':
+                    return isSilencesQueryPluginLoading;
             }
-            return isTraceQueryPluginLoading || isTimeSeriesQueryLoading || isProfileQueryPluginLoading || isLogQueryPluginLoading;
+            return isTraceQueryPluginLoading || isTimeSeriesQueryLoading || isProfileQueryPluginLoading || isLogQueryPluginLoading || isAlertsQueryPluginLoading || isSilencesQueryPluginLoading;
         };
         if (isLoading(pluginKind)) {
             return undefined;
@@ -118,7 +142,9 @@ function useQueryType() {
         isTimeSeriesQueryLoading,
         isTraceQueryPluginLoading,
         isProfileQueryPluginLoading,
-        isLogQueryPluginLoading
+        isLogQueryPluginLoading,
+        isAlertsQueryPluginLoading,
+        isSilencesQueryPluginLoading
     ]);
     return getQueryType;
 }

package/dist/cjs/runtime/UsageMetricsProvider.js

@@ -35,7 +35,7 @@ _export(exports, {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _core = require("@perses-dev/core");
+const _client = require("@perses-dev/client");
 const _react = require("react");
 const UsageMetricsContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 const useUsageMetricsContext = ()=>{
@@ -70,7 +70,7 @@ const useUsageMetrics = ()=>{
     };
 };
 const submitMetrics = async (stats)=>{
-    await (0, _core.fetch)(`${stats.apiPrefix ?? ''}/api/v1/view`, {
+    await (0, _client.fetch)(`${stats.apiPrefix ?? ''}/api/v1/view`, {
         method: 'POST',
         headers: {
             'Content-Type': 'application/json'

package/dist/cjs/runtime/alerts-queries.js

@@ -0,0 +1,101 @@
+// 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 ALERTS_QUERY_KEY () {
+        return ALERTS_QUERY_KEY;
+    },
+    get useAlertsQueries () {
+        return useAlertsQueries;
+    }
+});
+const _reactquery = require("@tanstack/react-query");
+const _datasources = require("./datasources");
+const _pluginregistry = require("./plugin-registry");
+const _variables = require("./variables");
+const _utils = require("./utils");
+const ALERTS_QUERY_KEY = 'AlertsQuery';
+function useAlertsQueries(definitions) {
+    const { getPlugin } = (0, _pluginregistry.usePluginRegistry)();
+    const context = useAlertsQueryContext();
+    const pluginLoaderResponse = (0, _pluginregistry.usePlugins)('AlertsQuery', definitions.map((d)=>({
+            kind: d.spec.plugin.kind
+        })));
+    return (0, _reactquery.useQueries)({
+        queries: definitions.map((definition, idx)=>{
+            const plugin = pluginLoaderResponse[idx]?.data;
+            const { queryEnabled, queryKey } = getQueryOptions({
+                context,
+                definition,
+                plugin
+            });
+            const alertsQueryKind = definition?.spec?.plugin?.kind;
+            return {
+                enabled: queryEnabled,
+                queryKey: queryKey,
+                refetchOnMount: false,
+                refetchOnWindowFocus: false,
+                refetchOnReconnect: false,
+                staleTime: 60_000,
+                queryFn: async ({ signal })=>{
+                    const plugin = await getPlugin({
+                        kind: ALERTS_QUERY_KEY,
+                        name: alertsQueryKind
+                    });
+                    const data = await plugin.getAlertsData(definition.spec.plugin.spec, context, signal);
+                    return data;
+                }
+            };
+        })
+    });
+}
+function getQueryOptions({ plugin, definition, context }) {
+    const { variableState } = context;
+    const dependencies = plugin?.dependsOn ? plugin.dependsOn(definition.spec.plugin.spec, context) : {};
+    const variableDependencies = dependencies?.variables;
+    const filteredVariabledState = (0, _utils.filterVariableStateMap)(variableState, variableDependencies);
+    const variablesValueKey = (0, _utils.getVariableValuesKey)(filteredVariabledState);
+    // Note: no absoluteTimeRange in query key since alerts are current state
+    const queryKey = [
+        'query',
+        ALERTS_QUERY_KEY,
+        definition,
+        variablesValueKey
+    ];
+    let waitToLoad = false;
+    if (variableDependencies) {
+        waitToLoad = variableDependencies.some((v)=>variableState[v]?.loading);
+    }
+    const queryEnabled = plugin !== undefined && !waitToLoad;
+    return {
+        queryKey,
+        queryEnabled
+    };
+}
+function useAlertsQueryContext() {
+    const variableState = (0, _variables.useAllVariableValues)();
+    const datasourceStore = (0, _datasources.useDatasourceStore)();
+    return {
+        variableState,
+        datasourceStore
+    };
+}

package/dist/cjs/runtime/index.js

@@ -22,6 +22,8 @@ _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("./QueryCountProvider"), exports);

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

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "executeAction", {
     }
 });
 const _components = require("@perses-dev/components");
-const _core = require("@perses-dev/core");
+const _client = require("@perses-dev/client");
 const BODY_METHODS = new Set([
     'POST',
     'PUT',
@@ -174,7 +174,7 @@ function buildWebhookHeaders(action) {
                 body = bodyResult.text;
             }
             // Make the request
-            const response = await (0, _core.fetch)(urlResult.text, {
+            const response = await (0, _client.fetch)(urlResult.text, {
                 method: action.method,
                 headers: buildWebhookHeaders(action),
                 body: body
@@ -239,7 +239,7 @@ function buildWebhookHeaders(action) {
             body = bodyResult.text;
         }
         // Make the request
-        const response = await (0, _core.fetch)(urlResult.text, {
+        const response = await (0, _client.fetch)(urlResult.text, {
             method: action.method,
             headers: buildWebhookHeaders(action),
             body: body

package/dist/cjs/runtime/log-queries.js

@@ -62,7 +62,10 @@ function useLogQueries(definitions) {
                 refetchOnReconnect: false,
                 staleTime: Infinity,
                 queryFn: async ({ signal })=>{
-                    const plugin = await getPlugin(LOG_QUERY_KEY, logQueryKind);
+                    const plugin = await getPlugin({
+                        kind: LOG_QUERY_KEY,
+                        name: logQueryKind
+                    });
                     const data = await plugin.getLogData(definition.spec.plugin.spec, context, signal);
                     return data;
                 },

package/dist/cjs/runtime/plugin-registry.js

@@ -63,7 +63,10 @@ function usePlugin(pluginType, kind, options) {
             pluginType,
             kind
         ],
-        queryFn: ()=>getPlugin(pluginType, kind),
+        queryFn: ()=>getPlugin({
+                kind: pluginType,
+                name: kind
+            }),
         ...options
     });
 }
@@ -84,7 +87,10 @@ function usePlugins(pluginType, plugins) {
                     pluginType,
                     kind
                 ],
-                queryFn: ()=>getPlugin(pluginType, kind)
+                queryFn: ()=>getPlugin({
+                        kind: pluginType,
+                        name: kind
+                    })
             };
         })
     });
@@ -115,7 +121,10 @@ function usePluginBuiltinVariableDefinitions() {
             const datasourceNames = new Set(datasources.map((datasource)=>datasource.spec.name));
             const result = [];
             for (const name of datasourceNames){
-                const plugin = await getPlugin('Datasource', name);
+                const plugin = await getPlugin({
+                    kind: 'Datasource',
+                    name
+                });
                 if (plugin.getBuiltinVariableDefinitions) {
                     plugin.getBuiltinVariableDefinitions().forEach((definition)=>result.push(definition));
                 }

package/dist/cjs/runtime/profile-queries.js

@@ -59,7 +59,10 @@ function useProfileQueries(definitions) {
                 refetchOnReconnect: false,
                 staleTime: Infinity,
                 queryFn: async ({ signal })=>{
-                    const plugin = await getPlugin(PROFILE_QUERY_KEY, profileQueryKind);
+                    const plugin = await getPlugin({
+                        kind: PROFILE_QUERY_KEY,
+                        name: profileQueryKind
+                    });
                     const data = await plugin.getProfileData(definition.spec.plugin.spec, context, signal);
                     return data;
                 },

package/dist/cjs/runtime/silences-queries.js

@@ -0,0 +1,101 @@
+// 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 SILENCES_QUERY_KEY () {
+        return SILENCES_QUERY_KEY;
+    },
+    get useSilencesQueries () {
+        return useSilencesQueries;
+    }
+});
+const _reactquery = require("@tanstack/react-query");
+const _datasources = require("./datasources");
+const _pluginregistry = require("./plugin-registry");
+const _variables = require("./variables");
+const _utils = require("./utils");
+const SILENCES_QUERY_KEY = 'SilencesQuery';
+function useSilencesQueries(definitions) {
+    const { getPlugin } = (0, _pluginregistry.usePluginRegistry)();
+    const context = useSilencesQueryContext();
+    const pluginLoaderResponse = (0, _pluginregistry.usePlugins)('SilencesQuery', definitions.map((d)=>({
+            kind: d.spec.plugin.kind
+        })));
+    return (0, _reactquery.useQueries)({
+        queries: definitions.map((definition, idx)=>{
+            const plugin = pluginLoaderResponse[idx]?.data;
+            const { queryEnabled, queryKey } = getQueryOptions({
+                context,
+                definition,
+                plugin
+            });
+            const silencesQueryKind = definition?.spec?.plugin?.kind;
+            return {
+                enabled: queryEnabled,
+                queryKey: queryKey,
+                refetchOnMount: false,
+                refetchOnWindowFocus: false,
+                refetchOnReconnect: false,
+                staleTime: 60_000,
+                queryFn: async ({ signal })=>{
+                    const plugin = await getPlugin({
+                        kind: SILENCES_QUERY_KEY,
+                        name: silencesQueryKind
+                    });
+                    const data = await plugin.getSilencesData(definition.spec.plugin.spec, context, signal);
+                    return data;
+                }
+            };
+        })
+    });
+}
+function getQueryOptions({ plugin, definition, context }) {
+    const { variableState } = context;
+    const dependencies = plugin?.dependsOn ? plugin.dependsOn(definition.spec.plugin.spec, context) : {};
+    const variableDependencies = dependencies?.variables;
+    const filteredVariabledState = (0, _utils.filterVariableStateMap)(variableState, variableDependencies);
+    const variablesValueKey = (0, _utils.getVariableValuesKey)(filteredVariabledState);
+    // Note: no absoluteTimeRange in query key since silences are current state
+    const queryKey = [
+        'query',
+        SILENCES_QUERY_KEY,
+        definition,
+        variablesValueKey
+    ];
+    let waitToLoad = false;
+    if (variableDependencies) {
+        waitToLoad = variableDependencies.some((v)=>variableState[v]?.loading);
+    }
+    const queryEnabled = plugin !== undefined && !waitToLoad;
+    return {
+        queryKey,
+        queryEnabled
+    };
+}
+function useSilencesQueryContext() {
+    const variableState = (0, _variables.useAllVariableValues)();
+    const datasourceStore = (0, _datasources.useDatasourceStore)();
+    return {
+        variableState,
+        datasourceStore
+    };
+}

package/dist/cjs/runtime/time-series-queries.js

@@ -123,7 +123,10 @@ function useTimeSeriesQueries(definitions, options, queryOptions) {
                 staleTime: Infinity,
                 queryKey: queryKey,
                 queryFn: async ({ signal })=>{
-                    const plugin = await getPlugin(TIME_SERIES_QUERY_KEY, definition.spec.plugin.kind);
+                    const plugin = await getPlugin({
+                        kind: TIME_SERIES_QUERY_KEY,
+                        name: definition.spec.plugin.kind
+                    });
                     const data = await plugin.getTimeSeriesData(definition.spec.plugin.spec, context, signal);
                     return data;
                 }

package/dist/cjs/runtime/trace-queries.js

@@ -60,7 +60,10 @@ function useTraceQueries(definitions) {
                 refetchOnReconnect: false,
                 staleTime: Infinity,
                 queryFn: async ({ signal })=>{
-                    const plugin = await getPlugin(TRACE_QUERY_KEY, traceQueryKind);
+                    const plugin = await getPlugin({
+                        kind: TRACE_QUERY_KEY,
+                        name: traceQueryKind
+                    });
                     const data = await plugin.getTraceData(definition.spec.plugin.spec, context, signal);
                     return data;
                 }

package/dist/cjs/test/mock-data.js

@@ -21,6 +21,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    get MOCK_ALERTS_DATA () {
+        return MOCK_ALERTS_DATA;
+    },
     get MOCK_EMPTY_PLUGIN_MODULE () {
         return MOCK_EMPTY_PLUGIN_MODULE;
     },
@@ -45,6 +48,9 @@ _export(exports, {
     get MOCK_REMOTE_PLUGIN_MODULE () {
         return MOCK_REMOTE_PLUGIN_MODULE;
     },
+    get MOCK_SILENCES_DATA () {
+        return MOCK_SILENCES_DATA;
+    },
     get MOCK_TIME_SERIES_DATA () {
         return MOCK_TIME_SERIES_DATA;
     },
@@ -170,6 +176,51 @@ const MOCK_PROFILE_DATA = {
         name: 'cpu'
     }
 };
+const MOCK_ALERTS_DATA = {
+    alerts: [
+        {
+            id: 'abc123',
+            name: 'HighErrorRate',
+            state: 'firing',
+            labels: {
+                alertname: 'HighErrorRate',
+                severity: 'critical',
+                service: 'backend'
+            },
+            annotations: {
+                summary: 'High error rate detected'
+            },
+            severity: 'critical',
+            startsAt: '2024-01-01T00:00:00Z',
+            endsAt: '2024-01-02T00:00:00Z',
+            updatedAt: '2024-01-01T12:00:00Z',
+            receivers: [
+                'cluster-01'
+            ]
+        }
+    ]
+};
+const MOCK_SILENCES_DATA = {
+    silences: [
+        {
+            id: 'silence-1',
+            state: 'active',
+            matchers: [
+                {
+                    name: 'alertname',
+                    value: 'HighErrorRate',
+                    isRegex: false,
+                    isEqual: true
+                }
+            ],
+            startsAt: '2024-01-01T00:00:00Z',
+            endsAt: '2024-01-02T00:00:00Z',
+            createdBy: 'admin',
+            comment: 'Maintenance window',
+            updatedAt: '2024-01-01T00:00:00Z'
+        }
+    ]
+};
 const MOCK_VALID_PLUGIN_METADATA = {
     kind: 'Panel',
     spec: {

package/dist/cjs/test/test-plugins/bert/index.js

@@ -14,18 +14,10 @@
 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 BertPanel1 () {
-        return BertPanel1;
-    },
-    get BertPanel2 () {
-        return BertPanel2;
+Object.defineProperty(exports, "plugins", {
+    enumerable: true,
+    get: function() {
+        return plugins;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -48,6 +40,7 @@ function BertPanel1Editor({ value, onChange }) {
         ]
     });
 }
+// Dummy plugins to test loading
 const BertPanel1 = {
     PanelComponent: ()=>null,
     panelOptionsEditorComponents: [
@@ -100,3 +93,7 @@ const BertPanel2 = {
         }),
     hideQueryEditor: true
 };
+const plugins = {
+    'Panel:BertPanel1::1.0.0': BertPanel1,
+    'Panel:BertPanel2::1.0.0': BertPanel2
+};