Add link to API docs

Author: ackwell

astro.config.mjs

@@ -29,6 +29,11 @@ export default defineConfig({
 					label: 'Reference',
 					autogenerate: { directory: 'reference' },
 				},
+				{
+					label: 'API Reference',
+					link: '/api/1/docs',
+					attrs: { target: '_blank' },
+				}
 			],
 			components: {
 				Hero: './src/components/Hero.astro'

package.json

@@ -13,7 +13,10 @@
 	"pnpm": {
 		"onlyBuiltDependencies": [
 			"sharp"
-		]
+		],
+		"patchedDependencies": {
+			"@astrojs/starlight": "patches/@astrojs__starlight.patch"
+		}
 	},
 	"dependencies": {
 		"@astrojs/starlight": "^0.31.0",

patches/@astrojs__starlight.patch

@@ -0,0 +1,25 @@
+diff --git a/components/SidebarSublist.astro b/components/SidebarSublist.astro
+index b521ba13ef57d9be188c8775646f9d361c3d3c7c..dae6eb02b8d0553ad5be0a49961652e41eccef77 100644
+--- a/components/SidebarSublist.astro
++++ b/components/SidebarSublist.astro
+@@ -24,6 +24,9 @@ const { sublist, nested } = Astro.props;
+ 						{...entry.attrs}
+ 					>
+ 						<span>{entry.label}</span>
++						{('target' in entry.attrs) && entry.attrs.target === '_blank' && (
++							<Icon name="external" class="external-icon"/>
++						)}
+ 						{entry.badge && (
+ 							<Badge
+ 								variant={entry.badge.variant}
+@@ -59,6 +62,10 @@ const { sublist, nested } = Astro.props;
+ </ul>
+ 
+ <style>
++  .external-icon {
++    vertical-align: middle;
++  }
++
+ 	ul {
+ 		--sl-sidebar-item-padding-inline: 0.5rem;
+ 		list-style: none;