Update vendor packages part 3

Author: robiningelbrecht

composer.lock

@@ -1098,6 +1098,17 @@
  *     doctrine?: DoctrineConfig,
  *     doctrine_migrations?: DoctrineMigrationsConfig,
  *     twig?: TwigConfig,
+ *     "when@dev"?: array{
+ *         imports?: ImportsConfig,
+ *         parameters?: ParametersConfig,
+ *         services?: ServicesConfig,
+ *         framework?: FrameworkConfig,
+ *         flysystem?: FlysystemConfig,
+ *         monolog?: MonologConfig,
+ *         doctrine?: DoctrineConfig,
+ *         doctrine_migrations?: DoctrineMigrationsConfig,
+ *         twig?: TwigConfig,
+ *     },
  *     "when@prod"?: array{
  *         imports?: ImportsConfig,
  *         parameters?: ParametersConfig,
@@ -1203,6 +1214,7 @@ public static function config(array $config): array
  *     deprecated?: array{package:string, version:string, message?:string},
  * }
  * @psalm-type RoutesConfig = array{
+ *     "when@dev"?: array<string, RouteConfig|ImportConfig|AliasConfig>,
  *     "when@prod"?: array<string, RouteConfig|ImportConfig|AliasConfig>,
  *     "when@test"?: array<string, RouteConfig|ImportConfig|AliasConfig>,
  *     ...<string, RouteConfig|ImportConfig|AliasConfig>

config/reference.php

@@ -191,6 +191,7 @@
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --animate-bounce: bounce 1s infinite;
     --blur-xs: 4px;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1724,6 +1725,9 @@
   .min-h-80 {
     min-height: calc(var(--spacing) * 80);
   }
+  .min-h-\[80vh\] {
+    min-height: 80vh;
+  }
   .min-h-\[350px\] {
     min-height: 350px;
   }
@@ -1927,6 +1931,9 @@
   .max-w-full {
     max-width: 100%;
   }
+  .max-w-md {
+    max-width: var(--container-md);
+  }
   .datatable-input {
     .datatable-wrapper .datatable-search & {
       color: var(--color-gray-900);
@@ -2057,6 +2064,9 @@
   .animate-\[bounce_1s_infinite_400ms\] {
     animation: bounce 1s infinite 400ms;
   }
+  .animate-bounce {
+    animation: var(--animate-bounce);
+  }
   .animate-pulse {
     animation: var(--animate-pulse);
   }

public/css/dist/tailwind.min.css

@@ -5,9 +5,11 @@
 namespace App\Application\Build\BuildIndexHtml;
 
 use App\Application\Router;
+use App\Domain\Athlete\Athlete;
 use App\Infrastructure\CQRS\Command\Command;
 use App\Infrastructure\CQRS\Command\CommandHandler;
 use League\Flysystem\FilesystemOperator;
+use Ramsey\Uuid\Uuid;
 use Twig\Environment;
 
 final readonly class BuildIndexHtmlCommandHandler implements CommandHandler
@@ -23,12 +25,23 @@ public function handle(Command $command): void
     {
         assert($command instanceof BuildIndexHtml);
 
+        $context = $this->indexHtml->getContext($command->getCurrentDateTime());
+        $athlete = $context['athlete'];
+        assert($athlete instanceof Athlete);
+
+        $easterEggPageUrl = Uuid::uuid5(Uuid::NAMESPACE_DNS, $athlete->getAthleteId());
         $this->buildStorage->write(
             'index.html',
             $this->twig->load('html/index.html.twig')->render([
                 'router' => Router::SINGLE_PAGE,
-                ...$this->indexHtml->getContext($command->getCurrentDateTime()),
+                'easterEggPageUrl' => $easterEggPageUrl,
+                ...$context,
             ]),
         );
+
+        $this->buildStorage->write(
+            sprintf('%s.html', $easterEggPageUrl),
+            $this->twig->load('html/easter-egg.html.twig')->render(),
+        );
     }
 }

public/css/tailwind.output.css

@@ -0,0 +1,12 @@
+<div class="flex items-center justify-center min-h-[80vh]">
+    <div class="text-center px-6">
+        <div class="text-7xl mb-6 animate-bounce">🥚</div>
+        <h1 class="text-2xl font-extrabold text-strava-orange mb-3">You found the easter egg!</h1>
+        <p class="leading-relaxed max-w-md mx-auto">
+            No extra stats here. No secret dashboard.<br>
+            Just the knowledge that you cared enough<br>
+            to dig through the source code.<br><br>
+            Now close this tab and go break a sweat.
+        </p>
+    </div>
+</div>

src/Application/Build/BuildIndexHtml/BuildIndexHtmlCommandHandler.php

@@ -23,7 +23,7 @@
     <link rel="preload" href="{{ relativeUrl(asset('libraries/clusterize/clusterize.min.css')) }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
     <link rel="preload" href="{{ relativeUrl(asset('libraries/lightgallery/lightgallery-bundle.min.css')) }}" as="style" onload="this.onload=null;this.rel='stylesheet'">
 </head>
-<body class="bg-gray-50">
+<body class="bg-gray-50" data-easter-egg="{{ easterEggPageUrl }}">
 <div class="antialiased">
     <!-- NAVIGATION -->
     {% autoescape false %}
@@ -269,5 +269,6 @@
 <script src="{{ relativeUrl(asset('js/dist/app.min.js')) }}" type="module"></script>
 {% block customScripts %}
 {% endblock customScripts %}
+<!-- {{ easterEggPageUrl }} -->
 </body>
 </html>

templates/html/easter-egg.html.twig

@@ -0,0 +1,14 @@
+<html><body>
+<div class="flex items-center justify-center min-h-[80vh]">
+    <div class="text-center px-6">
+        <div class="text-7xl mb-6 animate-bounce">&eth;&#159;&yen;&#154;</div>
+        <h1 class="text-2xl font-extrabold text-strava-orange mb-3">You found the easter egg!</h1>
+        <p class="leading-relaxed max-w-md mx-auto">
+            No extra stats here. No secret dashboard.<br>
+            Just the knowledge that you cared enough<br>
+            to dig through the source code.<br><br>
+            Now close this tab and go break a sweat.
+        </p>
+    </div>
+</div>
+</body></html>

templates/html/index.html.twig

@@ -23,7 +23,7 @@
     <link rel="preload" href="/libraries/clusterize/clusterize.min.css?0025176c-5652-11ee-923d-02424dd627d5" as="style" onload="this.onload=null;this.rel='stylesheet'">
     <link rel="preload" href="/libraries/lightgallery/lightgallery-bundle.min.css?0025176c-5652-11ee-923d-02424dd627d5" as="style" onload="this.onload=null;this.rel='stylesheet'">
 </head>
-<body class="bg-gray-50">
+<body class="bg-gray-50" data-easter-egg="3c64bce0-4f00-54bc-a9fb-a2402a364b87">
 <div class="antialiased">
     <!-- NAVIGATION -->
             <nav class="text-gray-900 bg-white border-b border-gray-200 px-4 py-2.5 fixed left-0 right-0 top-0 z-1100 group">
@@ -340,5 +340,6 @@
 <script src="/libraries/leaflet/leaflet.js?0025176c-5652-11ee-923d-02424dd627d5"></script>
 <script src="/js/dist/leaflet.controls.min.js?0025176c-5652-11ee-923d-02424dd627d5"></script>
 <script src="/js/dist/app.min.js?0025176c-5652-11ee-923d-02424dd627d5" type="module"></script>
+<!-- 3c64bce0-4f00-54bc-a9fb-a2402a364b87 -->
 </body>
 </html>

tests/Application/Build/BuildIndexHtml/__snapshots__/BuildIndexHtmlCommandHandlerTest--testHandle--3c64bce0-4f00-54bc-a9fb-a2402a364b87-html.html

@@ -0,0 +1,14 @@
+<html><body>
+<div class="flex items-center justify-center min-h-[80vh]">
+    <div class="text-center px-6">
+        <div class="text-7xl mb-6 animate-bounce">&eth;&#159;&yen;&#154;</div>
+        <h1 class="text-2xl font-extrabold text-strava-orange mb-3">You found the easter egg!</h1>
+        <p class="leading-relaxed max-w-md mx-auto">
+            No extra stats here. No secret dashboard.<br>
+            Just the knowledge that you cared enough<br>
+            to dig through the source code.<br><br>
+            Now close this tab and go break a sweat.
+        </p>
+    </div>
+</div>
+</body></html>