feat: introduce second workflow for welcoming message and adapt merged contribution workflow

Author: trueberryless

.github/workflows/welcome-close.yml

@@ -0,0 +1,52 @@
+name: Claim Contributor Message
+
+on:
+  pull_request_target:
+    types:
+      - closed
+
+permissions: {}
+
+jobs:
+  welcome:
+    permissions:
+      pull-requests: write # to comment on PRs
+    if: github.repository == 'npmx-dev/npmx.dev' && github.event.pull_request.merged == true
+    runs-on: ubuntu-slim
+    name: 🎉 Welcome new contributor
+    steps:
+      - name: 🎉 Welcome new contributor
+        uses: actions/github-script@ed597411d8f924073f98dfc5c65a23a2325f34cd # v8.0.0
+        with:
+          script: |
+            const pr = context.payload.pull_request;
+            const author = pr.user.login;
+
+            // Check if this is the author's first merged PR
+            const { data: prs } = await github.rest.search.issuesAndPullRequests({
+              q: `repo:${context.repo.owner}/${context.repo.repo} type:pr is:merged author:${author}`,
+            });
+
+            // If the only merged PR is this one, it's their first contribution
+            if (prs.total_count !== 1) {
+              console.log(`@${author} already has ${prs.total_count} merged PRs — skipping welcome comment.`);
+              return;
+            }
+
+            const emojis = ['🎉', '🥳', '🎊', '🚀', '⭐', '💫', '✨', '💪', '👏', '🙌', '🤩', '💥'];
+            const emoji = emojis[Math.floor(Math.random() * emojis.length)];
+
+            const body = [
+              `Thanks for your first contribution, @${author}! ${emoji}`,
+              '',
+              `We'd love to welcome you to the npmx community. Come and say hi on [Discord](https://chat.npmx.dev)! And once you've joined, visit [npmx.wamellow.com](https://npmx.wamellow.com/) to claim the **contributor** role.`,
+            ].join('\n');
+
+            await github.rest.issues.createComment({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: pr.number,
+              body,
+            });
+
+            console.log(`Welcomed new contributor @${author} on PR #${pr.number}`);

.github/workflows/welcome-open.yml

@@ -0,0 +1,32 @@
+name: Welcome Message
+
+on:
+  pull_request_target:
+    branches: [main]
+    types: [opened]
+
+permissions:
+  pull-requests: write
+
+jobs:
+  greeting:
+    name: Greet First-Time Contributors
+    if: github.repository == 'npmx-dev/npmx.dev'
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/first-interaction@1c4688942c71f71d4f5502a26ea67c331730fa4d # v3.1.0
+        with:
+          pr_message: |
+            Hello! Thank you for opening your **first PR** to npmx, @${{ github.event.pull_request.user.login }}! 🚀
+
+            Here’s what will happen next:
+
+            1. Our GitHub bots will run to check your changes.
+               If they spot any issues you will see some error messages on this PR.
+               Don’t hesitate to ask any questions if you’re not sure what these mean!
+
+            2. In a few minutes, you’ll be able to see a preview of your changes on Vercel 🤩
+
+            3. One or more of our maintainers will take a look and may ask you to make changes.
+               We try to be responsive, but don’t worry if this takes a few days.