From e3793a4a21faeacc749ff40bf42ab614fdc258fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9rald=20Leban?= <gerald.leban0@gmail.com>
Date: Thu, 2 Jul 2026 18:43:45 +0200
Subject: [PATCH 1/5] feat(i18n): add end of service messages

---
 messages/en.json | 3 ++-
 messages/fr.json | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/messages/en.json b/messages/en.json
index 6e583d3..4f09d08 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -36,7 +36,8 @@
       "title": "Featured Profiles",
       "description": "Top 20 players from UltRank 2025",
       "profile_alt": "View {name} 2025 recap"
-    }
+    },
+    "out_of_service": "Since {date}, downloading recap images and videos is no longer possible."
   },
   "common": {
     "or": "OR"
diff --git a/messages/fr.json b/messages/fr.json
index 9e350a6..7124ca8 100644
--- a/messages/fr.json
+++ b/messages/fr.json
@@ -36,7 +36,8 @@
       "title": "Profils en vedette",
       "description": "Top 20 joueurs de l'UltRank 2025",
       "profile_alt": "Voir le récapitulatif 2025 de {name}"
-    }
+    },
+    "out_of_service": "A partir du {date}, il ne sera plus possible de télécharger les récaps images et vidéos."
   },
   "common": {
     "or": "OU"

From 474dce1bfab0f1d5b7c80b9dbcfaf6b82ca73e1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9rald=20Leban?= <gerald.leban0@gmail.com>
Date: Thu, 2 Jul 2026 18:44:16 +0200
Subject: [PATCH 2/5] feat: add banner to signal end of service of image and
 video generation

---
 src/routes/(app)/+page.svelte | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
index 13edb3c..8f0773a 100644
--- a/src/routes/(app)/+page.svelte
+++ b/src/routes/(app)/+page.svelte
@@ -8,6 +8,7 @@
   import { IsMobile } from '$lib/hooks/is-mobile.svelte';
   import * as m from '$lib/paraglide/messages';
   import { onMount } from 'svelte';
+  import { date } from 'valibot';
 
   let { data } = $props();
 
@@ -19,10 +20,18 @@
   onMount(() => {
     videoSrc = '/videos/Glutonny.webm';
   });
+
+  const endOfService = new Date('2026-06-29T00:00:00Z');
 </script>
 
 <SearchPlayer bind:open={searchOpen} />
 
+<div class="banner-info">
+  <p class="banner-text">
+    {m['home.out_of_service']({ date: endOfService.toLocaleDateString() })}
+  </p>
+</div>
+
 <section id="hero">
   <div class="info">
     <div class="branding-heading">
@@ -90,6 +99,31 @@
 </section>
 
 <style lang="scss">
+  @keyframes scroll {
+    from {
+      transform: translateX(0);
+    }
+    to {
+      transform: translateX(-100%);
+    }
+  }
+
+  .banner-info {
+    color: var(--nearly-black);
+    background-color: var(--really-white);
+    padding: 0.5rem 1rem;
+    text-align: center;
+
+    overflow: hidden;
+    white-space: nowrap;
+
+    .banner-text {
+      display: inline-block;
+      padding-left: 100%;
+      animation: scroll 10s linear infinite;
+    }
+  }
+
   section {
     display: flex;
     flex-direction: column;

From 8bef869e853dd12c9f31627605911a0cdca8c5ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9rald=20Leban?= <gerald.leban0@gmail.com>
Date: Thu, 2 Jul 2026 18:48:04 +0200
Subject: [PATCH 3/5] refactor: remove endpoint to trigger image and video
 renders

---
 src/routes/api/download/+server.ts        | 30 -----------
 src/routes/api/render/+server.ts          | 57 --------------------
 src/routes/api/render/progress/+server.ts | 66 -----------------------
 src/routes/api/render/still/+server.ts    | 60 ---------------------
 4 files changed, 213 deletions(-)
 delete mode 100644 src/routes/api/download/+server.ts
 delete mode 100644 src/routes/api/render/+server.ts
 delete mode 100644 src/routes/api/render/progress/+server.ts
 delete mode 100644 src/routes/api/render/still/+server.ts

diff --git a/src/routes/api/download/+server.ts b/src/routes/api/download/+server.ts
deleted file mode 100644
index 9769622..0000000
--- a/src/routes/api/download/+server.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { error } from '@sveltejs/kit';
-import type { RequestHandler } from './$types';
-
-export const GET: RequestHandler = async ({ url }) => {
-  const fileUrl = url.searchParams.get('url');
-  if (!fileUrl) {
-    throw error(400, 'Missing url');
-  }
-
-  try {
-    const response = await fetch(fileUrl);
-
-    if (!response.ok) {
-      throw error(response.status, 'Failed to fetch remote file');
-    }
-
-    // Create headers for the response
-    const headers = new Headers();
-    headers.set('Content-Type', response.headers.get('Content-Type') || 'application/octet-stream');
-
-    // Stream backend response directly to client
-    return new Response(response.body, {
-      status: 200,
-      headers
-    });
-  } catch (err) {
-    console.error('Proxy download failed:', err);
-    throw error(500, 'Error downloading file');
-  }
-};
diff --git a/src/routes/api/render/+server.ts b/src/routes/api/render/+server.ts
deleted file mode 100644
index a269711..0000000
--- a/src/routes/api/render/+server.ts
+++ /dev/null
@@ -1,57 +0,0 @@
-import { env } from '$env/dynamic/private';
-
-import { makeRecapUrlKey, redis } from '$lib/server/redis';
-import { mainSchema } from '$lib/schemas/stats';
-import { getFunctions, renderMediaOnLambda } from '@remotion/lambda/client';
-import { error, json, type RequestHandler } from '@sveltejs/kit';
-import 'dotenv/config';
-import { z } from 'zod';
-
-const schema = z.object({
-  userSlug: z.string(),
-  stats: mainSchema
-});
-
-export const POST: RequestHandler = async ({ request }) => {
-  const data = await request.json();
-  const results = schema.safeParse(data);
-  if (!results.success) {
-    return error(400, {
-      message: results.error.message
-    });
-  }
-
-  // Check if a render is not available
-  const key = makeRecapUrlKey(results.data.stats.thisIsMyRecapProps.year, results.data.userSlug);
-  const videoUrl = await redis.get(key);
-  if (videoUrl) {
-    return json({
-      url: videoUrl
-    });
-  }
-
-  // Trigger a render on AWS otherwise
-  const inputProps = results.data.stats;
-
-  const [lambda] = await getFunctions({
-    region: 'us-east-1',
-    compatibleOnly: true
-  });
-
-  const COMPOSITION = 'Main';
-  const { bucketName, renderId } = await renderMediaOnLambda({
-    apiKey: process.env.REMOTION_AWS_ACCESS_KEY_ID,
-    region: 'us-east-1',
-    functionName: lambda.functionName,
-    composition: COMPOSITION,
-    serveUrl: env.REMOTION_BUNDLE_LOCATION,
-    codec: 'vp9',
-    downloadBehavior: {
-      type: 'download',
-      fileName: 'video.mp4'
-    },
-    inputProps
-  });
-
-  return json({ bucketName, renderId });
-};
diff --git a/src/routes/api/render/progress/+server.ts b/src/routes/api/render/progress/+server.ts
deleted file mode 100644
index 59612fb..0000000
--- a/src/routes/api/render/progress/+server.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { makeRecapUrlKey, redis } from '$lib/server/redis';
-import { getRenderProgress, speculateFunctionName } from '@remotion/lambda/client';
-import { json } from '@sveltejs/kit';
-import { z } from 'zod';
-
-const schema = z.object({
-  renderId: z.string(),
-  bucketName: z.string(),
-  year: z.number(),
-  userSlug: z.string()
-});
-
-export const POST = async ({ request }) => {
-  const data = await request.json();
-  const result = schema.safeParse(data);
-
-  if (!result.success) {
-    return json(JSON.stringify({ type: 'error', message: result.error.message }), {
-      status: 400
-    });
-  }
-
-  const { renderId, bucketName, year, userSlug } = result.data;
-
-  const functionName = speculateFunctionName({
-    diskSizeInMb: 2048,
-    memorySizeInMb: 2048,
-    timeoutInSeconds: 120
-  });
-
-  const renderProgress = await getRenderProgress({
-    bucketName,
-    functionName,
-    region: 'us-east-1',
-    renderId
-  });
-
-  if (renderProgress.fatalErrorEncountered) {
-    const errorMessage = renderProgress.errors[0];
-    return json(
-      {
-        type: 'error',
-        message: errorMessage
-      },
-      {
-        status: 500
-      }
-    );
-  }
-
-  if (renderProgress.done && renderProgress.outputFile) {
-    // Store the outputFile URL into redis
-    await redis.set(makeRecapUrlKey(year, userSlug), renderProgress.outputFile);
-
-    return json({
-      type: 'done',
-      url: renderProgress.outputFile,
-      size: renderProgress.outputSizeInBytes
-    });
-  }
-
-  return json({
-    type: 'progress',
-    progress: renderProgress.overallProgress
-  });
-};
diff --git a/src/routes/api/render/still/+server.ts b/src/routes/api/render/still/+server.ts
deleted file mode 100644
index 596da3d..0000000
--- a/src/routes/api/render/still/+server.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { env } from '$env/dynamic/private';
-import { mainSchema } from '$lib/schemas/stats';
-import { makeStillUrlKey, redis } from '$lib/server/redis';
-import { getFunctions, renderStillOnLambda } from '@remotion/lambda/client';
-import { error, json, type RequestHandler } from '@sveltejs/kit';
-import 'dotenv/config';
-import { z } from 'zod';
-
-const schema = z.object({
-  userSlug: z.string(),
-  stats: mainSchema
-});
-
-export const POST: RequestHandler = async ({ request }) => {
-  const data = await request.json();
-  const results = schema.safeParse(data);
-  if (!results.success) {
-    return error(400, {
-      message: results.error.message
-    });
-  }
-
-  const { userSlug, stats } = results.data;
-  const year = stats.thisIsMyRecapProps.year;
-
-  // Check if a render is available in cache
-  const key = makeStillUrlKey(year, userSlug);
-  const cachedUrl = await redis.get(key);
-  if (cachedUrl) {
-    return json({
-      url: cachedUrl
-    });
-  }
-
-  // Trigger a still render on AWS
-  const inputProps = stats;
-
-  const [lambda] = await getFunctions({
-    region: 'us-east-1',
-    compatibleOnly: true
-  });
-
-  const COMPOSITION = 'VerticalStill';
-  const { url } = await renderStillOnLambda({
-    apiKey: process.env.REMOTION_AWS_ACCESS_KEY_ID,
-    region: 'us-east-1',
-    functionName: lambda.functionName,
-    composition: COMPOSITION,
-    serveUrl: env.REMOTION_BUNDLE_LOCATION,
-    inputProps,
-    frame: 0,
-    imageFormat: 'png',
-    privacy: 'public'
-  });
-
-  // Store the URL in redis for future use
-  await redis.set(key, url);
-
-  return json({ url });
-};

From 3f56daafa5a942fa048300d456defbec218694f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9rald=20Leban?= <gerald.leban0@gmail.com>
Date: Thu, 2 Jul 2026 18:48:15 +0200
Subject: [PATCH 4/5] refactor: remove button to trigger render

---
 src/routes/(app)/user/[slug]/+page.svelte | 149 +---------------------
 1 file changed, 1 insertion(+), 148 deletions(-)

diff --git a/src/routes/(app)/user/[slug]/+page.svelte b/src/routes/(app)/user/[slug]/+page.svelte
index 312ed1e..8645a65 100644
--- a/src/routes/(app)/user/[slug]/+page.svelte
+++ b/src/routes/(app)/user/[slug]/+page.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
   import { resolve } from '$app/paths';
   import { page } from '$app/state';
-  import { Button, type ButtonProps } from '$lib/components/Button';
-  import Download from '$lib/components/icons/Download.svelte';
+  import { Button } from '$lib/components/Button';
   import { IsMobile } from '$lib/hooks/is-mobile.svelte';
   import { getPlayerStats } from '$lib/remotes/players.remote';
   import { createBlueSkyIntent, createXIntent } from '$lib/socialIntents';
@@ -18,121 +17,10 @@
   const mobile = new IsMobile();
 
   let player = $state<PlayerRef | undefined>();
-  let downloadButton = $state<HTMLAnchorElement | undefined>();
-  let isDownloading = $state(false);
-  let isDownloadingStill = $state(false);
-  let renderingProgress = $state<number | undefined>(undefined);
-  let downloadButtonProps = $state<ButtonProps>();
 
   let userSlug = $derived(data.userSlug);
   let shareUrl = $derived(page.url.href);
   let isDebug = $derived(page.url.searchParams.get('debug') === 'true');
-
-  const downloadFromUrl = (url: string, name: string): void => {
-    const a = document.createElement('a');
-    a.href = url;
-    a.download = name;
-    document.body.appendChild(a);
-    a.click();
-    document.body.removeChild(a);
-  };
-
-  const renderRecap = async (stats: MainProps) => {
-    isDownloading = true;
-
-    const year = stats.thisIsMyRecapProps.year;
-    const filename =
-      `${stats.thisIsMyRecapProps.user.prefix ?? ''} ${stats.thisIsMyRecapProps.user.gamerTag}'s SmashRecap ${stats.thisIsMyRecapProps.year}.mp4`.trim();
-
-    // Trigger the render
-    const renderReq = await fetch(`/api/render`, {
-      method: 'POST',
-      body: JSON.stringify({ stats, userSlug, year })
-    });
-
-    if (!renderReq.ok) {
-      isDownloading = false;
-      renderingProgress = undefined;
-      return;
-    }
-
-    const renderResponse = await renderReq.json();
-    if ('url' in renderResponse) {
-      isDownloading = false;
-      renderingProgress = undefined;
-      return downloadFromUrl(renderResponse.url, filename);
-    }
-
-    const { renderId, bucketName } = renderResponse;
-
-    const checkProgress = async () => {
-      const progressReq = await fetch('/api/render/progress', {
-        method: 'POST',
-        body: JSON.stringify({ renderId, bucketName, userSlug, year })
-      });
-
-      if (!progressReq.ok) {
-        const message = await progressReq.text();
-        throw new Error(message);
-      }
-
-      return progressReq.json();
-    };
-
-    while (true) {
-      await new Promise((resolve) => setTimeout(resolve, 1000));
-      try {
-        const progress = await checkProgress();
-        if (progress.type === 'error') {
-          alert(m['recap.render_failed']({ error: progress.message }));
-          isDownloading = false;
-          renderingProgress = undefined;
-          return;
-        }
-
-        if (progress.type === 'done') {
-          isDownloading = false;
-          renderingProgress = undefined;
-
-          const downloadUrl = `/api/download?url=${encodeURIComponent(progress.url)}`;
-          downloadFromUrl(downloadUrl, filename);
-          break;
-        }
-        renderingProgress = progress.progress;
-      } catch {
-        isDownloading = false;
-        renderingProgress = undefined;
-        return;
-      }
-    }
-  };
-
-  const renderStill = async (stats: MainProps) => {
-    isDownloadingStill = true;
-
-    const filename =
-      `${stats.thisIsMyRecapProps.user.prefix ?? ''} ${stats.thisIsMyRecapProps.user.gamerTag}'s SmashRecap Summary ${stats.thisIsMyRecapProps.year}.png`.trim();
-
-    try {
-      const renderReq = await fetch(`/api/render/still`, {
-        method: 'POST',
-        body: JSON.stringify({ stats, userSlug })
-      });
-
-      if (!renderReq.ok) {
-        throw new Error('Failed to trigger still render');
-      }
-
-      const { url } = await renderReq.json();
-      const downloadUrl = `/api/download?url=${encodeURIComponent(url)}`;
-      downloadFromUrl(downloadUrl, filename);
-    } catch (e) {
-      console.error(e);
-      alert('Failed to download summary image');
-    } finally {
-      isDownloadingStill = false;
-    }
-  };
 </script>
 
 <div class="content">
@@ -194,41 +82,6 @@
                 Debug me
               </Button>
             {/if}
-            <Button
-              bind:ref={downloadButton}
-              id="download-button"
-              extended
-              size={mobile.current ? 'small' : 'medium'}
-              onclick={() => renderRecap(videoProps)}
-              disabled={isDownloading || isDownloadingStill}
-              icon={Download}
-              {...downloadButtonProps}
-            >
-              {#if isDownloading}
-                {#if renderingProgress !== undefined}
-                  {m['recap.download_progress']({ progress: Math.round(renderingProgress * 100) })}
-                {:else}
-                  {m['recap.downloading']()}
-                {/if}
-              {:else}
-                {m['recap.download_video']()}
-              {/if}
-            </Button>
-
-            <Button
-              extended
-              size={mobile.current ? 'small' : 'medium'}
-              onclick={() => renderStill(videoProps)}
-              disabled={isDownloading || isDownloadingStill}
-              icon={Download}
-              variant="secondary"
-            >
-              {#if isDownloadingStill}
-                {m['recap.downloading']()}
-              {:else}
-                {m['recap.download_summary_image']()}
-              {/if}
-            </Button>
             <div class="posts">
               <Button
                 extended

From b7b1a9f9be8c88e30da950fbe4d4ee69f382cd9f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?G=C3=A9rald=20Leban?= <gerald.leban0@gmail.com>
Date: Thu, 2 Jul 2026 18:50:04 +0200
Subject: [PATCH 5/5] chore: remove unused import

---
 src/routes/(app)/+page.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/(app)/+page.svelte b/src/routes/(app)/+page.svelte
index 8f0773a..74dead4 100644
--- a/src/routes/(app)/+page.svelte
+++ b/src/routes/(app)/+page.svelte
@@ -8,7 +8,6 @@
   import { IsMobile } from '$lib/hooks/is-mobile.svelte';
   import * as m from '$lib/paraglide/messages';
   import { onMount } from 'svelte';
-  import { date } from 'valibot';
 
   let { data } = $props();