feat: major environment overhaul

- deleted go backend
- hoisted env files
- added debugging
- renamed frontend folder
- renamed backend folder

Author: ajhenry

.env.example

@@ -0,0 +1,2 @@
+GRAPHQL_TOKEN="<YOUR TOKEN HERE>"
+NEXT_TELEMETRY_DISABLED=1 

.github/workflows/nextjs.yml

@@ -1,7 +1,3 @@
-# Sample workflow for building and deploying a Next.js site to GitHub Pages
-#
-# To get started with Next.js see: https://nextjs.org/docs/getting-started
-#
 name: Deploy Next.js site to Pages
 
 on:
@@ -34,26 +30,26 @@ jobs:
     steps:
       - name: Checkout
         uses: actions/checkout@v4
-      - name: Setup Node for metrics backend
+      - name: Setup Node
         uses: actions/setup-node@v4
         with:
           node-version: "20.x"
       - name: Collect metrics and save output
         id: metrics
         run: |
-          cd ts-backend
+          cd backend
           npm i
-          npm start
+          npm run dev
       - name: Detect package manager
         id: detect-package-manager
         run: |
-          if [ -f "${{ github.workspace }}/who-metrics-ui/yarn.lock" ]; then
+          if [ -f "${{ github.workspace }}/app/yarn.lock" ]; then
             echo "manager=yarn" >> $GITHUB_OUTPUT
             echo "command=install" >> $GITHUB_OUTPUT
             echo "runner=yarn" >> $GITHUB_OUTPUT
             echo "cache-dependency-path=**/yarn.lock" >> $GITHUB_OUTPUT
             exit 0
-          elif [ -f "${{ github.workspace }}/who-metrics-ui/package.json" ]; then
+          elif [ -f "${{ github.workspace }}/app/package.json" ]; then
             echo "manager=npm" >> $GITHUB_OUTPUT
             echo "command=ci" >> $GITHUB_OUTPUT
             echo "runner=npx --no-install" >> $GITHUB_OUTPUT
@@ -63,12 +59,6 @@ jobs:
             echo "Unable to determine package manager"
             exit 1
           fi
-      - name: Setup Node
-        uses: actions/setup-node@v4
-        with:
-          node-version: "20.x"
-          cache: ${{ steps.detect-package-manager.outputs.manager }}
-          cache-dependency-path: ${{ steps.detect-package-manager.outputs.cache-dependency-path }}
       - name: Setup Pages
         uses: actions/configure-pages@v4
         with:
@@ -81,22 +71,22 @@ jobs:
         uses: actions/cache@v3
         with:
           path: |
-            "${{ github.workspace }}/who-metrics-ui/.next/cache"
+            "${{ github.workspace }}/app/.next/cache"
           # Generate a new cache whenever packages or source files change.
           key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
           # If source files changed but packages didn't, rebuild from a prior cache.
           restore-keys: |
             ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
       - name: Install dependencies
-        run: cd "${{ github.workspace }}/who-metrics-ui" && ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+        run: cd "${{ github.workspace }}/app" && ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
       - name: Build with Next.js
-        run: cd "${{ github.workspace }}/who-metrics-ui" && ${{ steps.detect-package-manager.outputs.runner }} next build
+        run: cd "${{ github.workspace }}/app" && ${{ steps.detect-package-manager.outputs.runner }} next build
       - name: Static HTML export with Next.js
-        run: cd "${{ github.workspace }}/who-metrics-ui" && ${{ steps.detect-package-manager.outputs.runner }} next export
+        run: cd "${{ github.workspace }}/app" && ${{ steps.detect-package-manager.outputs.runner }} next export
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: "${{ github.workspace }}/who-metrics-ui/out"
+          path: "${{ github.workspace }}/app/out"
 
   # Deployment job
   deploy:

.gitignore

