@perses-dev/logs-table-plugin 0.3.0 → 0.4.0-beta.1

package/lib/cjs/LogsTableCsvExportAction.js

@@ -1,124 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get LogsTableCsvExportAction () {
-        return LogsTableCsvExportAction;
-    },
-    get buildLogsCsvString () {
-        return buildLogsCsvString;
-    },
-    get collectLabelKeys () {
-        return collectLabelKeys;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _components = require("@perses-dev/components");
-const _material = require("@mui/material");
-const _FileDelimitedOutline = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/FileDelimitedOutline"));
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _react = require("react");
-const _ansi = require("./utils/ansi");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function collectLabelKeys(entries) {
-    const keys = new Set();
-    for (const entry of entries){
-        for (const key of Object.keys(entry.labels)){
-            keys.add(key);
-        }
-    }
-    return Array.from(keys).sort();
-}
-function buildLogsCsvString(entries) {
-    const labelKeys = collectLabelKeys(entries);
-    const headerColumns = [
-        'timestamp',
-        'body',
-        ...labelKeys
-    ];
-    const headerRow = headerColumns.map(_pluginsystem.escapeCsvValue).join(',');
-    const dataRows = entries.map((entry)=>{
-        const timestamp = (0, _pluginsystem.escapeCsvValue)((0, _pluginsystem.formatTimestampISO)(entry.timestamp));
-        const body = (0, _pluginsystem.escapeCsvValue)((0, _ansi.stripAnsi)(entry.line));
-        const labels = labelKeys.map((key)=>(0, _pluginsystem.escapeCsvValue)(entry.labels[key] ?? ''));
-        return [
-            timestamp,
-            body,
-            ...labels
-        ].join(',');
-    });
-    return [
-        headerRow,
-        ...dataRows
-    ].join('\n') + '\n';
-}
-const LogsTableCsvExportAction = ({ queryResults, definition })=>{
-    const entries = (0, _react.useMemo)(()=>{
-        return queryResults.flatMap((q)=>q.data?.logs?.entries ?? []);
-    }, [
-        queryResults
-    ]);
-    const isDisabled = !entries.length;
-    const handleDownload = (0, _react.useCallback)(()=>{
-        if (isDisabled) return;
-        try {
-            const csvString = buildLogsCsvString(entries);
-            const blob = new Blob([
-                csvString
-            ], {
-                type: 'text/csv;charset=utf-8'
-            });
-            const url = URL.createObjectURL(blob);
-            const link = document.createElement('a');
-            link.href = url;
-            const title = definition?.spec?.display?.name || 'Logs Table Data';
-            const baseFilename = (0, _pluginsystem.sanitizeFilename)(title);
-            link.download = `${baseFilename}_data.csv`;
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-            URL.revokeObjectURL(url);
-        } catch (error) {
-            console.error('Logs table CSV export failed:', error);
-        }
-    }, [
-        definition,
-        entries,
-        isDisabled
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
-        description: isDisabled ? 'No data to export' : 'Export as CSV',
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-            disabled: isDisabled,
-            size: "small",
-            onClick: handleDownload,
-            "aria-label": "Export Logs Table Data as CSV",
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileDelimitedOutline.default, {
-                fontSize: "inherit"
-            })
-        })
-    });
-};

package/lib/cjs/LogsTableExportAction.js

