Add support for Astro 5

.changeset/healthy-grapes-kneel.md

@@ -0,0 +1,7 @@
+---
+'starlight-showcases': minor
+---
+
+⚠️ **BREAKING CHANGE:** The minimum supported version of Starlight is now `0.30.0`.
+
+Please follow the [upgrade guide](https://github.com/withastro/starlight/releases/tag/%40astrojs/starlight%400.30.0) to update your project.

docs/package.json

@@ -9,14 +9,13 @@
     "dev": "astro dev",
     "build": "astro build",
     "preview": "astro preview",
-    "lint": "eslint . --cache --max-warnings=0",
-    "format": "prettier -w --cache --ignore-unknown ."
+    "lint": "eslint . --cache --max-warnings=0"
   },
   "dependencies": {
-    "@astrojs/starlight": "^0.24.4",
+    "@astrojs/starlight": "^0.30.1",
     "@hideoo/starlight-plugins-docs-components": "^0.2.2",
-    "astro": "^4.11.1",
-    "sharp": "^0.33.4",
+    "astro": "^5.0.5",
+    "sharp": "^0.33.5",
     "starlight-showcases": "workspace:*"
   },
   "engines": {
@@ -36,7 +35,8 @@
   "homepage": "https://github.com/HiDeoo/starlight-showcases",
   "repository": {
     "type": "git",
-    "url": "https://github.com/HiDeoo/starlight-showcases.git"
+    "url": "https://github.com/HiDeoo/starlight-showcases.git",
+    "directory": "docs"
   },
   "bugs": "https://github.com/HiDeoo/starlight-showcases/issues",
   "lint-staged": {

docs/src/content/config.ts → docs/src/content.config.ts

@@ -1,6 +1,7 @@
+import { docsLoader } from '@astrojs/starlight/loaders'
 import { docsSchema } from '@astrojs/starlight/schema'
 import { defineCollection } from 'astro:content'
 
 export const collections = {
-  docs: defineCollection({ schema: docsSchema() }),
+  docs: defineCollection({ loader: docsLoader(), schema: docsSchema() }),
 }

docs/src/content/docs/index.mdx

@@ -15,10 +15,10 @@ hero:
     - text: Getting Started
       link: /getting-started/
       icon: rocket
-      variant: primary
     - text: Demo
       link: /demo/
-      icon: external
+      icon: right-arrow
+      variant: minimal
 ---
 
 import { Card, CardGrid } from '@astrojs/starlight/components'

eslint.config.mjs

@@ -0,0 +1,3 @@
+import hideoo from '@hideoo/eslint-config'
+
+export default hideoo()

package.json

@@ -6,21 +6,23 @@
   "author": "HiDeoo <github@hideoo.dev> (https://hideoo.dev)",
   "type": "module",
   "scripts": {
-    "lint": "pnpm -r lint",
-    "format": "pnpm -r format",
+    "lint": "astro check --noSync && pnpm -r lint",
+    "format": "prettier -w --cache --ignore-unknown .",
     "version": "pnpm changeset version && pnpm i --no-frozen-lockfile"
   },
   "devDependencies": {
-    "@changesets/changelog-github": "0.5.0",
-    "@changesets/cli": "2.27.10",
-    "@hideoo/eslint-config": "^3.0.1",
+    "@astrojs/check": "^0.9.4",
+    "@changesets/changelog-github": "^0.5.0",
+    "@changesets/cli": "^2.27.10",
+    "@hideoo/eslint-config": "^4.0.0",
     "@hideoo/prettier-config": "^2.0.0",
     "@hideoo/tsconfig": "^2.0.1",
-    "astro": "^4.9.1",
-    "eslint": "^8.57.0",
-    "prettier": "^3.2.5",
-    "prettier-plugin-astro": "^0.13.0",
-    "typescript": "^5.4.5"
+    "@types/node": "^18.19.68",
+    "astro": "^5.0.5",
+    "eslint": "^9.17.0",
+    "prettier": "^3.4.2",
+    "prettier-plugin-astro": "^0.14.1",
+    "typescript": "^5.7.2"
   },
   "engines": {
     "node": ">=18"

packages/starlight-showcases/.npmignore

@@ -1,4 +1,4 @@
 .eslintcache
-.prettierignore
+eslint.config.mjs
 tsconfig.json
 tsconfig.tsbuildinfo

packages/starlight-showcases/components/ShowcaseProfileCard.astro

@@ -1,5 +1,6 @@
 ---
 import type { ImageMetadata } from 'astro'
+import type { ComponentProps } from 'astro/types'
 import { Image } from 'astro:assets'
 
 export type ShowcaseProfileCardProps = Props
@@ -21,6 +22,13 @@ if (typeof picture === 'string') {
   const imageImport = await picture
   src = imageImport.default
 }
+
+const imageProps = {
+  src,
+  alt: '',
+  height: '50',
+  width: '50',
+} as ComponentProps<typeof Image>
 ---
 
 <div class="starlight-showcases-profile-card">
@@ -30,7 +38,7 @@ if (typeof picture === 'string') {
     </a>
     {description && <span class="starlight-showcases-profile-description" set:html={description} />}
   </span>
-  <Image class="starlight-showcases-profile-picture" {src} alt="" width="50" height="50" />
+  <Image {...imageProps} class="starlight-showcases-profile-picture" alt="" />
 </div>
 
 <style>

packages/starlight-showcases/eslint.config.mjs

@@ -0,0 +1,13 @@
+import hideoo from '@hideoo/eslint-config'
+
+export default hideoo({
+  ignores: ['eslint.config.mjs'],
+  languageOptions: {
+    parserOptions: {
+      project: ['../../tsconfig.json'],
+    },
+  },
+  rules: {
+    'unicorn/filename-case': 'off',
+  },
+})

packages/starlight-showcases/package.json

@@ -10,15 +10,14 @@
     "./package.json": "./package.json"
   },
   "scripts": {
-    "lint": "eslint . --cache --max-warnings=0",
-    "format": "prettier -w --cache --ignore-unknown ."
+    "lint": "eslint . --cache --max-warnings=0"
   },
   "dependencies": {
-    "@astro-community/astro-embed-twitter": "^0.5.4",
-    "@astro-community/astro-embed-youtube": "^0.5.2"
+    "@astro-community/astro-embed-twitter": "^0.5.8",
+    "@astro-community/astro-embed-youtube": "^0.5.6"
   },
   "peerDependencies": {
-    "@astrojs/starlight": ">=0.23.0"
+    "@astrojs/starlight": ">=0.30.0"
   },
   "engines": {
     "node": ">=18"