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',