@slidev/client 0.28.6 → 0.28.9

package/internals/Goto.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import { whenever } from '@vueuse/core'
-import { computed, nextTick, ref } from 'vue'
+import { computed, nextTick, ref, watch } from 'vue'
 import { go, total } from '../logic/nav'
 import { showGotoDialog } from '../state'
 
@@ -19,10 +18,21 @@ function close() {
   showGotoDialog.value = false
 }
 
-whenever(showGotoDialog, async() => {
-  text.value = ''
-  await nextTick()
-  input.value?.focus()
+watch(showGotoDialog, async(show) => {
+  if (show) {
+    await nextTick()
+    text.value = ''
+    input.value?.focus()
+  }
+  else {
+    input.value?.blur()
+  }
+})
+
+// remove the g character coming from the key that triggered showGotoDialog (e.g. in Firefox)
+watch(text, (t) => {
+  if (t.match(/^[^0-9]/))
+    text.value = text.value.substr(1)
 })
 </script>
 
@@ -38,7 +48,7 @@ whenever(showGotoDialog, async() => {
     <input
       ref="input"
       v-model="text"
-      type="number"
+      type="text"
       :disabled="!showGotoDialog"
       class="outline-none bg-transparent"
       placeholder="Goto..."
@@ -49,16 +59,3 @@ whenever(showGotoDialog, async() => {
     >
   </div>
 </template>
-
-<style scoped>
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-
-/* Firefox */
-input[type="number"] {
-  -moz-appearance: textfield;
-}
-</style>

package/internals/SlidesOverview.vue

@@ -60,12 +60,12 @@ const cardWidth = computed(() => {
             :clicks-disabled="true"
             class="pointer-events-none"
           >
-            <DrawingPreview :page="+route.path" />
             <SlideWrapper
               :is="route?.component"
               :clicks-disabled="true"
               :class="getSlideClass(route)"
             />
+            <DrawingPreview :page="+route.path" />
           </SlideContainer>
         </div>
         <div

package/logic/recording.ts

@@ -58,6 +58,8 @@ export function useRecording() {
   const config: RecorderOptions = {
     type: 'video',
     bitsPerSecond: 4 * 256 * 8 * 1024,
+    // Extending recording limit as default is only 1h (see https://github.com/muaz-khan/RecordRTC/issues/144)
+    timeSlice: 24 * 60 * 60 * 1000,
   }
 
   async function toggleAvatar() {

package/modules/mermaid.ts

@@ -1,5 +1,5 @@
 // @ts-expect-error missing types
-import mermaid from 'mermaid/dist/mermaid.min'
+import mermaid from 'mermaid/dist/mermaid'
 import { customAlphabet } from 'nanoid'
 import { decode } from 'js-base64'
 import { clearUndefined } from '@antfu/utils'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.28.6",
+  "version": "0.28.9",
   "description": "Presentation slides for developers",
   "homepage": "https://sli.dev",
   "bugs": "https://github.com/slidevjs/slidev/issues",
@@ -13,27 +13,27 @@
   "author": "antfu <anthonyfu117@hotmail.com>",
   "dependencies": {
     "@antfu/utils": "^0.5.0",
-    "@slidev/parser": "0.28.6",
-    "@slidev/types": "0.28.6",
-    "@vueuse/core": "^7.6.0",
+    "@slidev/parser": "0.28.9",
+    "@slidev/types": "0.28.9",
+    "@vueuse/core": "^7.6.2",
     "@vueuse/head": "^0.7.5",
     "@vueuse/motion": "^2.0.0-beta.9",
-    "codemirror": "^5.65.1",
+    "codemirror": "^5.65.2",
     "drauu": "^0.2.1",
     "file-saver": "^2.0.5",
     "js-base64": "^3.7.2",
     "js-yaml": "^4.1.0",
     "katex": "^0.15.2",
-    "mermaid": "8.13.0",
+    "mermaid": "^8.14.0",
     "monaco-editor": "^0.32.1",
-    "nanoid": "^3.2.0",
+    "nanoid": "^3.3.1",
     "prettier": "^2.5.1",
     "recordrtc": "^5.6.2",
     "resolve": "^1.22.0",
-    "vite-plugin-windicss": "^1.7.0",
-    "vue": "^3.2.30",
+    "vite-plugin-windicss": "^1.7.1",
+    "vue": "^3.2.31",
     "vue-router": "^4.0.12",
-    "windicss": "^3.4.3"
+    "windicss": "^3.4.4"
   },
   "engines": {
     "node": ">=14.0.0"