@perses-dev/heatmap-chart-plugin 0.2.0

package/lib/utils/get-formatted-axis-label.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/get-formatted-axis-label.ts"],"sourcesContent":["// Copyright 2024 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 { formatWithTimeZone } from '@perses-dev/components';\n\n// https://echarts.apache.org/en/option.html#xAxis.axisLabel.formatter\nexport function getFormattedHeatmapAxisLabel(rangeMs: number, timezone: string) {\n  return function (value: number): string {\n    const dayMs = 86400000;\n    const monthMs = 2629440000;\n    const yearMs = 31536000000;\n\n    const timeStamp = new Date(Number(value));\n\n    // more than 5 years\n    if (rangeMs > yearMs * 5) {\n      return formatWithTimeZone(timeStamp, 'yyy', timezone);\n    }\n\n    // more than 2 years\n    if (rangeMs > yearMs * 2) {\n      return formatWithTimeZone(timeStamp, 'MMM yyy', timezone);\n    }\n\n    // between 5 days to 6 months\n    if (rangeMs > dayMs * 10 && rangeMs < monthMs * 6) {\n      return formatWithTimeZone(timeStamp, 'dd.MM', timezone); // 12-01\n    }\n\n    // between 2 and 10 days\n    if (rangeMs > dayMs * 2 && rangeMs <= dayMs * 10) {\n      return formatWithTimeZone(timeStamp, 'dd.MM HH:mm', timezone); // 12-01; // 12-01 12:30\n    }\n\n    return formatWithTimeZone(timeStamp, 'HH:mm', timezone);\n  };\n}\n"],"names":["formatWithTimeZone","getFormattedHeatmapAxisLabel","rangeMs","timezone","value","dayMs","monthMs","yearMs","timeStamp","Date","Number"],"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,kBAAkB,QAAQ,yBAAyB;AAE5D,sEAAsE;AACtE,OAAO,SAASC,6BAA6BC,OAAe,EAAEC,QAAgB;IAC5E,OAAO,SAAUC,KAAa;QAC5B,MAAMC,QAAQ;QACd,MAAMC,UAAU;QAChB,MAAMC,SAAS;QAEf,MAAMC,YAAY,IAAIC,KAAKC,OAAON;QAElC,oBAAoB;QACpB,IAAIF,UAAUK,SAAS,GAAG;YACxB,OAAOP,mBAAmBQ,WAAW,OAAOL;QAC9C;QAEA,oBAAoB;QACpB,IAAID,UAAUK,SAAS,GAAG;YACxB,OAAOP,mBAAmBQ,WAAW,WAAWL;QAClD;QAEA,6BAA6B;QAC7B,IAAID,UAAUG,QAAQ,MAAMH,UAAUI,UAAU,GAAG;YACjD,OAAON,mBAAmBQ,WAAW,SAASL,WAAW,QAAQ;QACnE;QAEA,wBAAwB;QACxB,IAAID,UAAUG,QAAQ,KAAKH,WAAWG,QAAQ,IAAI;YAChD,OAAOL,mBAAmBQ,WAAW,eAAeL,WAAW,wBAAwB;QACzF;QAEA,OAAOH,mBAAmBQ,WAAW,SAASL;IAChD;AACF"}

package/lib/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './data-transform';
+export * from './get-formatted-axis-label';
+export * from './thresholds';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAaA,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,cAAc,CAAC"}

package/lib/utils/index.js

@@ -0,0 +1,17 @@
+// 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.
+export * from './data-transform';
+export * from './get-formatted-axis-label';
+export * from './thresholds';
+
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/index.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\nexport * from './data-transform';\nexport * from './get-formatted-axis-label';\nexport * from './thresholds';\n"],"names":[],"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,cAAc,mBAAmB;AACjC,cAAc,6BAA6B;AAC3C,cAAc,eAAe"}

package/lib/utils/thresholds.d.ts

