Consider basePath when generating slide URLs

Author: coaxial

packages/client/logic/slides.ts

@@ -8,7 +8,7 @@ export { slides }
 
 export function getSlide(no: number | string) {
   return slides.value.find(
-    s => (s.no === +no || s.meta.slide?.frontmatter.routeAlias === no),
+    s => s.no === +no || s.meta.slide?.frontmatter.routeAlias === no,
   )
 }
 
@@ -20,7 +20,13 @@ export function getSlidePath(
   if (typeof route === 'number' || typeof route === 'string')
     route = getSlide(route)!
   const no = route.meta.slide?.frontmatter.routeAlias ?? route.no
-  return exporting ? `/export/${no}` : presenter ? `/presenter/${no}` : `/${no}`
+  const basePath = import.meta.env.BASE_URL.replace(/\/$/, '') ?? ''
+  const path = exporting
+    ? `/export/${no}`
+    : presenter
+      ? `/presenter/${no}`
+      : `/${no}`
+  return `${basePath}${path}`
 }
 
 export function useIsSlideActive() {

test/utils.test.ts

@@ -1,12 +1,18 @@
-import type { ResolvedFontOptions, SlideInfo } from '@slidev/types'
+import type { ResolvedFontOptions, SlideInfo, SlideRoute } from '@slidev/types'
 import { relative, resolve } from 'node:path'
 import { slash } from '@antfu/utils'
+import { getSlidePath } from '@slidev/client/logic/slides'
 import MarkdownIt from 'markdown-it'
 import { describe, expect, it } from 'vitest'
 import YAML from 'yaml'
 import { parseAspectRatio, parseRangeString } from '../packages/parser/src'
 import { getRoots } from '../packages/slidev/node/resolver'
-import { generateCoollabsFontsUrl, generateGoogleFontsUrl, stringifyMarkdownTokens, updateFrontmatterPatch } from '../packages/slidev/node/utils'
+import {
+  generateCoollabsFontsUrl,
+  generateGoogleFontsUrl,
+  stringifyMarkdownTokens,
+  updateFrontmatterPatch,
+} from '../packages/slidev/node/utils'
 
 describe('utils', () => {
   it('page-range', () => {
@@ -33,12 +39,17 @@ describe('utils', () => {
 
   it('stringify-markdown-tokens', () => {
     const md = MarkdownIt({ html: true })
-    const stringify = (src: string) => stringifyMarkdownTokens(md.parseInline(src, {}))
+    const stringify = (src: string) =>
+      stringifyMarkdownTokens(md.parseInline(src, {}))
 
-    expect(stringify('<span style="color:red">Composable</span> Vue')).toBe('Composable Vue')
+    expect(stringify('<span style="color:red">Composable</span> Vue')).toBe(
+      'Composable Vue',
+    )
     expect(stringify('<b>Whatever</b>')).toBe('Whatever')
     expect(stringify('Talk about `<details/>`')).toBe('Talk about <details/>')
-    expect(stringify('What is Readonly\\<T\\> in TypeScript')).toBe('What is Readonly<T> in TypeScript')
+    expect(stringify('What is Readonly\\<T\\> in TypeScript')).toBe(
+      'What is Readonly<T> in TypeScript',
+    )
     expect(stringify('Welcome to<br />*Slidev*')).toBe('Welcome to Slidev')
   })
 
@@ -81,7 +92,9 @@ describe('utils', () => {
   })
 
   it('roots', async () => {
-    const { cliRoot, clientRoot, userRoot, userWorkspaceRoot } = await getRoots(resolve('slides.md'))
+    const { cliRoot, clientRoot, userRoot, userWorkspaceRoot } = await getRoots(
+      resolve('slides.md'),
+    )
     const expectRelative = (v: string) => expect(slash(relative(__dirname, v)))
     expectRelative(cliRoot).toMatchInlineSnapshot(`"../packages/slidev"`)
     expectRelative(clientRoot).toMatchInlineSnapshot(`"../packages/client"`)
@@ -145,4 +158,38 @@ describe('utils', () => {
       "
     `)
   })
+
+  it('getSlidePath with base path', () => {
+    // Mock import.meta.env.BASE_URL
+    const originalBaseUrl = import.meta.env.BASE_URL
+
+    // Test with base path
+    import.meta.env.BASE_URL = '/my_monorepo/my_prez/'
+
+    const mockRoute: SlideRoute = {
+      no: 2,
+      meta: {
+        slide: {
+          frontmatter: {},
+        },
+      },
+    }
+
+    expect(getSlidePath(mockRoute, false, false)).toBe(
+      '/my_monorepo/my_prez/2',
+    )
+    expect(getSlidePath(mockRoute, true, false)).toBe(
+      '/my_monorepo/my_prez/presenter/2',
+    )
+    expect(getSlidePath(mockRoute, false, true)).toBe(
+      '/my_monorepo/my_prez/export/2',
+    )
+
+    // Test with root path
+    import.meta.env.BASE_URL = '/'
+    expect(getSlidePath(mockRoute, false, false)).toBe('/2')
+
+    // Restore original
+    import.meta.env.BASE_URL = originalBaseUrl
+  })
 })