Merge pull request #114 from Preeti9764/commits-add

hpdang · web-flow · commit bd182b9c99c2 · 2025-06-16T16:55:57.000+02:00
To show Commits in Scrum Report
diff --git a/README.md b/README.md
@@ -66,6 +66,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
 
 ```
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);
diff --git a/src/scripts/scrumHelper.js b/src/scripts/scrumHelper.js

Original file line number	Diff line number	Diff line change
`@@ -85,10 +85,14 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{`
`85`	`85`	`transition: color 0.3s ease-in-out;`
`86`	`86`	`}`
`87`	`87`
	`88`	`+`
	`89`	`+`
	`90`	`+`
`88`	`91`	`.dark-mode hr {`
`89`	`92`	`border-color: #505050 !important;`
`90`	`93`	`transition: border-color 0.3s ease-in-out;`
`91`	`94`	`}`
	`95`	`+`
`92`	`96`	`#scrumReport {`
`93`	`97`	`font-size: 13px !important;`
`94`	`98`	`line-height: 1.5 !important;`