reformatted

modulearn/src/App.svelte

@@ -14,9 +14,9 @@
       const pos = video.position()
       const newModule = getModule(pos)
       position.update(() => pos)
-        if (newModule && !$currentModule 
+        if ((newModule && !$currentModule) || (newModule && $currentModule && newModule.name !== $currentModule.name)) { 
-            || newModule && $currentModule && newModule.name !== $currentModule.name)
+          currentModule.update(() => newModule) 
-        { currentModule.update(() => newModule) }
+        }
     }, 100)
   }
 
@@ -41,41 +41,41 @@
   onMount(() => positionUpdater())
 
   const toggle = video => {
-      if (video.paused()) {
+    if (video.paused()) {
-          video.play()
+      video.play()
-      } else {
+    } else {
-          video.pause()
+      video.pause()
-      }
+    }
   }
 
   const jumpTo = pos => {
-      clearInterval(interval)
+    clearInterval(interval)
-      video.jumpTo(pos)
+    video.jumpTo(pos)
-      positionUpdater()
+    positionUpdater()
   }
 
   const handleKeyDown = e => {
-      const { key, code, ctrlKey, shiftKey, altKey, metaKey } = e
+    const { key, code, ctrlKey, shiftKey, altKey, metaKey } = e
 
-      if (shiftKey || altKey || metaKey) return
+    if (shiftKey || altKey || metaKey) return
 
-      const amount = ctrlKey ? 30 : 5
+    const amount = ctrlKey ? 30 : 5
-      if (["j", "ArrowDown"].includes(key)) {
+    if (["j", "ArrowDown"].includes(key)) {
-          e.preventDefault()
+      e.preventDefault()
-          nextModule()
+      nextModule()
-      } else if (["k", "ArrowUp"].includes(key)) {
+    } else if (["k", "ArrowUp"].includes(key)) {
-          e.preventDefault()
+      e.preventDefault()
-          prevModule()
+      prevModule()
-      } else if ([32, "Space"].includes(code)) {
+    } else if ([32, "Space"].includes(code)) {
-          e.preventDefault()
+      e.preventDefault()
-          toggle(video)
+      toggle(video)
-      } else if (["l", "ArrowRight"].includes(key)) {
+    } else if (["l", "ArrowRight"].includes(key)) {
-          e.preventDefault()
+      e.preventDefault()
-          jumpTo($position + amount)
+      jumpTo($position + amount)
-      } else if (["h", "ArrowLeft"].includes(key)) {
+    } else if (["h", "ArrowLeft"].includes(key)) {
-          e.preventDefault()
+      e.preventDefault()
-          jumpTo($position - amount)
+      jumpTo($position - amount)
-      }
+    }
   }
 
   const nextModule = () => {