Add daily ranking page

app/Http/Controllers/Multiplayer/RoomsController.php

···
 namespace App\Http\Controllers\Multiplayer;
 
 use App\Exceptions\InvariantException;
-use App\Http\Controllers\Controller as BaseController;
+use App\Http\Controllers\Controller;
+use App\Http\Controllers\Ranking\DailyChallengeController;
 use App\Models\Model;
 use App\Models\Multiplayer\Room;
 use App\Transformers\Multiplayer\RoomTransformer;
 
-class RoomsController extends BaseController
+class RoomsController extends Controller
 {
     public function __construct()
     {
···
                     'recent_participants',
                 ]
             );
+        }
+
+        if ($room->category === 'daily_challenge') {
+            return ujs_redirect(route('daily-challenge.show', DailyChallengeController::roomId($room)));
         }
 
         $playlistItemsQuery = $room->playlist();

app/Http/Controllers/Ranking/DailyChallengeController.php

···
+<?php
+
+// Copyright (c) ppy Pty Ltd <[e-mail]>. Licensed under the GNU Affero General Public License v3.0.
+// See the LICENCE file in the repository root for full licence text.
+
+declare(strict_types=1);
+
+namespace App\Http\Controllers\Ranking;
+
+use App\Http\Controllers\Controller;
+use App\Models\Multiplayer\Room;
+use Carbon\CarbonImmutable;
+use Carbon\Exceptions\InvalidFormatException;
+
+class DailyChallengeController extends Controller
+{
+    private const string DATE_FORMAT = 'Y-m-d';
+
+    public static function roomId(Room $room): string
+    {
+        return $room->starts_at->format(static::DATE_FORMAT);
+    }
+
+    public function index()
+    {
+        $room = Room::dailyChallenges()->last() ?? abort(404);
+
+        return ujs_redirect(route('daily-challenge.show', ['daily_challenge' => static::roomId($room)]));
+    }
+
+    public function show(string $dateString)
+    {
+        try {
+            $date = CarbonImmutable::createFromFormat(static::DATE_FORMAT, $dateString);
+        } catch (InvalidFormatException) {
+            abort(404, 'invalid date');
+        }
+
+        $room = Room::dailyChallengeFor($date) ?? abort(404);
+        $playlist = $room->playlist[0];
+
+        $currentRoomOption = [
+            'id' => $dateString,
+            'text' => $dateString,
+        ];
+        $roomOptions = Room::dailyChallenges()
+            ->orderBy('id')
+            ->get()
+            ->map(static::roomId(...))
+            ->map(fn (string $roomName): array => [
+                'id' => $roomName,
+                'text' => $roomName,
+            ]);
+
+        $scores = $room->topScores()->paginate();
+
+        $userScore = ($currentUser = \Auth::user()) === null
+            ? null
+            : $room->topScores()->whereBelongsTo($currentUser)->first();
+
+        return ext_view('rankings.daily_challenge', compact(
+            'currentRoomOption',
+            'playlist',
+            'room',
+            'roomOptions',
+            'scores',
+            'userScore',
+        ));
+    }
+}

app/Http/Controllers/RankingController.php

···
     const RANKING_TYPES = ['performance', 'charts', 'score', 'country'];
     const SPOTLIGHT_TYPES = ['charts'];
     // in display order
-    const TYPES = ['performance', 'score', 'country', 'multiplayer', 'seasons', 'charts', 'kudosu'];
+    const TYPES = [
+        'performance',
+        'score',
+        'country',
+        'multiplayer',
+        'daily_challenge',
+        'seasons',
+        'charts',
+        'kudosu',
+    ];
 
     public function __construct()
     {
···
     ): string {
         return match ($type) {
             'country' => route('rankings', ['mode' => $rulesetName, 'type' => $type]),
+            'daily_challenge' => route('daily-challenge.index'),
             'kudosu' => route('rankings.kudosu'),
             'multiplayer' => route('multiplayer.rooms.show', ['room' => 'latest']),
             'seasons' => route('seasons.show', ['season' => 'latest']),

app/Models/Multiplayer/Room.php

···
     public function macroDailyChallengeFor(): \Closure
     {
         return fn (Builder $query, CarbonImmutable $date): ?static
-            => static::where('category', 'daily_challenge')
+            => static::dailyChallenges()
                 ->whereBetween('starts_at', [$date->startOfDay(), $date->endOfDay()])
                 ->last();
     }
···
             ->where(function ($q) {
                 $q->where('ends_at', '>', Carbon::now())->orWhereNull('ends_at');
             });
+    }
+
+    public function scopeDailyChallenges(Builder $query): Builder
+    {
+        return $query->where('category', 'daily_challenge');
     }
 
     public function scopeEnded($query)

app/Singletons/RouteSection.php

···
         'passport' => [
             '_' => 'user',
         ],
+        'ranking' => [
+            '_' => 'rankings',
+        ],
         'store' => [
             '_' => 'store',
         ],

app/helpers.php

···
         'main.artist_tracks_controller._' => 'main.artists_controller._',
         'main.store_controller._' => 'store._',
         'multiplayer.rooms_controller._' => 'main.ranking_controller._',
+        'ranking.daily_challenge_controller._' => 'main.ranking_controller._',
         default => $controllerKey,
     };
     $namespaceKey = "{$currentRoute['namespace']}._";

