Test build

index.html

@@ -198,7 +198,20 @@
                 </tbody>
               </table>
               <h4>Cover Artwork Images</h4>
-              <div id="trackInfoModal-coverArtLinkDiv">
+              <div class="mb-3" id="trackInfoModal-coverArtLinkDiv">
+              </div>
+              <h3>Debug Area</h3>
+              <div class="accordion" id="trackInfoModal-DebugAcd">
+                <div class="accordion-item">
+                  <h2 class="accordion-header">
+                    <button class="accordion-button collapsed user-select-none" type="button" data-bs-toggle="collapse" data-bs-target="#trackInfoModal-DebugAcdInCollapse">Parsed data output (album)</button>
+                  </h2>
+                  <div id="trackInfoModal-DebugAcdInCollapse" class="accordion-collapse collapse" data-bs-parent="#trackInfoModal-DebugAcd">
+                    <div class="accordion-body">
+                      <pre class=""><code id="trackInfoModal-DebugAcdOutputEl"></code></pre>
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
             <div class="modal-footer">

script.js

@@ -42,7 +42,6 @@ window.addEventListener('load', async function(){
   await loadRequiredDatabase();
   await decryptConfig();
   pushToTrackListGroupUi();
-  loadTrackInfoModal('018d2827-8ae1-7a2d-823e-2557a01e70ca');
 });
 
 document.querySelector('#loadDatabaseTestButton').addEventListener('click', async function() {
@@ -298,7 +297,7 @@ function loadTrackInfoModal (trackUuid) {
   });
   const bootstrapTooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
   const bootstrapTooltipList = [...bootstrapTooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
-  console.log(trackParsedObject);
+  document.getElementById('trackInfoModal-DebugAcdOutputEl').innerHTML = JSON.stringify(albumParsedObject, '', '  ');
   const trackInfoModal = new bootstrap.Modal(document.getElementById('trackInfoModal'));
   trackInfoModal.show();
 }
@@ -363,13 +362,14 @@ async function loadRequiredDatabase () {
   });
   apiDataMasterDB = await apiConnect({
     'method': 'get',
-    'url': `https://corsproxy.io/?${encodeURIComponent(`https://hf.co/datasets/DeliberatorArchiver/discography_v2_cdn/resolve/main/db/master.json`)}`,
+    // 'url': `https://corsproxy.io/?${encodeURIComponent(`https://hf.co/datasets/DeliberatorArchiver/discography_v2_cdn/resolve/main/db/master.json`)}`,
+    'url': `https://hf.co/datasets/DeliberatorArchiver/discography_v2_cdn/resolve/main/db/master.json`,
     'headers': apiConnectDefaultHeader,
     'timeout': internalConfig.network.timeout
   });
   apiDataConfig = await apiConnect({
     'method': 'get',
-    'url': `https://corsproxy.io/?${encodeURIComponent(`https://hf.co/spaces/DeliberatorArchiver/discography_v2_cdn_front/resolve/main/config.json`)}`,
+    'url': `./config.json`,
     'headers': apiConnectDefaultHeader,
     'timeout': internalConfig.network.timeout
   });