Typo fixes & addign words to dictionary

.vscode/settings.json

@@ -1,30 +1,69 @@
 {
   "cSpell.words": [
+    "PILLARBOX",
+    "PILLARBOXED",
+    "aard",
     "ardetector",
+    "autodetect",
     "autodetection",
     "blackbar",
+    "blackbars",
     "blackframe",
     "canvas",
+    "com",
     "comms",
+    "csui",
     "decycle",
+    "disneyplus",
     "equalish",
+    "fuckup",
+    "gfycat",
+    "gmail",
+    "guardline",
+    "han",
+    "iframe",
+    "imgur",
     "insta",
+    "letterboxed",
+    "manjaro",
     "minification",
+    "nogrow",
+    "noshrink",
+    "outro",
+    "polyfill",
     "recursing",
     "reddit",
     "rescan",
     "resizer",
+    "scrollbar",
+    "smallcaps",
+    "suboption",
+    "tabitem",
+    "tablist",
+    "tamius",
     "textbox",
+    "ultrawidify",
+    "unmark",
+    "unmarking",
+    "unshift",
+    "uwid",
+    "uwui",
     "videodata",
+    "vids",
+    "vuejs",
     "vuex",
+    "webextension",
+    "webextensions",
     "youtube"
   ],
   "cSpell.ignoreWords": [
+    "abcdefghijklmnopqrstuvwxyz",
     "autoar",
     "cheight",
     "cwidth",
     "fcstart",
     "fctime",
+    "legacycd",
     "ncol",
     "nrow",
     "tickrate",

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "ultravidify",
+  "name": "ultrawidify",
   "version": "4.4.7",
   "description": "Aspect ratio fixer for youtube and other sites, with automatic aspect ratio detection. Supports ultrawide and other ratios.",
   "author": "Tamius Han <tamius.han@gmail.com>",

src/ext/conf/ExtConfPatches.js

@@ -351,7 +351,7 @@ const ExtensionConfPatch = [
                     '100%'
                   ]
                 }
-                // 'width': true            // this would prevent aard from runing if <video> had a 'width' property in style, regardless of value
+                // 'width': true            // this would prevent aard from running if <video> had a 'width' property in style, regardless of value
                                             // could also be an empty object, in theory.
               }
             }

src/ext/conf/ExtensionConf.js