@@ -0,0 +1,4 @@
+import { ThresholdOptions } from '@perses-dev/core';
+import { PersesChartsTheme } from '@perses-dev/components';
+export declare function getColorFromThresholds(value: number, thresholds: ThresholdOptions | undefined, chartsTheme: PersesChartsTheme, defaultColor: string): string | null;
+//# sourceMappingURL=thresholds.d.ts.map

package/lib/utils/thresholds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thresholds.d.ts","sourceRoot":"","sources":["../../../src/utils/thresholds.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,gBAAgB,GAAG,SAAS,EACxC,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,MAAM,GACnB,MAAM,GAAG,IAAI,CAcf"}

package/lib/utils/thresholds.js

@@ -0,0 +1,14 @@
+export function getColorFromThresholds(value, thresholds, chartsTheme, defaultColor) {
+    if (thresholds?.steps) {
+        const matchingColors = thresholds.steps.map((step, index)=>{
+            if (value >= step.value) {
+                return step.color ?? chartsTheme.thresholds.palette[index] ?? thresholds.defaultColor ?? defaultColor;
+            }
+            return null;
+        }).filter((color)=>color !== null);
+        return matchingColors[matchingColors.length - 1] ?? thresholds.defaultColor ?? defaultColor;
+    }
+    return thresholds?.defaultColor ?? defaultColor;
+}
+
+//# sourceMappingURL=thresholds.js.map

package/lib/utils/thresholds.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/thresholds.ts"],"sourcesContent":["import { ThresholdOptions } from '@perses-dev/core';\nimport { PersesChartsTheme } from '@perses-dev/components';\n\nexport function getColorFromThresholds(\n  value: number,\n  thresholds: ThresholdOptions | undefined,\n  chartsTheme: PersesChartsTheme,\n  defaultColor: string\n): string | null {\n  if (thresholds?.steps) {\n    const matchingColors = thresholds.steps\n      .map((step, index) => {\n        if (value >= step.value) {\n          return step.color ?? chartsTheme.thresholds.palette[index] ?? thresholds.defaultColor ?? defaultColor;\n        }\n        return null;\n      })\n      .filter((color): color is string => color !== null);\n\n    return matchingColors[matchingColors.length - 1] ?? thresholds.defaultColor ?? defaultColor;\n  }\n  return thresholds?.defaultColor ?? defaultColor;\n}\n"],"names":["getColorFromThresholds","value","thresholds","chartsTheme","defaultColor","steps","matchingColors","map","step","index","color","palette","filter","length"],"mappings":"AAGA,OAAO,SAASA,uBACdC,KAAa,EACbC,UAAwC,EACxCC,WAA8B,EAC9BC,YAAoB;IAEpB,IAAIF,YAAYG,OAAO;QACrB,MAAMC,iBAAiBJ,WAAWG,KAAK,CACpCE,GAAG,CAAC,CAACC,MAAMC;YACV,IAAIR,SAASO,KAAKP,KAAK,EAAE;gBACvB,OAAOO,KAAKE,KAAK,IAAIP,YAAYD,UAAU,CAACS,OAAO,CAACF,MAAM,IAAIP,WAAWE,YAAY,IAAIA;YAC3F;YACA,OAAO;QACT,GACCQ,MAAM,CAAC,CAACF,QAA2BA,UAAU;QAEhD,OAAOJ,cAAc,CAACA,eAAeO,MAAM,GAAG,EAAE,IAAIX,WAAWE,YAAY,IAAIA;IACjF;IACA,OAAOF,YAAYE,gBAAgBA;AACrC"}

package/mf-manifest.json

