Add Waterfox components and custom pages.

.vscode/settings.json

@@ -44,5 +44,6 @@
 		"source.fixAll.eslint": true,
 		"source.fixAll.prettier": true,
 		"source.organizeImports": true
-	}
+	},
+	"typescript.tsdk": "node_modules/typescript/lib"
 }

astro.config.mjs

@@ -1,6 +1,7 @@
 import starlight from '@astrojs/starlight'
 import { defineConfig } from 'astro/config'
 import blog from 'starlight-blog'
+import svelte from '@astrojs/svelte'
 
 import tailwind from '@astrojs/tailwind'
 
@@ -20,33 +21,33 @@ export default defineConfig({
 		starlight({
 			components: {
 				MarkdownContent: 'starlight-blog/overrides/MarkdownContent.astro',
+				PageFrame: '~/components/CustomPageFrame.astro',
 				Sidebar: 'starlight-blog/overrides/Sidebar.astro',
 				ThemeSelect: 'starlight-blog/overrides/ThemeSelect.astro'
 			},
-			customCss: ['./src/assets/global.scss'],
-			title: 'My Docs',
+			title: 'Waterfox',
+			logo: {
+				replacesTitle: true,
+				src: './src/assets/waterfox-logo.svg'
+			},
 			social: {
-				github: 'https://github.com/withastro/starlight'
+				github: 'https://github.com/WaterfoxCo/Waterfox',
+				mastodon: 'https://mastodon.social/home',
+				twitter: 'https://twitter.com/Waterfoxproject'
 			},
 			sidebar: [
 				{
-					label: 'Guides',
-					items: [
-						// Each item here is one entry in the navigation menu.
-						{
-							label: 'Example Guide',
-							link: '/guides/example/'
-						}
-					]
+					label: 'Policies',
+					autogenerate: { directory: '/docs/policies/' }
 				},
 				{
-					label: 'Reference',
-					autogenerate: {
-						directory: 'reference'
-					}
+					label: 'Releases',
+					collapsed: true,
+					autogenerate: { directory: '/docs/releases/' }
 				}
 			]
 		}),
+		svelte(),
 		tailwind({
 			applyBaseStyles: false
 		})

package.json

@@ -12,11 +12,19 @@
   "dependencies": {
     "@astrojs/starlight": "^0.11.1",
     "@astrojs/starlight-tailwind": "^2.0.0",
+    "@astrojs/svelte": "^4.0.3",
     "@astrojs/tailwind": "^5.0.2",
+    "@tailwindcss/typography": "^0.5.10",
     "astro": "^3.2.3",
+    "clipboard": "^2.0.11",
+    "sass": "^1.69.3",
     "sharp": "^0.32.5",
     "starlight-blog": "^0.4.0",
-    "tailwindcss": "^3.0.24"
+    "svelte": "^4.2.1",
+    "svelte-select": "^5.7.0",
+    "tailwind-merge": "^1.14.0",
+    "tailwindcss": "^3.0.24",
+    "ua-parser-js": "2.0.0-beta.1"
   },
   "devDependencies": {
     "prettier": "^3.0.3",