feat: repeat mode shortcut

docs/usage/web-interface.md

@@ -137,6 +137,7 @@ or a textarea.
 * <kbd>j</kbd> plays the next song in queue
 * <kbd>k</kbd> plays the previous song in queue
 * <kbd>l</kbd> marks/unmarks the current song as favorite
+* <kbd>r</kbd> circles through repeat modes (no repeat, repeat all, repeat one)
 * <kbd>→</kbd> seeks forward 10 seconds
 * <kbd>←</kbd> seeks backward 10 seconds
 * <kbd>↑</kbd> increases volume by 10%

resources/assets/js/components/ui/RepeatModeSwitch.spec.ts

@@ -8,7 +8,7 @@ import RepeatModeSwitch from './RepeatModeSwitch.vue'
 new class extends UnitTestCase {
   protected test () {
     it('changes mode', async () => {
-      const mock = this.mock(playbackService, 'changeRepeatMode')
+      const mock = this.mock(playbackService, 'rotateRepeatMode')
       preferenceStore.state.repeat_mode = 'NO_REPEAT'
       this.render(RepeatModeSwitch)
 

resources/assets/js/components/ui/RepeatModeSwitch.vue

@@ -29,7 +29,7 @@ const readableMode = computed(() => mode.value
   .join(' ')
 )
 
-const changeMode = () => playbackService.changeRepeatMode()
+const changeMode = () => playbackService.rotateRepeatMode()
 </script>
 
 <style lang="scss" scoped>

resources/assets/js/components/utils/HotkeyListener.vue

@@ -20,6 +20,7 @@ onKeyStroke('f', () => eventBus.emit('FOCUS_SEARCH_FIELD'))
 onKeyStroke('j', () => playbackService.playNext())
 onKeyStroke('k', () => playbackService.playPrev())
 onKeyStroke(' ', () => playbackService.toggle())
+onKeyStroke('r', () => playbackService.rotateRepeatMode())
 
 onKeyStroke('ArrowRight', () => playbackService.seekBy(10))
 onKeyStroke('ArrowLeft', () => playbackService.seekBy(-10))

resources/assets/js/services/playbackService.spec.ts

@@ -220,7 +220,7 @@ new class extends UnitTestCase {
     ])('it switches from repeat mode %s to repeat mode %s', (fromMode, toMode) => {
       playbackService.init(document.querySelector('.plyr')!)
       preferences.repeat_mode = fromMode
-      playbackService.changeRepeatMode()
+      playbackService.rotateRepeatMode()
 
       expect(preferences.repeat_mode).toEqual(toMode)
     })

resources/assets/js/services/playbackService.ts

@@ -199,11 +199,7 @@ class PlaybackService {
     }
   }
 
-  /**
-   * Circle through the repeat mode.
-   * The selected mode will be stored into local storage as well.
-   */
-  public changeRepeatMode () {
+  public rotateRepeatMode () {
     let index = this.repeatModes.indexOf(preferences.repeat_mode) + 1
 
     if (index >= this.repeatModes.length) {