chore: more responsive track display; remove unused data calculations

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "19.2.2",
+  "version": "19.2.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "19.2.2",
+      "version": "19.2.3",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "19.2.2",
+  "version": "19.2.3",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {

src/_data/music.js

@@ -145,14 +145,7 @@ export default async function() {
 
   const recentData = await fetchDataForPeriod(DateTime.now().minus({ days: 7 }), selectFields, 'listens')
 
-  results['recent'] = {
-    artists: await aggregateData(recentData, 'artist_name', 'artists'),
-    albums: await aggregateData(recentData, 'album_name', 'albums'),
-    tracks: await aggregateData(recentData, 'track_name', 'track'),
-    tracksChronological: (await buildRecents(recentData)).sort((a, b) => b.timestamp - a.timestamp),
-    genres: await aggregateGenres(recentData),
-    totalTracks: recentData?.length?.toLocaleString('en-US')
-  }
+  results['recent'] = (await buildRecents(recentData)).sort((a, b) => b.timestamp - a.timestamp)
 
   return results
 }

src/assets/styles/components/music-chart.css

@@ -116,9 +116,15 @@
       width: calc(80% - var(--sizing-lg));
     }
 
-    & .item .meta-text {
+    & .item {
+      & .meta {
+        width: calc(75% - var(--sizing-lg));
+      }
+
+      & .meta-text {
         max-width: 85%;
       }
+    }
 
     &.grid {
       grid-template-columns: repeat(3,minmax(0,1fr));

src/pages/main/music/index.html

@@ -70,7 +70,7 @@ schema: music-index
   </div>
 </div>
 <div id="tracks-recent">
-  {% render "partials/media/music/recent", data:music.recent.tracksChronological %}
+  {% render "partials/media/music/recent", data:music.recent %}
 </div>
 <div class="hidden" id="tracks-window">
   {% render "partials/media/music/chart.liquid", data:music.week.tracks, mostPlayed:music.week.tracks[0].plays, count: 10 %}