@astrojs/starlight 0.26.0 → 0.26.2

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @astrojs/starlight
 
+## 0.26.2
+
+### Patch Changes
+
+- [#2273](https://github.com/withastro/starlight/pull/2273) [`746e0cd`](https://github.com/withastro/starlight/commit/746e0cd301f4ac4a182e8c45b36865c61d208b77) Thanks [@delucis](https://github.com/delucis)! - Fixes type error when using Starlight with Astro v4.15
+
+- [#2265](https://github.com/withastro/starlight/pull/2265) [`25b661e`](https://github.com/withastro/starlight/commit/25b661e238cdc6c08ef79504fa5507d879c0f62d) Thanks [@SeraphicRav](https://github.com/SeraphicRav)! - Adds TikTok social icon
+
+- [#2272](https://github.com/withastro/starlight/pull/2272) [`d1969dd`](https://github.com/withastro/starlight/commit/d1969dde2ea8ece6ce9d439eae12d9c63c2201d7) Thanks [@o-az](https://github.com/o-az)! - Adds new icon: `jsr`
+
+- [#2250](https://github.com/withastro/starlight/pull/2250) [`c0a6166`](https://github.com/withastro/starlight/commit/c0a6166bb280e2d70060b68cdf6ee166812c82d2) Thanks [@HiDeoo](https://github.com/HiDeoo)! - Removes internal E2E tests from the package published to the npm registry.
+
+- [#2253](https://github.com/withastro/starlight/pull/2253) [`72bc76a`](https://github.com/withastro/starlight/commit/72bc76a28f5c1b050d8125d80c6146526b699600) Thanks [@HiDeoo](https://github.com/HiDeoo)! - Fixes an issue preventing to use the `class` attribute in hero action link buttons.
+
+## 0.26.1
+
+### Patch Changes
+
+- [#2219](https://github.com/withastro/starlight/pull/2219) [`74d4716`](https://github.com/withastro/starlight/commit/74d4716f6a70fbef486e1057b81d2280c40251df) Thanks [@HiDeoo](https://github.com/HiDeoo)! - Fixes a sidebar persistence issue when navigating between pages with different sidebar content.
+
 ## 0.26.0
 
 ### Minor Changes

package/components/Hero.astro

@@ -50,12 +50,14 @@ if (image) {
 		{
 			actions.length > 0 && (
 				<div class="sl-flex actions">
-					{actions.map(({ attrs, icon, link: href, text, variant }) => (
-						<LinkButton {href} {variant} icon={icon?.name} {...attrs}>
-							{text}
-							{icon?.html && <Fragment set:html={icon.html} />}
-						</LinkButton>
-					))}
+					{actions.map(
+						({ attrs: { class: className, ...attrs } = {}, icon, link: href, text, variant }) => (
+							<LinkButton {href} {variant} icon={icon?.name} class:list={[className]} {...attrs}>
+								{text}
+								{icon?.html && <Fragment set:html={icon.html} />}
+							</LinkButton>
+						)
+					)}
 				</div>
 			)
 		}

package/components/Icons.ts

@@ -130,6 +130,8 @@ export const BuiltInIcons = {
 		'<path d="M21 19c0 1.7-1.2 3-2.7 3H5.7C4.2 22 3 20.7 3 19a3 3 0 0 1 1.2-2.4l6.7-6c0-.1.3 0 .2.2l-2.5 5s0 .2.2.2h9.5c1.5 0 2.7 1.4 2.7 3Zm0-14a3 3 0 0 1-1.2 2.4l-6.7 6c0 .1-.2 0-.2-.2l2.5-5s0-.2-.2-.2H5.7C4.2 8 3 6.6 3 5c0-1.7 1.2-3 2.7-3h12.6C19.8 2 21 3.3 21 5Z"/>',
 	pinterest:
 		'<path d="M12 0a12 12 0 0 0-4.4 23.1c0-.9-.2-2.4 0-3.4l1.5-6s-.4-.7-.4-1.7c0-1.7 1-3 2.2-3 1 0 1.5.8 1.5 1.7 0 1-.6 2.6-1 4-.3 1.2.6 2.2 1.8 2.2 2.1 0 3.8-2.2 3.8-5.5 0-2.8-2-4.9-5-4.9a5.2 5.2 0 0 0-5.4 5.2c0 1 .3 2.2.8 2.8.1.1.2.2.1.3l-.3 1.4c0 .2-.2.3-.4.2-1.5-.7-2.4-3-2.4-4.7C4.4 8 7 4.5 12.3 4.5c4.1 0 7.4 3 7.4 6.9 0 4.1-2.6 7.4-6.3 7.4-1.2 0-2.3-.6-2.7-1.3l-.8 2.8c-.2 1-1 2.4-1.5 3.2A12 12 0 1 0 12 0z"/>',
+	tiktok:
+		'<path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/>',
 	astro:
 		'<path d="M7.233 15.856c-.456 1.5-.132 3.586.948 4.57v-.036l.036-.096c.132-.636.648-1.032 1.309-1.008.612.012.96.336 1.044 1.044.036.264.036.528.048.803v.084c0 .6.168 1.176.504 1.68.3.48.72.851 1.284 1.103l-.024-.048-.024-.096c-.42-1.26-.12-2.135.984-2.879l.336-.227.745-.492a3.647 3.647 0 0 0 1.536-2.603c.06-.456 0-.9-.132-1.331l-.18.12c-1.668.887-3.577 1.2-5.425.84-1.117-.169-2.197-.48-3-1.416l.011-.012ZM2 15.592s3.205-1.559 6.421-1.559l2.437-7.508c.084-.36.348-.6.648-.6.3 0 .552.24.648.612l2.425 7.496c3.816 0 6.421 1.56 6.421 1.56L15.539.72c-.144-.444-.42-.72-.768-.72H8.24c-.348 0-.6.276-.768.72L2 15.592Z"/>',
 	alpine: '<path d="m18.7 6 5.3 5.3-5.3 5.3-5.4-5.3L18.7 6zM5.3 6l11 11H5.8L0 11.2 5.3 6z"/>',
@@ -155,6 +157,7 @@ export const BuiltInIcons = {
 	netlify:
 		'<path d="M6.49 19.04h-.23L5.13 17.9v-.23l1.73-1.71h1.2l.15.15v1.2L6.5 19.04ZM5.13 6.31V6.1l1.13-1.13h.23L8.2 6.68v1.2l-.15.15h-1.2zm9.96 9.09h-1.65l-.14-.13v-3.83c0-.68-.27-1.2-1.1-1.23c-.42 0-.9 0-1.43.02l-.07.08v4.96l-.14.14H8.9l-.13-.14V8.73l.13-.14h3.7a2.6 2.6 0 0 1 2.61 2.6v4.08l-.13.14Zm-8.37-2.44H.14L0 12.82v-1.64l.14-.14h6.58l.14.14v1.64zm17.14 0h-6.58l-.14-.14v-1.64l.14-.14h6.58l.14.14v1.64zM11.05 6.55V1.64l.14-.14h1.65l.14.14v4.9l-.14.14h-1.65zm0 15.81v-4.9l.14-.14h1.65l.14.13v4.91l-.14.14h-1.65z"/>',
 	deno: '<path d="M12 0a12 12 0 1 1 0 24 12 12 0 0 1 0-24m-.47 6.8c-3.49 0-6.2 2.19-6.2 4.92 0 2.58 2.5 4.23 6.37 4.15h.12l.42-.02-.1.28v.03l.09.22v.03l.02.04.02.07.02.04.01.05.02.05.02.07.02.08.02.06.02.08.02.09.02.09.03.1.01.06.03.1.02.1.03.15.02.07.02.11.03.12.02.12.04.17.02.15.04.2.02.1.03.15.03.15.04.22.04.23.04.23.04.24.04.24.04.26.04.26.04.2.05.34.02.14.06.36.04.3.04.22.04.31.03.16a10.76 10.76 0 0 0 6.53-3.41l.05-.06-.24-.89-.64-2.37-.39-1.47-.35-1.3-.21-.78-.14-.5-.08-.3-.07-.26-.03-.11-.02-.07-.01-.03v-.03a6.04 6.04 0 0 0-2.05-2.97 6.75 6.75 0 0 0-4.25-1.35M8.47 19.3a.59.59 0 0 0-.72.4v.01l-.53 1.96q.5.24 1.01.43l.08.03.57-2.11V20a.59.59 0 0 0-.41-.7m3.26-1.43a.59.59 0 0 0-.71.4v.01l-.8 2.96v.01a.59.59 0 0 0 1.12.3l.8-2.96v-.02l.02-.06v-.02l-.02-.1-.02-.14-.02-.08a.58.58 0 0 0-.37-.3Zm-5.55-3.04a1 1 0 0 0-.04.09v.02l-.8 2.95v.02a.59.59 0 0 0 1.13.3v-.01l.72-2.68a5.3 5.3 0 0 1-1.01-.7Zm-1.9-3.4a.59.59 0 0 0-.72.4v.02l-.8 2.95v.01a.59.59 0 0 0 1.13.3l.8-2.96v-.01a.59.59 0 0 0-.41-.7m17.87-.68a.59.59 0 0 0-.72.4v.02l-.8 2.95v.01a.59.59 0 0 0 1.13.3l.8-2.96v-.01a.59.59 0 0 0-.41-.7M2.55 6.81a10.7 10.7 0 0 0-1.26 3.93.59.59 0 0 0 1-.22v-.02l.8-2.95v-.01a.59.59 0 0 0-.55-.73m17.59.02a.59.59 0 0 0-.72.4v.01l-.8 2.96v.01a.59.59 0 0 0 1.13.3l.8-2.96v-.01a.59.59 0 0 0-.41-.7Zm-7.85 1.93a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5M6.01 4.03a.59.59 0 0 0-.71.4v.02L4.5 7.4v.01a.59.59 0 0 0 1.12.3l.8-2.96v-.01a.59.59 0 0 0-.41-.7Zm10.24.56a.59.59 0 0 0-.71.4V5L15 7q.52.26.99.6l.05.04.62-2.32V5.3a.59.59 0 0 0-.41-.7m-5.21-3.34a11 11 0 0 0-1.12.16l-.07.01L9.1 4.2v.01a.59.59 0 0 0 1.13.3l.8-2.96v-.01a.6.6 0 0 0 0-.27m7.34 2.04-.16.58v.02a.59.59 0 0 0 1.13.3V4.2l.02-.07a11 11 0 0 0-.92-.77zm-4.64-1.94-.28 1.05a.59.59 0 0 0 1.13.31v-.01l.3-1.1q-.52-.15-1.06-.24z"/>',
+	jsr: '<path d="M3.7 5.54v3.7H0v7.38h7.38v1.84h12.93v-3.7H24V7.39h-7.38V5.54Zm1.84 1.85h1.85v7.38H1.84v-3.7h1.84v1.85h1.85zm3.7 0h5.53v1.84h-3.7v1.85h3.7v5.53H9.23v-1.84h3.7v-1.85h-3.7Zm7.38 1.84h5.53v3.7h-1.84v-1.85h-1.85v5.54h-1.84z"/>',
 };
 
 export const Icons = {

package/components/SidebarPersistState.ts

@@ -16,17 +16,19 @@ interface SidebarState {
 /**
  * Get the current sidebar state.
  *
- * The `open` state is loaded from session storage, while `scroll` and `hash` are read from the current page.
+ * The `open` state is loaded from session storage when the sidebar hashes match, while `scroll`
+ * and `hash` are read from the current page.
  */
 const getState = (): SidebarState => {
 	let open = [];
+	const hash = target?.dataset.hash || '';
 	try {
 		const rawStoredState = sessionStorage.getItem(storageKey);
 		const storedState = JSON.parse(rawStoredState || '{}');
-		if (Array.isArray(storedState.open)) open = storedState.open;
+		if (Array.isArray(storedState.open) && storedState.hash === hash) open = storedState.open;
 	} catch {}
 	return {
-		hash: target?.dataset.hash || '',
+		hash,
 		open,
 		scroll: scroller?.scrollTop || 0,
 	};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astrojs/starlight",
-  "version": "0.26.0",
+  "version": "0.26.2",
   "description": "Build beautiful, high-performance documentation websites with Astro",
   "keywords": [
     "docs",

package/schemas/social.ts

@@ -34,6 +34,7 @@ export const socialLinks = [
 	'discourse',
 	'zulip',
 	'pinterest',
+	'tiktok',
 ] as const;
 
 export const SocialLinksSchema = () =>
@@ -83,6 +84,7 @@ export const SocialLinksSchema = () =>
 					discourse: 'Discourse',
 					zulip: 'Zulip',
 					pinterest: 'Pinterest',
+					tiktok: 'TikTok',
 				}[key];
 				labelledLinks[key] = { label, url };
 			}

package/utils/i18n.ts

@@ -70,6 +70,9 @@ function getAstroI18nConfig(config: StarlightConfig): NonNullable<AstroConfig['i
 				// Sites with a single non-root language different from the built-in default locale.
 				(!config.isMultilingual && config.locales !== undefined),
 			redirectToDefaultLocale: false,
+			// TODO: remove this ignore comment for Astro v5
+			// @ts-ignore — Only used in Astro >=4.15.0, but Starlight supports ^4.8.6
+			fallbackType: 'redirect',
 		},
 	};
 }

package/__e2e__/collection-config.test.ts

@@ -1,14 +0,0 @@
-import { expect, testFactory } from './test-utils';
-
-// This fixture contains a space in the directory so that we have a smoke test for building
-// Starlight projects with pathnames like this, which are a common source of bugs.
-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();
-});

package/__e2e__/fixtures/basics/astro.config.mjs

@@ -1,11 +0,0 @@
-import starlight from '@astrojs/starlight';
-import { defineConfig } from 'astro/config';
-
-export default defineConfig({
-	integrations: [
-		starlight({
-			title: 'Basics',
-			pagefind: false,
-		}),
-	],
-});

package/__e2e__/fixtures/basics/node_modules/.bin/astro

@@ -1,17 +0,0 @@
-#!/bin/sh
-basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
-
-case `uname` in
-    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
-esac
-
-if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/home/runner/work/starlight/starlight/node_modules/.pnpm/astro@4.10.2_@types+node@18.16.19_typescript@5.4.5/node_modules/astro/node_modules:/home/runner/work/starlight/starlight/node_modules/.pnpm/astro@4.10.2_@types+node@18.16.19_typescript@5.4.5/node_modules:/home/runner/work/starlight/starlight/node_modules/.pnpm/node_modules"
-else
-  export NODE_PATH="/home/runner/work/starlight/starlight/node_modules/.pnpm/astro@4.10.2_@types+node@18.16.19_typescript@5.4.5/node_modules/astro/node_modules:/home/runner/work/starlight/starlight/node_modules/.pnpm/astro@4.10.2_@types+node@18.16.19_typescript@5.4.5/node_modules:/home/runner/work/starlight/starlight/node_modules/.pnpm/node_modules:$NODE_PATH"
-fi
-if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../astro/astro.js" "$@"
-else
-  exec node  "$basedir/../astro/astro.js" "$@"
-fi

package/__e2e__/fixtures/basics/package.json

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

package/__e2e__/fixtures/basics/src/content/config.ts

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

package/__e2e__/fixtures/basics/src/content/docs/tabs-unsynced.mdx

@@ -1,21 +0,0 @@
----
-title: Tabs unsynced
----
-
-import { Tabs, TabItem } from '@astrojs/starlight/components';
-
-A basic set of tabs.
-
-<Tabs>
-	<TabItem label="npm">npm command</TabItem>
-	<TabItem label="pnpm">pnpm command</TabItem>
-	<TabItem label="yarn">yarn command</TabItem>
-</Tabs>
-
-Another basic set of tabs.
-
-<Tabs>
-	<TabItem label="one">tab 1</TabItem>
-	<TabItem label="two">tab 2</TabItem>
-	<TabItem label="three">tab 3</TabItem>
-</Tabs>

package/__e2e__/fixtures/basics/src/content/docs/tabs-variable-height.mdx

@@ -1,151 +0,0 @@
----
-title: Tabs with varying content heights
----
-
-import { Tabs, TabItem } from '@astrojs/starlight/components';
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-**A set of tabs using a sync key with content of different heights between tabs.**
-
-<Tabs syncKey="things">
-<TabItem label="A">
-
-A little bit of text.
-
-</TabItem>
-<TabItem label="B">
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-</TabItem>
-</Tabs>
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-**Another set of tabs using the same sync key with content of different heights between tabs.**
-
-<Tabs syncKey="things">
-<TabItem label="A">
-
-A little bit of text.
-
-</TabItem>
-<TabItem label="B">
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-A lot more text.
-
-</TabItem>
-</Tabs>
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit.

package/__e2e__/fixtures/basics/src/content/docs/tabs.mdx

@@ -1,70 +0,0 @@
----
-title: Tabs
----
-
-import { Tabs, TabItem } from '@astrojs/starlight/components';
-
-A set of tabs using the `pkg` sync key.
-
-<Tabs syncKey="pkg">
-	<TabItem label="npm">npm command</TabItem>
-	<TabItem label="pnpm">pnpm command</TabItem>
-	<TabItem label="yarn">yarn command</TabItem>
-</Tabs>
-
-A basic set of tabs.
-
-<Tabs>
-	<TabItem label="one">tab 1</TabItem>
-	<TabItem label="two">tab 2</TabItem>
-	<TabItem label="three">tab 3</TabItem>
-</Tabs>
-
-Another set of tabs using the `pkg` sync key and an extra tab.
-
-<Tabs syncKey="pkg">
-	<TabItem label="npm">another npm command</TabItem>
-	<TabItem label="pnpm">another pnpm command</TabItem>
-	<TabItem label="bun">another bun command</TabItem>
-	<TabItem label="yarn">another yarn command</TabItem>
-</Tabs>
-
-A set of tabs using the `style` sync key.
-
-<Tabs syncKey="style">
-	<TabItem label="css">css code</TabItem>
-	<TabItem label="tailwind">tailwind code</TabItem>
-</Tabs>
-
-Another set of tabs using the `pkg` sync key and using icons.
-
-<Tabs syncKey="pkg">
-	<TabItem label="npm" icon="seti:npm">
-		another npm command
-	</TabItem>
-	<TabItem label="pnpm" icon="pnpm">
-		another pnpm command
-	</TabItem>
-	<TabItem label="bun" icon="bun">
-		another bun command
-	</TabItem>
-	<TabItem label="yarn" icon="seti:yarn">
-		another yarn command
-	</TabItem>
-</Tabs>
-
-A set of tabs using the `os` sync key.
-
-<Tabs syncKey="os">
-	<TabItem label="macos">macOS</TabItem>
-	<TabItem label="windows">Windows</TabItem>
-	<TabItem label="linux">GNU/Linux</TabItem>
-</Tabs>
-
-Another set of tabs using the `os` sync key.
-
-<Tabs syncKey="os">
-	<TabItem label="macos">ls</TabItem>
-	<TabItem label="windows">Get-ChildItem</TabItem>
-	<TabItem label="linux">ls</TabItem>
-</Tabs>

package/__e2e__/fixtures/basics/src/env.d.ts

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

package/__e2e__/fixtures/custom src-dir/astro.config.mjs

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

package/__e2e__/fixtures/custom src-dir/node_modules/.bin/astro

@@ -1,17 +0,0 @@
-#!/bin/sh
-basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
-
-case `uname` in
-    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
-esac
-
-if [ -z "$NODE_PATH" ]; then
-  export NODE_PATH="/home/runner/work/starlight/starlight/node_modules/.pnpm/astro@4.10.2_@types+node@18.16.19_typescript@5.4.5/node_modules/astro/node_modules:/home/runner/work/starlight/starlight/node_modules/.pnpm/astro@4.10.2_@types+node@18.16.19_typescript@5.4.5/node_modules:/home/runner/work/starlight/starlight/node_modules/.pnpm/node_modules"
-else
-  export NODE_PATH="/home/runner/work/starlight/starlight/node_modules/.pnpm/astro@4.10.2_@types+node@18.16.19_typescript@5.4.5/node_modules/astro/node_modules:/home/runner/work/starlight/starlight/node_modules/.pnpm/astro@4.10.2_@types+node@18.16.19_typescript@5.4.5/node_modules:/home/runner/work/starlight/starlight/node_modules/.pnpm/node_modules:$NODE_PATH"
-fi
-if [ -x "$basedir/node" ]; then
-  exec "$basedir/node"  "$basedir/../astro/astro.js" "$@"
-else
-  exec node  "$basedir/../astro/astro.js" "$@"
-fi

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

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

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

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

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

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

package/__e2e__/fixtures/custom src-dir/www/pages/custom.astro

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

package/__e2e__/tabs.test.ts

@@ -1,299 +0,0 @@
-import { expect, testFactory, type Locator } from './test-utils';
-
-const test = await testFactory('./fixtures/basics/');
-
-test('syncs tabs with a click event', async ({ page, starlight }) => {
-	await starlight.goto('/tabs');
-
-	const tabs = page.locator('starlight-tabs');
-	const pkgTabsA = tabs.nth(0);
-	const pkgTabsB = tabs.nth(2);
-
-	// Select the pnpm tab in the first set of synced tabs.
-	await pkgTabsA.getByRole('tab').filter({ hasText: 'pnpm' }).click();
-
-	await expectSelectedTab(pkgTabsA, 'pnpm', 'pnpm command');
-	await expectSelectedTab(pkgTabsB, 'pnpm', 'another pnpm command');
-
-	// Select the yarn tab in the second set of synced tabs.
-	await pkgTabsB.getByRole('tab').filter({ hasText: 'yarn' }).click();
-
-	await expectSelectedTab(pkgTabsB, 'yarn', 'another yarn command');
-	await expectSelectedTab(pkgTabsA, 'yarn', 'yarn command');
-});
-
-test('syncs tabs with a keyboard event', async ({ page, starlight }) => {
-	await starlight.goto('/tabs');
-
-	const tabs = page.locator('starlight-tabs');
-	const pkgTabsA = tabs.nth(0);
-	const pkgTabsB = tabs.nth(2);
-
-	// Select the pnpm tab in the first set of synced tabs with the keyboard.
-	await pkgTabsA.getByRole('tab', { selected: true }).press('ArrowRight');
-
-	await expectSelectedTab(pkgTabsA, 'pnpm', 'pnpm command');
-	await expectSelectedTab(pkgTabsB, 'pnpm', 'another pnpm command');
-
-	// Select back the npm tab in the second set of synced tabs with the keyboard.
-	const selectedTabB = pkgTabsB.getByRole('tab', { selected: true });
-	await selectedTabB.press('ArrowRight');
-	await selectedTabB.press('ArrowLeft');
-	await selectedTabB.press('ArrowLeft');
-
-	await expectSelectedTab(pkgTabsA, 'npm', 'npm command');
-	await expectSelectedTab(pkgTabsB, 'npm', 'another npm command');
-});
-
-test('syncs only tabs using the same sync key', async ({ page, starlight }) => {
-	await starlight.goto('/tabs');
-
-	const tabs = page.locator('starlight-tabs');
-	const pkgTabsA = tabs.nth(0);
-	const unsyncedTabs = tabs.nth(1);
-	const styleTabs = tabs.nth(3);
-	const osTabsA = tabs.nth(5);
-	const osTabsB = tabs.nth(6);
-
-	// Select the pnpm tab in the set of tabs synced with the 'pkg' key.
-	await pkgTabsA.getByRole('tab').filter({ hasText: 'pnpm' }).click();
-
-	await expectSelectedTab(unsyncedTabs, 'one', 'tab 1');
-	await expectSelectedTab(styleTabs, 'css', 'css code');
-	await expectSelectedTab(osTabsA, 'macos', 'macOS');
-	await expectSelectedTab(osTabsB, 'macos', 'ls');
-});
-
-test('supports synced tabs with different tab items', async ({ page, starlight }) => {
-	await starlight.goto('/tabs');
-
-	const tabs = page.locator('starlight-tabs');
-	const pkgTabsA = tabs.nth(0);
-	const pkgTabsB = tabs.nth(2); // This set contains an extra tab item.
-
-	// Select the bun tab in the second set of synced tabs.
-	await pkgTabsB.getByRole('tab').filter({ hasText: 'bun' }).click();
-
-	await expectSelectedTab(pkgTabsA, 'npm', 'npm command');
-	await expectSelectedTab(pkgTabsB, 'bun', 'another bun command');
-});
-
-test('persists the focus when syncing tabs', async ({ page, starlight }) => {
-	await starlight.goto('/tabs');
-
-	const pkgTabsA = page.locator('starlight-tabs').nth(0);
-
-	// Focus the selected tab in the set of tabs synced with the 'pkg' key.
-	await pkgTabsA.getByRole('tab', { selected: true }).focus();
-	// Select the pnpm tab in the set of tabs synced with the 'pkg' key using the keyboard.
-	await page.keyboard.press('ArrowRight');
-
-	expect(
-		await pkgTabsA
-			.getByRole('tab', { selected: true })
-			.evaluate((node) => document.activeElement === node)
-	).toBe(true);
-});
-
-test('preserves tabs position when alternating between tabs with different content heights', async ({
-	page,
-	starlight,
-}) => {
-	await starlight.goto('/tabs-variable-height');
-
-	const tabs = page.locator('starlight-tabs').nth(1);
-	const selectedTab = tabs.getByRole('tab', { selected: true });
-
-	// Scroll to the second set of synced tabs and focus the selected tab.
-	await tabs.scrollIntoViewIfNeeded();
-	await selectedTab.focus();
-
-	// Get the bounding box of the tabs.
-	const initialBoundingBox = await tabs.boundingBox();
-
-	// Select the second tab which has a different height.
-	await selectedTab.press('ArrowRight');
-
-	// Ensure the tabs vertical position is exactly the same after selecting the second tab.
-	// Note that a small difference could be the result of the base line-height having a fractional part which can cause a
-	// sub-pixel difference in some browsers like Chrome or Firefox.
-	expect((await tabs.boundingBox())?.y).toBe(initialBoundingBox?.y);
-});
-
-test('syncs tabs with the same sync key if they do not consistenly use icons', async ({
-	page,
-	starlight,
-}) => {
-	await starlight.goto('/tabs');
-
-	const tabs = page.locator('starlight-tabs');
-	const pkgTabsA = tabs.nth(0); // This set does not use icons for tab items.
-	const pkgTabsB = tabs.nth(4); // This set uses icons for tab items.
-
-	// Select the pnpm tab in the first set of synced tabs.
-	await pkgTabsA.getByRole('tab').filter({ hasText: 'pnpm' }).click();
-
-	await expectSelectedTab(pkgTabsA, 'pnpm', 'pnpm command');
-	await expectSelectedTab(pkgTabsB, 'pnpm', 'another pnpm command');
-
-	// Select the yarn tab in the second set of synced tabs.
-	await pkgTabsB.getByRole('tab').filter({ hasText: 'yarn' }).click();
-
-	await expectSelectedTab(pkgTabsB, 'yarn', 'another yarn command');
-	await expectSelectedTab(pkgTabsA, 'yarn', 'yarn command');
-});
-
-test('restores tabs only for synced tabs with a persisted state', async ({ page, starlight }) => {
-	await starlight.goto('/tabs');
-
-	const tabs = page.locator('starlight-tabs');
-	const pkgTabsA = tabs.nth(0);
-	const pkgTabsB = tabs.nth(2);
-	const pkgTabsC = tabs.nth(4);
-	const unsyncedTabs = tabs.nth(1);
-	const styleTabs = tabs.nth(3);
-	const osTabsA = tabs.nth(5);
-	const osTabsB = tabs.nth(6);
-
-	// Select the pnpm tab in the set of tabs synced with the 'pkg' key.
-	await pkgTabsA.getByRole('tab').filter({ hasText: 'pnpm' }).click();
-
-	await expectSelectedTab(pkgTabsA, 'pnpm', 'pnpm command');
-	await expectSelectedTab(pkgTabsB, 'pnpm', 'another pnpm command');
-	await expectSelectedTab(pkgTabsC, 'pnpm', 'another pnpm command');
-
-	page.reload();
-
-	// The synced tabs with a persisted state should be restored.
-	await expectSelectedTab(pkgTabsA, 'pnpm', 'pnpm command');
-	await expectSelectedTab(pkgTabsB, 'pnpm', 'another pnpm command');
-	await expectSelectedTab(pkgTabsC, 'pnpm', 'another pnpm command');
-
-	// Other tabs should not be affected.
-	await expectSelectedTab(unsyncedTabs, 'one', 'tab 1');
-	await expectSelectedTab(styleTabs, 'css', 'css code');
-	await expectSelectedTab(osTabsA, 'macos', 'macOS');
-	await expectSelectedTab(osTabsB, 'macos', 'ls');
-});
-
-test('restores tabs for a single set of synced tabs with a persisted state', async ({
-	page,
-	starlight,
-}) => {
-	await starlight.goto('/tabs');
-
-	const tabs = page.locator('starlight-tabs');
-	const styleTabs = tabs.nth(3);
-
-	// Select the tailwind tab in the set of tabs synced with the 'style' key.
-	await styleTabs.getByRole('tab').filter({ hasText: 'tailwind' }).click();
-
-	await expectSelectedTab(styleTabs, 'tailwind', 'tailwind code');
-
-	page.reload();
-
-	// The synced tabs with a persisted state should be restored.
-	await expectSelectedTab(styleTabs, 'tailwind', 'tailwind code');
-});
-
-test('restores tabs for multiple synced tabs with different sync keys', async ({
-	page,
-	starlight,
-}) => {
-	await starlight.goto('/tabs');
-
-	const tabs = page.locator('starlight-tabs');
-	const pkgTabsA = tabs.nth(0);
-	const pkgTabsB = tabs.nth(2);
-	const pkgTabsC = tabs.nth(4);
-	const osTabsA = tabs.nth(5);
-	const osTabsB = tabs.nth(6);
-
-	// Select the pnpm tab in the set of tabs synced with the 'pkg' key.
-	await pkgTabsA.getByRole('tab').filter({ hasText: 'pnpm' }).click();
-
-	await expectSelectedTab(pkgTabsA, 'pnpm', 'pnpm command');
-	await expectSelectedTab(pkgTabsB, 'pnpm', 'another pnpm command');
-	await expectSelectedTab(pkgTabsC, 'pnpm', 'another pnpm command');
-
-	// Select the windows tab in the set of tabs synced with the 'os' key.
-	await osTabsB.getByRole('tab').filter({ hasText: 'windows' }).click();
-
-	page.reload();
-
-	// The synced tabs with a persisted state for the `pkg` sync key should be restored.
-	await expectSelectedTab(pkgTabsA, 'pnpm', 'pnpm command');
-	await expectSelectedTab(pkgTabsB, 'pnpm', 'another pnpm command');
-	await expectSelectedTab(pkgTabsC, 'pnpm', 'another pnpm command');
-
-	// The synced tabs with a persisted state for the `os` sync key should be restored.
-	await expectSelectedTab(osTabsA, 'windows', 'Windows');
-	await expectSelectedTab(osTabsB, 'windows', 'Get-ChildItem');
-});
-
-test('includes the `<starlight-tabs-restore>` element only for synced tabs', async ({
-	page,
-	starlight,
-}) => {
-	await starlight.goto('/tabs');
-
-	// The page includes 7 sets of tabs.
-	await expect(page.locator('starlight-tabs')).toHaveCount(7);
-	// Only 6 sets of tabs are synced.
-	await expect(page.locator('starlight-tabs-restore')).toHaveCount(6);
-});
-
-test('includes the synced tabs restore script only when needed and at most once', async ({
-	page,
-	starlight,
-}) => {
-	const syncedTabsRestoreScriptRegex = /customElements\.define\('starlight-tabs-restore',/g;
-
-	await starlight.goto('/tabs');
-
-	// The page includes at least one set of synced tabs.
-	expect((await page.content()).match(syncedTabsRestoreScriptRegex)?.length).toBe(1);
-
-	await starlight.goto('/tabs-unsynced');
-
-	// The page includes no set of synced tabs.
-	expect((await page.content()).match(syncedTabsRestoreScriptRegex)).toBeNull();
-});
-
-test('gracefully handles invalid persisted state for synced tabs', async ({ page, starlight }) => {
-	await starlight.goto('/tabs');
-
-	const tabs = page.locator('starlight-tabs');
-	const pkgTabsA = tabs.nth(0);
-
-	// Select the pnpm tab in the set of tabs synced with the 'pkg' key.
-	await pkgTabsA.getByRole('tab').filter({ hasText: 'pnpm' }).click();
-
-	await expectSelectedTab(pkgTabsA, 'pnpm', 'pnpm command');
-
-	// Replace the persisted state with a new invalid value.
-	await page.evaluate(
-		(value) => localStorage.setItem('starlight-synced-tabs__pkg', value),
-		'invalid-value'
-	);
-
-	page.reload();
-
-	// The synced tabs should not be restored due to the invalid persisted state.
-	await expectSelectedTab(pkgTabsA, 'npm', 'npm command');
-
-	// Select the pnpm tab in the set of tabs synced with the 'pkg' key.
-	await pkgTabsA.getByRole('tab').filter({ hasText: 'pnpm' }).click();
-
-	await expectSelectedTab(pkgTabsA, 'pnpm', 'pnpm command');
-
-	// The synced tabs should be restored with the new valid persisted state.
-	expect(await page.evaluate(() => localStorage.getItem('starlight-synced-tabs__pkg'))).toBe(
-		'pnpm'
-	);
-});
-
-async function expectSelectedTab(tabs: Locator, label: string, panel: string) {
-	expect((await tabs.getByRole('tab', { selected: true }).textContent())?.trim()).toBe(label);
-	expect((await tabs.getByRole('tabpanel').textContent())?.trim()).toBe(panel);
-}

package/__e2e__/test-utils.ts

@@ -1,56 +0,0 @@
-import { fileURLToPath } from 'node:url';
-import { test as baseTest, type Page } from '@playwright/test';
-import { build, preview } from 'astro';
-
-export { expect, type Locator } from '@playwright/test';
-
-process.env.ASTRO_TELEMETRY_DISABLED = 'true';
-process.env.ASTRO_DISABLE_UPDATE_CHECK = 'true';
-
-// Setup a test environment that will build and start a preview server for a given fixture path and
-// provide a Starlight Playwright fixture accessible from within all tests.
-export async function testFactory(fixturePath: string) {
-	let previewServer: PreviewServer | undefined;
-
-	const test = baseTest.extend<{ starlight: StarlightPage }>({
-		starlight: async ({ page }, use) => {
-			if (!previewServer) {
-				throw new Error('Could not find a preview server to run tests against.');
-			}
-
-			await use(new StarlightPage(previewServer, page));
-		},
-	});
-
-	test.beforeAll(async () => {
-		const root = fileURLToPath(new URL(fixturePath, import.meta.url));
-		await build({ logLevel: 'error', root });
-		previewServer = await preview({ logLevel: 'error', root });
-	});
-
-	test.afterAll(async () => {
-		await previewServer?.stop();
-	});
-
-	return test;
-}
-
-// A Playwright test fixture accessible from within all tests.
-class StarlightPage {
-	constructor(
-		private readonly previewServer: PreviewServer,
-		private readonly page: Page
-	) {}
-
-	// Navigate to a URL relative to the server used during a test run and return the resource response.
-	goto(url: string) {
-		return this.page.goto(this.resolveUrl(url));
-	}
-
-	// Resolve a URL relative to the server used during a test run.
-	resolveUrl(url: string) {
-		return `http://localhost:${this.previewServer.port}${url.replace(/^\/?/, '/')}`;
-	}
-}
-
-type PreviewServer = Awaited<ReturnType<typeof preview>>;

package/playwright.config.ts

@@ -1,17 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-export default defineConfig({
-	forbidOnly: !!process.env['CI'],
-	projects: [
-		{
-			name: 'Chrome Stable',
-			use: {
-				...devices['Desktop Chrome'],
-				headless: true,
-			},
-		},
-	],
-	testMatch: '__e2e__/*.test.ts',
-	timeout: 40 * 1_000,
-	workers: 1,
-});