Use metascraper-amazon

src/components/notion-blocks/Bookmark.astro

@@ -3,6 +3,7 @@ import createMetascraper from 'metascraper'
 import metascraperDescription from 'metascraper-description'
 import metascraperImage from 'metascraper-image'
 import metascraperTitle from 'metascraper-title'
+import metascraperAmazon from 'metascraper-amazon'
 import * as interfaces from '../../lib/interfaces.ts'
 
 export interface Props {
@@ -13,16 +14,26 @@ export interface Props {
 const { block, urlMap } = Astro.props
 
 const urlString = (block.Bookmark || block.LinkPreview || block.Embed).Url
-const metascraper = createMetascraper([
-  metascraperDescription(),
-  metascraperImage(),
-  metascraperTitle(),
-])
 
 let url: URL
 let metadata: Record<string, string>
 try {
   url = new URL(urlString)
+
+  let rules = []
+  if (
+    url.hostname === 'amazon.com' ||
+    url.hostname === 'www.amazon.com' ||
+    url.hostname === 'amazon.co.jp' ||
+    url.hostname === 'www.amazon.co.jp' ||
+    url.hostname === 'amzn.to'
+  ) {
+    rules = [metascraperAmazon()]
+  } else {
+    rules = [metascraperDescription(), metascraperImage(), metascraperTitle()]
+  }
+  const metascraper = createMetascraper(rules)
+
   const html = urlMap[urlString]
   if (html) {
     metadata = await metascraper({ html, url })