Fix: 修复可能由接口数据为空造成的空指针异常 (#1)

resolve #1

Author: Lruihao

layouts/shortcodes/mmt-netease.html

@@ -1,5 +1,5 @@
 
-{{- $version := "1.0.5" -}}
+{{- $version := "1.0.7" -}}
 {{- $mid := cond .IsNamedParams (.Get "mid") (.Get 0) | default "2280569152" -}}
 {{- $autoplay := cond .IsNamedParams (.Get "autoplay") (.Get 1) | default false -}}
 {{- $fixed := cond .IsNamedParams (.Get "fixed") (.Get 2) -}}

static/shortcodes/mmt-netease/js/index.js

@@ -16,25 +16,32 @@ const RNC = new (function () {
     fetch(`https://api.uomg.com/api/comments.163?mid=${$music.dataset.mid}`)
     .then(response => response.json())
     .then((comment) => {
-      $comment.querySelector('.pic-backdrop').style.backgroundImage = `url(${comment.data.picurl.slice(5)})`;
-      const $avatar = $comment.querySelector('.comment-avatar');
-      $avatar.alt = `${comment.data.nickname}'s avatar`;
-      $avatar.src = comment.data.avatarurl?.slice(5);
-      $avatar.classList.remove('d-none');
-      $comment.querySelector('.comment-nickname').innerHTML = comment.data.nickname;
-      $comment.querySelector('.comment-content').innerHTML = comment.data.content.replace('\n','<br/>');
-      $comment.querySelector('.music-name').innerHTML = comment.data.name;
-      $comment.querySelector('.artists-name').innerHTML = comment.data.artistsname;
-      if (!lastMusic || (lastMusic !== comment.data.url)) {
+      const nickname = comment.data?.nickname || '未知用户';
+      const musicURL = comment.data?.url;
+      if (comment.data.picurl) {
+        $comment.querySelector('.pic-backdrop').style.backgroundImage = `url(${comment.data.picurl.slice(5)})`;
+      }
+      if (comment.data.avatarurl) {
+        const $avatar = $comment.querySelector('.comment-avatar');
+        $avatar.alt = `${nickname}'s avatar`;
+        $avatar.src = comment.data.avatarurl.slice(5);
+        $avatar.classList.remove('d-none');
+      }
+      $comment.querySelector('.comment-nickname').innerHTML = nickname;
+      $comment.querySelector('.comment-content').innerHTML = comment.data.content?.replace('\n','<br/>');
+      $comment.querySelector('.music-name').innerHTML = comment.data?.name;
+      $comment.querySelector('.artists-name').innerHTML = comment.data?.artistsname;
+      if (!musicURL) { return; }
+      if (!lastMusic || (lastMusic !== musicURL)) {
         const $player = document.createElement('meting-js');
-        $player.setAttribute('auto', comment.data.url);
+        $player.setAttribute('auto', musicURL);
         $player.setAttribute('autoplay', autoplay);
         $music.dataset.fixed && $player.setAttribute('fixed', $music.dataset.fixed);
         $music.dataset.mini && $player.setAttribute('mini', $music.dataset.mini);
         $music.dataset.volume && $player.setAttribute('volume', $music.dataset.volume);
         $music.innerHTML = '';
         $music.appendChild($player);
-        lastMusic = comment.data.url;
+        lastMusic = musicURL;
       }
     })
   };