Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-10-02 08:07:40 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix render context loss on /trophies/{id} on Firefox

Browse Source
This commit is contained in:
hfcRed
2026-09-12 11:01:49 -04:00
parent 873c5e941d
commit a3495b9f6d
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/features/trophies/components/Trophy.tsx
View File

@@ -27,11 +27,11 @@ type TrophyCtxValue =
const TrophyCtx = createContext<TrophyCtxValue | undefined>(undefined);
/**
* Shares one PicoCAD2 WebGL context across every `Trophy` inside. Without a provider each `Trophy`
* creates its own, but browsers cap active WebGL contexts at 16, so big grids or rapid remounts
* break rendering. One page-wide singleton is held for the page lifetime (per-mount contexts stack
* faster than the browser frees them), and while it is loading descendants render a spacer instead
* of a canvas that would create their own context.
* Shares one PicoCAD2 WebGL context across every `Trophy`. Browsers cap active WebGL contexts at 16,
* so big grids or rapid remounts with a context per trophy break rendering, and a context created
* per mount loses its compiled shaders with every navigation. One page-wide singleton is held for
* the page lifetime. A Trophy outside a provider uses it directly, and inside one descendants
* render a spacer while it is loading instead of a canvas.
*/
let sharedContext: PicoCAD2Context | undefined;
@@ -128,7 +128,7 @@ export function Trophy({
const viewer = new PicoCAD2Viewer({
canvas,
context,
context: context ?? getSharedTrophyContext(),
resolution: { width: 128, height: 128, scale: 4 },
clampCameraDistance: {
enabled: true,