From 9e92434bf9742cc29ef9e38d3049567ffd178422 Mon Sep 17 00:00:00 2001
From: "mohamed.yacoubi" <mohamed.yacoubi@smile.fr>
Date: Tue, 25 Jun 2024 10:38:44 +0200
Subject: [PATCH] doc: documenting label option

---
 README.md                          | 5 +++--
 package.json                       | 2 +-
 src/components/PalindromePanel.tsx | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 8d80b1fc..4e363132 100644
--- a/README.md
+++ b/README.md
@@ -62,16 +62,17 @@ This panel should be connected to one of these supported data sources:
 Once done, you can define layers and metrics using code queries, following this format:
 
 ```
-<query> <comment-sign>layer: <layerName>, ranges: [<min value>, <med value>, <max value>]
+<query> <comment-sign>label: <label>, layer: <layerName>, ranges: [<min value>, <med value>, <max value>]
 ```
 **Notes:**
 - Palindrome.js metadata should be inside a comment section.
 - Comment signs can be `#` or `//`.
+- `label` metadata is optional
 
 **Example for Prometheus data source**:
 
   ```Promql
-  node_disk_io_now{device="nvme0n1"} #layer: systemMetrics, ranges: [0, 50, 100]
+  node_disk_io_now{device="nvme0n1"} #label: ssdMetric, layer: systemMetrics, ranges: [0, 50, 100]
   ```
 
 - Once you've finished typing queries, click on `Run queries`, and the 3D object will appear. 
diff --git a/package.json b/package.json
index a0a73d75..7d9237a4 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "server": "docker-compose up --build",
     "sign": "npx --yes @grafana/sign-plugin@latest"
   },
-  "author": "Smile",
+  "author": "Smile RnD <rnd@smile.fr>",
   "license": "Apache-2.0",
   "devDependencies": {
     "@babel/core": "^7.21.4",
diff --git a/src/components/PalindromePanel.tsx b/src/components/PalindromePanel.tsx
index 58881f9d..58f2f7c7 100644
--- a/src/components/PalindromePanel.tsx
+++ b/src/components/PalindromePanel.tsx
@@ -30,7 +30,7 @@ export const PalindromePanel: React.FC<Props> = ({ options, data, width, height,
         executedQueryString = (data.request?.targets[i] as any).target;
       }
 
-      const regex = /(?:#|\/\/)(?:metricLabel:\s*(.*?),\s*)?layer:\s*(.*?),\s*ranges:\s*\[(.*?)\]/;
+      const regex = /(?:#|\/\/)(?:label:\s*(.*?),\s*)?layer:\s*(.*?),\s*ranges:\s*\[(.*?)\]/;
       const match = executedQueryString?.match(regex);
       const parts = executedQueryString?.split(/#|\/\//);      
       let metricName, layerName, ranges;