├── .github
├── ISSUE_TEMPLATE
│ ├── config.yml
│ ├── FEATURE_REQUEST.yml
│ └── BUG_REPORT.yml
├── pull_request_template.md
└── workflows
│ └── deploy.yml
├── src
├── vite-env.d.ts
├── css
│ ├── App.css
│ ├── Section.css
│ ├── WorkflowAnalysis.css
│ ├── GuidePage.css
│ ├── Dashboard.css
│ ├── Guide.css
│ ├── Recommendation.css
│ ├── Sidebar.css
│ ├── Link.css
│ ├── fonts.css
│ ├── NotFound.css
│ ├── fade-in.css
│ ├── Guides.css
│ └── Header.css
├── main.tsx
├── components
│ ├── pages
│ │ ├── NotFound.tsx
│ │ ├── Guides
│ │ │ ├── GuidePage.tsx
│ │ │ ├── GuideMenuItem.tsx
│ │ │ ├── GuidePages.tsx
│ │ │ ├── GuideMenu.tsx
│ │ │ ├── TypesOfSustainabilityGuide.tsx
│ │ │ ├── EnergyConsumptionGuide.tsx
│ │ │ └── InclusiveLanguageGuide.tsx
│ │ ├── Dashboard
│ │ │ ├── DashboardInfo.tsx
│ │ │ ├── DashboardComponents.tsx
│ │ │ └── Dashboard.tsx
│ │ └── Home.tsx
│ ├── metrics
│ │ ├── Language
│ │ │ ├── LanguageScores.ts
│ │ │ ├── ProgrammingLanguage.tsx
│ │ │ ├── LanguageAdvise.tsx
│ │ │ ├── LanguageTooltips.ts
│ │ │ └── LanguagePiechart.tsx
│ │ ├── General
│ │ │ └── Info.tsx
│ │ ├── Sentiment
│ │ │ ├── Explanation.tsx
│ │ │ ├── analysis.ts
│ │ │ └── IssuesSentiment.tsx
│ │ ├── Inclusivity
│ │ │ ├── Recommendation.tsx
│ │ │ ├── Inclusive.tsx
│ │ │ └── checkLanguage.ts
│ │ ├── Contributors
│ │ │ ├── ContributorLogic.ts
│ │ │ ├── Contributors.tsx
│ │ │ └── ContributorPiechart.tsx
│ │ ├── Workflows
│ │ │ └── WorkflowAnalysis.tsx
│ │ └── Governance
│ │ │ └── Governance.tsx
│ └── structure
│ │ ├── DropDown.tsx
│ │ ├── Section.tsx
│ │ ├── Header.tsx
│ │ ├── Sidebar.tsx
│ │ └── SearchBar.tsx
├── App.tsx
├── assets
│ └── react.svg
└── logic
│ └── fetcher.ts
├── public
├── fonts
│ ├── Lora-Regular.ttf
│ ├── PlayfairDisplay-Bold.ttf
│ ├── PlayfairDisplay-Black.ttf
│ └── PlayfairDisplay-Regular.ttf
├── vite.svg
└── susie.svg
├── vite.config.ts
├── tsconfig.node.json
├── .gitignore
├── index.html
├── tsconfig.json
├── susie-changelog-template.hbs
├── package.json
├── CONTRIBUTING.md
├── README.md
├── CODE_OF_CONDUCT.md
└── CHANGELOG.md
/.github/ISSUE_TEMPLATE/config.yml:
--------------------------------------------------------------------------------
1 | blank_issues_enabled: false
--------------------------------------------------------------------------------
/src/vite-env.d.ts:
--------------------------------------------------------------------------------
1 | ///
2 |
--------------------------------------------------------------------------------
/public/fonts/Lora-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/philippedeb/susie/HEAD/public/fonts/Lora-Regular.ttf
--------------------------------------------------------------------------------
/public/fonts/PlayfairDisplay-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/philippedeb/susie/HEAD/public/fonts/PlayfairDisplay-Bold.ttf
--------------------------------------------------------------------------------
/public/fonts/PlayfairDisplay-Black.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/philippedeb/susie/HEAD/public/fonts/PlayfairDisplay-Black.ttf
--------------------------------------------------------------------------------
/public/fonts/PlayfairDisplay-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/philippedeb/susie/HEAD/public/fonts/PlayfairDisplay-Regular.ttf
--------------------------------------------------------------------------------
/src/css/App.css:
--------------------------------------------------------------------------------
1 | .App {
2 | display: flex;
3 | flex-direction: column;
4 | justify-content: flex-start;
5 | align-items: stretch;
6 | }
7 |
--------------------------------------------------------------------------------
/.github/pull_request_template.md:
--------------------------------------------------------------------------------
1 | ## What does this PR do?
2 |
3 |
4 | ## Which issue does it close?
5 |
6 |
7 | ## Checklist before merging
8 | - [ ] Tested
9 | - [ ] Documented
--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { defineConfig } from 'vite'
2 | import react from '@vitejs/plugin-react'
3 |
4 | // https://vitejs.dev/config/
5 | export default defineConfig({
6 | plugins: [react()],
7 | base: "/susie/"
8 | })
9 |
--------------------------------------------------------------------------------
/src/css/Section.css:
--------------------------------------------------------------------------------
1 | .section {
2 | background-color: #343a40;
3 | border-radius: 15px;
4 | padding: 20px;
5 | margin-bottom: 20px;
6 | }
7 |
8 | .section h3 {
9 | margin-bottom: 15px;
10 | color: #ffffff;
11 | }
12 |
--------------------------------------------------------------------------------
/tsconfig.node.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "composite": true,
4 | "module": "ESNext",
5 | "moduleResolution": "Node",
6 | "allowSyntheticDefaultImports": true
7 | },
8 | "include": ["vite.config.ts"]
9 | }
10 |
--------------------------------------------------------------------------------
/src/css/WorkflowAnalysis.css:
--------------------------------------------------------------------------------
1 | .workflow-progressbar {
2 | height: 30px;
3 | margin: 10px;
4 | margin-bottom: 20px;
5 | border-radius: 50px;
6 | }
7 |
8 | .workflow-legend {
9 | margin-right: 10px;
10 | }
11 |
12 | .legend {
13 | margin-bottom: 10px;
14 | }
15 |
--------------------------------------------------------------------------------
/src/main.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ReactDOM from 'react-dom/client'
3 | import App from './App'
4 | import 'bootstrap/dist/css/bootstrap.css'
5 |
6 | ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
7 |
8 |
9 | ,
10 | )
11 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 | package-lock.json
15 |
16 | # Editor directories and files
17 | .vscode/*
18 | !.vscode/extensions.json
19 | .idea
20 | .DS_Store
21 | *.suo
22 | *.ntvs*
23 | *.njsproj
24 | *.sln
25 | *.sw?
26 |
--------------------------------------------------------------------------------
/src/components/pages/NotFound.tsx:
--------------------------------------------------------------------------------
1 | import "../../css/NotFound.css";
2 |
3 | interface NotFoundProps {
4 | item: string;
5 | }
6 |
7 | function NotFound(props: NotFoundProps) {
8 | return (
9 |
10 |
11 | Sorry, we could not find the {props.item} you were looking for... 💚
12 |
13 |
13 |
{props.title}
14 |
15 |
16 | {props.children}
17 |
18 |
19 |
20 | );
21 | }
22 |
23 | export default GuidePage;
24 |
--------------------------------------------------------------------------------
/src/css/Link.css:
--------------------------------------------------------------------------------
1 | .susie-link {
2 | color: #7bc7ed;
3 | text-decoration: none;
4 | font-weight: bold;
5 | }
6 |
7 | .susie-link:hover {
8 | color: #7bc7ed;
9 | text-decoration: underline;
10 | font-weight: bold;
11 | }
12 |
13 | .susie-link-dark {
14 | color: #435b9c;
15 | text-decoration: none;
16 | font-weight: bold;
17 | }
18 |
19 | .susie-link-dark:hover {
20 | color: #435b9c;
21 | text-decoration: underline;
22 | font-weight: bold;
23 | }
24 |
25 | .susie-link-light {
26 | color: #7bc7ed;
27 | text-decoration: none;
28 | }
29 |
30 | .susie-link-light:hover {
31 | color: #7bc7ed;
32 | text-decoration: underline;
33 | }
34 |
--------------------------------------------------------------------------------
/src/css/fonts.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: "Lora";
3 | src: url("./fonts/Lora-Regular.ttf") format("truetype");
4 | font-weight: normal;
5 | font-style: normal;
6 | }
7 | @font-face {
8 | font-family: "Playfair Display";
9 | src: url("./fonts/PlayfairDisplay-Regular.ttf") format("truetype");
10 | font-weight: normal;
11 | font-style: normal;
12 | }
13 | @font-face {
14 | font-family: "Playfair Display";
15 | src: url("./fonts/PlayfairDisplay-Bold.ttf") format("truetype");
16 | font-weight: bold;
17 | font-style: normal;
18 | }
19 | @font-face {
20 | font-family: "Playfair Display";
21 | src: url("./fonts/PlayfairDisplay-Black.ttf") format("truetype");
22 | font-weight: 900;
23 | font-style: normal;
24 | }
25 |
--------------------------------------------------------------------------------
/src/css/NotFound.css:
--------------------------------------------------------------------------------
1 | .not-found {
2 | display: flex;
3 | justify-content: center;
4 | align-items: center;
5 | height: 40vh;
6 | }
7 |
8 | .not-found-text {
9 | font-size: 2em;
10 | color: white; /* Text is white */
11 | text-align: center;
12 | text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
13 | animation: float 3s ease-in-out infinite;
14 | }
15 |
16 | @keyframes float {
17 | 0% {
18 | transform: translateY(0);
19 | }
20 | 50% {
21 | transform: translateY(-2vh);
22 | }
23 | 100% {
24 | transform: translateY(0);
25 | }
26 | }
27 |
28 | @keyframes float-object {
29 | 0% {
30 | transform: translateY(0);
31 | }
32 | 50% {
33 | transform: translateY(-10px);
34 | }
35 | 100% {
36 | transform: translateY(0);
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/src/components/metrics/Language/LanguageScores.ts:
--------------------------------------------------------------------------------
1 | // https://greenlab.di.uminho.pt/wp-content/uploads/2017/10/sleFinal.pdf
2 | export const LanguageScores: Record = {
3 | "C": 1,
4 | "Rust": 1.03,
5 | "C++": 1.34,
6 | "Ada": 1.70,
7 | "Java": 1.98,
8 | "Pascal": 2.14,
9 | "Chapel": 2.18,
10 | "Lisp": 2.27,
11 | "Ocaml": 2.40,
12 | "Fortran": 2.52,
13 | "Swift": 2.79,
14 | "Haskell": 3.10,
15 | "C#": 3.14,
16 | "Go":3.23,
17 | "Dart":3.83,
18 | "F#": 4.13,
19 | "JavaScript":4.45,
20 | "Racket": 7.91,
21 | "TypeScript": 21.50,
22 | "Hack":24.02,
23 | "PHP": 29.30,
24 | "Erlang":42.23,
25 | "Lua":45.98,
26 | "Jruby":46.54,
27 | "Ruby":69.91,
28 | "Python":75.88,
29 | "Perl":79.58
30 | };
--------------------------------------------------------------------------------
/src/components/structure/DropDown.tsx:
--------------------------------------------------------------------------------
1 | import { useState } from "react";
2 | import { Collapse } from "react-bootstrap";
3 | import "../../css/Recommendation.css";
4 |
5 | interface Props {
6 | header: string;
7 | collapsed: boolean;
8 | children: React.ReactNode;
9 | }
10 |
11 | function DropDown(props: Props) {
12 | const [isOpen, setIsOpen] = useState(!props.collapsed);
13 |
14 | const toggleDropdown = () => {
15 | setIsOpen(!isOpen);
16 | };
17 |
18 | return (
19 |
20 |
21 |
{props.header}
22 |
23 | {props.children && (
24 |
25 | {props.children}
26 |
27 | )}
28 |