@slidev/client 52.18.1 → 52.19.1

package/builtin/CodeBlockWrapper.vue

@@ -51,8 +51,9 @@ const props = defineProps({
     default: '',
   },
 })
+const { $frontmatter, $clicksContext: clicks } = useSlideContext()
+const isCodeCopy = computed(() => $frontmatter?.codeCopy ?? configs.codeCopy)
 
-const { $clicksContext: clicks } = useSlideContext()
 const el = ref<HTMLDivElement>()
 const id = makeId()
 
@@ -152,7 +153,7 @@ const isBlockTitleShow = computed(() => {
     </div>
     <slot />
     <button
-      v-if="configs.codeCopy"
+      v-if="isCodeCopy"
       class="slidev-code-copy absolute right-0 transition opacity-0 group-hover:opacity-20 hover:!opacity-100"
       :class="isBlockTitleShow ? 'top-10' : 'top-0'"
       :title="copied ? 'Copied' : 'Copy'" @click="copyCode()"

package/builtin/ShikiMagicMove.vue

@@ -41,7 +41,7 @@ const props = defineProps({
 })
 
 const steps = JSON.parse(lz.decompressFromBase64(props.stepsLz)) as KeyedTokensInfo[]
-const { $clicksContext: clicks, $scale: scale, $zoom: zoom } = useSlideContext()
+const { $clicksContext: clicks, $scale: scale, $zoom: zoom, $frontmatter } = useSlideContext()
 const { isPrintMode } = useNav()
 const id = makeId()
 
@@ -51,10 +51,11 @@ const isFirstTick = ref(true)
 const container = ref<HTMLElement>()
 
 const showCopyButton = computed(() => {
-  if (!configs.codeCopy)
+  const codeCopy = $frontmatter?.codeCopy ?? configs.codeCopy
+  if (!codeCopy)
     return false
 
-  const magicCopy = configs.magicMoveCopy
+  const magicCopy = $frontmatter?.magicMoveCopy ?? configs.magicMoveCopy
   if (!magicCopy)
     return false
 

package/composables/useNav.test.ts

@@ -127,4 +127,14 @@ describe('useNavBase', () => {
     expect(observedNav?.currentSlideRoute.value.meta.slide.frontmatter.title).toBe('Second')
     expect(observedNav?.tocTree.value[1].active).toBe(true)
   })
+
+  it('falls back to the shared nav when there is no injection context', () => {
+    // Directive hooks such as `v-motion`'s and `v-mark`'s `mounted` call
+    // `useNav()` while no component instance is current. There is no
+    // slide-local context to read there, so the shared nav is the answer.
+    vi.stubGlobal('location', { search: '' })
+
+    expect(() => useNav()).not.toThrow()
+    expect(useNav().currentSlideNo.value).toBe(1)
+  })
 })

package/composables/useNav.ts

@@ -4,7 +4,7 @@ import type { RouteLocationNormalized, Router } from 'vue-router'
 import { clamp } from '@antfu/utils'
 import { parseRangeString } from '@slidev/parser/utils'
 import { createSharedComposable, injectLocal } from '@vueuse/core'
-import { computed, ref, toRaw, watch } from 'vue'
+import { computed, hasInjectionContext, ref, toRaw, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { slides } from '#slidev/slides'
 import { CLICKS_MAX, injectionSlidevContext } from '../constants'
@@ -404,7 +404,13 @@ const useSharedNav = createSharedComposable((): SlidevContextNavFull => {
 
 export function useNav(): SlidevContextNavFull {
   const nav = useSharedNav()
-  const context = injectLocal(injectionSlidevContext, undefined)
+  // `useNav()` is also called outside of `setup()`, most notably from the
+  // `mounted`/`created` hooks of the `v-motion` and `v-mark` directives.
+  // `injectLocal` throws there, and there is no slide-local context to read
+  // anyway, so fall back to the shared nav.
+  const context = hasInjectionContext()
+    ? injectLocal(injectionSlidevContext, undefined)
+    : undefined
   if (!context)
     return nav
 

package/internals/Goto.vue

@@ -111,7 +111,7 @@ watch(activeElement, () => {
     ref="container"
     class="fixed right-5 transition-all"
     w-90 max-w-90 min-w-90
-    :class="showGotoDialog ? 'top-5' : '-top-20'"
+    :class="showGotoDialog ? 'top-5' : '-top-20 op0 pointer-events-none'"
   >
     <div
       class="bg-main transform"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "52.18.1",
+  "version": "52.19.1",
   "description": "Presentation slides for developers",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -30,16 +30,16 @@
   "dependencies": {
     "@antfu/utils": "^9.3.0",
     "@fix-webm-duration/fix": "^1.0.1",
-    "@iconify-json/carbon": "^1.2.24",
+    "@iconify-json/carbon": "^1.2.25",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.4",
-    "@shikijs/engine-javascript": "^4.3.1",
-    "@shikijs/magic-move": "^4.3.1",
-    "@shikijs/monaco": "^4.3.1",
-    "@shikijs/vitepress-twoslash": "^4.3.1",
+    "@shikijs/engine-javascript": "^4.4.3",
+    "@shikijs/magic-move": "^4.4.3",
+    "@shikijs/monaco": "^4.4.3",
+    "@shikijs/vitepress-twoslash": "^4.4.3",
     "@slidev/rough-notation": "^0.1.0",
     "@typescript/ata": "^0.9.8",
-    "@unhead/vue": "^3.2.3",
+    "@unhead/vue": "^3.3.2",
     "@unocss/extractor-mdc": "^66.7.5",
     "@unocss/preset-mini": "^66.7.5",
     "@unocss/reset": "^66.7.5",
@@ -52,23 +52,23 @@
     "fitty": "^2.4.2",
     "floating-vue": "^5.2.2",
     "fuse.js": "^7.5.0",
-    "katex": "^0.18.1",
+    "katex": "^0.18.4",
     "lz-string": "^1.5.0",
-    "mermaid": "^11.16.0",
+    "mermaid": "^11.16.1",
     "monaco-editor": "^0.56.0",
     "nanotar": "^0.3.0",
     "pptxgenjs": "^4.0.1",
     "recordrtc": "^5.6.2",
-    "shiki": "^4.3.1",
+    "shiki": "^4.4.3",
     "typescript": "^6.0.3",
     "unocss": "^66.7.5",
-    "vue": "^3.5.40",
+    "vue": "^3.5.41",
     "vue-router": "^5.2.0",
     "yaml": "^2.9.0",
-    "@slidev/parser": "52.18.1",
-    "@slidev/types": "52.18.1"
+    "@slidev/parser": "52.19.1",
+    "@slidev/types": "52.19.1"
   },
   "devDependencies": {
-    "vite": "^8.1.5"
+    "vite": "^8.2.1"
   }
 }