Merge branch 'master' of github.com:mrepol742/devpulse

Author: mrepol742

.github/workflows/build.yml

@@ -3,10 +3,16 @@ name: Build Next.js App
 on:
   push:
     branches: ["master"]
-  pull_request:
+  pull_request_target:
     branches: ["master"]
   workflow_dispatch:
 
+env:
+  SUPABASE_PROJECT_ID: ${{ secrets.SUPABASE_PROJECT_ID }}
+  SUPABASE_ACCESS_TOKEN: ${{ secrets.SUPABASE_ACCESS_TOKEN }}
+  NEXT_PUBLIC_SUPABASE_URL: ${{ secrets.NEXT_PUBLIC_SUPABASE_URL }}
+  NEXT_PUBLIC_SUPABASE_ANON_KEY: ${{ secrets.NEXT_PUBLIC_SUPABASE_ANON_KEY }}
+
 jobs:
   build:
     runs-on: ubuntu-latest
@@ -26,6 +32,7 @@ jobs:
         run: npm run lint
 
       - name: Generate types from remote
+        if: ${{ env.SUPABASE_PROJECT_ID && env.SUPABASE_ACCESS_TOKEN }}
         env:
           SUPABASE_ACCESS_TOKEN: ${{ secrets.SUPABASE_ACCESS_TOKEN }}
         run: |
@@ -41,11 +48,13 @@ jobs:
       #     npx supabase db push --project-id ${{ secrets.SUPABASE_PROJECT_ID }}
 
       - name: Create .env file
+        if: ${{ env.NEXT_PUBLIC_SUPABASE_URL && env.NEXT_PUBLIC_SUPABASE_ANON_KEY }}
         run: |
           echo "NEXT_PUBLIC_SUPABASE_URL=${{ secrets.NEXT_PUBLIC_SUPABASE_URL }}" >> .env
           echo "NEXT_PUBLIC_SUPABASE_ANON_KEY=${{ secrets.NEXT_PUBLIC_SUPABASE_ANON_KEY }}" >> .env
           echo "NEXT_PUBLIC_HCAPTCHA_SITE_KEY=${{ secrets.NEXT_PUBLIC_HCAPTCHA_SITE_KEY }}" >> .env
           echo "NEXT_PUBLIC_NORTON_SAFEWEB_SITE_VERIFICATION=${{ secrets.NEXT_PUBLIC_NORTON_SAFEWEB_SITE_VERIFICATION }}" >> .env
 
       - name: Build project
+        if: ${{ env.NEXT_PUBLIC_SUPABASE_URL && env.NEXT_PUBLIC_SUPABASE_ANON_KEY }}
         run: npm run build

app/components/dashboard/Stats.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import AOS from "aos";
 import "devicon/devicon.min.css";
 import { toast } from "react-toastify";
@@ -59,25 +59,48 @@ export default function Stats({
     best_day: { date: "", total_seconds: 0 },
   });
 
-  const fetchStats = () => {
-    fetch("/api/wakatime/sync")
-      .then((res) => res.json())
-      .then((data) => {
-        if (data.success) {
-          setStats(data.data);
-        } else {
-          toast.error(
-            data.error || "Failed to fetch stats. Please try syncing again.",
-          );
-        }
-        setSyncing(false);
-      });
-  };
+  const fetchStats = useCallback(async () => {
+    setSyncing(true);
 
-  useEffect(() => {
-    fetchStats();
+    const cached = sessionStorage.getItem("wakatimeStats");
+    const cacheTime = Number(sessionStorage.getItem("wakatimeStatsTime"));
+    const now = Date.now();
+
+    if (cached && cacheTime && now - cacheTime < 1000 * 60 * 5) {
+      setStats(JSON.parse(cached));
+      setSyncing(false);
+      return;
+    }
+
+    try {
+      const res = await fetch("/api/wakatime/sync");
+      const data = await res.json();
+
+      if (data.success) {
+        setStats(data.data);
+
+        sessionStorage.setItem("wakatimeStats", JSON.stringify(data.data));
+        sessionStorage.setItem("wakatimeStatsTime", now.toString());
+      } else {
+        toast.error(
+          data.error || "Failed to fetch stats. Please try syncing again.",
+        );
+      }
+    } catch (err) {
+      toast.error("Network error. Please try again.");
+    }
+
+    setSyncing(false);
   }, []);
 
+  useEffect(() => {
+    const run = async () => {
+      await fetchStats();
+    };
+
+    run();
+  }, [fetchStats]);
+
   useEffect(() => {
     if (!syncing) {
       setTimeout(() => {