rebase

Signed-off-by: Vedansh Saini <[email protected]>

Author: vedansh-5

package.json

@@ -31,4 +31,4 @@
 	"dependencies": {
 		"@tailwindcss/cli": "^4.1.3"
 	}
-}
+}

src/index.css

@@ -117,4 +117,68 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
 
 .dark-mode a {
 	color: #00b7ff !important;
+}
+#refreshCache {
+    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
+    border: none;
+    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
+    transition: all 0.2s ease;
+}
+
+#refreshCache:hover {
+    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
+    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
+    transform: translateY(-1px);
+}
+
+#refreshCache:active {
+    transform: translateY(0);
+    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
+}
+
+#refreshCache i {
+    animation: spin 0s linear infinite;
+}
+
+#refreshCache.loading i {
+    animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
+}
+/* Disabled state styling */
+.disabled-content {
+    opacity: 0.5 !important;
+    pointer-events: none !important;
+    user-select: none !important;
+}
+
+.disabled-content input,
+.disabled-content button,
+.disabled-content [contenteditable] {
+    cursor: not-allowed !important;
+}
+
+/* Dark mode disabled state */
+.dark-mode .disabled-content {
+    opacity: 0.4 !important;
+}
+.cache-info {
+    font-size: 11px;
+    color: #6b7280;
+    text-align: center;
+    margin-top: 8px;
+    line-height: 1.3;
+}
+
+.cache-info i {
+    margin-right: 4px;
+    font-size: 10px;
+}
+
+/* Dark mode for cache info */
+.dark-mode .cache-info {
+    color: #9ca3af;
 }

src/manifest.json

@@ -51,4 +51,4 @@
     "*://*.yahoo.com/*",
     "https://api.github.com/*"
   ]
-}
+}

src/popup.html

@@ -100,9 +100,17 @@ <h6 class="text-base font-semibold">Scrum Report</h6>
 						<button id="copyReport" class="flex items-center gap-2 bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded">
 						  <i class="fa fa-copy"></i> Copy Report
 						</button>
-					  </div>
-
-					
+					</div>
+					<div class="">
+						<button id="refreshCache" class="w-full mt-3 bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded flex items-center justify-center gap-2 transition-colors duration-200">
+							<i class="fa fa-refresh"></i>
+							<span>Refresh Data (bypass cache)</span>
+						</button>
+						<p class="cache-info">
+							<i class="fa fa-info-circle"></i>
+							Data is cached for 10 minutes. Use this button to fetch fresh data immediately.
+						</p>
+					</div>
 					<div class="border-gray-100 border-2 bg-white rounded-3xl px-4 py-2 mx-2 my-2">
 						<div>
 							<h4 class="font-semibold text-xl">Note:</h4>
@@ -149,4 +157,4 @@ <h4 class="font-semibold text-xl">Note:</h4>
 	<script src="scripts/scrumHelper.js"></script>
 	<script src="scripts/popup.js"></script>
 </body>
-</html>
+</html>

src/scripts/main.js

@@ -1,12 +1,13 @@
-var enableToggleElement = document.getElementById('enable');
-var githubUsernameElement = document.getElementById('githubUsername');
-var projectNameElement = document.getElementById('projectName');
-var lastWeekContributionElement = document.getElementById('lastWeekContribution');
+let enableToggleElement = document.getElementById('enable');
+let githubUsernameElement = document.getElementById('githubUsername');
+let projectNameElement = document.getElementById('projectName');
+let lastWeekContributionElement = document.getElementById('lastWeekContribution');
 let yesterdayContributionElement = document.getElementById('yesterdayContribution');
