Add metrics package

packages/core/package.json

@@ -331,6 +331,7 @@
   "peerDependencies": {
     "@k8slens/application": "^6.5.0-alpha.0",
     "@k8slens/application-for-electron-main": "^6.5.0-alpha.0",
+    "@k8slens/metrics": "^6.5.0-alpha.0",
     "@k8slens/run-many": "^1.0.0-alpha.1",
     "@k8slens/test-utils": "^1.0.0-alpha.1",
     "@k8slens/utilities": "^1.0.0-alpha.1",

packages/core/src/renderer/components/+cluster/cluster-overview.tsx

@@ -28,6 +28,8 @@ import podStoreInjectable from "../+workloads-pods/store.injectable";
 import eventStoreInjectable from "../+events/store.injectable";
 import nodeStoreInjectable from "../+nodes/store.injectable";
 import enabledMetricsInjectable from "../../api/catalog/entity/metrics-enabled.injectable";
+import type { ClusterOverviewUIBlock } from "@k8slens/metrics";
+import { clusterOverviewUIBlockInjectionToken } from "@k8slens/metrics";
 
 interface Dependencies {
   subscribeStores: SubscribeStores;
@@ -36,6 +38,7 @@ interface Dependencies {
   eventStore: EventStore;
   nodeStore: NodeStore;
   clusterMetricsAreVisible: IComputedValue<boolean>;
+  uiBlocks: ClusterOverviewUIBlock[];
 }
 
 @observer
@@ -77,6 +80,10 @@ class NonInjectedClusterOverview extends React.Component<Dependencies> {
     return (
       <>
         <ClusterMetrics/>
+        {this.props.uiBlocks.map((block) => (
+          <block.component key={block.id} />
+        ))}
+        lol
         <ClusterPieCharts/>
       </>
     );
@@ -117,5 +124,6 @@ export const ClusterOverview = withInjectables<Dependencies>(NonInjectedClusterO
     podStore: di.inject(podStoreInjectable),
     eventStore: di.inject(eventStoreInjectable),
     nodeStore: di.inject(nodeStoreInjectable),
+    uiBlocks: di.injectMany(clusterOverviewUIBlockInjectionToken),
   }),
 });

packages/technical-features/metrics/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: "@k8slens/eslint-config/eslint",
+  parserOptions: {
+    project: "./tsconfig.json",
+  },
+};

packages/technical-features/metrics/.prettierrc

@@ -0,0 +1 @@
+"@k8slens/eslint-config/prettier"

packages/technical-features/metrics/index.ts

@@ -0,0 +1,6 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+export type { ClusterOverviewUIBlock } from "./src/cluster-overview/cluster-overview-ui-block.injectable";
+export { clusterOverviewUIBlockInjectionToken } from "./src/cluster-overview/cluster-overview-ui-block.injectable";

packages/technical-features/metrics/jest.config.js

@@ -0,0 +1 @@
+module.exports = require("@k8slens/jest").monorepoPackageConfig(__dirname).configForNode;

packages/technical-features/metrics/package.json

@@ -0,0 +1,39 @@
+{
+    "name": "@k8slens/metrics",
+    "private": false,
+    "version": "6.5.0-alpha.1",
+    "description": "Code that is common to all Features and those registering them.",
+    "type": "commonjs",
+    "publishConfig": {
+      "access": "public",
+      "registry": "https://registry.npmjs.org/"
+    },
+    "files": [
+      "dist"
+    ],
+    "repository": {
+      "type": "git",
+      "url": "git+https://github.com/lensapp/lens.git"
+    },
+    "main": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "author": {
+      "name": "OpenLens Authors",
+      "email": "info@k8slens.dev"
+    },
+    "license": "MIT",
+    "homepage": "https://github.com/lensapp/lens",
+    "scripts": {
+      "build": "webpack",
+      "dev": "webpack --mode=development --watch",
+      "test": "jest --coverage --runInBand",
+      "lint": "lens-lint",
+      "lint:fix": "lens-lint --fix"
+    },
+    "peerDependencies": {
+      "@ogre-tools/injectable": "^15.1.2"
+    },
+    "devDependencies": {
+      "@k8slens/eslint-config": "6.5.0-alpha.1"
+    }
+  }

packages/technical-features/metrics/src/cluster-overview/cluster-overview-ui-block.injectable.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) OpenLens Authors. All rights reserved.
+ * Licensed under MIT License. See LICENSE in root directory for more information.
+ */
+import { getInjectionToken } from "@ogre-tools/injectable";
+
+export type ClusterOverviewUIBlock = {
+  id: string;
+  component: React.ElementType;
+};
+
+export const clusterOverviewUIBlockInjectionToken = getInjectionToken<ClusterOverviewUIBlock>({
+  id: "cluster-overview-ui-block-injection-token",
+});

packages/technical-features/metrics/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "@k8slens/typescript/config/base.json",
+  "include": ["**/*.ts"]
+}

packages/technical-features/metrics/webpack.config.js

@@ -0,0 +1 @@
+module.exports = require("@k8slens/webpack").configForNode;