fossasia · hpdang · Jun 16, 2025 · May 27, 2025 · May 28, 2025 · May 28, 2025
diff --git a/README.md b/README.md
@@ -46,6 +46,11 @@
 - Edit it in the window.
 - Copy the rich HTML using the `COPY` button.
 
+## New Features
+- The extension now uses parallel modern API requests along with data caching with a TTL(Time to Live) of 10 minutes.
+- New fetch requests will be made if input data by user is changed.
+- The cache data can be manually refreshed using the `Refresh Data` button.
+
 ## Setting up the code locally
 
 ```
@@ -58,7 +63,7 @@ $ npm install
 
 ![SCRUM](/docs/images/scrum.png)
 
-![POPUP](/docs/images/popup.png)
+![POPUP](docs/images/popup.png)
 
 ![STANDALONE](docs/images/standalone.png)
 

diff --git a/docs/images/popup.png b/docs/images/popup.png
diff --git a/src/index.css b/src/index.css
@@ -85,10 +85,14 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
 	transition: color 0.3s ease-in-out;
 }
 
+
+
+
 .dark-mode hr {
 	border-color: #505050 !important;
 	transition: border-color 0.3s ease-in-out;
 }
+
 #scrumReport {
 	font-size: 13px !important; 
 	line-height: 1.5 !important; 

diff --git a/src/popup.html b/src/popup.html
@@ -18,6 +18,7 @@
 </style>
 </head>
 <body>
+
 	<div class="pl-1 py-4 rounded-2xl">
 		<div class="bg-white px-4 py-4 mx-2 mb-2 rounded-3xl">
 				<div class="flex justify-between py-2">
@@ -27,6 +28,7 @@ <h3  class="text-3xl font-semibold ">Scrum Helper</h3>
 				<div>
 					<p class="">Report your development progress by auto-fetching your Git activity for a selected period</p>
 				</div>
+
 
 			<div class="center mt-2 ">
 					<label class="flex items-center justify-center gap-2">

diff --git a/src/scripts/main.js b/src/scripts/main.js
@@ -1,3 +1,4 @@
+
 var enableToggleElement = document.getElementById('enable');
 var githubUsernameElement = document.getElementById('githubUsername');
 var projectNameElement = document.getElementById('projectName');
@@ -7,6 +8,7 @@ var startingDateElement = document.getElementById('startingDate');
 var endingDateElement = document.getElementById('endingDate');
 var showOpenLabelElement = document.getElementById('showOpenLabel');
 var userReasonElement = document.getElementById('userReason');
+
 function handleBodyOnLoad() {
 	chrome.storage.local.get(
 		[
@@ -70,22 +72,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);
+
+        M.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 +157,14 @@ 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 =
+
 		('0000' + lastWeekYear.toString()).slice(-4) +
 		'-' +
 		('00' + lastWeekMonth.toString()).slice(-2) +
@@ -156,12 +187,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 +202,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 +225,7 @@ function handleOpenLabelChange() {
 }
 
 function handleUserReasonChange() {
-	var value = userReasonElement.value;
+	let value = userReasonElement.value;
 	chrome.storage.local.set({ userReason: value });
 }
 enableToggleElement.addEventListener('change', handleEnableChange);