@@ -1,3 +1,42 @@
-*.env
-tmp/*
-sbv-world-health-org-metrics.code-workspace
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# Data files - these get generated at buildtime. The README includes instructions for generating these.
+/src/data/data.json
+
+.env*
+!.env.example

.vscode/extensions.json

@@ -1,24 +1,35 @@
 {
-  // Use IntelliSense to learn about possible attributes.
-  // Hover to view descriptions of existing attributes.
-  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
   "version": "0.2.0",
   "configurations": [
     {
-      "name": "Launch metrics (local)",
-      "type": "go",
+      "name": "App: debug server-side",
+      "type": "node-terminal",
+      "request": "launch",
+      "command": "cd app && npm run dev"
+    },
+    {
+      "name": "App: debug client-side",
+      "type": "chrome",
+      "request": "launch",
+      "url": "http://localhost:3000"
+    },
+    {
+      "name": "App: debug full stack",
+      "type": "node-terminal",
       "request": "launch",
-      "mode": "debug",
-      "program": "${workspaceFolder}/backend/cmd/main.go",
-      "envFile": "${workspaceFolder}/dev.vscode.env"
+      "command": "cd app && npm run dev",
+      "serverReadyAction": {
+        "pattern": "- Local:.+(https?://.+)",
+        "uriFormat": "%s",
+        "action": "debugWithChrome"
+      }
     },
     {
-      "name": "Next.js: debug metrics",
+      "name": "Backend: Debug",
       "type": "node-terminal",
       "request": "launch",
-      "cwd": "${workspaceFolder}/ts-backend",
-      "command": "npm run start",
-      "envFile": "${workspaceFolder}/ts-backend/.env"
+      "command": "cd backend && npm run dev",
+      "envFile": "${workspaceFolder}/.env"
     }
   ]
 }

.vscode/launch.json

@@ -1,6 +1,6 @@
 {
-  "name": "who-metrics-ui",
-  "version": "0.1.0",
+  "name": "app",
+  "version": "0.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev",

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
-  "name": "metrics-ts-backend",
+  "name": "backend",
+  "private": true,
   "type": "module",
   "version": "0.0.0",
   "description": "_description_",
@@ -29,9 +30,9 @@
   ],
   "scripts": {
     "build": "unbuild",
-    "dev": "unbuild --stub",
+    "stub": "unbuild --stub",
     "lint": "eslint .",
-    "start": "esno src/index.ts",
+    "dev": "esno src/index.ts",
     "test": "vitest",
     "typecheck": "tsc --noEmit"
   },

app/.vscode/launch.json

@@ -2,7 +2,7 @@
 
 import { Organization, Repository } from "@octokit/graphql-schema";
 import { Fetcher } from "..";
-import { RepositoryResult } from '../../../types'
+import { RepositoryResult } from "../../../types";
 
 export const addRepositoriesToResult: Fetcher = async (
   result,
@@ -46,9 +46,9 @@ export const addRepositoriesToResult: Fetcher = async (
           watchers {
             totalCount
           }
-          collaborators {
-            totalCount
-          }
+          #collaborators {
+          #  totalCount
+          #}
           repositoryTopics(first: 20) {
             nodes {
               topic {
@@ -74,25 +74,30 @@ export const addRepositoriesToResult: Fetcher = async (
 
   return {
     ...result,
-    repositories: filteredRepos.reduce((acc, repo) => {
-      return {
-        ...acc,
-        [repo.name]: {
-          repositoryName: repo.name,
-          repoNameWithOwner: repo.nameWithOwner,
-          licenseName: repo.licenseInfo?.name || "No License",
-          topics: repo.repositoryTopics.nodes?.map((node) => node?.topic.name ),
-          forksCount: repo.forkCount,
-          watchersCount: repo.watchers.totalCount,
-          starsCount: repo.stargazerCount,
-          issuesEnabled: repo.hasIssuesEnabled,
-          projectsEnabled: repo.hasProjectsEnabled,
-          discussionsEnabled: repo.hasDiscussionsEnabled,
-          collaboratorsCount: repo.collaborators?.totalCount || 0,
-          projectsCount: repo.projects.totalCount,
-          projectsV2Count: repo.projectsV2.totalCount,
-        } as RepositoryResult,
-      };
-    }, {} as Record<string, RepositoryResult>),
+    repositories: filteredRepos.reduce(
+      (acc, repo) => {
+        return {
+          ...acc,
+          [repo.name]: {
+            repositoryName: repo.name,
+            repoNameWithOwner: repo.nameWithOwner,
+            licenseName: repo.licenseInfo?.name || "No License",
+            topics: repo.repositoryTopics.nodes?.map(
+              (node) => node?.topic.name
+            ),
+            forksCount: repo.forkCount,
+            watchersCount: repo.watchers.totalCount,
+            starsCount: repo.stargazerCount,
+            issuesEnabled: repo.hasIssuesEnabled,
+            projectsEnabled: repo.hasProjectsEnabled,
+            discussionsEnabled: repo.hasDiscussionsEnabled,
+            // collaboratorsCount: repo.collaborators?.totalCount || 0,
+            projectsCount: repo.projects.totalCount,
+            projectsV2Count: repo.projectsV2.totalCount,
+          } as RepositoryResult,
+        };
+      },
+      {} as Record<string, RepositoryResult>
+    ),
   };
 };