Fix a bug where Firefox users were not getting the consent flow if they updated from non-listed versions (#384)

* [fix] check if the previous version is below the minimum version with a consent popup

I made the minimum this version just in case other users have the same issue as #383

* [fix] add text about the consent page coming up again

* [fix] skip consent script in non-FF FF-likes, add default value for canLoad flag

package-lock.json

···
 {
 	"name": "blue-blocker",
-	"version": "0.4.13",
+	"version": "0.4.14",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "blue-blocker",
-			"version": "0.4.13",
+			"version": "0.4.14",
 			"license": "MPL-2.0",
 			"devDependencies": {
 				"@crxjs/vite-plugin": "=2.0.0-beta.28",

package.json

···
 {
 	"name": "blue-blocker",
-	"version": "0.4.13",
+	"version": "0.4.14",
 	"author": "DanielleMiu",
 	"description": "Blocks all Twitter Blue verified users on twitter.com",
 	"type": "module",

src/background/index.ts

···
 		// @ts-ignore
 		api.runtime?.getBrowserInfo().then(info => {
 			if(info.name == 'Firefox') {
-				api.storage.local.get("canLoad").then( val => {
+				api.storage.local.get({"canLoad": false}).then( val => {
 					if (!val) {
 						registerConsentScript();
 					}
···
 					}
 				});
 			}
+			else {
+				// In a FF based browser, that isn't FF
+				registerConsentScript();
+			}
 		})
 	}
 	catch {
···
 	}
 })
 
-const consentRequiredVersions = ['0.3.5']
+const minConsentVersion = '0.4.14';
+
+function isBelowMinVer(newVersion: string, minVersion: string) {
+	const [newMajor, newMinor, newPatch] = String(newVersion).split('.').map(Number);
+	const [minMajor, minMinor, minPatch] = String(minVersion).split('.').map(Number);
+
+	if (newMajor !== minMajor) {
+		return newMajor < minMajor;
+	}
+
+	if (newMinor !== minMinor) {
+		return newMinor < minMinor;
+	}
+
+	return newPatch < minPatch;
+}
 
 api.runtime.onInstalled.addListener( ({reason, previousVersion}) => {
 	try {
 		/** @ts-ignore I hate that I have to use FF specific APIs to detect FF :)))*/
 		api.runtime?.getBrowserInfo().then(info => {
 			if (info.name == 'Firefox') {
-				if(reason == 'install' || (reason == 'update' && consentRequiredVersions.includes(previousVersion as string))) {
+				if(reason == 'install' || (reason == 'update' && isBelowMinVer(previousVersion as string, minConsentVersion))) {
 					registerConsentScript();
 					const url = api.runtime.getURL('src/pages/consent/index.html');
 					api.tabs.create({url})
 				}
+			}
+			else {
+				// In a FF based browser, that isn't FF
+				registerConsentScript();
 			}
 		})
 	}

src/manifest.ts

···
 export default defineManifest({
 	name: 'Blue Blocker',
 	description: 'Blocks all Twitter Blue verified users on twitter.com',
-	version: '0.4.13',
+	version: '0.4.14',
 	manifest_version: 3,
 	icons: {
 		'128': 'icon/icon-128.png',

src/pages/consent/index.html

···
             <p>All data that Blue Blocker collects, stores, uses, and transmits is mandatory for the function of the extension Because the collection, storage, usage, and transmission of personal data is necessary for the function of this extension, refusing will cause the extension to be uninstalled</p>
             <br>
             <p>To read the full privacy policy visit the <a href="https://addons.mozilla.org/en-US/firefox/addon/blue-blocker/privacy/" target="_blank" rel="noopener noreferrer">Firefox addons page</a></p>
+            <p>You might be shown this screen again in the future; for example if there is an update in Firefox's policies.</p>
             <br>
             <p>Having read the above disclosure, do you consent to Blue Blocker collecting, storing, using, and transmitting your personal data?</p>
             <div class="inputs">