feat: expose the image URL as `url` to avoid mixed-content media warnings

program/serializers.py

@@ -265,6 +265,7 @@ class ImageSerializer(serializers.ModelSerializer):
     )
     ppoi = PPOIField(required=False)
     thumbnails = serializers.SerializerMethodField()
+    url = serializers.SerializerMethodField()
 
     @staticmethod
     def get_thumbnails(instance) -> List[Thumbnail]:
@@ -284,12 +285,22 @@ class ImageSerializer(serializers.ModelSerializer):
 
         return thumbnails
 
+    @staticmethod
+    def get_url(instance: Image) -> str:
+        """Returns the image URL, using settings.SITE_URL to include the protocol and avoid mixed
+        media warnings."""
+
+        return f"{settings.SITE_URL}{instance.image.url}"
+
     class Meta:
+        # TODO: make `image` a write-only field once dashboard is updated to read from `url`
+        # extra_kwargs = {"image": {"write_only": True}}
         model = Image
         read_only_fields = (
             "height",
             "id",
             "thumbnails",
+            "url",
             "width",
         )
         fields = (