diff --git a/astro.config.mjs b/astro.config.mjs index 24d52c5..dd94a55 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -19,6 +19,9 @@ export default defineConfig({ title: 'MCP Lab', description: 'Deterministic failure testing for MCP systems.', favicon: '/favicon.png', + components: { + Head: './src/components/StarlightHead.astro', + }, customCss: ['./src/styles/starlight.css'], head: [ { tag: 'meta', attrs: { name: 'theme-color', content: '#090a0c' } }, diff --git a/package-lock.json b/package-lock.json index aa4d007..3434bf3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,6 +9,7 @@ "version": "0.1.0", "dependencies": { "@astrojs/starlight": "^0.41.7", + "@vercel/analytics": "^2.0.1", "astro": "^7.1.6", "astro-mermaid": "^2.1.0", "mermaid": "^11.17.0", @@ -2843,6 +2844,48 @@ "d3-transition": "^3.0.1" } }, + "node_modules/@vercel/analytics": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/@vercel/analytics/-/analytics-2.0.1.tgz", + "integrity": "sha512-MTQG6V9qQrt1tsDeF+2Uoo5aPjqbVPys1xvnIftXSJYG2SrwXRHnqEvVoYID7BTruDz4lCd2Z7rM1BdkUehk2g==", + "license": "MIT", + "peerDependencies": { + "@remix-run/react": "^2", + "@sveltejs/kit": "^1 || ^2", + "next": ">= 13", + "nuxt": ">= 3", + "react": "^18 || ^19 || ^19.0.0-rc", + "svelte": ">= 4", + "vue": "^3", + "vue-router": "^4" + }, + "peerDependenciesMeta": { + "@remix-run/react": { + "optional": true + }, + "@sveltejs/kit": { + "optional": true + }, + "next": { + "optional": true + }, + "nuxt": { + "optional": true + }, + "react": { + "optional": true + }, + "svelte": { + "optional": true + }, + "vue": { + "optional": true + }, + "vue-router": { + "optional": true + } + } + }, "node_modules/acorn": { "version": "8.18.0", "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.18.0.tgz", diff --git a/package.json b/package.json index d658f25..3d37d81 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ }, "dependencies": { "@astrojs/starlight": "^0.41.7", + "@vercel/analytics": "^2.0.1", "astro": "^7.1.6", "astro-mermaid": "^2.1.0", "mermaid": "^11.17.0", diff --git a/src/components/StarlightHead.astro b/src/components/StarlightHead.astro new file mode 100644 index 0000000..2b6b43e --- /dev/null +++ b/src/components/StarlightHead.astro @@ -0,0 +1,7 @@ +--- +import DefaultHead from '@astrojs/starlight/components/Head.astro'; +import Analytics from '@vercel/analytics/astro'; +--- + + + diff --git a/src/layouts/SiteLayout.astro b/src/layouts/SiteLayout.astro index 15a6e82..28d69b9 100644 --- a/src/layouts/SiteLayout.astro +++ b/src/layouts/SiteLayout.astro @@ -1,5 +1,6 @@ --- import '../styles/global.css'; +import Analytics from '@vercel/analytics/astro'; const { title, description, image } = Astro.props; const canonical = new URL(Astro.url.pathname, Astro.site ?? Astro.url); const socialImage = image ? new URL(image, Astro.site ?? Astro.url) : undefined; @@ -11,7 +12,7 @@ const resolvedTheme = savedTheme === 'light' || savedTheme === 'dark' ? savedThe localStorage.setItem('starlight-theme', resolvedTheme); document.documentElement.dataset.theme = resolvedTheme; document.documentElement.dataset.themePreference = resolvedTheme; - +