@gaulatti/giorgia 0.1.69 → 0.1.71

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@gaulatti/giorgia",
   "description": "Server-side Handlebars renderer and templates for ModoItaliano pages.",
-  "version": "0.1.69",
+  "version": "0.1.71",
   "license": "MIT",
   "author": "ModoItaliano",
   "repository": {
@@ -41,6 +41,8 @@
     },
     "./partial-deps.json": "./src/partial-deps.json",
     "./assets/mi.svg": "./dist/assets/mi.svg",
+    "./assets/default-og.jpg": "./dist/assets/default-og.jpg",
+    "./assets/default-og.png": "./dist/assets/default-og.png",
     "./fonts/fonts.css": "./dist/fonts/fonts.css",
     "./fonts/*": "./dist/fonts/*"
   },
@@ -55,7 +57,7 @@
     "test": "npm run test:unit",
     "test:unit": "vitest run --project unit",
     "prepublishOnly": "npm run build",
-    "publish:public": "npm run build && npm publish --access public"
+    "publish:public": "npm run build && npm version patch && npm publish --access public"
   },
   "dependencies": {
     "@fontsource/barlow": "^5.3.0",

package/src/templates/partials/headers/header-main.hbs

@@ -155,80 +155,6 @@
   })();
 </script>
 
-<script>
-  (() => {
-    const root = document.querySelector('[data-now-playing]');
-    if (!(root instanceof HTMLElement)) return;
-
-    const endpoint = root.dataset.nowPlayingEndpoint;
-    const artwork = root.querySelector('[data-now-playing-artwork]');
-    const brand = root.querySelector('[data-now-playing-brand]');
-    const status = root.querySelector('[data-now-playing-status]');
-    const title = root.querySelector('[data-now-playing-title]');
-    const artist = root.querySelector('[data-now-playing-artist]');
-    if (!endpoint || !(artwork instanceof HTMLImageElement) || !(brand instanceof HTMLElement) || !(status instanceof HTMLElement) || !(title instanceof HTMLElement) || !(artist instanceof HTMLElement)) return;
-
-    const fallback = {
-      title: title.textContent?.trim() || 'ModoItaliano',
-      artist: artist.textContent?.trim() || 'Live radio',
-      isPlaceholder: true
-    };
-
-    const setText = (element, value, fallbackValue) => {
-      element.textContent = typeof value === 'string' && value.trim() ? value.trim() : fallbackValue;
-    };
-
-    const showBrand = () => {
-      brand.classList.remove('hidden');
-      artwork.classList.add('hidden');
-      artwork.removeAttribute('src');
-      artwork.alt = '';
-    };
-
-    const showArtwork = (url, itemTitle, itemArtist) => {
-      artwork.src = url;
-      artwork.alt = [itemTitle, itemArtist].filter(Boolean).join(' by ');
-      artwork.classList.remove('hidden');
-      brand.classList.add('hidden');
-    };
-
-    const applyNowPlaying = (item) => {
-      const displayTitle = typeof item.title === 'string' && item.title.trim() ? item.title.trim() : fallback.title;
-      const displayArtist = typeof item.artist === 'string' && item.artist.trim() ? item.artist.trim() : fallback.artist;
-      const artworkUrl = typeof item.artworkUrl === 'string' ? item.artworkUrl.trim() : '';
-      const isPlaceholder = item.isPlaceholder === true;
-
-      setText(title, displayTitle, fallback.title);
-      setText(artist, displayArtist, fallback.artist);
-      status.textContent = isPlaceholder ? 'En directo' : 'Reproduciendo';
-
-      if (!isPlaceholder && artworkUrl) {
-        showArtwork(artworkUrl, displayTitle, displayArtist);
-      } else {
-        showBrand();
-      }
-    };
-
-    const fetchNowPlaying = async () => {
-      const controller = new AbortController();
-      const timeout = window.setTimeout(() => controller.abort(), 8000);
-      try {
-        const response = await fetch(endpoint, { cache: 'no-store', signal: controller.signal });
-        if (!response.ok) throw new Error('Now playing request failed');
-        const item = await response.json();
-        if (item && typeof item === 'object') applyNowPlaying(item);
-      } catch {
-        if (!title.textContent?.trim()) applyNowPlaying(fallback);
-      } finally {
-        window.clearTimeout(timeout);
-      }
-    };
-
-    fetchNowPlaying();
-    window.setInterval(fetchNowPlaying, 45000);
-  })();
-</script>
-
 <script>
   (() => {
     const slides = [...document.querySelectorAll('[data-radio-slide]')];

package/src/templates/partials/shell/doc-end.hbs

@@ -224,6 +224,103 @@
         });
       })();
     </script>
