feat: make chipstatus url relative

content/pages/chip-support-status/esp32c61/index.md

@@ -27,4 +27,9 @@ According to the chip mass production plan, the planned support for ESP32-C61 in
 
 If you have an issue to report about any of the ESP32-C61 features, please create an issue in [ESP-IDF GitHub issue tracker](https://github.com/espressif/esp-idf/issues).
 
-{{< chipstatus url="https://developer.espressif.com/persist/chip-support-status/esp32c61.md" >}}
+{{< chipstatus contentPath="persist/chip-support-status/esp32c61.json" jsonKey="idf" >}}
+
+
+## External projects
+
+{{< chipstatus contentPath="persist/chip-support-status/esp32c61.json" jsonKey="ext_proj" >}}

layouts/shortcodes/chipstatus.html

@@ -1,23 +1,33 @@
 <div id="content">Loading...</div>
 
+{{ $contentPath := .Get "contentPath" }}
+{{ $jsonKey := .Get "jsonKey" }}
+{{ $fullURL := printf "%s%s" .Site.BaseURL $contentPath }}
+
 <script>
-  const url = '{{ .Get "url" }}';  // Get the URL from the shortcode parameter
+  const url = '{{ $fullURL }}';
+  const jsonKey = '{{ $jsonKey }}';
 
-  fetch(url)  // Fetch the markdown content
+  fetch(url) // Fetch the JSON file
     .then(response => {
       if (!response.ok) {
-        throw new Error('Error fetching the markdown data');
+        throw new Error('Error fetching the JSON data');
       }
-      return response.text();
+      return response.json();
     })
-    .then(markdown => {
-      // Convert the markdown to HTML
+    .then(data => {
+      if (!data[jsonKey]) {
+        throw new Error(`Key "${jsonKey}" not found in the JSON data`);
+      }
+
+      // Extract the value for the key and convert the markdown to HTML
+      let markdown = data[jsonKey];
       let htmlContent = marked.parse(markdown);
 
       // Inject the HTML into the content div
       document.getElementById('content').innerHTML = htmlContent;
     })
     .catch(error => {
-      document.getElementById('content').textContent = 'Error loading markdown content: ' + error.message;
+      document.getElementById('content').textContent = 'Error loading content: ' + error.message;
     });
 </script>