@cloudcare/guance-front-tools 1.0.12 → 1.0.13

package/lib/example/guance-dahs-3.json

@@ -0,0 +1,348 @@
+{
+  "title": "test-dcl-23-copy",
+  "dashboardType": "CUSTOM",
+  "dashboardExtend": {
+    "groupUnfoldStatus": {
+      "test1": false
+    }
+  },
+  "dashboardMapping": [],
+  "dashboardOwnerType": "node",
+  "iconSet": {},
+  "dashboardBindSet": [],
+  "thumbnail": "",
+  "tagInfo": [],
+  "summary": "1",
+  "main": {
+    "vars": [
+      {
+        "name": "host",
+        "seq": 0,
+        "datasource": "dataflux",
+        "code": "host",
+        "type": "QUERY",
+        "definition": {
+          "tag": "",
+          "field": "",
+          "value": "L('default')::RE(`.*`):(distinct_by_collapse(`host`)) LIMIT 20",
+          "metric": "",
+          "object": "",
+          "defaultVal": {
+            "label": "*",
+            "value": "*"
+          }
+        },
+        "valueSort": "asc",
+        "hide": 0,
+        "isHiddenAsterisk": 0,
+        "multiple": true,
+        "includeStar": true,
+        "extend": {
+          "starMeaning": "*"
+        }
+      },
+      {
+        "name": "test_host_link",
+        "seq": 1,
+        "datasource": "dataflux",
+        "code": "test",
+        "type": "QUERY",
+        "definition": {
+          "tag": "",
+          "field": "",
+          "value": "L('default')::RE(`.*`):(`service`) { host = '#{host}' }",
+          "metric": "",
+          "object": "",
+          "defaultVal": {
+            "label": "",
+            "value": ""
+          }
+        },
+        "valueSort": "asc",
+        "hide": 0,
+        "isHiddenAsterisk": 0,
+        "multiple": true,
+        "includeStar": false,
+        "extend": {}
+      }
+    ],
+    "charts": [
+      {
+        "extend": {
+          "links": [
+            {
+              "url": "/logIndi/log/all?time=#{TR}&query=#{T}",
+              "open": "newWin",
+              "show": true,
+              "type": "logging",
+              "showChanged": false
+            },
+            {
+              "url": "/objectadmin/docker_containers?routerTabActive=ObjectadminDocker&time=#{TR}&query=#{T}",
+              "open": "curWin",
+              "show": true,
+              "type": "container",
+              "showChanged": false
+            },
+            {
+              "url": "/objectadmin/host_processes?routerTabActive=ObjectadminProcesses&time=#{TR}&query=#{T}",
+              "open": "drawerWin",
+              "show": true,
+              "type": "processes",
+              "showChanged": false
+            },
+            {
+              "url": "/tracing/link/all?time=#{TR}&query=#{T}",
+              "open": "newWin",
+              "show": false,
+              "type": "tracing",
+              "showChanged": false
+            },
+            {
+              "url": "/scene/builtinview/detail?time=#{TR}&query=#{T}",
+              "open": "newWin",
+              "show": false,
+              "type": "host",
+              "showChanged": false
+            }
+          ],
+          "settings": {
+            "alias": [],
+            "units": [],
+            "colors": [],
+            "levels": [],
+            "slimit": 20,
+            "compares": [
+              {
+                "label": "小时同比",
+                "value": "hourCompare"
+              },
+              {
+                "label": "日同比",
+                "value": "dayCompare"
+              }
+            ],
+            "lineType": "linear",
+            "showLine": false,
+            "unitType": "global",
+            "chartType": "line",
+            "fixedTime": "",
+            "isPercent": false,
+            "openStack": false,
+            "precision": "2",
+            "showLabel": false,
+            "showTitle": true,
+            "stackType": "percent",
+            "titleDesc": "",
+            "globalUnit": [],
+            "isSampling": true,
+            "compareType": [
+              "hourCompare",
+              "dayCompare"
+            ],
+            "openCompare": true,
+            "yAxixMaxVal": null,
+            "yAxixMinVal": null,
+            "connectNulls": true,
+            "legendValues": [
+              "avg",
+              "last",
+              "first",
+              "min",
+              "max",
+              "sum"
+            ],
+            "timeInterval": "auto",
+            "legendPostion": "bottom",
+            "maxPointCount": 20,
+            "sorderByOrder": "desc",
+            "xAxisShowType": "time",
+            "isCombineChart": false,
+            "isTimeInterval": true,
+            "changeWorkspace": false,
+            "openRepeatChart": false,
+            "compareChartType": "sequence",
+            "currentChartType": "sequence",
+            "showFieldMapping": false,
+            "onlyShowGroupName": false,
+            "scientificNotation": true,
+            "repeatChartRowLimit": 3,
+            "repeatChartVariable": "",
+            "yAxixOpenIncludeZero": true,
+            "openThousandsSeparator": true,
+            "enablePreflightEstimate": true,
+            "mainMeasurementQueryCode": "A"
+          },
+          "fixedTime": "",
+          "isRefresh": false,
+          "fixedGroupByTime": null
+        },
+        "group": {
+          "name": null
+        },
+        "chartGroupUUID": "default",
+        "name": "新建图表",
+        "pos": {
+          "h": 9,
+          "w": 19,
+          "x": 0,
+          "y": 0
+        },
+        "type": "sequence",
+        "queries": [
+          {
+            "name": "",
+            "type": "sequence",
+            "unit": "",
+            "color": "",
+            "qtype": "dql",
+            "query": {
+              "q": "L('default')::RE(`.*`):(count(`*`) AS `aaa`) { `host` = '#{host}' } BY `host`",
+              "code": "A",
+              "fill": null,
+              "type": "simple",
+              "alias": "aaa",
+              "field": "*",
+              "limit": null,
+              "fillNum": null,
+              "filters": [
+                {
+                  "id": "6b770a50-f4ef-11f0-ac95-dd561dcf45d1",
+                  "op": "=",
+                  "name": "host",
+                  "type": "keyword",
+                  "logic": "and",
+                  "value": "#{host}",
+                  "values": []
+                }
+              ],
+              "groupBy": [
+                "host"
+              ],
+              "labelOp": "",
+              "funcList": [],
+              "fieldFunc": "count",
+              "fieldType": "keyword",
+              "namespace": "logging",
+              "dataSource": "*",
+              "queryFuncs": [],
+              "withLabels": [],
+              "groupByTime": "",
+              "indexFilter": "default"
+            },
+            "disabled": false,
+            "datasource": "dataflux"
+          }
+        ],
+        "prevGroupName": null,
+        "uuid": "chrt_fd51995ec5e443119f66d2f5fa54c59c"
+      },
+      {
+        "extend": {
+          "settings": {
+            "alias": [],
+            "units": [],
+            "colors": [],
+            "levels": [],
+            "slimit": 20,
+            "lineType": "linear",
+            "showLine": false,
+            "unitType": "global",
+            "chartType": "line",
+            "fixedTime": "",
+            "isPercent": false,
+            "openStack": false,
+            "precision": "2",
+            "showLabel": false,
+            "showTitle": true,
+            "stackType": "time",
+            "titleDesc": "",
+            "globalUnit": [],
+            "isSampling": true,
+            "compareType": [],
+            "openCompare": false,
+            "yAxixMaxVal": null,
+            "yAxixMinVal": null,
+            "connectNulls": true,
+            "legendValues": "",
+            "timeInterval": "auto",
+            "legendPostion": "none",
+            "maxPointCount": null,
+            "sorderByOrder": "desc",
+            "xAxisShowType": "time",
+            "isCombineChart": false,
+            "isTimeInterval": true,
+            "changeWorkspace": false,
+            "openRepeatChart": false,
+            "currentChartType": "sequence",
+            "showFieldMapping": false,
+            "onlyShowGroupName": false,
+            "scientificNotation": true,
+            "repeatChartRowLimit": 3,
+            "repeatChartVariable": "",
+            "yAxixOpenIncludeZero": true,
+            "openThousandsSeparator": true,
+            "enablePreflightEstimate": false,
+            "mainMeasurementQueryCode": ""
+          },
+          "fixedTime": ""
+        },
+        "group": {
+          "name": null
+        },
+        "chartGroupUUID": "default",
+        "name": "新建图表2",
+        "pos": {
+          "h": 10,
+          "w": 8,
+          "x": 0,
+          "y": 0
+        },
+        "type": "sequence",
+        "queries": [
+          {
+            "name": "",
+            "type": "sequence",
+            "unit": "",
+            "color": "",
+            "qtype": "dql",
+            "query": {
+              "q": "",
+              "code": "A",
+              "fill": null,
+              "type": "simple",
+              "alias": "",
+              "field": "",
+              "filters": [],
+              "groupBy": [],
+              "funcList": [],
+              "fieldFunc": "",
+              "namespace": "metric",
+              "dataSource": "",
+              "queryFuncs": [],
+              "groupByTime": "",
+              "indexFilter": ""
+            },
+            "disabled": false,
+            "datasource": "dataflux"
+          }
+        ],
+        "prevGroupName": null,
+        "uuid": "chrt_11b8a61a4060492db997572f85f66208"
+      }
+    ],
+    "chartGroupPos": [
+      "chtg_472fc54aa73f4bd1969b16b991a71763"
+    ],
+    "groups": [
+      {
+        "name": "test1",
+        "extend": {
+          "colorKey": "style_key14"
+        }
+      }
+    ],
+    "type": "template"
+  },
+  "identifier": "12"
+}

