nowser/lib/component/image_component.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:cached_network_image_platform_interface/cached_network_image_platform_interface.dart';
import 'package:flutter/material.dart';
import 'package:nostr_sdk/utils/platform_util.dart';

import '../main.dart';

// TODO this component should get from some component package
class ImageComponent extends StatelessWidget {
  String imageUrl;

  double? width;

  double? height;

  BoxFit? fit;

  PlaceholderWidgetBuilder? placeholder;

  ImageComponent({
    required this.imageUrl,
    this.width,
    this.height,
    this.fit,
    this.placeholder,
  });

  @override
  Widget build(BuildContext context) {
    if (PlatformUtil.isWeb()) {
      // TODO temp handle nostr.build cors error, these should be handled later.
      if (imageUrl.startsWith("https://nostr.build/i/p/")) {
        imageUrl = imageUrl.replaceFirst(
            "https://nostr.build/i/p/", "https://pfp.nostr.build/");
      } else if (imageUrl.startsWith("https://nostr.build/i/")) {
        imageUrl = imageUrl.replaceFirst(
            "https://nostr.build/i/", "https://image.nostr.build/");
      } else if (imageUrl.startsWith("https://cdn.nostr.build/i/")) {
        imageUrl = imageUrl.replaceFirst(
            "https://cdn.nostr.build/i/", "https://image.nostr.build/");
      }
    }

    return CachedNetworkImage(
      imageUrl: imageUrl,
      width: width,
      height: height,
      fit: fit,
      placeholder: placeholder,
      errorWidget: (context, url, error) => Icon(Icons.error),
      // cacheManager: imageLocalCacheManager,
      // imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet,
    );
  }
}