@perses-dev/plugin-system 0.54.0-beta.0 → 0.54.0-beta.10

package/dist/remote/PluginRuntime.js

@@ -83,7 +83,14 @@ const getPluginRuntime = ()=>{
                         requiredVersion: '^5.5.0'
                     }
                 },
-                // TODO should we add @perses-dev/spec here ?
+                '@perses-dev/spec': {
+                    version: '0.2.0-beta.2',
+                    lib: ()=>require('@perses-dev/spec'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^0.2.0-beta.2'
+                    }
+                },
                 '@perses-dev/core': {
                     version: '0.53.1',
                     lib: ()=>require('@perses-dev/core'),
@@ -92,6 +99,14 @@ const getPluginRuntime = ()=>{
                         requiredVersion: '^0.53.1'
                     }
                 },
+                '@perses-dev/client': {
+                    version: '0.54.0-beta.1',
+                    lib: ()=>require('@perses-dev/client'),
+                    shareConfig: {
+                        singleton: true,
+                        requiredVersion: '^0.54.0-beta.1'
+                    }
+                },
                 '@perses-dev/components': {
                     version: '0.53.1',
                     lib: ()=>require('@perses-dev/components'),
@@ -204,29 +219,50 @@ const getPluginRuntime = ()=>{
     }
     return instance;
 };
