chore: test pr (#744)

Author: megasanjay

.github/workflows/deploy-preview-app.yml

@@ -11,9 +11,8 @@ on:
       - next
   pull_request:
     types: [closed]
-    branches-ignore:
-      - main
-      - next
+  pull_request_target:
+    types: [opened, reopened, synchronize]
   delete:
 
 jobs:
@@ -31,9 +30,8 @@ jobs:
       KAMAL_REGISTRY_USERNAME: ${{ secrets.KAMAL_REGISTRY_USERNAME }}
       KAMAL_REGISTRY_PASSWORD: ${{ secrets.KAMAL_REGISTRY_PASSWORD }}
       KAMAL_SERVER_IP: ${{ secrets.KAMAL_SERVER_IP }}
-      KAMAL_APP_NAME: ${{ secrets.KAMAL_APP_NAME }}
-      KAMAL_APP_DOMAIN: ${{ secrets.KAMAL_APP_DOMAIN }}
-
+      KAMAL_APP_NAME: "fairdataihub-website"
+      KAMAL_APP_DOMAIN: "next.fairdataihub.org"
     steps:
       - uses: actions/checkout@v4
 
@@ -45,8 +43,8 @@ jobs:
             | sed 's/-\+/-/g' \
             | sed 's/^-//;s/-$//')
 
-          APP_NAME="${{ secrets.KAMAL_APP_NAME }}-${BRANCH_SLUG}"
-          APP_DOMAIN="${APP_NAME}.${{ secrets.KAMAL_APP_DOMAIN }}"
+          APP_NAME="fairdataihub-website-${BRANCH_SLUG}"
+          APP_DOMAIN="website-${BRANCH_SLUG}.fairdataihub.org"
 
           echo "KAMAL_APP_NAME=${APP_NAME}" >> "$GITHUB_ENV"
           echo "KAMAL_APP_DOMAIN=${APP_DOMAIN}" >> "$GITHUB_ENV"
@@ -64,50 +62,63 @@ jobs:
 
       - run: kamal deploy -d preview
 
+  comment-preview-on-pr:
+    runs-on: ubuntu-latest
+    if: github.event_name == 'pull_request_target' && github.event.action != 'closed'
+    permissions:
+      contents: read
+      issues: write
+      pull-requests: write
+
+    steps:
+      - name: Set preview app name and domain
+        run: |
+          BRANCH_SLUG=$(echo "${{ github.event.pull_request.head.ref }}" \
+            | tr '[:upper:]' '[:lower:]' \
+            | sed 's/[^a-z0-9-]/-/g' \
+            | sed 's/-\+/-/g' \
+            | sed 's/^-//;s/-$//')
+
+          APP_NAME="fairdataihub-website-${BRANCH_SLUG}"
+          APP_DOMAIN="website-${BRANCH_SLUG}.fairdataihub.org"
+
+          echo "KAMAL_APP_NAME=${APP_NAME}" >> "$GITHUB_ENV"
+          echo "KAMAL_APP_DOMAIN=${APP_DOMAIN}" >> "$GITHUB_ENV"
+
       - name: Comment preview URL on PR
-        if: success()
         uses: actions/github-script@v7
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
           script: |
-            const branch = '${{ github.ref_name }}';
-            const previewUrl = 'https://${{ env.KAMAL_APP_DOMAIN }}';
+            const previewUrl = 'https://website-${BRANCH_SLUG}.fairdataihub.org';
+            const issue_number = context.payload.pull_request.number;
 
-            const { data: prs } = await github.rest.pulls.list({
+            const body = `## Preview deployment ready\n\n**Preview URL:** [${previewUrl}](${previewUrl})`;
+
+            const { data: comments } = await github.rest.issues.listComments({
               owner: context.repo.owner,
               repo: context.repo.repo,
-              state: 'open',
-              head: `${context.repo.owner}:${branch}`
+              issue_number
             });
 
-            const body = `## Preview deployment ready\n\n**Preview URL:** [${previewUrl}](${previewUrl})`;
+            const previewComment = comments.find(
+              c => c.user.type === 'Bot' && c.body.startsWith('## Preview deployment ready')
+            );
 
-            for (const pr of prs) {
-              const { data: comments } = await github.rest.issues.listComments({
+            if (previewComment) {
+              await github.rest.issues.updateComment({
                 owner: context.repo.owner,
                 repo: context.repo.repo,
-                issue_number: pr.number
+                comment_id: previewComment.id,
+                body
+              });
+            } else {
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number,
+                body
               });
-
-              const previewComment = comments.find(
-                c => c.user.type === 'Bot' && c.body.startsWith('## Preview deployment ready')
-              );
-
-              if (previewComment) {
-                await github.rest.issues.updateComment({
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  comment_id: previewComment.id,
-                  body
-                });
-              } else {
-                await github.rest.issues.createComment({
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  issue_number: pr.number,
-                  body
-                });
-              }
             }
 
   remove-preview:
@@ -130,8 +141,8 @@ jobs:
       KAMAL_REGISTRY_USERNAME: ${{ secrets.KAMAL_REGISTRY_USERNAME }}
       KAMAL_REGISTRY_PASSWORD: ${{ secrets.KAMAL_REGISTRY_PASSWORD }}
       KAMAL_SERVER_IP: ${{ secrets.KAMAL_SERVER_IP }}
-      KAMAL_APP_NAME: ${{ secrets.KAMAL_APP_NAME }}
-      KAMAL_APP_DOMAIN: ${{ secrets.KAMAL_APP_DOMAIN }}
+      KAMAL_APP_NAME: "fairdataihub-website"
+      KAMAL_APP_DOMAIN: "next.fairdataihub.org"
 
     steps:
       - uses: actions/checkout@v4
@@ -154,8 +165,8 @@ jobs:
             | sed 's/-\+/-/g' \
             | sed 's/^-//;s/-$//')
 
-          APP_NAME="${{ secrets.KAMAL_APP_NAME }}-${BRANCH_SLUG}"
-          APP_DOMAIN="${APP_NAME}.${{ secrets.KAMAL_APP_DOMAIN }}"
+          APP_NAME="fairdataihub-website-${BRANCH_SLUG}"
+          APP_DOMAIN="website-${BRANCH_SLUG}.fairdataihub.org"
 
           echo "KAMAL_APP_NAME=${APP_NAME}" >> "$GITHUB_ENV"
           echo "KAMAL_APP_DOMAIN=${APP_DOMAIN}" >> "$GITHUB_ENV"

package.json

@@ -32,7 +32,7 @@
     "reset": "rm -rf node_modules .next && yarn install"
   },
   "lint-staged": {
-    "./src/**/*.{ts,js,jsx,tsx}": [
+    "./src/**/*.{mx}": [
       "yarn lint --fix",
       "yarn format"
     ]
@@ -164,4 +164,4 @@
     "node": "22.18.0",
     "yarn": "1.22.22"
   }
-}
+}

src/pages/index.tsx

@@ -92,7 +92,7 @@ export default function Home() {
           <div className="flex flex-col-reverse items-center justify-center md:flex-row">
             <div className="h-full w-full p-2 lg:max-w-2xl">
               <h2 className="text-left text-4xl font-extrabold text-stone-900 sm:text-4xl">
-                The FAIR Data wave
+                The FAIR Data wave (next-1)
               </h2>
 
               <div className="font-asap pt-8">