immich-folio/lib/urls.ts

/**
 * Server-side URL helpers for generating public-facing asset URLs.
 * These use encoded tokens instead of raw Immich UUIDs.
 */

import { encodeAssetId } from './tokens';
import { env } from './env';
import { thumbHashToBlurDataUrl, thumbHashToDominantHex } from './thumbhash';
import type { ImmichAsset } from './immich';

/**
 * Optional cache-buster, appended to every image and video URL.
 *
 * These responses are served `immutable` for a year, so the browser never
 * revalidates and the ETag is never consulted — the URL is the only thing that
 * can invalidate a browser cache. Setting IMAGE_CACHE_VERSION changes all of
 * them at once, which is what you want after Immich regenerates thumbnails or a
 * photo is rotated: the asset ID does not change, so nothing else would.
 *
 * Empty by default — the returned URLs are then byte-identical to before.
 */
const cacheBuster = env.IMAGE_CACHE_VERSION ? `&v=${env.IMAGE_CACHE_VERSION}` : '';

/**
 * Generate a public image proxy URL for an asset.
 */
export function imageUrl(
  assetId: string,
  size: 'thumbnail' | 'preview' | 'original' = 'preview',
): string {
  return `/api/image/${encodeAssetId(assetId)}?size=${size}${cacheBuster}`;
}

/**
 * Generate a public EXIF API URL for an asset.
 */
export function exifUrl(assetId: string): string {
  return `/api/exif/${encodeAssetId(assetId)}`;
}

/**
 * Generate a public video proxy URL for an asset.
 */
export function videoUrl(assetId: string): string {
  // No `size` here, so the buster is the only query parameter.
  const v = cacheBuster ? `?${cacheBuster.slice(1)}` : '';
  return `/api/video/${encodeAssetId(assetId)}${v}`;
}

/**
 * Placeholder data derived from an asset's ThumbHash.
 */
export interface PlaceholderData {
  blurDataURL: string;
  dominantColor: string;
}

/**
 * Generate blur placeholder and dominant color from an asset's ThumbHash.
 * Returns null if the asset has no ThumbHash.
 */
export function assetPlaceholder(asset: Pick<ImmichAsset, 'thumbhash'>): PlaceholderData | null {
  if (!asset.thumbhash) return null;
  try {
    return {
      blurDataURL: thumbHashToBlurDataUrl(asset.thumbhash),
      dominantColor: thumbHashToDominantHex(asset.thumbhash),
    };
  } catch {
    return null;
  }
}

/**
 * Compact EXIF summary for hover overlays.
 */
export interface ExifSummary {
  camera?: string;
  lens?: string;
  focalLength?: string;
}

/**
 * Extract a compact EXIF summary from an asset's exifInfo.
 * Returns undefined if no relevant EXIF data is available.
 */
export function assetExifSummary(asset: Pick<ImmichAsset, 'exifInfo'>): ExifSummary | undefined {
  const exif = asset.exifInfo;
  if (!exif) return undefined;

  const camera = exif.model || undefined;
  const lens = exif.lensModel || undefined;
  const focalLength = exif.focalLength ? `${exif.focalLength}mm` : undefined;

  if (!camera && !lens && !focalLength) return undefined;
  return { camera, lens, focalLength };
}

/**
 * The download URL for an original file (#475).
 *
 * Carries the album as well as the asset: the route authorises the download
 * against the album that offered it, and checks the asset really belongs to
 * that album.
 */
export function downloadUrl(albumId: string, assetId: string): string {
  return `/api/download/${encodeAssetId(albumId)}/${encodeAssetId(assetId)}`;
}

/**
 * The endpoint that streams an album (or a selection of its assets) as a ZIP.
 *
 * Carries only the album: the route re-checks the allowlist, the `download`
 * opt-in and every password gate, exactly like the single-asset download. A
 * `GET` returns the whole album; a `POST` with `{ "assets": [<token>, …] }`
 * returns just those assets.
 */
export function archiveUrl(albumId: string): string {
  return `/api/download/${encodeAssetId(albumId)}/archive`;
}

/**
 * The Immich asset description, trimmed, for use as image alt text.
 *
 * Gated on the `caption` EXIF group rather than served unconditionally. That
 * switch exists because the description is the one field that can hold private
 * notes (#506), and an alt attribute publishes it to crawlers and view-source
 * exactly as a visible caption would. A site that has switched captions off has
 * said it does not want that text on the page.
 *
 * Returns undefined when there is nothing to say, which leaves `alt=""` — the
 * correct markup for a decorative image, and better than inventing filler.
 */
export function assetCaption(
  asset: Pick<ImmichAsset, 'exifInfo'>,
  showCaption: boolean,
): string | undefined {
  if (!showCaption) return undefined;
  return asset.exifInfo?.description?.trim() || undefined;
}

/**
 * EXIF orientations that rotate the frame a quarter turn.
 *
 * Most cameras expose the sensor in landscape whatever way the body is held,
 * and record the rotation as a flag rather than rewriting the pixels. So a
 * portrait frame arrives as 7008x4672 with orientation 6, and the browser turns
 * it upright on display. Taking the stored dimensions at face value would call
 * that photo landscape.
 *
 * 1-4 are upright or mirrored in place and leave the ratio alone; 5-8 all carry
 * a 90 degree turn, so width and height swap.
 */
const ROTATED_ORIENTATIONS = new Set([5, 6, 7, 8]);

/**
 * Compute the natural aspect ratio (width / height) from EXIF dimensions,
 * as the image is displayed rather than as it is stored.
 * Returns undefined if dimensions are not available.
 */
export function assetAspectRatio(asset: Pick<ImmichAsset, 'exifInfo'>): number | undefined {
  const w = asset.exifInfo?.exifImageWidth;
  const h = asset.exifInfo?.exifImageHeight;
  if (!w || !h || h <= 0) return undefined;

  // Immich reports the flag as a string; anything unparseable is left upright.
  const orientation = Number(asset.exifInfo?.orientation);
  return ROTATED_ORIENTATIONS.has(orientation) ? h / w : w / h;
}