-const registerRemote = (name, baseURL)=>{
+function getModuleFederationRemoteName(name, registry, version) {
+    return `${name}:${registry ?? ''}:${version ?? ''}`;
+}
+const registerRemote = (name, registry, version, baseURL)=>{
     const pluginRuntime = getPluginRuntime();
-    const existingRemote = pluginRuntime.options.remotes.find((remote)=>remote.name === name);
+    const registryName = getModuleFederationRemoteName(name, registry, version);
+    const existingRemote = pluginRuntime.options.remotes.find((remote)=>remote.name === registryName);
     if (!existingRemote) {
-        const remoteEntryURL = baseURL ? `${baseURL}/${name}/mf-manifest.json` : `/plugins/${name}/mf-manifest.json`;
+        const nameVersionRegistry = [
+            name,
+            version,
+            registry
+        ].filter(Boolean).join('~');
+        const prefix = baseURL || '/plugins';
+        const remoteEntryURL = `${prefix}/${nameVersionRegistry}/mf-manifest.json`;
         pluginRuntime.registerRemotes([
             {
-                name,
+                name: registryName,
                 entry: remoteEntryURL,
-                alias: name
+                alias: registryName
             }
         ]);
     }
 };
-export const loadPlugin = async (moduleName, pluginName, baseURL)=>{
-    registerRemote(moduleName, baseURL);
+export const loadPlugin = async (target)=>{
+    const { moduleName, pluginName, registry, version, baseURL } = target;
+    registerRemote(moduleName, registry, version, baseURL);
     const pluginRuntime = getPluginRuntime();
-    return pluginRuntime.loadRemote(`${moduleName}/${pluginName}`);
+    const registryName = getModuleFederationRemoteName(moduleName, registry, version);
+    return pluginRuntime.loadRemote(`${registryName}/${pluginName}`);
 };
 export function usePluginRuntime({ plugin }) {
     return {
         pluginRuntime: getPluginRuntime(),
-        loadPlugin: ()=>loadPlugin(plugin.moduleName, plugin.name, plugin.baseURL)
+        loadPlugin: ()=>{
+            const { moduleName, name: pluginName, registry, version, baseURL } = plugin;
+            return loadPlugin({
+                moduleName,
+                pluginName,
+                registry,
+                version,
+                baseURL
+            });
+        }
     };
 }
 

package/dist/remote/PluginRuntime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/remote/PluginRuntime.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n/* eslint-disable @typescript-eslint/no-require-imports */\n// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createInstance, ModuleFederation } from '@module-federation/enhanced/runtime';\n\nimport * as ReactQuery from '@tanstack/react-query';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport * as ReactHookForm from 'react-hook-form';\nimport * as ReactRouterDOM from 'react-router-dom';\nimport { PersesPlugin, RemotePluginModule } from './PersesPlugin.types';\n\nlet instance: ModuleFederation | null = null;\n\nconst getPluginRuntime = (): ModuleFederation => {\n  if (instance === null) {\n    const pluginRuntime = createInstance({\n      name: '@perses/perses-ui-host',\n      remotes: [], // all remotes are loaded dynamically\n      shared: {\n        react: {\n          version: React.version,\n          lib: () => React,\n          shareConfig: {\n            singleton: true,\n            requiredVersion: `^${React.version}`,\n          },\n        },\n        'react-dom': {\n          version: '18.3.1',\n          lib: () => ReactDOM,\n          shareConfig: {\n            singleton: true,\n            requiredVersion: `^18.3.1`,\n          },\n        },\n        'react-router-dom': {\n          version: '6.26.0',\n          lib: () => ReactRouterDOM,\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^6.26.0',\n          },\n        },\n        '@tanstack/react-query': {\n          version: '4.39.1',\n          lib: () => ReactQuery,\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^4.39.1',\n          },\n        },\n        'react-hook-form': {\n          version: '7.52.2',\n          lib: () => ReactHookForm,\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^7.52.2',\n          },\n        },\n        echarts: {\n          version: '5.5.0',\n          lib: () => require('echarts'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^5.5.0',\n          },\n        },\n        // TODO should we add @perses-dev/spec here ?\n        '@perses-dev/core': {\n          version: '0.53.1',\n          lib: () => require('@perses-dev/core'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.53.1',\n          },\n        },\n        '@perses-dev/components': {\n          version: '0.53.1',\n          lib: () => require('@perses-dev/components'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.53.1',\n          },\n        },\n        '@perses-dev/plugin-system': {\n          version: '0.53.1',\n          lib: () => require('@perses-dev/plugin-system'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.53.1',\n          },\n        },\n        '@perses-dev/explore': {\n          version: '0.53.1',\n          lib: () => require('@perses-dev/explore'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.53.1',\n          },\n        },\n        '@perses-dev/dashboards': {\n          version: '0.53.1',\n          lib: () => require('@perses-dev/dashboards'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.53.1',\n          },\n        },\n        // Below are the shared modules that are used by the plugins, this can be part of the SDK\n        'date-fns': {\n          version: '4.1.0',\n          lib: () => require('date-fns'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^4.1.0',\n          },\n        },\n        'date-fns-tz': {\n          version: '3.2.0',\n          lib: () => require('date-fns-tz'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^3.2.0',\n          },\n        },\n        lodash: {\n          version: '4.17.21',\n          lib: () => require('lodash'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^4.17.21',\n          },\n        },\n        '@emotion/react': {\n          version: '11.11.3',\n          lib: () => require('@emotion/react'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^11.11.3',\n          },\n        },\n        '@emotion/styled': {\n          version: '11.11.0',\n          lib: () => require('@emotion/styled'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^11.11.0',\n          },\n        },\n        '@hookform/resolvers/zod': {\n          version: '3.3.4',\n          lib: () => require('@hookform/resolvers/zod'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^3.3.4',\n          },\n        },\n        'use-resize-observer': {\n          version: '9.1.0',\n          lib: () => require('use-resize-observer'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^9.1.0',\n          },\n        },\n        'mdi-material-ui': {\n          version: '7.4.0',\n          lib: () => require('mdi-material-ui'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^7.4.0',\n          },\n        },\n        immer: {\n          version: '10.1.1',\n          lib: () => require('immer'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^10.1.1',\n          },\n        },\n      },\n    });\n\n    instance = pluginRuntime;\n\n    return instance;\n  }\n  return instance;\n};\n\nconst registerRemote = (name: string, baseURL?: string): void => {\n  const pluginRuntime = getPluginRuntime();\n  const existingRemote = pluginRuntime.options.remotes.find((remote) => remote.name === name);\n  if (!existingRemote) {\n    const remoteEntryURL = baseURL ? `${baseURL}/${name}/mf-manifest.json` : `/plugins/${name}/mf-manifest.json`;\n    pluginRuntime.registerRemotes([\n      {\n        name,\n        entry: remoteEntryURL,\n        alias: name,\n      },\n    ]);\n  }\n};\n\nexport const loadPlugin = async (\n  moduleName: string,\n  pluginName: string,\n  baseURL?: string\n): Promise<RemotePluginModule | null> => {\n  registerRemote(moduleName, baseURL);\n\n  const pluginRuntime = getPluginRuntime();\n\n  return pluginRuntime.loadRemote<RemotePluginModule>(`${moduleName}/${pluginName}`);\n};\n\nexport function usePluginRuntime({ plugin }: { plugin: PersesPlugin }): {\n  pluginRuntime: ModuleFederation;\n  loadPlugin: () => Promise<RemotePluginModule | null>;\n} {\n  return {\n    pluginRuntime: getPluginRuntime(),\n    loadPlugin: () => loadPlugin(plugin.moduleName, plugin.name, plugin.baseURL),\n  };\n}\n"],"names":["createInstance","ReactQuery","React","ReactDOM","ReactHookForm","ReactRouterDOM","instance","getPluginRuntime","pluginRuntime","name","remotes","shared","react","version","lib","shareConfig","singleton","requiredVersion","echarts","require","lodash","immer","registerRemote","baseURL","existingRemote","options","find","remote","remoteEntryURL","registerRemotes","entry","alias","loadPlugin","moduleName","pluginName","loadRemote","usePluginRuntime","plugin"],"mappings":"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"}
+{"version":3,"sources":["../../src/remote/PluginRuntime.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \\\"License\\\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \\\"AS IS\\\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n/* eslint-disable @typescript-eslint/no-require-imports */\n// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createInstance, ModuleFederation } from '@module-federation/enhanced/runtime';\n\nimport * as ReactQuery from '@tanstack/react-query';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport * as ReactHookForm from 'react-hook-form';\nimport * as ReactRouterDOM from 'react-router-dom';\nimport { PersesPlugin, RemotePluginModule } from './PersesPlugin.types';\n\nlet instance: ModuleFederation | null = null;\n\nconst getPluginRuntime = (): ModuleFederation => {\n  if (instance === null) {\n    const pluginRuntime = createInstance({\n      name: '@perses/perses-ui-host',\n      remotes: [], // all remotes are loaded dynamically\n      shared: {\n        react: {\n          version: React.version,\n          lib: () => React,\n          shareConfig: {\n            singleton: true,\n            requiredVersion: `^${React.version}`,\n          },\n        },\n        'react-dom': {\n          version: '18.3.1',\n          lib: () => ReactDOM,\n          shareConfig: {\n            singleton: true,\n            requiredVersion: `^18.3.1`,\n          },\n        },\n        'react-router-dom': {\n          version: '6.26.0',\n          lib: () => ReactRouterDOM,\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^6.26.0',\n          },\n        },\n        '@tanstack/react-query': {\n          version: '4.39.1',\n          lib: () => ReactQuery,\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^4.39.1',\n          },\n        },\n        'react-hook-form': {\n          version: '7.52.2',\n          lib: () => ReactHookForm,\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^7.52.2',\n          },\n        },\n        echarts: {\n          version: '5.5.0',\n          lib: () => require('echarts'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^5.5.0',\n          },\n        },\n        '@perses-dev/spec': {\n          version: '0.2.0-beta.2',\n          lib: () => require('@perses-dev/spec'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.2.0-beta.2',\n          },\n        },\n        '@perses-dev/core': {\n          version: '0.53.1',\n          lib: () => require('@perses-dev/core'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.53.1',\n          },\n        },\n        '@perses-dev/client': {\n          version: '0.54.0-beta.1',\n          lib: () => require('@perses-dev/client'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.54.0-beta.1',\n          },\n        },\n        '@perses-dev/components': {\n          version: '0.53.1',\n          lib: () => require('@perses-dev/components'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.53.1',\n          },\n        },\n        '@perses-dev/plugin-system': {\n          version: '0.53.1',\n          lib: () => require('@perses-dev/plugin-system'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.53.1',\n          },\n        },\n        '@perses-dev/explore': {\n          version: '0.53.1',\n          lib: () => require('@perses-dev/explore'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.53.1',\n          },\n        },\n        '@perses-dev/dashboards': {\n          version: '0.53.1',\n          lib: () => require('@perses-dev/dashboards'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^0.53.1',\n          },\n        },\n        // Below are the shared modules that are used by the plugins, this can be part of the SDK\n        'date-fns': {\n          version: '4.1.0',\n          lib: () => require('date-fns'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^4.1.0',\n          },\n        },\n        'date-fns-tz': {\n          version: '3.2.0',\n          lib: () => require('date-fns-tz'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^3.2.0',\n          },\n        },\n        lodash: {\n          version: '4.17.21',\n          lib: () => require('lodash'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^4.17.21',\n          },\n        },\n        '@emotion/react': {\n          version: '11.11.3',\n          lib: () => require('@emotion/react'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^11.11.3',\n          },\n        },\n        '@emotion/styled': {\n          version: '11.11.0',\n          lib: () => require('@emotion/styled'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^11.11.0',\n          },\n        },\n        '@hookform/resolvers/zod': {\n          version: '3.3.4',\n          lib: () => require('@hookform/resolvers/zod'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^3.3.4',\n          },\n        },\n        'use-resize-observer': {\n          version: '9.1.0',\n          lib: () => require('use-resize-observer'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^9.1.0',\n          },\n        },\n        'mdi-material-ui': {\n          version: '7.4.0',\n          lib: () => require('mdi-material-ui'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^7.4.0',\n          },\n        },\n        immer: {\n          version: '10.1.1',\n          lib: () => require('immer'),\n          shareConfig: {\n            singleton: true,\n            requiredVersion: '^10.1.1',\n          },\n        },\n      },\n    });\n\n    instance = pluginRuntime;\n\n    return instance;\n  }\n  return instance;\n};\n\nfunction getModuleFederationRemoteName(name: string, registry?: string, version?: string): string {\n  return `${name}:${registry ?? ''}:${version ?? ''}`;\n}\n\nconst registerRemote = (name: string, registry?: string, version?: string, baseURL?: string): void => {\n  const pluginRuntime = getPluginRuntime();\n  const registryName = getModuleFederationRemoteName(name, registry, version);\n\n  const existingRemote = pluginRuntime.options.remotes.find((remote) => remote.name === registryName);\n  if (!existingRemote) {\n    const nameVersionRegistry = [name, version, registry].filter(Boolean).join('~');\n    const prefix = baseURL || '/plugins';\n    const remoteEntryURL = `${prefix}/${nameVersionRegistry}/mf-manifest.json`;\n\n    pluginRuntime.registerRemotes([\n      {\n        name: registryName,\n        entry: remoteEntryURL,\n        alias: registryName,\n      },\n    ]);\n  }\n};\n\nexport const loadPlugin = async (target: {\n  moduleName: string;\n  pluginName: string;\n  registry?: string;\n  version?: string;\n  baseURL?: string;\n}): Promise<RemotePluginModule | null> => {\n  const { moduleName, pluginName, registry, version, baseURL } = target;\n  registerRemote(moduleName, registry, version, baseURL);\n\n  const pluginRuntime = getPluginRuntime();\n  const registryName = getModuleFederationRemoteName(moduleName, registry, version);\n  return pluginRuntime.loadRemote<RemotePluginModule>(`${registryName}/${pluginName}`);\n};\n\nexport function usePluginRuntime({ plugin }: { plugin: PersesPlugin }): {\n  pluginRuntime: ModuleFederation;\n  loadPlugin: () => Promise<RemotePluginModule | null>;\n} {\n  return {\n    pluginRuntime: getPluginRuntime(),\n    loadPlugin: (): Promise<RemotePluginModule | null> => {\n      const { moduleName, name: pluginName, registry, version, baseURL } = plugin;\n      return loadPlugin({ moduleName, pluginName, registry, version, baseURL });\n    },\n  };\n}\n"],"names":["createInstance","ReactQuery","React","ReactDOM","ReactHookForm","ReactRouterDOM","instance","getPluginRuntime","pluginRuntime","name","remotes","shared","react","version","lib","shareConfig","singleton","requiredVersion","echarts","require","lodash","immer","getModuleFederationRemoteName","registry","registerRemote","baseURL","registryName","existingRemote","options","find","remote","nameVersionRegistry","filter","Boolean","join","prefix","remoteEntryURL","registerRemotes","entry","alias","loadPlugin","target","moduleName","pluginName","loadRemote","usePluginRuntime","plugin"],"mappings":"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"}

package/dist/remote/remotePluginLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remotePluginLoader.d.ts","sourceRoot":"","sources":["../../src/remote/remotePluginLoader.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAwC,MAAM,2BAA2B,CAAC;AA8B/F,KAAK,yBAAyB,GAAG;IAC/B;;;QAGI;IACJ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;QAGI;IACJ,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAwBF;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,yBAAyB,GAAG,YAAY,CA0CpF"}
+{"version":3,"file":"remotePluginLoader.d.ts","sourceRoot":"","sources":["../../src/remote/remotePluginLoader.ts"],"names":[],"mappings":"AAaA,OAAO,EACL,YAAY,EAKb,MAAM,2BAA2B,CAAC;AA8BnC,KAAK,yBAAyB,GAAG;IAC/B;;;QAGI;IACJ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;QAGI;IACJ,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAwBF;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,yBAAyB,GAAG,YAAY,CAyDpF"}

package/dist/remote/remotePluginLoader.js

@@ -10,6 +10,7 @@
 // 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 { getPluginModuleCompoundKey } from '@perses-dev/plugin-system';
 import { loadPlugin } from './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;
@@ -52,17 +53,39 @@ const paramToOptions = (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 loadPlugin(pluginModuleName, plugin.spec.name, pluginsAssetsPath);
+            const loadPromises = resource.spec.plugins.map(async (plugin)=>{
+                const remotePluginModule = await 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[getPluginModuleCompoundKey({
+                        kind: item.kind,
+                        name: item.name,
+                        registry,
+                        version
+                    })] = item.remotePlugin;
+                }
+            });
             return pluginModule;
         }
     };

