Add social fields to API meta fields and add serializer for social im…

…age (#166)

Co-authored-by: Thibaud Colas <[email protected]>

docker-compose.yml

@@ -12,7 +12,7 @@ services:
       SECRET_KEY: fake
       DJANGO_SETTINGS_MODULE: wagtailio.settings.dev
       DATABASE_URL: postgres://wagtailorg:wagtailorg@db:5432/wagtailorg
-      PRIMARY_HOST: http://localhost:8000
+      PRIMARY_HOST: localhost:8000
       # The env vars get picked up by postgresql client tools (psql, pg_dump, etc)
       PGHOST: db
       PGUSER: wagtailorg

wagtailio/areweheadlessyet/fields.py

@@ -0,0 +1,12 @@
+from wagtail.images.api.fields import ImageRenditionField
+from wagtail.images.models import SourceImageIOError
+
+
+class ImageRenditionURLField(ImageRenditionField):
+    """A field that serialises a rendition's url."""
+
+    def to_representation(self, image):
+        try:
+            return image.get_rendition(self.filter_spec).full_url
+        except SourceImageIOError:
+            return None

wagtailio/areweheadlessyet/models.py

@@ -7,6 +7,7 @@
 from wagtail.snippets.models import register_snippet
 
 from wagtailio.areweheadlessyet.blocks import HomePageBlock, TopicPageBlock
+from wagtailio.areweheadlessyet.fields import ImageRenditionURLField
 from wagtailio.utils.models import CrossPageMixin, SocialMediaMixin
 
 
@@ -58,6 +59,14 @@ class AreWeHeadlessYetHomePage(Page, SocialMediaMixin, CrossPageMixin):
         APIField("body"),
     ]
 
+    api_meta_fields = [
+        APIField("social_text"),
+        APIField(
+            "social_image_url",
+            serializer=ImageRenditionURLField("fill-100x100", source="social_image"),
+        ),
+    ]
+
     promote_panels = (
         Page.promote_panels + SocialMediaMixin.panels + CrossPageMixin.panels
     )