12 |
15 | );
16 | };
17 |
18 | export default Home;
19 |
--------------------------------------------------------------------------------
/client/components/Dashboard/Dashboard.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC } from 'react';
2 | import './Dashboard.scss';
3 |
4 | interface DashboardProps {
5 | url: string;
6 | }
7 |
8 | const Dashboard: FCKluster Metrics
13 |
13 |
14 |
15 | );
16 | };
17 |
18 | export default Dashboard;
19 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/templates/serviceaccount.yaml:
--------------------------------------------------------------------------------
1 | {{- if .Values.serviceAccount.create -}}
2 | apiVersion: v1
3 | kind: ServiceAccount
4 | metadata:
5 | name: {{ include "prometheus.serviceAccountName" . }}
6 | labels:
7 | {{- include "prometheus.labels" . | nindent 4 }}
8 | {{- with .Values.serviceAccount.annotations }}
9 | annotations:
10 | {{- toYaml . | nindent 4 }}
11 | {{- end }}
12 | {{- end }}
13 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/templates/service.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | kind: Service
3 | metadata:
4 | name: grafana
5 | namespace: {{ .Values.global.namespace }}
6 | annotations:
7 | prometheus.io/scrape: 'true'
8 | prometheus.io/port: '3000'
9 | spec:
10 | selector:
11 | app: grafana
12 | type: {{ .Values.service.type }}
13 | ports:
14 | - port: {{ .Values.service.port }}
15 | targetPort: 3000
16 | nodePort: 32000
17 |
18 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/.helmignore:
--------------------------------------------------------------------------------
1 | # Patterns to ignore when building packages.
2 | # This supports shell glob matching, relative path matching, and
3 | # negation (prefixed with !). Only one pattern per line.
4 | .DS_Store
5 | # Common VCS dirs
6 | .git/
7 | .gitignore
8 | .bzr/
9 | .bzrignore
10 | .hg/
11 | .hgignore
12 | .svn/
13 | # Common backup files
14 | *.swp
15 | *.bak
16 | *.tmp
17 | *.orig
18 | *~
19 | # Various IDEs
20 | .project
21 | .idea/
22 | *.tmproj
23 | .vscode/
24 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/.helmignore:
--------------------------------------------------------------------------------
1 | # Patterns to ignore when building packages.
2 | # This supports shell glob matching, relative path matching, and
3 | # negation (prefixed with !). Only one pattern per line.
4 | .DS_Store
5 | # Common VCS dirs
6 | .git/
7 | .gitignore
8 | .bzr/
9 | .bzrignore
10 | .hg/
11 | .hgignore
12 | .svn/
13 | # Common backup files
14 | *.swp
15 | *.bak
16 | *.tmp
17 | *.orig
18 | *~
19 | # Various IDEs
20 | .project
21 | .idea/
22 | *.tmproj
23 | .vscode/
24 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/templates/service.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | kind: Service
3 | metadata:
4 | name: prometheus
5 | namespace: {{ .Values.global.namespace }}
6 | annotations:
7 | prometheus.io/scrape: 'true'
8 | prometheus.io/port: '9090'
9 |
10 | spec:
11 | selector:
12 | app: prometheus-server
13 | type: {{ .Values.service.type }}
14 | ports:
15 | - port: {{ .Values.service.port }}
16 | targetPort: 9090
17 | nodePort: 30000
18 |
19 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/templates/tests/test-connection.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | kind: Pod
3 | metadata:
4 | name: "{{ include "grafana.fullname" . }}-test-connection"
5 | labels:
6 | {{- include "grafana.labels" . | nindent 4 }}
7 | annotations:
8 | "helm.sh/hook": test
9 | spec:
10 | containers:
11 | - name: wget
12 | image: busybox
13 | command: ['wget']
14 | args: ['{{ include "grafana.fullname" . }}:{{ .Values.service.port }}']
15 | restartPolicy: Never
16 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/templates/tests/test-connection.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | kind: Pod
3 | metadata:
4 | name: "{{ include "klusterview.fullname" . }}-test-connection"
5 | labels:
6 | {{- include "klusterview.labels" . | nindent 4 }}
7 | annotations:
8 | "helm.sh/hook": test
9 | spec:
10 | containers:
11 | - name: wget
12 | image: busybox
13 | command: ['wget']
14 | args: ['{{ include "klusterview.fullname" . }}:{{ .Values.service.port }}']
15 | restartPolicy: Never
16 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/.helmignore:
--------------------------------------------------------------------------------
1 | # Patterns to ignore when building packages.
2 | # This supports shell glob matching, relative path matching, and
3 | # negation (prefixed with !). Only one pattern per line.
4 | .DS_Store
5 | # Common VCS dirs
6 | .git/
7 | .gitignore
8 | .bzr/
9 | .bzrignore
10 | .hg/
11 | .hgignore
12 | .svn/
13 | # Common backup files
14 | *.swp
15 | *.bak
16 | *.tmp
17 | *.orig
18 | *~
19 | # Various IDEs
20 | .project
21 | .idea/
22 | *.tmproj
23 | .vscode/
24 |
--------------------------------------------------------------------------------
/client/pages/Pods.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC } from 'react';
2 | import Dashboard from '../components/Dashboard/Dashboard';
3 | import './pages.scss';
4 |
5 | interface PodsProps {
6 | url: string;
7 | podTitle: string;
8 | }
9 |
10 | const Pods: FC
15 |
18 | );
19 | };
20 |
21 | export default Pods;
22 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/charts/kube-state-metrics/.helmignore:
--------------------------------------------------------------------------------
1 | # Patterns to ignore when building packages.
2 | # This supports shell glob matching, relative path matching, and
3 | # negation (prefixed with !). Only one pattern per line.
4 | .DS_Store
5 | # Common VCS dirs
6 | .git/
7 | .gitignore
8 | .bzr/
9 | .bzrignore
10 | .hg/
11 | .hgignore
12 | .svn/
13 | # Common backup files
14 | *.swp
15 | *.bak
16 | *.tmp
17 | *.orig
18 | *~
19 | # Various IDEs
20 | .project
21 | .idea/
22 | *.tmproj
23 | .vscode/
24 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/templates/tests/test-connection.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | kind: Pod
3 | metadata:
4 | name: "{{ include "prometheus.fullname" . }}-test-connection"
5 | labels:
6 | {{- include "prometheus.labels" . | nindent 4 }}
7 | annotations:
8 | "helm.sh/hook": test
9 | spec:
10 | containers:
11 | - name: wget
12 | image: busybox
13 | command: ['wget']
14 | args: ['{{ include "prometheus.fullname" . }}:{{ .Values.service.port }}']
15 | restartPolicy: Never
16 |
--------------------------------------------------------------------------------
/deployment/_manual_install/kube_state_metrics/ksm-cluster-role-binding.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: rbac.authorization.k8s.io/v1
2 | kind: ClusterRoleBinding
3 | metadata:
4 | labels:
5 | app.kubernetes.io/component: exporter
6 | app.kubernetes.io/name: kube-state-metrics
7 | app.kubernetes.io/version: 2.3.0
8 | name: kube-state-metrics
9 | roleRef:
10 | apiGroup: rbac.authorization.k8s.io
11 | kind: ClusterRole
12 | name: kube-state-metrics
13 | subjects:
14 | - kind: ServiceAccount
15 | name: kube-state-metrics
16 | namespace: kube-system
17 |
--------------------------------------------------------------------------------
/server/routes/statusRouter.ts:
--------------------------------------------------------------------------------
1 | import express, { Request, Response } from 'express';
2 | import initializationController from '../controllers/initializationController';
3 |
4 | const statusRouter = express.Router();
5 |
6 | statusRouter.get(
7 | '/init',
8 | initializationController.initializeGrafana,
9 | //initializationController.login,
10 | (req: Request, res: Response) => {
11 | return res
12 | .status(200)
13 | .json([res.locals.login, res.locals.maindash, res.locals.poddash]);
14 | }
15 | );
16 |
17 | export default statusRouter;
18 |
--------------------------------------------------------------------------------
/deployment/_manual_install/kube_state_metrics/ksm-service.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | kind: Service
3 | metadata:
4 | labels:
5 | app.kubernetes.io/component: exporter
6 | app.kubernetes.io/name: kube-state-metrics
7 | app.kubernetes.io/version: 2.3.0
8 | name: kube-state-metrics
9 | namespace: kube-system
10 | spec:
11 | clusterIP: None
12 | ports:
13 | - name: http-metrics
14 | port: 8080
15 | targetPort: http-metrics
16 | - name: telemetry
17 | port: 8081
18 | targetPort: telemetry
19 | selector:
20 | app.kubernetes.io/name: kube-state-metrics
21 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/charts/kube-state-metrics/templates/tests/test-connection.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | kind: Pod
3 | metadata:
4 | name: "{{ include "kube-state-metrics.fullname" . }}-test-connection"
5 | labels:
6 | {{- include "kube-state-metrics.labels" . | nindent 4 }}
7 | annotations:
8 | "helm.sh/hook": test
9 | spec:
10 | containers:
11 | - name: wget
12 | image: busybox
13 | command: ['wget']
14 | args: ['{{ include "kube-state-metrics.fullname" . }}:{{ .Values.service.port }}']
15 | restartPolicy: Never
16 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/charts/kube-state-metrics/templates/ksm-cluster-role-binding.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: rbac.authorization.k8s.io/v1
2 | kind: ClusterRoleBinding
3 | metadata:
4 | labels:
5 | app.kubernetes.io/component: exporter
6 | app.kubernetes.io/name: kube-state-metrics
7 | app.kubernetes.io/version: 2.3.0
8 | name: kube-state-metrics
9 | roleRef:
10 | apiGroup: rbac.authorization.k8s.io
11 | kind: ClusterRole
12 | name: kube-state-metrics
13 | subjects:
14 | - kind: ServiceAccount
15 | name: kube-state-metrics
16 | namespace: kube-system
17 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/templates/clusterRole.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: rbac.authorization.k8s.io/v1
2 | kind: ClusterRole
3 | metadata:
4 | name: prometheus
5 | rules:
6 | - apiGroups: ['']
7 | resources:
8 | - nodes
9 | - nodes/proxy
10 | - services
11 | - endpoints
12 | - pods
13 | - deployments
14 | verbs: ['get', 'list', 'watch']
15 | - apiGroups:
16 | - extensions
17 | resources:
18 | - ingresses
19 | verbs: ['get', 'list', 'watch']
20 | - nonResourceURLs: ['/metrics']
21 | verbs: ['get']
22 |
23 |
--------------------------------------------------------------------------------
/client/components/Header/Header.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC } from 'react';
2 | import './Header.scss';
3 |
4 | const Header: FC = () => {
5 | return (
6 | {podTitle} Metrics
16 |
8 | })
14 |
15 |
14 |
16 | Kluster
17 |
19 | View
18 |
14 |
21 | );
22 | };
23 |
24 | export default Graph;
25 |
--------------------------------------------------------------------------------
/docs/charts/index.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | entries:
3 | klusterview:
4 | - apiVersion: v2
5 | appVersion: 1.0.0
6 | created: "2023-06-17T14:26:02.325775625-04:00"
7 | dependencies:
8 | - name: grafana
9 | repository: ""
10 | description: A metrics visualizer for Kubernetes, using custom installations of
11 | Prometheus and Grafana
12 | digest: 35fbf68b130c170828f1d2c71ad31288f4727f2975431ba08cb548bf0883ea30
13 | maintainers:
14 | - email: kyle.slugg@gmail.com
15 | name: Kyle Slugg-Urbino
16 | name: klusterview
17 | type: application
18 | urls:
19 | - klusterview-0.1.0.tgz
20 | version: 0.1.0
21 | generated: "2023-06-17T14:26:02.320800389-04:00"
22 |
--------------------------------------------------------------------------------
/client/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { createRoot } from 'react-dom/client';
3 | import { BrowserRouter } from 'react-router-dom';
4 | import App from './App';
5 | import './styles/app.scss';
6 | import './styles/normalize.css';
7 |
8 | fetch('/status/init')
9 | .then((r) => console.log(`Status check: response with code ${r.status}`))
10 | .catch((e) => console.log(`Received error on status check: ${e}`));
11 |
12 | const rootElement = document.getElementById('root');
13 | if (!rootElement) throw new Error('Failed to find root element');
14 | const root = createRoot(rootElement);
15 | root.render(
16 | Node Graph
15 |
11 |
35 | );
36 | };
37 |
38 | export default NodeModal;
39 |
--------------------------------------------------------------------------------
/deployment/_manual_install/klusterview-manifest.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: apps/v1
2 | kind: Deployment
3 | metadata:
4 | name: klusterview
5 | namespace: monitoring-kv
6 | spec:
7 | replicas: 1
8 | selector:
9 | matchLabels:
10 | app: klusterview
11 | template:
12 | metadata:
13 | name: klusterview
14 | labels:
15 | app: klusterview
16 | spec:
17 | containers:
18 | - name: klusterview
19 | image: kyleslugg/klusterview:latest
20 | resources:
21 | limits:
22 | memory: '500Mi'
23 | cpu: '500m'
24 | ports:
25 | - name: prod
26 | containerPort: 3000
27 |
28 | ---
29 | apiVersion: v1
30 | kind: Service
31 | metadata:
32 | name: klusterview
33 | namespace: monitoring-kv
34 | spec:
35 | selector:
36 | app: klusterview
37 | type: NodePort
38 | ports:
39 | - name: prod
40 | port: 3000
41 | targetPort: 3000
42 | nodePort: 31001
43 | protocol: TCP
44 |
--------------------------------------------------------------------------------
/client/components/Header/Header.scss:
--------------------------------------------------------------------------------
1 | @use '../../styles/variables' as *;
2 |
3 | .header {
4 | color: $primary-color;
5 | font-size: 2.5rem;
6 | display: flex;
7 | align-items: center;
8 | img {
9 | width: 60px;
10 | height: 50px;
11 | cursor: pointer;
12 | }
13 | }
14 |
15 | .header-logo {
16 | min-width: 13rem;
17 | text-align: center;
18 | margin: 2rem 0 2rem 2rem;
19 | }
20 |
21 | .header-container {
22 | width: 95%;
23 | margin: 0 auto;
24 | display: flex;
25 | align-items: center;
26 | justify-content: center;
27 | }
28 |
29 | span {
30 | font-size: 5rem;
31 | font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
32 | Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
33 | font-weight: bold;
34 | background: -webkit-linear-gradient(360deg, $primary-color 20%, white 80%);
35 | -webkit-background-clip: text;
36 | -webkit-text-fill-color: transparent;
37 | }
38 |
39 | .header-name {
40 | color: white;
41 | text-shadow: 1px 1px rgb(10, 202, 224);
42 | margin: 2rem 0;
43 | }
44 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/templates/hpa.yaml:
--------------------------------------------------------------------------------
1 | {{- if .Values.autoscaling.enabled }}
2 | apiVersion: autoscaling/v2beta1
3 | kind: HorizontalPodAutoscaler
4 | metadata:
5 | name: {{ include "klusterview.fullname" . }}
6 | labels:
7 | {{- include "klusterview.labels" . | nindent 4 }}
8 | spec:
9 | scaleTargetRef:
10 | apiVersion: apps/v1
11 | kind: Deployment
12 | name: {{ include "klusterview.fullname" . }}
13 | minReplicas: {{ .Values.autoscaling.minReplicas }}
14 | maxReplicas: {{ .Values.autoscaling.maxReplicas }}
15 | metrics:
16 | {{- if .Values.autoscaling.targetCPUUtilizationPercentage }}
17 | - type: Resource
18 | resource:
19 | name: cpu
20 | targetAverageUtilization: {{ .Values.autoscaling.targetCPUUtilizationPercentage }}
21 | {{- end }}
22 | {{- if .Values.autoscaling.targetMemoryUtilizationPercentage }}
23 | - type: Resource
24 | resource:
25 | name: memory
26 | targetAverageUtilization: {{ .Values.autoscaling.targetMemoryUtilizationPercentage }}
27 | {{- end }}
28 | {{- end }}
29 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/templates/hpa.yaml:
--------------------------------------------------------------------------------
1 | {{- if .Values.autoscaling.enabled }}
2 | apiVersion: autoscaling/v2beta1
3 | kind: HorizontalPodAutoscaler
4 | metadata:
5 | name: {{ include "grafana.fullname" . }}
6 | labels:
7 | {{- include "grafana.labels" . | nindent 4 }}
8 | spec:
9 | scaleTargetRef:
10 | apiVersion: apps/v1
11 | kind: Deployment
12 | name: {{ include "grafana.fullname" . }}
13 | minReplicas: {{ .Values.autoscaling.minReplicas }}
14 | maxReplicas: {{ .Values.autoscaling.maxReplicas }}
15 | metrics:
16 | {{- if .Values.autoscaling.targetCPUUtilizationPercentage }}
17 | - type: Resource
18 | resource:
19 | name: cpu
20 | targetAverageUtilization: {{ .Values.autoscaling.targetCPUUtilizationPercentage }}
21 | {{- end }}
22 | {{- if .Values.autoscaling.targetMemoryUtilizationPercentage }}
23 | - type: Resource
24 | resource:
25 | name: memory
26 | targetAverageUtilization: {{ .Values.autoscaling.targetMemoryUtilizationPercentage }}
27 | {{- end }}
28 | {{- end }}
29 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/templates/hpa.yaml:
--------------------------------------------------------------------------------
1 | {{- if .Values.autoscaling.enabled }}
2 | apiVersion: autoscaling/v2beta1
3 | kind: HorizontalPodAutoscaler
4 | metadata:
5 | name: {{ include "prometheus.fullname" . }}
6 | labels:
7 | {{- include "prometheus.labels" . | nindent 4 }}
8 | spec:
9 | scaleTargetRef:
10 | apiVersion: apps/v1
11 | kind: Deployment
12 | name: {{ include "prometheus.fullname" . }}
13 | minReplicas: {{ .Values.autoscaling.minReplicas }}
14 | maxReplicas: {{ .Values.autoscaling.maxReplicas }}
15 | metrics:
16 | {{- if .Values.autoscaling.targetCPUUtilizationPercentage }}
17 | - type: Resource
18 | resource:
19 | name: cpu
20 | targetAverageUtilization: {{ .Values.autoscaling.targetCPUUtilizationPercentage }}
21 | {{- end }}
22 | {{- if .Values.autoscaling.targetMemoryUtilizationPercentage }}
23 | - type: Resource
24 | resource:
25 | name: memory
26 | targetAverageUtilization: {{ .Values.autoscaling.targetMemoryUtilizationPercentage }}
27 | {{- end }}
28 | {{- end }}
29 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/templates/deployment.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: apps/v1
2 | kind: Deployment
3 | metadata:
4 | name: klusterview
5 | namespace: {{ .Values.global.namespace }}
6 | spec:
7 | {{- if not .Values.autoscaling.enabled }}
8 | replicas: {{ .Values.replicaCount }}
9 | {{- end }}
10 | selector:
11 | matchLabels:
12 | app: klusterview
13 | template:
14 | metadata:
15 | name: klusterview
16 | labels:
17 | app: klusterview
18 | spec:
19 | containers:
20 | - name: {{ .Chart.Name }}
21 | image: "{{ .Values.image.repository }}:{{ .Values.image.tag | default .Chart.AppVersion }}"
22 | imagePullPolicy: {{ .Values.image.pullPolicy }}
23 | resources:
24 | limits:
25 | memory: {{ .Values.resources.limits.memory }}
26 | cpu: {{ .Values.resources.limits.cpu }}
27 | requests:
28 | memory: {{ .Values.resources.requests.memory }}
29 | cpu: {{ .Values.resources.requests.cpu }}
30 | ports:
31 | - name: prod
32 | containerPort: 3000
--------------------------------------------------------------------------------
/client/components/NodeGraph/NodeGraph.scss:
--------------------------------------------------------------------------------
1 | @use '../../styles/variables' as *;
2 |
3 | .nodeGraph-container {
4 | width: 100%;
5 | height: 90%;
6 | display: flex;
7 | align-items: center;
8 | justify-content: center;
9 | }
10 |
11 | .nodeGraph {
12 | position: relative;
13 | width: 95%;
14 | height: 95%;
15 | border: 2px solid $secondary-color;
16 | border-radius: 1.5rem;
17 | }
18 |
19 | .react-flow__panel {
20 | display: none;
21 | }
22 |
23 | .react-flow__node {
24 | border-radius: 10px;
25 | height: 50px;
26 | display: flex;
27 | align-items: center;
28 | justify-content: center;
29 | }
30 |
31 | .list {
32 | list-style-type: none;
33 | display: flex;
34 | justify-content: center;
35 |
36 | a {
37 | color: white;
38 | text-decoration: none;
39 | padding: 1rem;
40 | }
41 | }
42 | .navlink-graph {
43 | margin-right: 10px;
44 | border: 2px solid $primary-color;
45 | border-radius: 1rem;
46 | width: fit-content;
47 | padding: 1rem 0;
48 |
49 | &:hover {
50 | border-color: $secondary-color;
51 | }
52 |
53 | &:active {
54 | transform: scale(0.9);
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2023 OSLabs Beta
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/deployment/_manual_install/prometheus/prometheus-deployment.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: apps/v1
2 | kind: Deployment
3 | metadata:
4 | name: prometheus
5 | namespace: monitoring-kv
6 | labels:
7 | app: prometheus-server
8 | spec:
9 | replicas: 1
10 | selector:
11 | matchLabels:
12 | app: prometheus-server
13 | template:
14 | metadata:
15 | labels:
16 | app: prometheus-server
17 | spec:
18 | containers:
19 | - name: prometheus
20 | image: prom/prometheus
21 | args:
22 | - '--config.file=/etc/prometheus/prometheus.yml'
23 | - '--storage.tsdb.path=/prometheus/'
24 | ports:
25 | - containerPort: 9090
26 | volumeMounts:
27 | - name: prometheus-config-volume
28 | mountPath: /etc/prometheus/
29 | - name: prometheus-storage-volume
30 | mountPath: /prometheus/
31 | volumes:
32 | - name: prometheus-config-volume
33 | configMap:
34 | defaultMode: 420
35 | name: prometheus-server-conf
36 |
37 | - name: prometheus-storage-volume
38 | emptyDir: {}
39 | #persistentVolumeClaim:
40 | # claimName: prometheus-pvc
41 |
--------------------------------------------------------------------------------
/docs/charts/klusterview-0.1.0.tgz.prov:
--------------------------------------------------------------------------------
1 | -----BEGIN PGP SIGNED MESSAGE-----
2 | Hash: SHA512
3 |
4 | apiVersion: v2
5 | appVersion: 1.0.0
6 | dependencies:
7 | - - name: grafana
8 | repository: ""
9 | description: A metrics visualizer for Kubernetes, using custom installations of Prometheus
10 | and Grafana
11 | maintainers:
12 | - - email: kyle.slugg@gmail.com
13 | name: Kyle Slugg-Urbino
14 | name: klusterview
15 | type: application
16 | version: 0.1.0
17 |
18 | ...
19 | files:
20 | klusterview-0.1.0.tgz: sha256:35fbf68b130c170828f1d2c71ad31288f4727f2975431ba08cb548bf0883ea30
21 | -----BEGIN PGP SIGNATURE-----
22 |
23 | wsDcBAEBCgAQBQJkjfqUCRDGja6t8joU0QAAcW0MADhaI4SpQ5a/nAcDGrEKmNqe
24 | 2VudrJd6zt8mzIcnrh0U+5P/98SrN2pIQ/0GwI/BgOyCUJBjCmC6144QoBpklrr3
25 | mXnRQPwmd0Y6baV0NsGHyWAtGcc23y/nWUWqVDEqRPl4mZ1FklYFWfZI5DeQJ3dy
26 | oFcYHImt8fnA/4hXxTM+sOyGwPBi8X4DV/DMFbGj+WI5u7NkPAiBvP3C7E7v1gRD
27 | AgOPXd44QAUIDB/dJdGeFkuWAQgpvrKboMNSderqms4z4zfOkMmJ0Ruiv1419goF
28 | 6XpYqZisIpciD60MP8xA4DdKhys+nboD05nJmDxXVbg+uZB9pozelO2RcQZ5BQoB
29 | sm1i8dbbhrWae6pXuaYX+tN7dk7gtWD3wCRPk/APQ/rKdT2sT+E9UZafmf6A0Yo2
30 | STso8RU4N6rAczDNO57wYqkobFyIGA9K9Ig9oyKxulnDtZvKLdRppA/AJ99AEX+i
31 | rB4Blibd58bbdvr3MEOWtxOwqKM/2y5eZlLGh5PGwg==
32 | =jiiE
33 | -----END PGP SIGNATURE-----
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/charts/kube-state-metrics/Chart.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v2
2 | name: kube-state-metrics
3 | description: A Helm chart for Kubernetes
4 |
5 | # A chart can be either an 'application' or a 'library' chart.
6 | #
7 | # Application charts are a collection of templates that can be packaged into versioned archives
8 | # to be deployed.
9 | #
10 | # Library charts provide useful utilities or functions for the chart developer. They're included as
11 | # a dependency of application charts to inject those utilities and functions into the rendering
12 | # pipeline. Library charts do not define any templates and therefore cannot be deployed.
13 | type: application
14 |
15 | # This is the chart version. This version number should be incremented each time you make changes
16 | # to the chart and its templates, including the app version.
17 | # Versions are expected to follow Semantic Versioning (https://semver.org/)
18 | version: 0.1.0
19 |
20 | # This is the version number of the application being deployed. This version number should be
21 | # incremented each time you make changes to the application. Versions are not expected to
22 | # follow Semantic Versioning. They should reflect the version the application is using.
23 | # It is recommended to use it with quotes.
24 | appVersion: "1.16.0"
25 | icon: 'https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png'
26 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/Chart.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v2
2 | name: prometheus
3 | description: A Helm chart for Kubernetes
4 |
5 | # A chart can be either an 'application' or a 'library' chart.
6 | #
7 | # Application charts are a collection of templates that can be packaged into versioned archives
8 | # to be deployed.
9 | #
10 | # Library charts provide useful utilities or functions for the chart developer. They're included as
11 | # a dependency of application charts to inject those utilities and functions into the rendering
12 | # pipeline. Library charts do not define any templates and therefore cannot be deployed.
13 | type: application
14 |
15 | # This is the chart version. This version number should be incremented each time you make changes
16 | # to the chart and its templates, including the app version.
17 | # Versions are expected to follow Semantic Versioning (https://semver.org/)
18 | version: 0.1.0
19 |
20 | # This is the version number of the application being deployed. This version number should be
21 | # incremented each time you make changes to the application. Versions are not expected to
22 | # follow Semantic Versioning. They should reflect the version the application is using.
23 | # It is recommended to use it with quotes.
24 | appVersion: "1.16.0"
25 | icon: https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png
26 | dependencies:
27 | - name: kube-state-metrics
28 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/Chart.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v2
2 | name: grafana
3 | description: A custom Grafana installation to support the KlusterView visualizer
4 |
5 | # A chart can be either an 'application' or a 'library' chart.
6 | #
7 | # Application charts are a collection of templates that can be packaged into versioned archives
8 | # to be deployed.
9 | #
10 | # Library charts provide useful utilities or functions for the chart developer. They're included as
11 | # a dependency of application charts to inject those utilities and functions into the rendering
12 | # pipeline. Library charts do not define any templates and therefore cannot be deployed.
13 | type: application
14 |
15 | # This is the chart version. This version number should be incremented each time you make changes
16 | # to the chart and its templates, including the app version.
17 | # Versions are expected to follow Semantic Versioning (https://semver.org/)
18 | version: 0.1.0
19 |
20 | # This is the version number of the application being deployed. This version number should be
21 | # incremented each time you make changes to the application. Versions are not expected to
22 | # follow Semantic Versioning. They should reflect the version the application is using.
23 | # It is recommended to use it with quotes.
24 | appVersion: "1.16.0"
25 | icon: 'https://upload.wikimedia.org/wikipedia/commons/5/59/Empty.png'
26 | dependencies:
27 | - name: prometheus
28 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/templates/deployment.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: apps/v1
2 | kind: Deployment
3 | metadata:
4 | name: prometheus
5 | namespace: {{ .Values.global.namespace }}
6 | labels:
7 | app: prometheus-server
8 | spec:
9 | {{- if not .Values.autoscaling.enabled }}
10 | replicas: {{ .Values.replicaCount }}
11 | {{- end }}
12 | selector:
13 | matchLabels:
14 | app: prometheus-server
15 | template:
16 | metadata:
17 | labels:
18 | app: prometheus-server
19 | spec:
20 | containers:
21 | - name: prometheus
22 | image: "{{ .Values.image.repository }}"
23 | imagePullPolicy: {{ .Values.image.pullPolicy }}
24 | args:
25 | - '--config.file=/etc/prometheus/prometheus.yml'
26 | - '--storage.tsdb.path=/prometheus/'
27 | ports:
28 | - containerPort: 9090
29 | volumeMounts:
30 | - name: prometheus-config-volume
31 | mountPath: /etc/prometheus/
32 | - name: prometheus-storage-volume
33 | mountPath: /prometheus/
34 | volumes:
35 | - name: prometheus-config-volume
36 | configMap:
37 | defaultMode: 420
38 | name: prometheus-server-conf
39 |
40 | - name: prometheus-storage-volume
41 | emptyDir: {}
42 | #persistentVolumeClaim:
43 | # claimName: prometheus-pvc
44 |
--------------------------------------------------------------------------------
/deployment/_manual_install/kube_state_metrics/ksm-deployment.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: apps/v1
2 | kind: Deployment
3 | metadata:
4 | labels:
5 | app.kubernetes.io/component: exporter
6 | app.kubernetes.io/name: kube-state-metrics
7 | app.kubernetes.io/version: 2.3.0
8 | name: kube-state-metrics
9 | namespace: kube-system
10 | spec:
11 | replicas: 1
12 | selector:
13 | matchLabels:
14 | app.kubernetes.io/name: kube-state-metrics
15 | template:
16 | metadata:
17 | labels:
18 | app.kubernetes.io/component: exporter
19 | app.kubernetes.io/name: kube-state-metrics
20 | app.kubernetes.io/version: 2.3.0
21 | spec:
22 | automountServiceAccountToken: true
23 | containers:
24 | - image: k8s.gcr.io/kube-state-metrics/kube-state-metrics:v2.3.0
25 | livenessProbe:
26 | httpGet:
27 | path: /healthz
28 | port: 8080
29 | initialDelaySeconds: 5
30 | timeoutSeconds: 5
31 | name: kube-state-metrics
32 | ports:
33 | - containerPort: 8080
34 | name: http-metrics
35 | - containerPort: 8081
36 | name: telemetry
37 | readinessProbe:
38 | httpGet:
39 | path: /
40 | port: 8081
41 | initialDelaySeconds: 5
42 | timeoutSeconds: 5
43 | securityContext:
44 | allowPrivilegeEscalation: false
45 | readOnlyRootFilesystem: true
46 | runAsUser: 65534
47 | nodeSelector:
48 | kubernetes.io/os: linux
49 | serviceAccountName: kube-state-metrics
50 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/charts/kube-state-metrics/templates/ksm-deployment.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: apps/v1
2 | kind: Deployment
3 | metadata:
4 | labels:
5 | app.kubernetes.io/component: exporter
6 | app.kubernetes.io/name: kube-state-metrics
7 | app.kubernetes.io/version: 2.3.0
8 | name: kube-state-metrics
9 | namespace: kube-system
10 | spec:
11 | replicas: 1
12 | selector:
13 | matchLabels:
14 | app.kubernetes.io/name: kube-state-metrics
15 | template:
16 | metadata:
17 | labels:
18 | app.kubernetes.io/component: exporter
19 | app.kubernetes.io/name: kube-state-metrics
20 | app.kubernetes.io/version: 2.3.0
21 | spec:
22 | automountServiceAccountToken: true
23 | containers:
24 | - image: k8s.gcr.io/kube-state-metrics/kube-state-metrics:v2.3.0
25 | livenessProbe:
26 | httpGet:
27 | path: /healthz
28 | port: 8080
29 | initialDelaySeconds: 5
30 | timeoutSeconds: 5
31 | name: kube-state-metrics
32 | ports:
33 | - containerPort: 8080
34 | name: http-metrics
35 | - containerPort: 8081
36 | name: telemetry
37 | readinessProbe:
38 | httpGet:
39 | path: /
40 | port: 8081
41 | initialDelaySeconds: 5
42 | timeoutSeconds: 5
43 | securityContext:
44 | allowPrivilegeEscalation: false
45 | readOnlyRootFilesystem: true
46 | runAsUser: 65534
47 | nodeSelector:
48 | kubernetes.io/os: linux
49 | serviceAccountName: kube-state-metrics
50 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/templates/NOTES.txt:
--------------------------------------------------------------------------------
1 | 1. Get the application URL by running these commands:
2 | {{- if .Values.ingress.enabled }}
3 | {{- range $host := .Values.ingress.hosts }}
4 | {{- range .paths }}
5 | http{{ if $.Values.ingress.tls }}s{{ end }}://{{ $host.host }}{{ .path }}
6 | {{- end }}
7 | {{- end }}
8 | {{- else if contains "NodePort" .Values.service.type }}
9 | export NODE_PORT=$(kubectl get --namespace {{ .Release.Namespace }} -o jsonpath="{.spec.ports[0].nodePort}" services {{ include "grafana.fullname" . }})
10 | export NODE_IP=$(kubectl get nodes --namespace {{ .Release.Namespace }} -o jsonpath="{.items[0].status.addresses[0].address}")
11 | echo http://$NODE_IP:$NODE_PORT
12 | {{- else if contains "LoadBalancer" .Values.service.type }}
13 | NOTE: It may take a few minutes for the LoadBalancer IP to be available.
14 | You can watch the status of by running 'kubectl get --namespace {{ .Release.Namespace }} svc -w {{ include "grafana.fullname" . }}'
15 | export SERVICE_IP=$(kubectl get svc --namespace {{ .Release.Namespace }} {{ include "grafana.fullname" . }} --template "{{"{{ range (index .status.loadBalancer.ingress 0) }}{{.}}{{ end }}"}}")
16 | echo http://$SERVICE_IP:{{ .Values.service.port }}
17 | {{- else if contains "ClusterIP" .Values.service.type }}
18 | export POD_NAME=$(kubectl get pods --namespace {{ .Release.Namespace }} -l "app.kubernetes.io/name={{ include "grafana.name" . }},app.kubernetes.io/instance={{ .Release.Name }}" -o jsonpath="{.items[0].metadata.name}")
19 | export CONTAINER_PORT=$(kubectl get pod --namespace {{ .Release.Namespace }} $POD_NAME -o jsonpath="{.spec.containers[0].ports[0].containerPort}")
20 | echo "Visit http://127.0.0.1:8080 to use your application"
21 | kubectl --namespace {{ .Release.Namespace }} port-forward $POD_NAME 8080:$CONTAINER_PORT
22 | {{- end }}
23 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/templates/NOTES.txt:
--------------------------------------------------------------------------------
1 | 1. Get the application URL by running these commands:
2 | {{- if .Values.ingress.enabled }}
3 | {{- range $host := .Values.ingress.hosts }}
4 | {{- range .paths }}
5 | http{{ if $.Values.ingress.tls }}s{{ end }}://{{ $host.host }}{{ .path }}
6 | {{- end }}
7 | {{- end }}
8 | {{- else if contains "NodePort" .Values.service.type }}
9 | export NODE_PORT=$(kubectl get --namespace {{ .Release.Namespace }} -o jsonpath="{.spec.ports[0].nodePort}" services {{ include "klusterview.fullname" . }})
10 | export NODE_IP=$(kubectl get nodes --namespace {{ .Release.Namespace }} -o jsonpath="{.items[0].status.addresses[0].address}")
11 | echo http://$NODE_IP:$NODE_PORT
12 | {{- else if contains "LoadBalancer" .Values.service.type }}
13 | NOTE: It may take a few minutes for the LoadBalancer IP to be available.
14 | You can watch the status of by running 'kubectl get --namespace {{ .Release.Namespace }} svc -w {{ include "klusterview.fullname" . }}'
15 | export SERVICE_IP=$(kubectl get svc --namespace {{ .Release.Namespace }} {{ include "klusterview.fullname" . }} --template "{{"{{ range (index .status.loadBalancer.ingress 0) }}{{.}}{{ end }}"}}")
16 | echo http://$SERVICE_IP:{{ .Values.service.port }}
17 | {{- else if contains "ClusterIP" .Values.service.type }}
18 | export POD_NAME=$(kubectl get pods --namespace {{ .Release.Namespace }} -l "app.kubernetes.io/name={{ include "klusterview.name" . }},app.kubernetes.io/instance={{ .Release.Name }}" -o jsonpath="{.items[0].metadata.name}")
19 | export CONTAINER_PORT=$(kubectl get pod --namespace {{ .Release.Namespace }} $POD_NAME -o jsonpath="{.spec.containers[0].ports[0].containerPort}")
20 | echo "Visit http://127.0.0.1:8080 to use your application"
21 | kubectl --namespace {{ .Release.Namespace }} port-forward $POD_NAME 8080:$CONTAINER_PORT
22 | {{- end }}
23 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/templates/NOTES.txt:
--------------------------------------------------------------------------------
1 | 1. Get the application URL by running these commands:
2 | {{- if .Values.ingress.enabled }}
3 | {{- range $host := .Values.ingress.hosts }}
4 | {{- range .paths }}
5 | http{{ if $.Values.ingress.tls }}s{{ end }}://{{ $host.host }}{{ .path }}
6 | {{- end }}
7 | {{- end }}
8 | {{- else if contains "NodePort" .Values.service.type }}
9 | export NODE_PORT=$(kubectl get --namespace {{ .Release.Namespace }} -o jsonpath="{.spec.ports[0].nodePort}" services {{ include "prometheus.fullname" . }})
10 | export NODE_IP=$(kubectl get nodes --namespace {{ .Release.Namespace }} -o jsonpath="{.items[0].status.addresses[0].address}")
11 | echo http://$NODE_IP:$NODE_PORT
12 | {{- else if contains "LoadBalancer" .Values.service.type }}
13 | NOTE: It may take a few minutes for the LoadBalancer IP to be available.
14 | You can watch the status of by running 'kubectl get --namespace {{ .Release.Namespace }} svc -w {{ include "prometheus.fullname" . }}'
15 | export SERVICE_IP=$(kubectl get svc --namespace {{ .Release.Namespace }} {{ include "prometheus.fullname" . }} --template "{{"{{ range (index .status.loadBalancer.ingress 0) }}{{.}}{{ end }}"}}")
16 | echo http://$SERVICE_IP:{{ .Values.service.port }}
17 | {{- else if contains "ClusterIP" .Values.service.type }}
18 | export POD_NAME=$(kubectl get pods --namespace {{ .Release.Namespace }} -l "app.kubernetes.io/name={{ include "prometheus.name" . }},app.kubernetes.io/instance={{ .Release.Name }}" -o jsonpath="{.items[0].metadata.name}")
19 | export CONTAINER_PORT=$(kubectl get pod --namespace {{ .Release.Namespace }} $POD_NAME -o jsonpath="{.spec.containers[0].ports[0].containerPort}")
20 | echo "Visit http://127.0.0.1:8080 to use your application"
21 | kubectl --namespace {{ .Release.Namespace }} port-forward $POD_NAME 8080:$CONTAINER_PORT
22 | {{- end }}
23 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/values.yaml:
--------------------------------------------------------------------------------
1 | # Default values for grafana.
2 | # This is a YAML-formatted file.
3 | # Declare variables to be passed into your templates.
4 |
5 | replicaCount: 1
6 |
7 | image:
8 | repository: grafana/grafana
9 | pullPolicy: IfNotPresent
10 | # Overrides the image tag whose default is the chart appVersion.
11 | tag: latest
12 |
13 | imagePullSecrets: []
14 | nameOverride: ""
15 | fullnameOverride: ""
16 |
17 | serviceAccount:
18 | # Specifies whether a service account should be created
19 | create: true
20 | # Annotations to add to the service account
21 | annotations: {}
22 | # The name of the service account to use.
23 | # If not set and create is true, a name is generated using the fullname template
24 | name: ""
25 |
26 | podAnnotations: {}
27 |
28 | podSecurityContext: {}
29 | # fsGroup: 2000
30 |
31 | securityContext: {}
32 | # capabilities:
33 | # drop:
34 | # - ALL
35 | # readOnlyRootFilesystem: true
36 | # runAsNonRoot: true
37 | # runAsUser: 1000
38 |
39 | service:
40 | type: NodePort
41 | port: 3000
42 |
43 | ingress:
44 | enabled: false
45 | className: ""
46 | annotations: {}
47 | # kubernetes.io/ingress.class: nginx
48 | # kubernetes.io/tls-acme: "true"
49 | hosts:
50 | - host: chart-example.local
51 | paths:
52 | - path: /
53 | pathType: ImplementationSpecific
54 | tls: []
55 | # - secretName: chart-example-tls
56 | # hosts:
57 | # - chart-example.local
58 |
59 | resources:
60 | limits:
61 | memory: '1Gi'
62 | cpu: '1000m'
63 | requests:
64 | memory: 500M
65 | cpu: '500m'
66 |
67 | autoscaling:
68 | enabled: false
69 | minReplicas: 1
70 | maxReplicas: 100
71 | targetCPUUtilizationPercentage: 80
72 | # targetMemoryUtilizationPercentage: 80
73 |
74 | nodeSelector: {}
75 |
76 | tolerations: []
77 |
78 | affinity: {}
79 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/values.yaml:
--------------------------------------------------------------------------------
1 | # Default values for klusterview.
2 | # This is a YAML-formatted file.
3 | # Declare variables to be passed into your templates.
4 |
5 | global:
6 | namespace: monitoring-kv
7 |
8 | replicaCount: 1
9 |
10 | image:
11 | repository: kyleslugg/klusterview
12 | pullPolicy: Always
13 | # Overrides the image tag whose default is the chart appVersion.
14 | tag: 'latest'
15 |
16 | imagePullSecrets: []
17 | nameOverride: ''
18 | fullnameOverride: ''
19 |
20 | serviceAccount:
21 | # Specifies whether a service account should be created
22 | create: true
23 | # Annotations to add to the service account
24 | annotations: {}
25 | # The name of the service account to use.
26 | # If not set and create is true, a name is generated using the fullname template
27 | name: ''
28 |
29 | podAnnotations: {}
30 |
31 | podSecurityContext:
32 | {}
33 | # fsGroup: 2000
34 |
35 | securityContext:
36 | {}
37 | # capabilities:
38 | # drop:
39 | # - ALL
40 | # readOnlyRootFilesystem: true
41 | # runAsNonRoot: true
42 | # runAsUser: 1000
43 |
44 | service:
45 | type: NodePort
46 | port: 3000
47 |
48 | ingress:
49 | enabled: false
50 | className: ''
51 | annotations:
52 | {}
53 | # kubernetes.io/ingress.class: nginx
54 | # kubernetes.io/tls-acme: "true"
55 | hosts:
56 | - host: chart-example.local
57 | paths:
58 | - path: /
59 | pathType: ImplementationSpecific
60 | tls: []
61 | # - secretName: chart-example-tls
62 | # hosts:
63 | # - chart-example.local
64 |
65 | resources:
66 | limits:
67 | cpu: 500m
68 | memory: 512Mi
69 | requests:
70 | cpu: 200m
71 | memory: 256Mi
72 |
73 | autoscaling:
74 | enabled: false
75 | minReplicas: 1
76 | maxReplicas: 100
77 | targetCPUUtilizationPercentage: 80
78 | # targetMemoryUtilizationPercentage: 80
79 |
80 | nodeSelector: {}
81 |
82 | tolerations: []
83 |
84 | affinity: {}
85 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/templates/_helpers.tpl:
--------------------------------------------------------------------------------
1 | {{/*
2 | Expand the name of the chart.
3 | */}}
4 | {{- define "grafana.name" -}}
5 | {{- default .Chart.Name .Values.nameOverride | trunc 63 | trimSuffix "-" }}
6 | {{- end }}
7 |
8 | {{/*
9 | Create a default fully qualified app name.
10 | We truncate at 63 chars because some Kubernetes name fields are limited to this (by the DNS naming spec).
11 | If release name contains chart name it will be used as a full name.
12 | */}}
13 | {{- define "grafana.fullname" -}}
14 | {{- if .Values.fullnameOverride }}
15 | {{- .Values.fullnameOverride | trunc 63 | trimSuffix "-" }}
16 | {{- else }}
17 | {{- $name := default .Chart.Name .Values.nameOverride }}
18 | {{- if contains $name .Release.Name }}
19 | {{- .Release.Name | trunc 63 | trimSuffix "-" }}
20 | {{- else }}
21 | {{- printf "%s-%s" .Release.Name $name | trunc 63 | trimSuffix "-" }}
22 | {{- end }}
23 | {{- end }}
24 | {{- end }}
25 |
26 | {{/*
27 | Create chart name and version as used by the chart label.
28 | */}}
29 | {{- define "grafana.chart" -}}
30 | {{- printf "%s-%s" .Chart.Name .Chart.Version | replace "+" "_" | trunc 63 | trimSuffix "-" }}
31 | {{- end }}
32 |
33 | {{/*
34 | Common labels
35 | */}}
36 | {{- define "grafana.labels" -}}
37 | helm.sh/chart: {{ include "grafana.chart" . }}
38 | {{ include "grafana.selectorLabels" . }}
39 | {{- if .Chart.AppVersion }}
40 | app.kubernetes.io/version: {{ .Chart.AppVersion | quote }}
41 | {{- end }}
42 | app.kubernetes.io/managed-by: {{ .Release.Service }}
43 | {{- end }}
44 |
45 | {{/*
46 | Selector labels
47 | */}}
48 | {{- define "grafana.selectorLabels" -}}
49 | app.kubernetes.io/name: {{ include "grafana.name" . }}
50 | app.kubernetes.io/instance: {{ .Release.Name }}
51 | {{- end }}
52 |
53 | {{/*
54 | Create the name of the service account to use
55 | */}}
56 | {{- define "grafana.serviceAccountName" -}}
57 | {{- if .Values.serviceAccount.create }}
58 | {{- default (include "grafana.fullname" .) .Values.serviceAccount.name }}
59 | {{- else }}
60 | {{- default "default" .Values.serviceAccount.name }}
61 | {{- end }}
62 | {{- end }}
63 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/templates/_helpers.tpl:
--------------------------------------------------------------------------------
1 | {{/*
2 | Expand the name of the chart.
3 | */}}
4 | {{- define "klusterview.name" -}}
5 | {{- default .Chart.Name .Values.nameOverride | trunc 63 | trimSuffix "-" }}
6 | {{- end }}
7 |
8 | {{/*
9 | Create a default fully qualified app name.
10 | We truncate at 63 chars because some Kubernetes name fields are limited to this (by the DNS naming spec).
11 | If release name contains chart name it will be used as a full name.
12 | */}}
13 | {{- define "klusterview.fullname" -}}
14 | {{- if .Values.fullnameOverride }}
15 | {{- .Values.fullnameOverride | trunc 63 | trimSuffix "-" }}
16 | {{- else }}
17 | {{- $name := default .Chart.Name .Values.nameOverride }}
18 | {{- if contains $name .Release.Name }}
19 | {{- .Release.Name | trunc 63 | trimSuffix "-" }}
20 | {{- else }}
21 | {{- printf "%s-%s" .Release.Name $name | trunc 63 | trimSuffix "-" }}
22 | {{- end }}
23 | {{- end }}
24 | {{- end }}
25 |
26 | {{/*
27 | Create chart name and version as used by the chart label.
28 | */}}
29 | {{- define "klusterview.chart" -}}
30 | {{- printf "%s-%s" .Chart.Name .Chart.Version | replace "+" "_" | trunc 63 | trimSuffix "-" }}
31 | {{- end }}
32 |
33 | {{/*
34 | Common labels
35 | */}}
36 | {{- define "klusterview.labels" -}}
37 | helm.sh/chart: {{ include "klusterview.chart" . }}
38 | {{ include "klusterview.selectorLabels" . }}
39 | {{- if .Chart.AppVersion }}
40 | app.kubernetes.io/version: {{ .Chart.AppVersion | quote }}
41 | {{- end }}
42 | app.kubernetes.io/managed-by: {{ .Release.Service }}
43 | {{- end }}
44 |
45 | {{/*
46 | Selector labels
47 | */}}
48 | {{- define "klusterview.selectorLabels" -}}
49 | app.kubernetes.io/name: {{ include "klusterview.name" . }}
50 | app.kubernetes.io/instance: {{ .Release.Name }}
51 | {{- end }}
52 |
53 | {{/*
54 | Create the name of the service account to use
55 | */}}
56 | {{- define "klusterview.serviceAccountName" -}}
57 | {{- if .Values.serviceAccount.create }}
58 | {{- default (include "klusterview.fullname" .) .Values.serviceAccount.name }}
59 | {{- else }}
60 | {{- default "default" .Values.serviceAccount.name }}
61 | {{- end }}
62 | {{- end }}
63 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/templates/_helpers.tpl:
--------------------------------------------------------------------------------
1 | {{/*
2 | Expand the name of the chart.
3 | */}}
4 | {{- define "prometheus.name" -}}
5 | {{- default .Chart.Name .Values.nameOverride | trunc 63 | trimSuffix "-" }}
6 | {{- end }}
7 |
8 | {{/*
9 | Create a default fully qualified app name.
10 | We truncate at 63 chars because some Kubernetes name fields are limited to this (by the DNS naming spec).
11 | If release name contains chart name it will be used as a full name.
12 | */}}
13 | {{- define "prometheus.fullname" -}}
14 | {{- if .Values.fullnameOverride }}
15 | {{- .Values.fullnameOverride | trunc 63 | trimSuffix "-" }}
16 | {{- else }}
17 | {{- $name := default .Chart.Name .Values.nameOverride }}
18 | {{- if contains $name .Release.Name }}
19 | {{- .Release.Name | trunc 63 | trimSuffix "-" }}
20 | {{- else }}
21 | {{- printf "%s-%s" .Release.Name $name | trunc 63 | trimSuffix "-" }}
22 | {{- end }}
23 | {{- end }}
24 | {{- end }}
25 |
26 | {{/*
27 | Create chart name and version as used by the chart label.
28 | */}}
29 | {{- define "prometheus.chart" -}}
30 | {{- printf "%s-%s" .Chart.Name .Chart.Version | replace "+" "_" | trunc 63 | trimSuffix "-" }}
31 | {{- end }}
32 |
33 | {{/*
34 | Common labels
35 | */}}
36 | {{- define "prometheus.labels" -}}
37 | helm.sh/chart: {{ include "prometheus.chart" . }}
38 | {{ include "prometheus.selectorLabels" . }}
39 | {{- if .Chart.AppVersion }}
40 | app.kubernetes.io/version: {{ .Chart.AppVersion | quote }}
41 | {{- end }}
42 | app.kubernetes.io/managed-by: {{ .Release.Service }}
43 | {{- end }}
44 |
45 | {{/*
46 | Selector labels
47 | */}}
48 | {{- define "prometheus.selectorLabels" -}}
49 | app.kubernetes.io/name: {{ include "prometheus.name" . }}
50 | app.kubernetes.io/instance: {{ .Release.Name }}
51 | {{- end }}
52 |
53 | {{/*
54 | Create the name of the service account to use
55 | */}}
56 | {{- define "prometheus.serviceAccountName" -}}
57 | {{- if .Values.serviceAccount.create }}
58 | {{- default (include "prometheus.fullname" .) .Values.serviceAccount.name }}
59 | {{- else }}
60 | {{- default "default" .Values.serviceAccount.name }}
61 | {{- end }}
62 | {{- end }}
63 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/charts/kube-state-metrics/templates/_helpers.tpl:
--------------------------------------------------------------------------------
1 | {{/*
2 | Expand the name of the chart.
3 | */}}
4 | {{- define "kube-state-metrics.name" -}}
5 | {{- default .Chart.Name .Values.nameOverride | trunc 63 | trimSuffix "-" }}
6 | {{- end }}
7 |
8 | {{/*
9 | Create a default fully qualified app name.
10 | We truncate at 63 chars because some Kubernetes name fields are limited to this (by the DNS naming spec).
11 | If release name contains chart name it will be used as a full name.
12 | */}}
13 | {{- define "kube-state-metrics.fullname" -}}
14 | {{- if .Values.fullnameOverride }}
15 | {{- .Values.fullnameOverride | trunc 63 | trimSuffix "-" }}
16 | {{- else }}
17 | {{- $name := default .Chart.Name .Values.nameOverride }}
18 | {{- if contains $name .Release.Name }}
19 | {{- .Release.Name | trunc 63 | trimSuffix "-" }}
20 | {{- else }}
21 | {{- printf "%s-%s" .Release.Name $name | trunc 63 | trimSuffix "-" }}
22 | {{- end }}
23 | {{- end }}
24 | {{- end }}
25 |
26 | {{/*
27 | Create chart name and version as used by the chart label.
28 | */}}
29 | {{- define "kube-state-metrics.chart" -}}
30 | {{- printf "%s-%s" .Chart.Name .Chart.Version | replace "+" "_" | trunc 63 | trimSuffix "-" }}
31 | {{- end }}
32 |
33 | {{/*
34 | Common labels
35 | */}}
36 | {{- define "kube-state-metrics.labels" -}}
37 | helm.sh/chart: {{ include "kube-state-metrics.chart" . }}
38 | {{ include "kube-state-metrics.selectorLabels" . }}
39 | {{- if .Chart.AppVersion }}
40 | app.kubernetes.io/version: {{ .Chart.AppVersion | quote }}
41 | {{- end }}
42 | app.kubernetes.io/managed-by: {{ .Release.Service }}
43 | {{- end }}
44 |
45 | {{/*
46 | Selector labels
47 | */}}
48 | {{- define "kube-state-metrics.selectorLabels" -}}
49 | app.kubernetes.io/name: {{ include "kube-state-metrics.name" . }}
50 | app.kubernetes.io/instance: {{ .Release.Name }}
51 | {{- end }}
52 |
53 | {{/*
54 | Create the name of the service account to use
55 | */}}
56 | {{- define "kube-state-metrics.serviceAccountName" -}}
57 | {{- if .Values.serviceAccount.create }}
58 | {{- default (include "kube-state-metrics.fullname" .) .Values.serviceAccount.name }}
59 | {{- else }}
60 | {{- default "default" .Values.serviceAccount.name }}
61 | {{- end }}
62 | {{- end }}
63 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/values.yaml:
--------------------------------------------------------------------------------
1 | # Default values for prometheus.
2 | # This is a YAML-formatted file.
3 | # Declare variables to be passed into your templates.
4 |
5 | replicaCount: 1
6 |
7 | image:
8 | repository: prom/prometheus
9 | pullPolicy: IfNotPresent
10 | # Overrides the image tag whose default is the chart appVersion.
11 | tag: ""
12 |
13 | imagePullSecrets: []
14 | nameOverride: ""
15 | fullnameOverride: ""
16 |
17 | serviceAccount:
18 | # Specifies whether a service account should be created
19 | create: false
20 | # Annotations to add to the service account
21 | annotations: {}
22 | # The name of the service account to use.
23 | # If not set and create is true, a name is generated using the fullname template
24 | name: ""
25 |
26 | podAnnotations: {}
27 |
28 | podSecurityContext: {}
29 | # fsGroup: 2000
30 |
31 | securityContext: {}
32 | # capabilities:
33 | # drop:
34 | # - ALL
35 | # readOnlyRootFilesystem: true
36 | # runAsNonRoot: true
37 | # runAsUser: 1000
38 |
39 | service:
40 | type: NodePort
41 | port: 8080
42 |
43 | ingress:
44 | enabled: false
45 | className: ""
46 | annotations: {}
47 | # kubernetes.io/ingress.class: nginx
48 | # kubernetes.io/tls-acme: "true"
49 | hosts:
50 | - host: chart-example.local
51 | paths:
52 | - path: /
53 | pathType: ImplementationSpecific
54 | tls: []
55 | # - secretName: chart-example-tls
56 | # hosts:
57 | # - chart-example.local
58 |
59 | resources: {}
60 | # We usually recommend not to specify default resources and to leave this as a conscious
61 | # choice for the user. This also increases chances charts run on environments with little
62 | # resources, such as Minikube. If you do want to specify resources, uncomment the following
63 | # lines, adjust them as necessary, and remove the curly braces after 'resources:'.
64 | # limits:
65 | # cpu: 100m
66 | # memory: 128Mi
67 | # requests:
68 | # cpu: 100m
69 | # memory: 128Mi
70 |
71 | autoscaling:
72 | enabled: false
73 | minReplicas: 1
74 | maxReplicas: 100
75 | targetCPUUtilizationPercentage: 80
76 | # targetMemoryUtilizationPercentage: 80
77 |
78 | nodeSelector: {}
79 |
80 | tolerations: []
81 |
82 | affinity: {}
83 |
--------------------------------------------------------------------------------
/deployment/_manual_install/kube_state_metrics/ksm-cluster-role.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: rbac.authorization.k8s.io/v1
2 | kind: ClusterRole
3 | metadata:
4 | labels:
5 | app.kubernetes.io/component: exporter
6 | app.kubernetes.io/name: kube-state-metrics
7 | app.kubernetes.io/version: 2.3.0
8 | name: kube-state-metrics
9 | rules:
10 | - apiGroups:
11 | - ""
12 | resources:
13 | - configmaps
14 | - secrets
15 | - nodes
16 | - pods
17 | - services
18 | - resourcequotas
19 | - replicationcontrollers
20 | - limitranges
21 | - persistentvolumeclaims
22 | - persistentvolumes
23 | - namespaces
24 | - endpoints
25 | verbs:
26 | - list
27 | - watch
28 | - apiGroups:
29 | - apps
30 | resources:
31 | - statefulsets
32 | - daemonsets
33 | - deployments
34 | - replicasets
35 | verbs:
36 | - list
37 | - watch
38 | - apiGroups:
39 | - batch
40 | resources:
41 | - cronjobs
42 | - jobs
43 | verbs:
44 | - list
45 | - watch
46 | - apiGroups:
47 | - autoscaling
48 | resources:
49 | - horizontalpodautoscalers
50 | verbs:
51 | - list
52 | - watch
53 | - apiGroups:
54 | - authentication.k8s.io
55 | resources:
56 | - tokenreviews
57 | verbs:
58 | - create
59 | - apiGroups:
60 | - authorization.k8s.io
61 | resources:
62 | - subjectaccessreviews
63 | verbs:
64 | - create
65 | - apiGroups:
66 | - policy
67 | resources:
68 | - poddisruptionbudgets
69 | verbs:
70 | - list
71 | - watch
72 | - apiGroups:
73 | - certificates.k8s.io
74 | resources:
75 | - certificatesigningrequests
76 | verbs:
77 | - list
78 | - watch
79 | - apiGroups:
80 | - storage.k8s.io
81 | resources:
82 | - storageclasses
83 | - volumeattachments
84 | verbs:
85 | - list
86 | - watch
87 | - apiGroups:
88 | - admissionregistration.k8s.io
89 | resources:
90 | - mutatingwebhookconfigurations
91 | - validatingwebhookconfigurations
92 | verbs:
93 | - list
94 | - watch
95 | - apiGroups:
96 | - networking.k8s.io
97 | resources:
98 | - networkpolicies
99 | - ingresses
100 | verbs:
101 | - list
102 | - watch
103 | - apiGroups:
104 | - coordination.k8s.io
105 | resources:
106 | - leases
107 | verbs:
108 | - list
109 | - watch
110 |
--------------------------------------------------------------------------------
/client/components/NodeGraph/utils.ts:
--------------------------------------------------------------------------------
1 | interface NodeGraphProps {
2 | nodeMapInfo: { [n: string]: string[] };
3 | podStatus: { [p: string]: string };
4 | modalInfo: { [p: string]: string };
5 | }
6 | type ChildNode = {
7 | id: string;
8 | position: {
9 | x: number;
10 | y: number;
11 | };
12 | data: {
13 | label: string;
14 | };
15 | status: string;
16 | modalData: any;
17 | style: {
18 | color: string;
19 | backgroundColor: string;
20 | };
21 | };
22 | interface NodeGraphProps {
23 | nodeMapInfo: { [n: string]: string[] };
24 | podStatus: { [p: string]: string };
25 | modalInfo: { [p: string]: string };
26 | }
27 |
28 | //This Function takes a node name, pods under this node,
29 | // status of those pods, and some additional info on those pods
30 | //based on these data it creates necessarry nodes and edges
31 | //that is needed for ReactFlow Graph
32 | const initialGen = (
33 | root: string,
34 | children: string[],
35 | podStatus: { [p: string]: string },
36 | modalInfo: { [p: string]: string }
37 | ) => {
38 | const rootX = 600;
39 | const rootY = 100;
40 | const initialNodes = [];
41 | initialNodes.push({
42 | id: '1',
43 | position: { x: rootX, y: rootY },
44 | data: { label: root },
45 | style: { color: 'green', backgroundColor: 'white' },
46 | });
47 |
48 | const initialEdges = [];
49 | let childX = 50;
50 | let childY = 300;
51 |
52 | for (let i = 0, times = 0; i < children.length; times++, i++) {
53 | const childNodeObj: ChildNode = {
54 | id: `${2 + i}`,
55 | position: { x: childX * 4 * (times + 1), y: childY },
56 | data: { label: children[i] },
57 | status: podStatus[children[i]],
58 | modalData: modalInfo[children[i]],
59 | style: {
60 | color: 'white',
61 | backgroundColor: podStatus[children[i]] === 'Running' ? 'green' : 'red',
62 | },
63 | };
64 | if (childX * 4 * (times + 1) > 1000) {
65 | childX = 40;
66 | childY += 100;
67 | times = 0;
68 | }
69 | initialNodes.push(childNodeObj);
70 | const edgeObj = {
71 | id: `el-${2 + i}`,
72 | source: '1',
73 | target: `${i + 2}`,
74 | };
75 | initialEdges.push(edgeObj);
76 | }
77 |
78 | return { initialNodes, initialEdges };
79 | };
80 |
81 | export { initialGen, ChildNode, NodeGraphProps };
82 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/charts/kube-state-metrics/templates/ksm-cluster-role.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: rbac.authorization.k8s.io/v1
2 | kind: ClusterRole
3 | metadata:
4 | labels:
5 | app.kubernetes.io/component: exporter
6 | app.kubernetes.io/name: kube-state-metrics
7 | app.kubernetes.io/version: 2.3.0
8 | name: kube-state-metrics
9 | rules:
10 | - apiGroups:
11 | - ""
12 | resources:
13 | - configmaps
14 | - secrets
15 | - nodes
16 | - pods
17 | - services
18 | - resourcequotas
19 | - replicationcontrollers
20 | - limitranges
21 | - persistentvolumeclaims
22 | - persistentvolumes
23 | - namespaces
24 | - endpoints
25 | verbs:
26 | - list
27 | - watch
28 | - apiGroups:
29 | - apps
30 | resources:
31 | - statefulsets
32 | - daemonsets
33 | - deployments
34 | - replicasets
35 | verbs:
36 | - list
37 | - watch
38 | - apiGroups:
39 | - batch
40 | resources:
41 | - cronjobs
42 | - jobs
43 | verbs:
44 | - list
45 | - watch
46 | - apiGroups:
47 | - autoscaling
48 | resources:
49 | - horizontalpodautoscalers
50 | verbs:
51 | - list
52 | - watch
53 | - apiGroups:
54 | - authentication.k8s.io
55 | resources:
56 | - tokenreviews
57 | verbs:
58 | - create
59 | - apiGroups:
60 | - authorization.k8s.io
61 | resources:
62 | - subjectaccessreviews
63 | verbs:
64 | - create
65 | - apiGroups:
66 | - policy
67 | resources:
68 | - poddisruptionbudgets
69 | verbs:
70 | - list
71 | - watch
72 | - apiGroups:
73 | - certificates.k8s.io
74 | resources:
75 | - certificatesigningrequests
76 | verbs:
77 | - list
78 | - watch
79 | - apiGroups:
80 | - storage.k8s.io
81 | resources:
82 | - storageclasses
83 | - volumeattachments
84 | verbs:
85 | - list
86 | - watch
87 | - apiGroups:
88 | - admissionregistration.k8s.io
89 | resources:
90 | - mutatingwebhookconfigurations
91 | - validatingwebhookconfigurations
92 | verbs:
93 | - list
94 | - watch
95 | - apiGroups:
96 | - networking.k8s.io
97 | resources:
98 | - networkpolicies
99 | - ingresses
100 | verbs:
101 | - list
102 | - watch
103 | - apiGroups:
104 | - coordination.k8s.io
105 | resources:
106 | - leases
107 | verbs:
108 | - list
109 | - watch
110 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/templates/ingress.yaml:
--------------------------------------------------------------------------------
1 | {{- if .Values.ingress.enabled -}}
2 | {{- $fullName := include "klusterview.fullname" . -}}
3 | {{- $svcPort := .Values.service.port -}}
4 | {{- if and .Values.ingress.className (not (semverCompare ">=1.18-0" .Capabilities.KubeVersion.GitVersion)) }}
5 | {{- if not (hasKey .Values.ingress.annotations "kubernetes.io/ingress.class") }}
6 | {{- $_ := set .Values.ingress.annotations "kubernetes.io/ingress.class" .Values.ingress.className}}
7 | {{- end }}
8 | {{- end }}
9 | {{- if semverCompare ">=1.19-0" .Capabilities.KubeVersion.GitVersion -}}
10 | apiVersion: networking.k8s.io/v1
11 | {{- else if semverCompare ">=1.14-0" .Capabilities.KubeVersion.GitVersion -}}
12 | apiVersion: networking.k8s.io/v1beta1
13 | {{- else -}}
14 | apiVersion: extensions/v1beta1
15 | {{- end }}
16 | kind: Ingress
17 | metadata:
18 | name: {{ $fullName }}
19 | labels:
20 | {{- include "klusterview.labels" . | nindent 4 }}
21 | {{- with .Values.ingress.annotations }}
22 | annotations:
23 | {{- toYaml . | nindent 4 }}
24 | {{- end }}
25 | spec:
26 | {{- if and .Values.ingress.className (semverCompare ">=1.18-0" .Capabilities.KubeVersion.GitVersion) }}
27 | ingressClassName: {{ .Values.ingress.className }}
28 | {{- end }}
29 | {{- if .Values.ingress.tls }}
30 | tls:
31 | {{- range .Values.ingress.tls }}
32 | - hosts:
33 | {{- range .hosts }}
34 | - {{ . | quote }}
35 | {{- end }}
36 | secretName: {{ .secretName }}
37 | {{- end }}
38 | {{- end }}
39 | rules:
40 | {{- range .Values.ingress.hosts }}
41 | - host: {{ .host | quote }}
42 | http:
43 | paths:
44 | {{- range .paths }}
45 | - path: {{ .path }}
46 | {{- if and .pathType (semverCompare ">=1.18-0" $.Capabilities.KubeVersion.GitVersion) }}
47 | pathType: {{ .pathType }}
48 | {{- end }}
49 | backend:
50 | {{- if semverCompare ">=1.19-0" $.Capabilities.KubeVersion.GitVersion }}
51 | service:
52 | name: {{ $fullName }}
53 | port:
54 | number: {{ $svcPort }}
55 | {{- else }}
56 | serviceName: {{ $fullName }}
57 | servicePort: {{ $svcPort }}
58 | {{- end }}
59 | {{- end }}
60 | {{- end }}
61 | {{- end }}
62 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/templates/ingress.yaml:
--------------------------------------------------------------------------------
1 | {{- if .Values.ingress.enabled -}}
2 | {{- $fullName := include "grafana.fullname" . -}}
3 | {{- $svcPort := .Values.service.port -}}
4 | {{- if and .Values.ingress.className (not (semverCompare ">=1.18-0" .Capabilities.KubeVersion.GitVersion)) }}
5 | {{- if not (hasKey .Values.ingress.annotations "kubernetes.io/ingress.class") }}
6 | {{- $_ := set .Values.ingress.annotations "kubernetes.io/ingress.class" .Values.ingress.className}}
7 | {{- end }}
8 | {{- end }}
9 | {{- if semverCompare ">=1.19-0" .Capabilities.KubeVersion.GitVersion -}}
10 | apiVersion: networking.k8s.io/v1
11 | {{- else if semverCompare ">=1.14-0" .Capabilities.KubeVersion.GitVersion -}}
12 | apiVersion: networking.k8s.io/v1beta1
13 | {{- else -}}
14 | apiVersion: extensions/v1beta1
15 | {{- end }}
16 | kind: Ingress
17 | metadata:
18 | name: {{ $fullName }}
19 | labels:
20 | {{- include "grafana.labels" . | nindent 4 }}
21 | {{- with .Values.ingress.annotations }}
22 | annotations:
23 | {{- toYaml . | nindent 4 }}
24 | {{- end }}
25 | spec:
26 | {{- if and .Values.ingress.className (semverCompare ">=1.18-0" .Capabilities.KubeVersion.GitVersion) }}
27 | ingressClassName: {{ .Values.ingress.className }}
28 | {{- end }}
29 | {{- if .Values.ingress.tls }}
30 | tls:
31 | {{- range .Values.ingress.tls }}
32 | - hosts:
33 | {{- range .hosts }}
34 | - {{ . | quote }}
35 | {{- end }}
36 | secretName: {{ .secretName }}
37 | {{- end }}
38 | {{- end }}
39 | rules:
40 | {{- range .Values.ingress.hosts }}
41 | - host: {{ .host | quote }}
42 | http:
43 | paths:
44 | {{- range .paths }}
45 | - path: {{ .path }}
46 | {{- if and .pathType (semverCompare ">=1.18-0" $.Capabilities.KubeVersion.GitVersion) }}
47 | pathType: {{ .pathType }}
48 | {{- end }}
49 | backend:
50 | {{- if semverCompare ">=1.19-0" $.Capabilities.KubeVersion.GitVersion }}
51 | service:
52 | name: {{ $fullName }}
53 | port:
54 | number: {{ $svcPort }}
55 | {{- else }}
56 | serviceName: {{ $fullName }}
57 | servicePort: {{ $svcPort }}
58 | {{- end }}
59 | {{- end }}
60 | {{- end }}
61 | {{- end }}
62 |
--------------------------------------------------------------------------------
/client/components/Sidebar/Sidebar.scss:
--------------------------------------------------------------------------------
1 | @use '../../styles/variables' as *;
2 |
3 | .sidebar {
4 | display: flex;
5 | flex-direction: column;
6 | justify-content: flex-start;
7 | align-items: center;
8 | height: 84vh;
9 | width: 13rem;
10 | color: white;
11 | position: fixed;
12 | left: 0;
13 | margin-left: 2rem;
14 | overflow-y: hidden;
15 | z-index: 2;
16 | }
17 |
18 | .sidebar-list {
19 | list-style-type: none;
20 | margin: 15rem 0 0;
21 | padding-left: 0;
22 | width: 100%;
23 | }
24 |
25 | .navlink {
26 | margin: 1.75rem 0;
27 | height: 5.5rem;
28 | text-align: center;
29 | cursor: pointer;
30 | border: 1px solid transparent;
31 | transition: border 0.3s;
32 | background-color: rgb(25, 25, 25);
33 | border-radius: 1rem;
34 |
35 | &:active {
36 | transform: scale(0.9);
37 | }
38 |
39 | &:last-of-type:active {
40 | transform: none;
41 | }
42 |
43 | &:hover {
44 | border: 1px solid $secondary-color;
45 |
46 | .dropdown-content {
47 | opacity: 1;
48 | height: 25rem;
49 | }
50 | }
51 | }
52 |
53 | .dropdown-content {
54 | opacity: (0);
55 | margin: 0;
56 | overflow-y: scroll;
57 | font-size: 1rem;
58 | height: 0rem;
59 | transition: opacity 1s;
60 | }
61 |
62 | .link {
63 | color: rgb(255, 255, 255);
64 | text-decoration: none;
65 | width: 100%;
66 | height: 100%;
67 | display: flex;
68 | align-items: center;
69 | justify-content: center;
70 | font-weight: bold;
71 | letter-spacing: 1px;
72 | }
73 |
74 | .link-p {
75 | margin: 0;
76 | }
77 |
78 | .navlink-dropdown {
79 | border-color: $primary-color;
80 | margin: 0.5rem 0;
81 | height: 4.5rem;
82 | border-radius: 0.5rem;
83 |
84 | a {
85 | font-weight: normal;
86 | color: $secondary-color;
87 | }
88 |
89 | &:last-of-type:active {
90 | transform: scale(0.9);
91 | }
92 |
93 | link {
94 | padding: 0.1rem;
95 | }
96 | }
97 |
98 | ::-webkit-scrollbar {
99 | width: 0.7rem;
100 | height: 20%;
101 | }
102 |
103 | ::-webkit-scrollbar-track {
104 | background: transparent;
105 | box-shadow: inset 0 0 0.2rem $secondary-color;
106 | }
107 |
108 | ::-webkit-scrollbar-thumb {
109 | background: $secondary-color;
110 | border-radius: 0.75rem;
111 | border: 1px solid $secondary-color;
112 | }
113 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/charts/prometheus/templates/ingress.yaml:
--------------------------------------------------------------------------------
1 | {{- if .Values.ingress.enabled -}}
2 | {{- $fullName := include "prometheus.fullname" . -}}
3 | {{- $svcPort := .Values.service.port -}}
4 | {{- if and .Values.ingress.className (not (semverCompare ">=1.18-0" .Capabilities.KubeVersion.GitVersion)) }}
5 | {{- if not (hasKey .Values.ingress.annotations "kubernetes.io/ingress.class") }}
6 | {{- $_ := set .Values.ingress.annotations "kubernetes.io/ingress.class" .Values.ingress.className}}
7 | {{- end }}
8 | {{- end }}
9 | {{- if semverCompare ">=1.19-0" .Capabilities.KubeVersion.GitVersion -}}
10 | apiVersion: networking.k8s.io/v1
11 | {{- else if semverCompare ">=1.14-0" .Capabilities.KubeVersion.GitVersion -}}
12 | apiVersion: networking.k8s.io/v1beta1
13 | {{- else -}}
14 | apiVersion: extensions/v1beta1
15 | {{- end }}
16 | kind: Ingress
17 | metadata:
18 | name: {{ $fullName }}
19 | labels:
20 | {{- include "prometheus.labels" . | nindent 4 }}
21 | {{- with .Values.ingress.annotations }}
22 | annotations:
23 | {{- toYaml . | nindent 4 }}
24 | {{- end }}
25 | spec:
26 | {{- if and .Values.ingress.className (semverCompare ">=1.18-0" .Capabilities.KubeVersion.GitVersion) }}
27 | ingressClassName: {{ .Values.ingress.className }}
28 | {{- end }}
29 | {{- if .Values.ingress.tls }}
30 | tls:
31 | {{- range .Values.ingress.tls }}
32 | - hosts:
33 | {{- range .hosts }}
34 | - {{ . | quote }}
35 | {{- end }}
36 | secretName: {{ .secretName }}
37 | {{- end }}
38 | {{- end }}
39 | rules:
40 | {{- range .Values.ingress.hosts }}
41 | - host: {{ .host | quote }}
42 | http:
43 | paths:
44 | {{- range .paths }}
45 | - path: {{ .path }}
46 | {{- if and .pathType (semverCompare ">=1.18-0" $.Capabilities.KubeVersion.GitVersion) }}
47 | pathType: {{ .pathType }}
48 | {{- end }}
49 | backend:
50 | {{- if semverCompare ">=1.19-0" $.Capabilities.KubeVersion.GitVersion }}
51 | service:
52 | name: {{ $fullName }}
53 | port:
54 | number: {{ $svcPort }}
55 | {{- else }}
56 | serviceName: {{ $fullName }}
57 | servicePort: {{ $svcPort }}
58 | {{- end }}
59 | {{- end }}
60 | {{- end }}
61 | {{- end }}
62 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 |
2 | {
3 | "name": "ecri-40-osp-4",
4 | "version": "1.0.0",
5 | "description": "",
6 | "main": "index.js",
7 | "scripts": {
8 | "start": "NODE_ENV=production node --loader ts-node/esm server/server.ts",
9 | "build": "NODE_ENV=production webpack",
10 | "dev": "concurrently \"cross-env NODE_ENV=development webpack-dev-server --open --hot --progress --color \" \"nodemon ./server/server.ts\"",
11 | "test": "jest __tests__/"
12 | },
13 | "jest": {
14 | "moduleNameMapper": {
15 | "^.+\\.(css|less|scss)$": "babel-jest"
16 | }
17 | },
18 | "author": "",
19 | "license": "ISC",
20 | "dependencies": {
21 | "@babel/preset-env": "^7.22.2",
22 | "@babel/preset-react": "^7.22.0",
23 | "@babel/preset-typescript": "^7.21.5",
24 | "@kubernetes/client-node": "^0.18.1",
25 | "@types/express": "^4.17.17",
26 | "@types/react": "^18.2.7",
27 | "@types/react-dom": "^18.2.4",
28 | "axios": "^1.4.0",
29 | "babel": "^6.23.0",
30 | "babel-loader": "^9.1.2",
31 | "base-64": "^1.0.0",
32 | "body-parser": "^1.20.2",
33 | "browser-router": "^0.2.0",
34 | "concurrently": "^8.0.1",
35 | "cookie-parser": "^1.4.6",
36 | "css-loader": "^6.7.4",
37 | "dotenv": "^16.0.3",
38 | "express": "^4.18.2",
39 | "html-webpack-plugin": "^5.5.1",
40 | "http-proxy-middleware": "^2.0.6",
41 | "jest-environment-jsdom": "^29.5.0",
42 | "mini-css-extract-plugin": "^2.7.6",
43 | "react": "^18.2.0",
44 | "react-dom": "^18.2.0",
45 | "react-flow-renderer": "^10.3.17",
46 | "react-router": "^6.11.2",
47 | "react-router-dom": "^6.11.2",
48 | "react-select": "^5.7.3",
49 | "reactflow": "^11.7.2",
50 | "sass": "^1.62.1",
51 | "sass-loader": "^13.3.0",
52 | "style-loader": "^3.3.3",
53 | "ts-loader": "^9.4.3",
54 | "ts-node": "^10.9.1",
55 | "typescript": "^5.0.4",
56 | "wait-port": "^1.0.4",
57 | "webpack": "^5.84.1",
58 | "webpack-cli": "^5.1.1",
59 | "webpack-dev-server": "^4.15.0",
60 | "webpack-hot-middleware": "^2.25.3"
61 | },
62 | "devDependencies": {
63 | "@testing-library/jest-dom": "^5.16.5",
64 | "@testing-library/react": "^14.0.0",
65 | "@types/cookie-parser": "^1.4.3",
66 | "@types/jest": "^29.5.2",
67 | "@types/node": "^20.2.5",
68 | "@types/supertest": "^2.0.12",
69 | "jest": "^29.5.0",
70 | "supertest": "^6.3.3",
71 | "ts-jest": "^29.1.0"
72 | }
73 | }
--------------------------------------------------------------------------------
/server/controllers/grafanaController.ts:
--------------------------------------------------------------------------------
1 | import { MiddlewareFn } from '../types';
2 | import axios from 'axios';
3 |
4 | const GRAF_IP = 'grafana';
5 | const GRAF_NODE_PORT = '3000';
6 |
7 | //CREATING UNIX TIMESTAMP VALUES FOR "FROM" & "TO"
8 | const timeStamp = () => {
9 | const currentTime = Date.now();
10 | const timeRangeInMinutes = 15;
11 | const timeRangeInMilliseconds = timeRangeInMinutes * 60 * 1000;
12 | const from = currentTime - timeRangeInMilliseconds;
13 | const to = currentTime;
14 | return { from, to };
15 | };
16 | //ACCESSING DASHBOARD DETAILS LIKE URI AND UID
17 | async function getDashboard(resource: number): Promise<{
18 | dashboardUid: string;
19 | dashboardUri: string;
20 | }> {
21 | try {
22 | const response = await axios.get(
23 | `http://admin:admin@${GRAF_IP}:${GRAF_NODE_PORT}/api/search?type=dash-db`
24 | );
25 | const dashboards = response.data;
26 | const dashboard = dashboards[resource];
27 | const dashboardUid = dashboard.uid;
28 | const length = dashboard.uri.split('/').length;
29 | const dashboardUri = dashboard.uri.split('/')[length - 1];
30 | return { dashboardUid, dashboardUri };
31 | } catch (error) {
32 | throw error;
33 | }
34 | }
35 | //middleware functions that gets pod dashboard which is first dashboard
36 | const getPods: MiddlewareFn = async (req, res, next) => {
37 | const { from, to } = timeStamp();
38 | try {
39 | const { dashboardUid, dashboardUri } = await getDashboard(1);
40 | const src = `/grafanasvc/d/${dashboardUid}/${dashboardUri}/?orgId=1&refresh=30s&var-Node=All&var-Pod=All&var-Pod_ip=192.168.49.2&from=${from}&to=${to}`;
41 | res.locals.src = src;
42 | return next();
43 | } catch (error) {
44 | return next({
45 | log: 'Express error handler caught getPods middleware error',
46 | status: 404,
47 | message: { err: 'Could not find the dashboard' }
48 | });
49 | }
50 | };
51 | //middleware functions that gets main/cluster dashboard which is second dashboard
52 | const getCluster: MiddlewareFn = async (req, res, next) => {
53 | const { from, to } = timeStamp();
54 | try {
55 | const { dashboardUid, dashboardUri } = await getDashboard(0);
56 | const src = `/grafanasvc/d/${dashboardUid}/${dashboardUri}/?orgId=1`;
57 | res.locals.src = src;
58 | return next();
59 | } catch (error) {
60 | return next({
61 | log: 'Express error handler caught getPods middleware error',
62 | status: 404,
63 | message: { err: 'Could not find the dashboard' }
64 | });
65 | }
66 | };
67 |
68 | export default { getPods, getCluster };
69 |
--------------------------------------------------------------------------------
/deployment/_manual_install/grafana/grafana_deployment.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: apps/v1
2 | kind: Deployment
3 | metadata:
4 | name: grafana
5 | namespace: monitoring-kv
6 | spec:
7 | replicas: 1
8 | selector:
9 | matchLabels:
10 | app: grafana
11 | template:
12 | metadata:
13 | name: grafana
14 | labels:
15 | app: grafana
16 | spec:
17 | containers:
18 | - name: grafana
19 | image: grafana/grafana:latest
20 | ports:
21 | - name: grafana
22 | containerPort: 3000
23 | resources:
24 | limits:
25 | memory: '1Gi'
26 | cpu: '1000m'
27 | requests:
28 | memory: 500M
29 | cpu: '500m'
30 | volumeMounts:
31 | - mountPath: /var/lib/grafana
32 | name: grafana-storage
33 | - mountPath: /etc/grafana/provisioning/datasources
34 | name: grafana-datasources
35 | readOnly: false
36 | env:
37 | - name: GF_SECURITY_ALLOW_EMBEDDING
38 | value: 'true'
39 | - name: GF_AUTH_ANONYMOUS_ENABLED
40 | value: 'true'
41 | - name: GF_AUTH_ANONYMOUS_ORG_NAME
42 | value: Main Org.
43 | - name: GF_AUTH_ANONYMOUS_ORG_ROLE
44 | value: Admin
45 | - name: GF_AUTH_ANONYMOUS_HIDE_VERSION
46 | value: 'true'
47 | - name: GF_FEATURE_TOGGLES_ENABLE
48 | value: publicDashboards
49 | - name: GF_SERVER_ENFORCE_DOMAIN
50 | value: 'false'
51 | - name: GF_SERVER_DOMAIN
52 | value: grafana
53 | - name: GF_SERVER_ROOT_URL
54 | value: '%(protocol)s://%(domain)s:%(http_port)s/grafanasvc'
55 | - name: GF_SERVER_SERVE_FROM_SUB_PATH
56 | value: 'true'
57 | - name: GF_DATAPROXY_KEEP_ALIVE_SECONDS
58 | value: '240'
59 | - name: GF_DATAPROXY_TIMEOUT
60 | value: '240'
61 | - name: GF_DATAPROXY_IDLE_CONN_TIMEOUT_SECONDS
62 | value: '300'
63 | - name: 'GF_LIVE_ALLOWED_ORIGINS'
64 | value: '*'
65 | - name: 'GF_LIVE_MAX_CONNECTIONS'
66 | value: '0'
67 | volumes:
68 | - name: grafana-storage
69 | emptyDir: {}
70 | #persistentVolumeClaim:
71 | # claimName: grafana-pvc
72 | - name: grafana-datasources
73 | configMap:
74 | defaultMode: 420
75 | name: grafana-datasources
76 |
--------------------------------------------------------------------------------
/server/controllers/helpers/statusController.ts:
--------------------------------------------------------------------------------
1 | import { Request, Response, RequestHandler, NextFunction } from 'express';
2 | import { MethodError } from '../../types';
3 | import {
4 | clusterRunning,
5 | prometheusAndGrafanaRunning,
6 | runSetup
7 | } from './statusHelpers';
8 |
9 | //Define StatusController type and initialize empty controller
10 | type StatusController = { [s: string]: RequestHandler };
11 |
12 | const statusController: StatusController = {};
13 |
14 | //Define module-level error generator
15 | const createError = (
16 | method: String,
17 | log: String,
18 | status: Number,
19 | message: String = log
20 | ): MethodError => {
21 | return {
22 | log: `Encountered error in statusController.${method}: ${log}`,
23 | status: status,
24 | message: { err: message }
25 | };
26 | };
27 |
28 | //Define methods exported on statusController
29 |
30 | statusController.checkStatus = (
31 | req: Request,
32 | res: Response,
33 | next: NextFunction
34 | ): void => {
35 | //Knocking this out since we're running on a cluster
36 | //clusterRunning(res, next);
37 | console.log('Cleared clusterRunning check');
38 |
39 | //Knocking this out until I figure out how to implement in the cluster env
40 | //prometheusAndGrafanaRunning(res, next);
41 | console.log('Cleared prometheusAndGrafanaRunning check');
42 |
43 | return next();
44 | };
45 |
46 | statusController.runSetup = (
47 | req: Request,
48 | res: Response,
49 | next: NextFunction
50 | ): void => {
51 | clusterRunning(res, next);
52 | if (!prometheusAndGrafanaRunning(res, next, false)) {
53 | try {
54 | runSetup(next);
55 | let awaitCounter = 0;
56 | const awaitSetup = setInterval((): void => {
57 | if (prometheusAndGrafanaRunning(res, next, false)) {
58 | clearInterval(awaitSetup);
59 | return next();
60 | } else if (awaitCounter > 60) {
61 | clearInterval(awaitSetup);
62 | return next(
63 | createError(
64 | 'runSetup',
65 | 'Timed out while awaiting startup completion (30 seconds). Please try again.',
66 | 500
67 | )
68 | );
69 | }
70 | awaitCounter += 1;
71 | }, 500);
72 | } catch (err) {
73 | return next(
74 | createError(
75 | 'runSetup',
76 | `Encountered error while awaiting execution of startup script: ${err}`,
77 | 500,
78 | 'Encountered error while awaiting execution of startup routine'
79 | )
80 | );
81 | }
82 | } else {
83 | return next();
84 | }
85 | };
86 |
87 | export default statusController;
88 |
--------------------------------------------------------------------------------
/dist/bundle.js.LICENSE.txt:
--------------------------------------------------------------------------------
1 | /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
2 |
3 | /**
4 | * @license React
5 | * react-dom.production.min.js
6 | *
7 | * Copyright (c) Facebook, Inc. and its affiliates.
8 | *
9 | * This source code is licensed under the MIT license found in the
10 | * LICENSE file in the root directory of this source tree.
11 | */
12 |
13 | /**
14 | * @license React
15 | * react-jsx-runtime.production.min.js
16 | *
17 | * Copyright (c) Facebook, Inc. and its affiliates.
18 | *
19 | * This source code is licensed under the MIT license found in the
20 | * LICENSE file in the root directory of this source tree.
21 | */
22 |
23 | /**
24 | * @license React
25 | * react.production.min.js
26 | *
27 | * Copyright (c) Facebook, Inc. and its affiliates.
28 | *
29 | * This source code is licensed under the MIT license found in the
30 | * LICENSE file in the root directory of this source tree.
31 | */
32 |
33 | /**
34 | * @license React
35 | * scheduler.production.min.js
36 | *
37 | * Copyright (c) Facebook, Inc. and its affiliates.
38 | *
39 | * This source code is licensed under the MIT license found in the
40 | * LICENSE file in the root directory of this source tree.
41 | */
42 |
43 | /**
44 | * @license React
45 | * use-sync-external-store-shim.production.min.js
46 | *
47 | * Copyright (c) Facebook, Inc. and its affiliates.
48 | *
49 | * This source code is licensed under the MIT license found in the
50 | * LICENSE file in the root directory of this source tree.
51 | */
52 |
53 | /**
54 | * @license React
55 | * use-sync-external-store-shim/with-selector.production.min.js
56 | *
57 | * Copyright (c) Facebook, Inc. and its affiliates.
58 | *
59 | * This source code is licensed under the MIT license found in the
60 | * LICENSE file in the root directory of this source tree.
61 | */
62 |
63 | /**
64 | * @remix-run/router v1.6.2
65 | *
66 | * Copyright (c) Remix Software Inc.
67 | *
68 | * This source code is licensed under the MIT license found in the
69 | * LICENSE.md file in the root directory of this source tree.
70 | *
71 | * @license MIT
72 | */
73 |
74 | /**
75 | * React Router DOM v6.11.2
76 | *
77 | * Copyright (c) Remix Software Inc.
78 | *
79 | * This source code is licensed under the MIT license found in the
80 | * LICENSE.md file in the root directory of this source tree.
81 | *
82 | * @license MIT
83 | */
84 |
85 | /**
86 | * React Router v6.11.2
87 | *
88 | * Copyright (c) Remix Software Inc.
89 | *
90 | * This source code is licensed under the MIT license found in the
91 | * LICENSE.md file in the root directory of this source tree.
92 | *
93 | * @license MIT
94 | */
95 |
--------------------------------------------------------------------------------
/deployment/klusterview_chart_source/charts/grafana/templates/deployment.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: apps/v1
2 | kind: Deployment
3 | metadata:
4 | name: grafana
5 | namespace: {{ .Values.global.namespace }}
6 | spec:
7 | {{- if not .Values.autoscaling.enabled }}
8 | replicas: {{ .Values.replicaCount }}
9 | {{- end }}
10 | selector:
11 | matchLabels:
12 | app: grafana
13 | template:
14 | metadata:
15 | name: grafana
16 | labels:
17 | app: grafana
18 | spec:
19 | containers:
20 | - name: grafana
21 | image: "{{ .Values.image.repository }}:{{ .Values.image.tag | default .Chart.AppVersion }}"
22 | imagePullPolicy: {{ .Values.image.pullPolicy }}
23 | ports:
24 | - name: grafana
25 | containerPort: 3000
26 | resources:
27 | limits:
28 | memory: {{ .Values.resources.limits.memory }}
29 | cpu: {{ .Values.resources.limits.cpu }}
30 | requests:
31 | memory: {{ .Values.resources.requests.memory }}
32 | cpu: {{ .Values.resources.requests.cpu }}
33 | volumeMounts:
34 | - mountPath: /var/lib/grafana
35 | name: grafana-storage
36 | - mountPath: /etc/grafana/provisioning/datasources
37 | name: grafana-datasources
38 | readOnly: false
39 | env:
40 | - name: GF_SECURITY_ALLOW_EMBEDDING
41 | value: 'true'
42 | - name: GF_AUTH_ANONYMOUS_ENABLED
43 | value: 'true'
44 | - name: GF_AUTH_ANONYMOUS_ORG_NAME
45 | value: Main Org.
46 | - name: GF_AUTH_ANONYMOUS_ORG_ROLE
47 | value: Admin
48 | - name: GF_AUTH_ANONYMOUS_HIDE_VERSION
49 | value: 'true'
50 | - name: GF_FEATURE_TOGGLES_ENABLE
51 | value: publicDashboards
52 | - name: GF_SERVER_ENFORCE_DOMAIN
53 | value: 'false'
54 | - name: GF_SERVER_DOMAIN
55 | value: grafana
56 | - name: GF_SERVER_ROOT_URL
57 | value: '%(protocol)s://%(domain)s:%(http_port)s/grafanasvc'
58 | - name: GF_SERVER_SERVE_FROM_SUB_PATH
59 | value: 'true'
60 | - name: GF_DATAPROXY_KEEP_ALIVE_SECONDS
61 | value: '240'
62 | - name: GF_DATAPROXY_TIMEOUT
63 | value: '240'
64 | - name: GF_DATAPROXY_IDLE_CONN_TIMEOUT_SECONDS
65 | value: '300'
66 | - name: 'GF_LIVE_ALLOWED_ORIGINS'
67 | value: '*'
68 | - name: 'GF_LIVE_MAX_CONNECTIONS'
69 | value: '0'
70 | volumes:
71 | - name: grafana-storage
72 | emptyDir: {}
73 | #persistentVolumeClaim:
74 | # claimName: grafana-pvc
75 | - name: grafana-datasources
76 | configMap:
77 | defaultMode: 420
78 | name: grafana-datasources
79 |
--------------------------------------------------------------------------------
/client/components/NodeGraph/NodeGraph.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC, useCallback, useEffect, useState } from 'react';
2 | import ReactFlow, { useNodesState, useEdgesState, addEdge } from 'reactflow';
3 |
4 | import NodeModal from './NodeModal';
5 | import { Link, useParams } from 'react-router-dom';
6 | import { initialGen, ChildNode, NodeGraphProps } from './utils';
7 |
8 | import 'reactflow/dist/style.css';
9 | import './NodeGraph.scss';
10 |
11 | const NodeGraph: FC-
12 |
-
13 |
Status: 14 | {status} 15 |
16 | -
17 |
Host IP: {hostIp} 18 |
19 | -
20 |
Pod IP: 21 | {podIp} 22 |
23 | -
24 |
Node: 25 | {node} 26 |
27 | -
28 |
NameSpace: {nameSpace} 29 |
30 | -
31 |
Job: {job} 32 |
33 |
77 |
93 | );
94 | };
95 |
96 | export default NodeGraph;
97 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-unused-vars */
2 | const webpack = require('webpack');
3 | const path = require('path');
4 | const HtmlWebpackPlugin = require('html-webpack-plugin');
5 | const MiniCssExtractPlugin = require('mini-css-extract-plugin');
6 |
7 | module.exports = {
8 | entry: [
9 | // entry point of our app
10 | './client/index.tsx'
11 | ],
12 | target: 'web',
13 | output: {
14 | path: path.resolve(__dirname, 'dist'),
15 | publicPath: '/',
16 | filename: 'bundle.js',
17 | clean: true
18 | },
19 | mode: process.env.NODE_ENV,
20 | devServer: {
21 | host: '0.0.0.0',
22 | port: 8080,
23 | // enable HMR on the devServer
24 | hot: true,
25 | // fallback to root for other urls
26 | historyApiFallback: true,
27 |
28 | static: {
29 | // match the output path
30 | directory: path.resolve(__dirname, 'dist'),
31 | // match the output 'publicPath'
32 | publicPath: '/'
33 | },
34 |
35 | headers: { 'Access-Control-Allow-Origin': '*' },
36 | /**
37 | * proxy is required in order to make api calls to
38 | * express server while using hot-reload webpack server
39 | * routes api fetch requests from localhost:8080/api/* (webpack dev server)
40 | * to localhost:3000/api/* (where our Express server is running)
41 | */
42 | proxy: {
43 | '/**': {
44 | target: 'http://0.0.0.0:3000/',
45 | secure: false,
46 | headers: {
47 | Connection: 'keep-alive'
48 | }
49 | }
50 | }
51 | },
52 | module: {
53 | rules: [
54 | {
55 | test: /.(js|jsx|ts|tsx)$/,
56 | exclude: /node_modules/,
57 | use: {
58 | loader: 'babel-loader',
59 | options: {
60 | presets: [
61 | '@babel/preset-env',
62 | '@babel/preset-typescript',
63 | '@babel/preset-react'
64 | ]
65 | }
66 | }
67 | },
68 | // {
69 | // test: /\.(ts|tsx)$/,
70 | // exclude: /node_modules/,
71 | // use: ['ts-loader'],
72 | // },
73 | {
74 | test: /.(css|scss)$/,
75 | //exclude: /node_modules/,
76 | use: [
77 | //MiniCssExtractPlugin.loader,
78 | 'style-loader',
79 | 'css-loader',
80 | {
81 | loader: 'sass-loader',
82 | options: {
83 | sourceMap: true
84 | }
85 | }
86 | ]
87 | },
88 |
89 | {
90 | test: /\.(png|jpg|gif)$/i,
91 | type: 'asset/resource',
92 |
93 | // Added:
94 | generator: {
95 | filename: 'images/[name]-[hash][ext]'
96 | }
97 | }
98 | ]
99 | },
100 | plugins: [
101 | new HtmlWebpackPlugin({
102 | template: './client/index.html'
103 | }),
104 | new MiniCssExtractPlugin()
105 | ],
106 | resolve: {
107 | // Enable importing JS / JSX files without specifying their extension
108 | extensions: ['.js', '.jsx', '.mjs', '.ts', '.tsx']
109 | }
110 | };
111 |
--------------------------------------------------------------------------------
/client/App.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC, useState, useEffect } from 'react';
2 | import { Routes, Route } from 'react-router-dom';
3 | import Home from './pages/Home';
4 | import Pods from './pages/Pods';
5 | import Graph from './pages/Graph';
6 | import Header from './components/Header/Header';
7 | import Sidebar from './components/Sidebar/Sidebar';
8 |
9 | const App: FC = () => {
10 | const [url, setUrl] = useState
78 | {nodeLinks.length > 1 &&
92 | - {nodeLinks}
81 |
91 |
57 | 
58 | 59 | Kyle Slugg 60 | 61 | 💻 62 | 🖇️ 63 | 🐙 64 | |
65 |
66 | 
67 | 68 | Shahmar Aliyev 69 | 70 | 🖇️ 71 | 🐙 72 | |
73 |
74 | 
75 | 76 | Mike Nunn 77 | 78 | 🖇️ 79 | 🐙 80 | |
81 |
82 |
83 | 84 | Jonathan Tsai 85 | 86 | 🖇️ 87 | 🐙 88 | |
89 |
90 | - 💻 = Website
91 | - 🖇️ = LinkedIn
92 | - 🐙 = Github
93 |
--------------------------------------------------------------------------------
/__tests__/frontend-react.test.jsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jest-environment jsdom
3 | */
4 | import '@testing-library/jest-dom';
5 | import React from 'react';
6 | import { render, screen, cleanup, fireEvent } from '@testing-library/react';
7 | import Header from '../client/components/Header/Header';
8 | import Sidebar from '../client/components/Sidebar/Sidebar';
9 | import { Routes, Route, MemoryRouter } from 'react-router-dom';
10 | import { getNodeIPs } from '../server/controllers/initializationController';
11 | import Dashboard from '../client/components/Dashboard/Dashboard';
12 | import Home from '../client/pages/Home';
13 |
14 | const IPList = getNodeIPs();
15 | const GRAF_IP = IPList[0];
16 |
17 | afterEach(() => {
18 | cleanup();
19 | });
20 |
21 | describe('Header', () => {
22 | test('renders the header with logo and name', () => {
23 | render(
5 | |
102 |
103 | 104 | Kyle Slugg 105 | 106 |
107 |
111 | 
108 | 
109 | 
110 | |
112 |
113 |
114 | 115 | Shahmar Aliyev 116 | 117 |
118 |
122 |
119 |
120 |
121 | |
123 |
124 | 126 | Mike Nunn 127 | 128 |
129 |
132 |
130 |
131 | |
133 |
134 | 136 | Jonathan Tsai 137 | 138 |
139 |
142 |
140 |
141 | |
143 |
--------------------------------------------------------------------------------