@slidev/client 51.2.2 → 51.4.0

package/builtin/Monaco.vue

@@ -22,33 +22,36 @@ import { useNav } from '../composables/useNav'
 import { useSlideContext } from '../context'
 import { makeId } from '../logic/utils'
 
-const props = withDefaults(defineProps<{
-  codeLz: string
-  diffLz?: string
-  lang?: string
-  readonly?: boolean
-  lineNumbers?: 'on' | 'off' | 'relative' | 'interval'
-  height?: number | string // Posible values: 'initial', 'auto', '100%', '200px', etc.
-  editorOptions?: monaco.editor.IEditorOptions
-  ata?: boolean
-  runnable?: boolean
-  writable?: string
-  autorun?: boolean | 'once'
-  showOutputAt?: RawAtValue
-  outputHeight?: string
-  highlightOutput?: boolean
-  runnerOptions?: Record<string, unknown>
-}>(), {
-  codeLz: '',
-  lang: 'typescript',
-  readonly: false,
-  lineNumbers: 'off',
-  height: 'initial',
-  ata: true,
-  runnable: false,
-  autorun: true,
-  highlightOutput: true,
-})
+const props = withDefaults(
+  defineProps<{
+    codeLz?: string
+    diffLz?: string
+    lang?: string
+    readonly?: boolean
+    lineNumbers?: 'on' | 'off' | 'relative' | 'interval'
+    height?: number | string // Posible values: 'initial', 'auto', '100%', '200px', etc.
+    editorOptions?: monaco.editor.IEditorOptions
+    ata?: boolean
+    runnable?: boolean
+    writable?: string
+    autorun?: boolean | 'once'
+    showOutputAt?: RawAtValue
+    outputHeight?: string
+    highlightOutput?: boolean
+    runnerOptions?: Record<string, unknown>
+  }>(),
+  {
+    codeLz: '',
+    lang: 'typescript',
+    readonly: false,
+    lineNumbers: 'off',
+    height: 'initial',
+    ata: true,
+    runnable: false,
+    autorun: true,
+    highlightOutput: true,
+  },
+)
 
 const CodeRunner = defineAsyncComponent(() => import('../internals/CodeRunner.vue').then(r => r.default))
 

package/builtin/TocList.vue

@@ -13,13 +13,16 @@ import { toArray } from '@antfu/utils'
 import { computed } from 'vue'
 import { useNav } from '../composables/useNav'
 
-const props = withDefaults(defineProps<{
-  level: number
-  start?: string | number
-  listStyle?: string | string[]
-  list: TocItem[]
-  listClass?: string | string[]
-}>(), { level: 1 })
+const props = withDefaults(
+  defineProps<{
+    level?: number
+    start?: string | number
+    listStyle?: string | string[]
+    list: TocItem[]
+    listClass?: string | string[]
+  }>(),
+  { level: 1 },
+)
 
 const { isPresenter } = useNav()
 

package/builtin/VClicks.ts

