feat: autoskip

feat: reduce search padding on mobile

common/components/NavbarLink.svelte

@@ -34,7 +34,7 @@
   .animate .donate .material-symbols-outlined {
     animation: glow 1s ease-in-out infinite alternate;
   }
-  .donate:hover .material-symbols-outlined {
+  .donate:active .material-symbols-outlined {
     background: #fff;
     color: #fa68b6 !important;
   }
@@ -64,7 +64,7 @@
     transition: background .8s cubic-bezier(0.25, 0.8, 0.25, 1), color .8s cubic-bezier(0.25, 0.8, 0.25, 1);
   }
 
-  .navbar-link:hover > span {
+  .navbar-link:active > span {
     background: #fff;
     color: var(--dark-color);
   }

common/components/Search.svelte

@@ -54,7 +54,7 @@
   }
 </script>
 
-<form class='container-fluid py-20 px-md-50 px-20 bg-dark pb-0 position-sticky top-0 search-container z-40' on:input bind:this={form}>
+<form class='container-fluid py-20 px-md-50 bg-dark pb-0 position-sticky top-0 search-container z-40' on:input bind:this={form}>
   <div class='row'>
     <div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
       <div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>

common/modules/util.js

@@ -157,7 +157,8 @@ export const defaults = {
   sources: {},
   enableExternal: false,
   playerPath: '',
-  playerSeek: 2
+  playerSeek: 2,
+  playerSkip: false
 }
 
 export const subtitleExtensions = ['srt', 'vtt', 'ass', 'ssa', 'sub', 'txt']

common/views/Player/Player.svelte

@@ -785,6 +785,7 @@
   }
 
   let currentSkippable = null
+  $: currentSkippable && settings.value.playerAutoSkip && skip()
   function checkSkippableChapters () {
     const current = findChapter(currentTime)
     if (current) {

common/views/Search.svelte

@@ -66,7 +66,7 @@
 
 <div class='bg-dark h-full w-full overflow-y-scroll d-flex flex-wrap flex-row root overflow-x-hidden justify-content-center align-content-start' use:smoothScroll bind:this={container} on:scroll={infiniteScroll}>
   <Search bind:search={$search} on:input={update} />
-  <div class='w-full d-grid d-md-flex flex-wrap flex-row px-md-50 px-20 justify-content-center align-content-start'>
+  <div class='w-full d-grid d-md-flex flex-wrap flex-row px-md-50 justify-content-center align-content-start'>
     {#key $key}
       {#each $items as card}
         <Card {card} />

common/views/Settings/PlayerSettings.svelte

@@ -92,6 +92,7 @@
     <option value='slo'>Slovak</option>
     <option value='swe'>Swedish</option>
     <option value='ara'>Arabic</option>
+    <option value='idn'>Indonesian</option>
   </select>
 </SettingCard>
 <SettingCard title='Preferred Audio Language' description="What audio language to automatically select when a video is loaded if it exists. This won't find torrents with this language automatically. If not found defaults to Japanese.">
@@ -118,6 +119,7 @@
     <option value='slo'>Slovak</option>
     <option value='swe'>Swedish</option>
     <option value='ara'>Arabic</option>
+    <option value='idn'>Indonesian</option>
   </select>
 </SettingCard>
 
@@ -154,6 +156,12 @@
     </div>
   </div>
 </SettingCard>
+<SettingCard title='Auto-Skip Intro/Outro' description='Attempt to automatically skip intro and outro. This WILL sometimes skip incorrect chapters, as some of the chapter data is community sourced.'>
+  <div class='custom-switch'>
+    <input type='checkbox' id='player-skip' bind:checked={settings.playerSkip} />
+    <label for='player-skip'>{settings.playerSkip ? 'On' : 'Off'}</label>
+  </div>
+</SettingCard>
 
 {#if SUPPORTS.externalPlayer}
   <h4 class='mb-10 font-weight-bold'>External Player Settings</h4>