expose APIs as public API

src/Controller.svelte

@@ -102,7 +102,7 @@
     }
   };
 
-  const toggle = () => {
+  export const toggle = () => {
     switch (playerState) {
       case 'playing':
         replayer.pause();
@@ -142,7 +142,7 @@
     }
   };
 
-  const setSpeed = (newSpeed: number) => {
+  export const setSpeed = (newSpeed: number) => {
     let needFreeze = playerState === 'playing';
     speed = newSpeed;
     if (needFreeze) {
@@ -154,6 +154,10 @@
     }
   };
 
+  export const toggleSkipInactive = () => {
+    skipInactive = !skipInactive;
+  };
+
   onMount(() => {
     playerState = replayer.service.state.value as typeof playerState;
     speedState = replayer.speedService.state.value as typeof speedState;
@@ -320,7 +324,7 @@
     </div>
     <div class="rr-controller__btns">
       <button on:click={toggle}>
-        {#if ['playing', 'skipping'].includes(playerState)}
+        {#if playerState === 'playing'}
           <svg
             class="icon"
             viewBox="0 0 1024 1024"