package/lib/scripts/grafana-covert-to-guance-core.js

@@ -1,288 +1,7 @@
-const grafanaPanelTypeToGuanceChartMap = {
-    stat: 'singlestat',
-    singlestat: 'singlestat',
-    barchart: 'bar',
-    timeseries: 'sequence',
-    graph: 'sequence',
-    piechart: 'pie',
-    histogram: 'histogram',
-    bargauge: 'toplist',
-    gauge: 'gauge',
-    table: 'table',
-    text: 'text',
-    heatmap: 'heatmap',
-    treemap: 'treemap',
-};
-const GRAFANA_KEYWORKD = ['__interval'];
-const VARIABLE_MAP = {
-    query: 'PROMQL_QUERY',
-    custom: 'CUSTOM_LIST',
-};
-const VARIABLE_DATASOURCE_MAP = {
-    query: 'dataflux',
-    custom: 'custom',
-};
-function isSupportedVariableType(type) {
-    return Object.prototype.hasOwnProperty.call(VARIABLE_MAP, type);
-}
-function replaceVariableStr(grafanaExpr) {
-    return grafanaExpr.replace(/\$\{?([\d_\w]+)\}?/g, function (match, variable) {
-        if (GRAFANA_KEYWORKD.indexOf(variable) > -1)
-            return match;
-        return `#{${variable}}`;
-    });
-}
-function sortPanelItemsByRowCol(panels) {
-    return panels.slice(0).sort(function (panelA, panelB) {
-        const { gridPos: posA } = panelA;
-        const { gridPos: posB } = panelB;
-        if (!posA || !posB)
-            return -1;
-        if (posA.y === posB.y && posA.x === posB.x && posA.w > posB.w) {
-            return -1;
-        }
-        if (posA.y === posB.y && posA.x === posB.x) {
-            return 0;
-        }
-        if (posA.y > posB.y || (posA.y === posB.y && posA.x > posB.x)) {
-            return 1;
-        }
-        return -1;
-    });
-}
-function tenToTweenty(source = 1) {
-    const numArr = [];
-    source--;
-    do {
-        numArr.push(source % 26);
-        source = Math.floor(source / 26);
-    } while (source > 0);
-    return numArr
-        .reverse()
-        .map((item, index) => {
-        return String.fromCharCode(item + 97 + (index === numArr.length - 1 ? 0 : -1));
-    })
-        .join('')
-        .toLowerCase();
-}
-function getGridH(h, rowHeight, margin) {
-    return Math.round(h * rowHeight + Math.max(0, 2 * (h - 1)) * margin);
-}
-function getGuanceHByGrafanaH(granfanH) {
-    return (getGridH(granfanH, 30, 4) + 10) / 20;
-}
-function covertPanelToGuanceChart(grafanaPanel, rowPanel) {
-    const { gridPos, title, type, targets, options } = grafanaPanel;
-    const chartType = grafanaPanelTypeToGuanceChartMap[type];
-    let pos = {
-        x: gridPos.x,
-        w: gridPos.w,
-        y: gridPos.y,
-        h: gridPos.h,
-    };
-    if (rowPanel) {
-        const { gridPos: rowGridPos } = rowPanel;
-        if (rowGridPos && gridPos && !rowPanel.collapsed) {
-            pos = {
-                x: gridPos.x,
-                w: gridPos.w,
-                y: gridPos.y - rowGridPos.y,
-                h: gridPos.h,
-            };
-        }
-    }
-    const queries = [];
-    if (targets && targets.length) {
-        let currentIndex = 0;
-        targets.forEach((_target) => {
-            const queryStr = _target.expr || _target.query || _target.queryText;
-            if (!queryStr)
-                return;
-            currentIndex++;
-            const queryItem = {
-                datasource: 'dataflux',
-                qtype: 'promql',
-                type: chartType,
-                query: {
-                    q: replaceVariableStr(queryStr),
-                    type: 'promql',
-                    code: tenToTweenty(currentIndex),
-                    promqlCode: currentIndex,
-                },
-            };
-            queries.push(queryItem);
-        });
-    }
-    let settings = {};
-    if (options) {
-        switch (chartType) {
-            case 'text':
-                queries.push({
-                    query: {
-                        content: options.content,
-                    },
-                });
-                break;
-            case 'toplist':
-                settings = {
-                    showTopSize: true,
-                    chartType: 'bar',
-                };
-                break;
-            default:
-                break;
-        }
-    }
-    return {
-        extend: {
-            settings: settings,
-        },
-        group: {
-            name: rowPanel ? rowPanel.title : null,
-        },
-        pos: {
-            x: pos.x,
-            y: getGuanceHByGrafanaH(pos.y),
-            h: getGuanceHByGrafanaH(pos.h),
-            w: pos.w,
-        },
-        name: replaceVariableStr(title || ''),
-        queries: queries,
-        type: chartType,
-    };
-}
-function covertPanelsToCharts(grafanaPanelData, rowPanel) {
-    const guanceCharts = [];
-    grafanaPanelData.forEach((grafanaPanel) => {
-        if (!grafanaPanel.gridPos)
-            return;
-        guanceCharts.push(covertPanelToGuanceChart(grafanaPanel, rowPanel));
-    });
-    return guanceCharts;
-}
+// This script is the shared conversion source for the published API and CLI.
+// Keep it thin and delegate to the maintained converter implementation.
+// @ts-ignore
+import { convertDashboard } from '../../skills/grafana-to-guance-dashboard/scripts/convert-grafana-dashboard.mjs';
 export function covert(grafanaData) {
-    var _a, _b, _c;
-    const covertGuanceResult = {};
-    covertGuanceResult.title = grafanaData.title;
-    const guanceVars = [];
-    (_b = (_a = grafanaData.templating) === null || _a === void 0 ? void 0 : _a.list) === null || _b === void 0 ? void 0 : _b.forEach((_variable, index) => {
-        const { current, type, allValue } = _variable;
-        const variableType = String(type);
-        if (!isSupportedVariableType(variableType))
-            return;
-        let defaultVal = {
-            label: '',
-            value: '',
-        };
-        if (current) {
-            let labels = [];
-            let values = [];
-            if (Array.isArray(current.text)) {
-                labels = current.text;
-            }
-            else if (typeof current.text === 'string') {
-                labels = [current.text];
-            }
-            if (Array.isArray(current.value)) {
-                values = current.value;
-            }
-            else if (typeof current.value === 'string') {
-                values = [current.value];
-            }
-            labels = labels.map((label) => {
-                if (label === 'All') {
-                    if (allValue === '.*') {
-                        return '*';
-                    }
-                    return 'all values';
-                }
-                return label;
-            });
-            values = values.map((value) => {
-                if (value === '$__all') {
-                    if (allValue === '.*') {
-                        return '*';
-                    }
-                    return '__all__';
-                }
-                return value;
-            });
-            defaultVal = {
-                label: labels.join(','),
-                value: values.join(','),
-            };
-        }
-        let value = _variable.query;
-        if (value && typeof value === 'object' && value.query) {
-            value = replaceVariableStr(value.query);
-        }
-        else if (value && typeof value === 'string') {
-            value = replaceVariableStr(_variable.query);
-        }
-        else {
-            return;
-        }
-        const guanceVariableItem = {
-            type: VARIABLE_MAP[variableType],
-            datasource: VARIABLE_DATASOURCE_MAP[variableType],
-            name: _variable.label || _variable.name || '',
-            seq: index,
-            hide: _variable.hide ? 1 : 0,
-            multiple: _variable.multi !== undefined ? _variable.multi : true,
-            includeStar: _variable.includeAll !== undefined ? _variable.includeAll : true,
-            valueSort: 'desc',
-            code: _variable.name,
-            definition: {
-                value: value,
-                defaultVal: defaultVal,
-            },
-        };
-        guanceVars.push(guanceVariableItem);
-    });
-    const guanceGroups = [];
-    const guanceExpand = {};
-    const guanceCharts = [];
-    let lastRowPanel;
-    let lastPanels = [];
-    let grafanaCharts = ((_c = grafanaData.panels) === null || _c === void 0 ? void 0 : _c.filter((_panel) => _panel.type === 'row' || grafanaPanelTypeToGuanceChartMap[_panel.type])) || [];
-    grafanaCharts = sortPanelItemsByRowCol(grafanaCharts);
-    grafanaCharts.forEach((_panel) => {
-        var _a;
-        if (_panel.type === 'row') {
-            const _rowPanel = _panel;
-            if (_rowPanel.title) {
-                guanceGroups.push({
-                    name: _rowPanel.title,
-                });
-                guanceExpand[_rowPanel.title] = !_rowPanel.collapsed;
-            }
-            if (lastPanels.length) {
-                guanceCharts.push(...covertPanelsToCharts(lastPanels, lastRowPanel));
-                lastPanels = [];
-                lastRowPanel = undefined;
-            }
-            if (_rowPanel.collapsed) {
-                const subPanels = ((_a = _rowPanel.panels) === null || _a === void 0 ? void 0 : _a.filter((_childPanel) => _childPanel.type === 'row' || grafanaPanelTypeToGuanceChartMap[_childPanel.type])) || [];
-                guanceCharts.push(...covertPanelsToCharts(subPanels, _rowPanel));
-            }
-            else {
-                lastRowPanel = _rowPanel;
-            }
-        }
-        else {
-            lastPanels.push(_panel);
-        }
-    });
-    if (lastPanels.length) {
-        guanceCharts.push(...covertPanelsToCharts(lastPanels, lastRowPanel));
-    }
-    covertGuanceResult.dashboardExtend = {
-        groupUnfoldStatus: guanceExpand,
-    };
-    covertGuanceResult.main = {
-        vars: guanceVars,
-        charts: guanceCharts,
-        groups: guanceGroups,
-    };
-    return covertGuanceResult;
+    return convertDashboard(grafanaData);
 }