@perses-dev/loki-plugin 0.1.2 → 0.3.0

package/lib/queries/query-editor-model.js

@@ -0,0 +1,50 @@
+// 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.
+import { useState } from 'react';
+import { produce } from 'immer';
+/**
+ * A hook for managing the `query` state in Loki query specs. Returns the `query` value, along with
+ * `onChange` and `onBlur` event handlers to the input. Keeps a local copy of the user's input and only syncs those
+ * changes with the overall spec value once the input is blurred to prevent re-running queries in the panel's preview
+ * every time the user types.
+ */ export function useQueryState(props) {
+    const { onChange, value } = props;
+    // Local copy of the query's value
+    const [query, setQuery] = useState(value.query);
+    // This is basically "getDerivedStateFromProps" to make sure if spec's value changes external to this component,
+    // we render with the latest value
+    const [lastSyncedQuery, setLastSyncedQuery] = useState(value.query);
+    if (value.query !== lastSyncedQuery) {
+        setQuery(value.query);
+        setLastSyncedQuery(value.query);
+    }
+    // Update our local state's copy as the user types
+    const handleQueryChange = (e)=>{
+        setQuery(e);
+    };
+    // Propagate changes to the query's value when the input is blurred to avoid constantly re-running queries in the
+    // PanelPreview
+    const handleQueryBlur = ()=>{
+        setLastSyncedQuery(query);
+        onChange(produce(value, (draft)=>{
+            draft.query = query;
+        }));
+    };
+    return {
+        query,
+        handleQueryChange,
+        handleQueryBlur
+    };
+}
+
+//# sourceMappingURL=query-editor-model.js.map

package/lib/queries/query-editor-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/queries/query-editor-model.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { useState } from 'react';\nimport { produce } from 'immer';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\n\n/**\n * Generic type for any Loki query spec that has a query field\n */\ntype LokiQuerySpec = {\n  query: string;\n};\n\n/**\n * A hook for managing the `query` state in Loki query specs. Returns the `query` value, along with\n * `onChange` and `onBlur` event handlers to the input. Keeps a local copy of the user's input and only syncs those\n * changes with the overall spec value once the input is blurred to prevent re-running queries in the panel's preview\n * every time the user types.\n */\nexport function useQueryState<T extends LokiQuerySpec>(\n  props: OptionsEditorProps<T>\n): {\n  query: string;\n  handleQueryChange: (e: string) => void;\n  handleQueryBlur: () => void;\n} {\n  const { onChange, value } = props;\n\n  // Local copy of the query's value\n  const [query, setQuery] = useState(value.query);\n\n  // This is basically \"getDerivedStateFromProps\" to make sure if spec's value changes external to this component,\n  // we render with the latest value\n  const [lastSyncedQuery, setLastSyncedQuery] = useState(value.query);\n  if (value.query !== lastSyncedQuery) {\n    setQuery(value.query);\n    setLastSyncedQuery(value.query);\n  }\n\n  // Update our local state's copy as the user types\n  const handleQueryChange = (e: string): void => {\n    setQuery(e);\n  };\n\n  // Propagate changes to the query's value when the input is blurred to avoid constantly re-running queries in the\n  // PanelPreview\n  const handleQueryBlur = (): void => {\n    setLastSyncedQuery(query);\n    onChange(\n      produce(value, (draft) => {\n        draft.query = query;\n      })\n    );\n  };\n\n  return { query, handleQueryChange, handleQueryBlur };\n}\n"],"names":["useState","produce","useQueryState","props","onChange","value","query","setQuery","lastSyncedQuery","setLastSyncedQuery","handleQueryChange","e","handleQueryBlur","draft"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,QAAQ,QAAQ,QAAQ;AACjC,SAASC,OAAO,QAAQ,QAAQ;AAUhC;;;;;CAKC,GACD,OAAO,SAASC,cACdC,KAA4B;IAM5B,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAE,GAAGF;IAE5B,kCAAkC;IAClC,MAAM,CAACG,OAAOC,SAAS,GAAGP,SAASK,MAAMC,KAAK;IAE9C,gHAAgH;IAChH,kCAAkC;IAClC,MAAM,CAACE,iBAAiBC,mBAAmB,GAAGT,SAASK,MAAMC,KAAK;IAClE,IAAID,MAAMC,KAAK,KAAKE,iBAAiB;QACnCD,SAASF,MAAMC,KAAK;QACpBG,mBAAmBJ,MAAMC,KAAK;IAChC;IAEA,kDAAkD;IAClD,MAAMI,oBAAoB,CAACC;QACzBJ,SAASI;IACX;IAEA,iHAAiH;IACjH,eAAe;IACf,MAAMC,kBAAkB;QACtBH,mBAAmBH;QACnBF,SACEH,QAAQI,OAAO,CAACQ;YACdA,MAAMP,KAAK,GAAGA;QAChB;IAEJ;IAEA,OAAO;QAAEA;QAAOI;QAAmBE;IAAgB;AACrD"}

package/mf-manifest.json

@@ -5,11 +5,11 @@
     "name": "Loki",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.1.2",
+      "buildVersion": "0.3.0",
       "buildName": "@perses-dev/loki-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/Loki.3789d265.js",
+      "name": "__mf/js/Loki.2f631825.js",
       "path": "",
       "type": "global"
     },
