git init

lib/component/image_component.dart

@@ -0,0 +1,55 @@
+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,
+    );
+  }
+}