GitHub Sponsors donations (#242)

Adds action for fetching GitHub Sponsors data to make available to static site build.

Author: tomspilman

.github/workflows/main.yaml

@@ -29,6 +29,12 @@ jobs:
       - name: Clone repository
         uses: actions/checkout@v4
 
+      - name: Fetch GH Sponsors
+        uses: ./FetchGHSponsors
+        env:
+          GH_TOKEN: ${{ secrets.SPONSORS_TOKEN }}
+          GH_LOGIN: your-org
+
       - name: Setup .NET Core SDK
         uses: actions/setup-dotnet@v4
         with:

.github/workflows/pullrequest.yaml

@@ -26,6 +26,12 @@ jobs:
       - name: Clone Repository
         uses: actions/checkout@v4
 
+      - name: Fetch GH Sponsors
+        uses: ./FetchGHSponsors
+        env:
+          GH_TOKEN: ${{ secrets.SPONSORS_TOKEN }}
+          GH_LOGIN: your-org
+
       - name: Setup .NET Core SDK
         uses: actions/setup-dotnet@v4
         with:
@@ -40,6 +46,11 @@ jobs:
       - name: Build Site
         run: npm run build
 
+      - name: Upload Site Artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: _site
+
   complete:
       runs-on: ubuntu-latest
       needs: test

FetchGHSponsors/action.yml

@@ -0,0 +1,26 @@
+name: Fetch GH Sponsors
+description: 'Updates the GitHub spondors list for the Monogame website'
+author: 'MonoGame Foundation'
+runs:
+  using: "composite"
+  steps:
+    - name: Fetch
+      if: runner.os == 'Linux'
+      run: |
+        QUERY='query($login:String!){
+          organization(login:$login){
+            monthlyEstimatedSponsorsIncomeInCents
+            sponsorshipsAsMaintainer(first:1){ totalCount }
+          }
+        }'
+
+        BODY=$(jq -n --arg q "$QUERY" --arg login "$GH_LOGIN" '{query:$q, variables:{login:$login}}')
+
+        RESP=$(curl -s https://api.github.com/graphql -H "Authorization: Bearer $GH_TOKEN" -H "Content-Type: application/json" -d "$BODY")
+
+        CENTS=$(echo "$RESP" | jq '.data.organization.monthlyEstimatedSponsorsIncomeInCents // 0')
+        COUNT=$(echo "$RESP" | jq '.data.organization.sponsorshipsAsMaintainer.totalCount // 0')
+        jq -n --argjson sum "$CENTS" --argjson count "$COUNT" \
+          '{ sponsor_sum: ($sum/100|floor), sponsor_count: $count }' \
+          > website/_data/gh_sponsors.json
+      shell: bash

website/_data/gh_sponsors.json

@@ -0,0 +1,4 @@
+{
+   "sponsor_sum": 0,
+   "sponsor_count": 0
+}

website/content/donate.njk

@@ -119,5 +119,9 @@ title: Donate
 {% endblock %}
 
 {% block scripts %}
+    <script type="text/javascript">
+	let gh_sponsor_sum = {{ gh_sponsors.sponsor_sum }};
+	let gh_sponsor_count = {{ gh_sponsors.sponsor_count }};
+    </script>
     <script async type="text/javascript" src="/js/patreon.js"></script>
 {% endblock %}

website/content/public/js/patreon.js

@@ -19,31 +19,33 @@
         }
     }
 
-    const response = await fetch('https://api.patreon.com/platform/users?filter[patreon_url]=https://www.patreon.com/MonoGame');
-    const data = await response.json();
-
-    if(data.included && data.included.length > 0) {
-        const attributes = data.included[0].attributes;
-        const patron_count = attributes.patron_count;
-        let pledge_sum = attributes.pledge_sum;
-
-        // HACK: Add in a few things from other services.
-        {
-            // Re-logic's monthly donation.
-            pledge_sum += 100000;
-
-            // TODO: Get GitHub sponsors and merge them with this.
-            // Requires a personal access token to do so.
-        }
-
-        const total_patrons = document.getElementById('total-patrons');
-        countUp(total_patrons, patron_count, (x) => x);
-
-        const per_month = document.getElementById('per-month');
-        countUp(per_month, pledge_sum, (x) => (x / 100).toLocaleString('en-US', {
-                 style: 'currency',
-                 currency: attributes.pledge_sum_currency
-            }));
-    }
+	// We have the GH Sponsors data updated from a workflow.
+	let patron_count = gh_sponsor_count;
+	let pledge_sum = gh_sponsor_sum;
+
+	// Fetch Patreon data.
+	{
+		const response = await fetch('https://api.patreon.com/platform/users?filter[patreon_url]=https://www.patreon.com/MonoGame');
+		const data = await response.json();
+		if(data.included && data.included.length > 0) 
+		{
+			const attributes = data.included[0].attributes;
+			patron_count += attributes.patron_count;
+			pledge_sum += attributes.pledge_sum;
+		}
+	}
+
+	// Re-logic's fixed monthly donation.
+	pledge_sum += 100000;
+
+	// Animate the results.
+	const total_patrons = document.getElementById('total-patrons');
+	countUp(total_patrons, patron_count, (x) => x);
+
+	const per_month = document.getElementById('per-month');
+	countUp(per_month, pledge_sum, (x) => (x / 100).toLocaleString('en-US', {
+			 style: 'currency',
+			 currency: 'USD'
+		}));
 
 })();