feat(web): assets now have a permanent URL (#8532)

* Remove asest redirect pages

* Rename route paths to handle optional assetId

* Update old references to new routes

* Load and display asset from all routes that can show assetId

* Add <main> in base layout, update portals to target it

* Wire up updating navigation in response to open/close/prev/next

* Replace events with navigation functions

* Add types to param matcher

* misc cleanup

* Fix reload on /search pages

* Avoid loading bar between photos nav. Delay loading bar by 200ms for all navigations

* Update url for maps routes. Note: on page reload, next/prev is not available

* Dynamically load asset-viewer on map page

* When reloading a url with assetUrl, hide background page to prevent flash during load

* Mostly style, review comments

* Load buckets for assets on demand

* Forgot this update call

* typo

* fix test

* Fix carelessness

* Review comment

* merge main

* remove assets

* fix submodule

---------

Co-authored-by: Alex <alex.tran1502@gmail.com>
Co-authored-by: Daniel Dietzler <mail@ddietzler.dev>

web/src/routes/(user)/search/[[photos=photos]]/[[assetId=id]]/+page.svelte

@@ -38,6 +38,7 @@
   import { featureFlags } from '$lib/stores/server-config.store';
   import { handleError } from '$lib/utils/handle-error';
   import AlbumCardGroup from '$lib/components/album-page/album-card-group.svelte';
+  import { isAlbumsRoute, isPeopleRoute } from '$lib/utils/navigation';
 
   const MAX_ASSET_COUNT = 5000;
   let { isViewing: showAssetViewer } = assetViewingStore;
@@ -73,12 +74,13 @@
     if (from?.url && from.route.id !== $page.route.id) {
       previousRoute = from.url.href;
     }
+    const route = from?.route?.id;
 
-    if (from?.route.id === '/(user)/people/[personId]') {
+    if (isPeopleRoute(route)) {
       previousRoute = AppRoute.PHOTOS;
     }
 
-    if (from?.route.id === '/(user)/albums/[albumId]') {
+    if (isAlbumsRoute(route)) {
       previousRoute = AppRoute.EXPLORE;
     }
   });

web/src/routes/(user)/search/[[photos=photos]]/[[assetId=id]]/+page.ts

@@ -1,9 +1,12 @@
 import { authenticate } from '$lib/utils/auth';
+import { getAssetInfoFromParam } from '$lib/utils/navigation';
 import type { PageLoad } from './$types';
 
-export const load = (async () => {
+export const load = (async ({ params }) => {
   await authenticate();
+  const asset = await getAssetInfoFromParam(params);
   return {
+    asset,
     meta: {
       title: 'Search',
     },

web/src/routes/(user)/search/photos/[assetId]/+page.ts

@@ -1,7 +0,0 @@
-import { AppRoute } from '$lib/constants';
-import { redirect } from '@sveltejs/kit';
-import type { PageLoad } from './$types';
-
-export const load = (() => {
-  redirect(302, AppRoute.SEARCH);
-}) satisfies PageLoad;