@@ -1,80 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "LogsTableExportAction", {
-    enumerable: true,
-    get: function() {
-        return LogsTableExportAction;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _components = require("@perses-dev/components");
-const _material = require("@mui/material");
-const _Download = /*#__PURE__*/ _interop_require_default(require("mdi-material-ui/Download"));
-const _pluginsystem = require("@perses-dev/plugin-system");
-const _react = require("react");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const LogsTableExportAction = ({ queryResults, definition })=>{
-    const exportedResult = (0, _react.useMemo)(()=>{
-        return queryResults.flatMap((q)=>q.data?.logs?.entries ?? []);
-    }, [
-        queryResults
-    ]);
-    const isDisabled = !exportedResult.length;
-    const handleDownload = (0, _react.useCallback)(()=>{
-        if (isDisabled) return;
-        try {
-            const jsonString = JSON.stringify(exportedResult, null, 2);
-            const blob = new Blob([
-                jsonString
-            ], {
-                type: 'application/json'
-            });
-            const url = URL.createObjectURL(blob);
-            const link = document.createElement('a');
-            link.href = url;
-            const title = definition?.spec?.display?.name || 'Logs Table Data';
-            const baseFilename = (0, _pluginsystem.sanitizeFilename)(title);
-            link.download = `${baseFilename}_data.json`;
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-            URL.revokeObjectURL(url);
-        } catch (error) {
-            console.error('Logs table export failed:', error);
-        }
-    }, [
-        definition,
-        exportedResult,
-        isDisabled
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.InfoTooltip, {
-        description: isDisabled ? 'No data to export' : 'Export as JSON',
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.IconButton, {
-            disabled: isDisabled,
-            size: "small",
-            onClick: handleDownload,
-            "aria-label": "Export Logs Table Data as JSON",
-            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Download.default, {
-                fontSize: "inherit"
-            })
-        })
-    });
-};

package/lib/cjs/LogsTableItemSelectionActionsEditor.js

@@ -1,44 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "LogsTableItemSelectionActionsEditor", {
-    enumerable: true,
-    get: function() {
-        return LogsTableItemSelectionActionsEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _pluginsystem = require("@perses-dev/plugin-system");
-function LogsTableItemSelectionActionsEditor({ value, onChange }) {
-    function handleActionsChange(actions) {
-        onChange({
-            ...value,
-            actions: actions
-        });
-    }
-    function handleSelectionChange(selection) {
-        onChange({
-            ...value,
-            selection: selection
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.ItemSelectionActionsEditor, {
-        actionOptions: value.actions,
-        onChangeActions: handleActionsChange,
-        selectionOptions: value.selection,
-        onChangeSelection: handleSelectionChange
-    });
-}

package/lib/cjs/LogsTablePanel.js

@@ -1,42 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "LogsTablePanel", {
-    enumerable: true,
-    get: function() {
-        return LogsTablePanel;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _material = require("@mui/material");
-const _components = require("@perses-dev/components");
-const _LogsTableComponent = require("./LogsTableComponent");
-function LogsTablePanel(props) {
-    const { contentDimensions, queryResults, spec } = props;
-    const chartsTheme = (0, _components.useChartsTheme)();
-    const contentPadding = chartsTheme.container.padding.default;
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-        sx: {
-            height: contentDimensions?.height || 0,
-            padding: `${contentPadding}px`,
-            overflowY: 'scroll'
-        },
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_LogsTableComponent.LogsTableComponent, {
-            queryResults: queryResults,
-            spec: spec
-        })
-    });
-}

package/lib/cjs/LogsTableSettingsEditor.js

@@ -1,57 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "LogsTableSettingsEditor", {
-    enumerable: true,
-    get: function() {
-        return LogsTableSettingsEditor;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _components = require("@perses-dev/components");
-const _pluginsystem = require("@perses-dev/plugin-system");
-function LogsTableSettingsEditor(props) {
-    const { onChange, value } = props;
-    const handleLegendChange = (newLegend)=>{
-        onChange({
-            ...value,
-            legend: newLegend
-        });
-    };
-    const handleThresholdsChange = (thresholds)=>{
-        onChange({
-            ...value,
-            thresholds
-        });
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_components.OptionsEditorGrid, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorColumn, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_pluginsystem.LegendOptionsEditor, {
-                    value: value.legend,
-                    onChange: handleLegendChange
-                })
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.OptionsEditorColumn, {
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.ThresholdsEditor, {
-                    hideDefault: true,
-                    thresholds: value.thresholds,
-                    onChange: handleThresholdsChange
-                })
-            })
-        ]
-    });
-}

package/lib/cjs/bootstrap.js

@@ -1,26 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _client = /*#__PURE__*/ _interop_require_default(require("react-dom/client"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const root = _client.default.createRoot(document.getElementById('root'));
-root.render(/*#__PURE__*/ (0, _jsxruntime.jsx)(_react.default.StrictMode, {}));

package/lib/cjs/components/EmptyLogsState.js

@@ -1,49 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "EmptyLogsState", {
-    enumerable: true,
-    get: function() {
-        return EmptyLogsState;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _material = require("@mui/material");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const EmptyLogsState = ({ message = 'No logs to display' })=>{
-    const theme = (0, _material.useTheme)();
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
-        sx: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            height: '200px'
-        },
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
-            variant: "body2",
-            sx: {
-                color: theme.palette.text.secondary,
-                fontSize: '14px'
-            },
-            children: message
-        })
-    });
-};

package/lib/cjs/components/LogRow/LogDetailsTable.js

@@ -1,126 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "LogDetailsTable", {
-    enumerable: true,
-    get: function() {
-        return LogDetailsTable;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _material = require("@mui/material");
-require("./ansiColors.css");
-const _ansi = require("../../utils/ansi");
-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 AnsiValue = ({ value })=>{
-    const ansiHtml = (0, _react.useMemo)(()=>(0, _ansi.ansiToSanitizedHtml)(value), [
-        value
-    ]);
-    if (ansiHtml) {
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            dangerouslySetInnerHTML: {
-                __html: ansiHtml
-            }
-        });
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children: value
-    });
-};
-const LogDetailsTable = ({ log })=>{
-    const theme = (0, _material.useTheme)();
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Table, {
-        size: "small",
-        sx: {
-            border: `1px solid ${theme.palette.divider}`,
-            '& .MuiTableCell-root': {
-                border: 'none',
-                padding: '6px 8px',
-                fontSize: '12px'
-            }
-        },
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableBody, {
-            children: Object.entries(log).map(([key, value])=>/*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.TableRow, {
-                    sx: {
-                        '&:hover': {
-                            backgroundColor: (0, _material.alpha)(theme.palette.action.hover, 0.04)
-                        }
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
-                            sx: {
-                                color: theme.palette.text.secondary,
-                                fontWeight: 500,
-                                width: '33%'
-                            },
-                            children: key
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.TableCell, {
-                            sx: {
-                                color: theme.palette.text.primary,
-                                wordBreak: 'break-word',
-                                width: '67%'
-                            },
-                            children: value !== undefined && value !== null && value !== '' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(AnsiValue, {
-                                value: value
-                            }) : '--'
-                        })
-                    ]
-                }, key))
-        })
-    });
-};