chore: fallback now playing content

package-lock.json

@@ -9,7 +9,7 @@
       "version": "22.1.2",
       "license": "MIT",
       "dependencies": {
-        "@cdransf/api-text": "^1.4.0",
+        "@cdransf/api-text": "^1.5.0",
         "@cdransf/select-pagination": "^1.3.1",
         "@cdransf/theme-toggle": "^1.3.2",
         "minisearch": "^7.1.0",
@@ -283,9 +283,9 @@
       }
     },
     "node_modules/@cdransf/api-text": {
-      "version": "1.4.0",
+      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@cdransf/api-text/-/api-text-1.4.0.tgz",
+      "resolved": "https://registry.npmjs.org/@cdransf/api-text/-/api-text-1.5.0.tgz",
-      "integrity": "sha512-PW3D7DYcbwsHKCiiFhqEHeOEUt292o/TaEvSQYoyhXM2Z0/uFLe7k7xMHSrLmSxmalYr6cCtbaRxgN32u8+4QQ==",
+      "integrity": "sha512-asRvp2SjipL+np8IhK+rIJzggxexxENNZSuLSG2S8QcUxm2eVyOgQipwz/OY2cUt1D+RH5JrLoDI2pR1RP99KQ==",
       "license": "MIT"
     },
     "node_modules/@cdransf/eleventy-plugin-tabler-icons": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "22.1.2",
+  "version": "22.1.3",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {
@@ -23,7 +23,7 @@
   "author": "Cory Dransfeldt",
   "license": "MIT",
   "dependencies": {
-    "@cdransf/api-text": "^1.4.0",
+    "@cdransf/api-text": "^1.5.0",
     "@cdransf/select-pagination": "^1.3.1",
     "@cdransf/theme-toggle": "^1.3.2",
     "minisearch": "^7.1.0",

src/includes/partials/blocks/now-playing.liquid

@@ -1,5 +1,9 @@
 <script type="module" src="/assets/scripts/components/api-text.js" crossorigin="anonymous"></script>
-<api-text class="client-side" api-url="/api/now-playing">
+<api-text api-url="/api/now-playing">
   <p class="loading">🎧 Loading...</p>
   <p class="content"></p>
+  <noscript>
+    {%- assign track = music.recent | first -%}
+    <p>🎧 {{ track.title }} <a href="{{ track.url }}">{{ track.artist }}</a></p>
+  </noscript>
 </api-text>

src/includes/partials/home/status.liquid

@@ -1,8 +1,8 @@
-{%- assign artist = artists | first -%}
+{%- assign artist = music.week.artists | first -%}
 {%- assign book = books | bookStatus: 'started' | reverse | first -%}
 {%- assign show = tv.recentlyWatched | first -%}
 <div class="home-status">
   <p><strong class="highlight-text">I'm a software developer based in Camarillo, California</strong>. I enjoy hanging out with my beautiful family and 3 rescue dogs, technology, automation, <a href="/music">music</a>, <a href="/posts">writing</a>, <a href="/books">reading</a>, <a href="/watching#tv">tv</a> and <a href="/watching#movies">movies</a>. Lately I've been listening to a lot of <strong class="highlight-text">{{ artist.title }}</strong>, reading <strong class="highlight-text">{{ book.title }}</strong> and watching <strong class="highlight-text">{{ show.name }}</strong>.</p>
   <p>{{ status.emoji }} {{ status.content }}</p>
-  {% render "partials/blocks/now-playing.liquid" %}
+  {% render "partials/blocks/now-playing.liquid", music:music %}
 </div>

src/pages/dynamic/index.html

@@ -2,6 +2,6 @@
 layout: default
 permalink: /
 ---
-{% render "partials/home/status.liquid" status:status, artists:music.week.artists, books:books.all, tv:tv %}
+{% render "partials/home/status.liquid" status:status, music:music, books:books.all, tv:tv %}
 {% render "partials/home/posts.liquid" icon: "star", title: "Featured", postData:posts, postType: "featured" %}
 {% render "partials/home/posts.liquid" icon: "clock-hour-7", title: "Recent posts", postData:posts %}