feat: update deps, support video tags

Author: rot1024

package-lock.json

@@ -21,34 +21,34 @@
     "postinstall": "symlink-dir node_modules/.astro/.astrotion/static public/static"
   },
   "dependencies": {
-    "@astrojs/rss": "^4.0.11",
-    "@astrojs/sitemap": "^3.4.0",
+    "@astrojs/rss": "^4.0.13",
+    "@astrojs/sitemap": "^3.6.0",
     "@resvg/resvg-js": "^2.6.2",
-    "@tailwindcss/vite": "^4.1.8",
-    "astro": "^5.8.1",
+    "@tailwindcss/vite": "^4.1.16",
+    "astro": "^5.15.1",
     "astro-analytics": "^2.7.0",
     "astro-google-fonts-optimizer": "^0.2.2",
     "astro-robots-txt": "^1.0.0",
     "date-fns": "^4.1.0",
     "ezog": "^0.4.0",
-    "katex": "^0.16.22",
-    "mermaid": "^11.6.0",
-    "notiondown": "^0.1.8",
+    "katex": "^0.16.25",
+    "mermaid": "^11.12.1",
+    "notiondown": "^0.2.2",
     "prismjs": "^1.30.0",
-    "sharp": "^0.34.2",
-    "tailwindcss": "^4.1.8"
+    "sharp": "^0.34.4",
+    "tailwindcss": "^4.1.16"
   },
   "devDependencies": {
     "@types/katex": "^0.16.7",
-    "@types/node": "^22.15.29",
+    "@types/node": "^24.9.1",
     "@types/prismjs": "^1.26.5",
-    "eslint": "^9.28.0",
+    "eslint": "^9.38.0",
     "eslint-config-reearth": "^0.3.8",
-    "eslint-plugin-astro": "^1.3.1",
-    "prettier": "^3.5.3",
+    "eslint-plugin-astro": "^1.4.0",
+    "prettier": "^3.6.2",
     "prettier-plugin-astro": "^0.14.1",
-    "symlink-dir": "^6.0.5",
-    "typescript": "^5.8.3",
-    "vitest": "^3.2.0"
+    "symlink-dir": "^9.0.0",
+    "typescript": "^5.9.3",
+    "vitest": "^4.0.4"
   }
 }

package.json

@@ -91,9 +91,6 @@ const config: Config = {
         operator: "on_or_before",
         value: "now"
       }
-    },
-    properties: {
-      title: "Page",
     }
   }
 };

src/config-default.ts

@@ -1,6 +1,6 @@
 export { default } from "./customization/config";
 
 export const auth = import.meta.env.NOTION_API_SECRET;
-export const databaseId = import.meta.env.DATABASE_ID;
+export const dataSourceId = import.meta.env.DATA_SOURCE_ID;
 export const debug = !!import.meta.env.DEBUG;
 export const site = import.meta.env.SITE || "http://localhost:3000";

src/config.ts

@@ -1,5 +1,6 @@
 import child_process from "node:child_process";
 import fs from "node:fs";
+import path from "node:path";
 
 import type { AstroIntegration } from "astro";
 
@@ -8,10 +9,33 @@ import { ASSET_DIR, CACHE_DIR_ASSETS } from "../constants";
 export default (): AstroIntegration => ({
   name: "astrotion",
   hooks: {
+    "astro:config:setup": async ({ command }) => {
+      fs.mkdirSync(CACHE_DIR_ASSETS, { recursive: true });
+
+      // In dev mode, create symlink to public directory
+      if (command === "dev") {
+        const publicAssetDir = path.join("public", ASSET_DIR);
+
+        // Remove existing symlink or directory
+        if (fs.existsSync(publicAssetDir)) {
+          fs.rmSync(publicAssetDir, { recursive: true });
+          console.log(`astrotion: removed existing ${publicAssetDir}`);
+        }
+
+        // Create symlink
+        const relativeTarget = path.relative(
+          path.dirname(publicAssetDir),
+          CACHE_DIR_ASSETS
+        );
+        fs.symlinkSync(relativeTarget, publicAssetDir, "dir");
+        console.log(`astrotion: created symlink ${publicAssetDir} -> ${CACHE_DIR_ASSETS}`);
+      }
+    },
     "astro:build:start": async () => {
       fs.mkdirSync(CACHE_DIR_ASSETS, { recursive: true });
     },
     "astro:build:done": async ({ dir }) => {
+      // only triggerd in build mode
       const outDir = new URL(ASSET_DIR, dir.href).pathname;
       fs.mkdirSync(outDir, { recursive: true });
 

src/integrations/index.ts

@@ -1,21 +1,21 @@
 import { Client, downloadImages, downloadImagesWithRetry, type Post } from "notiondown";
 
-import config, { auth, databaseId, debug } from "./config";
+import config, { auth, dataSourceId, debug } from "./config";
 import { ASSET_DIR, CACHE_DIR_ASSETS, CACHE_DIR_NOTION } from "./constants";
 import { postUrl } from "./utils";
 
 const pageSize = config.postsPerPage ?? 20;
 
-if (!auth || !databaseId) {
-  throw new Error("NOTION_API_SECRET and DATABASE_ID environment variables must be set.");
+if (!auth || !dataSourceId) {
+  throw new Error("NOTION_API_SECRET and DATA_SOURCE_ID environment variables must be set.");
 }
 
 const client = new Client({
   ...config.notiondown,
   auth,
-  databaseId,
+  dataSourceId,
   cacheDir: CACHE_DIR_NOTION,
-  imageDir: "/" + ASSET_DIR,
+  assetsDir: "/" + ASSET_DIR,
   debug,
   internalLink: (post) => postUrl(post.slug),
 });
@@ -69,17 +69,17 @@ export async function getPostOnly(slug: string) {
 }
 
 export async function getPost(slug: string) {
-  const { database, posts, images } = await client.getDatabaseAndAllPosts();
+  const { database, posts, assets } = await client.getDatabaseAndAllPosts();
   const post = posts.find((p) => p.slug === slug);
   if (!post) {
     throw new Error(`Post with slug "${slug}" not found.`);
   }
 
   const content = await client.getPostContent(post.id);
-  for (const [key, value] of content.images?.entries() || []) {
-    images.set(key, value);
+  for (const [key, value] of content.assets?.entries() || []) {
+    assets.set(key, value);
   }
-  await donwloadImages(images, post.id);
+  await donwloadImages(assets, post.id);
 
   return {
     post,

src/notion.ts

@@ -68,5 +68,5 @@ export const GET: APIRoute<Props> = async ({ params }) => {
   );
 
   const webp = await sharp(image).webp().toBuffer();
-  return new Response(webp.buffer);
+  return new Response(new Uint8Array(webp));
 };

src/pages/posts/[slug].webp.ts

@@ -1,6 +1,5 @@
-/// <reference types="vitest" />
-import { getViteConfig } from "astro/config";
+import { defineConfig } from "vitest/config";
 
-export default getViteConfig({
+export default defineConfig({
   test: {},
 });