@rmdes/indiekit-endpoint-lastfm 1.0.8 → 1.0.10

package/assets/styles.css

@@ -13,31 +13,6 @@
   gap: var(--space-3xs);
 }
 
-.lastfm-field label {
-  font-weight: var(--font-weight-semibold);
-}
-
-.lastfm-field__hint {
-  color: var(--color-text-secondary);
-  font-size: var(--step--1);
-}
-
-.lastfm-field input {
-  appearance: none;
-  background-color: var(--color-background);
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-s);
-  font-size: var(--step--1);
-  padding: var(--space-2xs) var(--space-s);
-  width: 100%;
-}
-
-.lastfm-field input:focus {
-  border-color: var(--color-accent);
-  outline: 2px solid var(--color-accent);
-  outline-offset: 1px;
-}
-
 /* Stats grid */
 .lastfm-stats {
   display: grid;

package/lib/sync.js

@@ -177,7 +177,8 @@ export async function syncScrobbles(db, client) {
 
   // Get the latest synced scrobble
   const latest = await collection.findOne({}, { sort: { scrobbledAt: -1 } });
-  const latestDate = latest?.scrobbledAt || new Date(0);
+  // Handle both Date objects (old data) and ISO strings (new data)
+  const latestDate = latest?.scrobbledAt ? new Date(latest.scrobbledAt) : new Date(0);
 
   console.log(
     `[Last.fm] Syncing scrobbles since: ${latestDate.toISOString()}`
@@ -236,13 +237,13 @@ export async function syncScrobbles(db, client) {
  * @returns {object} - Transformed document
  */
 function transformScrobble(scrobble) {
-  const scrobbledAt = parseDate(scrobble.date);
+  const scrobbledAtDate = parseDate(scrobble.date);
   const artistName = getArtistName(scrobble);
   const albumTitle = getAlbumName(scrobble);
 
   return {
     // Create a unique ID from track info and timestamp
-    lastfmId: `${artistName}:${scrobble.name}:${scrobbledAt.getTime()}`,
+    lastfmId: `${artistName}:${scrobble.name}:${scrobbledAtDate.getTime()}`,
     trackTitle: scrobble.name,
     trackUrl: getTrackUrl(scrobble),
     artistName,
@@ -252,7 +253,7 @@ function transformScrobble(scrobble) {
     mbid: getMbid(scrobble),
     coverUrl: getCoverUrl(scrobble),
     loved: scrobble.loved === "1",
-    scrobbledAt,
-    syncedAt: new Date(),
+    scrobbledAt: scrobbledAtDate.toISOString(),
+    syncedAt: new Date().toISOString(),
   };
 }

package/lib/utils.js

@@ -239,8 +239,11 @@ export function getPlayingStatus(track) {
  */
 export function formatScrobble(scrobble, fromDb = false) {
   if (fromDb) {
-    // From MongoDB
-    const scrobbledAt = scrobble.scrobbledAt;
+    // From MongoDB — scrobbledAt may be Date object (old) or ISO string (new)
+    const scrobbledAtRaw = scrobble.scrobbledAt;
+    const scrobbledAtISO = scrobbledAtRaw instanceof Date
+      ? scrobbledAtRaw.toISOString()
+      : scrobbledAtRaw;
     return {
       id: scrobble.lastfmId || scrobble._id?.toString(),
       track: scrobble.trackTitle,
@@ -250,9 +253,9 @@ export function formatScrobble(scrobble, fromDb = false) {
       trackUrl: scrobble.trackUrl,
       mbid: scrobble.mbid,
       loved: scrobble.loved || false,
-      scrobbledAt: scrobbledAt.toISOString(),
-      relativeTime: formatRelativeTime(scrobbledAt),
-      status: getPlayingStatus({ date: scrobbledAt }),
+      scrobbledAt: scrobbledAtISO,
+      relativeTime: formatRelativeTime(scrobbledAtRaw),
+      status: getPlayingStatus({ date: scrobbledAtRaw }),
     };
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rmdes/indiekit-endpoint-lastfm",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "description": "Last.fm scrobble and listening activity endpoint for Indiekit. Display listening history, loved tracks, and statistics.",
   "keywords": [
     "indiekit",

package/views/lastfm.njk

@@ -3,17 +3,17 @@
 {% block lastfm %}
   {# Settings Section #}
   {% call section({ title: __("lastfm.settings") }) %}
-    <p class="lastfm-field__hint">{{ __("lastfm.settingsHelp") }}</p>
+    <p class="hint">{{ __("lastfm.settingsHelp") }}</p>
     <form method="post" action="{{ mountPath }}/settings" class="lastfm-form">
       <div class="lastfm-field">
-        <label for="apiKey">{{ __("lastfm.apiKey") }}</label>
-        <span class="lastfm-field__hint" id="apiKey-hint">{{ __("lastfm.apiKeyHelp") }}</span>
-        <input type="password" id="apiKey" name="apiKey" value="{{ settings.apiKey }}" aria-describedby="apiKey-hint" placeholder="Your Last.fm API key" autocomplete="off">
+        <label class="label" for="apiKey">{{ __("lastfm.apiKey") }}</label>
+        <span class="hint" id="apiKey-hint">{{ __("lastfm.apiKeyHelp") }}</span>
+        <input class="input" type="password" id="apiKey" name="apiKey" value="{{ settings.apiKey }}" aria-describedby="apiKey-hint" placeholder="Your Last.fm API key" autocomplete="off">
       </div>
       <div class="lastfm-field">
-        <label for="username">{{ __("lastfm.username") }}</label>
-        <span class="lastfm-field__hint" id="username-hint">{{ __("lastfm.usernameHelp") }}</span>
-        <input type="text" id="username" name="username" value="{{ settings.username }}" aria-describedby="username-hint" placeholder="Last.fm username">
+        <label class="label" for="username">{{ __("lastfm.username") }}</label>
+        <span class="hint" id="username-hint">{{ __("lastfm.usernameHelp") }}</span>
+        <input class="input" type="text" id="username" name="username" value="{{ settings.username }}" aria-describedby="username-hint" placeholder="Last.fm username">
       </div>
       <div>
         {{ button({