Fix usage of <StarlightPage> with a custom srcDir configuration (#…

…2054)

.changeset/tidy-brooms-complain.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': patch
+---
+
+Fixes an issue when using the `<StarlightPage>` component in a custom page with a user-defined `srcDir` configuration.

packages/starlight/__e2e__/collection-config.test.ts

@@ -0,0 +1,12 @@
+import { expect, testFactory } from './test-utils';
+
+const test = await testFactory('./fixtures/custom-src-dir/');
+
+test('builds a custom page using the `<StarlightPage>` component and a custom `srcDir`', async ({
+	page,
+	starlight,
+}) => {
+	await starlight.goto('/custom');
+
+	await expect(page.getByText('Hello')).toBeVisible();
+});

packages/starlight/__e2e__/fixtures/custom-src-dir/astro.config.mjs

@@ -0,0 +1,11 @@
+import starlight from '@astrojs/starlight';
+import { defineConfig } from 'astro/config';
+
+export default defineConfig({
+	srcDir: './www',
+	integrations: [
+		starlight({
+			title: 'Custom src directory',
+		}),
+	],
+});

packages/starlight/__e2e__/fixtures/custom-src-dir/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@e2e/custom-src-dir",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "@astrojs/starlight": "workspace:*",
+    "astro": "^4.10.2"
+  }
+}

packages/starlight/__e2e__/fixtures/custom-src-dir/www/content/config.ts

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

packages/starlight/__e2e__/fixtures/custom-src-dir/www/env.d.ts

@@ -0,0 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
+/// <reference types="astro/client" />

packages/starlight/__e2e__/fixtures/custom-src-dir/www/pages/custom.astro

@@ -0,0 +1,7 @@
+---
+import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
+---
+
+<StarlightPage frontmatter={{ title: 'A custom page' }}>
+	<p>Hello</p>
+</StarlightPage>

packages/starlight/integrations/virtual-user-config.ts

@@ -50,7 +50,7 @@ export function vitePluginStarlightUserConfig(
 			: 'export const logos = {};',
 		'virtual:starlight/collection-config': `let userCollections;
 			try {
-				userCollections = (await import('/src/content/config.ts')).collections;
+				userCollections = (await import('${new URL('./content/config.ts', srcDir).pathname}')).collections;
 			} catch {}
 			export const collections = userCollections;`,
 		...virtualComponentModules,

packages/starlight/playwright.config.ts

@@ -12,4 +12,5 @@ export default defineConfig({
 		},
 	],
 	testMatch: '__e2e__/*.test.ts',
+	workers: 1,
 });