From ab4c3eea973cc4c773dc0ce23ebd1280f627ff0c Mon Sep 17 00:00:00 2001
From: dusk <y.bera003.06@protonmail.com>
Date: Wed, 30 Oct 2024 19:23:03 +0300
Subject: [PATCH] feat: add embed to log

---
 src/routes/log/+page.server.ts |  5 +++--
 src/routes/log/+page.svelte    | 13 +++++++++++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/routes/log/+page.server.ts b/src/routes/log/+page.server.ts
index 164642d..e2dcfb7 100644
--- a/src/routes/log/+page.server.ts
+++ b/src/routes/log/+page.server.ts
@@ -26,11 +26,12 @@ export const load = ({ url }) => {
     page = Math.max(page, 1)
 
     // get the notes from the chosen page
-    const notes =
+    const notes = new Map(
         notesList.slice((page - 1) * notesPerPage, page * notesPerPage)
             .map(
-                (id) => { return { noteId: id, note: readNote(id) } }
+                (id) => { return [id, readNote(id)] }
             )
+    )
 
     return { notes, highlightedNote: noteId, page }
 }
diff --git a/src/routes/log/+page.svelte b/src/routes/log/+page.svelte
index 8210fa8..98ce0b9 100644
--- a/src/routes/log/+page.svelte
+++ b/src/routes/log/+page.svelte
@@ -13,8 +13,17 @@
             minute: "2-digit",
         })
     }
+
+    const highlightedNote = data.notes.get(data.highlightedNote ?? '') ?? null
 </script>
 
+<svelte:head>
+    {#if highlightedNote !== null}
+        <meta property="og:description" content={highlightedNote.content} />
+        <meta property="og:title" content="log #{data.highlightedNote}" />
+    {/if}
+</svelte:head>
+
 <div class="pl-16 pt-16">
 <Window title="terminal" removePadding>
 <div
@@ -30,11 +39,11 @@
 <Token v="[" punct/>gazesystems <Token v="/log/" keywd/><Token v="]$" punct/> <Token v="ls" funct/> log <Token v="|" punct/> <Token v="each" funct/> <Token v="&#123;" punct/><Token v="|" punct/>file<Token v="|" punct/> <Token v="render" funct/> <Token v="(" punct/><Token v="open" funct/> $file.name<Token v=")" punct/><Token v="&#125;" punct/>
 <br>
 <br>
-{#each data.notes as { noteId, note }, index}
+{#each data.notes as [noteId, note], index}
 <div class="text-wrap break-words max-w-[70ch] leading-none">
 <Token v={renderDate(note.published)} small/> <Token v={noteId} keywd small/><Token v="#" punct/>&nbsp;&nbsp;<Token v={note.content} str/>
 </div>
-{#if index < data.notes.length - 1}
+{#if index < data.notes.size - 1}
 <div class="mt-3"/>
 {/if}
 {/each}