+20 -6

src/Applications/UI.elm

reviewed

··· 218 218 ----------------------------------------- 219 219 -- Audio 220 220 ----------------------------------------- 221 221 - Pause -> 222 222 - returnWithModel model (Ports.pause ()) 221 221 + PlayPause -> 222 222 + if Maybe.isNothing model.queue.activeItem then 223 223 + update (QueueMsg Queue.Shift) model 223 224 224 224 - Play -> 225 225 - returnWithModel model (Ports.play ()) 225 225 + else if model.audioIsPlaying then 226 226 + returnWithModel model (Ports.pause ()) 227 227 + 228 228 + else 229 229 + returnWithModel model (Ports.play ()) 226 230 227 231 Seek percentage -> 228 232 returnWithModel model (Ports.seek percentage) ··· 236 240 SetAudioIsLoading isLoading -> 237 241 return { model | audioIsLoading = isLoading } 238 242 239 239 - SetAudioIsPlaying isPlayinh -> 240 240 - return { model | audioIsPlaying = isPlayinh } 243 243 + SetAudioIsPlaying isPlaying -> 244 244 + return { model | audioIsPlaying = isPlaying } 245 245 + 246 246 + Stop -> 247 247 + returnWithModel model (Ports.pause ()) 241 248 242 249 Unstall -> 243 250 returnWithModel model (Ports.unstall ()) ··· 757 764 , Ports.setAudioHasStalled SetAudioHasStalled 758 765 , Ports.setAudioIsLoading SetAudioIsLoading 759 766 , Ports.setAudioIsPlaying SetAudioIsPlaying 767 767 + 768 768 + -- Remote 769 769 + --------- 770 770 + , Ports.requestNext <| always (QueueMsg Queue.Shift) 771 771 + , Ports.requestPlayPause <| always PlayPause 772 772 + , Ports.requestPrevious <| always (QueueMsg Queue.Rewind) 773 773 + , Ports.requestStop <| always Stop 760 774 761 775 -- 762 776 , Browser.Events.onResize

+2 -13

src/Applications/UI/Console.elm

reviewed

··· 82 82 ----------------------------------------- 83 83 -- Buttons 84 84 ----------------------------------------- 85 85 - , let 86 86 - playMsg = 87 87 - if Maybe.isNothing activeQueueItem then 88 88 - QueueMsg Queue.Shift 89 89 - 90 90 - else if isPlaying then 91 91 - Pause 92 92 - 93 93 - else 94 94 - Play 95 95 - in 96 96 - brick 85 85 + , brick 97 86 [ css buttonsContainerStyles ] 98 87 [ T.flex, T.justify_center, T.mb2, T.mt3, T.pb1 ] 99 88 [ button (smallLight repeat) (icon Icons.repeat 18) (QueueMsg <| Queue.ToggleRepeat) 100 89 , button lightPlaceHolder (icon Icons.fast_rewind 20) (QueueMsg <| Queue.Rewind) 101 101 - , button (largeLight isPlaying) play playMsg 90 90 + , button (largeLight isPlaying) play PlayPause 102 91 , button lightPlaceHolder (icon Icons.fast_forward 20) (QueueMsg <| Queue.Shift) 103 92 , button (smallLight shuffle) (icon Icons.shuffle 18) (QueueMsg <| Queue.ToggleShuffle) 104 93 ]

+2 -2

src/Applications/UI/Core.elm

reviewed

··· 91 91 ----------------------------------------- 92 92 -- Audio 93 93 ----------------------------------------- 94 94 - | Pause 95 95 - | Play 94 94 + | PlayPause 96 95 | Seek Float 97 96 | SetAudioDuration Float 98 97 | SetAudioHasStalled Bool 99 98 | SetAudioIsLoading Bool 100 99 | SetAudioIsPlaying Bool 100 100 + | Stop 101 101 | Unstall 102 102 ----------------------------------------- 103 103 -- Authentication

+3

src/Applications/UI/Kit.elm

reviewed

··· 393 393 [ T.absolute 394 394 , T.absolute__fill 395 395 , T.bg_white 396 396 + , T.br2 396 397 , T.flex 397 398 , T.flex_column 398 399 , T.z_999 ··· 499 500 [ css vesselStyles ] 500 501 [ borderRadius 501 502 , T.bg_white 503 503 + , T.flex 504 504 + , T.flex_column 502 505 , T.flex_grow_1 503 506 , T.overflow_scroll 504 507 , T.relative

+13 -1

src/Applications/UI/Ports.elm

reviewed

··· 1 1 - port module UI.Ports exposing (activeQueueItemChanged, activeQueueItemEnded, adjustEqualizerSetting, fromAlien, giveBrain, nudgeBrain, pause, play, seek, setAudioDuration, setAudioHasStalled, setAudioIsLoading, setAudioIsPlaying, setRepeat, toBrain, unstall) 1 1 + port module UI.Ports exposing (activeQueueItemChanged, activeQueueItemEnded, adjustEqualizerSetting, fromAlien, giveBrain, nudgeBrain, pause, play, requestNext, requestPlayPause, requestPrevious, requestStop, seek, setAudioDuration, setAudioHasStalled, setAudioIsLoading, setAudioIsPlaying, setRepeat, toBrain, unstall) 2 2 3 3 import Alien 4 4 import Json.Encode as Json ··· 41 41 42 42 43 43 port fromAlien : (Alien.Event -> msg) -> Sub msg 44 44 + 45 45 + 46 46 + port requestNext : (() -> msg) -> Sub msg 47 47 + 48 48 + 49 49 + port requestPlayPause : (() -> msg) -> Sub msg 50 50 + 51 51 + 52 52 + port requestPrevious : (() -> msg) -> Sub msg 53 53 + 54 54 + 55 55 + port requestStop : (() -> msg) -> Sub msg 44 56 45 57 46 58 port setAudioDuration : (Float -> msg) -> Sub msg

+1 -1

src/Applications/UI/Tracks.elm

reviewed

··· 352 352 chunk 353 353 [ T.flex 354 354 , T.flex_column 355 355 - , T.h_100 355 355 + , T.flex_grow_1 356 356 ] 357 357 [ lazy3 358 358 navigation

+24

src/Javascript/index.js

reviewed

··· 129 129 const n = document.activeElement 130 130 if (n && !n.dataset.keepFocus) n.blur() 131 131 } 132 132 + 133 133 + 134 134 + 135 135 + // Media Keys 136 136 + // ---------- 137 137 + 138 138 + document.addEventListener("MediaPlayPause", () => { 139 139 + app.ports.requestPlayPause.send(null) 140 140 + }) 141 141 + 142 142 + 143 143 + document.addEventListener("MediaStop", () => { 144 144 + app.ports.requestStop.send(null) 145 145 + }) 146 146 + 147 147 + 148 148 + document.addEventListener("MediaPrev", () => { 149 149 + app.ports.requestPrevious.send(null) 150 150 + }) 151 151 + 152 152 + 153 153 + document.addEventListener("MediaNext", () => { 154 154 + app.ports.requestNext.send(null) 155 155 + })

+2

src/Static/Html/Application.html

reviewed

··· 3 3 <head> 4 4 5 5 <meta charset="utf-8" /> 6 6 + <meta name="media-controllable" /> 7 7 + 6 8 <title>Diffuse</title> 7 9 8 10 <!-- Viewport -->