Add editor

.gitignore

@@ -12,6 +12,7 @@ htmlcov/
 node_modules/
 
 .env
+.env.test
 .vscode
 *.DS_Store
 kernelboard/static/app

docker-compose.dev.yml

@@ -0,0 +1,37 @@
+version: '3.8'
+
+services:
+  postgres:
+    image: postgres:16
+    container_name: kernelboard-postgres
+    environment:
+      POSTGRES_USER: elainewy
+      POSTGRES_PASSWORD: dev
+      POSTGRES_DB: kernelboard
+    ports:
+      - "5433:5432"
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+      - ./tests/data.sql:/docker-entrypoint-initdb.d/data.sql
+    healthcheck:
+      test: ["CMD-SHELL", "pg_isready -U elainewy -d kernelboard"]
+      interval: 5s
+      timeout: 5s
+      retries: 5
+
+  redis:
+    image: redis:7-alpine
+    container_name: kernelboard-redis
+    ports:
+      - "6379:6379"
+    volumes:
+      - redis_data:/data
+    healthcheck:
+      test: ["CMD", "redis-cli", "ping"]
+      interval: 5s
+      timeout: 5s
+      retries: 5
+
+volumes:
+  postgres_data:
+  redis_data:

frontend/package.json

@@ -12,11 +12,14 @@
     "test": "vitest"
   },
   "dependencies": {
+    "@codemirror/lang-python": "^6.2.1",
+    "@codemirror/theme-one-dark": "^6.1.3",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.2.0",
     "@mui/material": "^7.2.0",
     "@types/react-syntax-highlighter": "^15.5.13",
+    "@uiw/react-codemirror": "^4.25.7",
     "dayjs": "^1.11.13",
     "echarts": "^6.0.0",
     "echarts-for-react": "^3.0.6",

frontend/src/App.tsx

@@ -6,6 +6,7 @@ import AppLayout from "./components/app-layout/AppLayout";
 import { CssBaseline, ThemeProvider } from "@mui/material";
 import { createAppTheme } from "./components/common/styles/theme";
 import Leaderboard from "./pages/leaderboard/Leaderboard";
+import LeaderboardEditor from "./pages/leaderboard/LeaderboardEditor";
 import Home from "./pages/home/Home";
 import News from "./pages/news/News";
 import WorkingGroups from "./pages/working-groups/WorkingGroups";
@@ -68,6 +69,7 @@ function App() {
             <Route path="/" element={<Navigate to="/home" replace />} />
             <Route path="/home" element={<Home />} />
             <Route path="/leaderboard/:id" element={<Leaderboard />} />
+            <Route path="/leaderboard/:id/editor" element={<LeaderboardEditor />} />
             <Route path="/news" element={<News />} />
             <Route path="/news/:slug" element={<News />} />
             <Route path="/working-groups" element={<WorkingGroups />} />