fixup!

Author: avivkeller

src/generators/web/ui/utils/relativeOrAbsolute.mjs

@@ -11,4 +11,6 @@ import { useAbsoluteURLs, baseURL } from '#theme/config';
  * @returns {string}
  */
 export const relativeOrAbsolute = (to, from) =>
-  useAbsoluteURLs ? new URL(`.${to}`, baseURL).href : relative(to, from);
+  useAbsoluteURLs
+    ? new URL(`.${to}`, baseURL.replace(/\/?$/, '/')).href
+    : relative(to, from);

src/generators/web/utils/__tests__/relativeOrAbsolute.test.mjs

@@ -51,7 +51,7 @@ describe('relativeOrAbsolute (absolute mode)', () => {
 
   it('returns an absolute URL to root', () => {
     const result = relativeOrAbsolute('/', '/api/fs');
-    assert.strictEqual(result, 'https://nodejs.org/docs');
+    assert.strictEqual(result, 'https://nodejs.org/docs/');
   });
 
   it('returns an absolute URL for a page path', () => {

src/generators/web/utils/processing.mjs

@@ -125,7 +125,7 @@ export async function processJSXEntries(entries, template) {
   // Step 3: Render final HTML pages
   const results = await Promise.all(
     entries.map(async ({ data }) => {
-      const root = `${relativeOrAbsolute('/', data.path)}/`;
+      const root = relativeOrAbsolute('/', data.path);
 
       // Replace template placeholders with actual content
       const renderedHtml = populateWithEvaluation(template, {

src/generators/web/utils/relativeOrAbsolute.mjs

@@ -12,5 +12,7 @@ import { relative } from '../../../utils/url.mjs';
 export const relativeOrAbsolute = (to, from) => {
   const { useAbsoluteURLs, baseURL } = getConfig('web');
 
-  return useAbsoluteURLs ? new URL(`.${to}`, baseURL).href : relative(to, from);
+  return useAbsoluteURLs
+    ? new URL(`.${to}`, baseURL.replace(/\/?$/, '/')).href
+    : relative(to, from);
 };