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

package/lib/cjs/LogsTableCsvExportAction.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.
+"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/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "LogsTable",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.3.0-beta.1",
+      "buildVersion": "0.3.0-rc.0",
       "buildName": "@perses-dev/logs-table-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/LogsTable.9bbaab2b.js",
+      "name": "__mf/js/LogsTable.e605cbfa.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "LogsTable",
-    "pluginVersion": "2.5.1",
+    "pluginVersion": "2.6.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/LogsTable/\"; }"
   },
   "shared": [
@@ -34,7 +34,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6274.940dee19.js"
+            "__mf/js/async/6274.fe68ed99.js"
           ]
         },
         "css": {
@@ -54,8 +54,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/1616.1b9a06fe.js",
-            "__mf/js/async/9235.33a97899.js"
+            "__mf/js/async/1616.c3be409a.js",
+            "__mf/js/async/9235.b68f4586.js"
           ]
         },
         "css": {
@@ -75,8 +75,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5587.c7e5a39c.js",
-            "__mf/js/async/7968.aaf8a8bc.js"
+            "__mf/js/async/5587.9e49a823.js",
+            "__mf/js/async/7968.ec249f6f.js"
           ]
         },
         "css": {
@@ -89,20 +89,20 @@
     {
       "id": "LogsTable:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-rc.0",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-rc.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6661.3acf3c47.js"
+            "__mf/js/async/3332.f7f30f03.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/6661.85c2cbf6.css"
+            "__mf/css/async/3332.85c2cbf6.css"
           ]
         }
       },
@@ -111,14 +111,14 @@
     {
       "id": "LogsTable:@perses-dev/dashboards",
       "name": "@perses-dev/dashboards",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-rc.0",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-rc.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/2220.0a7924e7.js"
+            "__mf/js/async/9126.bf379c31.js"
           ]
         },
         "css": {
@@ -131,14 +131,14 @@
     {
       "id": "LogsTable:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-rc.0",
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-rc.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6090.90cb2be2.js"
+            "__mf/js/async/8558.1d16fe50.js"
           ]
         },
         "css": {
@@ -151,14 +151,14 @@
     {
       "id": "LogsTable:@perses-dev/spec",
       "name": "@perses-dev/spec",
-      "version": "0.2.0-beta.6",
+      "version": "0.2.0-beta.9",
       "singleton": true,
-      "requiredVersion": "^0.2.0-beta.6",
+      "requiredVersion": "^0.2.0-beta.9",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/2842.4aad5bc1.js"
+            "__mf/js/async/2842.7c7a1b3f.js"
           ]
         },
         "css": {
@@ -171,14 +171,14 @@
     {
       "id": "LogsTable:date-fns",
       "name": "date-fns",
-      "version": "4.1.0",
+      "version": "4.4.0",
       "singleton": true,
-      "requiredVersion": "^4.1.0",
+      "requiredVersion": "^4.4.0",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7192.84e9432b.js"
+            "__mf/js/async/7192.017cbe40.js"
           ]
         },
         "css": {
@@ -198,7 +198,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.a4b44e41.js"
+            "__mf/js/async/873.4fd8a061.js"
           ]
         },
         "css": {
@@ -218,7 +218,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.f9cb0cfc.js"
+            "__mf/js/async/392.5cb44640.js"
           ]
         },
         "css": {
@@ -238,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/8470.878f89da.js"
+            "__mf/js/async/8470.f0bbed7d.js"
           ]
         },
         "css": {
@@ -258,7 +258,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4121.c9ef0518.js"
+            "__mf/js/async/4121.d4c9b3e3.js"
           ]
         },
         "css": {
@@ -278,8 +278,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4077.e9103d7c.js",
-            "__mf/js/async/6458.b2359789.js"
+            "__mf/js/async/4077.32e3919d.js",
+            "__mf/js/async/6458.de33906b.js"
           ]
         },
         "css": {
@@ -299,7 +299,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7978.35e0aa88.js"
+            "__mf/js/async/7978.026a8b19.js"
           ]
         },
         "css": {
@@ -318,25 +318,25 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/9293.77eed9f0.js",
-            "__mf/js/async/7445.73c38e72.js",
-            "__mf/js/async/8608.072381d3.js",
-            "__mf/js/async/4602.b1cacfe1.js",
-            "__mf/js/async/__federation_expose_LogsTable.cbd5bfda.js"
+            "__mf/js/async/9293.ee3265d4.js",
+            "__mf/js/async/7445.009cf084.js",
+            "__mf/js/async/8608.618e49dc.js",
+            "__mf/js/async/8634.231e1601.js",
+            "__mf/js/async/__federation_expose_LogsTable.9480e369.js"
           ],
           "async": [
-            "__mf/js/async/lib-router.12781636.js",
-            "__mf/js/async/8356.355b4afe.js",
-            "__mf/js/async/8542.e30a008f.js",
-            "__mf/js/async/304.8985bacb.js",
-            "__mf/js/async/4693.125f8180.js",
-            "__mf/js/async/5652.e6029fc8.js",
-            "__mf/js/async/9588.4e751733.js",
-            "__mf/js/async/5071.87183f5a.js",
-            "__mf/js/async/2043.956cdbbb.js",
-            "__mf/js/async/7413.581476fb.js",
-            "__mf/js/async/4869.940da5d7.js",
-            "__mf/js/async/7177.44516b97.js"
+            "__mf/js/async/lib-router.c5e3aef3.js",
+            "__mf/js/async/8542.aa0c5fe3.js",
+            "__mf/js/async/304.21c30c64.js",
+            "__mf/js/async/8356.f736e620.js",
+            "__mf/js/async/1603.89bfb1ad.js",
+            "__mf/js/async/8964.3e308de6.js",
+            "__mf/js/async/9588.b214b983.js",
+            "__mf/js/async/5071.be3352f1.js",
+            "__mf/js/async/2043.dba84aa4.js",
+            "__mf/js/async/7413.c2661694.js",
+            "__mf/js/async/4869.80345aa7.js",
+            "__mf/js/async/7177.8dd90707.js"
           ]
         },
         "css": {
@@ -344,7 +344,7 @@
             "__mf/css/async/__federation_expose_LogsTable.eedb54d8.css"
           ],
           "async": [
-            "__mf/css/async/6661.85c2cbf6.css"
+            "__mf/css/async/3332.85c2cbf6.css"
           ]
         }
       },

