Adding Gitlab Token Authentication

Author: puneetnith28

biome.json

@@ -1,8 +1,8 @@
 {
-	"$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+	"$schema": "https://biomejs.dev/schemas/2.3.4/schema.json",
 	"files": {
-		"include": ["src/**/*.js", "docs/**"],
-		"ignore": ["docs/images", "**/*.min.js", "src/icons", "src/materialize", "src/scripts/fontawesome.js"]
+		"includes": ["src/**/*.js", "docs/**"],
+		"ignoreUnknown": true
 	},
 	"formatter": {
 		"enabled": true,
@@ -12,12 +12,20 @@
 	"linter": {
 		"enabled": true
 	},
-	"organizeImports": {
-		"enabled": true
-	},
 	"javascript": {
 		"formatter": {
 			"quoteStyle": "single"
 		}
-	}
+	},
+	"overrides": [
+		{
+			"includes": ["docs/images/**", "**/*.min.js", "src/icons/**", "src/materialize/**", "src/scripts/fontawesome.js"],
+			"linter": {
+				"enabled": false
+			},
+			"formatter": {
+				"enabled": false
+			}
+		}
+	]
 }

package.json

@@ -7,9 +7,12 @@
 		"url": "git+https://github.com/fossasia/scrum_helper.git"
 	},
 	"scripts": {
-		"format": "biome format --write",
+		"format": "biome format --write .",
 		"check": "biome check .",
-		"fix": "biome lint --write"
+		"fix": "biome check --write .",
+		"build:css": "npx tailwindcss -c tailwind.config.js -i ./src/index.css -o ./src/tailwindcss.css --minify",
+		"watch:css": "npx tailwindcss -c tailwind.config.js -i ./src/index.css -o ./src/tailwindcss.css --watch",
+		"dev": "npm run watch:css"
 	},
 	"keywords": [
 		"scrum",

src/_locales/de/messages.json

@@ -191,5 +191,65 @@
     },
     "usernameLabel": {
         "message": "Ihr Benutzername"
+    },
+    "gitlabTokenLabel": {
+        "message": "Ihr GitLab-Token"
+    },
+    "gitlabTokenPlaceholder": {
+        "message": "Fügen Sie Ihr GitLab Personal Access Token ein"
+    },
+    "gitlabTokenTooltip": {
+        "message": "<b>Warum wird ein GitLab-Token empfohlen?</b><br>Scrum Helper funktioniert ohne GitLab-Token, aber ein Personal Access Token wird für eine bessere Erfahrung empfohlen. Es erhöht Ihre API-Limits, ermöglicht Zugriff auf private Repos (falls berechtigt) und verbessert Genauigkeit und Geschwindigkeit. Tokens werden lokal gespeichert und nie an uns gesendet.<br><br><b>So erhalten Sie es:</b><br>1. Gehen Sie zu <a href='https://gitlab.com/-/profile/personal_access_tokens' target='_blank' style='color:#2563eb;text-decoration:underline;'>GitLab Token-Einstellungen</a>.<br>2. Klicken Sie auf 'Neuen Token hinzufügen'<br>3. Wählen Sie Scopes: <code>read_api</code> und <code>read_repository</code><br>4. Generieren und hier einfügen.<br><i>Halten Sie Ihr Token geheim!</i>"
+    },
+    "testTokenButton": {
+        "message": "Token testen"
+    },
+    "testingTokenButton": {
+        "message": "Wird getestet..."
+    },
+    "tokenValidButton": {
+        "message": "Gültig!"
+    },
+    "tokenInvalidButton": {
+        "message": "Ungültig"
+    },
+    "clearTokenButton": {
+        "message": "Token löschen"
+    },
+    "tokenSecurityNotice": {
+        "message": "Token wird lokal in Ihrem Browser gespeichert, niemals an Dritte gesendet"
+    },
+    "orgNameTooltipGitLab": {
+        "message": "<b>Welche GitLab-Organisation/Gruppe?</b><br>Geben Sie den Namen der GitLab-Organisation oder -Gruppe ein, um Aktivitäten abzurufen. Lassen Sie das Feld leer, um alle Ihre GitLab-Aktivitäten abzurufen. Der Organisationsname unterscheidet nicht zwischen Groß- und Kleinschreibung."
+    },
+    "confirmClearToken": {
+        "message": "Sind Sie sicher, dass Sie das GitLab-Token löschen möchten?"
+    },
+    "tokenAuthError": {
+        "message": "Authentifizierung fehlgeschlagen. Bitte überprüfen Sie Ihr Token."
+    },
+    "tokenPermissionError": {
+        "message": "Token fehlen erforderliche Berechtigungen. Stellen Sie sicher, dass es den Scope read_api hat."
+    },
+    "tokenRateLimitError": {
+        "message": "Ratenlimit überschritten. Bitte warten Sie und versuchen Sie es erneut."
+    },
+    "tokenNetworkError": {
+        "message": "Netzwerkfehler. Bitte überprüfen Sie Ihre Verbindung."
+    },
+    "tokenTimeoutError": {
+        "message": "Zeitüberschreitung der Anfrage. Bitte versuchen Sie es erneut."
+    },
+    "dataFetchPartialError": {
+        "message": "Einige Daten konnten nicht abgerufen werden. Ergebnisse könnten unvollständig sein."
+    },
+    "notePoint1GitLab": {
+        "message": "Merge Requests werden basierend auf der letzten Überprüfungsaktivität von beliebigen Mitwirkenden abgerufen, nicht nur Ihren eigenen. Bitte überprüfen und passen Sie den generierten SCRUM-Bericht an, um sicherzustellen, dass er Ihre Arbeit genau widerspiegelt, bevor Sie ihn teilen."
+    },
+    "showOpenClosedLabelGitLab": {
+        "message": "MR-Labels anzeigen"
+    },
+    "showCommitsLabelGitLab": {
+        "message": "Commits bei offenen MRs / Entwurfs-MRs anzeigen"
     }
 }

