generateフックでブログにツイートを埋め込む

{
  html: string
  oembed: {
    url: string
    author_name: string
    author_url: string
    html: string
    width: number | null
    height: number | null
    type: string
    cache_age: string
    provider_name: string
    provider_url: string
    version: string
  }
}

generate: {
  page: async (page: { route: any; path: any; html: string }) => {
    const matchers = /"https:\/\/twitter.com\/.+?\/status\/[0-9]+?"/gi
    const matchedUrls = page.html.match(matchers)
    if (!matchedUrls) return

    const targetUrls = matchedUrls.map((url) => url.replace(/"/g, ''))

    if (!targetUrls.length) return

    await Promise.all(
      targetUrls.map(async (url) => {
        return await axios.get<TweeticResponse>(
          'https://www.tweetic.io/api/tweet',
          {
            params: {
              layout: '',
              url,
            } as TweeticParams,
          }
        )
      })
    )
      .then((res) => {
        const dom = new JSDOM(page.html)
        const aTags = dom.window.document.querySelectorAll('a')
        const replaceList: { target: string; staticHtml: string }[] = []

        aTags.forEach((aTag) => {
          if (aTag.parentElement?.tagName === 'P') {
            res.forEach(({ data }) => {
              const {
                html: staticHtml,
                oembed: { url },
              } = data

              if (aTag.parentElement && aTag.href === url) {
                replaceList.push({
                  target: aTag.parentElement.outerHTML,
                  staticHtml: `${staticHtml}<p><a href="${url}" target="_blank" rel="noopener noreferrer">${url}</a></p>`,
                })
              }
            })
          }
        })

        page.html = replaceList.reduce((acc, { target, staticHtml }) => {
          return acc.replace(target, staticHtml)
        }, dom.serialize())
      })
      .catch((err) => {
        consola.error(err)
      })
  },
},