@@ -50,7 +50,7 @@ var ExtensionConf = {
                                       // component. Average intensity is normalized to where 0 is black and 1 is biggest value for
                                       // that component. If sum of differences between normalized average intensity and normalized
                                       // component varies more than this % between color components, we can afford to use less strict
-                                      // cummulative treshold.
+                                      // cumulative threshold.
       cumulativeThresholdLax: 1600,    
       cumulativeThresholdStrict: 2560,// if we add values of all pixels together and get more than this, the frame is bright enough.
                                  // (note: blackframe is 16x9 px -> 144px total. cumulative threshold can be reached fast)
@@ -64,7 +64,7 @@ var ExtensionConf = {
       threshold: 16,          // if pixel is darker than the sum of black level and this value, we count it as black
                               // on 0-255. Needs to be fairly high (8 might not cut it) due to compression
                               // artifacts in the video itself
-      frameThreshold: 4,      // treshold, but when doing blackframe test
+      frameThreshold: 4,      // threshold, but when doing blackframe test
       imageThreshold: 16,     // in order to detect pixel as "not black", the pixel must be brighter than
                               // the sum of black level, threshold and this value.
       gradientThreshold: 2,   // When trying to determine thickness of the black bars, we take 2 values: position of
@@ -72,7 +72,7 @@ var ExtensionConf = {
                               // brighter than our image threshold. If positions are more than this many pixels apart,
                               // we assume we aren't looking at letterbox and thus don't correct the aspect ratio.
       gradientSampleSize: 16, // How far do we look to find the gradient
-      maxGradient: 6,         // if two neighbouring pixels in gradientSampleSize differ by more than this, then we aren't
+      maxGradient: 6,         // if two neighboring pixels in gradientSampleSize differ by more than this, then we aren't
                               // looking at a gradient
       gradientNegativeTreshold: -2,
       gradientMaxSD: 6,    // reserved for future use
@@ -173,7 +173,7 @@ var ExtensionConf = {
   // Polje 'shortcut' je tabela, če se slučajno lotimo kdaj delati choordov. 
   actions: [{
     name: 'Trigger automatic detection',    // name displayed in settings
-    label: 'Automatic',                     // name displayed in ui (can be overriden in scope/playerUi)
+    label: 'Automatic',                     // name displayed in ui (can be overridden in scope/playerUi)
     cmd: [{
       action: 'set-ar',
       arg: AspectRatio.Automatic,
@@ -1047,7 +1047,7 @@ var ExtensionConf = {
                 '100%'
               ]
             }
-            // 'width': true            // this would prevent aard from runing if <video> had a 'width' property in style, regardless of value
+            // 'width': true            // this would prevent aard from running if <video> had a 'width' property in style, regardless of value
                                         // could also be an empty object, in theory.
           }
         }
@@ -1079,7 +1079,7 @@ var ExtensionConf = {
                 '100%'
               ]
             }
-            // 'width': true            // this would prevent aard from runing if <video> had a 'width' property in style, regardless of value
+            // 'width': true            // this would prevent aard from running if <video> had a 'width' property in style, regardless of value
                                         // could also be an empty object, in theory.
           }
         }

src/ext/lib/video-data/PageInfo.js

@@ -178,7 +178,7 @@ class PageInfo {
 
           if (this.readOnly) {
             // in lite mode, we're done. This is all the info we want, but we want to actually start doing 
-            // things that interfere with the website. We still want to be runnig a rescan, tho.
+            // things that interfere with the website. We still want to be running a rescan, tho.
 
             if(rescanReason == RescanReason.PERIODIC){
               this.scheduleRescan(RescanReason.PERIODIC);
@@ -252,7 +252,7 @@ class PageInfo {
       // našli ob naslednjem preiskovanju
       //
       // if we encounter a fuckup, we can assume that no videos were found on the page. We destroy all videoData
-      // objects to prevent multiple initalization (which happened, but I don't know why). No biggie if we destroyed
+      // objects to prevent multiple initialization (which happened, but I don't know why). No biggie if we destroyed
       // videoData objects in error — they'll be back in the next rescan
       this.logger.log('error', 'debug', "rescan error: — destroying all videoData objects",e);
       for (const v of this.videos) {
@@ -567,7 +567,7 @@ class PageInfo {
   }
 
   setKeyboardShortcutsEnabled(state) {
-    this.actionHandler.setKeybordLocal(state);
+    this.actionHandler.setKeyboardLocal(state);
   }
 
   setArPersistence(persistenceMode) {

src/ext/lib/video-data/PlayerData.js

@@ -129,7 +129,7 @@ class PlayerData {
       try {
         this.doPeriodicPlayerElementChangeCheck();
       } catch (e) {
-        console.error('[playerdata::legacycd] this message is pretty high on the list of messages you shouldnt see', e);
+        console.error('[PlayerData::legacycd] this message is pretty high on the list of messages you shouldnt see', e);
       }
     }
   }

src/ext/lib/video-transform/Stretcher.js

@@ -76,7 +76,7 @@ class Stretcher {
     // poznamo. Torej jih moramo računati.
     //
     //
-    // video.videoWidht and video.videoHeight describe the size of the video file.
+    // video.videoWidth and video.videoHeight describe the size of the video file.
     // Size of the video file can be different than the size of the <video> tag.
     // This can leave us with the following situation:
     //     * Video resolution is 850x480-ish (as reported by videoWidth and videoHeight)
@@ -103,7 +103,7 @@ class Stretcher {
     const videoAr = this.conf.video.videoWidth / this.conf.video.videoHeight;
     const playerAr = this.conf.player.dimensions.width / this.conf.player.dimensions.height;
 
-    const squezeFactor = this.fixedStretchRatio / videoAr;
+    const squeezeFactor = this.fixedStretchRatio / videoAr;
 
     // Whether squeezing happens on X or Y axis depends on whether required AR is wider or narrower than
     // the player, in which the video is displayed
@@ -115,13 +115,13 @@ postCropStretchFactors: x=${postCropStretchFactors.xFactor} y=${postCropStretchF
 fixedStretchRatio:      ${this.fixedStretchRatio}
 videoAr:                ${videoAr}
 playerAr:               ${playerAr}
-squeezeFactor:          ${squezeFactor}`, '\nvideo', this.conf.video);
+squeezeFactor:          ${squeezeFactor}`, '\nvideo', this.conf.video);
 
 
     if (this.fixedStretchRatio < playerAr) {
-      postCropStretchFactors.xFactor *= squezeFactor;
+      postCropStretchFactors.xFactor *= squeezeFactor;
     } else {
-      postCropStretchFactors.yFactor *= squezeFactor; 
+      postCropStretchFactors.yFactor *= squeezeFactor; 
     }
 
     this.logger.log('info', 'stretcher', `[Stretcher::applyStretchFixedSource] here's what we'll apply:\npostCropStretchFactors: x=${postCropStretchFactors.x} y=${postCropStretchFactors.y}`);

src/popup/App.vue

@@ -349,7 +349,7 @@ export default {
       // Extension global disabled — show 'extension settings'
       // Extension site disabled, no embedded videos — show 'site settings'
       // Extension site disabled, embedded videos from non-blacklisted hosts — show video settings
-      // Extension site enabled — show vido settings
+      // Extension site enabled — show video settings
 
       // note: this if statement is ever so slightly unnecessary
       if (! this.settings.canStartExtension('@global')) {