conditionally fetch image metadata

PostHog · Sep 12, 2024 · 4f00983 · 4f00983
1 parent e6040f5
commit 4f00983
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 8 deletions.
diff --git a/gatsby/onCreateNode.ts b/gatsby/onCreateNode.ts
@@ -115,15 +115,22 @@ export const onCreateNode: GatsbyNode['onCreateNode'] = async ({
                 if (!cloudinaryData) {
                     console.warn(`Cloudinary data not found for ${publicId}`)
                 }
+
+                const hasData = publicId && cloudinaryData?.format && cloudinaryData?.width && cloudinaryData?.height
+
                 node.frontmatter[field] = {
                     publicURL: node.frontmatter?.[field],
-                    childImageSharp: {
-                        cloudName: process.env.GATSBY_CLOUDINARY_CLOUD_NAME,
-                        publicId,
-                        originalFormat: cloudinaryData?.format,
-                        originalWidth: cloudinaryData?.width,
-                        originalHeight: cloudinaryData?.height,
-                    },
+                    ...(hasData
+                        ? {
+                              childImageSharp: {
+                                  cloudName: process.env.GATSBY_CLOUDINARY_CLOUD_NAME,
+                                  publicId,
+                                  originalFormat: cloudinaryData?.format,
+                                  originalWidth: cloudinaryData?.width,
+                                  originalHeight: cloudinaryData?.height,
+                              },
+                          }
+                        : {}),
                 }
             }
         })

diff --git a/plugins/gatsby-source-squeak/gatsby-node.ts b/plugins/gatsby-source-squeak/gatsby-node.ts
@@ -312,14 +312,20 @@ export const sourceNodes: GatsbyNode['sourceNodes'] = async (
                 originalFormat: (image?.data?.attributes?.ext || '').replace('.', ''),
             }
 
+            const hasMedia =
+                cloudinaryMedia.publicId &&
+                cloudinaryMedia.originalHeight &&
+                cloudinaryMedia.originalWidth &&
+                cloudinaryMedia.originalFormat
+
             const node = {
                 squeakId: roadmap.id,
                 internal: {
                     type: `SqueakRoadmap`,
                     contentDigest: createContentDigest(roadmap.attributes),
                 },
                 ...rest,
-                media: cloudinaryMedia,
+                ...(hasMedia ? { media: cloudinaryMedia } : {}),
                 ...(image.data && {
                     id: createNodeId(`squeak-image-${image.data.id}`),
                     url: image.data.attributes.url,