@slidev/client 52.17.1 → 52.18.0

package/composables/useNav.test.ts

@@ -0,0 +1,56 @@
+import type { ClicksContext, SlideRoute } from '@slidev/types'
+import { describe, expect, it, vi } from 'vitest'
+import { computed, ref } from 'vue'
+import { useNavBase } from './useNav'
+
+vi.mock('#slidev/slides', async () => {
+  const { ref } = await import('vue')
+  return { slides: ref([]) }
+})
+
+vi.mock('../env', async () => {
+  const { ref } = await import('vue')
+  return {
+    configs: {},
+    slideAspect: ref(16 / 9),
+  }
+})
+
+vi.mock('../state', async () => {
+  const { ref } = await import('vue')
+  return { hmrSkipTransition: ref(false) }
+})
+
+function route(no: number, frontmatter: Record<string, any>): SlideRoute {
+  return {
+    no,
+    meta: {
+      slide: { frontmatter },
+    },
+  } as unknown as SlideRoute
+}
+
+describe('useNavBase', () => {
+  it('exposes reactive frontmatter for the current slide', () => {
+    const currentRoute = ref(route(1, { title: 'Intro', section: 'start' }))
+    const nav = useNavBase(
+      computed(() => currentRoute.value),
+      computed(() => ({ current: 0, clicksStart: 0, total: 0 }) as ClicksContext),
+      ref(0),
+      ref(false),
+      ref(false),
+    )
+
+    expect(nav.currentFrontmatter.value).toEqual({
+      title: 'Intro',
+      section: 'start',
+    })
+
+    currentRoute.value = route(2, { title: 'Details', section: 'body' })
+
+    expect(nav.currentFrontmatter.value).toEqual({
+      title: 'Details',
+      section: 'body',
+    })
+  })
+})

package/composables/useNav.ts

@@ -26,6 +26,7 @@ export interface SlidevContextNav {
   currentSlideRoute: ComputedRef<SlideRoute>
   currentTransition: ComputedRef<TransitionGroupProps | undefined>
   currentLayout: ComputedRef<string>
+  currentFrontmatter: ComputedRef<Record<string, any>>
 
   nextRoute: ComputedRef<SlideRoute>
   prevRoute: ComputedRef<SlideRoute>
@@ -105,6 +106,7 @@ export function useNavBase(
   const currentPath = computed(() => getSlidePath(currentSlideRoute.value, isPresenter.value))
   const currentSlideNo = computed(() => currentSlideRoute.value.no)
   const currentLayout = computed(() => currentSlideRoute.value.meta?.layout || (currentSlideNo.value === 1 ? 'cover' : 'default'))
+  const currentFrontmatter = computed(() => currentSlideRoute.value.meta.slide.frontmatter)
 
   const clicks = computed(() => clicksContext.value.current)
   const clicksStart = computed(() => clicksContext.value.clicksStart)
@@ -223,6 +225,7 @@ export function useNavBase(
     currentPage: currentSlideNo,
     currentSlideRoute,
     currentLayout,
+    currentFrontmatter,
     currentTransition,
     clicksDirection,
     nextRoute,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "52.17.1",
+  "version": "52.18.0",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -65,8 +65,8 @@
     "vue": "^3.5.39",
     "vue-router": "^5.1.0",
     "yaml": "^2.9.0",
-    "@slidev/parser": "52.17.1",
-    "@slidev/types": "52.17.1"
+    "@slidev/parser": "52.18.0",
+    "@slidev/types": "52.18.0"
   },
   "devDependencies": {
     "vite": "^8.1.3"

package/shim.d.ts

@@ -1,4 +1,18 @@
-/// <reference types="vite-plugin-pwa/client" />
+// `vite-plugin-pwa` is an optional peer dependency (only needed when the `pwa`
+// option is enabled), so declare the subset of `virtual:pwa-register` we use
+// inline instead of `/// <reference types="vite-plugin-pwa/client" />`. When
+// PWA is off, the CLI serves a no-op stub for this module.
+declare module 'virtual:pwa-register' {
+  export interface RegisterSWOptions {
+    immediate?: boolean
+    onNeedRefresh?: () => void
+    onOfflineReady?: () => void
+    onRegisteredSW?: (swScriptUrl: string, registration: ServiceWorkerRegistration | undefined) => void
+    onRegisterError?: (error: any) => void
+  }
+
+  export function registerSW(options?: RegisterSWOptions): (reloadPage?: boolean) => Promise<void>
+}
 
 declare module '*.md' {
   // with unplugin-vue-markdown, markdowns can be treat as Vue components