Added option to hide badge text, changed logo (again), stil migrating to Manifest V3 (WIP)

Author: AykutCevik

.gitignore

@@ -1,3 +1,4 @@
 /.idea/
 /build/*
-/dev/*
+/dev/*
+.vscode/

build.sh

@@ -10,6 +10,7 @@ copyDevFunction() {
     cp manifest.json ./dev/
     cp options.html ./dev/
     cp popup.html ./dev/
+    rm ./dev/img/icon_full.png # raw file
     rm ./dev/img/LICENSE
     rm ./dev/img/flags/Hello.txt
     rm ./dev/img/flags/LICENSE.txt

img/icon.png

@@ -1,4 +1,5 @@
 const KEY_SETTINGS_NOTIFICATION = 'notifications_enabled';
 const KEY_SETTINGS_NOTIFICATION_IPv6 = 'notifications_ipv6_enabled';
 const KEY_SETTINGS_COUNTRY_BADGE = 'country_badge_indicator';
-const KEY_SETTINGS_SHOW_FLAGS = 'badge_show_flags';
+const KEY_SETTINGS_SHOW_FLAGS = 'badge_show_flags';
+const KEY_SETTINGS_SHOW_TEXT = 'badge_show_text';

img/icon128.png

@@ -5,8 +5,13 @@ let ipv4Error = false;
 const countriesSupported = ['AD', 'BA', 'BY', 'CV', 'ET', 'GN', 'IM', 'KR', 'MD', 'MW', 'PA', 'RU', 'ST', 'TT', 'WS', 'AE', 'BB', 'BZ', 'CW', 'EU', 'GQ', 'IN', 'KW', 'ME', 'MX', 'PE', 'RW', 'SV', 'TV', 'YE', 'AF', 'BD', 'CA', 'CX', 'FI', 'GR', 'IQ', 'KY', 'MF', 'MY', 'PF', 'SA', 'SX', 'TW', 'YT', 'AG', 'BE', 'CC', 'CY', 'FJ', 'GS', 'IR', 'KZ', 'MG', 'MZ', 'PG', 'SB', 'SY', 'TZ', 'ZA', 'AI', 'BF', 'CD', 'CZ', 'FK', 'GT', 'IS', 'LA', 'MH', 'NA', 'PH', 'SC', 'SZ', 'UA', 'ZM', 'AL', 'BG', 'CF', 'DE', 'FM', 'GU', 'IT', 'LB', 'MK', 'NC', 'PK', 'SD', 'TC', 'UG', 'ZW', 'AM', 'BH', 'CG', 'DJ', 'FO', 'GW', 'JE', 'LC', 'ML', 'NE', 'PL', 'SE', 'TD', 'US', 'AN', 'BI', 'CH', 'DK', 'FR', 'GY', 'JM', 'LI', 'MM', 'NF', 'PN', 'SG', 'TF', 'UY', 'AO', 'BJ', 'CI', 'DM', 'GA', 'HK', 'JO', 'LK', 'MN', 'NG', 'PR', 'SH', 'TG', 'UZ', 'AQ', 'BL', 'CK', 'DO', 'GB', 'HN', 'JP', 'LR', 'MO', 'NI', 'PS', 'SI', 'TH', 'VA', 'AR', 'BM', 'CL', 'DZ', 'GD', 'HR', 'KE', 'LS', 'MP', 'NL', 'PT', 'SK', 'TJ', 'VC', 'AS', 'BN', 'CM', 'EC', 'GE', 'HT', 'KG', 'LT', 'MQ', 'NO', 'PW', 'SL', 'TK', 'VE', 'AT', 'BO', 'CN', 'EE', 'GG', 'HU', 'KH', 'LU', 'MR', 'NP', 'PY', 'SM', 'TL', 'VG', 'AU', 'BR', 'CO', 'EG', 'GH', 'IC', 'KI', 'LV', 'MS', 'NR', 'QA', 'SN', 'TM', 'VI', 'AW', 'BS', 'CR', 'EH', 'GI', 'ID', 'KM', 'LY', 'MT', 'NU', 'RE', 'SO', 'TN', 'VN', 'AX', 'BT', 'CT', 'ER', 'GL', 'IE', 'KN', 'MA', 'MU', 'NZ', 'RO', 'SR', 'TO', 'VU', 'AZ', 'BW', 'CU', 'ES', 'GM', 'IL', 'KP', 'MC', 'MV', 'OM', 'RS', 'SS', 'TR', 'WF'];
 const checkInterval = 3550;
 
-function setBadgeText(text) {
-    chrome.action.setBadgeText({ text: text });
+async function setBadgeText(text) {
+    let showText = await lp.isSet(KEY_SETTINGS_SHOW_TEXT) ? await lp.get(KEY_SETTINGS_SHOW_TEXT) : true;
+    if (showText) {
+        chrome.action.setBadgeText({ text: text });
+    } else {
+        chrome.action.setBadgeText({ text: '' });
+    }
 }
 
 function setBadgeTextColor(color) {
@@ -109,6 +114,13 @@ function showChromeNotification(id, title, message, contextMessage, callback) {
     chrome.notifications.create(id, { type: 'basic', iconUrl: 'img/icon128.png', title: title, message: message, contextMessage: contextMessage }, callback);
 }
 
+chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
+    if (request.method == "refresh") {
+        fetchGeoLocation().then(() => { sendResponse({ data: 'refreshed' }); });
+    }
+    return true; // indicates we will send a response asynchronously
+});
+
 setBadgeColor('#000000');
 setBadgeTextColor('#ffffff');
 setBadgeText('...');

img/icon16.png

@@ -10,11 +10,15 @@ async function saveSettings() {
     let notificationIPv6Setting = document.getElementById('enableNotificationsIPv6').checked;
     let badgeIndicator = document.querySelector("input[name='indicator']:checked").value;
     let showFlags = document.getElementById('enableCountryFlags').checked;
+    let showBadge = document.getElementById('enableCountryBadge').checked;
 
     await lp.set(KEY_SETTINGS_NOTIFICATION, notificationSetting);
     await lp.set(KEY_SETTINGS_NOTIFICATION_IPv6, notificationIPv6Setting);
     await lp.set(KEY_SETTINGS_COUNTRY_BADGE, badgeIndicator);
     await lp.set(KEY_SETTINGS_SHOW_FLAGS, showFlags);
+    await lp.set(KEY_SETTINGS_SHOW_TEXT, showBadge);
+
+    chrome.runtime.sendMessage({ method: "refresh" }, function (response) { });
 }
 
 async function loadSettings() {
@@ -35,6 +39,10 @@ async function loadSettings() {
         await lp.set(KEY_SETTINGS_SHOW_FLAGS, true);
     }
 
+    if (!(await lp.isSet(KEY_SETTINGS_SHOW_TEXT))) {
+        await lp.set(KEY_SETTINGS_SHOW_TEXT, true);
+    }
+
     let notificationSetting = await lp.get(KEY_SETTINGS_NOTIFICATION);
     document.getElementById('enableNotifications').checked = notificationSetting;
 
@@ -46,4 +54,7 @@ async function loadSettings() {
 
     let showFlags = await lp.get(KEY_SETTINGS_SHOW_FLAGS);
     document.getElementById('enableCountryFlags').checked = showFlags;
+
+    let showBadge = await lp.get(KEY_SETTINGS_SHOW_TEXT);
+    document.getElementById('enableCountryBadge').checked = showBadge;
 }

img/icon48.png

@@ -85,6 +85,18 @@ <h2 class="mdl-card__title-text">Settings</h2>
             </label>
           </span>
         </li>
+        <li class="mdl-list__item mdl-list__item--two-line">
+          <span class="mdl-list__item-primary-content">
+            <i class="material-icons  mdl-list__item-icon">language</i>
+            <span>Show country badge</span>
+            <span class="mdl-list__item-sub-title">Show corresponding country text code in badge.</span>
+          </span>
+          <span class="mdl-list__item-secondary-action">
+            <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="enableCountryBadge">
+              <input type="checkbox" id="enableCountryBadge" class="mdl-switch__input" checked />
+            </label>
+          </span>
+        </li>
       </ul>
     </div>
     <div class="mdl-card__actions mdl-card--border">