fix: bookmark images cover

Author: transitive-bullshit

examples/full/lib/preview-images.ts

@@ -33,14 +33,18 @@ async function createPreviewImage(url: string): Promise<PreviewImage | null> {
   try {
     const { body } = await got(url, { responseType: 'buffer' })
     const result = await lqip(body)
-    console.log('lqip', result.metadata)
+    console.log('lqip', { originalUrl: url, ...result.metadata })
 
     return {
       originalWidth: result.metadata.originalWidth,
       originalHeight: result.metadata.originalHeight,
       dataURIBase64: result.metadata.dataURIBase64
     }
   } catch (err) {
+    if (err.message === 'Input buffer contains unsupported image format') {
+      return null
+    }
+
     console.warn('failed to create preview image', url, err.message)
     return null
   }

packages/react-notion-x/src/styles.css

@@ -1048,6 +1048,10 @@ svg.notion-page-icon {
   height: 100%;
 }
 
+.notion-bookmark-image span {
+  max-height: 100%;
+}
+
 .notion-column .notion-bookmark-image {
   display: none;
 }