@perses-dev/timeseries-table-plugin 0.6.0

package/lib/cjs/components/SeriesName.js

@@ -0,0 +1,100 @@
+// Copyright 2024 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SeriesName", {
+    enumerable: true,
+    get: function() {
+        return SeriesName;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _components = require("@perses-dev/components");
+const _material = require("@mui/material");
+function SeriesName({ name, labels, formattedName, isFormatted }) {
+    if (isFormatted && labels && Object.keys(labels).length > 0) {
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(FormatedSeriesName, {
+            labels: labels
+        });
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+        sx: {
+            textWrap: 'auto'
+        },
+        children: formattedName ?? name
+    });
+}
+function FormatedSeriesName({ labels }) {
+    const { infoSnackbar } = (0, _components.useSnackbar)();
+    const labelNodes = [];
+    let first = true;
+    function copyToClipboard(e) {
+        const copyText = e.currentTarget.innerText || '';
+        navigator.clipboard.writeText(copyText.trim()).then(()=>{
+            infoSnackbar(`Copied label matcher: ${copyText}`);
+        }).catch((reason)=>{
+            console.error(`unable to copy text: ${reason}`);
+        });
+    }
+    for(const label in labels){
+        if (label === '__name__') {
+            continue;
+        }
+        labelNodes.push(/*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+            children: [
+                !first && ', ',
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+                    display: "inline",
+                    component: "span",
+                    sx: {
+                        '&:hover': {
+                            cursor: 'pointer',
+                            textDecoration: 'underline'
+                        }
+                    },
+                    onClick: copyToClipboard,
+                    title: "Click to copy label matcher",
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("strong", {
+                            children: label
+                        }),
+                        "=",
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                            children: [
+                                '"',
+                                labels[label],
+                                '"'
+                            ]
+                        })
+                    ]
+                })
+            ]
+        }, label));
+        if (first) {
+            first = false;
+        }
+    }
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Typography, {
+        sx: {
+            textWrap: 'auto'
+        },
+        children: [
+            labels ? labels.__name__ : '',
+            '{',
+            labelNodes,
+            '}'
+        ]
+    });
+}

package/lib/cjs/components/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+_export_star(require("./DataTable"), exports);
+_export_star(require("./HistogramChart"), exports);
+_export_star(require("./SeriesName"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/env.d.js

@@ -0,0 +1,14 @@
+// Copyright 2024 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.
+/// <reference types="@rsbuild/core/types" />
+"use strict";

package/lib/cjs/getPluginModule.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getPluginModule", {
+    enumerable: true,
+    get: function() {
+        return getPluginModule;
+    }
+});
+const _packagejson = /*#__PURE__*/ _interop_require_default(require("../package.json"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function getPluginModule() {
+    const { name, version, perses } = _packagejson.default;
+    return {
+        kind: 'PluginModule',
+        metadata: {
+            name,
+            version
+        },
+        spec: perses
+    };
+}

package/lib/cjs/index-federation.js

@@ -0,0 +1,55 @@
+// Copyright 2024 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";
+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;
+}
+Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require("./bootstrap")));

package/lib/cjs/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "getPluginModule", {
+    enumerable: true,
+    get: function() {
+        return _getPluginModule.getPluginModule;
+    }
+});
+_export_star(require("./components/DataTable"), exports);
+const _getPluginModule = require("./getPluginModule");
+_export_star(require("./model"), exports);
+_export_star(require("./components/SeriesName"), exports);
+_export_star(require("./TimeSeriesTable"), exports);
+_export_star(require("./TimeSeriesTablePanel"), exports);
+function _export_star(from, to) {
+    Object.keys(from).forEach(function(k) {
+        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
+            Object.defineProperty(to, k, {
+                enumerable: true,
+                get: function() {
+                    return from[k];
+                }
+            });
+        }
+    });
+    return from;
+}

package/lib/cjs/model.js

@@ -0,0 +1,5 @@
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/cjs/setup-tests.js

@@ -0,0 +1,19 @@
+// Copyright 2023 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
+});
+require("@testing-library/jest-dom");
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');

package/lib/cjs/test/mock-query-results.js

