Merge pull request #233 from Suzu-Gears/add-Bookmark-Caption

Add bookmark caption

Author: otoyo

src/components/notion-blocks/Bookmark.astro

@@ -6,6 +6,7 @@ import metascraperTitle from 'metascraper-title'
 import { isAmazonURL, isGitHubURL } from '../../lib/blog-helpers.ts'
 import GithubLinkPreview from './GitHubLinkPreview.astro'
 import * as interfaces from '../../lib/interfaces.ts'
+import Caption from './Caption.astro'
 
 export interface Props {
   block: interfaces.Block
@@ -73,6 +74,7 @@ try {
               )}
             </div>
           </a>
+          <Caption richTexts={block.Bookmark?.Caption ?? []} />
         </div>
       )}
     </>
@@ -86,7 +88,7 @@ try {
     opacity: 0.7;
   }
   .bookmark {
-    display: flex;
+    display: block;
     overflow: hidden;
     width: 100%;
     max-width: 100%;

src/lib/interfaces.ts

@@ -169,6 +169,7 @@ export interface Embed {
 }
 
 export interface Bookmark {
+  Caption: RichText[]
   Url: string
 }
 

src/lib/notion/client.ts

@@ -722,6 +722,7 @@ function _buildBlock(blockObject: responses.BlockObject): Block {
     case 'bookmark':
       if (blockObject.bookmark) {
         const bookmark: Bookmark = {
+          Caption: blockObject.bookmark.caption?.map(_buildRichText) || [],
           Url: blockObject.bookmark.url,
         }
         block.Bookmark = bookmark