@@ -43,9 +43,11 @@ export default defineComponent({
     const every = +this.every
     const at = normalizeSingleAtValue(this.at)
     const isRelative = typeof at === 'string'
-    if (!at) {
-      console.warn('[slidev] Invalid at prop for v-clicks component:', at)
-      return
+
+    let elements = this.$slots.default?.()
+
+    if (at == null || !elements) {
+      return elements
     }
 
     const click = resolveDirective('click')!
@@ -71,11 +73,6 @@ export default defineComponent({
       }) as T
     }
 
-    let elements = this.$slots.default?.()
-
-    if (!elements)
-      return
-
     elements = openAllTopLevelSlots(toArray(elements))
 
     const mapSubList = (children: VNodeArrayChildren, depth = 1): VNodeArrayChildren => {

package/composables/useClicks.ts

@@ -165,7 +165,7 @@ export function createFixedClicks(
 ): ClicksContext {
   const clicksStart = route?.meta.slide?.frontmatter.clicksStart ?? 0
   return createClicksContextBase(
-    ref(Math.max(toValue(currentInit), clicksStart)),
+    computed(() => Math.max(toValue(currentInit), clicksStart)),
     clicksStart,
     route?.meta?.clicks,
   )

package/composables/useHideCursorIdle.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue'
 import { useEventListener } from '@vueuse/core'
-import { computed, watch } from 'vue'
+import { computed, onScopeDispose, watch } from 'vue'
 import { hideCursorIdle } from '../state'
 
 const TIMEOUT = 2000
@@ -17,8 +17,6 @@ export function useHideCursorIdle(
     document.body.style.cursor = ''
   }
 
-  let timer: ReturnType<typeof setTimeout> | null = null
-
   // If disabled, immediately show the cursor
   watch(
     shouldHide,
@@ -27,7 +25,9 @@ export function useHideCursorIdle(
         show()
     },
   )
+  onScopeDispose(show)
 
+  let timer: ReturnType<typeof setTimeout> | null = null
   useEventListener(
     document.body,
     ['pointermove', 'pointerdown'],
@@ -35,9 +35,12 @@ export function useHideCursorIdle(
       show()
       if (timer)
         clearTimeout(timer)
-      if (!shouldHide.value)
-        return
-      timer = setTimeout(hide, TIMEOUT)
+      if (shouldHide.value) {
+        timer = setTimeout(hide, TIMEOUT)
+      }
+      else {
+        timer = null
+      }
     },
     { passive: true },
   )

package/internals/SlideContainer.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { provideLocal, useElementSize, useStyleTag } from '@vueuse/core'
-import { computed, ref } from 'vue'
+import { provideLocal, useElementSize } from '@vueuse/core'
+import { computed, onUnmounted, ref, watchEffect } from 'vue'
 import { useNav } from '../composables/useNav'
 import { injectionSlideElement, injectionSlideScale } from '../constants'
 import { slideAspect, slideHeight, slideWidth } from '../env'
@@ -64,8 +64,11 @@ const containerStyle = computed(() => props.width
   : {},
 )
 
-if (props.isMain)
-  useStyleTag(computed(() => `:root { --slidev-slide-scale: ${scale.value}; }`))
+if (props.isMain) {
+  const rootStyle = document.documentElement.style
+  watchEffect(() => rootStyle.setProperty('--slidev-slide-scale', scale.value.toString()))
+  onUnmounted(() => rootStyle.removeProperty('--slidev-slide-scale'))
+}
 
 provideLocal(injectionSlideScale, scale)
 provideLocal(injectionSlideElement, slideElement)

package/internals/SlidesShow.vue

@@ -87,7 +87,6 @@ function onAfterLeave() {
   >
     <template v-for="route of loadedRoutes" :key="route.no">
       <SlideWrapper
-        v-if="Math.abs(route.no - currentSlideRoute.no) <= 20"
         v-show="route === currentSlideRoute"
         :clicks-context="isPrintMode && !isPrintWithClicks ? createFixedClicks(route, CLICKS_MAX) : getPrimaryClicks(route)"
         :route="route"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "51.2.2",
+  "version": "51.4.0",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -29,20 +29,20 @@
   },
   "dependencies": {
     "@antfu/utils": "^9.1.0",
-    "@iconify-json/carbon": "^1.2.7",
+    "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
-    "@shikijs/engine-javascript": "^3.0.0",
-    "@shikijs/monaco": "^3.0.0",
-    "@shikijs/vitepress-twoslash": "^3.0.0",
+    "@shikijs/engine-javascript": "^3.1.0",
+    "@shikijs/monaco": "^3.1.0",
+    "@shikijs/vitepress-twoslash": "^3.1.0",
     "@slidev/rough-notation": "^0.1.0",
     "@typescript/ata": "^0.9.7",
-    "@unhead/vue": "^1.11.19",
+    "@unhead/vue": "^1.11.20",
     "@unocss/reset": "^66.0.0",
-    "@vueuse/core": "^12.7.0",
-    "@vueuse/math": "^12.7.0",
-    "@vueuse/motion": "^2.2.6",
-    "drauu": "^0.4.2",
+    "@vueuse/core": "^13.0.0",
+    "@vueuse/math": "^13.0.0",
+    "@vueuse/motion": "^3.0.1",
+    "drauu": "^0.4.3",
     "file-saver": "^2.0.5",
     "floating-vue": "^5.2.2",
     "fuse.js": "^7.1.0",
@@ -52,19 +52,19 @@
     "monaco-editor": "0.51.0",
     "nanotar": "^0.2.0",
     "pptxgenjs": "^3.12.0",
-    "prettier": "^3.5.1",
+    "prettier": "^3.5.3",
     "recordrtc": "^5.6.2",
-    "shiki": "^3.0.0",
+    "shiki": "^3.1.0",
     "shiki-magic-move": "^1.0.1",
-    "typescript": "^5.7.3",
+    "typescript": "^5.8.2",
     "unocss": "^66.0.0",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0",
     "yaml": "^2.7.0",
-    "@slidev/types": "51.2.2",
-    "@slidev/parser": "51.2.2"
+    "@slidev/parser": "51.4.0",
+    "@slidev/types": "51.4.0"
   },
   "devDependencies": {
-    "vite": "^6.1.1"
+    "vite": "^6.2.1"
   }
 }

package/pages/play.vue

@@ -15,7 +15,7 @@ import { onContextMenu } from '../logic/contextMenu'
 import { registerShortcuts } from '../logic/shortcuts'
 import { editorHeight, editorWidth, isEditorVertical, isScreenVertical, showEditor, viewerCssFilter, viewerCssFilterDefaults } from '../state'
 
-const { next, prev, isPrintMode, isPresenter } = useNav()
+const { next, prev, isPrintMode, isPlaying, isEmbedded } = useNav()
 const { isDrawing } = useDrawings()
 
 const root = ref<HTMLDivElement>()
@@ -36,7 +36,7 @@ useSwipeControls(root)
 registerShortcuts()
 if (__SLIDEV_FEATURE_WAKE_LOCK__)
   useWakeLock()
-useHideCursorIdle(computed(() => !isPresenter.value && !isPrintMode.value))
+useHideCursorIdle(computed(() => isPlaying.value && !isEmbedded.value && !showEditor.value))
 
 if (import.meta.hot) {
   useStyleTag(computed(() => showEditor.value

package/pages/presenter.vue

@@ -54,7 +54,13 @@ const notesEditing = ref(false)
 
 const { timer, isTimerActive, resetTimer, toggleTimer } = useTimer()
 
-const clicksCtxMap = computed(() => slides.value.map(route => createFixedClicks(route)))
+const clicksCtxMap = computed(() => slides.value.map((route) => {
+  const clicks = ref(0)
+  return {
+    context: createFixedClicks(route, clicks),
+    clicks,
+  }
+}))
 const nextFrame = computed(() => {
   if (clicksContext.value.current < clicksContext.value.total)
     return [currentSlideRoute.value!, clicksContext.value.current + 1] as const
@@ -72,7 +78,7 @@ watch(
   nextFrame,
   () => {
     if (nextFrameClicksCtx.value && nextFrame.value)
-      nextFrameClicksCtx.value.current = nextFrame.value[1]
+      nextFrameClicksCtx.value.clicks.value = nextFrame.value[1]
   },
   { immediate: true },
 )
@@ -149,7 +155,7 @@ onMounted(() => {
         <SlideContainer v-if="nextFrame && nextFrameClicksCtx" key="next">
           <SlideWrapper
             :key="nextFrame[0].no"
-            :clicks-context="nextFrameClicksCtx"
+            :clicks-context="nextFrameClicksCtx.context"
             :route="nextFrame[0]"
             render-context="previewNext"
           />

package/setup/routes.ts

@@ -25,11 +25,13 @@ export default function setupRoutes() {
         name: 'entry',
         path: '/entry',
         component: () => import('../pages/entry.vue'),
+        beforeEnter: passwordGuard,
       },
       {
         name: 'overview',
         path: '/overview',
         component: () => import('../pages/overview.vue'),
+        beforeEnter: passwordGuard,
       },
       {
         name: 'notes',
@@ -56,10 +58,12 @@ export default function setupRoutes() {
         name: 'print',
         path: '/print',
         component: () => import('../pages/print.vue'),
+        beforeEnter: passwordGuard,
       },
       {
         path: '/presenter/print',
         component: () => import('../pages/presenter/print.vue'),
+        beforeEnter: passwordGuard,
       },
     )
   }