feat(web)!: SPA (#5069)

* feat(web): SPA

* chore: remove unnecessary prune

* feat(web): merge with immich-server

* Correct method name

* fix: bugs, docs, workflows, etc.

* chore: keep dockerignore for dev

* chore: remove license

* fix: expose 2283

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

web/src/routes/(user)/share/[key]/+page.ts

@@ -1,31 +1,32 @@
 import featurePanelUrl from '$lib/assets/feature-panel.png';
-import { api as clientApi, ThumbnailFormat } from '@api';
+import { getAuthUser } from '$lib/utils/auth';
+import { api, ThumbnailFormat } from '@api';
 import { error } from '@sveltejs/kit';
-import type { PageServerLoad } from './$types';
 import type { AxiosError } from 'axios';
+import type { PageLoad } from './$types';
 
-export const load = (async ({ params, locals: { api }, cookies }) => {
+export const load = (async ({ params }) => {
   const { key } = params;
-  const token = cookies.get('immich_shared_link_token');
+  const user = await getAuthUser();
 
   try {
-    const { data: sharedLink } = await api.sharedLinkApi.getMySharedLink({ key, token });
+    const { data: sharedLink } = await api.sharedLinkApi.getMySharedLink({ key });
 
     const assetCount = sharedLink.assets.length;
     const assetId = sharedLink.album?.albumThumbnailAssetId || sharedLink.assets[0]?.id;
 
     return {
+      user,
       sharedLink,
       meta: {
         title: sharedLink.album ? sharedLink.album.albumName : 'Public Share',
         description: sharedLink.description || `${assetCount} shared photos & videos.`,
-        imageUrl: assetId
-          ? clientApi.getAssetThumbnailUrl(assetId, ThumbnailFormat.Webp, sharedLink.key)
-          : featurePanelUrl,
+        imageUrl: assetId ? api.getAssetThumbnailUrl(assetId, ThumbnailFormat.Webp, sharedLink.key) : featurePanelUrl,
       },
     };
   } catch (e) {
     // handle unauthorized error
+    // TODO this doesn't allow for 404 shared links anymore
     if ((e as AxiosError).response?.status === 401) {
       return {
         passwordRequired: true,
@@ -40,4 +41,4 @@ export const load = (async ({ params, locals: { api }, cookies }) => {
       message: 'Invalid shared link',
     });
   }
-}) satisfies PageServerLoad;
+}) satisfies PageLoad;

web/src/routes/(user)/share/[key]/photos/[assetId]/+page.server.ts

@@ -1,19 +0,0 @@
-import { error } from '@sveltejs/kit';
-import type { PageServerLoad } from './$types';
-
-export const load = (async ({ params, locals: { api } }) => {
-  const { key, assetId } = params;
-  const { data: asset } = await api.assetApi.getAssetById({ id: assetId, key });
-
-  if (!asset) {
-    throw error(404, 'Asset not found');
-  }
-
-  return {
-    asset,
-    key,
-    meta: {
-      title: 'Public Share',
-    },
-  };
-}) satisfies PageServerLoad;

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

@@ -0,0 +1,15 @@
+import { api } from '@api';
+import type { PageLoad } from './$types';
+
+export const load = (async ({ params }) => {
+  const { key, assetId } = params;
+  const { data: asset } = await api.assetApi.getAssetById({ id: assetId, key });
+
+  return {
+    asset,
+    key,
+    meta: {
+      title: 'Public Share',
+    },
+  };
+}) satisfies PageLoad;