Feedback, link validator, contextual menu and CI.

.github/workflows/build-test.yml

@@ -0,0 +1,36 @@
+name: Build Test
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main, dev]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: "latest"
+
+      - name: Install dependencies
+        run: bun install
+
+      - name: Build project
+        run: bun run build
+
+  docker-build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+
+      - name: Build Docker image
+        run: docker build -t docs .

astro.config.mjs

@@ -2,12 +2,18 @@
 import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
 import catppuccin from "@catppuccin/starlight";
+import starlightContextualMenu from "starlight-contextual-menu";
+import starlightLinksValidator from "starlight-links-validator";
+import starlightHeadingBadges from "starlight-heading-badges";
 
 export default defineConfig({
   site: "https://docs.midnames.com",
   integrations: [
     starlight({
       title: "Midnames",
+      components: {
+        Pagination: "./src/components/CustomPagination.astro",
+      },
       social: [
         {
           icon: "github",
@@ -41,6 +47,11 @@ export default defineConfig({
           dark: { flavor: "mocha", accent: "green" },
           light: { flavor: "latte", accent: "green" },
         }),
+        starlightLinksValidator(),
+        starlightHeadingBadges(),
+        starlightContextualMenu({
+          actions: ["copy", "view", "chatgpt", "claude"],
+        }),
       ],
     }),
   ],

package.json

@@ -13,6 +13,10 @@
     "@astrojs/starlight": "^0.35.3",
     "@catppuccin/starlight": "^1.0.2",
     "astro": "^5.6.1",
-    "sharp": "^0.34.2"
+    "astro-feelback": "^0.3.4",
+    "sharp": "^0.34.2",
+    "starlight-contextual-menu": "^0.1.3",
+    "starlight-heading-badges": "^0.6.0",
+    "starlight-links-validator": "^0.18.0"
   }
-}
+}

src/components/CustomPagination.astro

@@ -0,0 +1,9 @@
+---
+import Pagination from "@astrojs/starlight/components/Pagination.astro";
+import FeedbackComponent from "./Feedback.astro";
+---
+
+<>
+    <FeedbackComponent />
+    <Pagination {...Astro.props as any} />
+</>

src/components/Feedback.astro

@@ -0,0 +1,57 @@
+---
+import FeelbackTaggedMessage from "astro-feelback/components/FeelbackTaggedMessage.astro";
+import "astro-feelback/styles/feelback.css";
+
+const CONTENT_SET_ID = "43bad53f-88c6-4dcb-a7c8-2cde8d9caa10";
+---
+
+<FeelbackTaggedMessage
+    contentSetId={CONTENT_SET_ID}
+    preset="like-dislike"
+    title="Was this page useful?"
+    layout="reveal-message"
+    placeholder="Type your message (optional)"
+    style={["bordered", "align-center"]}
+/>
+
+<style is:global>
+    .feelback-container {
+        margin: 0 auto 3rem;
+        --max-width: 400px !important;
+    }
+
+    .feelback-container [data-feelback-type="button-group"] .feelback-btn {
+        border-radius: 100%;
+    }
+
+    .feelback-container
+        [data-feelback-type="button-group"]
+        .feelback-btn.active {
+        color: var(--sl-color-text-invert);
+        background-color: var(--sl-color-text-accent);
+    }
+
+    .feelback-container textarea,
+    .feelback-container input[type="text"],
+    .feelback-container input[type="email"] {
+        border-radius: 0.5rem;
+        border: 1px solid var(--sl-color-gray-5);
+    }
+
+    .feelback-container textarea:hover,
+    .feelback-container input[type="text"]:hover,
+    .feelback-container input[type="email"]:hover {
+        border: 1px solid var(--sl-color-gray-2);
+    }
+
+    .feelback-container .feelback-btn[type="submit"] {
+        border-radius: 0.5rem;
+        padding: 1.25rem 2rem;
+        color: var(--sl-color-text-invert);
+        background-color: var(--sl-color-text-accent);
+        font-weight: bold;
+    }
+    .feelback-container .feelback-btn[type="submit"]:hover {
+        background-color: hsl(var(--sl-hue-accent), 80%, 70%);
+    }
+</style>

src/content/docs/guides/buy_domain.mdx

@@ -3,15 +3,15 @@ title: Buy a .night domain
 sidebar:
   label: Buy a .night domain
   badge:
-    text: Hey!
+    text: New!
     variant: tip
 ---
 
 import { Aside, Steps } from "@astrojs/starlight/components";
 
 In this guide, we will walk you through the steps to buy a `.night` domain using <a href="https://ns.midnames.com" target="_blank">Midnames</a>, the domain registrar for the Midnight Network.
 
-## Steps
+## Steps :badge[Start here!]
 
 <Steps>