Track chrome pages & fix locales

Author: Stigmatoz

src/_locales/de/messages.json

@@ -130,7 +130,7 @@
   },
   "viewTimeInBadge": {
     "message": "Zeitindikator anzeigen",
-    "description": "Sie können die aktuellen Informationen zur verbrauchten Zeit im Kurzformat auf dem Erweiterungssymbol anzeigen"
+    "description": "Sie können die aktuellen Informationen zur \"verbrauchten Zeit\" im Kurzformat anzeigen"
   },
   "deferringDescription": {
     "message": "Sie können die Sperre nur einmal während des Tages um 5 Minuten verschieben"
@@ -194,7 +194,7 @@
     "description": "Dieser Text wird in der Benachrichtigung für Websites angezeigt"
   },
   "notificationTimeSetting": {
-    "message": "Zeigt eine Benachrichtigung an, die eine Zusammenfassung Ihrer täglichen Nutzung enthält"
+    "message": "Benachrichtigungszeit mit zusammenfassenden Informationen zur täglichen Nutzung"
   },
   "github": {
     "message": "Wenn Sie eine Frage haben oder ein Problem melden möchten, können Sie dies tun"

src/_locales/en/messages.json

@@ -137,10 +137,10 @@
   },
   "allowDeferringBlock": {
     "message": "Allow deferring block for 5 minutes",
-    "description": "After the site is blocked, you can postpone the blocking for 5 minutes once during the day"
+    "description": "After the site is blocked, you can postpone the blocking for 5 minutes during the day only once"
   },
   "intervalInactivity": {
-    "message": "Stop the tracker if there is no action during:",
+    "message": "Stop the tracker if there is no action for",
     "description": "These are any actions with the mouse or keyboard"
   },
   "exportToCsvSetting": {
@@ -172,8 +172,8 @@
     "message": "Enter notification message..."
   },
   "limits": {
-    "message": "Daily restrictions on access to websites",
-    "description": "Set the maximum time allowed to visit the site per day. After this time, the site will be blocked."
+    "message": "Daily access restrictions for the websites",
+    "description": "Set the maximum time allowed to visit the website per day. After this time, the site will be blocked."
   },
   "limitsTip": {
     "message": "If you set the blocking time to 0 hours 0 minutes, the website will be blocked immediately"
@@ -197,28 +197,28 @@
     "message": "Notification time with summary information about your daily usage"
   },
   "github": {
-    "message": "If you have feedback or would like to report an issue, you can do so on the"
+    "message": "Leave your feedback or report an issue on "
   },
   "question": {
-    "message": "You can also ask questions or leave your suggestions here"
+    "message": "You can also ask questions and leave your suggestions"
   },
   "supportForm": {
     "message": "support form"
   },
   "doYouEnjoy": {
-    "message": "Do you enjoy using Web Activity Time Tracker?"
+    "message": "Do you enjoy Web Activity Time Tracker?"
   },
   "review": {
     "message": "Leave a review!"
   },
   "block": {
-    "message": "You've reached your limit today on "
+    "message": "You've reached your limit for today on "
   },
   "5mins": {
     "message": "+ 5 minutes"
   },
   "todayUsageTime": {
-    "message": "Today's total usage time "
+    "message": "Total usage time for today "
   },
   "comparedToYesterday": {
     "message": " compared to yesterday "

src/_locales/ru/messages.json

@@ -176,7 +176,7 @@
     "description": "Установите максимальное время, разрешенное для посещения сайта в день. По истечении этого времени сайт будет заблокирован."
   },
   "limitsTip": {
-    "message": "Если вы установите время блокировки равным 0 часам 0 минутам, сайт будет немедленно заблокирован"
+    "message": "Если вы установите время блокировки на 0 часов 0 минут, сайт будет немедленно заблокирован"
   },
   "save": {
     "message": "Сохранить"
@@ -200,13 +200,13 @@
     "message": "Если \u0443 вас есть вопрос или вы хотели бы сообщить \u043E проблеме, вы можете сделать это на"
   },
   "question": {
-    "message": "Также вы можете задать вопросы или оставить свои предложения здесь"
+    "message": "Также вы можете задать вопросы или оставить свои предложения "
   },
   "supportForm": {
     "message": "поддержка"
   },
   "doYouEnjoy": {
-    "message": "Вам нравится использовать Web Activity Time Tracker?"
+    "message": "Вам нравится Web Activity Time Tracker?"
   },
   "review": {
     "message": "Оставьте отзыв!"

src/components/BadgeIcons.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="d-inline-block">
     <span v-if="showDocumentBadge" class="badge-document">{{ t('document.message') }}</span>
+    <span v-if="showChromeBadge" class="badge-chrome">Chrome</span>
     <span v-if="showLimitBadge" class="badge-block">{{ t('limit.message') }}</span>
   </div>
 </template>
@@ -36,9 +37,18 @@ const showLimitBadge = computed(
     (props.listType == TypeOfList.Today || props.listType == TypeOfList.Dashboard) &&
     isLimit.value == true,
 );
+const showChromeBadge = computed(() => props.type == TypeOfUrl.Chrome);
 </script>
 
 <style scoped>
+span.badge-chrome {
+  border-radius: 6px;
+  background-color: #3aab58;
+  padding: 3px 7px;
+  font-size: 11px;
+  color: white;
+  font-weight: 600;
+}
 span.badge-document {
   border-radius: 6px;
   background-color: #0043ff9e;

src/components/TabItem.vue

@@ -47,9 +47,12 @@ const props = defineProps<{
   listType: TypeOfList;
 }>();
 
-const typeOfUrl = computed(() =>
-  props.item.url.startsWith('file:') ? TypeOfUrl.Document : TypeOfUrl.WebSite,
-);
+const typeOfUrl = computed(() => {
+  if (props.item.url.startsWith('file:')) return TypeOfUrl.Document;
+  if (props.item.url.startsWith('chrome://') || props.item.url.startsWith('chrome-extension://'))
+    return TypeOfUrl.Chrome;
+  return TypeOfUrl.WebSite;
+});
 
 const url = computed(() =>
   typeOfUrl.value == TypeOfUrl.Document

src/compositions/extract-hostname.ts

@@ -6,6 +6,10 @@ export function extractHostname(url: string | undefined): string {
     return url;
   }
 
+  if (url.startsWith('chrome://') || url.startsWith('chrome-extension://')) {
+    return url;
+  }
+
   if (url.indexOf('//') > -1) {
     hostname = url.split('/')[2];
   } else {

src/compositions/valid-page.ts

@@ -4,11 +4,11 @@ export function isValidPage(tab: Browser.Tabs.Tab | undefined): boolean {
   if (tab == null || tab == undefined || !tab.url || !tab.id) return false;
 
   if (
-    (!tab.url.startsWith('http:') &&
-      !tab.url.startsWith('https:') &&
-      !tab.url.startsWith('file:')) ||
-    tab.url.startsWith('chrome://') ||
-    tab.url.startsWith('chrome-extension://')
+    !tab.url.startsWith('http:') &&
+    !tab.url.startsWith('https:') &&
+    !tab.url.startsWith('file:') &&
+    !tab.url.startsWith('chrome://') &&
+    !tab.url.startsWith('chrome-extension://')
   )
     return false;
   return true;

src/utils/enums.ts

@@ -27,4 +27,5 @@ export enum ListWithTime {
 export enum TypeOfUrl {
   WebSite,
   Document,
+  Chrome,
 }