add spoiler component, only use mdx when needed, update deps

diff --git a/bun.lock b/bun.lock
index f6965644ae9411963844900e0da6425d30a5c1c0..bf6d68b18011cb53513892f5398c578c0a97ffe2 100644 (file)
--- a/bun.lock
+++ b/bun.lock
@@ -4,22 +4,22 @@
     "": {
       "name": "cotsuka.github.io",
       "dependencies": {
-        "@astrojs/mdx": "^4.3.0",
+        "@astrojs/mdx": "^4.3.3",
         "@astrojs/react": "^4.3.0",
         "@astrojs/rss": "^4.0.12",
-        "@astrojs/sitemap": "^3.4.1",
+        "@astrojs/sitemap": "^3.4.2",
         "@fontsource-variable/public-sans": "^5.2.6",
         "@fontsource-variable/source-code-pro": "^5.2.6",
-        "@types/react": "^19.1.8",
-        "@types/react-dom": "^19.1.6",
+        "@types/react": "^19.1.9",
+        "@types/react-dom": "^19.1.7",
         "@vercel/og": "^0.6.8",
         "astro": "5.11.0",
-        "react": "^19.1.0",
-        "react-dom": "^19.1.0",
+        "react": "^19.1.1",
+        "react-dom": "^19.1.1",
         "recharts": "^3.1.0",
       },
       "devDependencies": {
-        "@types/bun": "^1.2.18",
+        "@types/bun": "^1.2.19",
       },
     },
   },

diff --git a/content/links/build-weekly-roundup-2025-week-4.mdx b/content/links/build-weekly-roundup-2025-week-4.md
similarity index 100%
rename from content/links/build-weekly-roundup-2025-week-4.mdx
rename to content/links/build-weekly-roundup-2025-week-4.md

diff --git a/content/links/build-weekly-roundup-2025-week-5.mdx b/content/links/build-weekly-roundup-2025-week-5.md
similarity index 100%
rename from content/links/build-weekly-roundup-2025-week-5.mdx
rename to content/links/build-weekly-roundup-2025-week-5.md

diff --git a/content/reviews/burning.mdx b/content/reviews/burning.md
similarity index 100%
rename from content/reviews/burning.mdx
rename to content/reviews/burning.md

diff --git a/content/reviews/challengers.mdx b/content/reviews/challengers.md
similarity index 100%
rename from content/reviews/challengers.mdx
rename to content/reviews/challengers.md

diff --git a/content/reviews/conclave.mdx b/content/reviews/conclave.md
similarity index 100%
rename from content/reviews/conclave.mdx
rename to content/reviews/conclave.md

diff --git a/content/reviews/fallen-angels/index.mdx b/content/reviews/fallen-angels/index.mdx
index 682b609c613323bfe031a9eca60ed7a91e0ee4fe..58dfe8d8a386a68ca919d6e548755330d3bf5f0c 100644 (file)
--- a/content/reviews/fallen-angels/index.mdx
+++ b/content/reviews/fallen-angels/index.mdx
@@ -8,6 +8,8 @@ tags:
 posse:
   Letterboxd: https://letterboxd.com/cotsuka/film/fallen-angels/
 ---
+import Spoiler from '@components/ui/spoiler.astro';
+
 ![He Zhiwu and Agent on motorcycle](./fallen-angels-0.png)
 
 - the wide-angle field of view, close-up shots, blurred/slowed/sped up scenes, and trip-hop soundtrack all create a dizzying effect.
@@ -16,9 +18,8 @@ posse:
 - scenes are beautifully constructed. for example, the final restaurant scene between the hitman and his partner.
 - surprisingly funny (e.g., ice cream truck with family)
 
-<details class="spoiler">
-  <summary>Spoiler</summary>
+<Spoiler>
   - did the hitman know his partner put a hit out on him? seems like he knows a lot about her (and she knows a lot about him). so in a way, he knew the only way for her to move on was killing him, and she knew he wanted to die. their final hit as partners.
-</details>
+</Spoiler>
 
 ![Wong Chi-Ming and Agent in restaurant](./fallen-angels-1.jpg)
\ No newline at end of file

diff --git a/content/reviews/hunchback-of-notre-dame.mdx b/content/reviews/hunchback-of-notre-dame.md
similarity index 100%
rename from content/reviews/hunchback-of-notre-dame.mdx
rename to content/reviews/hunchback-of-notre-dame.md

diff --git a/content/reviews/its-whats-inside.mdx b/content/reviews/its-whats-inside.md
similarity index 100%
rename from content/reviews/its-whats-inside.mdx
rename to content/reviews/its-whats-inside.md

diff --git a/content/reviews/perfect-days.mdx b/content/reviews/perfect-days.md
similarity index 100%
rename from content/reviews/perfect-days.mdx
rename to content/reviews/perfect-days.md

diff --git a/content/reviews/sinners.mdx b/content/reviews/sinners.md
similarity index 100%
rename from content/reviews/sinners.mdx
rename to content/reviews/sinners.md

diff --git a/content/reviews/subservience.mdx b/content/reviews/subservience.md
similarity index 100%
rename from content/reviews/subservience.mdx
rename to content/reviews/subservience.md

diff --git a/content/reviews/the-boy-and-the-heron.mdx b/content/reviews/the-boy-and-the-heron.md
similarity index 100%
rename from content/reviews/the-boy-and-the-heron.mdx
rename to content/reviews/the-boy-and-the-heron.md

diff --git a/content/reviews/warfare.mdx b/content/reviews/warfare.md
similarity index 100%
rename from content/reviews/warfare.mdx
rename to content/reviews/warfare.md

diff --git a/content/reviews/wicked.mdx b/content/reviews/wicked.md
similarity index 100%
rename from content/reviews/wicked.mdx
rename to content/reviews/wicked.md

diff --git a/src/components/ui/spoiler.astro b/src/components/ui/spoiler.astro
new file mode 100644 (file)
index 0000000..9598ac6
--- /dev/null
+++ b/src/components/ui/spoiler.astro
@@ -0,0 +1,18 @@
+<details class="spoiler">
+  <summary>Spoiler</summary>
+  <slot />
+</details>
+
+<style>
+    details.spoiler {
+        color: #ffffff;
+        background-color: #000000;
+        margin-bottom: 1rem;
+        padding: 0.5rem;
+    }
+    details.spoiler[open] {
+        color: unset;
+        background-color: unset;
+        border: 0.1rem solid;
+    }
+</style>
\ No newline at end of file

diff --git a/src/styles/style.css b/src/styles/style.css
index 90ed208b1d2b328e7765cb10de76844b4216e7fe..9b792fb5e1905a399195239184776f2ab2fd39ad 100644 (file)
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -74,15 +74,4 @@ code {
   font-family: "Source Code Pro Variable", monospace;
   margin-bottom: 1rem;
   padding: 0.1rem;
-}
-details.spoiler {
-  color: #ffffff;
-  background-color: #000000;
-  margin-bottom: 1rem;
-  padding: 0.5rem;
-}
-details.spoiler[open] {
-  color: unset;
-  background-color: unset;
-  border: 0.1rem solid;
 }
\ No newline at end of file