immich/mobile/lib/presentation/widgets/images/thumbnail.widget.dart

import 'package:flutter/material.dart';
import 'package:immich_mobile/domain/models/asset/base_asset.model.dart';
import 'package:immich_mobile/presentation/widgets/images/image_provider.dart';
import 'package:immich_mobile/presentation/widgets/images/thumb_hash_provider.dart';
import 'package:immich_mobile/widgets/asset_grid/thumbnail_placeholder.dart';
import 'package:immich_mobile/widgets/common/fade_in_placeholder_image.dart';
import 'package:logging/logging.dart';
import 'package:octo_image/octo_image.dart';

class Thumbnail extends StatelessWidget {
  const Thumbnail({this.asset, this.remoteId, this.size = const Size.square(256), this.fit = BoxFit.cover, super.key})
    : assert(asset != null || remoteId != null, 'Either asset or remoteId must be provided');

  final BaseAsset? asset;
  final String? remoteId;
  final Size size;
  final BoxFit fit;

  @override
  Widget build(BuildContext context) {
    final thumbHash = asset is RemoteAsset ? (asset as RemoteAsset).thumbHash : null;
    final provider = getThumbnailImageProvider(asset: asset, remoteId: remoteId, size: size);

    return OctoImage.fromSet(
      image: provider,
      octoSet: OctoSet(
        placeholderBuilder: _blurHashPlaceholderBuilder(thumbHash, fit: fit),
        errorBuilder: _blurHashErrorBuilder(thumbHash, provider: provider, fit: fit, asset: asset),
      ),
      fadeOutDuration: const Duration(milliseconds: 100),
      fadeInDuration: Duration.zero,
      width: size.width,
      height: size.height,
      fit: fit,
      placeholderFadeInDuration: Duration.zero,
    );
  }
}

OctoPlaceholderBuilder _blurHashPlaceholderBuilder(String? thumbHash, {BoxFit? fit}) {
  return (context) => thumbHash == null
      ? const ThumbnailPlaceholder()
      : FadeInPlaceholderImage(
          placeholder: const ThumbnailPlaceholder(),
          image: ThumbHashProvider(thumbHash: thumbHash),
          fit: fit ?? BoxFit.cover,
        );
}

OctoErrorBuilder _blurHashErrorBuilder(String? blurhash, {BaseAsset? asset, ImageProvider? provider, BoxFit? fit}) =>
    (context, e, s) {
      Logger("ImThumbnail").warning("Error loading thumbnail for ${asset?.name}", e, s);
      provider?.evict();
      return Stack(
        alignment: Alignment.center,
        children: [
          _blurHashPlaceholderBuilder(blurhash, fit: fit)(context),
          const Opacity(opacity: 0.75, child: Icon(Icons.error_outline_rounded)),
        ],
      );
    };