@@ -22,7 +22,7 @@
     "globalName": "Loki",
     "pluginVersion": "0.19.1",
     "prefetchInterface": false,
-    "publicPath": "/plugins/Loki/"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/Loki/\"; }"
   },
   "shared": [
     {
@@ -87,14 +87,14 @@
     {
       "id": "Loki:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/2470.ba894af3.js"
+            "__mf/js/async/4310.b96a5c66.js"
           ]
         },
         "css": {
@@ -106,14 +106,14 @@
     {
       "id": "Loki:@perses-dev/dashboards",
       "name": "@perses-dev/dashboards",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/5035.15709e1b.js"
+            "__mf/js/async/2472.75bb97e0.js"
           ]
         },
         "css": {
@@ -125,14 +125,14 @@
     {
       "id": "Loki:@perses-dev/explore",
       "name": "@perses-dev/explore",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4421.8aeb683a.js"
+            "__mf/js/async/4421.5adcbc2d.js"
           ]
         },
         "css": {
@@ -144,14 +144,14 @@
     {
       "id": "Loki:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4368.40ff20c1.js"
+            "__mf/js/async/2178.c22bac1c.js"
           ]
         },
         "css": {
@@ -189,7 +189,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/4075.ea5435c6.js"
+            "__mf/js/async/4075.19dee570.js"
           ]
         },
         "css": {
@@ -340,42 +340,35 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/__federation_expose_LokiDatasource.875ecaed.js"
+            "__mf/js/async/__federation_expose_LokiDatasource.a9871645.js"
           ],
           "async": [
-            "__mf/js/async/3849.c4035be2.js",
-            "__mf/js/async/2448.6a132c1c.js",
+            "__mf/js/async/282.6c4c5a94.js",
+            "__mf/js/async/1360.2348e2a7.js",
+            "__mf/js/async/8537.dc791586.js",
+            "__mf/js/async/6329.9c3a3698.js",
+            "__mf/js/async/__federation_expose_LokiTimeSeriesQuery.61feff51.js",
             "__mf/js/async/1540.6b797827.js",
-            "__mf/js/async/6664.078084ff.js",
-            "__mf/js/async/4168.645bbaa1.js",
-            "__mf/js/async/6569.f33ecbef.js",
-            "__mf/js/async/__federation_expose_LogsTable.0bf7a331.js",
-            "__mf/js/async/282.3d82e785.js",
             "__mf/js/async/5780.d837c3cd.js",
-            "__mf/js/async/8537.dc791586.js",
-            "__mf/js/async/4687.1af57d71.js",
-            "__mf/js/async/__federation_expose_LokiLogQuery.b5fd8404.js",
-            "__mf/js/async/592.269748ce.js",
-            "__mf/js/async/3413.6dd92cfd.js",
-            "__mf/js/async/__federation_expose_LokiTimeSeriesQuery.8e1af800.js",
+            "__mf/js/async/__federation_expose_LokiLogQuery.9b430d01.js",
+            "__mf/js/async/2226.a056d1a3.js",
             "__mf/js/async/7376.0459aaf7.js",
-            "__mf/js/async/5876.5618763d.js",
-            "__mf/js/async/4693.ba67a5aa.js",
+            "__mf/js/async/529.f12e49de.js",
+            "__mf/js/async/2652.7b7038d2.js",
             "__mf/js/async/3431.2270637c.js",
-            "__mf/js/async/9654.575f5449.js",
-            "__mf/js/async/4238.ac5f0a30.js",
+            "__mf/js/async/6134.f7ee513c.js",
+            "__mf/js/async/4238.155e3b8a.js",
             "__mf/js/async/3224.b1170acc.js",
             "__mf/js/async/2292.35c2eeec.js",
-            "__mf/js/async/9479.f74b4605.js",
             "__mf/js/async/8488.5b4b7170.js",
             "__mf/js/async/8216.d9cc6234.js",
-            "__mf/js/async/5713.3b303108.js"
+            "__mf/js/async/2708.9651e2da.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/9479.7ad02b85.css"
+            "__mf/css/async/6759.d3010b86.css"
           ]
         }
       },
