@perses-dev/plugin-system 0.0.0-snapshot-ts-panel-actions-76080ec → 0.0.0-snapshot-reverse-proxy-75afbd7

package/dist/cjs/components/Variables/VariableEditorForm/VariableEditorForm.js

@@ -21,57 +21,18 @@ Object.defineProperty(exports, "VariableEditorForm", {
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _react = require("react");
 const _material = require("@mui/material");
 const _components = require("@perses-dev/components");
 const _reacthookform = require("react-hook-form");
 const _zod = require("@hookform/resolvers/zod");
 const _utils = require("../../../utils");
-const _variablemodel = require("../variable-model");
 const _PluginEditor = require("../../PluginEditor");
 const _context = require("../../../context");
+const _variablemodel = require("../variable-model");
+const _runtime = require("../../../runtime");
 const _VariablePreview = require("./VariablePreview");
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+const _variableeditorformmodel = require("./variable-editor-form-model");
 function FallbackPreview() {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         children: "Error previewing values"
@@ -146,10 +107,7 @@ function ListVariableEditorForm({ action, control }) {
     /** We use `previewSpec` to know when to explicitly update the
    * spec that will be used for preview. The reason why we do this is to avoid
    * having to re-fetch the values when the user is still editing the spec.
-   */ const [previewSpec, setPreviewSpec] = (0, _react.useState)(form.getValues());
-    const refreshPreview = ()=>{
-        setPreviewSpec(form.getValues());
-    };
+   */ const previewSpec = form.getValues();
     const plugin = (0, _reacthookform.useWatch)({
         control,
         name: 'spec.plugin'
@@ -160,6 +118,10 @@ function ListVariableEditorForm({ action, control }) {
         control: control,
         name: 'spec.allowAllValue'
     });
+    const sortMethod = (0, _reacthookform.useWatch)({
+        control: control,
+        name: 'spec.sort'
+    });
     // When variable kind is selected we need to provide default values
     // TODO: check if react-hook-form has a better way to do this
     const values = form.getValues();
@@ -169,6 +131,16 @@ function ListVariableEditorForm({ action, control }) {
     if (values.spec.allowMultiple === undefined) {
         form.setValue('spec.allowMultiple', false);
     }
+    if (!values.spec.plugin) {
+        form.setValue('spec.plugin', {
+            kind: 'StaticListVariable',
+            spec: {}
+        });
+    }
+    if (!values.spec.sort) {
+        form.setValue('spec.sort', 'none');
+    }
+    const { refresh } = (0, _runtime.useTimeRange)();
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
@@ -180,59 +152,51 @@ function ListVariableEditorForm({ action, control }) {
                 spacing: 2,
                 mb: 2,
                 children: [
-                    kind ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ErrorBoundary, {
                             FallbackComponent: FallbackPreview,
                             resetKeys: [
                                 previewSpec
                             ],
                             children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_VariablePreview.VariableListPreview, {
-                                definition: previewSpec,
-                                onRefresh: refreshPreview
+                                sortMethod: sortMethod,
+                                definition: previewSpec
                             })
                         })
-                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_VariablePreview.VariablePreview, {
-                        isLoading: true
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.ClickAwayListener, {
-                                onClickAway: ()=>refreshPreview(),
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {})
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ErrorBoundary, {
-                                FallbackComponent: _components.ErrorAlert,
-                                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-                                    control: control,
-                                    name: "spec.plugin",
-                                    render: ({ field })=>{
-                                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PluginEditor.PluginEditor, {
-                                            width: "100%",
-                                            pluginTypes: [
-                                                'Variable'
-                                            ],
-                                            pluginKindLabel: "Source",
-                                            value: {
-                                                selection: {
-                                                    type: 'Variable',
-                                                    kind: kind ?? 'StaticListVariable'
-                                                },
-                                                spec: pluginSpec ?? {
-                                                    values: []
-                                                }
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ErrorBoundary, {
+                            FallbackComponent: _components.ErrorAlert,
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
+                                control: control,
+                                name: "spec.plugin",
+                                render: ({ field })=>{
+                                    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_PluginEditor.PluginEditor, {
+                                        postExecuteRunQuery: refresh,
+                                        withRunQueryButton: true,
+                                        width: "100%",
+                                        pluginTypes: [
+                                            'Variable'
+                                        ],
+                                        pluginKindLabel: "Source",
+                                        value: {
+                                            selection: {
+                                                type: 'Variable',
+                                                kind: kind ?? 'StaticListVariable'
                                             },
-                                            isReadonly: action === 'read',
-                                            onChange: (v)=>{
-                                                field.onChange({
-                                                    kind: v.selection.kind,
-                                                    spec: v.spec
-                                                });
-                                            }
-                                        });
-                                    }
-                                })
+                                            spec: pluginSpec ?? {}
+                                        },
+                                        isReadonly: action === 'read',
+                                        onChange: (v)=>{
+                                            field.onChange({
+                                                kind: v.selection.kind,
+                                                spec: v.spec
+                                            });
+                                        }
+                                    });
+                                }
                             })
-                        ]
+                        })
                     }),
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
@@ -264,7 +228,7 @@ function ListVariableEditorForm({ action, control }) {
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
                             control: control,
                             name: "spec.sort",
-                            render: ({ field, fieldState })=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TextField, {
+                            render: ({ field, fieldState })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
                                     select: true,
                                     ...field,
                                     fullWidth: true,
@@ -281,36 +245,14 @@ function ListVariableEditorForm({ action, control }) {
                                     onChange: (event)=>{
                                         field.onChange(event);
                                     },
-                                    children: [
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                            value: "none",
-                                            children: "None"
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                            value: "alphabetical-asc",
-                                            children: "Alphabetical, asc"
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                            value: "alphabetical-desc",
-                                            children: "Alphabetical, desc"
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                            value: "numerical-asc",
-                                            children: "Numerical, asc"
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                            value: "numerical-desc",
-                                            children: "Numerical, desc"
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                            value: "alphabetical-ci-asc",
-                                            children: "Alphabetical, case-insensitive, asc"
-                                        }),
-                                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
-                                            value: "alphabetical-ci-desc",
-                                            children: "Alphabetical, case-insensitive, desc"
-                                        })
-                                    ]
+                                    children: Object.keys(_variableeditorformmodel.SORT_METHODS).map((key)=>{
+                                        if (!_variableeditorformmodel.SORT_METHODS[key]) return null;
+                                        const { label } = _variableeditorformmodel.SORT_METHODS[key];
+                                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.MenuItem, {
+                                            value: key,
+                                            children: label
+                                        }, key);
+                                    })
                                 })
                         })
                     })

