Merge pull request 'Update astro monorepo' (#131 ) from renovate/astro-monorepo into main

Reviewed-on: #131
Merge pull request 'Update Node.js to v22.20.0' (#128 ) from renovate/docker.io-node-22.x into main
2025-09-27 01:42:52 +00:00 · 2025-09-27 01:42:46 +00:00 · 2025-09-27 01:42:41 +00:00 · 2025-09-27 00:03:37 +00:00 · 2025-09-27 00:03:28 +00:00 · 2025-09-27 00:03:22 +00:00
34 changed files with 1846 additions and 2223 deletions
@@ -24,7 +24,7 @@ jobs:
      - name: Set up Node.js
        uses: actions/setup-node@v4
        with:
-          node-version: 22.18.0
+          node-version: 22.20.0
          cache: pnpm

      - name: Install Dependencies
@@ -1,7 +1,7 @@
 ARG REGISTRY=docker.io
-FROM ${REGISTRY}/node:22.18.0-alpine3.22 AS base
+FROM ${REGISTRY}/node:22.20.0-alpine3.22 AS base

-LABEL version="2.0.0"
+LABEL version="2.0.6"
 LABEL description="Astro based personal website"

 ENV PNPM_HOME="/pnpm"
@@ -1,23 +0,0 @@
-# MIT License
-
-Copyright (c) 2025 Lê Vĩnh Khang
-
-Copyright (c) 2025 Alex Lebens
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
@@ -1,7 +1,7 @@
 {
  "name": "site-profile",
  "type": "module",
-  "version": "2.0.0",
+  "version": "2.0.6",
  "homepage": "https://www.alexlebens.dev",
  "bugs": {
    "url": "https://gitea.alexlebens.dev/alexlebens/site-profile/issues",
@@ -28,57 +28,57 @@
  },
  "dependencies": {
    "@astrojs/check": "^0.9.4",
-    "@astrojs/mdx": "^4.3.3",
-    "@astrojs/node": "^9.3.3",
+    "@astrojs/mdx": "^4.3.6",
+    "@astrojs/node": "^9.4.4",
    "@astrojs/partytown": "^2.1.4",
-    "@astrojs/react": "^4.3.0",
+    "@astrojs/react": "^4.3.1",
    "@astrojs/rss": "^4.0.12",
-    "@astrojs/sitemap": "^3.4.2",
+    "@astrojs/sitemap": "^3.6.0",
+    "@directus/sdk": "^20.1.0",
    "@giscus/react": "^3.1.0",
-    "@iconify-json/mdi": "^1.1.63",
-    "@iconify-json/pajamas": "^1.2.13",
-    "@iconify-json/simple-icons": "^1.2.47",
+    "@iconify-json/mdi": "^1.2.3",
+    "@iconify-json/pajamas": "^1.2.15",
+    "@iconify-json/simple-icons": "^1.2.52",
    "@playform/compress": "^0.2.0",
    "@rehype-pretty/transformers": "^0.13.2",
    "@swup/astro": "1.7.0",
-    "@tailwindcss/postcss": "^4.1.8",
-    "@tailwindcss/vite": "^4.1.8",
-    "@directus/sdk": "^20.0.0",
-    "@types/react": "^19.0.0",
-    "@types/unist": "^3.0.2",
-    "astro": "^5.12.8",
-    "astro-compressor": "^1.0.0",
+    "@tailwindcss/postcss": "^4.1.13",
+    "@tailwindcss/vite": "^4.1.13",
+    "@types/react": "^19.1.13",
+    "@types/unist": "^3.0.3",
+    "astro": "^5.13.10",
+    "astro-compressor": "^1.1.2",
    "astro-icon": "^1.1.5",
-    "framer-motion": "^12.16.0",
+    "framer-motion": "^12.23.18",
    "mdast-util-to-string": "^4.0.0",
-    "preline": "^3.1.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "preline": "^3.2.3",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
    "reading-time": "^1.5.0",
    "rehype-pretty-code": "^0.14.1",
-    "sharp": "^0.34.3",
+    "sharp": "^0.34.4",
    "sharp-ico": "^0.1.5",
-    "shiki": "^3.2.2",
-    "tailwindcss": "^4.1.11",
-    "ultrahtml": "^1.5.3"
+    "shiki": "^3.13.0",
+    "tailwindcss": "^4.1.13",
+    "ultrahtml": "^1.6.0"
  },
  "devDependencies": {
-    "@eslint-react/eslint-plugin": "^1.52.3",
+    "@eslint-react/eslint-plugin": "^1.53.1",
    "@tailwindcss/forms": "^0.5.10",
-    "@tailwindcss/typography": "^0.5.16",
+    "@tailwindcss/typography": "^0.5.18",
    "astro-icon": "^1.1.5",
-    "eslint": "^9.32.0",
+    "eslint": "^9.36.0",
    "eslint-config-prettier": "^10.1.8",
    "eslint-plugin-astro": "^1.3.1",
-    "eslint-plugin-format": "^1.0.1",
+    "eslint-plugin-format": "^1.0.2",
    "eslint-plugin-react": "^7.37.5",
    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "prettier": "^3.5.3",
+    "eslint-plugin-react-refresh": "^0.4.21",
+    "prettier": "^3.6.2",
    "prettier-plugin-astro": "^0.14.1",
    "prettier-plugin-tailwindcss": "^0.6.14",
    "timeago.js": "^4.0.2",
    "typescript": "5.9.2",
-    "typescript-eslint": "8.39.1"
+    "typescript-eslint": "8.44.1"
  }
 }
@@ -27,13 +27,13 @@ const currentYear = new Date().getFullYear();
              </div>

              <span class="ml-3 text-xl font-bold text-neutral-800 dark:text-neutral-200">
-                Blog
+                {global.name}
              </span>
            </div>
          </a>

          <p class="mt-4 text-sm leading-relaxed text-neutral-600 dark:text-neutral-400">
-            A description of something.
+            {global.about}
          </p>
        </div>
        <!-- Left links -->
@@ -5,21 +5,9 @@ interface Props {
  description: string;
  count: number;
  publishDate: string;
-  layoutPattern?: {
-    smCol: number;
-    mdCol: number;
-    row: number;
-    index: number;
-  };
 }

-const { slug, layoutPattern, title, description, count, publishDate } = Astro.props;
-const isSingleItem =
-  layoutPattern &&
-  layoutPattern.row === 1 &&
-  (layoutPattern.smCol === 1 || layoutPattern.mdCol === 1);
-
-const formatedDescription = isSingleItem ? `No description available` : description;
+const { slug, title, description, count, publishDate } = Astro.props;

 const baseClasses =
  'group group-hover rounded-xl flex h-full min-h-[220px] cursor-pointer flex-col overflow-hidden';
@@ -32,17 +20,17 @@ const bgColorClasses =
    <div
      class={`relative min-h-0 flex-grow overflow-hidden transition-all duration-300 ${bgColorClasses}`}
    >
-      <div class="absolute inset-1 flex flex-col justify-end p-3 md:p-4 lg:p-5">
-        <h2
-          class="group-hover:text-steel dark:group-hover:text-bermuda transition-text mb-4 text-4xl font-extrabold tracking-tight text-balance text-neutral-800 duration-300 dark:text-neutral-200"
-        >
-          {title}
-        </h2>
-        <p
-          class=`mb-4 ${isSingleItem ? 'hidden lg:block' : ''} max-w-prose text-pretty font-light text-neutral-600 dark:text-neutral-400 sm:text-lg`
-        >
-          {formatedDescription}
-        </p>
+      <div class="absolute inset-1 flex flex-col p-3 md:p-4 lg:p-5">
+        <div class="overflow-hidden">
+          <h2
+            class="group-hover:text-steel dark:group-hover:text-bermuda transition-text mb-4 text-4xl font-extrabold tracking-tight text-balance whitespace-nowrap text-neutral-800 duration-300 dark:text-neutral-200"
+          >
+            {title}
+          </h2>
+          <p class="mb-4 font-light text-neutral-600 sm:text-lg dark:text-neutral-400">
+            {description}
+          </p>
+        </div>
        <div
          class="mt-auto flex items-center justify-between pt-1 text-xs text-neutral-600 md:pt-2 dark:text-neutral-300"
        >
@@ -7,8 +7,6 @@ interface Props {
 }

 const { posts } = Astro.props;
-
-const description = 'Here are a few articles that I think are not bad, hope you like too.';
 ---

 <section class="mx-auto mb-10 max-w-[85rem] px-4 py-8 sm:px-6 lg:px-8 2xl:max-w-full">
@@ -17,13 +15,8 @@ const description = 'Here are a few articles that I think are not bad, hope you
      id="selected-articel"
      class="smooth-reveal-2 mb-4 text-5xl font-extrabold tracking-tight text-balance text-neutral-800 dark:text-neutral-200"
    >
-      Posts
+      Older Articles
    </h2>
-    <p
-      class="smooth-reveal-2 mb-8 max-w-prose font-light text-pretty text-neutral-600 sm:text-xl dark:text-neutral-400"
-    >
-      {description}
-    </p>
  </div>

  <div class="flex flex-col md:flex-row md:space-x-12 lg:space-x-16">
@@ -10,7 +10,7 @@ interface Props {

 const { title, description, url, icon } = Astro.props;

-const baseClasses = 'smooth-reveal-2 group group-hover flex flex-col';
+const baseClasses = 'smooth-reveal-2 group group-hover flex flex-col ';
 const borderClasses = 'border border-neutral-100 dark:border-stone-500/20';
 const bgColorClasses =
  'bg-neutral-100/80 hover:bg-neutral-100 dark:bg-neutral-800/60 dark:hover:bg-neutral-800/90';
@@ -19,7 +19,7 @@ const shadowClasses = 'shadow-xs hover:shadow-md dark:shadow-md dark:hover:shado

 <div class={`${baseClasses}`}>
  <a
-    class={`rounded-xl duration-300 transition-all ${borderClasses} ${bgColorClasses} ${shadowClasses}`}
+    class={`rounded-xl duration-300 transition-all h-30 ${borderClasses} ${bgColorClasses} ${shadowClasses}`}
    href={url}
    data-astro-prefetch
  >
@@ -15,19 +15,19 @@ const global = await directus.request(readSingleton('site_global'));
      <div class="grid gap-3 sm:grid-cols-2 sm:gap-6 lg:grid-cols-3">
        <FeaturesCard
          title="Cloud Engineer"
-          description="Full stack and multi cloud engineer"
-          url="#"
+          description="Full stack and cloud engineer."
+          url="/about"
          icon="mdi:cloud-outline"
        />
        <FeaturesCard
          title="Homelab"
          description="Tinkering, testing, deploying, etc, etc ..."
-          url="#"
+          url="/categories/homelab/"
          icon="mdi:home-variant-outline"
        />
        <FeaturesCard
-          title="Email Me"
-          description={`Reach me at ${global.email}`}
+          title="Email"
+          description={`Send me a message.`}
          url=`mailto:${global.email}`
          icon="mdi:email-fast"
        />
@@ -7,6 +7,7 @@ import BlogCard from '@components/blog/BlogCard.astro';

 const posts = await directus.request(
  readItems('posts', {
+    filter: { published: { _eq: true } },
    fields: ['*'],
    sort: ['-published_date'],
  })
@@ -1,4 +1,4 @@
 ---
-title: '二愣的小书屋 🔖'
-description: '生活总是这样，不能让人处处都满意但我们还要热情地活下去'
+title: 'Books 📖'
+description: 'Books I have read or listened to'
 ---
@@ -0,0 +1,4 @@
+---
+title: 'Cloud ☁️'
+description: "Its just someone else's server"
+---
@@ -1,4 +0,0 @@
---
-title: 'Golang 🚀'
-description: 'Go 语言的词法分析与语法分析及折腾下 Go 编译原理吗'
---
@@ -0,0 +1,4 @@
+---
+title: 'Homelab 🏠'
+description: 'What happens when rack servers find a home'
+---
@@ -1,4 +1,4 @@
 ---
-title: 'kubernetes 💩'
-description: 'Kubernetes 是一个开源系统，用于自动化部署、扩展和管理容器化应用程序。'
+title: 'Kubernetes ☸️'
+description: 'The container orchestration system'
 ---
@@ -1,4 +0,0 @@
---
-title: 'Laravel 🐛'
-description: '最优雅的 PHP 框架'
---
@@ -1,4 +1,4 @@
 ---
-title: '生活 💃'
-description: '房贷要还的，水电费要交的，小孩学费也贵的，钱肯定要不够的呀。所以工作不敢扔，我大部分的快乐，都是来自于生活的夹缝。'
+title: 'Life 🏃🏻'
+description: 'Just random musings on everyday stuff'
 ---
@@ -0,0 +1,4 @@
+---
+title: 'Minnesota 🌳'
+description: 'Land of 10,000 Lakes'
+---
@@ -1,4 +0,0 @@
---
-title: 'MySQL'
-description: 'MySQL is an open-source relational database management system (RDBMS).'
---
@@ -1,4 +0,0 @@
---
-title: 'Nginx 🐕‍🦺'
-description: '高性能的 HTTP 和反向代理 Web 服务器，奈何反向代理的 PHP-FMP 服务太慢。'
---
@@ -1,4 +0,0 @@
---
-title: 'PHP 🐘'
-description: 'PHP is a popular general-purpose scripting language that is especially suited to web development.'
---
@@ -0,0 +1,4 @@
+---
+title: 'PostgreSQL'
+description: 'PostgreSQL is an open-source relational database management system (RDBMS)'
+---
@@ -0,0 +1,4 @@
+---
+title: 'Python 🐍'
+description: 'Generally my go to language'
+---
@@ -1,4 +1,4 @@
 ---
 title: 'Tool 🪜'
-description: '停止折腾就老了吧'
+description: 'Usually just the software kind'
 ---
@@ -1,4 +1,4 @@
 ---
 title: 'What Is?'
-description: '什么是快乐星球，什么是快乐星球，什么是快乐星球'
+description: 'A series on discovery'
 ---
@@ -1,8 +1,3 @@
-<<<<<<< HEAD
 /// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
 /// <reference types="astro/content" />
-=======
-/// <reference types="astro/client" />
-/// <reference path="../.astro/types.d.ts" />
->>>>>>> 184f0c7 (fix path)
@@ -25,6 +25,7 @@ export type Post = {
  tags: string[];
  category: string;
  selected: boolean;
+  published: boolean;
  content: string;
  image: string;
  image_alt: string;
@@ -13,6 +13,7 @@ import blogImg from '@images/autumn_tree.png';
 const global = await directus.request(readSingleton('site_global'));
 const posts = await directus.request(
  readItems('posts', {
+    filter: { published: { _eq: true } },
    fields: ['*'],
    sort: ['-published_date'],
  })
@@ -20,7 +21,7 @@ const posts = await directus.request(
 const selectedPosts: Post[] = posts.filter((p) => p.selected);

 const description =
-  'Here are some articles that Alex Lebens believes are not bad, hope you enjoy them.';
+  "Sharing what I've learned, one post at a time. I hope you find something useful.";
 ---

 <BaseLayout
@@ -21,6 +21,7 @@ const { category } = Astro.props;
 const global = await directus.request(readSingleton('site_global'));
 const posts = await directus.request(
  readItems('posts', {
+    filter: { published: { _eq: true } },
    fields: ['*'],
    sort: ['-published_date'],
  })
@@ -14,6 +14,7 @@ import categoryImg from '@images/autumn_bench.png';
 const global = await directus.request(readSingleton('site_global'));
 const posts = await directus.request(
  readItems('posts', {
+    filter: { published: { _eq: true } },
    fields: ['*'],
    sort: ['-published_date'],
  })
@@ -74,7 +75,7 @@ const categories = (await getCollection('categories'))
  });

 const description =
-  'Here are some categories that I am interested in, including Laravel, Golang, and my life.';
+  'Here are some of the general categories that I am interested in, including homelabs, technology, and Minnesota.';
 ---

 <BaseLayout
@@ -118,7 +119,6 @@ const description =
                description={category.data.description}
                count={postMap.get(category.slug)?.length ?? 0}
                publishDate={timeago(postMap.get(category.slug)?.[0]?.published_date)}
-                layoutPattern={category.layoutPattern}
              />
            </div>
          );
@@ -11,7 +11,8 @@ import homeImg from '@images/autumn_mountain.png';

 const global = await directus.request(readSingleton('site_global'));

-const description = 'Writing on technology, selfhosting, and me.';
+const description =
+  'Engineering the cloud by day, homelab by night, and exploring Minnesota in between.';
 ---

 <BaseLayout
@@ -23,6 +23,7 @@ export async function GET(context: APIContext) {
  // Load the content collection entries to add to our RSS feed.
  const posts = await directus.request(
    readItems('posts', {
+      filter: { published: { _eq: true } },
      fields: ['*'],
      sort: ['-published_date'],
    })
@@ -1,58 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}', '*.{js,ts,jsx,tsx,mdx}'],
-  darkMode: 'class',
-  theme: {
-    extend: {
-      typography: (theme) => ({
-        DEFAULT: {
-          css: {
-            a: {
-              color: theme('colors.zinc.900'),
-              '&:hover': {
-                color: theme('colors.zinc.700'),
-              },
-              textDecoration: 'underline',
-              textDecorationColor: theme('colors.zinc.400'),
-              textUnderlineOffset: '2px',
-            },
-            'h1, h2, h3, h4, h5, h6': {
-              color: theme('colors.zinc.900'),
-            },
-            code: {
-              color: theme('colors.zinc.900'),
-              backgroundColor: theme('colors.zinc.100'),
-              borderRadius: theme('borderRadius.md'),
-              padding: `${theme('padding.1')} ${theme('padding.1.5')}`,
-            },
-            'code::before': {
-              content: '""',
-            },
-            'code::after': {
-              content: '""',
-            },
-          },
-        },
-        invert: {
-          css: {
-            a: {
-              color: theme('colors.zinc.100'),
-              '&:hover': {
-                color: theme('colors.zinc.300'),
-              },
-              textDecorationColor: theme('colors.zinc.700'),
-            },
-            'h1, h2, h3, h4, h5, h6': {
-              color: theme('colors.zinc.100'),
-            },
-            code: {
-              color: theme('colors.zinc.100'),
-              backgroundColor: theme('colors.zinc.800'),
-            },
-          },
-        },
-      }),
-    },
-  },
-  plugins: [require('@tailwindcss/typography')],
-};