Feature/Add the file block

src/components/NotionBlocks.astro

@@ -26,6 +26,7 @@ import NumberedListItems from './notion-blocks/NumberedListItems.astro'
 import ToDo from './notion-blocks/ToDo.astro'
 import SyncedBlock from './notion-blocks/SyncedBlock.astro'
 import Toggle from './notion-blocks/Toggle.astro'
+import File from './notion-blocks/File.astro'
 
 export interface Props {
   blocks: interfaces.Block[]
@@ -162,6 +163,8 @@ const bookmarkURLMap = await buildURLToHTMLMap(bookmarkURLs)
       return <SyncedBlock block={block} headings={headings} />
     case 'toggle':
       return <Toggle block={block} headings={headings} />
+    case 'file':
+      return <File block={block} />
   }
   return null
   })}

src/components/notion-blocks/File.astro

@@ -0,0 +1,26 @@
+---
+import * as interfaces from '../../lib/interfaces.ts'
+export interface Props {
+  block: interfaces.Block
+}
+
+const { block } = Astro.props
+
+let url: URL;
+let fileName: string = 'File';
+try {
+  url = new URL(block.FileBlock.File.External.Url)
+  fileName = block.FileBlock.File.External.Url.match(".+/(.+?)([\?#;].*)?$")[1];
+} catch (err) {
+  console.error(err)
+}
+---
+
+<div class="file">
+  <div>
+    {url && (<p><a href={url} target="_blank">&#128229; {fileName}</a></p>)}
+  </div>
+</div>
+
+<style>
+</style>

src/lib/interfaces.ts

@@ -35,6 +35,7 @@ export interface Block {
   Table?: Table
   ColumnList?: ColumnList
   TableOfContents?: TableOfContents
+  FileBlock?: FileBlock
 }
 
 export interface Paragraph {
@@ -103,8 +104,16 @@ export interface File {
   ExpiryTime?: string
 }
 
+export interface FileBlock {
+  Type: string
+  File: {
+    External: External
+  }
+}
+
 export interface External {
   Url: string
+  ExpiryTime?: string
 }
 
 export interface Code {

src/lib/notion/client.ts

@@ -38,6 +38,7 @@ import type {
   Text,
   Annotation,
   SelectProperty,
+  FileBlock,
 } from '../interfaces'
 // eslint-disable-next-line @typescript-eslint/no-var-requires
 import { Client } from '@notionhq/client'
@@ -232,6 +233,10 @@ export async function getAllBlocksByBlockId(blockId: string): Promise<Block[]> {
       if (Date.parse(block.Image.File.ExpiryTime) < Date.now()) {
         block.Image = (await getBlock(block.Id)).Image
       }
+    } else if (block.Type === 'file' && block.FileBlock && block.FileBlock.File && block.FileBlock.File.External.ExpiryTime) {
+      if (Date.parse(block.FileBlock.File.External.ExpiryTime) < Date.now()) {
+        block.FileBlock = (await getBlock(block.Id)).FileBlock
+      }
     }
   }
 
@@ -475,6 +480,20 @@ function _buildBlock(blockObject: responses.BlockObject): Block {
         block.TableOfContents = tableOfContents
       }
       break
+    case 'file':
+      if (blockObject.file?.file) {
+        const FileBlock: FileBlock = {
+          Type: blockObject.file.type,
+          File: {
+            External: {
+              Url: blockObject.file.file.url,
+              ExpiryTime: blockObject.file.file.expiry_time
+            }
+          }
+        }
+        block.FileBlock = FileBlock
+      }
+      break
   }
 
   return block