Configure ESLint, Prettier, and root project scripts

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

.github/pull_request_template.md

@@ -4,7 +4,7 @@
 
 ## What has been done?
 
- - [ ] 
+- [ ]
 
 ## Sceenshots/Videos
 

.github/workflows/build.yml

@@ -68,7 +68,7 @@ jobs:
               - 'executioner/**/rust/**'
             golang_executioner:
               - 'executioner/**/golang/**'
-      
+
   senatus:
     name: Senatus
     needs: find_modified_files
@@ -180,7 +180,6 @@ jobs:
       docker-context: ./executioner/runtimes/languages/rust/
       docker-file-path: ./executioner/runtimes/languages/rust/Dockerfile
       docker-tags: ghcr.io/42dotmk/colosseum-executioner-rust:latest
-
 
   golang_executioner:
     name: Golang executioner
@@ -191,4 +190,3 @@ jobs:
       docker-context: ./executioner/runtimes/languages/golang/
       docker-file-path: ./executioner/runtimes/languages/golang/Dockerfile
       docker-tags: ghcr.io/42dotmk/colosseum-executioner-golang:latest
-

.prettierignore

@@ -0,0 +1,30 @@
+# Dependencies
+**/node_modules/**
+
+# Build output
+**/dist/**
+**/build/**
+
+# Tool caches
+**/.cache/**
+**/.tmp/**
+**/.strapi/**
+**/coverage/**
+
+# Generated GraphQL code
+**/src/__generated__/**
+
+# Generated Strapi code
+senatus/types/generated/**
+senatus/.strapi-updater.json
+
+# Generated Strapi documentation
+senatus/src/extensions/documentation/documentation/**
+senatus/src/extensions/documentation/public/**
+
+# Package manager generated files
+**/package-lock.json
+
+# Minified/generated assets
+**/*.min.js
+**/*.min.css

DOCUMENTATION.md

@@ -1,4 +1,4 @@
-# Documentation 
+# Documentation
 
 You can set up husky in 2 ways - automagical, or manual, pick your poision and follow the steps.
 
@@ -17,6 +17,7 @@ It will install husky and set up the pre-commit hooks automagically.
 `npm i -g husky`
 
 > **Notes:**
+>
 > - **IMPORTANT**: Make sure the `Git` version is 2.9 or above
 > - Currently ESLint and TypeScript checks are enabled for the client, should also setup for caesar and senatus as well
 

README.md

@@ -1,42 +1,50 @@
 # Colosseum: Organize Competitive Programming and Interview Events
+
 Join us every Tuesday at 5:30 PM in Base42 as we embark on the journey of crafting the colossal masterpiece Colosseum, our open-source web solution tailored for organizing competitive programming and interview events.
 
 ## Core Applications:
 
-* **Client (Front-end)**: Crafted with React, our frontend provides an intuitive and seamless user experience.
-* **Senatus (Back-end)**: Powered by Strapi, our backend handles the core functionalities of our platform.
-* **Caesar (Code Execution)**: Currently in the prototyping phase, Caesar will be the engine behind code testing and execution, ensuring accuracy and efficiency.
+- **Client (Front-end)**: Crafted with React, our frontend provides an intuitive and seamless user experience.
+- **Senatus (Back-end)**: Powered by Strapi, our backend handles the core functionalities of our platform.
+- **Caesar (Code Execution)**: Currently in the prototyping phase, Caesar will be the engine behind code testing and execution, ensuring accuracy and efficiency.
 
 ## Event Details:
-* **Date**: Every Tuesday
-* **Time**: 5:30 PM
-* **Location**: Base42
+
+- **Date**: Every Tuesday
+- **Time**: 5:30 PM
+- **Location**: Base42
 
 > Besides app implementation, our community plans to organize competitive programming knowledge-sharing events and many competitions. Drop by if you're interested in participating in these activities!
 
 ## Quicklinks
