From 3fc74738a50356bda46ce78b552343ccc582c56c Mon Sep 17 00:00:00 2001 From: Samidy Date: Thu, 12 Mar 2026 10:16:38 +0300 Subject: [PATCH] this barely ever worked anyways lets just remove smooth scrolling --- index.html | 12 ----- js/app.js | 1 - js/settings.js | 12 ----- js/smooth-scrolling.js | 100 ----------------------------------------- js/storage.js | 16 ------- 5 files changed, 141 deletions(-) delete mode 100644 js/smooth-scrolling.js diff --git a/index.html b/index.html index 0b01b4d..72614e6 100644 --- a/index.html +++ b/index.html @@ -3746,18 +3746,6 @@ -
-
- Smooth Scrolling - Provides a smoother scrolling experience with Lenis (Experimental) -
- -
Album Cover Background diff --git a/js/app.js b/js/app.js index 480c333..742f33c 100644 --- a/js/app.js +++ b/js/app.js @@ -25,7 +25,6 @@ import { showNotification } from './downloads.js'; import { syncManager } from './accounts/pocketbase.js'; import { authManager } from './accounts/auth.js'; import { registerSW } from 'virtual:pwa-register'; -import './smooth-scrolling.js'; import { openEditProfile } from './profile.js'; import { ThemeStore } from './themeStore.js'; import './commandPalette.js'; diff --git a/js/settings.js b/js/settings.js index 22a48ba..24a1cf3 100644 --- a/js/settings.js +++ b/js/settings.js @@ -10,7 +10,6 @@ import { cardSettings, waveformSettings, replayGainSettings, - smoothScrollingSettings, downloadQualitySettings, losslessContainerSettings, coverArtSizeSettings, @@ -2170,17 +2169,6 @@ export function initializeSettings(scrobbler, player, api, ui) { }); } - // Smooth Scrolling Toggle - const smoothScrollingToggle = document.getElementById('smooth-scrolling-toggle'); - if (smoothScrollingToggle) { - smoothScrollingToggle.checked = smoothScrollingSettings.isEnabled(); - smoothScrollingToggle.addEventListener('change', (e) => { - smoothScrollingSettings.setEnabled(e.target.checked); - - window.dispatchEvent(new CustomEvent('smooth-scrolling-toggle', { detail: { enabled: e.target.checked } })); - }); - } - // Visualizer Sensitivity const visualizerSensitivitySlider = document.getElementById('visualizer-sensitivity-slider'); const visualizerSensitivityValue = document.getElementById('visualizer-sensitivity-value'); diff --git a/js/smooth-scrolling.js b/js/smooth-scrolling.js deleted file mode 100644 index 8407c78..0000000 --- a/js/smooth-scrolling.js +++ /dev/null @@ -1,100 +0,0 @@ -//js/smooth-scrolling.js -import { smoothScrollingSettings } from './storage.js'; - -let lenis = null; -let lenisLoaded = false; -let lenisLoading = false; - -async function loadLenisScript() { - if (lenisLoaded) return true; - if (lenisLoading) { - return new Promise((resolve) => { - const checkLoaded = setInterval(() => { - if (!lenisLoading) { - clearInterval(checkLoaded); - resolve(lenisLoaded); - } - }, 100); - }); - } - - lenisLoading = true; - - try { - await new Promise((resolve, reject) => { - const script = document.createElement('script'); - script.src = 'https://unpkg.com/@studio-freight/lenis'; - script.onload = resolve; - script.onerror = reject; - document.head.appendChild(script); - }); - - lenisLoaded = true; - lenisLoading = false; - console.log('✓ Lenis loaded successfully'); - return true; - } catch (error) { - console.error('✗ Failed to load Lenis:', error); - lenisLoaded = false; - lenisLoading = false; - return false; - } -} - -async function initializeSmoothScrolling() { - if (lenis) return; // Already initialized - - const loaded = await loadLenisScript(); - if (!loaded) return; - - lenis = new window.Lenis({ - wrapper: document.querySelector('.main-content'), - content: document.querySelector('.main-content'), - lerp: 0.1, - smoothWheel: true, - smoothTouch: false, - normalizeWheel: true, - wheelMultiplier: 0.8, - }); - - function raf(time) { - if (lenis) { - lenis.raf(time); - requestAnimationFrame(raf); - } - } - - requestAnimationFrame(raf); -} - -function destroySmoothScrolling() { - if (lenis) { - lenis.destroy(); - lenis = null; - } -} - -async function setupSmoothScrolling() { - // Check if smooth scrolling is enabled - const smoothScrollingEnabled = smoothScrollingSettings.isEnabled(); - - if (smoothScrollingEnabled) { - await initializeSmoothScrolling(); - } - - // Listen for toggle changes - window.addEventListener('smooth-scrolling-toggle', async function (e) { - if (e.detail.enabled) { - await initializeSmoothScrolling(); - } else { - destroySmoothScrolling(); - } - }); -} - -// Initialize when DOM is ready -if (document.readyState === 'loading') { - document.addEventListener('DOMContentLoaded', setupSmoothScrolling); -} else { - setupSmoothScrolling(); -} diff --git a/js/storage.js b/js/storage.js index de7c470..556be07 100644 --- a/js/storage.js +++ b/js/storage.js @@ -599,22 +599,6 @@ export const waveformSettings = { }, }; -export const smoothScrollingSettings = { - STORAGE_KEY: 'smooth-scrolling-enabled', - - isEnabled() { - try { - return localStorage.getItem(this.STORAGE_KEY) === 'true'; - } catch { - return false; - } - }, - - setEnabled(enabled) { - localStorage.setItem(this.STORAGE_KEY, enabled ? 'true' : 'false'); - }, -}; - export const qualityBadgeSettings = { STORAGE_KEY: 'show-quality-badges',