src/_locales/en/messages.json

@@ -243,6 +243,18 @@
     "message": "Pull requests are fetched based on the most recent review activity by any contributor, not just your own. Please review and adjust the generated SCRUM report to ensure it accurately reflects your work before sharing.",
     "description": "First point in the notes section."
   },
+  "notePoint1GitLab": {
+    "message": "Merge requests are fetched based on the most recent review activity by any contributor, not just your own. Please review and adjust the generated SCRUM report to ensure it accurately reflects your work before sharing.",
+    "description": "First point in the notes section for GitLab."
+  },
+  "showOpenClosedLabelGitLab": {
+    "message": "Show MRs Labels",
+    "description": "Label for the checkbox to show MR labels (GitLab)."
+  },
+  "showCommitsLabelGitLab": {
+    "message": "Show commits on open MRs/ draft MRs",
+    "description": "Label for the checkbox to show commits in open MRs (GitLab)."
+  },
   "noteSeeIssue": {
     "message": "See this issue",
     "description": "Link text for the GitHub issue in the notes."
@@ -254,5 +266,73 @@
   "usernameLabel": {
     "message": "Your Username",
     "description": "Label for the username input header."
+  },
+  "gitlabTokenLabel": {
+    "message": "Your GitLab Token",
+    "description": "Label for the GitLab token input."
+  },
+  "gitlabTokenPlaceholder": {
+    "message": "Paste your GitLab Personal Access Token",
+    "description": "Placeholder for the GitLab token input."
+  },
+  "gitlabTokenTooltip": {
+    "message": "<b>Why is it recommended to add a GitLab token?</b><br>Scrum Helper works without a GitLab token, but adding a personal access token is recommended for a better experience. It raises your API limits, allows access to private repos (if permitted), and improves accuracy and speed. Tokens are stored locally and never sent to us and used only to fetch your git data.<br><br><b>How to obtain:</b><br>1. Go to <a href='https://gitlab.com/-/profile/personal_access_tokens' target='_blank' style='color:#2563eb;text-decoration:underline;'>GitLab Token Settings</a>.<br>2. Click 'Add new token'<br>3. Select scopes: <code>read_api</code> and <code>read_repository</code><br>4. Generate and paste it here.<br><i>Keep your token secret!</i>",
+    "description": "Tooltip explaining how to get a GitLab token."
+  },
+  "testTokenButton": {
+    "message": "Test Token",
+    "description": "Button text to test/validate a GitLab token."
+  },
+  "testingTokenButton": {
+    "message": "Testing...",
+    "description": "Button text while token validation is in progress."
+  },
+  "tokenValidButton": {
+    "message": "Valid!",
+    "description": "Button text when token is validated successfully."
+  },
+  "tokenInvalidButton": {
+    "message": "Invalid",
+    "description": "Button text when token validation fails."
+  },
+  "clearTokenButton": {
+    "message": "Clear Token",
+    "description": "Button text to remove/clear the token."
+  },
+  "tokenSecurityNotice": {
+    "message": "Token stored locally in your browser, never sent to third parties",
+    "description": "Security notice text below token input."
+  },
+  "orgNameTooltipGitLab": {
+    "message": "<b>Which organization/group's GitLab activity?</b><br>Enter the GitLab organization or group name to fetch activities for. Leave empty to fetch all your GitLab activities across all projects. Organization name is not case-sensitive.",
+    "description": "Tooltip for organization name when GitLab is selected."
+  },
+  "confirmClearToken": {
+    "message": "Are you sure you want to clear the GitLab token?",
+    "description": "Confirmation message before clearing the token."
+  },
+  "tokenAuthError": {
+    "message": "Authentication failed. Please check your token.",
+    "description": "Error message when token authentication fails."
+  },
+  "tokenPermissionError": {
+    "message": "Token lacks required permissions. Ensure it has read_api scope.",
+    "description": "Error message when token has insufficient permissions."
+  },
+  "tokenRateLimitError": {
+    "message": "Rate limit exceeded. Please wait and try again.",
+    "description": "Error message when API rate limit is hit."
+  },
+  "tokenNetworkError": {
+    "message": "Network error. Please check your connection.",
+    "description": "Error message for network issues."
+  },
+  "tokenTimeoutError": {
+    "message": "Request timed out. Please try again.",
+    "description": "Error message when request times out."
+  },
+  "dataFetchPartialError": {
+    "message": "Some data could not be fetched. Results may be incomplete.",
+    "description": "Warning when partial data fetch occurs."
   }
 }