resources/css/bem/rankings-beatmapsets.less

···
   gap: 10px;
   grid-template-columns: 1fr 1fr;
 
+  &--daily-challenge {
+    margin-top: 0;
+  }
+
   &--single {
     grid-template-columns: 1fr;
   }

resources/js/components/basic-select-options.tsx

···
 import SelectOptionJson from 'interfaces/select-option-json';
 import { route } from 'laroute';
 import * as React from 'react';
+import { fail } from 'utils/fail';
 import { navigate } from 'utils/turbolinks';
 
 interface Props {
   currentItem: SelectOptionJson;
   items: SelectOptionJson[];
-  type: 'judge_results' | 'multiplayer' | 'seasons';
+  type: 'daily_challenge' | 'judge_results' | 'multiplayer' | 'seasons';
 }
 
 export default class BasicSelectOptions extends React.PureComponent<Props> {
···
 
   private href(id: number | null) {
     switch (this.props.type) {
+      case 'daily_challenge':
+        return route('daily-challenge.show', { daily_challenge: id ?? fail('missing id parameter') });
       case 'judge_results':
         return route('contest-entries.judge-results', { contest_entry: id ?? 0 });
       case 'multiplayer':

resources/js/core/spoilerbox.ts

···
 // Copyright (c) ppy Pty Ltd <[e-mail]>. Licensed under the GNU Affero General Public License v3.0.
 // See the LICENCE file in the repository root for full licence text.
 
+import { fail } from 'utils/fail';
 import { htmlElementOrNull } from 'utils/html';
-
-function fail(message: string): never {
-  throw new Error(message);
-}
 
 function expand(e: JQuery.ClickEvent) {
   e.stopPropagation();

resources/js/utils/fail.ts

···
+// Copyright (c) ppy Pty Ltd <[e-mail]>. Licensed under the GNU Affero General Public License v3.0.
+// See the LICENCE file in the repository root for full licence text.
+
+export function fail(message: string): never {
+  throw new Error(message);
+}

resources/lang/en/rankings.php

···
         'title' => 'Country',
     ],
 
+    'daily_challenge' => [
+        'beatmap' => 'Difficulty',
+        'percentile_10' => '10th Percentile Score',
+        'percentile_50' => '50th Percentile Score',
+    ],
+
     'filter' => [
         'title' => 'Show',
 
···
     'type' => [
         'charts' => 'spotlights (old)',
         'country' => 'country',
+        'daily_challenge' => 'daily challenge',
         'kudosu' => 'kudosu',
         'multiplayer' => 'multiplayer',
         'performance' => 'performance',

resources/views/rankings/_beatmapsets.blade.php

···
     See the LICENCE file in the repository root for full licence text.
 --}}
 
-<div class="{{ class_with_modifiers('rankings-beatmapsets', ['single' => count($beatmapsets) === 1]) }}">
+<div class="{{ class_with_modifiers('rankings-beatmapsets', $modifiers ?? null, ['single' => count($beatmapsets) === 1]) }}">
     @foreach ($beatmapsets as $beatmapset)
         <div
             class="js-react--beatmapset-panel u-contents"
             data-beatmapset-panel="{{ json_encode(['beatmapset' => json_item($beatmapset, 'Beatmapset', ['beatmaps'])]) }}"
-        ></div>
+        >
+            <div class="beatmapset-panel beatmapset-panel--size-normal"></div>
+        </div>
     @endforeach
 </div>

resources/views/rankings/daily_challenge.blade.php

···
+{{--
+    Copyright (c) ppy Pty Ltd <[e-mail]>. Licensed under the GNU Affero General Public License v3.0.
+    See the LICENCE file in the repository root for full licence text.
+--}}
+@extends('rankings.index', [
+    'hasMode' => false,
+    'hasPager' => true,
+    'type' => 'daily_challenge',
+    'titlePrepend' => osu_trans('rankings.type.daily_challenge').': '.$currentRoomOption['text'],
+])
+
+@php
+    $percentile = $playlist->scorePercentile();
+@endphp
+@section('ranking-header')
+    <div class="osu-page osu-page--ranking-info">
+        <div class="js-react--basic-select-options">
+            <div class="select-options select-options--spotlight">
+                <div class="select-options__select">
+                    <span class="select-options__option">
+                        {{ $currentRoomOption['text'] }}
+                    </span>
+                </div>
+            </div>
+        </div>
+
+        <script id="json-basic-select-options" type="application/json">
+            {!! json_encode([
+                'currentItem' => $currentRoomOption,
+                'items' => $roomOptions,
+                'type' => 'daily_challenge',
+            ]) !!}
+        </script>
+
+        <div class="grid-items grid-items--ranking-info-bar">
+            <div class="counter-box counter-box--ranking">
+                <div class="counter-box__title">
+                    {{ osu_trans('rankings.daily_challenge.beatmap') }}
+                </div>
+                <div class="counter-box__count">
+                    <span class="fal fa-extra-mode-{{ $playlist->beatmap->mode }}"></span>
+                    {{ $playlist->beatmap->version }}
+                </div>
+            </div>
+            <div class="counter-box counter-box--ranking">
+                <div class="counter-box__title">
+                    {{ osu_trans('rankings.spotlight.participants') }}
+                </div>
+                <div class="counter-box__count">
+                    {{ i18n_number_format($scores->total()) }}
+                </div>
+            </div>
+            <div class="counter-box counter-box--ranking">
+                <div class="counter-box__title">
+                    {{ osu_trans('rankings.daily_challenge.percentile_10') }}
+                </div>
+                <div class="counter-box__count">
+                    {{ i18n_number_format($percentile['10p']) }}
+                </div>
+            </div>
+            <div class="counter-box counter-box--ranking">
+                <div class="counter-box__title">
+                    {{ osu_trans('rankings.daily_challenge.percentile_50') }}
+                </div>
+                <div class="counter-box__count">
+                    {{ i18n_number_format($percentile['50p']) }}
+                </div>
+            </div>
+        </div>
+    </div>
+@endsection
+
+@section('scores-header')
+    @include('rankings._beatmapsets', ['beatmapsets' => [$playlist->beatmap->beatmapset], 'modifiers' => 'daily-challenge'])
+@endsection
+
+@section('scores')
+    @include('multiplayer.rooms._rankings_table')
+@endsection

resources/views/rankings/index.blade.php

···
         'links' => $links,
         'theme' => 'rankings',
     ]])
