chore(client): take the GL engines out of the entry chunk (#1801)

k1nq/TREK

mirror of https://github.com/mauriceboe/TREK.git synced 2026-10-18 21:16:47 +00:00

* refactor(settings): load the GL map preview on demand

MapViewGL and JourneyMapGL are both behind lazy() so a Leaflet-only install
never downloads the GL engines. MapboxPreview imported mapbox-gl and maplibre-gl
statically, which put them back in the entry chunk and cancelled that out.

Wrap it in lazy()/Suspense on both the desktop tab and the mobile screen. The
entry chunk drops from 7987 kB to 5157 kB (2057 kB to 1292 kB gzipped); the
engines now ship as their own chunk, loaded when a GL provider is picked.

The preview no longer resolves synchronously, so the tests that read it right
after switching provider await it now.

* chore(client): drop unused deps, self-host MuseoModerno, add a bundle baseline

@react-pdf/renderer, react-window and @types/react-window have no importers
anywhere: TripPDF builds HTML for the browser print window and JourneyBookPDF
goes through marked. RegisterPage is dead too, /register renders LoginPage.

MuseoModerno was the last font still coming from the Google CDN through a
render-blocking <link>, while main.tsx already self-hosts Poppins and Geist for
exactly the reason stated in the comment there. Same weights, now bundled.

Add rollup-plugin-visualizer behind `npm run build:analyze` so the splitting work
has numbers to argue with, pin build.target instead of inheriting Vite's default,
and bring the workbox size ceiling down from 10 MB to 6 MB — anything above it is
dropped from the precache manifest silently, which only shows up as a broken
offline app.

This commit is contained in:

Maurice

2026-08-06 22:25:12 +02:00

committed by

GitHub

parent 06f5bc2c86

commit 2b11990063

12 changed files with 332 additions and 928 deletions

									
										client/index.html
									
		+1
		-4
	
												View File
												
				@@ -19,10 +19,7 @@

				    <!-- Favicon -->

				    <link rel="icon" type="image/svg+xml" href="/icons/icon.svg" />

				    <!-- Fonts -->

				    <link rel="preconnect" href="https://fonts.googleapis.com" />

				    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

				    <link href="https://fonts.googleapis.com/css2?family=MuseoModerno:wght@400;700;800&display=swap" rel="stylesheet" />

				    <!-- Fonts are bundled from @fontsource in src/main.tsx, see the note there. -->

				  </head>

				  <body>

				    <div id="root"></div>