+ {me?.badges ? (
+ me?.badges.map((badge, i) => (
+
+ Aucun badge
+ )} +
+
+ );
+}
diff --git a/app/(auth)/sign-in/page.tsx b/app/(auth)/sign-in/page.tsx
new file mode 100644
index 0000000..b00d5c5
--- /dev/null
+++ b/app/(auth)/sign-in/page.tsx
@@ -0,0 +1,12 @@
+import UserAuthForm from '@/ui/UserAuthForm';
+
+export default function Page() {
+ return (
+ <>
+ {children}
+
+
+
+ );
+}
diff --git a/app/(auth)/sign-up/page.tsx b/app/(auth)/sign-up/page.tsx
new file mode 100644
index 0000000..cf2ee5e
--- /dev/null
+++ b/app/(auth)/sign-up/page.tsx
@@ -0,0 +1,12 @@
+import UserAuthForm from '@/ui/UserAuthForm';
+
+export default function Page() {
+ return (
+ <>
+ Connexion
+
+
+
+ );
+}
diff --git a/app/(event)/event/[id]/page.tsx b/app/(event)/event/[id]/page.tsx
new file mode 100644
index 0000000..293e4ef
--- /dev/null
+++ b/app/(event)/event/[id]/page.tsx
@@ -0,0 +1,20 @@
+import EventLeaderboard from '@/ui/events/Leaderboard';
+import { cookies } from 'next/headers';
+import { notFound } from 'next/navigation';
+
+export const metadata = {
+ title: 'Tableau des scores - Peer-at Code',
+ description: 'Suivez la progression des élèves en direct'
+};
+
+export default async function Page({ params }: { params: { id: number } }) {
+ const { id } = params;
+
+ if (!id) {
+ notFound();
+ }
+
+ const token = cookies().get('token')?.value;
+
+ return Créer un compte
+
+
+ );
+}
diff --git a/app/dashboard/badges/page.tsx b/app/dashboard/badges/page.tsx
new file mode 100644
index 0000000..b70d5ec
--- /dev/null
+++ b/app/dashboard/badges/page.tsx
@@ -0,0 +1,38 @@
+'use client';
+
+import { useContext } from 'react';
+
+import { UserContext } from '@/context/user';
+
+import Badge from '@/ui/Badge';
+
+export default function Page() {
+ const { data: me } = useContext(UserContext);
+ return (
+
+
+ + Amuse toi avec Next.js et{' '} + Tailwindcss ! +
+Mes badges
++ Vos badges sont affichés ici, vous pouvez les partager avec vos amis +
+
+
+ {children}
+
+
+ );
+}
diff --git a/app/dashboard/leaderboard/page.tsx b/app/dashboard/leaderboard/page.tsx
new file mode 100644
index 0000000..068f126
--- /dev/null
+++ b/app/dashboard/leaderboard/page.tsx
@@ -0,0 +1,11 @@
+import Leaderboard from '@/ui/Leaderboard';
+import { cookies } from 'next/headers';
+
+export const metadata = {
+ title: 'Tableau des scores'
+};
+
+export default async function Page() {
+ const token = cookies().get('token')?.value;
+ return Tableau de bord
+Ceci est la page d'accueil du dashboard
+
+
+
+
+
+
+
+
+ Derniers puzzles
++ Voici les derniers puzzles que vous avez résolus ou essayer de résoudres +
+
+
+ -
+ {me?.completionsList && me.completionsList.length > 0 ? (
+ me?.completionsList
+ .sort(
+ (a, b) =>
+ a.score - b.score ||
+ a.tries - b.tries ||
+ a.puzzleName.localeCompare(b.puzzleName)
+ )
+ .map((completion, key) => {
+ return (
+
-
+ +++ {completion.puzzleName} +++++ + Essai{completion.tries > 1 ? 's' : ''} + + + {completion.tries} + +++ Score + + {completion.score} + ++
+ );
+ })
+ ) : (
+
- + + {isLoading ? 'Chargement en cours...' : 'Aucun puzzles'} + + + )} +
+
+ );
+ } else {
+ return (
+ Oh non! Un François 404
+
+
+ );
+ }
+}
diff --git a/app/dashboard/puzzles/[id]/page.tsx b/app/dashboard/puzzles/[id]/page.tsx
new file mode 100644
index 0000000..ca64eea
--- /dev/null
+++ b/app/dashboard/puzzles/[id]/page.tsx
@@ -0,0 +1,41 @@
+import { getPuzzle } from '@/lib/puzzles';
+import Puzzle from '@/ui/Puzzle';
+import SWRFallback from '@/ui/SWRFallback';
+import type { Metadata } from 'next';
+import { cookies } from 'next/headers';
+import { notFound } from 'next/navigation';
+
+export async function generateMetadata({ params }: { params: { id: number } }): PromiseOh non! Ce puzzle est introuvable
+Vous n' êtes dans aucun groupe
+ )} +
+
+ );
+}
diff --git a/context/user.tsx b/context/user.tsx
new file mode 100644
index 0000000..d9c1bca
--- /dev/null
+++ b/context/user.tsx
@@ -0,0 +1,20 @@
+'use client';
+
+import { useMe } from '@/lib/hooks/use-players';
+import type { Player } from '@/lib/players';
+import { createContext, type ReactNode } from 'react';
+
+export const UserContext = createContext<{
+ data: Player | null | undefined;
+ isLoading: boolean;
+ error: Error | null;
+}>({
+ data: null,
+ isLoading: true,
+ error: null
+});
+
+export const UserProvider = ({ token, children }: { token: string; children: ReactNode }) => {
+ const { data, isLoading, error } = useMe({ token });
+ return
+
+
+ Commencer l'aventure
+
+ Bienvenue sur
+ +
+
+
+
+
+ BIP BZZ BIIIP, HIIP, HELIP, HELLO, je suis Philipz ‘Cipher Wolf’ Barlow, une
+ intelligence artificielle développée par des étudiants d’HELMO dans le but de te donner
+ l’envie de coder.
+
+
+ Je faire de toi un bon développeur...Bzzzz, Crrrr, Pshiiit...
+
+
+ Ouch, ça recommence, mes fichiers sources ont été complètement buggé par des professeurs
+ de la HEPL. Leur but, me rendre complètement obsolète et faire fuir tous les étudiants
+ d’HELMO. Pour le moment je suis encore capable de t’apprendre des choses, mais nous
+ n’avons pas temps à perdre. Si tu apprends assez vite tu pourras corriger mon code
+ source afin de me sauver et de sauver notre chère école.
+
+
+ Il me reste peu de temps pour faire de toi un développeur épanouis et compétent. Je vais
+ te donner des petits défis durant la semaine qui te prépareront à un vrai challenge que
+ je te divulguerai tous les samedis matin. Celui-ci permettra de corriger un bug dans mon
+ code. Plus tu gagneras en compétence plus les challenges deviendront compliqués !
+ J’oganiserai régulièrement des batlles de programmation et cybersécurité afin que toi et
+ tes camarades puissiez prouver votre valeur !
+
+
+ Alors prêt à me suivre ? A ton clavier est c’est part…BIP...BOP...CRRRRK…
+
- 
- {name}
-
diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
deleted file mode 100644
index 3882f19..0000000
--- a/src/lib/components/Card.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-
-
-
-
-
diff --git a/src/lib/components/Chapter.svelte b/src/lib/components/Chapter.svelte
deleted file mode 100644
index 5754117..0000000
--- a/src/lib/components/Chapter.svelte
+++ /dev/null
@@ -1,39 +0,0 @@
-
-
-
-
-
-
- {data}
-{title}
-
-
-
- - {chapter.name} -
- -
-
diff --git a/src/lib/components/Puzzle.svelte b/src/lib/components/Puzzle.svelte
deleted file mode 100644
index 926c7a5..0000000
--- a/src/lib/components/Puzzle.svelte
+++ /dev/null
@@ -1,55 +0,0 @@
-
-
-
-
-
-
-
- {#if !isOpen && segments.length}
-
- {#each breadcrumb as segment}
- {@const last = segment === breadcrumb[breadcrumb.length - 1]}
-
- {segment.name}
-
- {#if !last}
- /
- {/if}
- {/each}
-
- {/if}
-
-
-
-
-
-
- - {puzzle.name} - - ({puzzle.score ? `${puzzle.score}` : '?'}/{puzzle.scoreMax} points) - -
-
- {#if puzzle.tags?.length}
-
-
- {#each puzzle.tags as tag}
-
- {tag.name}
-
- {/each}
-
- {/if}
-
-
diff --git a/src/routes/dashboard/+page.svelte b/src/routes/dashboard/+page.svelte
deleted file mode 100644
index c30b98f..0000000
--- a/src/routes/dashboard/+page.svelte
+++ /dev/null
@@ -1,71 +0,0 @@
-
-
-
-
-
-
-
-
- Tableau de bord
-Ceci est la page d'accueil du dashboard
-
-
-
-
-
-
-
-
- Derniers puzzles
-- Voici les derniers puzzles que vous avez résolus ou essayer de résoudres -
-
-
- -
- {#if user?.completionsList && user.completionsList.length > 0}
- {#each user.completionsList as completion, key}
-
-
- --- {completion.puzzleName} ----- - Essai{completion.tries > 1 ? 's' : ''} - - - {completion.tries} - --- Score - - {completion.score} - --
- {/each}
- {:else}
-
- - Aucun puzzles - - {/if} -
Mes badges
-Vos badges sont affichés ici, vous pouvez les partager avec vos amis
-
- {#if user?.badges}
- {#each user.badges as badge}
-
- Aucun badge
- {/if} -
-
- Chaptires
-- Les chapitres sont les différentes parties du jeu. Chaque chapitre est composé de plusieurs - puzzles. -
-
-
-
-
-
-
- {chapter.name}
- -
- {#if chapter.startDate && chapter.endDate}
-
-
-
-
- {new Date(chapter.startDate).toLocaleDateString('fr-FR', {
- day: 'numeric',
- month: 'long',
- year: 'numeric',
- hour: 'numeric',
- minute: 'numeric'
- })}{' '}
- -{' '}
- {new Date(chapter.endDate).toLocaleDateString('fr-FR', {
- day: 'numeric',
- month: 'long',
- year: 'numeric',
- hour: 'numeric',
- minute: 'numeric'
- })}
-
-
- {:else}
-
-
-
- {/if}
-
-
-
- -
- {#each chapter.puzzles as puzzle}
-
-
diff --git a/src/routes/dashboard/leaderboard/+page.server.ts b/src/routes/dashboard/leaderboard/+page.server.ts
deleted file mode 100644
index 97a70d5..0000000
--- a/src/routes/dashboard/leaderboard/+page.server.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-import { API_URL } from '$env/static/private';
-import type { LeaderboardEvent } from '$lib/types';
-
-import type { PageServerLoad } from './$types';
-
-export const load = (async ({ parent, fetch, cookies }) => {
- await parent();
-
- const session = cookies.get('session');
-
- // TODO: change this
- const res = await fetch(`${API_URL}/leaderboard/1`, {
- headers: {
- Authorization: `Bearer ${session}`
- }
- });
-
- if (!res.ok) {
- return {
- leaderboard: {} as LeaderboardEvent
- };
- }
-
- const leaderboard = (await res.json()) as LeaderboardEvent;
-
- return {
- leaderboard
- };
-}) satisfies PageServerLoad;
diff --git a/src/routes/dashboard/leaderboard/+page.svelte b/src/routes/dashboard/leaderboard/+page.svelte
deleted file mode 100644
index 3f25b37..0000000
--- a/src/routes/dashboard/leaderboard/+page.svelte
+++ /dev/null
@@ -1,72 +0,0 @@
-
-
-- {puzzle.name} - ({puzzle.scoreMax} points) -
- -
- {@html marked(puzzle.content, options)}
-
- {#if !puzzle.score}
-
-
- {:else}
-
-
- {/if}
-
-
-
-
- - Tentative{puzzle.tries && puzzle.tries > 1 ? 's' : ''} :{' '} - {puzzle.tries} -
-- Score : {puzzle.score} -
-
-
- Tableau des scores
-Suivez la progression des élèves en direct
--
- {#each groups as group}
- {@const players = group.players.sort((a, b) => b.score - a.score)}
- {@const last = players[players.length - 1]}
-
-
- - - {group.rank} - ----- {group.name} - - {#if players.length > 1} - {#each players as player} - {player.pseudo || 'Anonyme'}{#if player !== last}, {/if} - {' '} - {/each} - {:else} - {group.players[0].pseudo} - {/if} - ----- Essai{group.players.reduce((a, b) => a + b.tries, 0) || 0 ? 's' : ''} - {group.players.reduce((a, b) => a + b.tries, 0) || 0} --- Score - - {group.players.reduce((a, b) => a + b.score, 0)} - --
- {/each}
-
-
- {/each}
-
-
-
-
- {chapter.name}
- -
- {#if chapter.startDate && chapter.endDate}
-
-
-
-
- {new Date(chapter.startDate).toLocaleDateString('fr-FR', {
- day: 'numeric',
- month: 'long',
- year: 'numeric',
- hour: 'numeric',
- minute: 'numeric'
- })}{' '}
- -{' '}
- {new Date(chapter.endDate).toLocaleDateString('fr-FR', {
- day: 'numeric',
- month: 'long',
- year: 'numeric',
- hour: 'numeric',
- minute: 'numeric'
- })}
-
-
- {:else}
-
-
-
- {/if}
-
-
-
- -
- {#each chapter.puzzles as puzzle}
-
-
diff --git a/src/routes/sign-up/+page.server.ts b/src/routes/sign-up/+page.server.ts
deleted file mode 100644
index df5acd9..0000000
--- a/src/routes/sign-up/+page.server.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import { redirect, type Actions, fail } from '@sveltejs/kit';
-import type { PageServerLoad } from './$types';
-import { API_URL } from '$env/static/private';
-
-import { z } from 'zod';
-
-export const load = (async ({ locals: { user } }) => {
- if (user) throw redirect(303, '/dashboard');
-}) satisfies PageServerLoad;
-
-const schema = z.object({
- email: z
- .string()
- .email({
- message: 'Email invalide'
- })
- .trim(),
- firstname: z.string().trim(),
- lastname: z.string().trim(),
- pseudo: z.string().trim(),
- passwd: z.string(),
- description: z.string().nullable(),
- sgroup: z.string().nullable(),
- avatar: z.string().nullable()
-});
-
-export const actions = {
- default: async (event) => {
- const data = await event.request.formData();
-
- const parse = schema.safeParse(Object.fromEntries(data.entries()));
-
- if (!parse.success) {
- const errors = parse.error.errors.map((error) => {
- const { path, message } = error;
- return { field: path[0], message };
- });
- return fail(400, { errors });
- }
-
- const res = await fetch(`${API_URL}/register`, {
- method: 'POST',
- body: JSON.stringify({
- ...parse.data
- })
- });
-
- if (res.ok) {
- const token = res.headers.get('Authorization')?.split(' ')[1];
-
- if (!token) throw new Error('No token found');
-
- event.cookies.set('session', token, {
- path: '/'
- });
-
- throw redirect(303, '/dashboard');
- }
-
- if (res.status === 400) {
- const { username_valid, email_valid } = await res.json();
-
- const errors = [];
-
- if (!username_valid) {
- errors.push({
- field: 'pseudo',
- message: 'Ce pseudo est déjà utilisé'
- });
- }
-
- if (!email_valid) {
- errors.push({
- field: 'email',
- message: 'Cet email est déjà utilisé'
- });
- }
-
- return fail(400, { errors });
- }
-
- return fail(400, {
- errors: [{ field: 'passwd', message: "Une erreur s'est produite" }]
- });
- }
-} satisfies Actions;
diff --git a/src/routes/sign-up/+page.svelte b/src/routes/sign-up/+page.svelte
deleted file mode 100644
index 2dee1d5..0000000
--- a/src/routes/sign-up/+page.svelte
+++ /dev/null
@@ -1,73 +0,0 @@
-
-
-
-
-
-
- Connexion
- --
-
- - S'inscrire - - -
-
diff --git a/static/fonts/FiraCode.woff2 b/static/fonts/FiraCode.woff2
deleted file mode 100644
index c856e7b..0000000
Binary files a/static/fonts/FiraCode.woff2 and /dev/null differ
diff --git a/styles/globals.css b/styles/globals.css
new file mode 100644
index 0000000..e06bde9
--- /dev/null
+++ b/styles/globals.css
@@ -0,0 +1,18 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer components {
+ .console {
+ @apply relative top-0.5 inline-block;
+ }
+ input:-webkit-autofill,
+ input:-webkit-autofill:hover,
+ input:-webkit-autofill:focus,
+ textarea:-webkit-autofill,
+ textarea:-webkit-autofill:hover,
+ textarea:-webkit-autofill:focus {
+ -webkit-box-shadow: 0 0 0px 1000px hsl(258deg 15% 17%) inset;
+ transition: background-color 5000s ease-in-out 0s;
+ }
+}
diff --git a/svelte.config.js b/svelte.config.js
deleted file mode 100644
index 2214c60..0000000
--- a/svelte.config.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import adapter from '@sveltejs/adapter-node';
-import { vitePreprocess } from '@sveltejs/kit/vite';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
- // Consult https://kit.svelte.dev/docs/integrations#preprocessors
- // for more information about preprocessors
- preprocess: vitePreprocess(),
-
- kit: {
- // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
- // If your environment is not supported or you settled on a specific environment, switch out the adapter.
- // See https://kit.svelte.dev/docs/adapters for more information about adapters.
- adapter: adapter()
- }
-};
-
-export default config;
diff --git a/tailwind.config.js b/tailwind.config.js
index a2d61d8..cf483cb 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,117 +1,90 @@
-import { fontFamily } from 'tailwindcss/defaultTheme';
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const defaultTheme = require('tailwindcss/defaultTheme');
/** @type {import('tailwindcss').Config} */
-export default {
- content: ['./src/**/*.{html,js,svelte,ts}'],
- theme: {
- extend: {
- fontFamily: {
- sans: ['Karrik', ...fontFamily.sans],
- fira: ['Fira Code', ...fontFamily.sans]
- },
- colors: {
- border: 'hsl(var(--border))',
- input: 'hsl(var(--input))',
- ring: 'hsl(var(--ring))',
- background: 'hsl(var(--background))',
- foreground: 'hsl(var(--foreground))',
- // primary: {
- // DEFAULT: 'hsl(var(--primary))',
- // foreground: 'hsl(var(--primary-foreground))'
- // },
- secondary: {
- DEFAULT: 'hsl(var(--secondary))',
- foreground: 'hsl(var(--secondary-foreground))'
- },
- destructive: {
- DEFAULT: 'hsl(var(--destructive))',
- foreground: 'hsl(var(--destructive-foreground))'
- },
- muted: {
- DEFAULT: 'hsl(var(--muted))',
- foreground: 'hsl(var(--muted-foreground))'
- },
- accent: {
- DEFAULT: 'hsl(var(--accent))',
- foreground: 'hsl(var(--accent-foreground))'
- },
- popover: {
- DEFAULT: 'hsl(var(--popover))',
- foreground: 'hsl(var(--popover-foreground))'
- },
- card: {
- DEFAULT: 'hsl(var(--card))',
- foreground: 'hsl(var(--card-foreground))'
- },
- primary: {
- 900: 'hsl(258deg 15% 7%)',
- 800: 'hsl(258deg 15% 11%)',
- 700: 'hsl(258deg 15% 15%)',
- 600: 'hsl(258deg 15% 20%)',
- 500: 'hsl(258deg 15% 25%)',
- 400: 'hsl(258deg 14% 35%)',
- 300: 'hsl(258deg 13% 45%)',
- 200: 'hsl(258deg 13% 55%)',
- 100: 'hsl(258deg 10% 65%)',
- 50: 'hsl(258deg 8% 85%)',
- 0: 'hsl(258deg 8% 100%)'
- },
- brand: {
- DEFAULT: '#5049ca',
- accent: '#913fb6'
- },
- success: {
- DEFAULT: 'hsl(104deg 39% 59%)',
- secondary: '#b5e4ca',
- background: '#60a747'
- },
- info: {
- DEFAULT: 'hsl(258deg 78% 77%)',
- secondary: '#ccb8f9',
- background: '#9878de'
- },
- warning: {
- DEFAULT: 'hsl(39deg 100% 67%)',
- secondary: '#ffd88d',
- background: '#da9b34'
- },
- error: {
- DEFAULT: 'hsl(7deg 100% 67%)',
- secondary: '#ffbc99',
- background: '#cd4634'
- },
- highlight: {
- primary: 'hsl(258deg 15% 17%)',
- secondary: 'hsl(258deg 10% 46%)'
- }
- },
- backgroundColor: {
- primary: {
- DEFAULT: 'hsl(258deg 15% 7%)',
- 900: 'hsl(258deg 15% 7%)',
- 800: 'hsl(258deg 15% 11%)',
- 700: 'hsl(258deg 15% 15%)',
- 600: 'hsl(258deg 15% 20%)',
- 500: 'hsl(258deg 15% 25%)',
- 400: 'hsl(258deg 14% 35%)',
- 300: 'hsl(258deg 13% 45%)',
- 200: 'hsl(258deg 13% 55%)',
- 100: 'hsl(258deg 10% 65%)',
- 50: 'hsl(258deg 8% 85%)',
- 0: 'hsl(258deg 8% 100%)'
- },
- secondary: 'hsl(258deg 15% 11%)',
- tertiary: 'hsl(258deg 15% 17%)',
- contrast: '#4f5450'
- },
- textColor: {
- primary: 'hsl(258deg 8% 100%)',
- secondary: 'hsl(258deg 8% 84%)',
- tertiary: 'hsl(258deg 8% 65%)',
- secondaryAccent: '#e2e8f0',
- muted: 'hsl(258deg 7% 46%)'
- }
- }
- },
- plugins: []
+module.exports = {
+ mode: 'jit',
+ content: ['./app/**/*.{js,ts,jsx,tsx}', './ui/**/*.{js,ts,jsx,tsx}'],
+ future: {
+ hoverOnlyWhenSupported: true
+ },
+ theme: {
+ extend: {
+ fontFamily: {
+ sans: ['var(--font-sans)', ...defaultTheme.fontFamily.sans],
+ code: ['var(--font-code)', ...defaultTheme.fontFamily.serif]
+ },
+ colors: {
+ ...require('tailwindcss/colors'),
+ primary: {
+ 900: 'hsl(258deg 15% 7%)',
+ 800: 'hsl(258deg 15% 11%)',
+ 700: 'hsl(258deg 15% 15%)',
+ 600: 'hsl(258deg 15% 20%)',
+ 500: 'hsl(258deg 15% 25%)',
+ 400: 'hsl(258deg 14% 35%)',
+ 300: 'hsl(258deg 13% 45%)',
+ 200: 'hsl(258deg 13% 55%)',
+ 100: 'hsl(258deg 10% 65%)',
+ 50: 'hsl(258deg 8% 85%)',
+ 0: 'hsl(258deg 8% 100%)'
+ },
+ brand: {
+ DEFAULT: '#5049ca',
+ accent: '#913fb6'
+ },
+ success: {
+ DEFAULT: 'hsl(104deg 39% 59%)',
+ secondary: '#b5e4ca',
+ background: '#60a747'
+ },
+ info: {
+ DEFAULT: 'hsl(258deg 78% 77%)',
+ secondary: '#ccb8f9',
+ background: '#9878de'
+ },
+ warning: {
+ DEFAULT: 'hsl(39deg 100% 67%)',
+ secondary: '#ffd88d',
+ background: '#da9b34'
+ },
+ error: {
+ DEFAULT: 'hsl(7deg 100% 67%)',
+ secondary: '#ffbc99',
+ background: '#cd4634'
+ },
+ highlight: {
+ primary: 'hsl(258deg 15% 17%)',
+ secondary: 'hsl(258deg 10% 46%)'
+ }
+ },
+ backgroundColor: {
+ primary: {
+ DEFAULT: 'hsl(258deg 15% 7%)',
+ 900: 'hsl(258deg 15% 7%)',
+ 800: 'hsl(258deg 15% 11%)',
+ 700: 'hsl(258deg 15% 15%)',
+ 600: 'hsl(258deg 15% 20%)',
+ 500: 'hsl(258deg 15% 25%)',
+ 400: 'hsl(258deg 14% 35%)',
+ 300: 'hsl(258deg 13% 45%)',
+ 200: 'hsl(258deg 13% 55%)',
+ 100: 'hsl(258deg 10% 65%)',
+ 50: 'hsl(258deg 8% 85%)',
+ 0: 'hsl(258deg 8% 100%)'
+ },
+ secondary: 'hsl(258deg 15% 11%)',
+ tertiary: 'hsl(258deg 15% 17%)',
+ contrast: '#4f5450'
+ },
+ textColor: {
+ primary: 'hsl(258deg 8% 100%)',
+ secondary: 'hsl(258deg 8% 84%)',
+ tertiary: 'hsl(258deg 8% 65%)',
+ secondaryAccent: '#e2e8f0',
+ muted: 'hsl(258deg 7% 46%)'
+ }
+ }
+ },
+ plugins: [require('@tailwindcss/forms')]
};
diff --git a/tests/index.test.ts b/tests/index.test.ts
deleted file mode 100644
index bd67bfd..0000000
--- a/tests/index.test.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { expect, test } from '@playwright/test';
-
-test('index page redirects to login page', async ({ page }) => {
- await page.goto('/');
-
- await page.waitForURL('/sign-in');
-
- await expect(page.url()).toContain('/sign-in');
-});
-
-test('sign-in page has a sign-up link that redirects to the sign-up page', async ({ page }) => {
- await page.goto('/sign-in');
-
- const link = await page.$('a[href*="/sign-up"]');
-
- await link?.click();
-
- await page.waitForURL('/sign-up');
-
- await expect(page.url()).toContain('/sign-up');
-});
-
-test('sign-up page has a sign-in link that redirects to the sign-in page', async ({ page }) => {
- await page.goto('/sign-up');
-
- const link = await page.$('a[href*="/sign-in"]');
-
- await link?.click();
-
- await page.waitForURL('/sign-in');
-
- await expect(page.url()).toContain('/sign-in');
-});
-
-test('dashboard page redirects to sign-in page if user is not logged in', async ({ page }) => {
- await page.goto('/dashboard');
- await expect(page.url()).toContain('/sign-in');
-});
-
-test('login form accepts valid credentials', async ({ page }) => {
- await page.context().clearCookies();
-
- await page.goto('/sign-in');
-
- await page.fill('input[name="pseudo"]', 'glazk0');
- await page.fill('input[name="passwd"]', 'Cookies Are #Miam42');
-
- await Promise.all([page.getByRole('button').click(), page.waitForURL('/dashboard')]);
-
- await expect(page.url()).toContain('/dashboard');
-});
diff --git a/tsconfig.json b/tsconfig.json
index 6ae0c8c..8eac0d6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,17 +1,30 @@
{
- "extends": "./.svelte-kit/tsconfig.json",
- "compilerOptions": {
- "allowJs": true,
- "checkJs": true,
- "esModuleInterop": true,
- "forceConsistentCasingInFileNames": true,
- "resolveJsonModule": true,
- "skipLibCheck": true,
- "sourceMap": true,
- "strict": true
- }
- // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
- //
- // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
- // from the referenced tsconfig.json - TypeScript does not merge them in
+ "compilerOptions": {
+ "target": "es5",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noEmit": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "incremental": true,
+ "downlevelIteration": true,
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ],
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["./*"]
+ }
+ },
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+ "exclude": ["node_modules"]
}
diff --git a/ui/AppLink.tsx b/ui/AppLink.tsx
new file mode 100644
index 0000000..6bcd38e
--- /dev/null
+++ b/ui/AppLink.tsx
@@ -0,0 +1,15 @@
+'use client';
+
+import Link from 'next/link';
+import { forwardRef } from 'react';
+
+const AppLink = forwardRef
-
-
-
- Inscription
- --
-
- - Se connecter - -
+
+ );
+}
diff --git a/ui/Button.tsx b/ui/Button.tsx
new file mode 100644
index 0000000..8e003ea
--- /dev/null
+++ b/ui/Button.tsx
@@ -0,0 +1,28 @@
+import { cn } from '@/lib/utils';
+import { forwardRef } from 'react';
+
+const Button = forwardRef<
+ HTMLButtonElement,
+ React.ButtonHTMLAttributes
+
+ );
+
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/ui/Console.tsx b/ui/Console.tsx
new file mode 100644
index 0000000..6e588bc
--- /dev/null
+++ b/ui/Console.tsx
@@ -0,0 +1,38 @@
+'use client';
+
+import { cn } from '@/lib/utils';
+import { useEffect, useState } from 'react';
+
+export default function Console({ text, className }: { text: string; className?: string }) {
+ const [message, setMessage] = useState('');
+ const [typingIndex, setTypingIndex] = useState(0);
+
+ const typingDelay = 200; // The delay between each character being typed, in milliseconds
+
+ useEffect(() => {
+ const intervalId = setInterval(() => {
+ setTypingIndex((prevIndex) => prevIndex + 1);
+ }, typingDelay);
+
+ return () => clearInterval(intervalId);
+ }, [text]);
+
+ useEffect(() => {
+ if (typingIndex <= text.length) {
+ setMessage(text.slice(0, typingIndex));
+ }
+ }, [typingIndex, text]);
+
+ return (
+
+
+
+ )}
+
+
+
+ {link && (
+ {data}
+{title}
+
+ {message}
+
+ );
+}
diff --git a/ui/Dialog.tsx b/ui/Dialog.tsx
new file mode 100644
index 0000000..eff2215
--- /dev/null
+++ b/ui/Dialog.tsx
@@ -0,0 +1,54 @@
+import { cn } from '@/lib/utils';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import type { ReactNode } from 'react';
+import Icon from './Icon';
+// import Tooltip from './Tooltip';
+
+type DialogProps = {
+ title?: ReactNode;
+ tooltip?: ReactNode;
+ trigger: ReactNode;
+ children: ReactNode;
+ open?: boolean;
+ fullscreen?: boolean;
+ className?: string;
+ onOpenChange?: (open: boolean) => void;
+};
+
+export default function Dialog({
+ title,
+ tooltip,
+ trigger,
+ children,
+ open,
+ fullscreen,
+ className,
+ onOpenChange
+}: DialogProps) {
+ return (
+
+ _
+
+
+ {title}
+
+
+
+ )}
+ {children}
+ {children}
; +} diff --git a/ui/Icon.tsx b/ui/Icon.tsx new file mode 100644 index 0000000..d67aec3 --- /dev/null +++ b/ui/Icon.tsx @@ -0,0 +1,5 @@ +import { cn } from '@/lib/utils'; + +export default function Icon({ name, className }: { name: string; className?: string }) { + return ; +} diff --git a/ui/Input.tsx b/ui/Input.tsx new file mode 100644 index 0000000..cab7c6b --- /dev/null +++ b/ui/Input.tsx @@ -0,0 +1,28 @@ +import { forwardRef } from 'react'; +import ErrorMessage from './ErrorMessage'; +import Label from './Label'; + +const Input = forwardRef< + HTMLInputElement, + React.InputHTMLAttributes
+
+ Tableau des scores
+Suivez la progression des élèves en direct
+
+
+ {group.rank}
+
+
+
+
+
+ {group.name}
+
+ {group.players && group.players.length > 1
+ ? group.players
+ .map((player) => player.pseudo || 'Anonyme')
+ .sort((a, b) => a.localeCompare(b))
+ .join(', ')
+ : group.players[0].pseudo}
+
+
+
+ {/*
+
+ Puzzle{puzzles > 1 ? 's' : ''}
+ {puzzles}
+
*/}
+
+ Essai{tries > 1 ? 's' : ''}
+ {tries}
+
+
+ Score
+
+ {group.players.reduce((a, b) => a + b.score, 0)}
+
+
+
+
+ );
+}
diff --git a/ui/Puzzles.tsx b/ui/Puzzles.tsx
new file mode 100644
index 0000000..5246b30
--- /dev/null
+++ b/ui/Puzzles.tsx
@@ -0,0 +1,534 @@
+'use client';
+
+import { useRouter } from 'next/navigation';
+import { type ChangeEvent, useContext, useEffect, useMemo, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { useSWRConfig } from 'swr';
+
+import AppLink from './AppLink';
+import Button from './Button';
+import Dialog from './Dialog';
+import Icon from './Icon';
+import Input from './Input';
+import Select from './Select';
+
+import { UserContext } from '@/context/user';
+import { useGroups } from '@/lib/hooks/use-groups';
+import { usePuzzles } from '@/lib/hooks/use-puzzles';
+import type { Chapter, Puzzle } from '@/lib/puzzles';
+import { cn } from '@/lib/utils';
+import useLocalStorage from '@/lib/hooks/use-local-storage';
+
+const difficulty = [
+ { value: 'easy', label: 'Facile' },
+ { value: 'medium', label: 'Moyen' },
+ { value: 'hard', label: 'Difficile' }
+];
+
+// TODO: REFACTOR FILTER TO AVOID WARNINGS
+
+export default function Puzzles({ token }: { token: string }) {
+ const { data: me } = useContext(UserContext);
+ const { data, isLoading } = usePuzzles({ token });
+ const [isOpen, setIsOpen] = useState+ {puzzle.name}{' '} + ({puzzle.scoreMax} points) +
+
+
+ {!puzzle.score ? (
+
+ ) : (
+
+
+ )}
+
+
+
+ + Tentative{puzzle.tries && puzzle.tries > 1 ? 's' : ''} :{' '} + {puzzle.tries} +
++ Score : {puzzle.score} +
+
+
+ ))) || (
+
+
+ {isInEventGroup(chapter) && (
+
+
+ {chapter.name}
+ {!isInEventGroup(chapter) && isBeforeStart(chapter) && ( + + )} +
+ {chapter.startDate && chapter.endDate ? (
+
+
+
+ ) : (
+
+
+
+ )}
+
+ {isInEventGroup(chapter) && (
+ <>
+
+ -
+ {filteredData &&
+ filteredData
+ .sort((a, b) => a.scoreMax - b.scoreMax)
+ .map((puzzle) => (
+
+ {[...Array(3).keys()].map((i) => (
+
+ )}
+
+ );
+}
+
+function PuzzleProp({ puzzle, chapter }: { puzzle: Puzzle; chapter: Chapter }) {
+ function isStarted(chapter: Chapter) {
+ if (!chapter.startDate || !chapter.endDate) {
+ return false;
+ }
+ const startDate = new Date(chapter.startDate);
+ const now = new Date();
+ return now > startDate;
+ }
+ return (
+
+
+ ))}
+
+
+
+
+ -
+ {[...Array(6).keys()].map((j) => (
+
+ ))}
+
+
+ {puzzle.name}{' '}
+
+ ({puzzle.score ? `${puzzle.score}` : '?'}/{puzzle.scoreMax} points)
+
+
+
+
+ {puzzle.tags?.length && (
+
+
+ {puzzle.tags
+ .filter((tag) => !['easy', 'medium', 'hard'].includes(tag.name))
+ .map((tag, i) => (
+
+ {tag.name}
+
+ ))}
+
+ )}
+
+
+ )}
+
+
+ {puzzle.name}{' '}
+
+ ({puzzle.score ? `${puzzle.score}` : '?'}/{puzzle.scoreMax} points)
+
+
+
+
+ {puzzle.tags?.length && (
+
+
+ {puzzle.tags
+ .filter((tag) => !['easy', 'medium', 'hard'].includes(tag.name))
+ .map((tag, i) => (
+
+ {tag.name}
+
+ ))}
+
+ )}
+
+
+ );
+}
diff --git a/ui/SWRFallback.tsx b/ui/SWRFallback.tsx
new file mode 100644
index 0000000..ba5d09d
--- /dev/null
+++ b/ui/SWRFallback.tsx
@@ -0,0 +1,15 @@
+'use client';
+
+import { SWRConfig } from 'swr';
+
+export default function SWRFallback({
+ children,
+ fallback
+}: {
+ children: React.ReactNode;
+ fallback: {
+ [key: string]: unknown;
+ };
+}) {
+ return
+
+
+
+
+
+
+
+ +
+
+ );
+}
diff --git a/ui/ToHTML.tsx b/ui/ToHTML.tsx
new file mode 100644
index 0000000..d4396e0
--- /dev/null
+++ b/ui/ToHTML.tsx
@@ -0,0 +1,35 @@
+'use client';
+
+import { cn } from '@/lib/utils';
+import Mardown from 'react-markdown';
+import remarkBreaks from 'remark-breaks';
+import remarkGfm from 'remark-gfm';
+
+export default function ToHTML({ data, className }: { data: string; className?: string }) {
+ return (
+ {text}
+
+ (
+
+ ),
+ code: ({ node, ...props }) => (
+
+
+ );
+}
diff --git a/ui/UserAuthForm.tsx b/ui/UserAuthForm.tsx
new file mode 100644
index 0000000..78b18e2
--- /dev/null
+++ b/ui/UserAuthForm.tsx
@@ -0,0 +1,191 @@
+'use client';
+
+import cookies from 'js-cookie';
+import { usePathname, useRouter } from 'next/navigation';
+import { useState } from 'react';
+import { useForm } from 'react-hook-form';
+import AppLink from './AppLink';
+import Button from './Button';
+import Input from './Input';
+
+type FormData = {
+ pseudo: string;
+ email: string;
+ passwd: string;
+ firstname: string;
+ lastname: string;
+ description: string;
+ sgroup: string;
+ avatar: string;
+};
+
+export default function UserAuthForm() {
+ const {
+ register,
+ handleSubmit,
+ formState: { errors },
+ setError
+ } = useForm
+
+
+
+ );
+}
diff --git a/ui/dashboard/Wrapper.tsx b/ui/dashboard/Wrapper.tsx
new file mode 100644
index 0000000..7411fff
--- /dev/null
+++ b/ui/dashboard/Wrapper.tsx
@@ -0,0 +1,23 @@
+'use client';
+
+import { useState, type ReactNode } from 'react';
+
+import Sidenav from './Sidenav';
+import Usernav from './Usernav';
+
+export default function Wrapper({ children }: { children: ReactNode }) {
+ const [isOpen, setIsOpen] = useState(false);
+ const toggle = () => setIsOpen(!isOpen);
+
+ return (
+
+
+
+
+
+ {segment && (
+
+ {titleCase(segment)}
+
+ )}
+
+ {!isLoading && me ? (
+
+
+ ) : (
+
+
+
+ )}
+
+
+
+
+
+
+ );
+}
diff --git a/ui/events/Leaderboard.tsx b/ui/events/Leaderboard.tsx
new file mode 100644
index 0000000..cc0b987
--- /dev/null
+++ b/ui/events/Leaderboard.tsx
@@ -0,0 +1,87 @@
+'use client';
+
+import { cn } from '@/lib/utils';
+// import { Timer } from '../Timer';
+import type { ScoreEvent } from '@/lib/leaderboard';
+import type { SWRSubscription } from 'swr/subscription';
+import useSWRSubscription from 'swr/subscription';
+import Podium from './podium/Podium';
+import { Timer } from '../Timer';
+
+const SCORE_COLORS = ['text-yellow-400', 'text-gray-400', 'text-orange-400'];
+
+export default function EventLeaderboard({ id }: { token: string; id: number }) {
+ const subscription: SWRSubscription
+
+
+ {children}
+
+ -
+ {data?.groups.map((group, key) => (
+
-
+ + + {group.rank} + +++++ {group.name} + + {group.players && group.players.length > 1 + ? group.players + .map((player) => player.pseudo || 'Anonyme') + .sort((a, b) => a.localeCompare(b)) + .join(', ') + : group.players[0].pseudo} + +++ {/*++ Puzzles + + {group.players.reduce((a, b) => a + b.completions, 0)} + +*/} ++ Score + + {group.players.reduce((a, b) => a + b.score, 0)} + ++
+ ))}
+
+ {podium.map((group: any, index: number) => (
+
+ );
+}
diff --git a/ui/events/podium/PodiumStep.tsx b/ui/events/podium/PodiumStep.tsx
new file mode 100644
index 0000000..37edbcb
--- /dev/null
+++ b/ui/events/podium/PodiumStep.tsx
@@ -0,0 +1,62 @@
+import { motion } from 'framer-motion';
+
+export const positions: Record
+ ({
+ opacity: 1,
+ transition: {
+ delay: podium.length - group.place + 0.5,
+ duration: 0.75
+ }
+ }),
+ hidden: { opacity: 0 }
+ }}
+ className="w-16 items-center justify-center text-center"
+ >
+ {group.name}
+
+ ({
+ height: 200 * ((podium.length - group.place) / podium.length),
+ opacity: 2,
+ transition: {
+ delay: podium.length - group.place - 0.5,
+ duration: 1.25,
+ ease: 'backInOut'
+ }
+ }),
+ hidden: { opacity: 0, height: 0 }
+ }}
+ className="flex w-16 cursor-pointer place-content-center rounded-t-lg bg-brand shadow-lg hover:bg-opacity-80"
+ style={{
+ marginBottom: -1,
+ filter: `opacity(${0.1 + (podium.length - group.place) / podium.length})`
+ }}
+ >
+ {positions[group.place]}
+
+
+ );
+}
diff --git a/vite.config.ts b/vite.config.ts
deleted file mode 100644
index 37b6a84..0000000
--- a/vite.config.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vitest/config';
-
-export default defineConfig({
- plugins: [sveltekit()],
- test: {
- include: ['src/**/*.{test,spec}.{js,ts}']
- }
-});