@slidev/client 0.49.2 → 0.49.4

package/builtin/VClick.ts

@@ -36,6 +36,7 @@ export default defineComponent({
         at: this.at,
         hide: this.hide,
         fade: this.fade,
+        handleSpecialElements: false,
       },
       {
         default: () =>

package/builtin/VClicks.ts

@@ -34,6 +34,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    handleSpecialElements: {
+      type: Boolean,
+      default: true,
+    },
   },
   render() {
     const every = +this.every
@@ -120,21 +124,23 @@ export default defineComponent({
       size: +at + Math.ceil((globalIdx - 1) / every) - 1 - execIdx,
     })
 
-    // handle ul, ol list
-    if (elements.length === 1 && listTags.includes(elements[0].type as string) && Array.isArray(elements[0].children))
-      return h(elements[0], {}, [...mapChildren(elements[0].children), lastGap()])
-
-    if (elements.length === 1 && elements[0].type as string === 'table') {
-      const tableNode = elements[0]
-      if (Array.isArray(tableNode.children)) {
-        return h(tableNode, {}, tableNode.children.map((i) => {
-          if (!isVNode(i))
-            return i
-          else if (i.type === 'tbody' && Array.isArray(i.children))
-            return h(i, {}, [...mapChildren(i.children), lastGap()])
-          else
-            return h(i)
-        }))
+    if (this.handleSpecialElements) {
+      // handle ul, ol list
+      if (elements.length === 1 && listTags.includes(elements[0].type as string) && Array.isArray(elements[0].children))
+        return h(elements[0], {}, [...mapChildren(elements[0].children), lastGap()])
+
+      if (elements.length === 1 && elements[0].type as string === 'table') {
+        const tableNode = elements[0]
+        if (Array.isArray(tableNode.children)) {
+          return h(tableNode, {}, tableNode.children.map((i) => {
+            if (!isVNode(i))
+              return i
+            else if (i.type === 'tbody' && Array.isArray(i.children))
+              return h(i, {}, [...mapChildren(i.children), lastGap()])
+            else
+              return h(i)
+          }))
+        }
       }
     }
 

package/composables/useDragElements.ts

@@ -68,7 +68,7 @@ export function useDragElementsUpdater(no: number) {
       let replaced = false
 
       section = type === 'prop'
-        ? section.replace(/<(v-?drag)(.*?)>/ig, (full, tag, attrs, index) => {
+        ? section.replace(/<(v-?drag)(.*?)>/gi, (full, tag, attrs, index) => {
           if (index === idx) {
             replaced = true
             const posMatch = attrs.match(/pos=".*?"/)
@@ -80,7 +80,7 @@ export function useDragElementsUpdater(no: number) {
           }
           return full
         })
-        : section.replace(/(?<![</\w])v-drag(?:=".*?")?/ig, (full, index) => {
+        : section.replace(/(?<![</\w])v-drag(?:=".*?")?/gi, (full, index) => {
           if (index === idx) {
             replaced = true
             return `v-drag="${posStr}"`

package/composables/useNav.ts

@@ -156,18 +156,22 @@ export function useNavBase(
 
   async function nextSlide(lastClicks = false) {
     clicksDirection.value = 1
-    await go(
-      Math.min(currentSlideNo.value + 1, slides.value.length),
-      lastClicks && !isPrint.value ? CLICKS_MAX : undefined,
-    )
+    if (currentSlideNo.value < slides.value.length) {
+      await go(
+        currentSlideNo.value + 1,
+        lastClicks && !isPrint.value ? CLICKS_MAX : undefined,
+      )
+    }
   }
 
   async function prevSlide(lastClicks = false) {
     clicksDirection.value = -1
-    await go(
-      Math.max(1, currentSlideNo.value - 1),
-      lastClicks && !isPrint.value ? CLICKS_MAX : undefined,
-    )
+    if (currentSlideNo.value > 1) {
+      await go(
+        currentSlideNo.value - 1,
+        lastClicks && !isPrint.value ? CLICKS_MAX : undefined,
+      )
+    }
   }
 
   function goFirst() {

package/internals/NoteDisplay.vue

@@ -4,7 +4,7 @@ import type { ClicksContext } from '@slidev/types'
 import { CLICKS_MAX } from '../constants'
 
 const props = defineProps<{
-  class?: string
+  class?: string | string[]
   noteHtml?: string
   note?: string
   placeholder?: string

package/internals/QuickOverview.vue

@@ -63,7 +63,7 @@ useEventListener('keypress', (e) => {
     }
     return
   }
-  const num = Number.parseInt(e.key.replace(/[^0-9]/g, ''))
+  const num = Number.parseInt(e.key.replace(/\D/g, ''))
   if (Number.isNaN(num)) {
     keyboardBuffer.value = ''
     return

package/internals/SlidesShow.vue

@@ -81,8 +81,6 @@ function onAfterLeave() {
 
   <DragControl v-if="activeDragElement" :data="activeDragElement" />
 
-  <div id="twoslash-container" />
-
   <!-- Global Top -->
   <GlobalTop />
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "0.49.2",
+  "version": "0.49.4",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -29,15 +29,15 @@
   },
   "dependencies": {
     "@antfu/utils": "^0.7.8",
-    "@iconify-json/carbon": "^1.1.32",
+    "@iconify-json/carbon": "^1.1.34",
     "@iconify-json/ph": "^1.1.13",
     "@iconify-json/svg-spinners": "^1.1.2",
-    "@shikijs/monaco": "^1.5.1",
-    "@shikijs/vitepress-twoslash": "^1.5.1",
+    "@shikijs/monaco": "^1.6.0",
+    "@shikijs/vitepress-twoslash": "^1.6.0",
     "@slidev/rough-notation": "^0.1.0",
     "@typescript/ata": "^0.9.4",
-    "@unhead/vue": "^1.9.10",
-    "@unocss/reset": "^0.60.0",
+    "@unhead/vue": "^1.9.11",
+    "@unocss/reset": "^0.60.3",
     "@vueuse/core": "^10.9.0",
     "@vueuse/math": "^10.9.0",
     "@vueuse/motion": "^2.1.0",
@@ -48,19 +48,19 @@
     "fuse.js": "^7.0.0",
     "katex": "^0.16.10",
     "lz-string": "^1.5.0",
-    "mermaid": "^10.9.0",
-    "monaco-editor": "^0.48.0",
+    "mermaid": "^10.9.1",
+    "monaco-editor": "^0.49.0",
     "prettier": "^3.2.5",
     "recordrtc": "^5.6.2",
-    "shiki": "^1.5.1",
+    "shiki": "^1.6.0",
     "shiki-magic-move": "^0.4.2",
     "typescript": "^5.4.5",
-    "unocss": "^0.60.0",
+    "unocss": "^0.60.3",
     "vue": "^3.4.27",
     "vue-router": "^4.3.2",
     "yaml": "^2.4.2",
-    "@slidev/parser": "0.49.2",
-    "@slidev/types": "0.49.2"
+    "@slidev/types": "0.49.4",
+    "@slidev/parser": "0.49.4"
   },
   "devDependencies": {
     "vite": "^5.2.11"

package/pages/overview.vue

@@ -41,7 +41,7 @@ function getSlideClicks(route: SlideRoute) {
 }
 
 function wordCount(str: string) {
-  return str.match(/[\w\d\’\'-]+/gi)?.length || 0
+  return str.match(/[\w’'-]+/g)?.length || 0
 }
 
 function isElementInViewport(el: HTMLElement) {

package/pages/play.vue

@@ -73,4 +73,5 @@ if (__DEV__ && __SLIDEV_FEATURE_EDITOR__)
     <SideEditor v-if="SideEditor && showEditor" :resize="true" />
   </div>
   <Controls v-if="!isPrintMode" />
+  <div id="twoslash-container" />
 </template>

package/styles/index.css

@@ -124,3 +124,8 @@ html {
 #twoslash-container {
   position: fixed;
 }
+
+#twoslash-container .v-popper__wrapper {
+  transform: scale(calc(1 * var(--slidev-slide-scale)));
+  transform-origin: 30px top;
+}