package/dist/cjs/components/Variables/VariableEditorForm/VariablePreview.js

@@ -32,10 +32,10 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _material = require("@mui/material");
 const _components = require("@perses-dev/components");
-const _Refresh = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Refresh"));
 const _ClipboardOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/ClipboardOutline"));
 const _constants = require("../../../constants");
 const _variablemodel = require("../variable-model");
+const _variableeditorformmodel = require("./variable-editor-form-model");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -84,7 +84,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 const DEFAULT_MAX_PREVIEW_VALUES = 50;
 function VariablePreview(props) {
-    const { values, onRefresh, isLoading, error } = props;
+    const { values, isLoading, error } = props;
     const [maxValues, setMaxValues] = (0, _react.useState)(DEFAULT_MAX_PREVIEW_VALUES);
     const { infoSnackbar } = (0, _components.useSnackbar)();
     const showAll = ()=>{
@@ -94,6 +94,33 @@ function VariablePreview(props) {
     if (values && values?.length > 0 && maxValues) {
         notShown = values.length - maxValues;
     }
+    const variablePreviewState = (0, _react.useMemo)(()=>{
+        if (isLoading) {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
+                width: "100%",
+                sx: {
+                    alignItems: 'center',
+                    justifyContent: 'center'
+                },
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {})
+            });
+        } else if (error) {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
+                severity: "error",
+                children: error
+            });
+        } else if (!values?.length) {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
+                severity: "info",
+                children: "No results"
+            });
+        }
+        return null;
+    }, [
+        error,
+        isLoading,
+        values
+    ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
@@ -106,14 +133,6 @@ function VariablePreview(props) {
                         variant: "h4",
                         children: "Preview Values"
                     }),