@@ -387,44 +380,38 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/2448.6a132c1c.js",
+            "__mf/js/async/282.6c4c5a94.js",
+            "__mf/js/async/1360.2348e2a7.js",
             "__mf/js/async/8537.dc791586.js",
-            "__mf/js/async/4687.1af57d71.js",
-            "__mf/js/async/3413.6dd92cfd.js",
-            "__mf/js/async/__federation_expose_LokiTimeSeriesQuery.8e1af800.js"
+            "__mf/js/async/6329.9c3a3698.js",
+            "__mf/js/async/__federation_expose_LokiTimeSeriesQuery.61feff51.js"
           ],
           "async": [
-            "__mf/js/async/4238.ac5f0a30.js",
+            "__mf/js/async/4238.155e3b8a.js",
             "__mf/js/async/3224.b1170acc.js",
-            "__mf/js/async/3849.c4035be2.js",
-            "__mf/js/async/2448.6a132c1c.js",
+            "__mf/js/async/2226.a056d1a3.js",
+            "__mf/js/async/7376.0459aaf7.js",
+            "__mf/js/async/529.f12e49de.js",
+            "__mf/js/async/2652.7b7038d2.js",
             "__mf/js/async/1540.6b797827.js",
-            "__mf/js/async/6664.078084ff.js",
-            "__mf/js/async/4168.645bbaa1.js",
-            "__mf/js/async/6569.f33ecbef.js",
-            "__mf/js/async/__federation_expose_LogsTable.0bf7a331.js",
-            "__mf/js/async/282.3d82e785.js",
+            "__mf/js/async/282.6c4c5a94.js",
+            "__mf/js/async/1360.2348e2a7.js",
             "__mf/js/async/5780.d837c3cd.js",
             "__mf/js/async/8537.dc791586.js",
-            "__mf/js/async/4687.1af57d71.js",
-            "__mf/js/async/__federation_expose_LokiLogQuery.b5fd8404.js",
-            "__mf/js/async/592.269748ce.js",
-            "__mf/js/async/7376.0459aaf7.js",
-            "__mf/js/async/5876.5618763d.js",
-            "__mf/js/async/4693.ba67a5aa.js",
+            "__mf/js/async/6329.9c3a3698.js",
+            "__mf/js/async/__federation_expose_LokiLogQuery.9b430d01.js",
             "__mf/js/async/3431.2270637c.js",
-            "__mf/js/async/9654.575f5449.js",
+            "__mf/js/async/6134.f7ee513c.js",
             "__mf/js/async/2292.35c2eeec.js",
-            "__mf/js/async/9479.f74b4605.js",
             "__mf/js/async/8488.5b4b7170.js",
             "__mf/js/async/8216.d9cc6234.js",
-            "__mf/js/async/5713.3b303108.js"
+            "__mf/js/async/2708.9651e2da.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/9479.7ad02b85.css"
+            "__mf/css/async/6759.d3010b86.css"
           ]
         }
       },