package/dist/remote/remotePluginLoader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/remote/remotePluginLoader.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PluginLoader, PluginMetadata, PluginModuleResource } from '@perses-dev/plugin-system';\nimport { RemotePluginModule } from './PersesPlugin.types';\nimport { loadPlugin } from './PluginRuntime';\n\nconst isPluginMetadata = (plugin: unknown): plugin is PluginMetadata => {\n  return (\n    typeof plugin === 'object' &&\n    plugin !== null &&\n    'kind' in plugin &&\n    'spec' in plugin &&\n    typeof plugin.spec === 'object' &&\n    plugin.spec !== null &&\n    'name' in plugin.spec\n  );\n};\n\nconst isPluginModuleResource = (pluginModule: unknown): pluginModule is PluginModuleResource => {\n  return (\n    typeof pluginModule === 'object' &&\n    pluginModule !== null &&\n    'metadata' in pluginModule &&\n    'spec' in pluginModule &&\n    typeof pluginModule.spec === 'object' &&\n    pluginModule.spec !== null &&\n    'plugins' in pluginModule.spec &&\n    Array.isArray(pluginModule.spec.plugins) &&\n    pluginModule.spec.plugins.every(isPluginMetadata)\n  );\n};\n\ntype RemotePluginLoaderOptions = {\n  /**\n   * The API path for fetching available Perses plugins. Used to construct the full URL to the `/api/v1/plugins` endpoint.\n   * @default ''\n   **/\n  apiPrefix?: string;\n  /**\n   * The base URL for loading plugin assets (e.g., JavaScript files). Used to construct the full URL to the `/plugins` directory\n   * @default ''\n   **/\n  baseURL?: string;\n};\n\ntype ParsedPluginOptions = {\n  pluginsApiPath: string;\n  pluginsAssetsPath: string;\n};\n\nconst DEFAULT_PLUGINS_API_PATH = '/api/v1/plugins';\nconst DEFAULT_PLUGINS_ASSETS_PATH = '/plugins';\n\nconst paramToOptions = (options?: RemotePluginLoaderOptions): ParsedPluginOptions => {\n  if (options === undefined) {\n    return {\n      pluginsApiPath: DEFAULT_PLUGINS_API_PATH,\n      pluginsAssetsPath: DEFAULT_PLUGINS_ASSETS_PATH,\n    };\n  }\n\n  return {\n    pluginsApiPath: `${options?.apiPrefix ?? ''}${DEFAULT_PLUGINS_API_PATH}`,\n    pluginsAssetsPath: `${options?.baseURL ?? ''}${DEFAULT_PLUGINS_ASSETS_PATH}`,\n  };\n};\n\n/**\n * Get a PluginLoader that fetches the list of installed plugins from a remote server and loads them as needed.\n * @param options - Optional configuration options for the remote plugin loader.\n */\nexport function remotePluginLoader(options?: RemotePluginLoaderOptions): PluginLoader {\n  const { pluginsApiPath, pluginsAssetsPath } = paramToOptions(options);\n\n  return {\n    getInstalledPlugins: async (): Promise<PluginModuleResource[]> => {\n      const pluginsResponse = await fetch(pluginsApiPath);\n\n      const plugins = await pluginsResponse.json();\n\n      let pluginModules: PluginModuleResource[] = [];\n\n      if (Array.isArray(plugins)) {\n        pluginModules = plugins.filter(isPluginModuleResource);\n      } else {\n        console.error('RemotePluginLoader: Error loading plugins, response is not an array');\n      }\n\n      if (!pluginModules.length) {\n        console.error('RemotePluginLoader: No valid plugins found');\n      }\n\n      return pluginModules;\n    },\n    importPluginModule: async (resource): Promise<RemotePluginModule> => {\n      const pluginModuleName = resource.metadata.name;\n\n      const pluginModule: RemotePluginModule = {};\n\n      for (const plugin of resource.spec.plugins) {\n        const remotePluginModule = await loadPlugin(pluginModuleName, plugin.spec.name, pluginsAssetsPath);\n\n        const remotePlugin = remotePluginModule?.[plugin.spec.name];\n        if (remotePlugin) {\n          pluginModule[plugin.spec.name] = remotePlugin;\n        } else {\n          console.error(`RemotePluginLoader: Error loading plugin ${plugin.spec.name}`);\n        }\n      }\n\n      return pluginModule;\n    },\n  };\n}\n"],"names":["loadPlugin","isPluginMetadata","plugin","spec","isPluginModuleResource","pluginModule","Array","isArray","plugins","every","DEFAULT_PLUGINS_API_PATH","DEFAULT_PLUGINS_ASSETS_PATH","paramToOptions","options","undefined","pluginsApiPath","pluginsAssetsPath","apiPrefix","baseURL","remotePluginLoader","getInstalledPlugins","pluginsResponse","fetch","json","pluginModules","filter","console","error","length","importPluginModule","resource","pluginModuleName","metadata","name","remotePluginModule","remotePlugin"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,MAAMC,mBAAmB,CAACC;IACxB,OACE,OAAOA,WAAW,YAClBA,WAAW,QACX,UAAUA,UACV,UAAUA,UACV,OAAOA,OAAOC,IAAI,KAAK,YACvBD,OAAOC,IAAI,KAAK,QAChB,UAAUD,OAAOC,IAAI;AAEzB;AAEA,MAAMC,yBAAyB,CAACC;IAC9B,OACE,OAAOA,iBAAiB,YACxBA,iBAAiB,QACjB,cAAcA,gBACd,UAAUA,gBACV,OAAOA,aAAaF,IAAI,KAAK,YAC7BE,aAAaF,IAAI,KAAK,QACtB,aAAaE,aAAaF,IAAI,IAC9BG,MAAMC,OAAO,CAACF,aAAaF,IAAI,CAACK,OAAO,KACvCH,aAAaF,IAAI,CAACK,OAAO,CAACC,KAAK,CAACR;AAEpC;AAoBA,MAAMS,2BAA2B;AACjC,MAAMC,8BAA8B;AAEpC,MAAMC,iBAAiB,CAACC;IACtB,IAAIA,YAAYC,WAAW;QACzB,OAAO;YACLC,gBAAgBL;YAChBM,mBAAmBL;QACrB;IACF;IAEA,OAAO;QACLI,gBAAgB,GAAGF,SAASI,aAAa,KAAKP,0BAA0B;QACxEM,mBAAmB,GAAGH,SAASK,WAAW,KAAKP,6BAA6B;IAC9E;AACF;AAEA;;;CAGC,GACD,OAAO,SAASQ,mBAAmBN,OAAmC;IACpE,MAAM,EAAEE,cAAc,EAAEC,iBAAiB,EAAE,GAAGJ,eAAeC;IAE7D,OAAO;QACLO,qBAAqB;YACnB,MAAMC,kBAAkB,MAAMC,MAAMP;YAEpC,MAAMP,UAAU,MAAMa,gBAAgBE,IAAI;YAE1C,IAAIC,gBAAwC,EAAE;YAE9C,IAAIlB,MAAMC,OAAO,CAACC,UAAU;gBAC1BgB,gBAAgBhB,QAAQiB,MAAM,CAACrB;YACjC,OAAO;gBACLsB,QAAQC,KAAK,CAAC;YAChB;YAEA,IAAI,CAACH,cAAcI,MAAM,EAAE;gBACzBF,QAAQC,KAAK,CAAC;YAChB;YAEA,OAAOH;QACT;QACAK,oBAAoB,OAAOC;YACzB,MAAMC,mBAAmBD,SAASE,QAAQ,CAACC,IAAI;YAE/C,MAAM5B,eAAmC,CAAC;YAE1C,KAAK,MAAMH,UAAU4B,SAAS3B,IAAI,CAACK,OAAO,CAAE;gBAC1C,MAAM0B,qBAAqB,MAAMlC,WAAW+B,kBAAkB7B,OAAOC,IAAI,CAAC8B,IAAI,EAAEjB;gBAEhF,MAAMmB,eAAeD,oBAAoB,CAAChC,OAAOC,IAAI,CAAC8B,IAAI,CAAC;gBAC3D,IAAIE,cAAc;oBAChB9B,YAAY,CAACH,OAAOC,IAAI,CAAC8B,IAAI,CAAC,GAAGE;gBACnC,OAAO;oBACLT,QAAQC,KAAK,CAAC,CAAC,yCAAyC,EAAEzB,OAAOC,IAAI,CAAC8B,IAAI,EAAE;gBAC9E;YACF;YAEA,OAAO5B;QACT;IACF;AACF"}
+{"version":3,"sources":["../../src/remote/remotePluginLoader.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport {\n  PluginLoader,\n  PluginMetadata,\n  PluginModuleResource,\n  PluginType,\n  getPluginModuleCompoundKey,\n} from '@perses-dev/plugin-system';\nimport { RemotePluginModule } from './PersesPlugin.types';\nimport { loadPlugin } from './PluginRuntime';\n\nconst isPluginMetadata = (plugin: unknown): plugin is PluginMetadata => {\n  return (\n    typeof plugin === 'object' &&\n    plugin !== null &&\n    'kind' in plugin &&\n    'spec' in plugin &&\n    typeof plugin.spec === 'object' &&\n    plugin.spec !== null &&\n    'name' in plugin.spec\n  );\n};\n\nconst isPluginModuleResource = (pluginModule: unknown): pluginModule is PluginModuleResource => {\n  return (\n    typeof pluginModule === 'object' &&\n    pluginModule !== null &&\n    'metadata' in pluginModule &&\n    'spec' in pluginModule &&\n    typeof pluginModule.spec === 'object' &&\n    pluginModule.spec !== null &&\n    'plugins' in pluginModule.spec &&\n    Array.isArray(pluginModule.spec.plugins) &&\n    pluginModule.spec.plugins.every(isPluginMetadata)\n  );\n};\n\ntype RemotePluginLoaderOptions = {\n  /**\n   * The API path for fetching available Perses plugins. Used to construct the full URL to the `/api/v1/plugins` endpoint.\n   * @default ''\n   **/\n  apiPrefix?: string;\n  /**\n   * The base URL for loading plugin assets (e.g., JavaScript files). Used to construct the full URL to the `/plugins` directory\n   * @default ''\n   **/\n  baseURL?: string;\n};\n\ntype ParsedPluginOptions = {\n  pluginsApiPath: string;\n  pluginsAssetsPath: string;\n};\n\nconst DEFAULT_PLUGINS_API_PATH = '/api/v1/plugins';\nconst DEFAULT_PLUGINS_ASSETS_PATH = '/plugins';\n\nconst paramToOptions = (options?: RemotePluginLoaderOptions): ParsedPluginOptions => {\n  if (options === undefined) {\n    return {\n      pluginsApiPath: DEFAULT_PLUGINS_API_PATH,\n      pluginsAssetsPath: DEFAULT_PLUGINS_ASSETS_PATH,\n    };\n  }\n\n  return {\n    pluginsApiPath: `${options?.apiPrefix ?? ''}${DEFAULT_PLUGINS_API_PATH}`,\n    pluginsAssetsPath: `${options?.baseURL ?? ''}${DEFAULT_PLUGINS_ASSETS_PATH}`,\n  };\n};\n\n/**\n * Get a PluginLoader that fetches the list of installed plugins from a remote server and loads them as needed.\n * @param options - Optional configuration options for the remote plugin loader.\n */\nexport function remotePluginLoader(options?: RemotePluginLoaderOptions): PluginLoader {\n  const { pluginsApiPath, pluginsAssetsPath } = paramToOptions(options);\n\n  return {\n    getInstalledPlugins: async (): Promise<PluginModuleResource[]> => {\n      const pluginsResponse = await fetch(pluginsApiPath);\n\n      const plugins = await pluginsResponse.json();\n      let pluginModules: PluginModuleResource[] = [];\n\n      if (Array.isArray(plugins)) {\n        pluginModules = plugins.filter(isPluginModuleResource);\n      } else {\n        console.error('RemotePluginLoader: Error loading plugins, response is not an array');\n      }\n\n      if (!pluginModules.length) {\n        console.error('RemotePluginLoader: No valid plugins found');\n      }\n\n      return pluginModules;\n    },\n    importPluginModule: async (resource): Promise<RemotePluginModule> => {\n      const { name: pluginModuleName, version, registry } = resource.metadata;\n\n      const pluginModule: RemotePluginModule = {};\n\n      const loadPromises = resource.spec.plugins.map(async (plugin) => {\n        const remotePluginModule = await loadPlugin({\n          moduleName: pluginModuleName,\n          pluginName: plugin.spec.name,\n          registry,\n          version,\n          baseURL: pluginsAssetsPath,\n        });\n\n        const remotePlugin = remotePluginModule?.[plugin.spec.name];\n        if (remotePlugin) {\n          return { kind: plugin.kind as PluginType, name: plugin.spec.name, remotePlugin };\n        } else {\n          console.error(`RemotePluginLoader: Error loading plugin ${plugin.spec.name}`);\n          return null;\n        }\n      });\n\n      const loadedPlugins = await Promise.all(loadPromises);\n\n      loadedPlugins.forEach((item) => {\n        if (item?.remotePlugin) {\n          pluginModule[getPluginModuleCompoundKey({ kind: item.kind, name: item.name, registry, version })] =\n            item.remotePlugin;\n        }\n      });\n\n      return pluginModule;\n    },\n  };\n}\n"],"names":["getPluginModuleCompoundKey","loadPlugin","isPluginMetadata","plugin","spec","isPluginModuleResource","pluginModule","Array","isArray","plugins","every","DEFAULT_PLUGINS_API_PATH","DEFAULT_PLUGINS_ASSETS_PATH","paramToOptions","options","undefined","pluginsApiPath","pluginsAssetsPath","apiPrefix","baseURL","remotePluginLoader","getInstalledPlugins","pluginsResponse","fetch","json","pluginModules","filter","console","error","length","importPluginModule","resource","name","pluginModuleName","version","registry","metadata","loadPromises","map","remotePluginModule","moduleName","pluginName","remotePlugin","kind","loadedPlugins","Promise","all","forEach","item"],"mappings":"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"}

