feat: voting through github

.github/workflows/create-discussions.yml

@@ -0,0 +1,58 @@
+name: Create GitHub Discussions
+
+on:
+  pull_request:
+    types: [opened]
+    paths:
+      - 'src/content/apps/**'
+  workflow_dispatch:
+    inputs:
+      name:
+        description: 'App Name'
+        required: true
+        type: string
+      author:
+        description: 'App Author'
+        required: true
+        type: string
+      description:
+        description: 'App Description'
+        required: true
+        type: string
+
+jobs:
+  create-discussion:
+    runs-on: ubuntu-latest
+    permissions:
+      discussions: write
+      pull-requests: read
+      contents: read
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Get App Data
+        id: app-data
+        run: |
+          if [ "${{ github.event_name }}" == "workflow_dispatch" ]; then
+            echo "name=${{ inputs.name }}" >> $GITHUB_OUTPUT
+            echo "author=${{ inputs.author }}" >> $GITHUB_OUTPUT
+            echo "description=${{ inputs.description }}" >> $GITHUB_OUTPUT
+          else
+            # Add script to extract app data from PR changes
+            echo "name=..." >> $GITHUB_OUTPUT
+            echo "author=..." >> $GITHUB_OUTPUT
+            echo "description=..." >> $GITHUB_OUTPUT
+          fi
+
+      - name: Create Discussion
+        uses: abirismyname/[email protected]
+        with:
+          title: "Vote: ${{ steps.app-data.outputs.name }} by ${{ steps.app-data.outputs.author }}"
+          body: |
+            🗳️ **Vote for this app by giving it a 👍 reaction!**
+            
+            ${{ steps.app-data.outputs.description }}
+          repository-id: ${{ secrets.REPO_ID }}
+          category-id: ${{ secrets.CAT_ID }}
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/update-votes.yml

@@ -0,0 +1,67 @@
+name: Update Vote Counts
+
+on:
+  schedule:
+    - cron: '0 */6 * * *'  # Run every 6 hours
+  workflow_dispatch:  # Allow manual triggers
+
+jobs:
+  update-votes:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      discussions: read
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Update Vote Counts
+        uses: actions/github-script@v7
+        env:
+          CATEGORY_ID: ${{ secrets.CAT_ID }}
+        with:
+          script: |
+            const fs = require('fs').promises;
+            
+            // Get all discussions in the Flutter of the Year category
+            const { data: { repository: { discussions } } } = await github.graphql(`
+              query($owner: String!, $repo: String!, $categoryId: String!) {
+                repository(owner: $owner, name: $repo) {
+                  discussions(first: 100, categoryId: $categoryId) {
+                    nodes {
+                      title
+                      number
+                      reactions(content: THUMBS_UP, first: 100) {
+                        totalCount
+                      }
+                    }
+                  }
+                }
+              }
+            `, {
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              categoryId: process.env.CATEGORY_ID
+            });
+            
+            // Create votes.json with the current vote counts
+            const votes = {};
+            for (const discussion of discussions.nodes) {
+              if (discussion.title.startsWith('Vote: ')) {
+                const appName = discussion.title.replace('Vote: ', '').split(' by ')[0];
+                votes[appName] = discussion.reactions.totalCount;
+              }
+            }
+            
+            // Write the votes to a JSON file
+            await fs.writeFile(
+              'src/data/votes.json', 
+              JSON.stringify(votes, null, 2)
+            );
+            
+            // Commit and push the changes
+            const date = new Date().toISOString();
+            await exec.exec('git', ['config', 'user.name', 'github-actions[bot]']);
+            await exec.exec('git', ['config', 'user.email', 'github-actions[bot]@users.noreply.github.com']);
+            await exec.exec('git', ['add', 'src/data/votes.json']);
+            await exec.exec('git', ['commit', '-m', `Update vote counts - ${date}`]);
+            await exec.exec('git', ['push']);

src/data/votes.json

@@ -0,0 +1 @@
+{}

src/pages/index.astro

@@ -2,9 +2,18 @@
 import { getCollection } from 'astro:content';
 import { Image } from 'astro:assets';
 import Layout from '../layouts/Layout.astro';
+import { getVotes, type VoteData } from '../utils/votes';
 
 const currentYear = new Date().getFullYear();
 const allApps = await getCollection('apps');
+const votes: VoteData = getVotes();
+
+// Sort apps by vote count (descending)
+const sortedApps = allApps.sort((a, b) => {
+    const votesA = votes[a.data.name] || 0;
+    const votesB = votes[b.data.name] || 0;
+    return votesB - votesA;
+});
 
 ---
 
@@ -51,7 +60,7 @@ const allApps = await getCollection('apps');
         <!-- Apps Grid -->
         <div class="container mx-auto px-4 py-8">
             <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-                {allApps.map((app) => (
+                {sortedApps.map((app) => (
                     <div class="bg-white/10 backdrop-blur-lg rounded-xl overflow-hidden transform hover:scale-105 transition-transform duration-300 border border-white/20">
                         <div class="p-6">
                             <!-- App Screenshot -->
@@ -89,6 +98,13 @@ const allApps = await getCollection('apps');
                                     </a>
                                 ))}
                             </div>
+                            <div class="flex justify-between items-start mb-2">
+                                <h3 class="text-xl font-bold">{app.data.name}</h3>
+                                <div class="flex items-center space-x-1 bg-white/10 px-2 py-1 rounded-full">
+                                    <span class="text-blue-300">👍</span>
+                                    <span class="text-sm font-medium">{votes[app.data.name] || 0}</span>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 ))}

src/utils/votes.ts

@@ -0,0 +1,15 @@
+export interface VoteData {
+  [appName: string]: number;
+}
+
+export function getVotes(): VoteData {
+  try {
+    // During build time, this file will be created by GitHub Actions
+    // We import it as a module to get the data
+    const votes = import.meta.glob('/src/data/votes.json', { eager: true });
+    return Object.values(votes)[0] as VoteData || {};
+  } catch (error) {
+    console.error('Error reading votes:', error);
+    return {};
+  }
+}