@@ -0,0 +1,169 @@
+{
+  "id": "HeatMapChart",
+  "name": "HeatMapChart",
+  "metaData": {
+    "name": "HeatMapChart",
+    "type": "app",
+    "buildInfo": {
+      "buildVersion": "0.2.0",
+      "buildName": "@perses-dev/heatmap-chart-plugin"
+    },
+    "remoteEntry": {
+      "name": "__mf/js/HeatMapChart.81916a67.js",
+      "path": "",
+      "type": "global"
+    },
+    "types": {
+      "path": "",
+      "name": "",
+      "zip": "",
+      "api": ""
+    },
+    "globalName": "HeatMapChart",
+    "pluginVersion": "0.18.1",
+    "prefetchInterface": false,
+    "publicPath": "/plugins/HeatMapChart/"
+  },
+  "shared": [
+    {
+      "id": "HeatMapChart:@perses-dev/components",
+      "name": "@perses-dev/components",
+      "version": "0.52.0-beta.5",
+      "singleton": true,
+      "requiredVersion": "^0.52.0-beta.5",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/469.15f49b0f.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    },
+    {
+      "id": "HeatMapChart:@perses-dev/core",
+      "name": "@perses-dev/core",
+      "version": "0.52.0-beta.5",
+      "singleton": true,
+      "requiredVersion": "^0.52.0-beta.5",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/934.6f607fed.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    },
+    {
+      "id": "HeatMapChart:immer",
+      "name": "immer",
+      "version": "10.1.1",
+      "singleton": true,
+      "requiredVersion": "^10.1.1",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/774.0d1a003f.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    },
+    {
+      "id": "HeatMapChart:lodash",
+      "name": "lodash",
+      "version": "4.17.21",
+      "singleton": true,
+      "requiredVersion": "^4.17.21",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/981.75e172bb.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    },
+    {
+      "id": "HeatMapChart:react-dom",
+      "name": "react-dom",
+      "version": "18.3.1",
+      "singleton": true,
+      "requiredVersion": "18.2.0",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/173.c3418567.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    },
+    {
+      "id": "HeatMapChart:react",
+      "name": "react",
+      "version": "18.3.1",
+      "singleton": true,
+      "requiredVersion": "18.2.0",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/964.944e7b15.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    }
+  ],
+  "remotes": [],
+  "exposes": [
+    {
+      "id": "HeatMapChart:HeatMapChart",
+      "name": "HeatMapChart",
+      "assets": {
+        "js": {
+          "sync": [
+            "__mf/js/async/293.f3a89fef.js",
+            "__mf/js/async/482.cd2ab58b.js",
+            "__mf/js/async/__federation_expose_HeatMapChart.ab402c3a.js"
+          ],
+          "async": [
+            "__mf/js/async/790.930331af.js"
+          ]
+        },
+        "css": {
+          "sync": [],
+          "async": [
+            "__mf/css/async/341.2a93d99b.css"
+          ]
+        }
+      },
+      "path": "./HeatMapChart"
+    }
+  ]
+}

package/mf-stats.json

