Update deps (#212)

Author: delucis

.changeset/ten-trees-shout.md

@@ -0,0 +1,6 @@
+---
+'@astro-community/astro-embed-integration': patch
+'@astro-community/astro-embed-utils': patch
+---
+
+Updates internal dependencies

README.md

@@ -18,15 +18,14 @@ The Astro site in the [`/demo`](demo) directory can be used to preview the vario
 
 All commands are run from the root of the project, from a terminal:
 
-| Command       | Action                                                          |
-| :------------ | :-------------------------------------------------------------- |
-| `pnpm install` | Installs dependencies                                           |
-| `pnpm start`   | Starts local dev server for the `demo` site at `localhost:3000` |
-| `pnpm t`       | Run the test suite                                              |
+| Command        | Action                |
+| :------------- | :-------------------- |
+| `pnpm install` | Installs dependencies |
+| `pnpm t`       | Run the test suite    |
 
 ## 🧪 Testing
 
-You can run unit tests by running `pnpm t` in a terminal or run `pnpm start` to start a dev server for the demo project.
+You can run unit tests by running `pnpm t` in a terminal or run `pnpm start` in the `demo/` directory to start a dev server for the demo project.
 
 ## ✨ Want to contribute?
 

demo/package.json

@@ -9,7 +9,7 @@
     "preview": "astro preview"
   },
   "devDependencies": {
-    "@astrojs/mdx": "^2.2.2",
-    "astro": "^4.16.19"
+    "@astrojs/mdx": "^4.3.7",
+    "astro": "^5.14.4"
   }
 }

docs/astro.config.mjs

@@ -15,21 +15,23 @@ export default defineConfig({
 				dark: './src/assets/logo-dark.svg',
 				replacesTitle: true,
 			},
-			social: {
-				github: 'https://github.com/delucis/astro-embed',
-			},
+			social: [
+				{
+					icon: 'github',
+					label: 'GitHub',
+					href: 'https://github.com/delucis/astro-embed',
+				},
+			],
 			sidebar: [
-				{ label: 'Getting started', link: '/getting-started/' },
+				'getting-started',
 				{
 					label: 'Components',
 					autogenerate: { directory: 'components' },
 				},
-				{ label: 'Auto-embed URLs', link: '/integration/' },
+				{ label: 'Auto-embed URLs', slug: 'integration' },
 			],
 			customCss: ['./src/assets/theme.css'],
-			components: {
-				Head: './src/overrides/Head.astro',
-			},
+			routeMiddleware: './src/routeData.ts',
 		}),
 	],
 });

docs/package.json

@@ -11,11 +11,12 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/starlight": "^0.24.0",
-    "astro": "^4.16.19",
-    "astro-og-canvas": "^0.4.2",
-    "expressive-code-color-chips": "^0.1.0",
-    "sharp": "^0.32.5",
-    "starlight-package-managers": "^0.4.0"
+    "@astrojs/starlight": "^0.36.0",
+    "astro": "^5.14.4",
+    "astro-og-canvas": "^0.7.2",
+    "canvaskit-wasm": "^0.40.0",
+    "expressive-code-color-chips": "^0.1.2",
+    "sharp": "^0.34.4",
+    "starlight-package-managers": "^0.11.0"
   }
 }

docs/src/content/config.ts renamed to docs/src/content.config.ts

@@ -1,8 +1,10 @@
 import { defineCollection, z } from 'astro:content';
+import { docsLoader } from '@astrojs/starlight/loaders';
 import { docsSchema } from '@astrojs/starlight/schema';
 
 export const collections = {
 	docs: defineCollection({
+		loader: docsLoader(),
 		schema: docsSchema({
 			extend: z.object({
 				// Require a description for every page.

docs/src/content/docs/index.mdx

@@ -10,10 +10,10 @@ hero:
     - text: Get Started
       link: /getting-started/
       icon: right-arrow
-      variant: primary
     - text: Star on GitHub
       link: https://github.com/delucis/astro-embed
       icon: star
+      variant: minimal
 ---
 
 import { Icon, Card, CardGrid } from '@astrojs/starlight/components';

docs/src/overrides/Head.astro

@@ -0,0 +1,23 @@
+import { defineRouteMiddleware } from '@astrojs/starlight/route-data';
+
+export const onRequest = defineRouteMiddleware((context) => {
+	// Get the URL of the generated image for the current page using its ID and
+	// append the `.png` file extension.
+	const ogImageUrl = new URL(
+		`/og/${context.locals.starlightRoute.id || 'index'}.png`,
+		context.site
+	);
+
+	// Get the array of all tags to include in the `<head>` of the current page.
+	const { head } = context.locals.starlightRoute;
+
+	// Add the `<meta/>` tags for the Open Graph images.
+	head.push({
+		tag: 'meta',
+		attrs: { property: 'og:image', content: ogImageUrl.href },
+	});
+	head.push({
+		tag: 'meta',
+		attrs: { name: 'twitter:image', content: ogImageUrl.href },
+	});
+});

docs/src/routeData.ts

@@ -4,28 +4,25 @@
   "license": "MIT",
   "private": true,
   "scripts": {
-    "start": "astro --root demo dev",
-    "build": "astro --root demo build",
-    "serve": "astro --root demo preview",
     "test": "uvu tests -i utils",
     "format": "prettier -w .",
     "lint": "eslint . --ext .ts,.js"
   },
   "devDependencies": {
-    "@changesets/changelog-github": "^0.4.4",
-    "@changesets/cli": "^2.29.6",
-    "@testing-library/dom": "^8.13.0",
-    "@types/eslint": "^8.44.0",
-    "@types/node": "^16.11.68",
+    "@changesets/changelog-github": "^0.5.1",
+    "@changesets/cli": "^2.29.7",
+    "@testing-library/dom": "^8.20.1",
+    "@types/eslint": "^8.56.12",
+    "@types/node": "^20.19.21",
     "@types/prettier": "^2.7.3",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
     "astro": "^4.16.19",
     "astro-component-tester": "^0.8.0",
     "eslint": "^8.45.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "linkedom": "^0.14.7",
+    "eslint-config-prettier": "^8.10.2",
+    "eslint-plugin-prettier": "^4.2.5",
+    "linkedom": "^0.18.12",
     "lz-string": "^1.5.0",
     "prettier": "^2.8.8",
     "prettier-plugin-astro": "^0.10.0",