src/common/interfaces/StretchInterface.ts

@@ -2,6 +2,5 @@ import StretchType from '../enums/StretchType.enum';
 
 export interface Stretch {
   type: StretchType,
-  ratio?: number,
-  limit?: number,
+  ratio?: number
 }

src/csui/src/PlayerUiPanels/PanelComponents/ExtensionSettings/SiteExtensionSettings.vue

@@ -401,15 +401,8 @@ export default {
         commandArguments = undefined;
       }
 
-      await this.siteSettings.set(option, commandArguments, {reload: false});
-
-      // changing alignment options doesn't trigger re-compute, so we need to do it ourselves.
-      // note that this re-computes siteDefaultAlignment even when setting other options, but
-      // it's _too late AM_ and hit to performance probably isn't bad enough to warrant
-      // spending time on a more correct solution tomorrow
-      this._computedWatchers.siteDefaultAlignment.run();
-
-      this.$nextTick( () => this.$forceUpdate());
+      await this.siteSettings.set(option, commandArguments);
+      this.$nextTick( () => this.$forceUpdate() );
     },
     setExtensionMode(component, event) {
       const option = event.target.value;

src/csui/src/components/SupportLevelIndicator.vue

@@ -27,11 +27,11 @@
       (unaware, not using the site, language barrier, geoblocking, paid services Tam doesn't use).
     </div>
   </div>
-  <div v-if="siteSupportLevel === 'user-added' || siteSupportLevel === 'user-defined'" class="site-support user-added">
+  <div v-if="siteSupportLevel === 'user-added'" class="site-support user-added">
     <mdicon name="account" />
-    <div v-if="!small">Modified by you</div>
+    <div v-if="!small">Custom</div>
     <div class="tooltip">
-      <template v-if="small">Modified by you&nbsp;—&nbsp;</template>
+      <template v-if="small">Custom&nbsp;—&nbsp;</template>
       You have manually changed settings for this site. The extension is doing what you told it to do.
     </div>
   </div>

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

@@ -24,7 +24,10 @@ class Stretcher {
   siteSettings: SiteSettings;
   //#endregion
 
+  //#region misc data
   stretch: Stretch;
+  fixedStretchRatio: any;
+  //#endregion
 
   // functions
   constructor(videoData) {
@@ -62,11 +65,11 @@ class Stretcher {
       actualWidth = newWidth;
     }
 
-    let minW = this.conf.player.dimensions.width * (1 - this.stretch.limit);
-    let maxW = this.conf.player.dimensions.width * (1 + this.stretch.limit);
+    let minW = this.conf.player.dimensions.width * (1 - this.settings.active.stretch.conditionalDifferencePercent);
+    let maxW = this.conf.player.dimensions.width * (1 + this.settings.active.stretch.conditionalDifferencePercent);
 
-    let minH = this.conf.player.dimensions.height * (1 - this.stretch.limit);
-    let maxH = this.conf.player.dimensions.height * (1 + this.stretch.limit);
+    let minH = this.conf.player.dimensions.height * (1 - this.settings.active.stretch.conditionalDifferencePercent);
+    let maxH = this.conf.player.dimensions.height * (1 + this.settings.active.stretch.conditionalDifferencePercent);
 
     if (actualWidth >= minW && actualWidth <= maxW) {
       stretchFactors.xFactor *= this.conf.player.dimensions.width / actualWidth;
@@ -77,6 +80,16 @@ class Stretcher {
   }
 
   calculateBasicStretch() {
+    // video.videoWidth in video.videoHeight predstavljata velikost datoteke.
+    // velikost video datoteke je lahko drugačna kot velikost <video> elementa.
+    // Zaradi tega lahko pride do te situacije:
+    //     * Ločljivost videa je 850x480 (videoWidth & videoHeight)
+    //     * Velikost <video> značke je 1920x720.
+    // Znotraj te video značke bo video prikazan v 1280x720 pravokotniku. Raztegovanje
+    // torej hočemo računati z uporabo vrednosti 1280 in 720. Teh vrednosti pa ne
+    // poznamo. Torej jih moramo računati.
+    //
+    //
     // 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:
@@ -104,7 +117,7 @@ class Stretcher {
     const streamAr = this.conf.aspectRatio;
     const playerAr = this.conf.player.aspectRatio;
 
-    const squeezeFactor = this.stretch.ratio / streamAr;
+    const squeezeFactor = this.fixedStretchRatio / streamAr;
 
     // 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
@@ -113,7 +126,7 @@ class Stretcher {
 
     this.logger.log('info', 'stretcher', `[Stretcher::applyStretchFixedSource] here's what we got:
 postCropStretchFactors: x=${postCropStretchFactors.xFactor} y=${postCropStretchFactors.yFactor}
-fixedStretchRatio:      ${this.stretch.ratio}
+fixedStretchRatio:      ${this.fixedStretchRatio}
 videoAr:                ${streamAr}
 playerAr:               ${playerAr}
 squeezeFactor:          ${squeezeFactor}`, '\nvideo', this.conf.video);
@@ -126,7 +139,7 @@ squeezeFactor:          ${squeezeFactor}`, '\nvideo', this.conf.video);
   }
 
   calculateStretchFixed(actualAr) {
-    return this.calculateStretch(actualAr, this.stretch.ratio);
+    return this.calculateStretch(actualAr, this.fixedStretchRatio);
   }
 
   getArCorrectionFactor() {