-        @slot('linksAppend')
+        @slot('contentAppend')
             @if($hasMode)
                 @include('rankings._mode_selector')
             @endif
+        @endslot
 
+        @slot('linksAppend')
             @yield('additionalHeaderLinks')
         @endslot
     @endcomponent
···
     @yield('ranking-header')
 
     @if ($hasScores)
-        <div class="osu-page osu-page--generic" id="scores">
+        <div class="osu-page osu-page--generic">
+            @yield('scores-header')
+
+            <div id="scores"></div>
             @if ($hasPager)
                 @include('objects._pagination_v2', [
                     'object' => $scores

routes/web.php

···
     });
 
     Route::get('rankings/kudosu', 'RankingController@kudosu')->name('rankings.kudosu');
+    Route::resource('rankings/daily-challenge', 'Ranking\DailyChallengeController', ['only' => ['index', 'show']]);
     Route::get('rankings/{mode?}/{type?}', 'RankingController@index')->name('rankings');
 
     Route::resource('reports', 'ReportsController', ['only' => ['store']]);

tests/Browser/SanityTest.php

···
 
 namespace Tests\Browser;
 
+use App\Http\Controllers\Ranking\DailyChallengeController;
 use App\Libraries\Session;
 use App\Libraries\SessionVerification;
 use App\Models\Artist;
···
 use App\Models\Language;
 use App\Models\LegacyMatch;
 use App\Models\LoginAttempt;
+use App\Models\Multiplayer\PlaylistItem;
 use App\Models\Multiplayer\Room;
 use App\Models\NewsPost;
 use App\Models\Notification;
···
         self::$scaffolding['score'] = Score\Best\Osu::factory()->withReplay()->create();
 
         self::$scaffolding['room'] = Room::factory()->create(['category' => 'spotlight']);
+
+        self::$scaffolding['daily_challenge_room'] = Room::factory()->create(['category' => 'daily_challenge']);
+        PlaylistItem::factory()->create(['room_id' => self::$scaffolding['daily_challenge_room']]);
     }
 
     private static function filterLog(array $log)
···
             ],
             'changelog.show' => [
                 'changelog' => self::$scaffolding['build']->version,
+            ],
+            'daily-challenge.show' => [
+                'daily_challenge' => DailyChallengeController::roomId(self::$scaffolding['daily_challenge_room']),
             ],
             'scores.download-legacy' => [
                 'rulesetOrScore' => static::$scaffolding['score']->getMode(),