-* [Wiki](https://wiki.42.mk/en/projects/colosseum-competitive-programming-engine)
-* [Source code](https://github.com/42dotmk/colosseum)
-* [Task management board](https://plane.42.mk/colosseum)
-* [Front-end DEV URL](https://colosseum.dev)
-* [Back-end DEV URL](https://senatus.colosseum.dev/)
+
+- [Wiki](https://wiki.42.mk/en/projects/colosseum-competitive-programming-engine)
+- [Source code](https://github.com/42dotmk/colosseum)
+- [Task management board](https://plane.42.mk/colosseum)
+- [Front-end DEV URL](https://colosseum.dev)
+- [Back-end DEV URL](https://senatus.colosseum.dev/)
 
 ## List of Contributors
+
 ### Development
-* Veronika Gjoreva [@vergjor](https://github.com/vergjor) 
-* Ilija Boshkov [@iboshkov](https://github.com/iboshkov) 
-* Mario Stojchevski [@MarioStojcevski](https://github.com/MarioStojcevski) 
-* Vasilaki Tocili [@VasilakiG](https://github.com/VasilakiG)
-* Gjorgi Krenkov [@gjorgi-krenkov](https://github.com/gjorgi-krenkov)
-* Jovan Mihov [@jovanmihov](https://github.com/jovanmihov)
+
+- Veronika Gjoreva [@vergjor](https://github.com/vergjor)
+- Ilija Boshkov [@iboshkov](https://github.com/iboshkov)
+- Mario Stojchevski [@MarioStojcevski](https://github.com/MarioStojcevski)
+- Vasilaki Tocili [@VasilakiG](https://github.com/VasilakiG)
+- Gjorgi Krenkov [@gjorgi-krenkov](https://github.com/gjorgi-krenkov)
+- Jovan Mihov [@jovanmihov](https://github.com/jovanmihov)
 
 ### Design
-* Bojana Dimitrova
-* Tereza Lozanovska
+
+- Bojana Dimitrova
+- Tereza Lozanovska
 
 ### Organization
-* Martin Dinev [@martin-dinev](https://github.com/martin-dinev)
-* Pavlina Buchevska
+
+- Martin Dinev [@martin-dinev](https://github.com/martin-dinev)
+- Pavlina Buchevska
 
 ## License
+
 Colosseum is [MIT Licensed](https://github.com/42dotmk/colosseum/blob/main/LICENSE)

SETUP.md

@@ -1,6 +1,6 @@
 ## Prerequisites
 
-Create a `.env` file in the root of the repository by following the example file: `.env.example` 
+Create a `.env` file in the root of the repository by following the example file: `.env.example`
 
 ### RabbitMQ
 
@@ -55,7 +55,7 @@ Usually you just need to run `pull.sh` to get the images available locally.
 
 ### Senatus
 
-You initially would need to setup the `.env` file by following the example file: `.env.example` 
+You initially would need to setup the `.env` file by following the example file: `.env.example`
 
 ```bash
 cd senatus;

client/.eslintrc.cjs

@@ -10,9 +10,6 @@ module.exports = {
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {
-    'react-refresh/only-export-components': [
-      'warn',
-      { allowConstantExport: true },
-    ],
+    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
   },
-}
+};

client/.eslintrc.yml

@@ -1,6 +1,6 @@
 parser: '@typescript-eslint/parser'
 parserOptions:
-  project: 
+  project:
     - './**/client/tsconfig.json'
     - './**/client/tsconfig.node.json'
 plugins:
@@ -19,18 +19,15 @@ settings:
   import/resolver:
     typescript: true
     node: true
-rules: {
-  'react/jsx-filename-extension': 'off',
-  'react/react-in-jsx-scope': 'off',
-  'react/function-component-definition': 'off',
-  'import/extensions': 'off',
-  'react/require-default-props': 'off',
-  "no-restricted-syntax": [
-    "error",
-    "FunctionExpression",
-    "FunctionDeclaration"
-  ]
-}
+rules:
+  {
+    'react/jsx-filename-extension': 'off',
+    'react/react-in-jsx-scope': 'off',
+    'react/function-component-definition': 'off',
+    'import/extensions': 'off',
+    'react/require-default-props': 'off',
+    'no-restricted-syntax': ['error', 'FunctionExpression', 'FunctionDeclaration'],
+  }
 overrides:
   - files: vite.config.ts
     rules:

client/README.md

@@ -1,2 +1 @@
 # Colosseum
-

client/codegen.ts

@@ -1,4 +1,4 @@
-import 'dotenv/config'
+import 'dotenv/config';
 
 import { CodegenConfig } from '@graphql-codegen/cli';
 import { GQL_URL } from './src/config';
@@ -12,10 +12,10 @@ const config: CodegenConfig = {
       plugins: [],
       presetConfig: {
         gqlTagName: 'gql',
-      }
-    }
+      },
+    },
   },
   ignoreNoDocuments: true,
 };
 
-export default config;
+export default config;

client/src/App.tsx

@@ -1,6 +1,4 @@
-import {
-  Route, Routes, BrowserRouter, Navigate,
-} from 'react-router-dom';
+import { Route, Routes, BrowserRouter, Navigate } from 'react-router-dom';
 import { Grid } from '@mui/material';
 import HomePage from './pages/Home';
 import CompetePage from './pages/Compete';

client/src/components/CodeEditor.tsx

@@ -1,13 +1,13 @@
-import { Editor, loader } from "@monaco-editor/react";
-import { Box } from "@mui/material";
+import { Editor, loader } from '@monaco-editor/react';
+import { Box } from '@mui/material';
 
 loader.init().then((monaco) => {
-  monaco.editor.defineTheme("editorTheme", {
-    base: "vs-dark",
+  monaco.editor.defineTheme('editorTheme', {
+    base: 'vs-dark',
     inherit: true,
     rules: [],
     colors: {
-      "editor.background": "#282A36",
+      'editor.background': '#282A36',
     },
   });
 });
@@ -23,19 +23,19 @@ const CodeEditor = ({ language, code, readOnly, onCodeChange }: Props) => {
   const handleOnChange = (codeText: string) => {
     if (readOnly) return;
     onCodeChange?.(codeText);
-  }
+  };
 
   return (
     <Box
       sx={{
-        backgroundColor: "editor.background",
-        width: "inherit",
-        height: "100%",
+        backgroundColor: 'editor.background',
+        width: 'inherit',
+        height: '100%',
         border: 1,
-        borderColor: "divider",
-        borderRadius: "12px",
-        justifyItems: "flex-end",
-        overflow: "hidden",
+        borderColor: 'divider',
+        borderRadius: '12px',
+        justifyItems: 'flex-end',
+        overflow: 'hidden',
       }}
     >
       <Editor
@@ -44,14 +44,14 @@ const CodeEditor = ({ language, code, readOnly, onCodeChange }: Props) => {
         theme="editorTheme"
         language={language}
         value={code.join('\n')}
-        onChange={(e) => handleOnChange(e ?? "")}
+        onChange={(e) => handleOnChange(e ?? '')}
         options={{
           readOnly,
           automaticLayout: true,
-          renderLineHighlight: "none",
+          renderLineHighlight: 'none',
           lineNumbersMinChars: 4,
           overviewRulerLanes: 0,
-          cursorStyle: "line-thin",
+          cursorStyle: 'line-thin',
           scrollbar: {
             horizontalSliderSize: 4,
             verticalSliderSize: 8,

client/src/components/EmptySectionPlaceholder.tsx

@@ -6,13 +6,9 @@ type Props = {
 };
 
 const EmptySectionPlaceholder = ({ message }: Props) => (
-  <div style={{ display: "flex" }}>
+  <div style={{ display: 'flex' }}>
     <InfoIcon style={{ paddingRight: 6 }} />
-    <Typography
-      color="text.secondary"
-      variant="caption"
-      style={{ alignContent: "center" }}
-    >
+    <Typography color="text.secondary" variant="caption" style={{ alignContent: 'center' }}>
       {message}
     </Typography>
   </div>

client/src/components/Header.tsx

@@ -1,26 +1,15 @@
-import {
-  Toolbar,
-  Box,
-  Typography,
-  Button,
-  AppBar,
-  Tab,
-  Tabs,
-} from '@mui/material';
+import { Toolbar, Box, Typography, Button, AppBar, Tab, Tabs } from '@mui/material';
 import { Link, useLocation } from 'react-router-dom';
 
 const Header = () => {
   const { pathname } = useLocation();
 
   return (
     <Box flexGrow={1}>
-      <AppBar
-        position="static"
-        sx={{ borderBottom: 1, borderColor: 'divider' }}
-      >
-        <Toolbar sx={{ backgroundColor: "background.default" }}>
-          <Box flexGrow={1} display={"inline-flex"} marginLeft={5}>
-            <Link to="/" style={{ display: "flex", textDecoration: "none" }}>
+      <AppBar position="static" sx={{ borderBottom: 1, borderColor: 'divider' }}>
+        <Toolbar sx={{ backgroundColor: 'background.default' }}>
+          <Box flexGrow={1} display={'inline-flex'} marginLeft={5}>
+            <Link to="/" style={{ display: 'flex', textDecoration: 'none' }}>
               <img src="/logo.svg" alt="logo" />
               <Typography color="primary" variant="h6" textTransform="uppercase" marginX={1}>
                 Colosseum
@@ -37,7 +26,13 @@ const Header = () => {
               role="navigation"
             >
               <Tab label="Home" component={Link} to="/home" value="/home" color="text.primary" />
-              <Tab label="Compete" component={Link} to="/compete" value="/compete" color="text.primary" />
+              <Tab
+                label="Compete"
+                component={Link}
+                to="/compete"
+                value="/compete"
+                color="text.primary"
+              />
             </Tabs>
           </Box>