From b5c6c9f4a6ea73f11366549e285d29cc35db64f7 Mon Sep 17 00:00:00 2001
From: grassblock <hi@imgb.space>
Date: Sat, 17 May 2025 11:40:02 +0800
Subject: [PATCH 1/3] feat: props for FediStatuses component

---
 src/components/shortcodes/FediStatuses.astro | 27 +++++++++-----------
 src/content/pages/test.mdx                   |  3 ++-
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/components/shortcodes/FediStatuses.astro b/src/components/shortcodes/FediStatuses.astro
index e5618f4..919a242 100644
--- a/src/components/shortcodes/FediStatuses.astro
+++ b/src/components/shortcodes/FediStatuses.astro
@@ -1,10 +1,13 @@
 ---
-
+// instanceDomain: the domain of the fediverse instance (e.g., "example.com")
+// userId: the user ID (could be the username when the instance uses software other than mastodon) of the account whose statuses you want to fetch
+// extraParams: any additional parameters to pass to the API (optional), in object format
+const { instanceDomain, userId, extraParams = '' } = Astro.props;
 ---
-{/* WIP: a Fediverse Statuses Component*/}}
+{/* WIP: a Fediverse Statuses Component*/}
 {/* mainly made for Hugo, src code https://github.com/BlockG-ws/hugo-theme-laboratory/blob/master/layouts/_default/statuses.html */}
-{/* reworked some parts to make it work in astro */}}
-<h2>My Status</h2>
+{/* reworked some parts to make it work in astro */}
+<h2>My Statuses</h2>
 <div class="container">
     <div id="posts"></div>
     <div class="loading">Loading...</div>
@@ -286,7 +289,7 @@
         font-style: italic;
     }
 </style>
-<script>
+<script define:vars={{ instanceDomain, userId, extraParams }}>
 function createFetcher(instanceDomain, userId, extraParams={}) {
     const state = {
         instanceDomain,
@@ -466,11 +469,11 @@ function createFetcher(instanceDomain, userId, extraParams={}) {
                 <a href="${postUrl}"
                    class="post-link"
                    target="_blank"
-                   title="在新窗口打开帖子">
+                   title="Open post in new tab">
                     <svg viewBox="0 0 24 24" fill="currentColor">
                         <path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" />
                     </svg>
-                    打开原帖
+                    Original
                 </a>
             </div>
         `;
@@ -521,7 +524,7 @@ function createFetcher(instanceDomain, userId, extraParams={}) {
                            target="_blank">
                             ${post.account.display_name}
                         </a>
-                        转发了
+                        boosted
                     </div>
                     <div class="reblogged-content">
                         ${renderPostContent(post.reblog)}
@@ -613,11 +616,5 @@ function createFetcher(instanceDomain, userId, extraParams={}) {
         showInLightbox
     };
 }
-window.fetcher = createFetcher('', '', {
-    exclude_replies: true,
-    exclude_reblogs: true,
-    pinned: false,
-    only_media: false,
-    limit: 20
-});
+window.fetcher = createFetcher(instanceDomain, userId, extraParams);
 </script>
\ No newline at end of file
diff --git a/src/content/pages/test.mdx b/src/content/pages/test.mdx
index f2df1b8..196fd35 100644
--- a/src/content/pages/test.mdx
+++ b/src/content/pages/test.mdx
@@ -8,4 +8,5 @@ import FediStatuses from "../../components/shortcodes/FediStatuses.astro"
 testestestest
 
 <BlogRoll/>
-<FediStatuses/>
\ No newline at end of file
+
+<FediStatuses instanceDomain='portal.gb0.dev' userId='me' />
\ No newline at end of file

From c55f49270a3e30cbf7b962c6e4e618583fd090c2 Mon Sep 17 00:00:00 2001
From: grassblock <hi@imgb.space>
Date: Sat, 17 May 2025 12:04:07 +0800
Subject: [PATCH 2/3] chore: remove WIP for FediStatuses

---
 src/components/shortcodes/FediStatuses.astro | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/shortcodes/FediStatuses.astro b/src/components/shortcodes/FediStatuses.astro
index 919a242..2bb4105 100644
--- a/src/components/shortcodes/FediStatuses.astro
+++ b/src/components/shortcodes/FediStatuses.astro
@@ -4,7 +4,6 @@
 // extraParams: any additional parameters to pass to the API (optional), in object format
 const { instanceDomain, userId, extraParams = '' } = Astro.props;
 ---
-{/* WIP: a Fediverse Statuses Component*/}
 {/* mainly made for Hugo, src code https://github.com/BlockG-ws/hugo-theme-laboratory/blob/master/layouts/_default/statuses.html */}
 {/* reworked some parts to make it work in astro */}
 <h2>My Statuses</h2>

From 98ee7a3527286bbec80cc0d46b2822b3597df0d2 Mon Sep 17 00:00:00 2001
From: grassblock <hi@imgb.space>
Date: Sat, 17 May 2025 12:14:27 +0800
Subject: [PATCH 3/3] feat: add spoiler shortcodes

---
 src/components/shortcodes/Spoiler.astro | 47 +++++++++++++++++++++++++
 src/content/pages/test.mdx              |  5 +++
 2 files changed, 52 insertions(+)
 create mode 100644 src/components/shortcodes/Spoiler.astro

diff --git a/src/components/shortcodes/Spoiler.astro b/src/components/shortcodes/Spoiler.astro
new file mode 100644
index 0000000..7a7dcff
--- /dev/null
+++ b/src/components/shortcodes/Spoiler.astro
@@ -0,0 +1,47 @@
+---
+const { tip = '' } = Astro.props
+---
+{/* TODO: make it work in paragraph wrapped elements */}
+<span class="spoiler" title={tip}>
+    <slot/>
+</span>
+<style>
+    .spoiler {
+        background-color: #252525;
+        color: #252525;
+        transition: color 0.5s;
+        width: fit-content;
+    }
+
+    .spoiler:hover {
+        color: #ffffff;
+    }
+    /* fix blockquotes */
+    .spoiler blockquote {
+        color: #252525;
+        transition: color 0.5s;
+    }
+
+    .spoiler blockquote:hover {
+        color: #ffffff;
+    }
+    /* fix code */
+    .spoiler code pre {
+        color: #252525;
+        transition: color 0.5s;
+    }
+
+    .spoiler code pre:hover {
+        color: #ffffff;
+    }
+
+    /* fix list bullet*/
+    .spoiler li::marker {
+        color: #252525;
+        transition: color 0.5s;
+    }
+
+    .spoiler:hover li::marker {
+        color: #ffffff;
+    }
+</style>
\ No newline at end of file
diff --git a/src/content/pages/test.mdx b/src/content/pages/test.mdx
index 196fd35..fd9f7a8 100644
--- a/src/content/pages/test.mdx
+++ b/src/content/pages/test.mdx
@@ -4,9 +4,14 @@ description: 'This is a test page'
 ---
 import BlogRoll  from "../../components/shortcodes/BlogRoll.astro"
 import FediStatuses from "../../components/shortcodes/FediStatuses.astro"
+import Spoiler from "../../components/shortcodes/Spoiler.astro"
 
 testestestest
 
 <BlogRoll/>
 
+<Spoiler tip="Spoiler Title">
+    ~~This is the content of the spoiler.~~
+</Spoiler>
+
 <FediStatuses instanceDomain='portal.gb0.dev' userId='me' />
\ No newline at end of file