Debugging Preview Function (#19)

* debugging preview

* preview mechanism

* testing preview comment

* 🔄 Trigger empty push

* 🔄 Trigger empty push

* editing some i wanna edit, and plus i wanna trigger a preview

* fixing navigation when in preview mode

* reverting last attempt

* testing

* please work

Author: Edwardius

.github/workflows/cleanup_preview.yml

@@ -0,0 +1,25 @@
+name: Cleanup Preview
+
+on:
+  pull_request:
+    types: [closed]
+
+jobs:
+  delete-preview:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout gh-pages branch
+        uses: actions/checkout@v3
+        with:
+          ref: gh-pages
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Remove preview folder for PR
+        run: |
+          git config user.name "github-actions"
+          git config user.email "github-actions@github.com"
+          rm -rf previews/pr-${{ github.event.pull_request.number }}
+          git add -A
+          git commit -m "🧹 Remove preview for PR #${{ github.event.pull_request.number }}" || echo "Nothing to commit"
+          git push origin gh-pages

.github/workflows/preview.yml

@@ -3,7 +3,7 @@ name: Deploy Preview
 on:
   pull_request:
     branches:
-      - main  # or the branch you want to base the preview on
+      - main
 
 jobs:
   build-and-deploy:
@@ -13,29 +13,33 @@ jobs:
       - name: Checkout repository
         uses: actions/checkout@v3
 
-      - name: Set up Node.js 22
+      - name: Set up Node.js
         uses: actions/setup-node@v3
         with:
-          node-version: '22' # Specify the version of Node.js you need
+          node-version: '22'
 
-      - name: Run install and export
+      - name: Install and export
         run: |
           npm install
           npm run export
+        env:
+          WEBSITE_BASE_PATH: "/previews/pr-${{ github.event.pull_request.number }}"
 
       - name: Deploy to GitHub Pages Preview
         uses: peaceiris/actions-gh-pages@v4
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
           publish_dir: ./out
-          publish_branch: gh-pages-preview-${{ github.event.pull_request.number }}
-          cname: wiki.watonomous.ca
+          publish_branch: gh-pages
+          destination_dir: previews/pr-${{ github.event.pull_request.number }}
+          force_orphan: false
 
       - name: Comment on the PR with the preview link
-        uses: peter-evans/commit-comment@v2
+        uses: peter-evans/create-or-update-comment@v3
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
+          issue-number: ${{ github.event.pull_request.number }}
           body: |
             🚀 Preview of the changes is available at:
-            https://${{ github.repository_owner }}.github.io/${{ github.repository }}/gh-pages-preview-${{ github.event.pull_request.number }}
-
+            https://${{ github.repository_owner }}.github.io/${{ github.event.repository.name }}/previews/pr-${{ github.event.pull_request.number }}
+          edit-mode: replace

next.config.js

@@ -4,9 +4,14 @@ const withNextra = require("nextra")({
   latex: true,
 });
 
+const basePath = (process.env.WEBSITE_BASE_PATH || '').replace(/\/$/, '')
+
 module.exports = {
   ...withNextra(),
   images: {
     unoptimized: true,
   },
+  basePath,
+  assetPrefix: basePath,
+  trailingSlash: true,
 };

pages/about.mdx

@@ -20,6 +20,8 @@ We are an agile group of developers, engineers, businessmen, designers, and mark
 
 ## Our Goal and Values
 
+WATonomous follows a singular goal:
+
 import { Callout } from 'nextra/components'
 
 <Callout>