7 |
12 |
13 | );
14 | };
15 |
16 | export default Iframe;
17 |
--------------------------------------------------------------------------------
/prometheus-grafana.yaml:
--------------------------------------------------------------------------------
1 | apiVersion: v1
2 | kind: ConfigMap
3 | metadata:
4 | name: prometheus-grafana
5 | namespace: default
6 | labels:
7 | app.kubernetes.io/instance: prometheus
8 | app.kubernetes.io/managed-by: Helm
9 | app.kubernetes.io/name: grafana
10 | app.kubernetes.io/version: 10.0.1
11 | helm.sh/chart: grafana-6.58.2
12 | data:
13 | grafana.ini:
14 | "[security] \nallow_embedding = true\n[auth.anonymous] \nenabled = true \norg_role
15 | = Admin\n[users] \ndefault_org_role = Admin"
16 |
--------------------------------------------------------------------------------
/src/scss/navVariables.scss:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Handjet&display=swap');
2 |
3 | $Handjet-font: 'Handjet', cursive;
4 |
5 | $bg: rgb(255, 255, 255);
6 | $bg2: rgb(0, 0, 0);
7 | $text: rgb(15, 15, 15);
8 | $text2: rgb(240, 240, 240);
9 | $primary: #5069ff;
10 |
11 | $spacing-sm: 8px;
12 | $spacing-md: 16px;
13 | $spacing-lg: 32px;
14 |
15 | $header-height: 72px;
16 |
17 | $sm: 37.5em;
18 | $md: 48em;
19 | $lg: 64em;
20 | $x1: 75em;
21 |
22 | @mixin breakpoint($point) {
23 | @if $point == md {
24 | @media (min-width: $md) {
25 | @content;
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/components/LoadingCube.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | const LoadingCube = () => {
4 | return (
5 |
6 |
20 | );
21 | };
22 |
23 | export default LoadingCube;
24 |
--------------------------------------------------------------------------------
/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "browser": true,
4 | "es2021": true,
5 | "jest/globals": true
6 | },
7 | "extends": [
8 | "plugin:react/recommended",
9 | "plugin:jest/recommended",
10 | "airbnb",
11 | "prettier"
12 | ],
13 | "parserOptions": {
14 | "ecmaFeatures": {
15 | "jsx": true
16 | },
17 | "ecmaVersion": "latest",
18 | "sourceType": "module"
19 | },
20 | "plugins": ["react", "jest"],
21 | "rules": {
22 | "no-underscore-dangle": 0,
23 | "import/extensions": [
24 | "error",
25 | "ignorePackages",
26 | {
27 | "js": "always",
28 | "jsx": "always"
29 | }
30 | ]
31 | }
32 | }
--------------------------------------------------------------------------------
/src/scss/App.scss:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap');
2 | @import '_loading';
3 | @import '_login';
4 | @import '_signup';
5 | @import 'variables.scss';
6 | @import 'navVariables.scss';
7 | @import '_contact.scss';
8 |
9 | * {
10 | margin: 0;
11 | padding: 0;
12 | box-sizing: border-box;
13 | text-decoration: none;
14 | }
15 |
16 | html {
17 | font-size: 100%;
18 | }
19 | body {
20 | background-color: $bg2;
21 | height: 100%;
22 | font-family: 'Montserrat', sans-serif, system-ui, -apple-system,
23 | BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
24 | 'Open Sans', 'Helvetica Neue', sans-serif;
25 | }
26 |
27 | .iframe-container {
28 | width: 100%;
29 | height: 100vh;
30 | iframe {
31 | margin-top: 4.55em;
32 | width: 100%;
33 | height: 100%;
34 | border: none;
35 | }
36 | }
37 |
38 |
--------------------------------------------------------------------------------
/server/models/userModel.js:
--------------------------------------------------------------------------------
1 | const mongoose = require('mongoose');
2 | const Schema = mongoose.Schema;
3 |
4 | const SALT_WORK_FACTOR = 10;
5 | const bcrypt = require('bcryptjs');
6 |
7 | const userSchema = new Schema({
8 | username: { type: String, required: true, unique: true },
9 | email: { type: String, required: true, unique: true },
10 | password: { type: String, required: true },
11 | grafid: { type: String },
12 | });
13 |
14 | userSchema.pre('save', function (next) {
15 | // within this context, 'this' refers to the document about to be save
16 | // in our case, it should have properties username and password
17 | bcrypt.hash(this.password, SALT_WORK_FACTOR, (err, hash) => {
18 | if (err) return next(err);
19 | // reassign the document's password to it's hashed version
20 | this.password = hash;
21 | //this next call makes mongoose move on to saving the doc
22 | return next();
23 | });
24 | });
25 |
26 | const User = mongoose.model('User', userSchema);
27 |
28 | module.exports = User;
29 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
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 |
--------------------------------------------------------------------------------
/src/scss/index.scss:
--------------------------------------------------------------------------------
1 | @import './navVariables.scss';
2 |
3 | *,
4 | *::before,
5 | *::after {
6 | margin: 0;
7 | box-sizing: border-box;
8 | }
9 |
10 | body {
11 | font-family: $Handjet-font;
12 | color: $text;
13 | // height: 200vh;
14 | }
15 |
16 | main {
17 | height: calc(100vh - #{$header-height});
18 | display: flex;
19 | justify-content: center;
20 | align-items: center;
21 |
22 | .dash {
23 | font-size: 38px;
24 | text-align: center;
25 | font-weight: 700;
26 | color: $text2;
27 | padding: $spacing-md $spacing-lg;
28 | background: $bg2;
29 | border-radius: $spacing-sm;
30 | box-shadow: 0 0 10px $primary;
31 | margin: 0 $spacing-md;
32 |
33 | margin-top: -$header-height;
34 |
35 | &__focus {
36 | color: $primary;
37 | }
38 |
39 | @include breakpoint(md) {
40 | font-size: 42px;
41 | }
42 | }
43 | }
44 |
45 | button {
46 | // reset to default
47 | font-family: inherit;
48 | outline: none;
49 | border: none;
50 | background: none;
51 | letter-spacing: inherit;
52 | color: inherit;
53 | font-size: inherit;
54 | text-align: inherit;
55 | padding: 0;
56 | }
57 |
--------------------------------------------------------------------------------
/src/components/App.jsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 | import Login from './Login';
3 | import Navbar from './Navbar';
4 | import { Route, Routes } from 'react-router-dom';
5 | import Signup from './Signup';
6 | import Dashboard from './Dashboard';
7 | import Contact from './Contact';
8 |
9 | function App() {
10 | // useState hook to pass callback down to child component
11 | // update user state name to something that is more of a reference to grafid
12 | // Here, user represents the user's grafid cookie
13 | const [user, setUser] = useState('');
14 | // creating function to pass down to child components to update user grafid in state
15 | function funcSetUser(str) {
16 | setUser(str);
17 | return;
18 | }
19 | //
20 | return (
21 |
7 |
19 |
8 |
17 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 | Loading Metrics...
18 |
22 |
24 |
33 |
34 | );
35 | }
36 |
37 | export default App;
38 |
--------------------------------------------------------------------------------
/server/routes/userRoutes.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const router = express.Router();
3 | const userController = require('../controllers/userController.js');
4 | const dashboardController = require('../controllers/dashboardController.js');
5 | const installController = require('../controllers/installController.js');
6 |
7 | router.post('/signup', userController.createUser, (req, res) => {
8 | return res.status(200).json(res.locals.user);
9 | });
10 |
11 | router.post('/login', userController.getUser, (req, res, next) => {
12 | return res.status(200).json(res.locals.user);
13 | });
14 |
15 | // handles automatic instilation, port forwarding and creates a grafana dashboard for the user.
16 | router.post(
17 | '/sendgraf',
18 | installController.installFunc,
19 | installController.portFoward,
20 | dashboardController.createDashboard,
21 | dashboardController.updateUID,
22 | (req, res) => {
23 | return res.status(200).json(res.locals.updatedUser);
24 | }
25 | );
26 | // router.delete('/:user', userController.deleteUser, (req, res) => {
27 | // console.log('Hello from userRoutes delete');
28 | // return res.status(200).json(res.locals.user);
29 | // });
30 |
31 | // router.put('/:email/:password', userController.updateUser, (req, res) => {
32 | // console.log('hello from userRoutes update');
33 | // return res.status;
34 | // (200).json(res.locals.user);
35 | // });
36 |
37 | module.exports = router;
38 |
--------------------------------------------------------------------------------
/src/components/ContactCard.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
3 | import { faGithub, faLinkedin } from '@fortawesome/free-brands-svg-icons';
4 |
5 | export const ContactCard = ({
6 | imgSource,
7 | imgAlt,
8 | name,
9 | linkedin,
10 | github,
11 | }) => {
12 |
13 | const newStyle = {};
14 |
15 | if (name === 'Cameron Kirksey' || 'Eric Rennie' || 'Richard Dao') {
16 | newStyle.marginTop = '4.5%';
17 | }
18 | const [first, last] = name.split(' ')
19 | return (
20 |
21 |
22 | 
25 |
26 |
43 |
44 |
45 | )
46 | }
--------------------------------------------------------------------------------
/server/server.js:
--------------------------------------------------------------------------------
1 | require('dotenv').config();
2 | const express = require('express');
3 | const app = express();
4 | const path = require('path');
5 | const cors = require('cors');
6 | const userRoutes = require('./routes/userRoutes.js');
7 | const cookieParser = require('cookie-parser');
8 |
9 | const db = require('./database/db.config.js');
10 | db();
11 |
12 | app.use(cors());
13 | app.use(express.urlencoded({ extended: true }));
14 | app.use(express.json());
15 | app.use(cookieParser());
16 |
17 | //to the user routes
18 | app.use('/users', userRoutes);
19 |
20 | // statically serve everything in the build folder on the route '/build'
21 | app.use(express.static(path.join(__dirname, '../build')));
22 |
23 | // serve index.html on the route '/'
24 | app.get('/', (req, res) => {
25 | return res.status(200).sendFile(path.join(__dirname, '../index.html'));
26 | });
27 |
28 | // Always send the index.html for all other routes
29 | app.get('*', (req, res) => {
30 | res.sendFile(path.join(__dirname, '../build', 'index.html'));
31 | });
32 |
33 | //global express error handler
34 | app.use((err, req, res, next) => {
35 | const defaultErr = {
36 | log: 'Express error handler caught unknown middleware error',
37 | status: 500,
38 | message: { err: 'An error occurred' },
39 | };
40 | const errorObj = Object.assign({}, defaultErr, err);
41 | return res.status(errorObj.status).json(errorObj.message);
42 | });
43 |
44 | app.listen(process.env.PORT, () => {
45 | console.log(`Listening on port ${process.env.PORT}`);
46 | });
47 |
48 | module.exports = app;
49 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | //we require html plugin so we can add html to app (mpn install it first tho)
3 | const HtmlWebpackPlugin = require('html-webpack-plugin');
4 | const Dotenv = require('dotenv-webpack');
5 | const dotenv = require('dotenv');
6 | dotenv.config();
7 | module.exports = {
8 | //entry is where webpack starts to build dependency graph
9 | mode: process.env.NODE_ENV,
10 | entry: path.resolve(__dirname, 'src/index.js'),
11 | //output is where Webpack saves our bundle
12 | output: {
13 | path: path.resolve(__dirname, 'build'),
14 | filename: 'bundle.js',
15 | publicPath: '/'
16 | },
17 |
18 | plugins: [
19 | new HtmlWebpackPlugin({
20 | template: path.resolve(__dirname, 'index.html'),
21 | }),
22 | new Dotenv(),
23 | ],
24 |
25 | mode: process.env.NODE_ENV,
26 | resolve: {
27 | extensions: ['.js', '.jsx'],
28 | },
29 | module: {
30 | rules: [
31 | {
32 | test: /\.(js|jsx)$/,
33 | exclude: /node_modules/,
34 | use: {
35 | loader: 'babel-loader',
36 | },
37 | },
38 | {
39 | test: /\.(sa|sc|c)ss$/,
40 | use: ['style-loader', 'css-loader', 'sass-loader'],
41 | },
42 | {
43 | test: /\.(?:ico|gif|png|jpg|jpeg)$/i,
44 | type: 'asset/resource'
45 | },
46 | ],
47 | },
48 |
49 | devServer: {
50 | host: 'localhost',
51 | port: '8080',
52 | static: {
53 | directory: path.resolve(__dirname, 'build'),
54 | publicPath: '/',
55 | },
56 | historyApiFallback: true,
57 | proxy: {
58 | '/api': 'http://localhost:' + process.env.PORT,
59 | },
60 | },
61 | };
62 |
--------------------------------------------------------------------------------
/server/controllers/userController.js:
--------------------------------------------------------------------------------
1 | const User = require('../models/userModel');
2 | const bcrypt = require('bcryptjs');
3 |
4 | const UserController = {
5 | async createUser(req, res, next) {
6 | try {
7 | const { username, email, password } = req.body;
8 | const newUser = await User.create({
9 | username,
10 | email,
11 | password,
12 | });
13 | res.locals.user = newUser;
14 | return next();
15 | } catch (err) {
16 | return next({
17 | log: 'An error occurred within the createUser found in userController',
18 | status: 400,
19 | message: {
20 | err: 'An error occurred while trying to create a new user.',
21 | },
22 | });
23 | }
24 | },
25 |
26 | async getUser(req, res, next) {
27 | try {
28 | const { username, password } = req.body;
29 | const foundUser = await User.findOne({
30 | username,
31 | });
32 | console.log('foundUser: ', foundUser);
33 | // compare passwords
34 | const hashedPass = foundUser.password;
35 | // boolean to check if string is equal to hashed password
36 | const passOk = await bcrypt.compare(password, hashedPass);
37 | if (passOk) {
38 | res.locals.user = foundUser;
39 | return next();
40 | } else {
41 | return next({
42 | log: 'Failed credentials',
43 | status: 400,
44 | message: { err: 'Failed matching user credentials' },
45 | });
46 | }
47 | } catch {
48 | return next({
49 | log: 'An error occurred within the getUser controller found in userController.js.',
50 | status: 400,
51 | message: { err: 'An error occurred when trying to find user.' },
52 | });
53 | }
54 | },
55 | };
56 |
57 | module.exports = UserController;
58 |
--------------------------------------------------------------------------------
/src/components/Dashboard.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import LoadingCube from './LoadingCube';
3 | import { useNavigate } from 'react-router-dom';
4 | import { useState, useEffect } from 'react';
5 | import Iframe from './Iframe';
6 | import Cookies from 'js-cookie';
7 |
8 | const Dashboard = (props) => {
9 | // fake simulation of loading and then displaying data afterwards
10 | const navigate = useNavigate();
11 | const [isLoading, setIsLoading] = useState(true);
12 | const URL = 'http://localhost:4000/users/sendgraf';
13 | useEffect(() => {
14 | const fetchData = async () => {
15 | // console.log(props.login);
16 |
17 | try {
18 | const res = await fetch(URL, {
19 | method: 'POST',
20 | mode: 'cors',
21 | headers: {
22 | 'Content-Type': 'application/json',
23 | },
24 | body: JSON.stringify(props.user),
25 | });
26 | if (res.ok) {
27 | const objUser = await res.json();
28 | // props.setUser(objUser);
29 | Cookies.set('grafid', objUser.grafid, { expires: 1 });
30 | // console.log('stopping loading');
31 | setIsLoading(false);
32 | }
33 | } catch (err) {
34 | console.log(err);
35 | }
36 | };
37 | if (Cookies.get('grafid') !== undefined) {
38 | setTimeout(() => {
39 | setIsLoading(false);
40 | }, 3000);
41 | } else if (props.user !== '') {
42 | fetchData();
43 | } else {
44 | navigate('/');
45 | }
46 | }, []);
47 |
48 | return (
49 |
50 | {isLoading ? (
51 |
58 | );
59 | };
60 |
61 | export default Dashboard;
62 |
--------------------------------------------------------------------------------
/src/components/Contact.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { ContactCard } from './ContactCard';
3 | import Yeung from "../Images/Yeung.PNG";
4 | import Esposito from "../Images/Esposito.PNG";
5 | import Rennie from "../Images/Rennie.PNG";
6 | import Dao from "../Images/Dao.PNG";
7 | import Kirksey from "../Images/Kirksey.PNG"
8 |
9 | function Contact() {
10 |
11 | return (
12 |
54 |
55 |
56 | )}
57 |
13 |
52 | )
53 | }
54 |
55 | export default Contact;
56 |
57 |
--------------------------------------------------------------------------------
/__tests__/react/Navbar.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import '@testing-library/jest-dom/extend-expect';
3 | import { render, fireEvent } from '@testing-library/react';
4 | import { MemoryRouter } from 'react-router-dom';
5 | import Navbar from '../../src/components/Navbar';
6 |
7 | describe('Navbar Component', () => {
8 | it('renders the logo', () => {
9 | // destructure getByText from the screen object created by render
10 | const { getByText } = render(
11 |
14 |
51 | The Team
15 |
14 |
50 |
51 | );
52 | }
53 |
54 | const Button = (props) => {
55 | const navigate = useNavigate();
56 |
57 | const loggingOut = (e) => {
58 | e.preventDefault();
59 | Cookies.remove('grafid');
60 | props.setUser('');
61 | navigate('/');
62 | };
63 | return (
64 |
71 | );
72 | };
73 |
74 | export default Navbar;
75 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "kuview",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "/src/index.js",
6 | "scripts": {
7 | "start": "NODE_ENV=production node server/server.js",
8 | "build": "webpack --mode production",
9 | "dev": "concurrently \"nodemon server/server.js\" \"NODE_ENV=development webpack-dev-server --open\"",
10 | "test": "jest --verbose",
11 | "coverage": "jest --coverage"
12 | },
13 | "nodemonConfig": {
14 | "ignore": [
15 | "build",
16 | "client"
17 | ]
18 | },
19 | "keywords": [],
20 | "author": "",
21 | "license": "ISC",
22 | "dependencies": {
23 | "@auth0/auth0-react": "^2.1.1",
24 | "@fortawesome/fontawesome-svg-core": "^6.4.2",
25 | "@fortawesome/free-brands-svg-icons": "^6.4.2",
26 | "@fortawesome/react-fontawesome": "^0.2.0",
27 | "@reduxjs/toolkit": "^1.9.5",
28 | "axios": "^1.4.0",
29 | "bcryptjs": "^2.4.3",
30 | "cookie-parser": "^1.4.6",
31 | "cors": "^2.8.5",
32 | "cors-express": "^0.2.2",
33 | "dotenv": "^16.3.1",
34 | "express": "^4.18.2",
35 | "js-cookie": "^3.0.5",
36 | "loader": "^2.1.1",
37 | "mongodb": "^5.7.0",
38 | "mongoose": "^7.3.4",
39 | "react": "^18.2.0",
40 | "react-dom": "^18.2.0",
41 | "react-icons": "^4.10.1",
42 | "react-redux": "^8.1.1",
43 | "react-router-dom": "^6.14.2",
44 | "redux": "^4.2.1",
45 | "styled-components": "^6.0.1"
46 | },
47 | "devDependencies": {
48 | "@babel/core": "^7.22.5",
49 | "@babel/preset-env": "^7.22.6",
50 | "@babel/preset-react": "^7.22.5",
51 | "@testing-library/jest-dom": "^5.17.0",
52 | "@testing-library/react": "^14.0.0",
53 | "@testing-library/user-event": "^14.4.3",
54 | "babel-loader": "^9.1.2",
55 | "babel-plugin-styled-components": "^2.1.4",
56 | "concurrently": "^8.2.0",
57 | "css-loader": "^6.8.1",
58 | "dotenv-webpack": "^8.0.1",
59 | "eslint": "^7.12.0",
60 | "eslint-plugin-jest": "^27.2.3",
61 | "file-loader": "^6.2.0",
62 | "html-webpack-plugin": "^5.5.3",
63 | "identity-obj-proxy": "^3.0.0",
64 | "jest": "^29.6.2",
65 | "jest-environment-jsdom": "^29.6.2",
66 | "nodemon": "^2.0.22",
67 | "sass": "^1.63.6",
68 | "sass-loader": "^13.3.2",
69 | "style-loader": "^3.3.3",
70 | "webpack": "^5.88.1",
71 | "webpack-cli": "^5.1.4",
72 | "webpack-dev-server": "^4.15.1"
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/src/components/Signup.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 | import { useNavigate } from 'react-router-dom';
4 | import { useState } from 'react';
5 | function Signup() {
6 | // Update this to place .env variables for port...
7 | const URL = 'http://localhost:4000/users/signup';
8 | const navigate = useNavigate();
9 | const [showConfirmation, setShowConfirmation] = useState(false); // State to control confirmation message
10 | // fetch request handler
11 | const handleSubmit = async (e) => {
12 | e.preventDefault();
13 | const data = new FormData(e.target);
14 | // logs the form data
15 | const submission = Object.fromEntries(data.entries());
16 | // console.log('submission', submission);
17 | try {
18 | const res = await fetch(URL, {
19 | method: 'POST',
20 | mode: 'cors',
21 | headers: {
22 | 'Content-Type': 'application/json',
23 | },
24 | body: JSON.stringify(submission),
25 | });
26 | if (res.ok) {
27 | setShowConfirmation(true);
28 | setTimeout(() => {
29 | navigate('/login');
30 | }, 1000);
31 | }
32 | } catch (err) {
33 | console.log(err);
34 | }
35 | };
36 |
37 | return (
38 |
39 |
73 | );
74 | }
75 |
76 | export default Signup;
77 |
--------------------------------------------------------------------------------
/src/scss/_loading.scss:
--------------------------------------------------------------------------------
1 | $size: 200px;
2 | $primaryColor: rgb(136, 171, 175);
3 | .container {
4 | display: flex;
5 | justify-content: center;
6 | align-items: center;
7 | flex-direction: row;
8 | margin: 0 auto;
9 | width: 50%;
10 | }
11 |
12 | .wrapper {
13 | height: 100vh;
14 | display: flex;
15 | align-items: center;
16 | justify-content: center;
17 | background: radial-gradient(
18 | circle at 24.1% 68.8%,
19 | rgb(50, 50, 50) 0%,
20 | rgb(0, 0, 0) 99.4%
21 | );
22 | }
23 | @keyframes rotate {
24 | 0% {
25 | transform: rotateX(-37.5deg) rotateY(45deg);
26 | }
27 | 50% {
28 | transform: rotateX(-37.5deg) rotateY(405deg);
29 | }
30 | 100% {
31 | transform: rotateX(-37.5deg) rotateY(405deg);
32 | }
33 | }
34 |
35 | .cube,
36 | .cube * {
37 | position: absolute;
38 | width: $size + 1;
39 | height: $size + 1;
40 | }
41 |
42 | .sides {
43 | animation: rotate 3s ease infinite;
44 | animation-delay: 0.8s;
45 | transform-style: preserve-3d;
46 | transform: rotateX(-37.5deg) rotateY(45deg);
47 | }
48 |
49 | .cube .sides * {
50 | box-sizing: border-box;
51 | background-color: rgba(30, 128, 208, 0.5);
52 | border: calc($size / 10) solid white;
53 | }
54 |
55 | @mixin side($name, $rotate, $i) {
56 | .#{$name} {
57 | animation: #{$name}-animation 3s ease infinite;
58 | animation-delay: $i * 100ms;
59 | transform: #{$rotate} translateZ($size);
60 | animation-fill-mode: forwards;
61 | transform-origin: 50% 50%;
62 | }
63 |
64 | @keyframes #{$name}-animation {
65 | 0% {
66 | opacity: 1;
67 | transform: #{$rotate} translateZ($size);
68 | }
69 | 20% {
70 | opacity: 1;
71 | transform: #{$rotate} translateZ(calc($size / 2));
72 | }
73 | 70% {
74 | opacity: 1;
75 | transform: #{$rotate} translateZ(calc($size / 2));
76 | }
77 | 90% {
78 | opacity: 1;
79 | transform: #{$rotate} translateZ($size);
80 | }
81 | 100% {
82 | opacity: 1;
83 | transform: #{$rotate} translateZ($size);
84 | }
85 | }
86 | }
87 |
88 | .cube .sides {
89 | @include side('top', rotateX(90deg), 0);
90 | @include side('bottom', rotateX(-90deg), 0);
91 | @include side('front', rotateY(0deg), 1);
92 | @include side('back', rotateY(-180deg), 1);
93 | @include side('left', rotateY(-90deg), 1);
94 | @include side('right', rotateY(90deg), 1);
95 | }
96 |
97 | .text {
98 | margin-top: $size * 3;
99 | color: #fff;
100 | font-size: 2rem;
101 | width: 100%;
102 | font-weight: 600;
103 | text-align: center;
104 | }
105 |
--------------------------------------------------------------------------------
/src/scss/_contact.scss:
--------------------------------------------------------------------------------
1 | .Contact {
2 | display: flex;
3 | flex-direction: row;
4 | align-items: center;
5 | justify-content: center;
6 | height: 100vh;
7 | background:radial-gradient(
8 | circle at 24.1% 68.8%,
9 | rgb(50, 50, 50) 0%,
10 | rgb(0, 0, 0) 99.4%
11 | );
12 |
13 |
14 | .header {
15 | color: white;
16 | font-size: 40px;
17 | position: absolute;
18 | top: 14%;
19 | left: 50%;
20 | transform: translateX(-50%);
21 | }
22 |
23 | .card-container {
24 | display: flex;
25 | flex-direction: column;
26 | color: white;
27 | font-family: "Montserrat", sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
28 | align-items: center;
29 | justify-content: flex-start;
30 | // gap: 15px;
31 | // padding: 2px;
32 | // margin-top: 75px;
33 | margin: 1rem;
34 | max-width: 20rem;
35 | min-width: 20rem;
36 | width: 20rem;
37 | height: 32rem;
38 | min-height: 32rem;
39 | overflow: hidden;
40 | background-color: #1f1f1f;
41 | border-radius: 1rem;
42 | box-shadow: $primary 0px 1px 2px 0px,
43 | $primary 0px 2px 6px 2px;
44 |
45 | @include mobile {
46 | display:flex;
47 | flex-direction: column;
48 | height: 100%;
49 | max-width: 100%;
50 | }
51 | .card-img {
52 | margin-top: 20%;
53 | margin-bottom: 10px;
54 | //width: 80%;
55 | //height: 45%;
56 | min-height: 45%;
57 | min-width: 45%;
58 | padding: 5px;
59 | justify-content: center;
60 | align-items: flex-start;
61 | overflow: hidden;
62 | object-fit: cover;
63 | border-radius: 50%;
64 | display: inline-block;
65 | vertical-align: middle;
66 | box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
67 | }
68 |
69 | .name-and-social {
70 | text-align: center;
71 |
72 | padding: 10px;
73 | .name {
74 | font-size: 30px;
75 | }
76 | .social-container {
77 | display: flex;
78 | justify-content: center;
79 | align-items: center;
80 | margin-top: 17%;
81 | margin-bottom: 30px;
82 | //transform: translateY(-2px);
83 | }
84 |
85 | .fa-cog {
86 | color:$primary;
87 | }
88 |
89 | .component-1 {
90 | margin-top: 10%;
91 | margin-right: 50px;
92 | &:hover {
93 | transform: translateY(-6px);
94 | cursor: pointer;
95 | }
96 | }
97 |
98 | .component-2 {
99 | margin-top: 10%;
100 | &:hover {
101 | transform: translateY(-6px);
102 | cursor: pointer;
103 |
104 | }
105 | }
106 |
107 | }
108 | }
109 | }
110 |
111 |
--------------------------------------------------------------------------------
/src/components/Login.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Link } from 'react-router-dom';
3 | import { useNavigate } from 'react-router-dom';
4 | import Cookies from 'js-cookie';
5 | import { useState, useEffect } from 'react';
6 |
7 | function Login(props) {
8 | //import .env variable
9 | const URL = 'http://localhost:4000/users/login';
10 | const navigate = useNavigate();
11 | const [showConfirmation, setShowConfirmation] = useState(false);
12 | //
13 | useEffect(() => {
14 | // console.log('this is the cookie', Cookies.get('user'));
15 | if (Cookies.get('grafid') !== undefined) {
16 | navigate('/dashboard', { cookie: Cookies.get('grafid') });
17 | }
18 | }, []);
19 | // fetch request handler
20 | const handleSubmit = async (e) => {
21 | e.preventDefault();
22 | //gives FormData the submitted entries from form
23 | const data = new FormData(e.target);
24 | // form data - turns form data into object
25 | const submission = Object.fromEntries(data.entries());
26 | // submit fetch request to backend here
27 | try {
28 | const res = await fetch(URL, {
29 | method: 'POST',
30 | mode: 'cors',
31 | headers: {
32 | 'Content-Type': 'application/json',
33 | },
34 | body: JSON.stringify(submission),
35 | });
36 | // console.log('response: ', res);
37 | if (res.ok) {
38 | // take that response data (which holds the UID and pass it down through props)
39 | const objUser = await res.json();
40 | props.setUser(objUser);
41 | navigate('/dashboard');
42 | } else {
43 | setShowConfirmation(true);
44 | }
45 | } catch (err) {
46 | console.log(err);
47 | }
48 | };
49 |
50 | return (
51 |
40 |
72 |
41 |
51 | Welcome to KuView!
42 |43 | Monitor your Kubernetes clusters all in one place. Built with 44 | Prometheus and Grafana. 45 |
46 | Do you have an account? 47 | 48 | 49 | 50 |
52 |
71 | Sign up
53 | 69 | {showConfirmation &&Sign up confirmed! ✅
} 70 |
52 |
85 | );
86 | }
87 |
88 | export default Login;
89 |
--------------------------------------------------------------------------------
/src/scss/_login.scss:
--------------------------------------------------------------------------------
1 | // utilities
2 | @import 'variables';
3 |
4 | .login {
5 | height: 100vh;
6 | background: radial-gradient(
7 | circle at 24.1% 68.8%,
8 | rgb(50, 50, 50) 0%,
9 | rgb(0, 0, 0) 99.4%
10 | );
11 | display: flex;
12 | align-items: center;
13 | justify-content: center;
14 |
15 | .card {
16 | width: 750px;
17 | max-width: 100%;
18 | height: 50%;
19 | display: flex;
20 | background-color: #1f1f1f;
21 | border-radius: 10px;
22 | min-height: 60%;
23 | overflow: hidden;
24 | box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
25 | rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
26 | @include mobile {
27 | flex-direction: column;
28 | height: 100%;
29 | max-width: 100%;
30 | }
31 | .left {
32 | flex: 1;
33 | background-image: url('https://images.unsplash.com/photo-1640346876473-f76a73c71539?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=654&q=80');
34 | background-size: cover;
35 | // border-top-left-radius: 10px;
36 | // border-bottom-left-radius: 10px;
37 | display: flex;
38 | padding: 3em;
39 | flex-direction: column;
40 | gap: 30px;
41 | color: #fff;
42 | h1 {
43 | font-size: 2.5rem;
44 | line-height: 3rem;
45 | }
46 | p {
47 | }
48 | span {
49 | font-size: 0.8rem;
50 | }
51 | button {
52 | margin-top: -15px;
53 | width: 50%;
54 | padding: 10px;
55 | border-radius: 5px;
56 | border: 1px solid #5069ff;
57 | background-color: white;
58 | color: #5069ff;
59 | font-weight: bold;
60 | font-size: 0.65rem;
61 | &:hover {
62 | cursor: pointer;
63 | background-image: linear-gradient(rgb(0 0 0/10%) 0 0);
64 | }
65 | }
66 | }
67 | .right {
68 | flex: 1;
69 | padding: 3em;
70 | display: flex;
71 | flex-direction: column;
72 | gap: 30px;
73 | h1 {
74 | color: #e1dfdf;
75 | }
76 | form {
77 | display: flex;
78 | flex-direction: column;
79 | gap: 30px;
80 | input {
81 | color: #fff;
82 | border: none;
83 | background-color: #1f1f1f;
84 | border-bottom: 1px solid lightgray;
85 | padding: 20px 10px;
86 | &:focus {
87 | outline: none;
88 | }
89 | }
90 | button {
91 | font-weight: bold;
92 | font-size: 0.65rem;
93 | width: 50%;
94 | cursor: pointer;
95 | padding: 10px;
96 | border-radius: 5px;
97 | border: none;
98 | color: #fff;
99 | background-color: #5069ff;
100 | &:hover {
101 | cursor: pointer;
102 | background-image: linear-gradient(rgb(0 0 0/10%) 0 0);
103 | }
104 | }
105 | }
106 | #error {
107 | color: rgb(241, 75, 75);
108 | }
109 | }
110 | }
111 | }
112 |
--------------------------------------------------------------------------------
/src/scss/Navbar.module.scss:
--------------------------------------------------------------------------------
1 | @import './navVariables.scss';
2 |
3 | .header {
4 | height: $header-height;
5 | background: $bg2;
6 | color: $text2;
7 | position: fixed;
8 | z-index: 1000;
9 | width: 100%;
10 | box-shadow: 0 1px 5px $primary;
11 |
12 | &__content {
13 | max-width: 1920px;
14 | margin: 0 auto;
15 | padding: 0 $spacing-md;
16 | @include breakpoint(md) {
17 | padding: 0 $spacing-lg;
18 | }
19 | transition: 0.3s ease padding;
20 |
21 | height: 100%;
22 | display: flex;
23 | align-items: center;
24 |
25 | & > div {
26 | flex: 1;
27 | white-space: nowrap;
28 |
29 | &:nth-child(2) {
30 | display: flex;
31 | justify-content: flex-end;
32 | height: 100%;
33 |
34 | margin-right: $spacing-md;
35 | }
36 | &:last-of-type {
37 | display: flex;
38 | justify-content: flex-end;
39 | flex: 0;
40 | }
41 | }
42 | }
43 |
44 | &__button__container {
45 | display: none;
46 | @include breakpoint(md) {
47 | display: initial;
48 | }
49 | }
50 | &__toggler {
51 | display: flex;
52 | justify-content: center;
53 | align-items: center;
54 | cursor: pointer;
55 | @include breakpoint(md) {
56 | display: none;
57 | }
58 | & > svg {
59 | display: block;
60 | font-size: 32px;
61 | }
62 | }
63 | }
64 |
65 | .logo {
66 | font-size: 40px;
67 | font-weight: 700;
68 | color: $text2;
69 | letter-spacing: 1px;
70 | font-family: $Handjet-font;
71 | }
72 |
73 | .nav {
74 | width: 100%;
75 | position: fixed;
76 | top: $header-height;
77 | right: -100%;
78 | background: rgba($bg2, 0.8);
79 | text-align: center;
80 | padding: $spacing-md 0;
81 |
82 | &__open {
83 | transition: 0.2s ease right;
84 | right: 0;
85 | }
86 |
87 | &__item {
88 | display: block;
89 | padding: $spacing-md;
90 |
91 | text-decoration: none;
92 | color: inherit;
93 |
94 | height: 100%;
95 |
96 | transition: 0.3s ease color;
97 | &:hover {
98 | color: $primary;
99 | }
100 | }
101 |
102 | @include breakpoint(md) {
103 | position: static;
104 | display: grid;
105 | grid-template-columns: repeat(3, 1fr);
106 | background: initial;
107 | width: auto;
108 | padding: 0;
109 |
110 | &__item {
111 | padding: 0 $spacing-lg;
112 | display: flex;
113 | align-items: center;
114 | justify-content: center;
115 | }
116 | }
117 |
118 | &__button__container {
119 | @include breakpoint(md) {
120 | display: none;
121 | }
122 | padding: $spacing-md;
123 | }
124 | }
125 |
126 | .button {
127 | font-weight: 500;
128 | color: $primary;
129 | border: 2px solid $primary;
130 | padding: $spacing-sm $spacing-lg;
131 | border-radius: calc($spacing-sm/ 2);
132 | cursor: pointer;
133 |
134 | box-shadow: 0 0 0.5em 0 $primary;
135 |
136 | &:active {
137 | transform: scale(0.98);
138 | border-radius: 0;
139 | }
140 | &:hover {
141 | box-shadow: 0 0 0.75em 0 $primary;
142 | }
143 | }
144 |
--------------------------------------------------------------------------------
/src/scss/_signup.scss:
--------------------------------------------------------------------------------
1 | // utilities
2 | @import 'variables';
3 |
4 | .signup {
5 | height: 100vh;
6 | background: radial-gradient(
7 | circle at 24.1% 68.8%,
8 | rgb(50, 50, 50) 0%,
9 | rgb(0, 0, 0) 99.4%
10 | );
11 | display: flex;
12 | align-items: center;
13 | justify-content: center;
14 |
15 | .card {
16 | width: 750px;
17 | max-width: 100%;
18 | height: 50%;
19 | display: flex;
20 | flex-direction: row-reverse;
21 | background-color: #1f1f1f;
22 | border-radius: 10px;
23 | min-height: 60%;
24 | overflow: hidden;
25 | box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
26 | rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
27 |
28 | @include mobile {
29 | flex-direction: column;
30 | height: 100%;
31 | max-width: 100%;
32 | }
33 |
34 | .left {
35 | flex: 1;
36 | background-image: url('https://images.unsplash.com/photo-1637516408720-c7d7fd09a16e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=654&q=80');
37 | background-size: cover;
38 | // border-top-left-radius: 10px;
39 | // border-bottom-left-radius: 10px;
40 | display: flex;
41 | padding: 3em;
42 | flex-direction: column;
43 | gap: 30px;
44 | color: #fff;
45 | h1 {
46 | font-size: 2.5rem;
47 | line-height: 3rem;
48 | }
49 | p {
50 | }
51 | span {
52 | font-size: 0.8rem;
53 | }
54 | button {
55 | margin-top: -15px;
56 | width: 50%;
57 | padding: 10px;
58 | border-radius: 5px;
59 | border: 1px solid #5069ff;
60 | background-color: white;
61 | color: #5069ff;
62 | font-weight: bold;
63 | font-size: 0.65rem;
64 | &:hover {
65 | cursor: pointer;
66 | background-image: linear-gradient(rgb(0 0 0/10%) 0 0);
67 | }
68 | }
69 | }
70 | .right {
71 | flex: 1;
72 | padding: 3em;
73 | display: flex;
74 | flex-direction: column;
75 | gap: 30px;
76 | h1 {
77 | color: #e1dfdf;
78 | }
79 | form {
80 | display: flex;
81 | flex-direction: column;
82 | gap: 30px;
83 | input {
84 | color: #fff;
85 | border: none;
86 | background-color: #1f1f1f;
87 | border-bottom: 1px solid lightgray;
88 | padding: 20px 10px;
89 | &:focus {
90 | outline: none;
91 | }
92 | }
93 | button {
94 | font-weight: bold;
95 | font-size: 0.65rem;
96 | width: 50%;
97 | cursor: pointer;
98 | padding: 10px;
99 | border-radius: 5px;
100 | border: none;
101 | color: #fff;
102 | background-color: #5069ff;
103 | &:hover {
104 | cursor: pointer;
105 | background-image: linear-gradient(rgb(0 0 0/10%) 0 0);
106 | }
107 | }
108 | }
109 | #confirmation {
110 | color: green;
111 | }
112 | }
113 | }
114 | }
115 |
--------------------------------------------------------------------------------
/__tests__/react/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { render, screen } from '@testing-library/react';
3 | import App from '../../src/components/App';
4 | import { MemoryRouter } from 'react-router-dom';
5 | import Cookies from 'js-cookie';
6 |
7 | describe('App Component', () => {
8 | describe('Rendering', () => {
9 | it('renders the app component', () => {
10 | // destructure getByTestId from the screen object created by render
11 | // wrapper is just shorthand for wrapping the App component within the MemoryRouter component
12 | const { getByTestId } = render(
53 |
84 |
54 |
64 | Welcome to KuView!
55 |56 | Monitor your Kubernetes clusters all in one place. Built with 57 | Prometheus and Grafana. 58 |
59 | Don't have an account? 60 | 61 | 62 | 63 |
65 |
83 | Login
66 | 81 | {showConfirmation &&Wrong username or password!
} 82 |
20 |
21 | • [Introduction](#introduction) • [Prerequisites](#prerequisites) • [Getting started](#getting-started) • [Installation](#installation) • [Considerations](#considerations) • [Open Source](#open-source) • [Creators](#creators) •
22 |
23 |
24 | 
71 |
72 | _Once you type in your username, password, and email, the application will direct you to login._
73 |
74 | ## Installation
75 |
76 | After typing in your credentials and logging in, our application will automatically handle the installation of Prometheus and Grafana on your Kubernetes cluster through helm and apply our custom .yaml files.
77 |
78 | **We would highly recommend installing [HomeBrew](https://brew.sh/) manually before using KuView** to avoid possible installation issues.
79 |
80 | 
81 |
82 | The dashboard will be saved onto your account and be displayed afterwards.
83 |
84 | 
85 |
86 | You can now view your cluster metrics in real-time, and the dashboard will update automatically. Feel free to personalize the dashboard and rearrange the layout to your preference!
87 |
88 | ## Considerations
89 |
90 | **As KuView is still early in it's development stage, there are a few things to keep in mind when using this application.**
91 |
92 | ### Port
93 |
94 | KuView requires a number of defult ports to operate. Please **avoid** using the ports listed below.
95 |
96 | For more information, execute the following command in your terminal `kubectl get services` after login for the first time.
97 | | Port | Application |
98 | |:---:|:-------------------|
99 | | **8080** | Kuview Dashboard |
100 | | **4000** | Express |
101 | | **9090** | Prometheus |
102 | | **3000** | Grafana |
103 |
104 | ### Accounts
105 |
106 | - If a new account is created, any old account will have an issue loading the dashboard. This is due to a conflict in Grafana. Upon a new user login, KuView creates/overrides the existing Grafana dashboard and assigns it a new ID. for a smooth experience, please only use **one** account or the newest account created.
107 |
108 | - We currently have an issue relaunching the Node server due to a persistent cookie after shutting down the app. This is because the Login page redirects to the dashboard without port forwarding. For a smooth experience, please either logout before killing the Node server or delete the cookie if you do encounter this issue.
109 |
110 | ## Open Source
111 |
112 | If you would like to contribute and make KuView a better Open Source Project, we welcome you with open arms.
113 |
114 | Below lists a table of features we currently have and future plans.
115 |
116 |
117 |
118 | | Feature | Status |
119 | | :--------------------: | :----: |
120 | | Automate installation | 🎉 |
121 | | Grafana yaml config | 🎉 |
122 | | Custom dashboard | 🎉 |
123 | | Password ecryption | 🎉 |
124 | | Jest Front-end Testing | 🎉 |
125 | | Jest Back-end Testing | ⏳ |
126 | | Typescript conversion | ⏳ |
127 | | Alert System | 🙌 |
128 | | Node health Visualizer | 🙌 |
129 | | Cluster Visualizer | 🙌 |
130 |
131 |
139 |
140 | ## Creators
141 |
142 | | Creators | GitHub | LinkedIn |
143 | | :-----------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
144 | | **Cameron Kirksey** |
132 |
133 | - 🎉 = **Completed!**
134 | - ⏳ = **In Development!**
135 | - 🙌 = **Open for Contribution!**
136 |
137 |
138 | 
| 
|
145 | | **Eric Esposito** | | |
146 | | **Eric Rennie** | | |
147 | | **Jason Yeung** | | |
148 | | **Richard Dao** | | |
149 |
--------------------------------------------------------------------------------
/logs.txt:
--------------------------------------------------------------------------------
1 | *
2 | * ==> Audit <==
3 | * |-----------|------|----------|------------|---------|---------------------|---------------------|
4 | | Command | Args | Profile | User | Version | Start Time | End Time |
5 | |-----------|------|----------|------------|---------|---------------------|---------------------|
6 | | start | | minikube | ericrennie | v1.31.0 | 18 Jul 23 16:50 EDT | 18 Jul 23 16:52 EDT |
7 | | start | | minikube | ericrennie | v1.31.0 | 18 Jul 23 19:18 EDT | 18 Jul 23 19:19 EDT |
8 | | dashboard | | minikube | ericrennie | v1.31.0 | 18 Jul 23 20:20 EDT | |
9 | | start | | minikube | ericrennie | v1.31.0 | 18 Jul 23 20:27 EDT | 18 Jul 23 20:27 EDT |
10 | | start | | minikube | ericrennie | v1.31.0 | 19 Jul 23 15:06 EDT | 19 Jul 23 15:08 EDT |
11 | | stop | | minikube | ericrennie | v1.31.0 | 19 Jul 23 16:25 EDT | 19 Jul 23 16:25 EDT |
12 | | start | | minikube | ericrennie | v1.31.0 | 19 Jul 23 16:32 EDT | 19 Jul 23 16:34 EDT |
13 | | stop | | minikube | ericrennie | v1.31.0 | 19 Jul 23 16:39 EDT | 19 Jul 23 16:40 EDT |
14 | | start | | minikube | ericrennie | v1.31.0 | 19 Jul 23 16:40 EDT | 19 Jul 23 16:42 EDT |
15 | | stop | | minikube | ericrennie | v1.31.0 | 19 Jul 23 16:54 EDT | 19 Jul 23 16:54 EDT |
16 | | start | | minikube | ericrennie | v1.31.0 | 19 Jul 23 16:54 EDT | 19 Jul 23 16:56 EDT |
17 | | stop | | minikube | ericrennie | v1.31.0 | 19 Jul 23 17:00 EDT | 19 Jul 23 17:00 EDT |
18 | | start | | minikube | ericrennie | v1.31.0 | 19 Jul 23 17:01 EDT | |
19 | | start | | minikube | ericrennie | v1.31.0 | 19 Jul 23 17:02 EDT | |
20 | | delete | | minikube | ericrennie | v1.31.0 | 19 Jul 23 17:03 EDT | 19 Jul 23 17:03 EDT |
21 | | start | | minikube | ericrennie | v1.31.0 | 19 Jul 23 17:03 EDT | 19 Jul 23 17:05 EDT |
22 | | stop | | minikube | ericrennie | v1.31.0 | 19 Jul 23 17:19 EDT | 19 Jul 23 17:19 EDT |
23 | | start | | minikube | ericrennie | v1.31.0 | 19 Jul 23 17:19 EDT | |
24 | |-----------|------|----------|------------|---------|---------------------|---------------------|
25 |
26 | *
27 | * ==> Last Start <==
28 | * Log file created at: 2023/07/19 17:19:56
29 | Running on machine: Erics-iMac
30 | Binary: Built with gc go1.20.6 for darwin/amd64
31 | Log line format: [IWEF]mmdd hh:mm:ss.uuuuuu threadid file:line] msg
32 | I0719 17:19:56.014679 16258 out.go:296] Setting OutFile to fd 1 ...
33 | I0719 17:19:56.014858 16258 out.go:348] isatty.IsTerminal(1) = true
34 | I0719 17:19:56.014861 16258 out.go:309] Setting ErrFile to fd 2...
35 | I0719 17:19:56.014867 16258 out.go:348] isatty.IsTerminal(2) = true
36 | I0719 17:19:56.015081 16258 root.go:338] Updating PATH: /Users/ericrennie/.minikube/bin
37 | I0719 17:19:56.017228 16258 out.go:303] Setting JSON to false
38 | I0719 17:19:56.049697 16258 start.go:128] hostinfo: {"hostname":"Erics-iMac.lan","uptime":25015,"bootTime":1689776581,"procs":555,"os":"darwin","platform":"darwin","platformFamily":"Standalone Workstation","platformVersion":"12.6.7","kernelVersion":"21.6.0","kernelArch":"x86_64","virtualizationSystem":"","virtualizationRole":"","hostId":"b10012f9-1ba0-51de-99ec-413095744af1"}
39 | W0719 17:19:56.049799 16258 start.go:136] gopshost.Virtualization returned error: not implemented yet
40 | I0719 17:19:56.055443 16258 out.go:177] 😄 minikube v1.31.0 on Darwin 12.6.7
41 | I0719 17:19:56.059486 16258 notify.go:220] Checking for updates...
42 | I0719 17:19:56.059708 16258 config.go:182] Loaded profile config "minikube": Driver=qemu2, ContainerRuntime=docker, KubernetesVersion=v1.27.3
43 | I0719 17:19:56.059915 16258 driver.go:373] Setting default libvirt URI to qemu:///system
44 | I0719 17:19:56.063564 16258 out.go:177] ✨ Using the qemu2 driver based on existing profile
45 | I0719 17:19:56.067286 16258 start.go:298] selected driver: qemu2
46 | I0719 17:19:56.067310 16258 start.go:880] validating driver "qemu2" against &{Name:minikube KeepContext:false EmbedCerts:false MinikubeISO:https://storage.googleapis.com/minikube/iso/minikube-v1.31.0-amd64.iso KicBaseImage:gcr.io/k8s-minikube/kicbase:v0.0.40@sha256:8cadf23777709e43eca447c47a45f5a4635615129267ce025193040ec92a1631 Memory:6000 CPUs:2 DiskSize:20000 VMDriver: Driver:qemu2 HyperkitVpnKitSock: HyperkitVSockPorts:[] DockerEnv:[] ContainerVolumeMounts:[] InsecureRegistry:[] RegistryMirror:[] HostOnlyCIDR:192.168.59.1/24 HypervVirtualSwitch: HypervUseExternalSwitch:false HypervExternalAdapter: KVMNetwork:default KVMQemuURI:qemu:///system KVMGPU:false KVMHidden:false KVMNUMACount:1 APIServerPort:54044 DockerOpt:[] DisableDriverMounts:false NFSShare:[] NFSSharesRoot:/nfsshares UUID: NoVTXCheck:false DNSProxy:false HostDNSResolver:true HostOnlyNicType:virtio NatNicType:virtio SSHIPAddress: SSHUser:root SSHKey: SSHPort:22 KubernetesConfig:{KubernetesVersion:v1.27.3 ClusterName:minikube Namespace:default APIServerName:minikubeCA APIServerNames:[] APIServerIPs:[] DNSDomain:cluster.local ContainerRuntime:docker CRISocket: NetworkPlugin:cni FeatureGates: ServiceCIDR:10.96.0.0/12 ImageRepository: LoadBalancerStartIP: LoadBalancerEndIP: CustomIngressCert: RegistryAliases: ExtraOptions:[] ShouldLoadCachedImages:true EnableDefaultCNI:false CNI: NodeIP: NodePort:8443 NodeName:} Nodes:[{Name: IP:10.0.2.15 Port:8443 KubernetesVersion:v1.27.3 ContainerRuntime:docker ControlPlane:true Worker:true}] Addons:map[default-storageclass:true storage-provisioner:true] CustomAddonImages:map[] CustomAddonRegistries:map[] VerifyComponents:map[apiserver:true system_pods:true] StartHostTimeout:6m0s ScheduledStop: