fix: handle multi-segment API path by passing base URL from data attributes

Signed-off-by: Yash-Raj-5424 <myash3499@gmail.com>

Author: Yash-Raj-5424

layouts/partials/rest-apis/viewer.html

@@ -404,7 +404,7 @@ <h3 id="server-urls-{{ $operationId }}">Try this endpoint</h3>
                 {{ range $server := $servers }}
                   {{ $serverUrl := index $server "url" | default "" }}
                   {{ $serverDescription := index $server "description" | default "Layer5 Cloud URL" }}
-                  <div class="rest-api-try-item">
+                  <div class="rest-api-try-item" data-base-url="{{ $serverUrl }}">
                     <p class="rest-api-try-item__label">{{ $serverDescription }}</p>
                     <code class="rest-api-try-item__url">{{ printf "%s%s" $serverUrl $operationPath }}</code>
                   </div>

static/js/rest-api-executor.js

@@ -180,11 +180,10 @@ class RESTAPIExecutor {
     if (!trySection) return ['https://cloud.layer5.io'];
 
     const servers = [];
-    const urlElements = trySection.querySelectorAll('.rest-api-try-item__url');
-    urlElements.forEach(el => {
-      const url = el.textContent.trim();
-      const baseUrl = url.replace(/\/[^/]*$/, ''); // Remove path, keep base
-      if (!servers.includes(baseUrl)) {
+    const tryItems = trySection.querySelectorAll('.rest-api-try-item');
+    tryItems.forEach(item => {
+      const baseUrl = item.dataset.baseUrl;
+      if (baseUrl && !servers.includes(baseUrl)) {
         servers.push(baseUrl);
       }
     });