src/_locales/es/messages.json

@@ -190,5 +190,65 @@
     },
     "usernameLabel": {
         "message": "Su nombre de usuario"
+    },
+    "gitlabTokenLabel": {
+        "message": "Su token de GitLab"
+    },
+    "gitlabTokenPlaceholder": {
+        "message": "Pegue su Token de Acceso Personal de GitLab"
+    },
+    "gitlabTokenTooltip": {
+        "message": "<b>¿Por qué se recomienda agregar un token de GitLab?</b><br>Scrum Helper funciona sin un token de GitLab, pero agregar un token de acceso personal se recomienda para una mejor experiencia. Aumenta sus límites de API, permite el acceso a repos privados (si está permitido) y mejora la precisión y velocidad. Los tokens se almacenan localmente y nunca se envían a nosotros.<br><br><b>Cómo obtenerlo:</b><br>1. Vaya a <a href='https://gitlab.com/-/profile/personal_access_tokens' target='_blank' style='color:#2563eb;text-decoration:underline;'>Configuración de Token de GitLab</a>.<br>2. Haga clic en 'Agregar nuevo token'<br>3. Seleccione ámbitos: <code>read_api</code> y <code>read_repository</code><br>4. Genere y péguelo aquí.<br><i>¡Mantenga su token en secreto!</i>"
+    },
+    "testTokenButton": {
+        "message": "Probar token"
+    },
+    "testingTokenButton": {
+        "message": "Probando..."
+    },
+    "tokenValidButton": {
+        "message": "¡Válido!"
+    },
+    "tokenInvalidButton": {
+        "message": "Inválido"
+    },
+    "clearTokenButton": {
+        "message": "Borrar token"
+    },
+    "tokenSecurityNotice": {
+        "message": "Token almacenado localmente en su navegador, nunca enviado a terceros"
+    },
+    "orgNameTooltipGitLab": {
+        "message": "<b>¿Qué organización/grupo de GitLab?</b><br>Ingrese el nombre de la organización o grupo de GitLab para obtener actividades. Déjelo vacío para obtener todas sus actividades de GitLab. El nombre de la organización no distingue entre mayúsculas y minúsculas."
+    },
+    "confirmClearToken": {
+        "message": "¿Está seguro de que desea borrar el token de GitLab?"
+    },
+    "tokenAuthError": {
+        "message": "Autenticación fallida. Por favor verifique su token."
+    },
+    "tokenPermissionError": {
+        "message": "El token carece de permisos requeridos. Asegúrese de que tenga el ámbito read_api."
+    },
+    "tokenRateLimitError": {
+        "message": "Límite de tasa excedido. Por favor espere e intente nuevamente."
+    },
+    "tokenNetworkError": {
+        "message": "Error de red. Por favor verifique su conexión."
+    },
+    "tokenTimeoutError": {
+        "message": "Tiempo de espera agotado. Por favor intente nuevamente."
+    },
+    "dataFetchPartialError": {
+        "message": "No se pudieron obtener algunos datos. Los resultados pueden estar incompletos."
+    },
+    "notePoint1GitLab": {
+        "message": "Las solicitudes de fusión se obtienen según la actividad de revisión más reciente de cualquier colaborador, no solo la suya. Revise y ajuste el informe SCRUM generado para asegurarse de que refleje con precisión su trabajo antes de compartirlo."
+    },
+    "showOpenClosedLabelGitLab": {
+        "message": "Mostrar etiquetas de MRs"
+    },
+    "showCommitsLabelGitLab": {
+        "message": "Mostrar commits en MRs abiertos / MRs borrador"
     }
 }

