14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | /build
17 |
18 | # misc
19 | .DS_Store
20 | *.pem
21 |
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | .pnpm-debug.log*
27 |
28 | # local env files
29 | .env*.local
30 |
31 | # vercel
32 | .vercel
33 |
34 | # typescript
35 | *.tsbuildinfo
36 | next-env.d.ts
37 |
38 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | content: [
4 | './pages/**/*.{js,ts,jsx,tsx}',
5 | './components/**/*.{js,ts,jsx,tsx}',
6 | './app/**/*.{js,ts,jsx,tsx}',
7 | ],
8 | theme: {
9 | borderWidth: {
10 | DEFAULT: '0.2px',
11 | },
12 | },
13 | fontFamily: {
14 | sans: ['Inter var, sans-serif', { fontFeatureSettings: '"cv11", "ss01"' }],
15 | },
16 | theme: {
17 | container: {
18 | center: true,
19 | },
20 | },
21 | plugins: [require('flowbite/plugin')],
22 | plugins: [],
23 | };
24 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es6",
4 | "lib": ["dom", "dom.iterable", "esnext"],
5 | "allowJs": true,
6 | "skipLibCheck": true,
7 | "strict": true,
8 | "forceConsistentCasingInFileNames": true,
9 | "noEmit": true,
10 | "esModuleInterop": true,
11 | "module": "esnext",
12 | "moduleResolution": "node",
13 | "resolveJsonModule": true,
14 | "isolatedModules": true,
15 | "jsx": "preserve",
16 | "incremental": true
17 | },
18 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
19 | "exclude": ["node_modules"]
20 | }
21 |
--------------------------------------------------------------------------------
/utils/connectMongo.ts:
--------------------------------------------------------------------------------
1 | import mongoose from 'mongoose';
2 | import getConfig from 'next/config'
3 |
4 | /* Mongoose has a strict query mode that is enabled by default. This mode requires that you specify a
5 | query filter for all update() and remove() operations. */
6 | mongoose.set('strictQuery', false);
7 |
8 | /* It's getting the server runtime config from the `next.config.js` file. */
9 | const { serverRuntimeConfig } = getConfig()
10 |
11 | /**
12 | * It connects to MongoDB using the URI stored in the serverRuntimeConfig object
13 | */
14 | const connectMongo = async () => mongoose.connect(serverRuntimeConfig.MONGO_URI);
15 |
16 | export default connectMongo;
--------------------------------------------------------------------------------
/cypress/support/e2e.ts:
--------------------------------------------------------------------------------
1 | // ***********************************************************
2 | // This example support/e2e.ts is processed and
3 | // loaded automatically before your test files.
4 | //
5 | // This is a great place to put global configuration and
6 | // behavior that modifies Cypress.
7 | //
8 | // You can change the location of this file or turn off
9 | // automatically serving support files with the
10 | // 'supportFile' configuration option.
11 | //
12 | // You can read more here:
13 | // https://on.cypress.io/configuration
14 | // ***********************************************************
15 |
16 | // Import commands.js using ES2015 syntax:
17 | import './commands'
18 |
19 | // Alternatively you can use CommonJS syntax:
20 | // require('./commands')
--------------------------------------------------------------------------------
/typings.d.ts:
--------------------------------------------------------------------------------
1 | interface LoginValues {
2 | email: string;
3 | password: string;
4 | }
5 | interface KubecostTotals {
6 | totalCPU: number;
7 | totalRAM: number;
8 | totalGPU: number;
9 | totalloadBalancerCost: number;
10 | totalNetworkCost: number;
11 | totalPVCost: number;
12 | totalCost: number;
13 | totalSharedCost: number;
14 | totalDays: number;
15 | key: string;
16 | }
17 | interface HomeProps {
18 | data: {}[];
19 | }
20 | interface RegisterValues {
21 | email: string;
22 | password: string;
23 | lastName: string;
24 | firstName: string;
25 | ipAddress: string;
26 | changePassword?: string;
27 | }
28 | interface SessionData {
29 | email: string;
30 | lastName: string;
31 | firstName: string;
32 | ipAddress: string;
33 | }
--------------------------------------------------------------------------------
/test.txt:
--------------------------------------------------------------------------------
1 | NODE_ENV=development
2 | MONGO_URI="[your mongo db link here]"
3 | NEXTAUTH_URL=http://localhost:3500
4 | BCRYPT_SALT=10
5 | NEXTAUTH_SECRET=[your secret here (any combination of letters or numbers)]
6 | LOCAL_CLUSTER_IP = [your grafana link here: e.g. "localhost:3300"]
7 | DEPLOYED_CLUSTER_IP = [your cloud-deployed ip address here, e.g. "0.0.0.0"]
8 | LOCAL_CLUSTER_NAME = [your local cluster's grafana embed link name (.../d-solo/__your_name__/...)]
9 | DEPLOYED_CLUSTER_NAME = [your deployed cluster's grafana embed link name (.../d-solo/__your_name__/...)]
10 | DEPLOYED_CLUSTER_NAME_2 = [OPTIONAL: any other node in your deployed cluster's grafana embed link name (.../d-solo/__your_name__/...)]
11 | KUBECOST_IP = [your cloud-deployed kubecost ip address here, e.g. "0.0.0.0"]
12 | LOCAL_KUBECOST_IP = [your local kubecost ip address here, e.g. "0.0.0.0"]
--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | module.exports = {
3 | serverRuntimeConfig: {
4 | // Will only be available on the server side
5 | MONGO_URI: process.env.MONGO_URI,
6 | // DEPLOYED_CLUSTER_IP: process.env.DEPLOYED_CLUSTER_IP, // Pass through env variables
7 |
8 | // DEPLOYED_CLUSTER_NAME: process.env.DEPLOYED_CLUSTER_NAME,
9 | },
10 | publicRuntimeConfig: {
11 | // Will be available on both server and client
12 | KUBECOST_IP: process.env.KUBECOST_IP,
13 | LOCAL_CLUSTER_IP: process.env.LOCAL_CLUSTER_IP,
14 | LOCAL_CLUSTER_NAME: process.env.LOCAL_CLUSTER_NAME,
15 | DEPLOYED_CLUSTER_IP: process.env.DEPLOYED_CLUSTER_IP,
16 | DEPLOYED_CLUSTER_NAME: process.env.DEPLOYED_CLUSTER_NAME,
17 | DEPLOYED_CLUSTER_NAME_2: process.env.DEPLOYED_CLUSTER_NAME_2,
18 | LOCAL_KUBECOST_IP: process.env.LOCAL_KUBECOST_IP,
19 | },
20 | };
21 |
--------------------------------------------------------------------------------
/components/input.tsx:
--------------------------------------------------------------------------------
1 | import { ErrorMessage, useField } from "formik";
2 |
3 | // input component used in forms for register
4 | export const Input = ({ name, label, ...props }: any) => {
5 | const [field, meta] = useField(name);
6 | return (
7 |
8 |
15 |
20 |
21 | );
22 | };
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/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 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "private": true,
3 | "scripts": {
4 | "dev": "next dev",
5 | "port": "next dev -p 3500",
6 | "build": "next build",
7 | "start": "next start",
8 | "test": "npx kill-port 3500 && next dev -p 3500 & cypress open",
9 | "forward": "kubectl port-forward --namespace kubecost deployment/kubecost-cost-analyzer 9090 & next dev -p 3500 & kubectl port-forward svc/prometheus-operated 9000:9090 & kubectl --namespace default port-forward svc/minikube-grafana 3300:80"
10 | },
11 | "dependencies": {
12 | "bcrypt": "^5.1.0",
13 | "bcryptjs": "^2.4.3",
14 | "colors": "^1.4.0",
15 | "flowbite": "^1.6.3",
16 | "formik": "^2.2.9",
17 | "mongoose": "^6.8.4",
18 | "next": "latest",
19 | "next-auth": "^4.19.2",
20 | "react": "18.2.0",
21 | "react-dom": "18.2.0",
22 | "swr": "^2.0.3",
23 | "yup": "^0.32.11"
24 | },
25 | "devDependencies": {
26 | "@types/bcryptjs": "^2.4.2",
27 | "@types/node": "18.11.3",
28 | "@types/react": "18.0.21",
29 | "@types/react-dom": "18.0.6",
30 | "autoprefixer": "^10.4.12",
31 | "cypress": "^12.5.1",
32 | "postcss": "^8.4.18",
33 | "tailwindcss": "^3.2.4",
34 | "typescript": "4.9.4"
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/components/navbar.tsx:
--------------------------------------------------------------------------------
1 |
2 | import Image from 'next/image';
3 | import Logo from '../public/LOGO-FINAL.svg';
4 | import LoginButton from './login-btn';
5 |
6 | export default function NavBar() {
7 | return (
8 | <>
9 |
10 |