feature: configure new games

.env

@@ -2,7 +2,7 @@ VITE_BASE_PATH=/quiz
 VITE_IN_MEMORY_TIMEOUT=200
 VITE_GAME_QUESTION_TIMEOUT=30
 
-VITE_BACKEND_MODE=supabase
+VITE_BACKEND_MODE=memory
 
 VITE_SUPABASE_URL=https://<project>.supabase.co
 VITE_SUPABASE_ANON_KEY=<your-anon-key>

src/App.css

@@ -43,6 +43,11 @@
     white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
     white-space: -o-pre-wrap; /* Opera 7 */
     word-wrap: break-word; /* Internet Explorer 5.5+ */
+    display: block;
+    background-color: #ffffff;
+    color: #565656;
+    padding: 4px 6px;
+    border-radius: 6px;
 }
 
 .PublicLayout .GamePlaySessionQuestionUnanswered > .card > .card-header code {

src/app/Infrastructure/InMemory/InMemoryAuthRepository.ts

@@ -0,0 +1,31 @@
+import AuthRepository from '../../Domain/Auth/AuthRepository.ts'
+import { Session } from '../../Domain/Auth/Auth.ts'
+import InMemoryRepository from './InMemoryRepository.ts'
+
+export default class InMemoryAuthRepository extends InMemoryRepository implements AuthRepository {
+  restore (): Promise<Session> {
+    return this.promisify({
+      username: 'memory',
+      abilities: []
+    })
+  }
+
+  signIn (username: string, password: string): Promise<Session> {
+    return this.promisify({
+      username: username + ':' + password,
+      abilities: []
+    })
+  }
+
+  signInWithOtp (username: string): Promise<Session> {
+    return this.promisify({
+      username: username,
+      abilities: []
+    })
+  }
+
+  signOut (): Promise<boolean> {
+    return Promise.resolve(true)
+  }
+
+}

src/app/Infrastructure/InMemory/InMemoryGameRepository.ts

@@ -1,22 +1,16 @@
 import GameRepository from '../../Domain/Game/GameRepository.ts'
 import Game from '../../Domain/Game/Game.ts'
 import games from './games.ts'
+import InMemoryRepository from './InMemoryRepository.ts'
 
-export default class InMemoryGameRepository implements GameRepository {
+export default class InMemoryGameRepository extends InMemoryRepository implements GameRepository {
   private games: Game[]
 
   constructor () {
+    super()
     this.games = games()
   }
 
-  async promisify <T>(data: T): Promise<T> {
-    const timeout = import.meta.env.VITE_IN_MEMORY_TIMEOUT || 300
-    return new Promise((resolve) => {
-      const handler = () => resolve(data)
-      window.setTimeout(handler, Number(timeout))
-    })
-  }
-
   async paginate (page: number, limit: number): Promise<Game[]> {
     return this.promisify(this.games.slice((page - 1) * limit, page * limit))
   }

src/app/Infrastructure/InMemory/InMemoryRepository.ts

@@ -0,0 +1,9 @@
+export default class InMemoryRepository {
+  async promisify <T>(data: T): Promise<T> {
+    const timeout = import.meta.env.VITE_IN_MEMORY_TIMEOUT || 300
+    return new Promise((resolve) => {
+      const handler = () => resolve(data)
+      window.setTimeout(handler, Number(timeout))
+    })
+  }
+}