@@ -0,0 +1,417 @@
+// Copyright 2023 The Perses Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MOCK_NULL_QUERY_RESULT: function() {
+        return MOCK_NULL_QUERY_RESULT;
+    },
+    MOCK_TIME_SERIES_DATA_MULTIVALUE: function() {
+        return MOCK_TIME_SERIES_DATA_MULTIVALUE;
+    },
+    MOCK_TIME_SERIES_DATA_SINGLEVALUE: function() {
+        return MOCK_TIME_SERIES_DATA_SINGLEVALUE;
+    },
+    MOCK_TIME_SERIES_QUERY_DEFINITION: function() {
+        return MOCK_TIME_SERIES_QUERY_DEFINITION;
+    },
+    MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE: function() {
+        return MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE;
+    },
+    MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE: function() {
+        return MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE;
+    }
+});
+const MOCK_TIME_SERIES_QUERY_RESULT_MULTIVALUE = [
+    {
+        status: 'success',
+        fetchStatus: 'idle',
+        isLoading: false,
+        isSuccess: true,
+        isError: false,
+        data: {
+            timeRange: {
+                start: new Date(1666625490000),
+                end: new Date(1666625535000)
+            },
+            stepMs: 24379,
+            series: [
+                {
+                    name: 'device="/dev/vda1", env="demo", fstype="ext4", instance="demo.do.prometheus.io:9100", job="node", mountpoint="/"',
+                    values: [
+                        [
+                            1666479357903,
+                            0.27700745551584494
+                        ],
+                        [
+                            1666479382282,
+                            0.27701284657366565
+                        ]
+                    ],
+                    labels: {
+                        device: '/dev/vda1',
+                        env: 'demo',
+                        fstype: 'ext4',
+                        instance: 'demo.do.prometheus.io:9100',
+                        job: 'node',
+                        mountpoint: '/'
+                    }
+                },
+                {
+                    name: 'device="/dev/vda15", env="demo", fstype="vfat", instance="demo.do.prometheus.io:9100", job="node", mountpoint="/boot/efi"',
+                    values: [
+                        [
+                            1666479357903,
+                            0.08486496097624885
+                        ],
+                        [
+                            1666479382282,
+                            0.08486496097624885
+                        ]
+                    ],
+                    labels: {
+                        device: '/dev/vda15',
+                        env: 'demo',
+                        fstype: 'vfat',
+                        instance: 'demo.do.prometheus.io:9100',
+                        job: 'node',
+                        mountpoint: '/boot/efi'
+                    }
+                }
+            ]
+        },
+        dataUpdatedAt: 1666500979895,
+        error: null,
+        errorUpdatedAt: 0,
+        failureCount: 0,
+        errorUpdateCount: 0,
+        isFetched: true,
+        isFetchedAfterMount: true,
+        isFetching: false,
+        isRefetching: false,
+        isLoadingError: false,
+        isPaused: false,
+        isPlaceholderData: false,
+        isPreviousData: false,
+        isRefetchError: false,
+        isStale: true
+    }
+];
+const MOCK_TIME_SERIES_QUERY_RESULT_SINGLEVALUE = [
+    {
+        status: 'success',
+        fetchStatus: 'idle',
+        isLoading: false,
+        isSuccess: true,
+        isError: false,
+        data: {
+            timeRange: {
+                start: new Date(1666625535000),
+                end: new Date(1666625535000)
+            },
+            stepMs: 24379,
+            series: [
+                {
+                    name: 'device="/dev/vda1", env="demo", fstype="ext4", instance="demo.do.prometheus.io:9100", job="node", mountpoint="/"',
+                    values: [
+                        [
+                            1666479357903,
+                            0.27700745551584494
+                        ]
+                    ],
+                    labels: {
+                        device: '/dev/vda1',
+                        env: 'demo',
+                        fstype: 'ext4',
+                        instance: 'demo.do.prometheus.io:9100',
+                        job: 'node',
+                        mountpoint: '/'
+                    }
+                },
+                {
+                    name: 'device="/dev/vda15", env="demo", fstype="vfat", instance="demo.do.prometheus.io:9100", job="node", mountpoint="/boot/efi"',
+                    values: [
+                        [
+                            1666479357903,
+                            0.08486496097624885
+                        ]
+                    ],
+                    labels: {
+                        device: '/dev/vda15',
+                        env: 'demo',
+                        fstype: 'vfat',
+                        instance: 'demo.do.prometheus.io:9100',
+                        job: 'node',
+                        mountpoint: '/boot/efi'
+                    }
+                }
+            ]
+        },
+        dataUpdatedAt: 1666500979895,
+        error: null,
+        errorUpdatedAt: 0,
+        failureCount: 0,
+        errorUpdateCount: 0,
+        isFetched: true,
+        isFetchedAfterMount: true,
+        isFetching: false,
+        isRefetching: false,
+        isLoadingError: false,
+        isPaused: false,
+        isPlaceholderData: false,
+        isPreviousData: false,
+        isRefetchError: false,
+        isStale: true
+    }
+];
+const MOCK_TIME_SERIES_DATA_MULTIVALUE = {
+    timeRange: {
+        start: new Date(1666625490000),
+        end: new Date(1666625535000)
+    },
+    stepMs: 24379,
+    series: [
+        {
+            name: 'device="/dev/vda1", env="demo", fstype="ext4", instance="demo.do.prometheus.io:9100", job="node", mountpoint="/"',
+            values: [
+                [
+                    1666479357903,
+                    0.27700745551584494
+                ],
+                [
+                    1666479382282,
+                    0.27701284657366565
+                ]
+            ],
+            labels: {
+                device: '/dev/vda1',
+                env: 'demo',
+                fstype: 'ext4',
+                instance: 'demo.do.prometheus.io:9100',
+                job: 'node',
+                mountpoint: '/'
+            }
+        },
+        {
+            name: 'device="/dev/vda15", env="demo", fstype="vfat", instance="demo.do.prometheus.io:9100", job="node", mountpoint="/boot/efi"',
+            values: [
+                [
+                    1666479357903,
+                    0.08486496097624885
+                ],
+                [
+                    1666479382282,
+                    0.08486496097624885
+                ]
+            ],
+            labels: {
+                device: '/dev/vda15',
+                env: 'demo',
+                fstype: 'vfat',
+                instance: 'demo.do.prometheus.io:9100',
+                job: 'node',
+                mountpoint: '/boot/efi'
+            }
+        }
+    ]
+};
+const MOCK_TIME_SERIES_DATA_SINGLEVALUE = {
+    timeRange: {
+        start: new Date(1666625535000),
+        end: new Date(1666625535000)
+    },
+    stepMs: 24379,
+    series: [
+        {
+            name: 'device="/dev/vda1", env="demo", fstype="ext4", instance="demo.do.prometheus.io:9100", job="node", mountpoint="/"',
+            values: [
+                [
+                    1666479357903,
+                    0.27700745551584494
+                ]
+            ],
+            labels: {
+                device: '/dev/vda1',
+                env: 'demo',
+                fstype: 'ext4',
+                instance: 'demo.do.prometheus.io:9100',
+                job: 'node',
+                mountpoint: '/'
+            }
+        },
+        {
+            name: 'device="/dev/vda15", env="demo", fstype="vfat", instance="demo.do.prometheus.io:9100", job="node", mountpoint="/boot/efi"',
+            values: [
+                [
+                    1666479357903,
+                    0.08486496097624885
+                ]
+            ],
+            labels: {
+                device: '/dev/vda15',
+                env: 'demo',
+                fstype: 'vfat',
+                instance: 'demo.do.prometheus.io:9100',
+                job: 'node',
+                mountpoint: '/boot/efi'
+            }
+        }
+    ]
+};
+const MOCK_NULL_QUERY_RESULT = [
+    {
+        status: 'success',
+        fetchStatus: 'idle',
+        isLoading: false,
+        isSuccess: true,
+        isError: false,
+        data: {
+            timeRange: {
+                start: new Date(1677376110000),
+                end: new Date(1677376410000)
+            },
+            stepMs: 15000,
+            series: [
+                {
+                    name: 'node_memory_Buffers_bytes{env="demo",instance="demo.do.prometheus.io:9100",job="node"}',
+                    values: [
+                        [
+                            1677376110000,
+                            40000000
+                        ],
+                        [
+                            1677376125000,
+                            40000000
+                        ],
+                        [
+                            1677376140000,
+                            null
+                        ],
+                        [
+                            1677376155000,
+                            null
+                        ],
+                        [
+                            1677376170000,
+                            null
+                        ],
+                        [
+                            1677376185000,
+                            null
+                        ],
+                        [
+                            1677376200000,
+                            null
+                        ],
+                        [
+                            1677376215000,
+                            40013824
+                        ],
+                        [
+                            1677376230000,
+                            40038400
+                        ],
+                        [
+                            1677376245000,
+                            40054784
+                        ],
+                        [
+                            1677376260000,
+                            40071168
+                        ],
+                        [
+                            1677376275000,
+                            40075264
+                        ],
+                        [
+                            1677376290000,
+                            40091648
+                        ],
+                        [
+                            1677376305000,
+                            40099840
+                        ],
+                        [
+                            1677376320000,
+                            40120320
+                        ],
+                        [
+                            1677376335000,
+                            40128512
+                        ],
+                        [
+                            1677376350000,
+                            40153088
+                        ],
+                        [
+                            1677376365000,
+                            40165376
+                        ],
+                        [
+                            1677376380000,
+                            40177664
+                        ],
+                        [
+                            1677376395000,
+                            40194048
+                        ],
+                        [
+                            1677376410000,
+                            40198144
+                        ]
+                    ],
+                    formattedName: 'node_memory_Buffers_bytes{env="demo",instance="demo.do.prometheus.io:9100",job="node"}',
+                    labels: {
+                        env: 'demo',
+                        instance: 'demo.do.prometheus.io:9100',
+                        job: 'node'
+                    }
+                }
+            ]
+        },
+        dataUpdatedAt: 1677376410000,
+        error: null,
+        errorUpdatedAt: 0,
+        failureCount: 0,
+        errorUpdateCount: 0,
+        isFetched: true,
+        isFetchedAfterMount: true,
+        isFetching: false,
+        isRefetching: false,
+        isLoadingError: false,
+        isPaused: false,
+        isPlaceholderData: false,
+        isPreviousData: false,
+        isRefetchError: false,
+        isStale: true
+    }
+];
+const MOCK_TIME_SERIES_QUERY_DEFINITION = {
+    kind: 'TimeSeriesQuery',
+    spec: {
+        plugin: {
+            kind: 'PrometheusTimeSeriesQuery',
+            spec: {
+                query: ''
+            }
+        }
+    }
+};