@@ -0,0 +1,202 @@
+{
+  "id": "HeatMapChart",
+  "name": "HeatMapChart",
+  "metaData": {
+    "name": "HeatMapChart",
+    "type": "app",
+    "buildInfo": {
+      "buildVersion": "0.2.0",
+      "buildName": "@perses-dev/heatmap-chart-plugin"
+    },
+    "remoteEntry": {
+      "name": "__mf/js/HeatMapChart.81916a67.js",
+      "path": "",
+      "type": "global"
+    },
+    "types": {
+      "path": "",
+      "name": "",
+      "zip": "",
+      "api": ""
+    },
+    "globalName": "HeatMapChart",
+    "pluginVersion": "0.18.1",
+    "prefetchInterface": false,
+    "publicPath": "/plugins/HeatMapChart/"
+  },
+  "shared": [
+    {
+      "singleton": true,
+      "requiredVersion": "^0.52.0-beta.5",
+      "shareScope": "default",
+      "name": "@perses-dev/components",
+      "version": "0.52.0-beta.5",
+      "eager": false,
+      "id": "HeatMapChart:@perses-dev/components",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/469.15f49b0f.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": [
+        "./HeatMapChart"
+      ]
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^0.52.0-beta.5",
+      "shareScope": "default",
+      "name": "@perses-dev/core",
+      "version": "0.52.0-beta.5",
+      "eager": false,
+      "id": "HeatMapChart:@perses-dev/core",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/934.6f607fed.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": [
+        "./HeatMapChart"
+      ]
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^10.1.1",
+      "shareScope": "default",
+      "name": "immer",
+      "version": "10.1.1",
+      "eager": false,
+      "id": "HeatMapChart:immer",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/774.0d1a003f.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": [
+        "./HeatMapChart"
+      ]
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^4.17.21",
+      "shareScope": "default",
+      "name": "lodash",
+      "version": "4.17.21",
+      "eager": false,
+      "id": "HeatMapChart:lodash",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/981.75e172bb.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "18.2.0",
+      "shareScope": "default",
+      "name": "react-dom",
+      "version": "18.3.1",
+      "eager": false,
+      "id": "HeatMapChart:react-dom",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/173.c3418567.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "18.2.0",
+      "shareScope": "default",
+      "name": "react",
+      "version": "18.3.1",
+      "eager": false,
+      "id": "HeatMapChart:react",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/964.944e7b15.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": [
+        "./HeatMapChart"
+      ]
+    }
+  ],
+  "remotes": [],
+  "exposes": [
+    {
+      "path": "./HeatMapChart",
+      "id": "HeatMapChart:HeatMapChart",
+      "name": "HeatMapChart",
+      "requires": [
+        "react",
+        "immer",
+        "@perses-dev/components",
+        "@perses-dev/core"
+      ],
+      "file": "src/HeatMapChart.ts",
+      "assets": {
+        "js": {
+          "sync": [
+            "__mf/js/async/293.f3a89fef.js",
+            "__mf/js/async/482.cd2ab58b.js",
+            "__mf/js/async/__federation_expose_HeatMapChart.ab402c3a.js"
+          ],
+          "async": [
+            "__mf/js/async/790.930331af.js"
+          ]
+        },
+        "css": {
+          "sync": [],
+          "async": [
+            "__mf/css/async/341.2a93d99b.css"
+          ]
+        }
+      }
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@perses-dev/heatmap-chart-plugin",
+  "version": "0.2.0",
+  "homepage": "https://github.com/perses/plugins/blob/main/README.md",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/perses/plugins.git"
+  },
+  "bugs": {
+    "url": "https://github.com/perses/plugins/issues"
+  },
+  "scripts": {
+    "dev": "rsbuild dev",
+    "build": "npm run build-mf && concurrently \"npm:build:*\"",
+    "build-mf": "rsbuild build",
+    "build:cjs": "swc ./src -d dist/lib/cjs --strip-leading-paths --config-file ../.cjs.swcrc",
+    "build:esm": "swc ./src -d dist/lib --strip-leading-paths --config-file ../.swcrc",
+    "build:types": "tsc --project tsconfig.build.json",
+    "lint": "eslint src --ext .ts,.tsx",
+    "test": "cross-env LC_ALL=C TZ=UTC jest",
+    "type-check": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "@perses-dev/components": "^0.52.0-beta.5",
+    "@perses-dev/core": "^0.52.0-beta.5",
+    "@perses-dev/plugin-system": "^0.52.0-beta.5",
+    "echarts": "5.5.0",
+    "lodash": "^4.17.21",
+    "react": "^17.0.2 || ^18.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0",
+    "immer": "^10.1.1"
+  },
+  "files": [
+    "lib/**/*",
+    "__mf/**/*",
+    "mf-manifest.json",
+    "mf-stats.json"
+  ],
+  "perses": {
+    "plugins": [
+      {
+        "kind": "Panel",
+        "spec": {
+          "name": "HeatMapChart",
+          "display": {
+            "name": "HeatMap Chart"
+          }
+        }
+      }
+    ]
+  }
+}