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

package/dist/cjs/components/TimeRangeControls/TimeRangeControls.js

@@ -34,7 +34,7 @@ const _PlusCircleOutline = /*#__PURE__*/ _interop_require_default(require("mdi-m
 const _MinusCircleOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/MinusCircleOutline"));
 const _material = require("@mui/material");
 const _components = require("@perses-dev/components");
-const _core = require("@perses-dev/core");
+const _spec = require("@perses-dev/spec");
 const _react = require("react");
 const _constants = require("../../constants");
 const _runtime = require("../../runtime");
@@ -100,7 +100,7 @@ function TimeRangeControls({ heightPx, showTimeRangeSelector = true, showRefresh
         setRefreshInterval
     ]);
     const fromDurationToMillis = (strDuration)=>{
-        const duration = (0, _core.parseDurationString)(strDuration);
+        const duration = (0, _spec.parseDurationString)(strDuration);
         const millis = // eslint-disable-next-line prettier/prettier
         ((duration.seconds ?? 0) + (duration.minutes ?? 0) * 60 + (duration.hours ?? 0) * 3600 + (duration.days ?? 0) * 86400 + (duration.weeks ?? 0) * 7 * 86400 + (duration.months ?? 0) * 30.436875 * 86400 + // avg month duration is ok for zoom purposes
         (duration.years ?? 0) * 365.2425 * 86400) * // avg year duration is ok for zoom purposes

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

@@ -137,6 +137,10 @@ function ListVariableEditorForm({ action, control }) {
         control: control,
         name: 'spec.allowAllValue'
     });
+    const _customAllValue = (0, _reacthookform.useWatch)({
+        control: control,
+        name: 'spec.customAllValue'
+    });
     const sortMethod = (0, _reacthookform.useWatch)({
         control: control,
         name: 'spec.sort'
@@ -333,30 +337,54 @@ function ListVariableEditorForm({ action, control }) {
                                 variant: "caption",
                                 children: "Enables an option to include all variable values"
                             }),
-                            _allowAllValue && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
-                                control: control,
-                                name: "spec.customAllValue",
-                                render: ({ field, fieldState })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
-                                        ...field,
-                                        fullWidth: true,
-                                        label: "Custom All Value",
-                                        InputLabelProps: {
-                                            shrink: action === 'read' ? true : undefined
-                                        },
-                                        InputProps: {
-                                            readOnly: action === 'read'
-                                        },
-                                        error: !!fieldState.error,
-                                        helperText: fieldState.error?.message ? fieldState.error.message : 'When All is selected, this value will be used',
-                                        value: field.value ?? '',
-                                        onChange: (event)=>{
-                                            if (event.target.value === '') {
-                                                field.onChange(undefined);
-                                            } else {
-                                                field.onChange(event);
+                            _allowAllValue && /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Stack, {
+                                spacing: 1,
+                                children: [
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.FormControlLabel, {
+                                        label: "Use Custom All Value",
+                                        control: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Switch, {
+                                            checked: _customAllValue !== undefined,
+                                            readOnly: action === 'read',
+                                            onChange: (event)=>{
+                                                if (action === 'read') return;
+                                                const isEnabled = event.target.checked;
+                                                if (isEnabled) {
+                                                    form.setValue('spec.customAllValue', '');
+                                                } else {
+                                                    form.setValue('spec.customAllValue', undefined);
+                                                }
                                             }
-                                        }
+                                        })
+                                    }),
+                                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                        variant: "caption",
+                                        sx: {
+                                            mt: -0.5
+                                        },
+                                        children: 'Enable to set a custom value when "All" is selected'
+                                    }),
+                                    _customAllValue !== undefined && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reacthookform.Controller, {
+                                        control: control,
+                                        name: "spec.customAllValue",
+                                        render: ({ field, fieldState })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TextField, {
+                                                ...field,
+                                                fullWidth: true,
+                                                label: "Custom All Value",
+                                                InputLabelProps: {
+                                                    shrink: action === 'read' ? true : undefined
+                                                },
+                                                InputProps: {
+                                                    readOnly: action === 'read'
+                                                },
+                                                error: !!fieldState.error,
+                                                helperText: fieldState.error?.message,
+                                                value: field.value ?? '',
+                                                onChange: (event)=>{
+                                                    field.onChange(event.target.value || '');
+                                                }
+                                            })
                                     })
+                                ]
                             })
                         ]
                     })

package/dist/cjs/context/ValidationProvider.js