package/dist/runtime/DataQueriesProvider/DataQueriesProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataQueriesProvider.d.ts","sourceRoot":"","sources":["../../../src/runtime/DataQueriesProvider/DataQueriesProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAiB,YAAY,EAAoC,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,SAAS,EAA6B,MAAM,kBAAkB,CAAC;AAOxE,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EAEnB,sBAAsB,EAGvB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,kBAAkB,6DAA+D,CAAC;AAE/F,wBAAgB,qBAAqB,IAAI,sBAAsB,CAM9D;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,SAAS,EAAE,SAAS,EAAE,CAAC,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAqBzG;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,CAsFjF"}
+{"version":3,"file":"DataQueriesProvider.d.ts","sourceRoot":"","sources":["../../../src/runtime/DataQueriesProvider/DataQueriesProvider.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAiB,YAAY,EAAoC,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,SAAS,EAA6B,MAAM,kBAAkB,CAAC;AASxE,OAAO,EACL,wBAAwB,EACxB,mBAAmB,EAEnB,sBAAsB,EAEvB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,kBAAkB,6DAA+D,CAAC;AAE/F,wBAAgB,qBAAqB,IAAI,sBAAsB,CAM9D;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,SAAS,EAAE,SAAS,EAAE,CAAC,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAuBzG;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,CA2FjF"}

package/dist/runtime/DataQueriesProvider/DataQueriesProvider.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // 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.
@@ -10,14 +11,15 @@
 // 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 { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo } from 'react';
 import { useTimeSeriesQueries } from '../time-series-queries';
 import { useTraceQueries } from '../trace-queries';
 import { useProfileQueries } from '../profile-queries';
+import { useAlertsQueries } from '../alerts-queries';
+import { useSilencesQueries } from '../silences-queries';
 import { useUsageMetrics } from '../UsageMetricsProvider';
 import { useLogQueries } from '../log-queries';
-import { transformQueryResults, useQueryType } from './model';
+import { transformQueryResults } from './model';
 export const DataQueriesContext = /*#__PURE__*/ createContext(undefined);
 export function useDataQueriesContext() {
     const ctx = useContext(DataQueriesContext);
@@ -28,60 +30,61 @@ export function useDataQueriesContext() {
 }
 export function useDataQueries(queryType) {
     const ctx = useDataQueriesContext();
+    // Filter query definitions based on the specified query type
+    const filteredQueryDefinitions = ctx.queryDefinitions.filter((definition)=>definition.kind === queryType);
     // Filter the query results based on the specified query type
     const filteredQueryResults = ctx.queryResults.filter((queryResult)=>queryResult?.definition?.kind === queryType);
     // Filter the errors based on the specified query type
     const filteredErrors = ctx.errors.filter((errors, index)=>ctx.queryResults[index]?.definition?.kind === queryType);
     // Create a new context object with the filtered results and errors
-    const filteredCtx = {
+    return {
+        queryDefinitions: filteredQueryDefinitions,
         queryResults: filteredQueryResults,
         isFetching: filteredQueryResults.some((result)=>result.isFetching),
         isLoading: filteredQueryResults.some((result)=>result.isLoading),
         refetchAll: ctx.refetchAll,
         errors: filteredErrors
     };
-    return filteredCtx;
 }
 export function DataQueriesProvider(props) {
     const { definitions, options, children, queryOptions } = props;
-    // Returns a query kind, for example "TimeSeriesQuery" = getQueryType("PrometheusTimeSeriesQuery")
-    const getQueryType = useQueryType();
-    const queryDefinitions = definitions.map((definition)=>{
-        const type = getQueryType(definition.kind);
-        return {
-            kind: type,
-            spec: {
-                plugin: definition
-            }
-        };
-    });
     const usageMetrics = useUsageMetrics();
     // Filter definitions for time series query and other future query plugins
-    const timeSeriesQueries = queryDefinitions.filter((definition)=>definition.kind === 'TimeSeriesQuery');
+    const timeSeriesQueries = definitions.filter((definition)=>definition.kind === 'TimeSeriesQuery');
     const timeSeriesResults = useTimeSeriesQueries(timeSeriesQueries, options, queryOptions);
-    const traceQueries = queryDefinitions.filter((definition)=>definition.kind === 'TraceQuery');
+    const traceQueries = definitions.filter((definition)=>definition.kind === 'TraceQuery');
     const traceResults = useTraceQueries(traceQueries);
-    const profileQueries = queryDefinitions.filter((definition)=>definition.kind === 'ProfileQuery');
+    const profileQueries = definitions.filter((definition)=>definition.kind === 'ProfileQuery');
     const profileResults = useProfileQueries(profileQueries);
-    const logQueries = queryDefinitions.filter((definition)=>definition.kind === 'LogQuery');
+    const logQueries = definitions.filter((definition)=>definition.kind === 'LogQuery');
     const logResults = useLogQueries(logQueries);
+    const alertsQueries = definitions.filter((definition)=>definition.kind === 'AlertsQuery');
+    const alertsResults = useAlertsQueries(alertsQueries);
+    const silencesQueries = definitions.filter((definition)=>definition.kind === 'SilencesQuery');
+    const silencesResults = useSilencesQueries(silencesQueries);
     const refetchAll = 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 = useMemo(()=>{
         const mergedQueryResults = [
             ...transformQueryResults(timeSeriesResults, timeSeriesQueries),
             ...transformQueryResults(traceResults, traceQueries),
             ...transformQueryResults(profileResults, profileQueries),
-            ...transformQueryResults(logResults, logQueries)
+            ...transformQueryResults(logResults, logQueries),
+            ...transformQueryResults(alertsResults, alertsQueries),
+            ...transformQueryResults(silencesResults, silencesQueries)
         ];
         if (queryOptions?.enabled) {
             for (const result of mergedQueryResults){
@@ -95,6 +98,7 @@ export function DataQueriesProvider(props) {
             }
         }
         return {
+            queryDefinitions: definitions,
             queryResults: mergedQueryResults,
             isFetching: mergedQueryResults.some((result)=>result.isFetching),
             isLoading: mergedQueryResults.some((result)=>result.isLoading),
@@ -102,16 +106,21 @@ export function DataQueriesProvider(props) {
             errors: mergedQueryResults.map((result)=>result.error)
         };
     }, [
+        alertsQueries,
+        alertsResults,
+        logQueries,
+        logResults,
+        profileQueries,
+        profileResults,
+        silencesQueries,
+        silencesResults,
         timeSeriesQueries,
         timeSeriesResults,
         traceQueries,
         traceResults,
-        profileQueries,
-        profileResults,
-        logQueries,
-        logResults,
-        refetchAll,
+        definitions,
         queryOptions?.enabled,
+        refetchAll,
         usageMetrics
     ]);
     return /*#__PURE__*/ _jsx(DataQueriesContext.Provider, {

package/dist/runtime/DataQueriesProvider/DataQueriesProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/DataQueriesProvider.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, ReactElement, useCallback, useContext, useMemo } from 'react';\nimport { QueryType, TimeSeriesQueryDefinition } from '@perses-dev/spec';\nimport { useTimeSeriesQueries } from '../time-series-queries';\nimport { useTraceQueries, TraceQueryDefinition } from '../trace-queries';\nimport { useProfileQueries, ProfileQueryDefinition } from '../profile-queries';\n\nimport { useUsageMetrics } from '../UsageMetricsProvider';\nimport { LogQueryDefinition, useLogQueries } from '../log-queries';\nimport {\n  DataQueriesProviderProps,\n  UseDataQueryResults,\n  transformQueryResults,\n  DataQueriesContextType,\n  QueryData,\n  useQueryType,\n} from './model';\n\nexport const DataQueriesContext = createContext<DataQueriesContextType | undefined>(undefined);\n\nexport function useDataQueriesContext(): DataQueriesContextType {\n  const ctx = useContext(DataQueriesContext);\n  if (ctx === undefined) {\n    throw new Error('No DataQueriesContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useDataQueries<T extends keyof QueryType>(queryType: T): UseDataQueryResults<QueryType[T]> {\n  const ctx = useDataQueriesContext();\n\n  // Filter the query results based on the specified query type\n  const filteredQueryResults = ctx.queryResults.filter(\n    (queryResult) => queryResult?.definition?.kind === queryType\n  ) as Array<QueryData<QueryType[T]>>;\n\n  // Filter the errors based on the specified query type\n  const filteredErrors = ctx.errors.filter((errors, index) => ctx.queryResults[index]?.definition?.kind === queryType);\n\n  // Create a new context object with the filtered results and errors\n  const filteredCtx = {\n    queryResults: filteredQueryResults,\n    isFetching: filteredQueryResults.some((result) => result.isFetching),\n    isLoading: filteredQueryResults.some((result) => result.isLoading),\n    refetchAll: ctx.refetchAll,\n    errors: filteredErrors,\n  };\n\n  return filteredCtx;\n}\n\nexport function DataQueriesProvider(props: DataQueriesProviderProps): ReactElement {\n  const { definitions, options, children, queryOptions } = props;\n\n  // Returns a query kind, for example \"TimeSeriesQuery\" = getQueryType(\"PrometheusTimeSeriesQuery\")\n  const getQueryType = useQueryType();\n\n  const queryDefinitions = definitions.map((definition) => {\n    const type = getQueryType(definition.kind);\n    return {\n      kind: type,\n      spec: {\n        plugin: definition,\n      },\n    };\n  });\n\n  const usageMetrics = useUsageMetrics();\n\n  // Filter definitions for time series query and other future query plugins\n  const timeSeriesQueries = queryDefinitions.filter(\n    (definition) => definition.kind === 'TimeSeriesQuery'\n  ) as TimeSeriesQueryDefinition[];\n  const timeSeriesResults = useTimeSeriesQueries(timeSeriesQueries, options, queryOptions);\n\n  const traceQueries = queryDefinitions.filter(\n    (definition) => definition.kind === 'TraceQuery'\n  ) as TraceQueryDefinition[];\n  const traceResults = useTraceQueries(traceQueries);\n\n  const profileQueries = queryDefinitions.filter(\n    (definition) => definition.kind === 'ProfileQuery'\n  ) as ProfileQueryDefinition[];\n  const profileResults = useProfileQueries(profileQueries);\n\n  const logQueries = queryDefinitions.filter((definition) => definition.kind === 'LogQuery') as LogQueryDefinition[];\n  const logResults = useLogQueries(logQueries);\n\n  const refetchAll = useCallback(() => {\n    timeSeriesResults.forEach((result) => result.refetch());\n    traceResults.forEach((result) => result.refetch());\n    profileResults.forEach((result) => result.refetch());\n    logResults.forEach((result) => result.refetch());\n  }, [timeSeriesResults, traceResults, profileResults, logResults]);\n\n  const ctx = useMemo(() => {\n    const mergedQueryResults = [\n      ...transformQueryResults(timeSeriesResults, timeSeriesQueries),\n      ...transformQueryResults(traceResults, traceQueries),\n      ...transformQueryResults(profileResults, profileQueries),\n      ...transformQueryResults(logResults, logQueries),\n    ];\n\n    if (queryOptions?.enabled) {\n      for (const result of mergedQueryResults) {\n        if (!result.isLoading && !result.isFetching && !result.error) {\n          usageMetrics.markQuery(result.definition, 'success');\n        } else if (result.error) {\n          usageMetrics.markQuery(result.definition, 'error');\n        } else {\n          usageMetrics.markQuery(result.definition, 'pending');\n        }\n      }\n    }\n\n    return {\n      queryResults: mergedQueryResults,\n      isFetching: mergedQueryResults.some((result) => result.isFetching),\n      isLoading: mergedQueryResults.some((result) => result.isLoading),\n      refetchAll,\n      errors: mergedQueryResults.map((result) => result.error),\n    };\n  }, [\n    timeSeriesQueries,\n    timeSeriesResults,\n    traceQueries,\n    traceResults,\n    profileQueries,\n    profileResults,\n    logQueries,\n    logResults,\n    refetchAll,\n    queryOptions?.enabled,\n    usageMetrics,\n  ]);\n\n  return <DataQueriesContext.Provider value={ctx}>{children}</DataQueriesContext.Provider>;\n}\n"],"names":["createContext","useCallback","useContext","useMemo","useTimeSeriesQueries","useTraceQueries","useProfileQueries","useUsageMetrics","useLogQueries","transformQueryResults","useQueryType","DataQueriesContext","undefined","useDataQueriesContext","ctx","Error","useDataQueries","queryType","filteredQueryResults","queryResults","filter","queryResult","definition","kind","filteredErrors","errors","index","filteredCtx","isFetching","some","result","isLoading","refetchAll","DataQueriesProvider","props","definitions","options","children","queryOptions","getQueryType","queryDefinitions","map","type","spec","plugin","usageMetrics","timeSeriesQueries","timeSeriesResults","traceQueries","traceResults","profileQueries","profileResults","logQueries","logResults","forEach","refetch","mergedQueryResults","enabled","error","markQuery","Provider","value"],"mappings":"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"}
+{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/DataQueriesProvider.tsx"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { createContext, ReactElement, useCallback, useContext, useMemo } from 'react';\nimport { QueryType, TimeSeriesQueryDefinition } from '@perses-dev/spec';\nimport { useTimeSeriesQueries } from '../time-series-queries';\nimport { useTraceQueries, TraceQueryDefinition } from '../trace-queries';\nimport { useProfileQueries, ProfileQueryDefinition } from '../profile-queries';\nimport { useAlertsQueries, AlertsQueryDefinition } from '../alerts-queries';\nimport { useSilencesQueries, SilencesQueryDefinition } from '../silences-queries';\n\nimport { useUsageMetrics } from '../UsageMetricsProvider';\nimport { LogQueryDefinition, useLogQueries } from '../log-queries';\nimport {\n  DataQueriesProviderProps,\n  UseDataQueryResults,\n  transformQueryResults,\n  DataQueriesContextType,\n  QueryData,\n} from './model';\n\nexport const DataQueriesContext = createContext<DataQueriesContextType | undefined>(undefined);\n\nexport function useDataQueriesContext(): DataQueriesContextType {\n  const ctx = useContext(DataQueriesContext);\n  if (ctx === undefined) {\n    throw new Error('No DataQueriesContext found. Did you forget a Provider?');\n  }\n  return ctx;\n}\n\nexport function useDataQueries<T extends keyof QueryType>(queryType: T): UseDataQueryResults<QueryType[T]> {\n  const ctx = useDataQueriesContext();\n\n  // Filter query definitions based on the specified query type\n  const filteredQueryDefinitions = ctx.queryDefinitions.filter((definition) => definition.kind === queryType);\n\n  // Filter the query results based on the specified query type\n  const filteredQueryResults = ctx.queryResults.filter(\n    (queryResult) => queryResult?.definition?.kind === queryType\n  ) as Array<QueryData<QueryType[T]>>;\n\n  // Filter the errors based on the specified query type\n  const filteredErrors = ctx.errors.filter((errors, index) => ctx.queryResults[index]?.definition?.kind === queryType);\n\n  // Create a new context object with the filtered results and errors\n  return {\n    queryDefinitions: filteredQueryDefinitions,\n    queryResults: filteredQueryResults,\n    isFetching: filteredQueryResults.some((result) => result.isFetching),\n    isLoading: filteredQueryResults.some((result) => result.isLoading),\n    refetchAll: ctx.refetchAll,\n    errors: filteredErrors,\n  };\n}\n\nexport function DataQueriesProvider(props: DataQueriesProviderProps): ReactElement {\n  const { definitions, options, children, queryOptions } = props;\n\n  const usageMetrics = useUsageMetrics();\n\n  // Filter definitions for time series query and other future query plugins\n  const timeSeriesQueries = definitions.filter(\n    (definition) => definition.kind === 'TimeSeriesQuery'\n  ) as TimeSeriesQueryDefinition[];\n  const timeSeriesResults = useTimeSeriesQueries(timeSeriesQueries, options, queryOptions);\n\n  const traceQueries = definitions.filter((definition) => definition.kind === 'TraceQuery') as TraceQueryDefinition[];\n  const traceResults = useTraceQueries(traceQueries);\n\n  const profileQueries = definitions.filter(\n    (definition) => definition.kind === 'ProfileQuery'\n  ) as ProfileQueryDefinition[];\n  const profileResults = useProfileQueries(profileQueries);\n\n  const logQueries = definitions.filter((definition) => definition.kind === 'LogQuery') as LogQueryDefinition[];\n  const logResults = useLogQueries(logQueries);\n\n  const alertsQueries = definitions.filter(\n    (definition) => definition.kind === 'AlertsQuery'\n  ) as AlertsQueryDefinition[];\n  const alertsResults = useAlertsQueries(alertsQueries);\n\n  const silencesQueries = definitions.filter(\n    (definition) => definition.kind === 'SilencesQuery'\n  ) as SilencesQueryDefinition[];\n  const silencesResults = useSilencesQueries(silencesQueries);\n\n  const refetchAll = useCallback(() => {\n    timeSeriesResults.forEach((result) => result.refetch());\n    traceResults.forEach((result) => result.refetch());\n    profileResults.forEach((result) => result.refetch());\n    logResults.forEach((result) => result.refetch());\n    alertsResults.forEach((result) => result.refetch());\n    silencesResults.forEach((result) => result.refetch());\n  }, [timeSeriesResults, traceResults, profileResults, logResults, alertsResults, silencesResults]);\n\n  const ctx = useMemo(() => {\n    const mergedQueryResults = [\n      ...transformQueryResults(timeSeriesResults, timeSeriesQueries),\n      ...transformQueryResults(traceResults, traceQueries),\n      ...transformQueryResults(profileResults, profileQueries),\n      ...transformQueryResults(logResults, logQueries),\n      ...transformQueryResults(alertsResults, alertsQueries),\n      ...transformQueryResults(silencesResults, silencesQueries),\n    ];\n\n    if (queryOptions?.enabled) {\n      for (const result of mergedQueryResults) {\n        if (!result.isLoading && !result.isFetching && !result.error) {\n          usageMetrics.markQuery(result.definition, 'success');\n        } else if (result.error) {\n          usageMetrics.markQuery(result.definition, 'error');\n        } else {\n          usageMetrics.markQuery(result.definition, 'pending');\n        }\n      }\n    }\n\n    return {\n      queryDefinitions: definitions,\n      queryResults: mergedQueryResults,\n      isFetching: mergedQueryResults.some((result) => result.isFetching),\n      isLoading: mergedQueryResults.some((result) => result.isLoading),\n      refetchAll,\n      errors: mergedQueryResults.map((result) => result.error),\n    };\n  }, [\n    alertsQueries,\n    alertsResults,\n    logQueries,\n    logResults,\n    profileQueries,\n    profileResults,\n    silencesQueries,\n    silencesResults,\n    timeSeriesQueries,\n    timeSeriesResults,\n    traceQueries,\n    traceResults,\n    definitions,\n    queryOptions?.enabled,\n    refetchAll,\n    usageMetrics,\n  ]);\n\n  return <DataQueriesContext.Provider value={ctx}>{children}</DataQueriesContext.Provider>;\n}\n"],"names":["createContext","useCallback","useContext","useMemo","useTimeSeriesQueries","useTraceQueries","useProfileQueries","useAlertsQueries","useSilencesQueries","useUsageMetrics","useLogQueries","transformQueryResults","DataQueriesContext","undefined","useDataQueriesContext","ctx","Error","useDataQueries","queryType","filteredQueryDefinitions","queryDefinitions","filter","definition","kind","filteredQueryResults","queryResults","queryResult","filteredErrors","errors","index","isFetching","some","result","isLoading","refetchAll","DataQueriesProvider","props","definitions","options","children","queryOptions","usageMetrics","timeSeriesQueries","timeSeriesResults","traceQueries","traceResults","profileQueries","profileResults","logQueries","logResults","alertsQueries","alertsResults","silencesQueries","silencesResults","forEach","refetch","mergedQueryResults","enabled","error","markQuery","map","Provider","value"],"mappings":";AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,aAAa,EAAgBC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,QAAQ;AAEtF,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,eAAe,QAA8B,mBAAmB;AACzE,SAASC,iBAAiB,QAAgC,qBAAqB;AAC/E,SAASC,gBAAgB,QAA+B,oBAAoB;AAC5E,SAASC,kBAAkB,QAAiC,sBAAsB;AAElF,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,SAA6BC,aAAa,QAAQ,iBAAiB;AACnE,SAGEC,qBAAqB,QAGhB,UAAU;AAEjB,OAAO,MAAMC,mCAAqBZ,cAAkDa,WAAW;AAE/F,OAAO,SAASC;IACd,MAAMC,MAAMb,WAAWU;IACvB,IAAIG,QAAQF,WAAW;QACrB,MAAM,IAAIG,MAAM;IAClB;IACA,OAAOD;AACT;AAEA,OAAO,SAASE,eAA0CC,SAAY;IACpE,MAAMH,MAAMD;IAEZ,6DAA6D;IAC7D,MAAMK,2BAA2BJ,IAAIK,gBAAgB,CAACC,MAAM,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAKL;IAEjG,6DAA6D;IAC7D,MAAMM,uBAAuBT,IAAIU,YAAY,CAACJ,MAAM,CAClD,CAACK,cAAgBA,aAAaJ,YAAYC,SAASL;IAGrD,sDAAsD;IACtD,MAAMS,iBAAiBZ,IAAIa,MAAM,CAACP,MAAM,CAAC,CAACO,QAAQC,QAAUd,IAAIU,YAAY,CAACI,MAAM,EAAEP,YAAYC,SAASL;IAE1G,mEAAmE;IACnE,OAAO;QACLE,kBAAkBD;QAClBM,cAAcD;QACdM,YAAYN,qBAAqBO,IAAI,CAAC,CAACC,SAAWA,OAAOF,UAAU;QACnEG,WAAWT,qBAAqBO,IAAI,CAAC,CAACC,SAAWA,OAAOC,SAAS;QACjEC,YAAYnB,IAAImB,UAAU;QAC1BN,QAAQD;IACV;AACF;AAEA,OAAO,SAASQ,oBAAoBC,KAA+B;IACjE,MAAM,EAAEC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,YAAY,EAAE,GAAGJ;IAEzD,MAAMK,eAAehC;IAErB,0EAA0E;IAC1E,MAAMiC,oBAAoBL,YAAYhB,MAAM,CAC1C,CAACC,aAAeA,WAAWC,IAAI,KAAK;IAEtC,MAAMoB,oBAAoBvC,qBAAqBsC,mBAAmBJ,SAASE;IAE3E,MAAMI,eAAeP,YAAYhB,MAAM,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAK;IAC5E,MAAMsB,eAAexC,gBAAgBuC;IAErC,MAAME,iBAAiBT,YAAYhB,MAAM,CACvC,CAACC,aAAeA,WAAWC,IAAI,KAAK;IAEtC,MAAMwB,iBAAiBzC,kBAAkBwC;IAEzC,MAAME,aAAaX,YAAYhB,MAAM,CAAC,CAACC,aAAeA,WAAWC,IAAI,KAAK;IAC1E,MAAM0B,aAAavC,cAAcsC;IAEjC,MAAME,gBAAgBb,YAAYhB,MAAM,CACtC,CAACC,aAAeA,WAAWC,IAAI,KAAK;IAEtC,MAAM4B,gBAAgB5C,iBAAiB2C;IAEvC,MAAME,kBAAkBf,YAAYhB,MAAM,CACxC,CAACC,aAAeA,WAAWC,IAAI,KAAK;IAEtC,MAAM8B,kBAAkB7C,mBAAmB4C;IAE3C,MAAMlB,aAAajC,YAAY;QAC7B0C,kBAAkBW,OAAO,CAAC,CAACtB,SAAWA,OAAOuB,OAAO;QACpDV,aAAaS,OAAO,CAAC,CAACtB,SAAWA,OAAOuB,OAAO;QAC/CR,eAAeO,OAAO,CAAC,CAACtB,SAAWA,OAAOuB,OAAO;QACjDN,WAAWK,OAAO,CAAC,CAACtB,SAAWA,OAAOuB,OAAO;QAC7CJ,cAAcG,OAAO,CAAC,CAACtB,SAAWA,OAAOuB,OAAO;QAChDF,gBAAgBC,OAAO,CAAC,CAACtB,SAAWA,OAAOuB,OAAO;IACpD,GAAG;QAACZ;QAAmBE;QAAcE;QAAgBE;QAAYE;QAAeE;KAAgB;IAEhG,MAAMtC,MAAMZ,QAAQ;QAClB,MAAMqD,qBAAqB;eACtB7C,sBAAsBgC,mBAAmBD;eACzC/B,sBAAsBkC,cAAcD;eACpCjC,sBAAsBoC,gBAAgBD;eACtCnC,sBAAsBsC,YAAYD;eAClCrC,sBAAsBwC,eAAeD;eACrCvC,sBAAsB0C,iBAAiBD;SAC3C;QAED,IAAIZ,cAAciB,SAAS;YACzB,KAAK,MAAMzB,UAAUwB,mBAAoB;gBACvC,IAAI,CAACxB,OAAOC,SAAS,IAAI,CAACD,OAAOF,UAAU,IAAI,CAACE,OAAO0B,KAAK,EAAE;oBAC5DjB,aAAakB,SAAS,CAAC3B,OAAOV,UAAU,EAAE;gBAC5C,OAAO,IAAIU,OAAO0B,KAAK,EAAE;oBACvBjB,aAAakB,SAAS,CAAC3B,OAAOV,UAAU,EAAE;gBAC5C,OAAO;oBACLmB,aAAakB,SAAS,CAAC3B,OAAOV,UAAU,EAAE;gBAC5C;YACF;QACF;QAEA,OAAO;YACLF,kBAAkBiB;YAClBZ,cAAc+B;YACd1B,YAAY0B,mBAAmBzB,IAAI,CAAC,CAACC,SAAWA,OAAOF,UAAU;YACjEG,WAAWuB,mBAAmBzB,IAAI,CAAC,CAACC,SAAWA,OAAOC,SAAS;YAC/DC;YACAN,QAAQ4B,mBAAmBI,GAAG,CAAC,CAAC5B,SAAWA,OAAO0B,KAAK;QACzD;IACF,GAAG;QACDR;QACAC;QACAH;QACAC;QACAH;QACAC;QACAK;QACAC;QACAX;QACAC;QACAC;QACAC;QACAR;QACAG,cAAciB;QACdvB;QACAO;KACD;IAED,qBAAO,KAAC7B,mBAAmBiD,QAAQ;QAACC,OAAO/C;kBAAMwB;;AACnD"}

package/dist/runtime/DataQueriesProvider/model.d.ts

@@ -1,14 +1,15 @@
-import { Definition, QueryDefinition, UnknownSpec, QueryDataType } from '@perses-dev/spec';
+import { QueryDefinition, UnknownSpec, QueryDataType } from '@perses-dev/spec';
 import { QueryObserverOptions, UseQueryResult } from '@tanstack/react-query';
 import { ReactNode } from 'react';
 export type QueryOptions = Record<string, unknown>;
-export interface DataQueriesProviderProps<QueryPluginSpec = UnknownSpec> {
-    definitions: Array<Definition<QueryPluginSpec>>;
+export interface DataQueriesProviderProps<Kind = unknown, PluginSpec = UnknownSpec> {
+    definitions: Array<QueryDefinition<Kind, PluginSpec>>;
     children?: ReactNode;
     options?: QueryOptions;
     queryOptions?: Omit<QueryObserverOptions, 'queryKey'>;
 }
 export interface DataQueriesContextType {
+    queryDefinitions: QueryDefinition[];
     queryResults: QueryData[];
     refetchAll: () => void;
     isFetching: boolean;
@@ -27,5 +28,4 @@ export type QueryData<T = QueryDataType> = {
     refetch?: () => void;
 };
 export declare function transformQueryResults(results: UseQueryResult[], definitions: QueryDefinition[]): QueryData[];
-export declare function useQueryType(): (pluginKind: string) => string | undefined;
 //# sourceMappingURL=model.d.ts.map

package/dist/runtime/DataQueriesProvider/model.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3F,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAGxD,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnD,MAAM,WAAW,wBAAwB,CAAC,eAAe,GAAG,WAAW;IACrE,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;CACvD;AAED,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IAC1F,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,aAAa,IAAI;IACzC,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAW5G;AAED,wBAAgB,YAAY,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAwFzE"}
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACnD,MAAM,WAAW,wBAAwB,CAAC,IAAI,GAAG,OAAO,EAAE,UAAU,GAAG,WAAW;IAChF,WAAW,EAAE,KAAK,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;CACvD;AAED,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,eAAe,EAAE,CAAC;IACpC,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC;IAC1F,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;CACnC;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,GAAG,aAAa,IAAI;IACzC,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAW5G"}

package/dist/runtime/DataQueriesProvider/model.js

@@ -10,8 +10,6 @@
 // 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 { useCallback, useMemo } from 'react';
-import { useListPluginMetadata } from '../plugin-registry';
 export function transformQueryResults(results, definitions) {
     return results.map(({ data, isFetching, isLoading, refetch, error }, i)=>{
         return {
@@ -24,85 +22,5 @@ export function transformQueryResults(results, definitions) {
         };
     });
 }
-export function useQueryType() {
-    const { data: timeSeriesQueryPlugins, isLoading: isTimeSeriesQueryLoading } = useListPluginMetadata([
-        'TimeSeriesQuery'
-    ]);
-    const { data: traceQueryPlugins, isLoading: isTraceQueryPluginLoading } = useListPluginMetadata([
-        'TraceQuery'
-    ]);
-    const { data: profileQueryPlugins, isLoading: isProfileQueryPluginLoading } = useListPluginMetadata([
-        'ProfileQuery'
-    ]);
-    const { data: logQueries, isLoading: isLogQueryPluginLoading } = useListPluginMetadata([
-        'LogQuery'
-    ]);
-    // For example, `map: {"TimeSeriesQuery":["PrometheusTimeSeriesQuery"],"TraceQuery":["TempoTraceQuery"]}`
-    const queryTypeMap = useMemo(()=>{
-        const map = {
-            TimeSeriesQuery: [],
-            TraceQuery: [],
-            ProfileQuery: [],
-            LogQuery: []
-        };
-        if (timeSeriesQueryPlugins) {
-            timeSeriesQueryPlugins.forEach((plugin)=>{
-                map[plugin.kind]?.push(plugin.spec.name);
-            });
-        }
-        if (traceQueryPlugins) {
-            traceQueryPlugins.forEach((plugin)=>{
-                map[plugin.kind]?.push(plugin.spec.name);
-            });
-        }
-        if (profileQueryPlugins) {
-            profileQueryPlugins.forEach((plugin)=>{
-                map[plugin.kind]?.push(plugin.spec.name);
-            });
-        }
-        if (logQueries) {
-            logQueries.forEach((plugin)=>{
-                map[plugin.kind]?.push(plugin.spec.name);
-            });
-        }
-        return map;
-    }, [
-        timeSeriesQueryPlugins,
-        traceQueryPlugins,
-        profileQueryPlugins,
-        logQueries
-    ]);
-    const getQueryType = useCallback((pluginKind)=>{
-        const isLoading = (pluginKind)=>{
-            switch(pluginKind){
-                case 'PrometheusTimeSeriesQuery':
-                    return isTimeSeriesQueryLoading;
-                case 'TempoTraceQuery':
-                    return isTraceQueryPluginLoading;
-                case 'PyroscopeProfileQuery':
-                    return isProfileQueryPluginLoading;
-                case 'LokiLogQuery':
-                    return isLogQueryPluginLoading;
-            }
-            return isTraceQueryPluginLoading || isTimeSeriesQueryLoading || isProfileQueryPluginLoading || isLogQueryPluginLoading;
-        };
-        if (isLoading(pluginKind)) {
-            return undefined;
-        }
-        for(const queryType in queryTypeMap){
-            if (queryTypeMap[queryType]?.includes(pluginKind)) {
-                return queryType;
-            }
-        }
-        throw new Error(`Unable to determine the query type: ${pluginKind}`);
-    }, [
-        queryTypeMap,
-        isTimeSeriesQueryLoading,
-        isTraceQueryPluginLoading,
-        isProfileQueryPluginLoading,
-        isLogQueryPluginLoading
-    ]);
-    return getQueryType;
-}
 
 //# sourceMappingURL=model.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Definition, QueryDefinition, UnknownSpec, QueryDataType } from '@perses-dev/spec';\nimport { QueryObserverOptions, UseQueryResult } from '@tanstack/react-query';\nimport { ReactNode, useCallback, useMemo } from 'react';\nimport { useListPluginMetadata } from '../plugin-registry';\n\nexport type QueryOptions = Record<string, unknown>;\nexport interface DataQueriesProviderProps<QueryPluginSpec = UnknownSpec> {\n  definitions: Array<Definition<QueryPluginSpec>>;\n  children?: ReactNode;\n  options?: QueryOptions;\n  queryOptions?: Omit<QueryObserverOptions, 'queryKey'>;\n}\n\nexport interface DataQueriesContextType {\n  queryResults: QueryData[];\n  refetchAll: () => void;\n  isFetching: boolean;\n  isLoading: boolean;\n  errors: unknown[];\n}\n\nexport interface UseDataQueryResults<T> extends Omit<DataQueriesContextType, 'queryResults'> {\n  queryResults: Array<QueryData<T>>;\n}\n\nexport type QueryData<T = QueryDataType> = {\n  data?: T;\n  definition: QueryDefinition;\n  error: Error;\n  isFetching: boolean;\n  isLoading: boolean;\n  refetch?: () => void;\n};\n\nexport function transformQueryResults(results: UseQueryResult[], definitions: QueryDefinition[]): QueryData[] {\n  return results.map(({ data, isFetching, isLoading, refetch, error }, i) => {\n    return {\n      definition: definitions[i],\n      data,\n      isFetching,\n      isLoading,\n      refetch,\n      error,\n    } as QueryData;\n  });\n}\n\nexport function useQueryType(): (pluginKind: string) => string | undefined {\n  const { data: timeSeriesQueryPlugins, isLoading: isTimeSeriesQueryLoading } = useListPluginMetadata([\n    'TimeSeriesQuery',\n  ]);\n  const { data: traceQueryPlugins, isLoading: isTraceQueryPluginLoading } = useListPluginMetadata(['TraceQuery']);\n  const { data: profileQueryPlugins, isLoading: isProfileQueryPluginLoading } = useListPluginMetadata(['ProfileQuery']);\n  const { data: logQueries, isLoading: isLogQueryPluginLoading } = useListPluginMetadata(['LogQuery']);\n\n  // For example, `map: {\"TimeSeriesQuery\":[\"PrometheusTimeSeriesQuery\"],\"TraceQuery\":[\"TempoTraceQuery\"]}`\n  const queryTypeMap = useMemo(() => {\n    const map: Record<string, string[]> = {\n      TimeSeriesQuery: [],\n      TraceQuery: [],\n      ProfileQuery: [],\n      LogQuery: [],\n    };\n\n    if (timeSeriesQueryPlugins) {\n      timeSeriesQueryPlugins.forEach((plugin) => {\n        map[plugin.kind]?.push(plugin.spec.name);\n      });\n    }\n\n    if (traceQueryPlugins) {\n      traceQueryPlugins.forEach((plugin) => {\n        map[plugin.kind]?.push(plugin.spec.name);\n      });\n    }\n\n    if (profileQueryPlugins) {\n      profileQueryPlugins.forEach((plugin) => {\n        map[plugin.kind]?.push(plugin.spec.name);\n      });\n    }\n\n    if (logQueries) {\n      logQueries.forEach((plugin) => {\n        map[plugin.kind]?.push(plugin.spec.name);\n      });\n    }\n\n    return map;\n  }, [timeSeriesQueryPlugins, traceQueryPlugins, profileQueryPlugins, logQueries]);\n\n  const getQueryType = useCallback(\n    (pluginKind: string) => {\n      const isLoading = (pluginKind: string): boolean => {\n        switch (pluginKind) {\n          case 'PrometheusTimeSeriesQuery':\n            return isTimeSeriesQueryLoading;\n          case 'TempoTraceQuery':\n            return isTraceQueryPluginLoading;\n          case 'PyroscopeProfileQuery':\n            return isProfileQueryPluginLoading;\n          case 'LokiLogQuery':\n            return isLogQueryPluginLoading;\n        }\n\n        return (\n          isTraceQueryPluginLoading ||\n          isTimeSeriesQueryLoading ||\n          isProfileQueryPluginLoading ||\n          isLogQueryPluginLoading\n        );\n      };\n\n      if (isLoading(pluginKind)) {\n        return undefined;\n      }\n\n      for (const queryType in queryTypeMap) {\n        if (queryTypeMap[queryType]?.includes(pluginKind)) {\n          return queryType;\n        }\n      }\n\n      throw new Error(`Unable to determine the query type: ${pluginKind}`);\n    },\n    [\n      queryTypeMap,\n      isTimeSeriesQueryLoading,\n      isTraceQueryPluginLoading,\n      isProfileQueryPluginLoading,\n      isLogQueryPluginLoading,\n    ]\n  );\n\n  return getQueryType;\n}\n"],"names":["useCallback","useMemo","useListPluginMetadata","transformQueryResults","results","definitions","map","data","isFetching","isLoading","refetch","error","i","definition","useQueryType","timeSeriesQueryPlugins","isTimeSeriesQueryLoading","traceQueryPlugins","isTraceQueryPluginLoading","profileQueryPlugins","isProfileQueryPluginLoading","logQueries","isLogQueryPluginLoading","queryTypeMap","TimeSeriesQuery","TraceQuery","ProfileQuery","LogQuery","forEach","plugin","kind","push","spec","name","getQueryType","pluginKind","undefined","queryType","includes","Error"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAIjC,SAAoBA,WAAW,EAAEC,OAAO,QAAQ,QAAQ;AACxD,SAASC,qBAAqB,QAAQ,qBAAqB;AA+B3D,OAAO,SAASC,sBAAsBC,OAAyB,EAAEC,WAA8B;IAC7F,OAAOD,QAAQE,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAAE,EAAEC;QACnE,OAAO;YACLC,YAAYR,WAAW,CAACO,EAAE;YAC1BL;YACAC;YACAC;YACAC;YACAC;QACF;IACF;AACF;AAEA,OAAO,SAASG;IACd,MAAM,EAAEP,MAAMQ,sBAAsB,EAAEN,WAAWO,wBAAwB,EAAE,GAAGd,sBAAsB;QAClG;KACD;IACD,MAAM,EAAEK,MAAMU,iBAAiB,EAAER,WAAWS,yBAAyB,EAAE,GAAGhB,sBAAsB;QAAC;KAAa;IAC9G,MAAM,EAAEK,MAAMY,mBAAmB,EAAEV,WAAWW,2BAA2B,EAAE,GAAGlB,sBAAsB;QAAC;KAAe;IACpH,MAAM,EAAEK,MAAMc,UAAU,EAAEZ,WAAWa,uBAAuB,EAAE,GAAGpB,sBAAsB;QAAC;KAAW;IAEnG,yGAAyG;IACzG,MAAMqB,eAAetB,QAAQ;QAC3B,MAAMK,MAAgC;YACpCkB,iBAAiB,EAAE;YACnBC,YAAY,EAAE;YACdC,cAAc,EAAE;YAChBC,UAAU,EAAE;QACd;QAEA,IAAIZ,wBAAwB;YAC1BA,uBAAuBa,OAAO,CAAC,CAACC;gBAC9BvB,GAAG,CAACuB,OAAOC,IAAI,CAAC,EAAEC,KAAKF,OAAOG,IAAI,CAACC,IAAI;YACzC;QACF;QAEA,IAAIhB,mBAAmB;YACrBA,kBAAkBW,OAAO,CAAC,CAACC;gBACzBvB,GAAG,CAACuB,OAAOC,IAAI,CAAC,EAAEC,KAAKF,OAAOG,IAAI,CAACC,IAAI;YACzC;QACF;QAEA,IAAId,qBAAqB;YACvBA,oBAAoBS,OAAO,CAAC,CAACC;gBAC3BvB,GAAG,CAACuB,OAAOC,IAAI,CAAC,EAAEC,KAAKF,OAAOG,IAAI,CAACC,IAAI;YACzC;QACF;QAEA,IAAIZ,YAAY;YACdA,WAAWO,OAAO,CAAC,CAACC;gBAClBvB,GAAG,CAACuB,OAAOC,IAAI,CAAC,EAAEC,KAAKF,OAAOG,IAAI,CAACC,IAAI;YACzC;QACF;QAEA,OAAO3B;IACT,GAAG;QAACS;QAAwBE;QAAmBE;QAAqBE;KAAW;IAE/E,MAAMa,eAAelC,YACnB,CAACmC;QACC,MAAM1B,YAAY,CAAC0B;YACjB,OAAQA;gBACN,KAAK;oBACH,OAAOnB;gBACT,KAAK;oBACH,OAAOE;gBACT,KAAK;oBACH,OAAOE;gBACT,KAAK;oBACH,OAAOE;YACX;YAEA,OACEJ,6BACAF,4BACAI,+BACAE;QAEJ;QAEA,IAAIb,UAAU0B,aAAa;YACzB,OAAOC;QACT;QAEA,IAAK,MAAMC,aAAad,aAAc;YACpC,IAAIA,YAAY,CAACc,UAAU,EAAEC,SAASH,aAAa;gBACjD,OAAOE;YACT;QACF;QAEA,MAAM,IAAIE,MAAM,CAAC,oCAAoC,EAAEJ,YAAY;IACrE,GACA;QACEZ;QACAP;QACAE;QACAE;QACAE;KACD;IAGH,OAAOY;AACT"}
+{"version":3,"sources":["../../../src/runtime/DataQueriesProvider/model.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { QueryDefinition, UnknownSpec, QueryDataType } from '@perses-dev/spec';\nimport { QueryObserverOptions, UseQueryResult } from '@tanstack/react-query';\nimport { ReactNode } from 'react';\n\nexport type QueryOptions = Record<string, unknown>;\nexport interface DataQueriesProviderProps<Kind = unknown, PluginSpec = UnknownSpec> {\n  definitions: Array<QueryDefinition<Kind, PluginSpec>>;\n  children?: ReactNode;\n  options?: QueryOptions;\n  queryOptions?: Omit<QueryObserverOptions, 'queryKey'>;\n}\n\nexport interface DataQueriesContextType {\n  queryDefinitions: QueryDefinition[];\n  queryResults: QueryData[];\n  refetchAll: () => void;\n  isFetching: boolean;\n  isLoading: boolean;\n  errors: unknown[];\n}\n\nexport interface UseDataQueryResults<T> extends Omit<DataQueriesContextType, 'queryResults'> {\n  queryResults: Array<QueryData<T>>;\n}\n\nexport type QueryData<T = QueryDataType> = {\n  data?: T;\n  definition: QueryDefinition;\n  error: Error;\n  isFetching: boolean;\n  isLoading: boolean;\n  refetch?: () => void;\n};\n\nexport function transformQueryResults(results: UseQueryResult[], definitions: QueryDefinition[]): QueryData[] {\n  return results.map(({ data, isFetching, isLoading, refetch, error }, i) => {\n    return {\n      definition: definitions[i],\n      data,\n      isFetching,\n      isLoading,\n      refetch,\n      error,\n    } as QueryData;\n  });\n}\n"],"names":["transformQueryResults","results","definitions","map","data","isFetching","isLoading","refetch","error","i","definition"],"mappings":"AAAA,+BAA+B;AAC/B,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAoCjC,OAAO,SAASA,sBAAsBC,OAAyB,EAAEC,WAA8B;IAC7F,OAAOD,QAAQE,GAAG,CAAC,CAAC,EAAEC,IAAI,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,KAAK,EAAE,EAAEC;QACnE,OAAO;YACLC,YAAYR,WAAW,CAACO,EAAE;YAC1BL;YACAC;YACAC;YACAC;YACAC;QACF;IACF;AACF"}