fix: change plugin order to fix Giscus comments but sacrifice index page pagination look (Rapide) and cooler credit on mobile (#151)

Author: trueberryless

astro.config.mjs

@@ -2,27 +2,21 @@ import { rehypeHeadingIds } from "@astrojs/markdown-remark";
 import starlight from "@astrojs/starlight";
 import lunaria from "@lunariajs/starlight";
 import { defineConfig } from "astro/config";
+import { config as loadDotenv } from "dotenv";
 import starlightBlog from "starlight-blog";
 import starlightCoolerCredit from "starlight-cooler-credit";
 import starlightGiscus from "starlight-giscus";
 import starlightImageZoom from "starlight-image-zoom";
 import starlightLinksValidator from "starlight-links-validator";
 import starlightThemeRapide from "starlight-theme-rapide";
-import { loadEnv } from "vite";
 
 import rehypeAutolinkHeadings from "./src/plugins/rehype/autolink-headings";
 import rehypeGitHubBadgeLinks from "./src/plugins/rehype/github-badge-links";
 
-const { GISCUS_REPO_ID } = loadEnv(
-  process.env.GISCUS_REPO_ID,
-  process.cwd(),
-  ""
-);
-const { GISCUS_CATEGORY_ID } = loadEnv(
-  process.env.GISCUS_CATEGORY_ID,
-  process.cwd(),
-  ""
-);
+loadDotenv();
+
+const GISCUS_REPO_ID = process.env.GISCUS_REPO_ID;
+const GISCUS_CATEGORY_ID = process.env.GISCUS_CATEGORY_ID;
 
 if (!GISCUS_REPO_ID || !GISCUS_CATEGORY_ID) {
   console.warn(
@@ -112,14 +106,17 @@ export default defineConfig({
           errorOnInvalidHashes: false,
         }),
         starlightImageZoom(),
-        starlightThemeRapide(),
-        starlightCoolerCredit({
-          credit: {
-            title: "Credits",
-            description: "View all credits of this blog →",
-            href: "https://blog.trueberryless.org/credits",
-          },
-        }),
+        ...(GISCUS_REPO_ID && GISCUS_CATEGORY_ID
+          ? [
+              starlightGiscus({
+                repo: "trueberryless-org/blog",
+                repoId: GISCUS_REPO_ID,
+                category: "Comments",
+                categoryId: GISCUS_CATEGORY_ID,
+                lazy: true,
+              }),
+            ]
+          : []),
         starlightBlog({
           title: "Deep Thoughts",
           postCount: 7,
@@ -164,17 +161,14 @@ export default defineConfig({
             },
           },
         }),
-        ...(GISCUS_REPO_ID && GISCUS_CATEGORY_ID
-          ? [
-              starlightGiscus({
-                repo: "trueberryless-org/blog",
-                repoId: GISCUS_REPO_ID,
-                category: "Comments",
-                categoryId: GISCUS_CATEGORY_ID,
-                lazy: true,
-              }),
-            ]
-          : []),
+        starlightCoolerCredit({
+          credit: {
+            title: "Credits",
+            description: "View all credits of this blog →",
+            href: "https://blog.trueberryless.org/credits",
+          },
+        }),
+        starlightThemeRapide(),
       ],
       components: {
         MarkdownContent: "./src/components/MarkdownContent.astro",

package.json

@@ -22,17 +22,18 @@
     "start": "astro dev"
   },
   "dependencies": {
-    "@astrojs/check": "^0.9.4",
-    "@astrojs/markdown-remark": "^6.3.7",
-    "@astrojs/starlight": "^0.36.0",
+    "@astrojs/check": "^0.9.5",
+    "@astrojs/markdown-remark": "6.3.8",
+    "@astrojs/starlight": "^0.36.1",
     "@expressive-code/plugin-collapsible-sections": "^0.41.3",
     "@expressive-code/plugin-line-numbers": "^0.41.3",
     "@fontsource-variable/atkinson-hyperlegible-next": "^5.2.6",
     "@fontsource-variable/jetbrains-mono": "^5.2.8",
     "@lucide/astro": "^0.545.0",
     "@lunariajs/core": "^0.1.1",
     "@lunariajs/starlight": "^0.1.1",
-    "astro": "^5.14.1",
+    "astro": "^5.15.1",
+    "dotenv": "^17.2.3",
     "hastscript": "^9.0.1",
     "rehype-autolink-headings": "^7.1.0",
     "sharp": "^0.34.4",