@@ -33,6 +33,7 @@ _export(exports, {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = require("react");
+const _spec = require("@perses-dev/spec");
 const _core = require("@perses-dev/core");
 const ValidationSchemasContext = /*#__PURE__*/ (0, _react.createContext)(undefined);
 function useValidationSchemas() {
@@ -44,16 +45,16 @@ function useValidationSchemas() {
 }
 function ValidationProvider({ children }) {
     const [datasourceEditorSchema, setDatasourceEditorSchema] = (0, _react.useState)(_core.datasourceDefinitionSchema);
-    const [panelEditorSchema, setPanelEditorSchema] = (0, _react.useState)(_core.panelEditorSchema);
-    const [variableEditorSchema, setVariableEditorSchema] = (0, _react.useState)(_core.variableDefinitionSchema);
+    const [panelEditorSchema, setPanelEditorSchema] = (0, _react.useState)(_spec.panelEditorSchema); // TODO I don't get why this does not compile
+    const [variableEditorSchema, setVariableEditorSchema] = (0, _react.useState)(_spec.variableDefinitionSchema);
     function setDatasourceEditorSchemaPlugin(pluginSchema) {
         setDatasourceEditorSchema((0, _core.buildDatasourceDefinitionSchema)(pluginSchema));
     }
     function setPanelEditorSchemaPlugin(pluginSchema) {
-        setPanelEditorSchema((0, _core.buildPanelEditorSchema)(pluginSchema));
+        setPanelEditorSchema((0, _spec.buildPanelEditorSchema)(pluginSchema));
     }
     function setVariableEditorSchemaPlugin(pluginSchema) {
-        setVariableEditorSchema((0, _core.buildVariableDefinitionSchema)(pluginSchema));
+        setVariableEditorSchema((0, _spec.buildVariableDefinitionSchema)(pluginSchema));
     }
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(ValidationSchemasContext.Provider, {
         value: {

package/dist/cjs/model/index.js

@@ -16,6 +16,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 _export_star(require("./datasource"), exports);
 _export_star(require("./legend"), exports);
+_export_star(require("./log-queries"), exports);
+_export_star(require("./log-volume-utils"), exports);
 _export_star(require("./panels"), exports);
 _export_star(require("./plugins"), exports);
 _export_star(require("./plugin-base"), exports);

package/dist/cjs/model/log-volume-utils.js

@@ -0,0 +1,124 @@
+// Copyright The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+// Target number of bars for log volume histogram
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "calculateVolumeInterval", {
+    enumerable: true,
+    get: function() {
+        return calculateVolumeInterval;
+    }
+});
+const TARGET_HISTOGRAM_BARS = 40;
+// Standard intervals for histogram calculations (in milliseconds)
+const STANDARD_INTERVALS = [
+    {
+        ms: 1000,
+        label: '1s'
+    },
+    {
+        ms: 2000,
+        label: '2s'
+    },
+    {
+        ms: 5000,
+        label: '5s'
+    },
+    {
+        ms: 10000,
+        label: '10s'
+    },
+    {
+        ms: 15000,
+        label: '15s'
+    },
+    {
+        ms: 30000,
+        label: '30s'
+    },
+    {
+        ms: 60000,
+        label: '1m'
+    },
+    {
+        ms: 120000,
+        label: '2m'
+    },
+    {
+        ms: 300000,
+        label: '5m'
+    },
+    {
+        ms: 600000,
+        label: '10m'
+    },
+    {
+        ms: 900000,
+        label: '15m'
+    },
+    {
+        ms: 1800000,
+        label: '30m'
+    },
+    {
+        ms: 3600000,
+        label: '1h'
+    },
+    {
+        ms: 7200000,
+        label: '2h'
+    },
+    {
+        ms: 21600000,
+        label: '6h'
+    },
+    {
+        ms: 43200000,
+        label: '12h'
+    },
+    {
+        ms: 86400000,
+        label: '1d'
+    },
+    {
+        ms: 604800000,
+        label: '7d'
+    },
+    {
+        ms: 2592000000,
+        label: '30d'
+    }
+];
+function calculateVolumeInterval(timeRangeMs) {
+    // Prefer smallest interval that produces 20-100 bars (optimal range)
+    for (const interval of STANDARD_INTERVALS){
+        const barCount = timeRangeMs / interval.ms;
+        if (barCount >= 20 && barCount <= 100) {
+            return interval.label;
+        }
+    }
+    // Fallback: find closest to target if no interval fits optimal range
+    let bestInterval = STANDARD_INTERVALS[STANDARD_INTERVALS.length - 1];
+    let bestDistance = Infinity;
+    for (const interval of STANDARD_INTERVALS){
+        const barCount = timeRangeMs / interval.ms;
+        const distance = Math.abs(barCount - TARGET_HISTOGRAM_BARS);
+        if (distance < bestDistance) {
+            bestDistance = distance;
+            bestInterval = interval;
+        }
+    }
+    return bestInterval.label;
+}

package/dist/cjs/remote/PluginRuntime.js

@@ -147,44 +147,45 @@ const getPluginRuntime = ()=>{
                         requiredVersion: '^5.5.0'
                     }
                 },
+                // TODO should we add @perses-dev/spec here ?
                 '@perses-dev/core': {
-                    version: '0.53.0-beta.3',
+                    version: '0.53.1',
                     lib: ()=>require('@perses-dev/core'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.53.0-beta.3'
+                        requiredVersion: '^0.53.1'
                     }
                 },
                 '@perses-dev/components': {
-                    version: '0.53.0-beta.3',
+                    version: '0.53.1',
                     lib: ()=>require('@perses-dev/components'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.53.0-beta.3'
+                        requiredVersion: '^0.53.1'
                     }
                 },
                 '@perses-dev/plugin-system': {
-                    version: '0.53.0-beta.3',
+                    version: '0.53.1',
                     lib: ()=>require('@perses-dev/plugin-system'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^0.53.0-beta.3'
+                        requiredVersion: '^0.53.1'
                     }
                 },
                 '@perses-dev/explore': {
-                    version: '0.53.0-beta.3',
+                    version: '0.53.1',
                     lib: ()=>require('@perses-dev/explore'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^^0.53.0-beta.3'
+                        requiredVersion: '^0.53.1'
                     }
                 },
                 '@perses-dev/dashboards': {
-                    version: '0.53.0-beta.3',
+                    version: '0.53.1',
                     lib: ()=>require('@perses-dev/dashboards'),
                     shareConfig: {
                         singleton: true,
-                        requiredVersion: '^^0.53.0-beta.3'
+                        requiredVersion: '^0.53.1'
                     }
                 },
                 // Below are the shared modules that are used by the plugins, this can be part of the SDK

package/dist/cjs/runtime/TimeRangeProvider/TimeRangeProvider.js

@@ -39,7 +39,7 @@ _export(exports, {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _core = require("@perses-dev/core");
+const _spec = require("@perses-dev/spec");
 const _reactquery = require("@tanstack/react-query");
 const _refreshinterval = require("./refresh-interval");
 function _getRequireWildcardCache(nodeInterop) {
@@ -97,21 +97,21 @@ function useTimeRange() {
 function useSuggestedStepMs(width) {
     const { absoluteTimeRange } = useTimeRange();
     if (width === undefined) return 0;
-    return (0, _core.getSuggestedStepMs)(absoluteTimeRange, width);
+    return (0, _spec.getSuggestedStepMs)(absoluteTimeRange, width);
 }
 function TimeRangeProvider(props) {
     const { timeRange, refreshInterval, children, setTimeRange, setRefreshInterval } = props;
     const queryClient = (0, _reactquery.useQueryClient)();
-    const [absoluteTimeRange, setAbsoluteTimeRange] = (0, _react.useState)((0, _core.isRelativeTimeRange)(timeRange) ? (0, _core.toAbsoluteTimeRange)(timeRange) : timeRange);
+    const [absoluteTimeRange, setAbsoluteTimeRange] = (0, _react.useState)((0, _spec.isRelativeTimeRange)(timeRange) ? (0, _spec.toAbsoluteTimeRange)(timeRange) : timeRange);
     const handleSetTimeRange = (0, _react.useCallback)((value)=>{
         setTimeRange(value);
-        setAbsoluteTimeRange((0, _core.isRelativeTimeRange)(value) ? (0, _core.toAbsoluteTimeRange)(value) : value);
+        setAbsoluteTimeRange((0, _spec.isRelativeTimeRange)(value) ? (0, _spec.toAbsoluteTimeRange)(value) : value);
     }, [
         setTimeRange
     ]);
     // Refresh is called when clicking on the refresh button, it refreshes all queries including variables
     const refresh = (0, _react.useCallback)(()=>{
-        setAbsoluteTimeRange((0, _core.isRelativeTimeRange)(timeRange) ? (0, _core.toAbsoluteTimeRange)(timeRange) : timeRange);
+        setAbsoluteTimeRange((0, _spec.isRelativeTimeRange)(timeRange) ? (0, _spec.toAbsoluteTimeRange)(timeRange) : timeRange);
         queryClient.invalidateQueries({
             queryKey: [
                 'query'
@@ -138,7 +138,7 @@ function TimeRangeProvider(props) {
     ]);
     // Auto refresh is only refreshing queries of panels
     const autoRefresh = (0, _react.useCallback)(()=>{
-        setAbsoluteTimeRange((0, _core.isRelativeTimeRange)(timeRange) ? (0, _core.toAbsoluteTimeRange)(timeRange) : timeRange);
+        setAbsoluteTimeRange((0, _spec.isRelativeTimeRange)(timeRange) ? (0, _spec.toAbsoluteTimeRange)(timeRange) : timeRange);
         queryClient.invalidateQueries({
             queryKey: [
                 'query'

package/dist/cjs/runtime/TimeRangeProvider/query-params.js

@@ -58,7 +58,7 @@ _export(exports, {
 const _react = require("react");
 const _usequeryparams = require("use-query-params");
 const _datefns = require("date-fns");
-const _core = require("@perses-dev/core");
+const _spec = require("@perses-dev/spec");
 /* Interprets an encoded string and returns either the string or null/undefined if not available */ function getEncodedValue(input, allowEmptyString) {
     // '' or []
     if (!input || input.length === 0 && (!allowEmptyString || allowEmptyString && input !== '')) {
@@ -78,7 +78,7 @@ function encodeTimeRangeValue(timeOptionValue) {
         return timeOptionValue;
     }
     if (typeof timeOptionValue === 'string') {
-        if ((0, _core.isDurationString)(timeOptionValue)) {
+        if ((0, _spec.isDurationString)(timeOptionValue)) {
             return timeOptionValue;
         }
     }
@@ -87,7 +87,7 @@ function encodeTimeRangeValue(timeOptionValue) {
 function decodeTimeRangeValue(input) {
     const paramString = getEncodedValue(input);
     if (!paramString) return null;
-    return (0, _core.isDurationString)(paramString) ? paramString : new Date(Number(paramString));
+    return (0, _spec.isDurationString)(paramString) ? paramString : new Date(Number(paramString));
 }
 const TimeRangeParam = {
     encode: encodeTimeRangeValue,
@@ -121,7 +121,7 @@ function useInitialTimeRange(dashboardDuration) {
             return initialTimeRange;
         }
         const startStr = start.toString();
-        if ((0, _core.isDurationString)(startStr)) {
+        if ((0, _spec.isDurationString)(startStr)) {
             initialTimeRange = {
                 pastDuration: startStr
             };
@@ -148,7 +148,7 @@ function useTimeRangeParams(initialTimeRange) {
     (0, _react.useEffect)(()=>{
         // when dashboard loaded with no params, default to dashboard duration
         if (!paramsLoaded && !start) {
-            if ((0, _core.isRelativeTimeRange)(initialTimeRange)) {
+            if ((0, _spec.isRelativeTimeRange)(initialTimeRange)) {
                 setQuery({
                     start: initialTimeRange.pastDuration,
                     end: undefined
@@ -163,7 +163,7 @@ function useTimeRangeParams(initialTimeRange) {
         setQuery
     ]);
     const setTimeRange = (0, _react.useCallback)((value)=>{
-        if ((0, _core.isRelativeTimeRange)(value)) {
+        if ((0, _spec.isRelativeTimeRange)(value)) {
             setQuery({
                 start: value.pastDuration,
                 end: undefined
@@ -190,7 +190,7 @@ function useInitialRefreshInterval(dashboardDuration) {
             return initialTimeRange;
         }
         const startStr = refresh.toString();
-        if ((0, _core.isDurationString)(startStr)) {
+        if ((0, _spec.isDurationString)(startStr)) {
             initialTimeRange = startStr;
         }
         return initialTimeRange;

package/dist/cjs/runtime/TimeRangeProvider/refresh-interval.js

@@ -20,11 +20,11 @@ Object.defineProperty(exports, "getRefreshIntervalInMs", {
         return getRefreshIntervalInMs;
     }
 });
-const _core = require("@perses-dev/core");
+const _spec = require("@perses-dev/spec");
 const _datefns = require("date-fns");
 function getRefreshIntervalInMs(refreshInterval) {
     if (refreshInterval !== undefined && refreshInterval !== null) {
-        return (0, _datefns.milliseconds)((0, _core.parseDurationString)(refreshInterval));
+        return (0, _datefns.milliseconds)((0, _spec.parseDurationString)(refreshInterval));
     }
     return 0;
 }