immich/web/src/hooks.server.ts

import { env } from '$env/dynamic/public';
import type { Handle, HandleServerError } from '@sveltejs/kit';
import type { AxiosError, AxiosResponse } from 'axios';
import { ImmichApi } from './api/api';

const LOG_PREFIX = '[hooks.server.ts]';

export const handle = (async ({ event, resolve }) => {
  const basePath = env.PUBLIC_IMMICH_SERVER_URL || 'http://immich-server:3001';
  const accessToken = event.cookies.get('immich_access_token');
  const api = new ImmichApi({ basePath, accessToken });

  // API instance that should be used for all server-side requests.
  event.locals.api = api;

  if (accessToken) {
    try {
      const { data: user } = await api.userApi.getMyUserInfo();
      event.locals.user = user;
    } catch (err) {
      console.log(`${LOG_PREFIX} Unable to get my user`, parseError(err));

      const apiError = err as AxiosError;
      // Ignore 401 unauthorized errors and log all others.
      if (apiError.response?.status && apiError.response?.status !== 401) {
        console.error(`${LOG_PREFIX}:handle`, err);
      } else if (!apiError.response?.status) {
        console.error(`${LOG_PREFIX}:handle`, apiError?.message);
      }
    }
  }

  const res = await resolve(event);

  // The link header can grow quite big and has caused issues with our nginx
  // proxy returning a 502 Bad Gateway error. Therefore the header gets deleted.
  res.headers.delete('Link');

  return res;
}) satisfies Handle;

const DEFAULT_MESSAGE = 'Hmm, not sure about that. Check the logs or open a ticket?';

const parseError = (error: unknown) => {
  const httpError = error as AxiosError;
  const request = httpError?.request as Request & { path: string };
  const response = httpError?.response as AxiosResponse<{
    message: string;
    statusCode: number;
    error: string;
  }>;

  let code = response?.data?.statusCode || response?.status || httpError.code || '500';
  if (response) {
    code += ` - ${response.data?.error || response.statusText}`;
  }

  if (request && response) {
    console.log({
      status: response.status,
      url: `${request.method} ${request.path}`,
      response: response.data || 'No data',
    });
  }

  return {
    message: response?.data?.message || httpError?.message || DEFAULT_MESSAGE,
    code,
    stack: httpError?.stack,
  };
};

export const handleError: HandleServerError = ({ error }) => {
  const result = parseError(error);
  console.error(`${LOG_PREFIX}:handleError ${result.message}`);
  return result;
};