otoyo/astro-notion-blog

Notion Iconに対応したい

trickstar13 opened this issue · 4 comments

現在、NotionのページやCalloutブロックにて、絵文字のほかに「アイコン」を選べるようになっています。
notion-icons

いまはこれらのアイコンを選んでも、astro-notion-blog側で未対応のため、ブログ上ではアイコンが表示されません。
アイコンを表示できるように変更したいです。


Notionのドキュメント上ではこのアイコンについての記載を見つけられなかったのですが、レスポンスを見ると、icon.external.url などとして、このアイコンのSVG画像ファイルのURLを取得できるようです。

ページのNotionアイコン
page-icon

CalloutブロックのNotionアイコン
callout-icon
※ externalの中身は { url: 'https://www.notion.so/icons/book_brown.svg' } の形式でした

アイコン画像の有効期限はなさそうに見えますので、単純にこのURLをそのまま画像として表示すればいいのかなと思っています。


余談
「カスタム」からアイコンをアップロードした場合は、期限つきの画像URLが返ってくるようなので、こちらに対応する場合はダウンロードが必要になりそうです…!また別でイシュー等たてるほうが良さそうですね。
custom-icon

otoyo commented

アイデアありがとうございます!
アイコンのURLは期限は無さそうですね。img タグでそのまま参照してあげる形で簡単に実現できそうですね。
カスタムの方は有効期限付きっぽいので、まずは通常のアイコンの方の対応を検討するのが良さそうですね。

otoyo commented

TODO

  • 共用体型が必要なので interface を type で定義し直す #89
    • interfaceのままで大丈夫だった
otoyo commented

#90 で実装しました。

ありがとうございます!🙏
早速使わせてもらっています、とてもかわいいです🥰