feat: expose PUBLIC_BASE environment variable and use it to prefix the demo sample JSON path.

Author: piovezanfernando

ui/src/stores/api.ts

@@ -86,7 +86,7 @@ export const useApiStore = defineStore('api', () => {
       // Use explicit string check because the env var might be a string "true" or "false"
       // thanks to the defines in vite.config.ts
       const isDemo = import.meta.env.VITE_IS_DEMO === 'true';
-      const url = isDemo ? '/sample.json' : `${apiHost.value}/docs-api/routes`;
+      const url = isDemo ? `/${import.meta.env.PUBLIC_BASE}/sample.json` : `${apiHost.value}/docs-api/routes`;
       const response = await fetch(url);
       if (!response.ok) throw new Error(`HTTP error! status: ${response.status}`);
       const data = await response.json();

ui/vite.config.ts

@@ -8,7 +8,8 @@ export default defineConfig({
     vue(),
   ],
   define: {
-    'import.meta.env.VITE_IS_DEMO': JSON.stringify(process.env.VITE_IS_DEMO)
+    'import.meta.env.VITE_IS_DEMO': JSON.stringify(process.env.VITE_IS_DEMO),
+    'import.meta.env.PUBLIC_BASE': JSON.stringify(process.env.PUBLIC_BASE)
   },
   resolve: {
     alias: {