feat: allow activating aggregate queries with a cookie (#1913)

app/Http/Kernel.php

@@ -22,6 +22,7 @@ class Kernel extends HttpKernel
  \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
  \App\Site\Middleware\RedirectsMissingPages::class,
  \App\Site\Middleware\RobotsMiddleware::class,
+ \App\Site\Middleware\FeatureFlagMiddleware::class,
  ];
 
  /**

app/Site/Middleware/EncryptCookies.php

@@ -18,5 +18,6 @@ class EncryptCookies extends Middleware
  'prefers_hidden_user_completed_sets',
  'prefers_seeing_saved_hidden_rows_when_reordering',
  'progression_status_widths_preference',
+ 'feature_aggregate_queries',
  ];
 }

app/Site/Middleware/FeatureFlagMiddleware.php

@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Site\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+
+class FeatureFlagMiddleware
+{
+ public function handle(Request $request, Closure $next): mixed
+ {
+ $cookieValue = $request->cookie('feature_aggregate_queries');
+
+ // Override the feature flag configuration if the cookie is set to 'true'.
+ if ($cookieValue === 'true') {
+ config(['feature.aggregate_queries' => true]);
+ } elseif ($cookieValue === 'false') {
+ config(['feature.aggregate_queries' => false]);
+ }
+
+ return $next($request);
+ }
+}

resources/js/app.ts

@@ -13,6 +13,7 @@ import {
  autoExpandTextInput,
  copyToClipboard,
  fetcher,
+ getCookie,
  getStringByteCount,
  handleLeaderboardTabClick,
  initializeTextareaCounter,
@@ -36,6 +37,7 @@ lazyLoadModuleOnIdFound({
 window.autoExpandTextInput = autoExpandTextInput;
 window.copyToClipboard = copyToClipboard;
 window.fetcher = fetcher;
+window.getCookie = getCookie;
 window.getStringByteCount = getStringByteCount;
 window.handleLeaderboardTabClick = handleLeaderboardTabClick;
 window.initializeTextareaCounter = initializeTextareaCounter;

resources/js/types/global.d.ts

@@ -13,7 +13,7 @@ import type { handleLeaderboardTabClick as HandleLeaderboardTabClick } from '@/u
 import type { initializeTextareaCounter as InitializeTextareaCounter } from '@/utils/initializeTextareaCounter';
 import type { injectShortcode as InjectShortcode } from '@/utils/injectShortcode';
 import type { loadPostPreview as LoadPostPreview } from '@/utils/loadPostPreview';
-import type { setCookie as SetCookie } from '@/utils/cookie';
+import type { getCookie as GetCookie, setCookie as SetCookie } from '@/utils/cookie';
 import type { toggleUserCompletedSetsVisibility as ToggleUserCompletedSetsVisibility } from '@/utils/toggleUserCompletedSetsVisibility';
 
 declare global {
@@ -24,6 +24,7 @@ declare global {
  var cfg: Record<string, unknown> | undefined;
  var copyToClipboard: (text: string) => void;
  var fetcher: typeof Fetcher;
+ var getCookie: typeof GetCookie;
  var getStringByteCount: typeof GetStringByteCount;
  var handleLeaderboardTabClick: typeof HandleLeaderboardTabClick;
  var hideEarnedCheckboxComponent: typeof HideEarnedCheckboxComponent;

resources/views/components/feature-flags.blade.php

@@ -1,3 +1,21 @@
+<?php
+$aggregateQueriesSource = \Request::cookie('feature_aggregate_queries') !== null ? 'cookie' : 'env';
+?>
+
+<script>
+function handleToggleCookie() {
+ const currentValue = getCookie('feature_aggregate_queries');
+
+ let newValue = true;
+ if (currentValue === 'true') {
+ newValue = false;
+ }
+
+ setCookie('feature_aggregate_queries', `${newValue}`);
+ showStatusSuccess(`feature_aggregate_queries cookie set to ${newValue}.`);
+}
+</script>
+
 <div class="flex justify-between">
  <p>Beaten Games Player-facing UX</p>
  @hasfeature("beat")
@@ -6,3 +24,17 @@
  Disabled
  @endhasfeature
 </div>
+
+<div class="flex justify-between">
+ <p>Aggregate Queries</p>
+
+ <button class="btn" onClick="handleToggleCookie()">
+ Toggle cookie
+ </button>
+
+ @hasfeature("aggregate_queries")
+ Enabled (Source: {{ $aggregateQueriesSource }})
+ @else
+ Disabled (Source: {{ $aggregateQueriesSource }})
+ @endhasfeature
+</div>