Web Player Refactor #2
@@ -5,7 +5,7 @@
|
||||
import IconButton from '$lib/components/ui/IconButton.svelte';
|
||||
import { player } from '$lib/player/player.svelte';
|
||||
import { queuePanel } from '$lib/player/queuePanel.svelte';
|
||||
import { fmtTime } from '$lib/format';
|
||||
import { fmtTime } from '$lib/utils/format';
|
||||
import Volume2 from '@lucide/svelte/icons/volume-2';
|
||||
import ListMusic from '@lucide/svelte/icons/list-music';
|
||||
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
import MediaIdentity from '$lib/components/ui/MediaIdentity.svelte';
|
||||
import ListRow from '$lib/components/ui/ListRow.svelte';
|
||||
import IconButton from '$lib/components/ui/IconButton.svelte';
|
||||
import { fmtTime } from '$lib/format';
|
||||
import { fmtTime } from '$lib/utils/format';
|
||||
import X from '@lucide/svelte/icons/x';
|
||||
import { fly } from 'svelte/transition';
|
||||
import { cubicOut } from 'svelte/easing';
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<script lang="ts">
|
||||
import type { Snippet } from 'svelte';
|
||||
import { plural } from '$lib/format';
|
||||
import { plural } from '$lib/utils/format';
|
||||
|
||||
interface Props {
|
||||
title: string;
|
||||
|
||||
@@ -32,7 +32,7 @@
|
||||
import Hash from '@lucide/svelte/icons/hash';
|
||||
import Play from '@lucide/svelte/icons/play';
|
||||
import { player } from '$lib/player/player.svelte';
|
||||
import { fmtTime, fmtDate } from '$lib/format';
|
||||
import { fmtTime, fmtDate } from '$lib/utils/format';
|
||||
import { pressable } from '$lib/actions/pressable';
|
||||
import MediaIdentity from './MediaIdentity.svelte';
|
||||
import EqBars from './EqBars.svelte';
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
import Modal from '$lib/components/ui/Modal.svelte';
|
||||
import EmptyState from '$lib/components/ui/EmptyState.svelte';
|
||||
import Button from '$lib/components/ui/Button.svelte';
|
||||
import { albumMeta } from '$lib/format';
|
||||
import { albumMeta } from '$lib/utils/format';
|
||||
|
||||
let { data, form } = $props();
|
||||
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
import BackLink from '$lib/components/ui/BackLink.svelte';
|
||||
import SectionHeading from '$lib/components/ui/SectionHeading.svelte';
|
||||
import TrackList from '$lib/components/ui/TrackList.svelte';
|
||||
import { albumMeta } from '$lib/format';
|
||||
import { albumMeta } from '$lib/utils/format';
|
||||
|
||||
let { data, form } = $props();
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
import Music from '@lucide/svelte/icons/music';
|
||||
import { player, toQueueItem } from '$lib/player/player.svelte';
|
||||
import { fetchAlbumQueueItems } from '$lib/data/albums';
|
||||
import { fmtTime, fmtPlays, plural } from '$lib/format';
|
||||
import { fmtTime, fmtPlays, plural } from '$lib/utils/format';
|
||||
import Page from '$lib/components/ui/Page.svelte';
|
||||
import PageHeader from '$lib/components/ui/PageHeader.svelte';
|
||||
import Alert from '$lib/components/ui/Alert.svelte';
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
import X from '@lucide/svelte/icons/x';
|
||||
import Music from '@lucide/svelte/icons/music';
|
||||
import { player, toQueueItems } from '$lib/player/player.svelte';
|
||||
import { plural } from '$lib/format';
|
||||
import { plural } from '$lib/utils/format';
|
||||
import Page from '$lib/components/ui/Page.svelte';
|
||||
import PageHeader from '$lib/components/ui/PageHeader.svelte';
|
||||
import EmptyState from '$lib/components/ui/EmptyState.svelte';
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
import X from '@lucide/svelte/icons/x';
|
||||
import { player, isQueueCurrent, playAllOrToggle } from '$lib/player/player.svelte';
|
||||
import { liked } from '$lib/player/liked.svelte';
|
||||
import { plural } from '$lib/format';
|
||||
import { plural } from '$lib/utils/format';
|
||||
import Page from '$lib/components/ui/Page.svelte';
|
||||
import PageHeader from '$lib/components/ui/PageHeader.svelte';
|
||||
import Button from '$lib/components/ui/Button.svelte';
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
playShuffled,
|
||||
toQueueItem
|
||||
} from '$lib/player/player.svelte';
|
||||
import { fmtTime, plural } from '$lib/format';
|
||||
import { fmtTime, plural } from '$lib/utils/format';
|
||||
import Page from '$lib/components/ui/Page.svelte';
|
||||
import BackLink from '$lib/components/ui/BackLink.svelte';
|
||||
import Button from '$lib/components/ui/Button.svelte';
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
import EmptyState from '$lib/components/ui/EmptyState.svelte';
|
||||
import Button from '$lib/components/ui/Button.svelte';
|
||||
import { createPlaylistModal } from '$lib/state/playlists.svelte';
|
||||
import { fmtDurationLong, plural, playlistMeta } from '$lib/format';
|
||||
import { fmtDurationLong, plural, playlistMeta } from '$lib/utils/format';
|
||||
|
||||
let { data } = $props();
|
||||
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
import Button from '$lib/components/ui/Button.svelte';
|
||||
import EmptyState from '$lib/components/ui/EmptyState.svelte';
|
||||
import TrackList from '$lib/components/ui/TrackList.svelte';
|
||||
import { playlistMeta } from '$lib/format';
|
||||
import { playlistMeta } from '$lib/utils/format';
|
||||
|
||||
let { data, form } = $props();
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
import Avatar from '$lib/components/ui/Avatar.svelte';
|
||||
import PageHeader from '$lib/components/ui/PageHeader.svelte';
|
||||
import SectionHeading from '$lib/components/ui/SectionHeading.svelte';
|
||||
import { plural, playlistMeta } from '$lib/format';
|
||||
import { plural, playlistMeta } from '$lib/utils/format';
|
||||
|
||||
let { data, form } = $props();
|
||||
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
import { pressable } from '$lib/actions/pressable';
|
||||
import { mergeRecentlyPlayed } from '$lib/data/recentlyPlayed';
|
||||
import { mixItemTrack } from '$lib/data/mixes';
|
||||
import { fmtTime, fmtDurationLong, fmtPlays, plural } from '$lib/format';
|
||||
import { fmtTime, fmtDurationLong, fmtPlays, plural } from '$lib/utils/format';
|
||||
import Page from '$lib/components/ui/Page.svelte';
|
||||
import Artwork from '$lib/components/ui/Artwork.svelte';
|
||||
import MediaCard from '$lib/components/ui/MediaCard.svelte';
|
||||
|
||||
Reference in New Issue
Block a user