-                    onRefresh && /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
-                        description: _constants.TOOLTIP_TEXT.refreshVariableValues,
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-                            onClick: onRefresh,
-                            size: "small",
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Refresh.default, {})
-                        })
-                    }),
                     /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
                         description: _constants.TOOLTIP_TEXT.copyVariableValues,
                         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
@@ -139,22 +158,7 @@ function VariablePreview(props) {
                         m: 2
                     },
                     children: [
-                        error && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
-                            severity: "error",
-                            children: error
-                        }),
-                        values?.length === 0 && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Alert, {
-                            severity: "info",
-                            children: "No results"
-                        }),
-                        isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
-                            width: "100%",
-                            sx: {
-                                alignItems: 'center',
-                                justifyContent: 'center'
-                            },
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.CircularProgress, {})
-                        }),
+                        variablePreviewState,
                         values?.slice(0, maxValues).map((val, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Chip, {
                                 size: "small",
                                 label: val
@@ -172,13 +176,18 @@ function VariablePreview(props) {
     });
 }
 function VariableListPreview(props) {
-    const { definition, onRefresh } = props;
+    const { definition, sortMethod } = props;
     const { data, isFetching, error } = (0, _variablemodel.useListVariablePluginValues)(definition);
     const errorMessage = error?.message;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(VariablePreview, {
-        values: data?.map((val)=>val.value) || [],
-        onRefresh: onRefresh,
-        isLoading: isFetching,
-        error: errorMessage
-    });
+    const result = !sortMethod || sortMethod === 'none' || !data ? data : _variableeditorformmodel.SORT_METHODS[sortMethod].sort(data);
+    const variablePreview = (0, _react.useMemo)(()=>/*#__PURE__*/ (0, _jsxruntime.jsx)(VariablePreview, {
+            values: result?.map((val)=>val.value),
+            isLoading: isFetching,
+            error: errorMessage
+        }), [
+        errorMessage,
+        isFetching,
+        result
+    ]);
+    return variablePreview;
 }

package/dist/cjs/components/Variables/VariableEditorForm/index.js

@@ -16,6 +16,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 _export_star(require("./VariableEditorForm"), exports);
 _export_star(require("./VariablePreview"), exports);
+_export_star(require("./variable-editor-form-model"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/cjs/components/Variables/VariableEditorForm/variable-editor-form-model.js

@@ -21,6 +21,9 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    SORT_METHODS: function() {
+        return SORT_METHODS;
+    },
     getInitialState: function() {
         return getInitialState;
     },
@@ -28,6 +31,50 @@ _export(exports, {
         return getVariableDefinitionFromState;
     }
 });
+const SORT_METHODS = {
+    none: {
+        label: 'None',
+        sort: (input)=>{
+            return input.slice();
+        }
+    },
+    'alphabetical-asc': {
+        label: 'Alphabetical, asc',
+        sort: (input)=>{
+            return input.slice().sort((a, b)=>a.label > b.label ? 1 : -1);
+        }
+    },
+    'alphabetical-desc': {
+        label: 'Alphabetical, desc',
+        sort: (input)=>{
+            return input.slice().sort((a, b)=>a.label > b.label ? -1 : 1);
+        }
+    },
+    'numerical-asc': {
+        label: 'Numerical, asc',
+        sort: (input)=>{
+            return input.slice().sort((a, b)=>parseInt(a.label) > parseInt(b.label) ? 1 : -1);
+        }
+    },
+    'numerical-desc': {
+        label: 'Numerical, desc',
+        sort: (input)=>{
+            return input.slice().sort((a, b)=>parseInt(a.label) < parseInt(b.label) ? 1 : -1);
+        }
+    },
+    'alphabetical-ci-asc': {
+        label: 'Alphabetical, case-insensitive, asc',
+        sort: (input)=>{
+            return input.slice().sort((a, b)=>a.label.toLowerCase() > b.label.toLowerCase() ? 1 : -1);
+        }
+    },
+    'alphabetical-ci-desc': {
+        label: 'Alphabetical, case-insensitive, desc',
+        sort: (input)=>{
+            return input.slice().sort((a, b)=>a.label.toLowerCase() > b.label.toLowerCase() ? -1 : 1);
+        }
+    }
+};
 function getInitialState(initialVariableDefinition) {
     const textVariableFields = {
         value: initialVariableDefinition.spec.value ?? '',

package/dist/cjs/components/Variables/variable-model.js

@@ -93,13 +93,13 @@ function useListVariablePluginValues(definition) {
             timeRange,
             refreshKey
         ],
-        queryFn: async ()=>{
+        queryFn: async ({ signal })=>{
             const resp = await variablePlugin?.getVariableOptions(spec, {
                 datasourceStore,
                 variables,
                 timeRange
-            });
-            if (resp === undefined) {
+            }, signal);
+            if (!resp?.data?.length) {
                 return [];
             }
             if (!capturingRegexp) {

package/dist/cjs/components/index.js

@@ -29,7 +29,6 @@ _export_star(require("./PluginRegistry"), exports);
 _export_star(require("./PluginSpecEditor"), exports);
 _export_star(require("./TimeRangeControls"), exports);
 _export_star(require("./Variables"), exports);
-_export_star(require("./ProjectSelect"), exports);
 _export_star(require("./MetricLabelInput"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {

package/dist/cjs/context/index.js

@@ -14,7 +14,6 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-_export_star(require("./ProjectStoreProvider"), exports);
 _export_star(require("./ValidationProvider"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {

package/dist/cjs/model/legend.js

@@ -33,6 +33,9 @@ _export(exports, {
     LEGEND_VALUE_CONFIG: function() {
         return LEGEND_VALUE_CONFIG;
     },
+    comparisonLegends: function() {
+        return comparisonLegends;
+    },
     legendValues: function() {
         return legendValues;
     },
@@ -51,6 +54,16 @@ const legendValues = [
     'max',
     'sum'
 ];
+const comparisonLegends = {
+    abs: {
+        label: 'Absolute',
+        description: 'Absolute value'
+    },
+    relative: {
+        label: 'Relative',
+        description: 'Relative value'
+    }
+};
 const LEGEND_POSITIONS_CONFIG = {
     bottom: {
         label: 'Bottom'

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

@@ -0,0 +1,16 @@
+// Copyright 2025 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// 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
+});

package/dist/cjs/remote/PluginRuntime.js

@@ -83,7 +83,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
 let instance = null;
 const getPluginRuntime = ()=>{
     if (instance === null) {
-        const pluginRuntime = (0, _runtime.init)({
+        const pluginRuntime = (0, _runtime.createInstance)({
             name: '@perses/perses-ui-host',
             remotes: [],
             shared: {
@@ -271,7 +271,8 @@ const registerRemote = (name, baseURL)=>{
 };
 const loadPlugin = async (moduleName, pluginName, baseURL)=>{
     registerRemote(moduleName, baseURL);
-    return (0, _runtime.loadRemote)(`${moduleName}/${pluginName}`);
+    const pluginRuntime = getPluginRuntime();
+    return pluginRuntime.loadRemote(`${moduleName}/${pluginName}`);
 };
 function usePluginRuntime({ plugin }) {
     return {

package/dist/cjs/remote/remotePluginLoader.js

@@ -27,10 +27,25 @@ const isPluginMetadata = (plugin)=>{
 const isPluginModuleResource = (pluginModule)=>{
     return typeof pluginModule === 'object' && pluginModule !== null && 'metadata' in pluginModule && 'spec' in pluginModule && typeof pluginModule.spec === 'object' && pluginModule.spec !== null && 'plugins' in pluginModule.spec && Array.isArray(pluginModule.spec.plugins) && pluginModule.spec.plugins.every(isPluginMetadata);
 };
-const remotePluginLoader = (baseURL)=>{
+const DEFAULT_PLUGINS_API_PATH = '/api/v1/plugins';
+const DEFAULT_PLUGINS_ASSETS_PATH = '/plugins';
+const paramToOptions = (options)=>{
+    if (options === undefined) {
+        return {
+            pluginsApiPath: DEFAULT_PLUGINS_API_PATH,
+            pluginsAssetsPath: DEFAULT_PLUGINS_ASSETS_PATH
+        };
+    }
+    return {
+        pluginsApiPath: `${options?.apiPrefix ?? ''}${DEFAULT_PLUGINS_API_PATH}`,
+        pluginsAssetsPath: `${options?.baseURL ?? ''}${DEFAULT_PLUGINS_ASSETS_PATH}`
+    };
+};
+function remotePluginLoader(options) {
+    const { pluginsApiPath, pluginsAssetsPath } = paramToOptions(options);
     return {
         getInstalledPlugins: async ()=>{
-            const pluginsResponse = await fetch(`${baseURL ? baseURL : ''}/api/v1/plugins`);
+            const pluginsResponse = await fetch(pluginsApiPath);
             const plugins = await pluginsResponse.json();
             let pluginModules = [];
             if (Array.isArray(plugins)) {
@@ -47,7 +62,7 @@ const remotePluginLoader = (baseURL)=>{
             const pluginModuleName = resource.metadata.name;
             const pluginModule = {};
             for (const plugin of resource.spec.plugins){
-                const remotePluginModule = await (0, _PluginRuntime.loadPlugin)(pluginModuleName, plugin.spec.name);
+                const remotePluginModule = await (0, _PluginRuntime.loadPlugin)(pluginModuleName, plugin.spec.name, pluginsAssetsPath);
                 const remotePlugin = remotePluginModule?.[plugin.spec.name];
                 if (remotePlugin) {
                     pluginModule[plugin.spec.name] = remotePlugin;
@@ -58,4 +73,4 @@ const remotePluginLoader = (baseURL)=>{
             return pluginModule;
         }
     };
-};
+}

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

@@ -40,6 +40,7 @@ const _timeseriesqueries = require("../time-series-queries");
 const _tracequeries = require("../trace-queries");
 const _profilequeries = require("../profile-queries");
 const _UsageMetricsProvider = require("../UsageMetricsProvider");
+const _logqueries = require("../log-queries");
 const _model = require("./model");
 const DataQueriesContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 function useDataQueriesContext() {
@@ -86,20 +87,25 @@ function DataQueriesProvider(props) {
     const traceResults = (0, _tracequeries.useTraceQueries)(traceQueries);
     const profileQueries = queryDefinitions.filter((definition)=>definition.kind === 'ProfileQuery');
     const profileResults = (0, _profilequeries.useProfileQueries)(profileQueries);
+    const logQueries = queryDefinitions.filter((definition)=>definition.kind === 'LogQuery');
+    const logResults = (0, _logqueries.useLogQueries)(logQueries);
     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());
     }, [
         timeSeriesResults,
         traceResults,
-        profileResults
+        profileResults,
+        logResults
     ]);
     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)(profileResults, profileQueries),
+            ...(0, _model.transformQueryResults)(logResults, logQueries)
         ];
         if (queryOptions?.enabled) {
             for (const result of mergedQueryResults){
@@ -126,6 +132,8 @@ function DataQueriesProvider(props) {
         traceResults,
         profileQueries,
         profileResults,
+        logQueries,
+        logResults,
         refetchAll,
         queryOptions?.enabled,
         usageMetrics