+    <script>
+      (function () {
+        function initNowPlaying(root) {
+          if (!(root instanceof HTMLElement) || root.dataset.nowPlayingBound === 'true') return;
+
+          var endpoint = root.dataset.nowPlayingEndpoint;
+          var artwork = root.querySelector('[data-now-playing-artwork]');
+          var brand = root.querySelector('[data-now-playing-brand]');
+          var status = root.querySelector('[data-now-playing-status]');
+          var title = root.querySelector('[data-now-playing-title]');
+          var artist = root.querySelector('[data-now-playing-artist]');
+          if (!endpoint || !(artwork instanceof HTMLImageElement) || !(brand instanceof HTMLElement) || !(status instanceof HTMLElement) || !(title instanceof HTMLElement) || !(artist instanceof HTMLElement)) return;
+
+          var fallback = {
+            title: (title.textContent || '').trim() || 'ModoItaliano',
+            artist: (artist.textContent || '').trim() || 'Live radio',
+            isPlaceholder: true
+          };
+
+          function setText(element, value, fallbackValue) {
+            element.textContent = typeof value === 'string' && value.trim() ? value.trim() : fallbackValue;
+          }
+
+          function showBrand() {
+            brand.classList.remove('hidden');
+            artwork.classList.add('hidden');
+            artwork.removeAttribute('src');
+            artwork.alt = '';
+          }
+
+          function showArtwork(url, itemTitle, itemArtist) {
+            artwork.src = url;
+            artwork.alt = [itemTitle, itemArtist].filter(Boolean).join(' by ');
+            artwork.classList.remove('hidden');
+            brand.classList.add('hidden');
+          }
+
+          function applyNowPlaying(item) {
+            var displayTitle = typeof item.title === 'string' && item.title.trim() ? item.title.trim() : fallback.title;
+            var displayArtist = typeof item.artist === 'string' && item.artist.trim() ? item.artist.trim() : fallback.artist;
+            var artworkUrl = typeof item.artworkUrl === 'string' ? item.artworkUrl.trim() : '';
+            var isPlaceholder = item.isPlaceholder === true;
+
+            setText(title, displayTitle, fallback.title);
+            setText(artist, displayArtist, fallback.artist);
+            status.textContent = isPlaceholder ? 'En directo' : 'Reproduciendo';
+
+            if (!isPlaceholder && artworkUrl) {
+              showArtwork(artworkUrl, displayTitle, displayArtist);
+            } else {
+              showBrand();
+            }
+          }
+
+          function fetchNowPlaying() {
+            var controller = typeof AbortController === 'function' ? new AbortController() : null;
+            var timeout = controller ? window.setTimeout(function () {
+              controller.abort();
+            }, 8000) : null;
+
+            fetch(endpoint, {
+              cache: 'no-store',
+              signal: controller ? controller.signal : undefined
+            })
+              .then(function (response) {
+                if (!response.ok) throw new Error('Now playing request failed');
+                return response.json();
+              })
+              .then(function (item) {
+                if (item && typeof item === 'object') applyNowPlaying(item);
+              })
+              .catch(function () {
+                if (!(title.textContent || '').trim()) applyNowPlaying(fallback);
+              })
+              .finally(function () {
+                if (timeout !== null) window.clearTimeout(timeout);
+              });
+          }
+
+          root.dataset.nowPlayingBound = 'true';
+          fetchNowPlaying();
+          window.setInterval(fetchNowPlaying, 45000);
+        }
+
+        function initAllNowPlaying() {
+          var roots = document.querySelectorAll('[data-now-playing]');
+          roots.forEach(initNowPlaying);
+        }
+
+        window.__brokawInitNowPlaying = initAllNowPlaying;
+        if (document.readyState === 'loading') {
+          document.addEventListener('DOMContentLoaded', initAllNowPlaying);
+        } else {
+          initAllNowPlaying();
+        }
+      })();
+    </script>
     <script>
       (function () {
         if (typeof gtag !== 'function') return;

package/src/templates/partials/shell/doc-start-standard.hbs

@@ -26,7 +26,7 @@
     {{else}}
       <meta property='og:type' content='website' />
     {{/if}}
-    {{#with (socialImageUrl (coalesce seo.ogImage featuredImage.url)) as |socialImage|}}
+    {{#with (socialImageUrl (coalesce seo.ogImage featuredImage.url "https://cdn.modoitaliano.fm/assets/default-og.jpg")) as |socialImage|}}
       {{#if socialImage}}
         <meta property='og:image' content='{{socialImage}}' />
         <meta property='og:image:type' content='image/jpeg' />