Hot reload only adds code and doesn't remove it

[xeon826]

When I run yarn run dev everything works as it should but if I'm editing for instance, App.js and I add a console.warn somewhere, the app updates accordingly but then if I remove that console.warn statement, the app still behaves as it was there. It's only adding code and not removing it. The .vue components behave normally though, just not App.js, I haven't checked any other vanilla js scripts.

[absidue]

Please write down the exact steps that you are doing and exactly where you are changing the code.

I would also be interested to know why you are editing the App.js file as that very rarely requires any changes.

Edit: Sounds like you are adding it to the global event listeners that we don't unregister, because that file very rarely needs changes and under normal app usage the App component is created once and never destroyed.

[xeon826]

I'm trying to implement vim key-bindings App.js:355. Is there a better starting point that you recommend? The key to instantiate the shortcut highlights would be a global key along the lines of what's in this. The following browser add-on illustrates the behavior https://addons.mozilla.org/en-US/firefox/addon/vimium-ff/

    handleKeyboardShortcuts: function (event) {
      // ignore user typing in HTML `input` elements
      if (event.shiftKey && event.key === '?' && event.target.tagName !== 'INPUT') {
        this.$store.commit('setIsKeyboardShortcutPromptShown', !this.isKeyboardShortcutPromptShown)
      }

      if (event.altKey) {
        switch (event.key) {
          case 'D':
          case 'd':
            this.$refs.topNav.focusSearch()
            break
        }
      }
      switch (event.key) {
        case 'Tab':
          this.showOutlines()
          break
        case 'L':
        case 'l':
          if ((process.platform !== 'darwin' && event.ctrlKey) ||
            (process.platform === 'darwin' && event.metaKey)) {
            this.$refs.topNav.focusSearch()
          }
          break
      }
    },

[xeon826]

[absidue]

Supporting loading arbitrary chrome extensions is a very bad idea. Firstly Electron only implements a subset of the extension APIS that are supported in Chromium, as the extension support is only meant for devtools extensions (e.g. Vue Devtools, React Devtools) and secondly security wise it would be horrendous as FreeTube currently has nodeIntegration turned on in the renderer processes (the stuff running inside the windows).