Revert "Move popup to vue"

This reverts commit 5b0fcef15c.

src/popup/App.vue

@@ -213,18 +213,16 @@ import Donate from '../common/misc/Donate.vue';
 import Debug from '../ext/conf/Debug';
 import BrowserDetect from '../ext/conf/BrowserDetect';
 import Comms from '../ext/lib/comms/Comms';
-import VideoPanel from './panels/VideoPanel.vue';
+import VideoPanel from './panels/VideoPanel';
-import PerformancePanel from './panels/PerformancePanel.vue';
+import PerformancePanel from './panels/PerformancePanel';
 import Settings from '../ext/lib/Settings';
 import PopupExec from './js/PopupExec';
-import DefaultSettingsPanel from './panels/DefaultSettingsPanel.vue';
+import DefaultSettingsPanel from './panels/DefaultSettingsPanel';
-import AboutPanel from './panels/AboutPanel.vue';
+import AboutPanel from './panels/AboutPanel';
 import ExtensionMode from '../common/enums/ExtensionMode.enum';
 import Logger from '../ext/lib/Logger';
 import {ChromeShittinessMitigations as CSM} from '../common/js/ChromeShittinessMitigations';
-import { browser } from 'webextension-polyfill-ts';
 
-import Vue from '*.vue';
 export default Vue.extend({
   data () {
     return {
@@ -262,7 +260,7 @@ export default Vue.extend({
     await this.settings.init();
     this.settingsInitialized = true;
 
-    const port = browser.runtime.connect(null, {name: 'popup-port'});
+    const port = BrowserDetect.firefox ? browser.runtime.connect({name: 'popup-port'}) : chrome.runtime.connect({name: 'popup-port'});
     port.onMessage.addListener( (m,p) => this.processReceivedMessage(m,p));
     CSM.setProperty('port', port);
 
@@ -274,12 +272,12 @@ export default Vue.extend({
         cmd: 'unmark-player',
         forwardToAll: true,
       });
-      // if (BrowserDetect.anyChromium) {
+      if (BrowserDetect.anyChromium) {
-      //   chrome.extension.getBackgroundPage().sendUnmarkPlayer({
+        chrome.extension.getBackgroundPage().sendUnmarkPlayer({
-      //     cmd: 'unmark-player',
+          cmd: 'unmark-player',
-      //     forwardToAll: true,
+          forwardToAll: true,
-      //   });
+        });
-      // }
+      }
     });
 
     // get info about current site from background script
@@ -320,7 +318,7 @@ export default Vue.extend({
   },
   methods: {
     async sleep(t) {
-      return new Promise<void>( (resolve,reject) => {
+      return new Promise( (resolve,reject) => {
         setTimeout(() => resolve(), t);
       });
     },
@@ -335,7 +333,9 @@ export default Vue.extend({
         this.logger.log('error','popup','[popup::getSite] sending get-current-site failed for some reason. Reason:', e);
       }
     },
-    
+    getRandomColor() {
+      return `rgb(${Math.floor(Math.random() * 128)}, ${Math.floor(Math.random() * 128)}, ${Math.floor(Math.random() * 128)})`;
+    },
     selectTab(tab) {
       this.selectedTab = tab;
       if (tab === 'whats-new') {
@@ -344,6 +344,9 @@ export default Vue.extend({
       }
       this.toggleSideMenu(false);
     },
+    selectFrame(frame) {
+      this.selectedFrame = frame;
+    },
     async updateConfig() {
       // when this runs, a site could have been enabled or disabled
       // this means we must update canShowVideoTab
@@ -384,7 +387,7 @@ export default Vue.extend({
         if (this.site) {
           if (!this.site.host) {
             // dunno why this fix is needed, but sometimes it is
-            this.site.host = message.site.tabHostname;
+            this.site.host = site.tabHostname;
           }
         }
         if (!this.site || this.site.host !== message.site.host) {
@@ -535,8 +538,8 @@ export default Vue.extend({
     updateZoom(nz){
       this.currentZoom = nz;
     },
-    selectFrame(frame) {
+    selectFrame(id){
-      this.selectedFrame = frame;
+      this.selectedFrame = id;
     },
     selectSite(host) {
       this.selectedSite = host;

src/popup/panels/AboutPanel.vue

@@ -36,21 +36,19 @@
   </div>
 </template>
 
-<script lang="ts">
+<script>
 import Comms from '../../ext/lib/comms/Comms';
-import ShortcutButton from '../../common/components/ShortcutButton.vue';
+import ShortcutButton from '../../common/components/ShortcutButton';
 import BrowserDetect from '../../ext/conf/BrowserDetect';
-import { browser } from 'webextension-polyfill-ts';
 
-import Vue from 'vue'
+export default {
-export default Vue.extend({
   components: {
     ShortcutButton,
  },
   data() {
     return {
       // reminder — webextension-polyfill doesn't seem to work in vue!
-      addonVersion: browser.runtime.getManifest().version,
+      addonVersion: BrowserDetect.firefox ? browser.runtime.getManifest().version : chrome.runtime.getManifest().version,
       loggingEnabled: false,
       loggerSettings: '',
       loggerSettingsError: false,
@@ -105,5 +103,6 @@ Browser-related stuff (please ensure this section is correct):
       Comms.sendMessage({cmd: 'hide-logger', forwardToActive: true});
     }
   }
-})
+}
 </script>
+

src/popup/panels/DefaultSettingsPanel.vue

@@ -122,14 +122,13 @@
   </div>
 </template>
 
-<script lang="ts">
+<script>
 import ExecAction from '../js/ExecAction';
 import KeyboardShortcutParser from '../../common/js/KeyboardShortcutParser';
-import ShortcutButton from '../../common/components/ShortcutButton.vue';
+import ShortcutButton from '../../common/components/ShortcutButton';
 import ComputeActionsMixin from '../../common/mixins/ComputeActionsMixin';
 
-import Vue from 'vue'
+export default {
-export default Vue.extend({
   data() {
     return {
     }
@@ -191,10 +190,10 @@ export default Vue.extend({
       return KeyboardShortcutParser.parseShortcut(action.scopes[this.scope].shortcut[0]);
     },
     wipeSettings() {
-      this.settings.setDefaultSettings();
+      settings.setDefaultSettings();
     }
   }
-})
+}
 </script>
 
 <style>

src/popup/panels/PerformancePanel.vue

@@ -6,9 +6,10 @@
   </div>
 </template>
 
-<script lang="ts">
+<script>
-import Vue from 'vue'
+
-export default Vue.extend({
+
+export default {
   props: {
     performance: Object,
   },
@@ -17,7 +18,7 @@ export default Vue.extend({
       deep: true,
     }
   }
-})
+}
 </script>
 
 <style>

src/popup/panels/SiteDetailsPanel.vue

@@ -126,16 +126,14 @@
   </div>
 </template>
 
-<script lang="ts">
+<script>
 import ShortcutButton from '../../common/components/ShortcutButton.vue';
 import QsElement from '../../common/components/QsElement.vue';
 import QuerySelectorSetting from '../../common/components/QuerySelectorSetting.vue';
 import ExtensionMode from '../../common/enums/ExtensionMode.enum';
 import VideoAlignmentType from '../../common/enums/VideoAlignmentType.enum';
 import StretchType from '../../common/enums/StretchType.enum';
-
+export default {
-import Vue from 'vue'
-export default Vue.extend({
   components: {
     QuerySelectorSetting,
     ShortcutButton,
@@ -251,7 +249,8 @@ export default Vue.extend({
       this.settings.save();
     },
   }
-})
+
+}
 </script>
 
 <style>

src/popup/panels/WhatsNewPanel.vue

@@ -16,18 +16,16 @@
     </ul>
   </div>
 </template>
-
+<script>
-<script lang="ts">
 import BrowserDetect from '../../ext/conf/BrowserDetect';
 
-import Vue from 'vue'
+export default {
-export default Vue.extend({
   data () {
     return {
       BrowserDetect: BrowserDetect
     }
   },
-})
+}
 </script>
 
 <style>