package/mf-stats.json

@@ -5,11 +5,11 @@
     "name": "LogsTable",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.3.0-beta.1",
+      "buildVersion": "0.3.0-rc.0",
       "buildName": "@perses-dev/logs-table-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/LogsTable.9bbaab2b.js",
+      "name": "__mf/js/LogsTable.e605cbfa.js",
       "path": "",
       "type": "global"
     },
@@ -20,7 +20,7 @@
       "api": ""
     },
     "globalName": "LogsTable",
-    "pluginVersion": "2.5.1",
+    "pluginVersion": "2.6.0",
     "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/LogsTable/\"; }"
   },
   "shared": [
@@ -36,7 +36,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6274.940dee19.js"
+            "__mf/js/async/6274.fe68ed99.js"
           ]
         },
         "css": {
@@ -60,8 +60,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/1616.1b9a06fe.js",
-            "__mf/js/async/9235.33a97899.js"
+            "__mf/js/async/1616.c3be409a.js",
+            "__mf/js/async/9235.b68f4586.js"
           ]
         },
         "css": {
@@ -85,8 +85,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5587.c7e5a39c.js",
-            "__mf/js/async/7968.aaf8a8bc.js"
+            "__mf/js/async/5587.9e49a823.js",
+            "__mf/js/async/7968.ec249f6f.js"
           ]
         },
         "css": {
@@ -100,23 +100,23 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-rc.0",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-rc.0",
       "eager": false,
       "id": "LogsTable:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6661.3acf3c47.js"
+            "__mf/js/async/3332.f7f30f03.js"
           ]
         },
         "css": {
           "async": [],
           "sync": [
-            "__mf/css/async/6661.85c2cbf6.css"
+            "__mf/css/async/3332.85c2cbf6.css"
           ]
         }
       },
@@ -128,17 +128,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-rc.0",
       "shareScope": "default",
       "name": "@perses-dev/dashboards",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-rc.0",
       "eager": false,
       "id": "LogsTable:@perses-dev/dashboards",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/2220.0a7924e7.js"