src/_locales/fr/messages.json

@@ -190,5 +190,65 @@
     },
     "usernameLabel": {
         "message": "Votre nom d'utilisateur"
+    },
+    "gitlabTokenLabel": {
+        "message": "Votre jeton GitLab"
+    },
+    "gitlabTokenPlaceholder": {
+        "message": "Collez votre jeton d'accès personnel GitLab"
+    },
+    "gitlabTokenTooltip": {
+        "message": "<b>Pourquoi est-il recommandé d'ajouter un jeton GitLab ?</b><br>Scrum Helper fonctionne sans jeton GitLab, mais l'ajout d'un jeton d'accès personnel est recommandé pour une meilleure expérience. Il augmente vos limites d'API, permet l'accès aux dépôts privés (si autorisé) et améliore la précision et la vitesse. Les jetons sont stockés localement et ne nous sont jamais envoyés.<br><br><b>Comment l'obtenir :</b><br>1. Allez dans <a href='https://gitlab.com/-/profile/personal_access_tokens' target='_blank' style='color:#2563eb;text-decoration:underline;'>Paramètres de jeton GitLab</a>.<br>2. Cliquez sur 'Ajouter un nouveau jeton'<br>3. Sélectionnez les portées : <code>read_api</code> et <code>read_repository</code><br>4. Générez et collez-le ici.<br><i>Gardez votre jeton secret !</i>"
+    },
+    "testTokenButton": {
+        "message": "Tester le jeton"
+    },
+    "testingTokenButton": {
+        "message": "Test en cours..."
+    },
+    "tokenValidButton": {
+        "message": "Valide !"
+    },
+    "tokenInvalidButton": {
+        "message": "Invalide"
+    },
+    "clearTokenButton": {
+        "message": "Effacer le jeton"
+    },
+    "tokenSecurityNotice": {
+        "message": "Jeton stocké localement dans votre navigateur, jamais envoyé à des tiers"
+    },
+    "orgNameTooltipGitLab": {
+        "message": "<b>Quelle organisation/groupe GitLab ?</b><br>Entrez le nom de l'organisation ou du groupe GitLab pour récupérer les activités. Laissez vide pour récupérer toutes vos activités GitLab. Le nom de l'organisation n'est pas sensible à la casse."
+    },
+    "confirmClearToken": {
+        "message": "Êtes-vous sûr de vouloir effacer le jeton GitLab ?"
+    },
+    "tokenAuthError": {
+        "message": "Échec de l'authentification. Veuillez vérifier votre jeton."
+    },
+    "tokenPermissionError": {
+        "message": "Le jeton manque de permissions requises. Assurez-vous qu'il a la portée read_api."
+    },
+    "tokenRateLimitError": {
+        "message": "Limite de taux dépassée. Veuillez attendre et réessayer."
+    },
+    "tokenNetworkError": {
+        "message": "Erreur réseau. Veuillez vérifier votre connexion."
+    },
+    "tokenTimeoutError": {
+        "message": "Délai d'attente de la requête. Veuillez réessayer."
+    },
+    "dataFetchPartialError": {
+        "message": "Certaines données n'ont pas pu être récupérées. Les résultats peuvent être incomplets."
+    },
+    "notePoint1GitLab": {
+        "message": "Les demandes de fusion sont récupérées en fonction de l'activité de révision la plus récente de n'importe quel contributeur, pas seulement la vôtre. Veuillez examiner et ajuster le rapport SCRUM généré pour vous assurer qu'il reflète fidèlement votre travail avant de le partager."
+    },
+    "showOpenClosedLabelGitLab": {
+        "message": "Afficher les étiquettes des MRs"
+    },
+    "showCommitsLabelGitLab": {
+        "message": "Afficher les commits sur les MRs ouvertes / MRs brouillon"
     }
 }