change scalar version

SebastianLopezO · SebastianLopezO · commit 0732f8a2d31f · 2025-10-23T13:35:43.000-05:00
diff --git a/.env.example b/.env.example
@@ -76,8 +76,8 @@ SWAGGER_REDOC_ENABLED=<TRUE/FALSE>              # Enable or disable ReDoc UI
 SWAGGER_REDOC_PATH=<REDOC_PATH>                 # Path to access ReDoc UI (e.g., /redoc)
 
 # Settings for your Scalar UI
-SCALAR_ENABLED=<TRUE/FALSE>              # Enable or disable ReDoc UI
-SCALAR_PATH=<SCALAR_PATH>                 # Path to access ReDoc UI (e.g., /redoc)
+SCALAR_ENABLED=<TRUE/FALSE>              # Enable or disable Scalar UI
+SCALAR_PATH=<SCALAR_PATH>                 # Path to access Scalar UI (e.g., /scalar)
 
 # Settings for your Swagger UI
 SWAGGER_UI_ENABLED=<TRUE/FALSE>                 # Enable or disable Swagger UI
diff --git a/src/main/resources/templates/scalar.html b/src/main/resources/templates/scalar.html
@@ -3,11 +3,7 @@
 <head>
     <meta charset="UTF-8"/>
     <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
-    <title th:text="${title} ?: 'API Documentation (Scalar)'">API Docs</title>
-
-    <!-- Scalar API Reference -->
-    <script id="scalar-script"
-            src="https://cdn.jsdelivr.net/npm/@scalar/api-reference@latest/dist/browser/standalone.min.js"></script>
+    <title th:text="${title}">API Docs</title>
 
     <style>
         body {
@@ -41,18 +37,26 @@
 </head>
 <body>
 <div id="api-reference"></div>
-<script th:inline="javascript">
-    const specUrl = [[${specUrl}]];
-    document.addEventListener("DOMContentLoaded", function () {
+<script th:inline="javascript" type="module">
+    /*<![CDATA[*/
+    import {
+        ScalarApiReference
+    } from 'https://cdn.jsdelivr.net/npm/@scalar/api-reference@1.38.1/dist/browser/standalone.module.js';
+
+    const specUrl = [[${specUrl}]] || '/v3/api-docs';
+    const theme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+
+    document.addEventListener("DOMContentLoaded", () => {
         ScalarApiReference({
             element: "#api-reference",
-            spec: {url: specUrl || "/v3/api-docs"},
-            theme: window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light',
+            spec: {url: specUrl},
+            theme: theme,
             layout: "modern",
             hideDownloadButton: false,
             hideModels: false
         });
     });
+    /*]]>*/
 </script>
 </body>
 </html>