+            "__mf/js/async/9126.bf379c31.js"
           ]
         },
         "css": {
@@ -154,17 +154,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.54.0-beta.8",
+      "requiredVersion": "^0.54.0-rc.0",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.54.0-beta.8",
+      "version": "0.54.0-rc.0",
       "eager": false,
       "id": "LogsTable:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/6090.90cb2be2.js"
+            "__mf/js/async/8558.1d16fe50.js"
           ]
         },
         "css": {
@@ -180,17 +180,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.2.0-beta.6",
+      "requiredVersion": "^0.2.0-beta.9",
       "shareScope": "default",
       "name": "@perses-dev/spec",
-      "version": "0.2.0-beta.6",
+      "version": "0.2.0-beta.9",
       "eager": false,
       "id": "LogsTable:@perses-dev/spec",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/2842.4aad5bc1.js"
+            "__mf/js/async/2842.7c7a1b3f.js"
           ]
         },
         "css": {
@@ -204,17 +204,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^4.1.0",
+      "requiredVersion": "^4.4.0",
       "shareScope": "default",
       "name": "date-fns",
-      "version": "4.1.0",
+      "version": "4.4.0",
       "eager": false,
       "id": "LogsTable:date-fns",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7192.84e9432b.js"
+            "__mf/js/async/7192.017cbe40.js"
           ]
         },
         "css": {
@@ -238,7 +238,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/873.a4b44e41.js"
+            "__mf/js/async/873.4fd8a061.js"
           ]
         },
         "css": {
@@ -262,7 +262,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/392.f9cb0cfc.js"
+            "__mf/js/async/392.5cb44640.js"
           ]
         },
         "css": {
@@ -286,7 +286,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/8470.878f89da.js"
+            "__mf/js/async/8470.f0bbed7d.js"
           ]
         },
         "css": {
@@ -310,7 +310,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4121.c9ef0518.js"
+            "__mf/js/async/4121.d4c9b3e3.js"
           ]
         },
         "css": {
@@ -336,8 +336,8 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4077.e9103d7c.js",
-            "__mf/js/async/6458.b2359789.js"
+            "__mf/js/async/4077.32e3919d.js",
+            "__mf/js/async/6458.de33906b.js"
           ]
         },
         "css": {
@@ -361,7 +361,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/7978.35e0aa88.js"
+            "__mf/js/async/7978.026a8b19.js"
           ]
         },
         "css": {
@@ -390,25 +390,25 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/9293.77eed9f0.js",
-            "__mf/js/async/7445.73c38e72.js",
-            "__mf/js/async/8608.072381d3.js",
-            "__mf/js/async/4602.b1cacfe1.js",
-            "__mf/js/async/__federation_expose_LogsTable.cbd5bfda.js"
+            "__mf/js/async/9293.ee3265d4.js",
+            "__mf/js/async/7445.009cf084.js",
+            "__mf/js/async/8608.618e49dc.js",
+            "__mf/js/async/8634.231e1601.js",
+            "__mf/js/async/__federation_expose_LogsTable.9480e369.js"
           ],
           "async": [
-            "__mf/js/async/lib-router.12781636.js",
-            "__mf/js/async/8356.355b4afe.js",
-            "__mf/js/async/8542.e30a008f.js",
-            "__mf/js/async/304.8985bacb.js",
-            "__mf/js/async/4693.125f8180.js",
-            "__mf/js/async/5652.e6029fc8.js",
-            "__mf/js/async/9588.4e751733.js",
-            "__mf/js/async/5071.87183f5a.js",
-            "__mf/js/async/2043.956cdbbb.js",
-            "__mf/js/async/7413.581476fb.js",
-            "__mf/js/async/4869.940da5d7.js",
-            "__mf/js/async/7177.44516b97.js"
+            "__mf/js/async/lib-router.c5e3aef3.js",
+            "__mf/js/async/8542.aa0c5fe3.js",
+            "__mf/js/async/304.21c30c64.js",
+            "__mf/js/async/8356.f736e620.js",
+            "__mf/js/async/1603.89bfb1ad.js",
+            "__mf/js/async/8964.3e308de6.js",
+            "__mf/js/async/9588.b214b983.js",
+            "__mf/js/async/5071.be3352f1.js",
+            "__mf/js/async/2043.dba84aa4.js",
+            "__mf/js/async/7413.c2661694.js",
+            "__mf/js/async/4869.80345aa7.js",
+            "__mf/js/async/7177.8dd90707.js"
           ]
         },
         "css": {
@@ -416,7 +416,7 @@
             "__mf/css/async/__federation_expose_LogsTable.eedb54d8.css"
           ],
           "async": [
-            "__mf/css/async/6661.85c2cbf6.css"
+            "__mf/css/async/3332.85c2cbf6.css"
           ]
         }
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/logs-table-plugin",
-  "version": "0.3.0-beta.1",
+  "version": "0.3.0-rc.0",
   "license": "Apache-2.0",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
@@ -26,16 +26,16 @@
   "types": "lib/index.d.ts",
   "dependencies": {
     "ansi_up": "^6.0.0",
-    "dompurify": "^3.4.8"
+    "dompurify": "^3.4.11"
   },
   "peerDependencies": {
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^3.2.0",
-    "@perses-dev/components": "^0.54.0-beta.8",
-    "@perses-dev/plugin-system": "^0.54.0-beta.8",
-    "@perses-dev/dashboards": "^0.54.0-beta.8",
-    "@perses-dev/spec": "^0.2.0-beta.6",
+    "@perses-dev/components": "^0.54.0-rc.0",
+    "@perses-dev/dashboards": "^0.54.0-rc.0",
+    "@perses-dev/plugin-system": "^0.54.0-rc.0",
+    "@perses-dev/spec": "^0.2.0-beta.9",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",