@slidev/client 0.34.2 → 0.34.3

package/builtin/CodeBlockWrapper.vue

@@ -27,6 +27,10 @@ const props = defineProps({
     type: Number,
     default: undefined,
   },
+  maxHeight: {
+    type: String,
+    default: undefined,
+  },
 })
 
 const clicks = inject(injectionClicks)
@@ -76,6 +80,11 @@ onMounted(() => {
         line.classList.toggle('highlighted', highlighted)
         line.classList.toggle('dishonored', !highlighted)
       })
+      if (props.maxHeight) {
+        const firstHighlightedEl = target.querySelector('.line.highlighted')
+        if (firstHighlightedEl)
+          firstHighlightedEl.scrollIntoView({ behavior: 'smooth', block: 'center' })
+      }
     }
   })
 })
@@ -90,7 +99,13 @@ function copyCode() {
 </script>
 
 <template>
-  <div ref="el" class="slidev-code-wrapper relative group">
+  <div
+    ref="el" class="slidev-code-wrapper relative group"
+    :style="{
+      'max-height': props.maxHeight,
+      'overflow-y': props.maxHeight ? 'scroll' : undefined,
+    }"
+  >
     <slot />
     <button
       v-if="configs.codeCopy"

package/logic/nav.ts

@@ -115,6 +115,14 @@ export async function prevSlide(lastClicks = true) {
     router.replace({ query: { ...route.value.query, clicks: clicksTotal.value } })
 }
 
+export function goFirst() {
+  return go(1)
+}
+
+export function goLast() {
+  return go(total.value)
+}
+
 export function go(page: number | string, clicks?: number) {
   return router.push({ path: getPath(page), query: { ...route.value.query, clicks } })
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.34.2",
+  "version": "0.34.3",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -16,8 +16,8 @@
   },
   "dependencies": {
     "@antfu/utils": "^0.5.2",
-    "@slidev/parser": "0.34.2",
-    "@slidev/types": "0.34.2",
+    "@slidev/parser": "0.34.3",
+    "@slidev/types": "0.34.3",
     "@unocss/reset": "^0.42.0",
     "@vueuse/core": "^8.7.5",
     "@vueuse/head": "^0.7.6",

package/setup/shortcuts.ts

@@ -1,7 +1,7 @@
 /* __imports__ */
 
 import type { NavOperations, ShortcutOptions } from '@slidev/types'
-import { downloadPDF, go, next, nextSlide, prev, prevSlide } from '../logic/nav'
+import { downloadPDF, go, goFirst, goLast, next, nextSlide, prev, prevSlide } from '../logic/nav'
 import { toggleDark } from '../logic/dark'
 import { showGotoDialog, showOverview, toggleOverview } from '../state'
 import { drawingEnabled } from '../logic/drawings'
@@ -15,6 +15,8 @@ export default function setupShortcuts() {
     nextSlide,
     prevSlide,
     go,
+    goFirst,
+    goLast,
     downloadPDF,
     toggleDark,
     toggleOverview,

package/styles/code.css

@@ -6,8 +6,15 @@ html:not(.dark) .shiki-dark {
   display: none;
 }
 
+::-webkit-scrollbar {
+  width: 0px;
+}
+
 .slidev-code-wrapper {
   margin: var(--slidev-code-margin) !important;
+  &:-webkit-scrollbar {
+    width: 0px;
+  }
 }
 
 .slidev-code {