-var startingDateElement = document.getElementById('startingDate');
-var endingDateElement = document.getElementById('endingDate');
-var showOpenLabelElement = document.getElementById('showOpenLabel');
-var userReasonElement = document.getElementById('userReason');
+let startingDateElement = document.getElementById('startingDate');
+let endingDateElement = document.getElementById('endingDate');
+let showOpenLabelElement = document.getElementById('showOpenLabel');
+let userReasonElement = document.getElementById('userReason');
+
 function handleBodyOnLoad() {
 	chrome.storage.local.get(
 		[
@@ -70,22 +71,49 @@ function handleBodyOnLoad() {
 		},
 	);
 }
+
+document.getElementById('refreshCache').addEventListener('click', async (e) => {
+    const button = e.currentTarget;
+    button.classList.add('loading');
+    button.disabled = true;
+    
+    try {
+        const tabs = await chrome.tabs.query({active: true, currentWindow: true});
+        await chrome.tabs.sendMessage(tabs[0].id, {
+            action: 'forceRefresh',
+            timestamp: Date.now()
+        });
+        
+        // Reload the active tab to re-inject content
+        chrome.tabs.reload(tabs[0].id);
+        
+        Materialize.toast({html: 'Data refreshed successfully!', classes: 'green'});
+    } catch (err) {
+        console.error('Refresh failed:', err);
+        M.toast({html: 'Failed to refresh data', classes: 'red'});
+    } finally {
+        setTimeout(() => {
+            button.classList.remove('loading');
+            button.disabled = false;
+        }, 500);
+    }
+});
+
 function handleEnableChange() {
-	var value = enableToggleElement.checked;
+	let value = enableToggleElement.checked;
 	chrome.storage.local.set({ enableToggle: value });
 }
 function handleStartingDateChange() {
-	var value = startingDateElement.value;
+	let value = startingDateElement.value;
 	chrome.storage.local.set({ startingDate: value });
 }
 function handleEndingDateChange() {
-	var value = endingDateElement.value;
+	let value = endingDateElement.value;
 	chrome.storage.local.set({ endingDate: value });
 }
 function handleLastWeekContributionChange() {
-	var value = lastWeekContributionElement.checked;
-	var labelElement = document.querySelector("label[for='lastWeekContribution']");
-
+	let value = lastWeekContributionElement.checked;
+	let labelElement = document.querySelector("label[for='lastWeekContribution']");
 	if (value) {
 			startingDateElement.disabled = true;
 			endingDateElement.disabled = true;
@@ -128,12 +156,12 @@ function handleYesterdayContributionChange() {
 }
 
 function getLastWeek() {
-	var today = new Date();
-	var lastWeek = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 1);
-	var lastWeekMonth = lastWeek.getMonth() + 1;
-	var lastWeekDay = lastWeek.getDate();
-	var lastWeekYear = lastWeek.getFullYear();
-	var lastWeekDisplayPadded =
+	let today = new Date();
+	let lastWeek = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 1);
+	let lastWeekMonth = lastWeek.getMonth() + 1;
+	let lastWeekDay = lastWeek.getDate();
+	let lastWeekYear = lastWeek.getFullYear();
+	let lastWeekDisplayPadded =
 		('0000' + lastWeekYear.toString()).slice(-4) +
 		'-' +
 		('00' + lastWeekMonth.toString()).slice(-2) +
@@ -156,12 +184,12 @@ function getYesterday() {
 	return yesterdayPadded;
 }
 function getToday() {
-	var today = new Date();
-	var Week = new Date(today.getFullYear(), today.getMonth(), today.getDate());
-	var WeekMonth = Week.getMonth() + 1;
-	var WeekDay = Week.getDate();
-	var WeekYear = Week.getFullYear();
-	var WeekDisplayPadded =
+	let today = new Date();
+	let Week = new Date(today.getFullYear(), today.getMonth(), today.getDate());
+	let WeekMonth = Week.getMonth() + 1;
+	let WeekDay = Week.getDate();
+	let WeekYear = Week.getFullYear();
+	let WeekDisplayPadded =
 		('0000' + WeekYear.toString()).slice(-4) +
 		'-' +
 		('00' + WeekMonth.toString()).slice(-2) +
@@ -171,16 +199,16 @@ function getToday() {
 }
 
 function handleGithubUsernameChange() {
-	var value = githubUsernameElement.value;
+	let value = githubUsernameElement.value;
 	chrome.storage.local.set({ githubUsername: value });
 }
 function handleProjectNameChange() {
-	var value = projectNameElement.value;
+	let value = projectNameElement.value;
 	chrome.storage.local.set({ projectName: value });
 }
 function handleOpenLabelChange() {
-	var value = showOpenLabelElement.checked;
-	var labelElement = document.querySelector("label[for='showOpenLabel']");
+	let value = showOpenLabelElement.checked;
+	let labelElement = document.querySelector("label[for='showOpenLabel']");
 
 	if (value) {
 			labelElement.classList.add("selectedLabel");
@@ -194,7 +222,7 @@ function handleOpenLabelChange() {
 }
 
 function handleUserReasonChange() {
-	var value = userReasonElement.value;
+	let value = userReasonElement.value;
 	chrome.storage.local.set({ userReason: value });
 }
 enableToggleElement.addEventListener('change', handleEnableChange);