@@ -436,93 +423,43 @@
       "assets": {
         "js": {
           "sync": [
-            "__mf/js/async/282.3d82e785.js",
-            "__mf/js/async/2448.6a132c1c.js",
+            "__mf/js/async/282.6c4c5a94.js",
+            "__mf/js/async/1360.2348e2a7.js",
             "__mf/js/async/1540.6b797827.js",
             "__mf/js/async/5780.d837c3cd.js",
             "__mf/js/async/8537.dc791586.js",
-            "__mf/js/async/4687.1af57d71.js",
-            "__mf/js/async/__federation_expose_LokiLogQuery.b5fd8404.js"
+            "__mf/js/async/6329.9c3a3698.js",
+            "__mf/js/async/__federation_expose_LokiLogQuery.9b430d01.js"
           ],
           "async": [
-            "__mf/js/async/3849.c4035be2.js",
-            "__mf/js/async/2448.6a132c1c.js",
-            "__mf/js/async/1540.6b797827.js",
-            "__mf/js/async/6664.078084ff.js",
-            "__mf/js/async/4168.645bbaa1.js",
-            "__mf/js/async/6569.f33ecbef.js",
-            "__mf/js/async/__federation_expose_LogsTable.0bf7a331.js",
-            "__mf/js/async/592.269748ce.js",
+            "__mf/js/async/2226.a056d1a3.js",
             "__mf/js/async/7376.0459aaf7.js",
-            "__mf/js/async/5876.5618763d.js",
-            "__mf/js/async/4693.ba67a5aa.js",
+            "__mf/js/async/529.f12e49de.js",
+            "__mf/js/async/2652.7b7038d2.js",
             "__mf/js/async/3431.2270637c.js",
+            "__mf/js/async/282.6c4c5a94.js",
+            "__mf/js/async/1360.2348e2a7.js",
             "__mf/js/async/8537.dc791586.js",
-            "__mf/js/async/4687.1af57d71.js",
-            "__mf/js/async/3413.6dd92cfd.js",
-            "__mf/js/async/__federation_expose_LokiTimeSeriesQuery.8e1af800.js",
-            "__mf/js/async/9654.575f5449.js",
-            "__mf/js/async/4238.ac5f0a30.js",
+            "__mf/js/async/6329.9c3a3698.js",
+            "__mf/js/async/__federation_expose_LokiTimeSeriesQuery.61feff51.js",
+            "__mf/js/async/6134.f7ee513c.js",
+            "__mf/js/async/4238.155e3b8a.js",
             "__mf/js/async/3224.b1170acc.js",
             "__mf/js/async/2292.35c2eeec.js",
-            "__mf/js/async/9479.f74b4605.js",
             "__mf/js/async/8488.5b4b7170.js",
             "__mf/js/async/8216.d9cc6234.js",
-            "__mf/js/async/5713.3b303108.js"
+            "__mf/js/async/2708.9651e2da.js"
           ]
         },
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/9479.7ad02b85.css",
-            "__mf/css/async/2341.7ad02b85.css"
+            "__mf/css/async/6759.d3010b86.css",
+            "__mf/css/async/2341.d3010b86.css"
           ]
         }
       },
       "path": "./LokiLogQuery"
-    },
-    {
-      "id": "Loki:LogsTable",
-      "name": "LogsTable",
-      "assets": {
-        "js": {
-          "sync": [
-            "__mf/js/async/3849.c4035be2.js",
-            "__mf/js/async/2448.6a132c1c.js",
-            "__mf/js/async/1540.6b797827.js",
-            "__mf/js/async/6664.078084ff.js",
-            "__mf/js/async/4168.645bbaa1.js",
-            "__mf/js/async/6569.f33ecbef.js",
-            "__mf/js/async/__federation_expose_LogsTable.0bf7a331.js"
-          ],
-          "async": [
-            "__mf/js/async/4238.ac5f0a30.js",
-            "__mf/js/async/3224.b1170acc.js",
-            "__mf/js/async/282.3d82e785.js",
-            "__mf/js/async/2448.6a132c1c.js",
-            "__mf/js/async/1540.6b797827.js",
-            "__mf/js/async/5780.d837c3cd.js",
-            "__mf/js/async/8537.dc791586.js",
-            "__mf/js/async/4687.1af57d71.js",
-            "__mf/js/async/__federation_expose_LokiLogQuery.b5fd8404.js",
-            "__mf/js/async/592.269748ce.js",
-            "__mf/js/async/7376.0459aaf7.js",
-            "__mf/js/async/5876.5618763d.js",
-            "__mf/js/async/9654.575f5449.js",
-            "__mf/js/async/4693.ba67a5aa.js",
-            "__mf/js/async/3413.6dd92cfd.js",
-            "__mf/js/async/__federation_expose_LokiTimeSeriesQuery.8e1af800.js",
-            "__mf/js/async/2292.35c2eeec.js"
-          ]
-        },
-        "css": {
-          "sync": [],
-          "async": [
-            "__mf/css/async/2341.7ad02b85.css"
-          ]
-        }
-      },
-      "path": "./LogsTable"
     }
   ]
 }