@slidev/client 0.28.5 → 0.28.8

package/iframes/monaco/index.ts

@@ -135,6 +135,8 @@ async function start() {
 window.addEventListener('message', (payload) => {
   if (payload.source === window)
     return
+  if (payload.origin !== location.origin)
+    return
   if (typeof payload.data !== 'string')
     return
   const { type, data } = JSON.parse(payload.data)

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/MenuButton.vue

@@ -2,7 +2,9 @@
 import { onClickOutside, useVModel } from '@vueuse/core'
 import { ref } from 'vue'
 
-const emit = defineEmits<{}>()
+const emit = defineEmits<{
+  (e: any): void
+}>()
 const props = defineProps({
   modelValue: {
     default: false,

package/internals/RecordingDialog.vue

@@ -5,7 +5,9 @@ import { getFilename, recordCamera, recorder, recordingName } from '../logic/rec
 import Modal from './Modal.vue'
 import DevicesList from './DevicesList.vue'
 
-const emit = defineEmits<{}>()
+const emit = defineEmits<{
+  (e: any): void
+}>()
 const props = defineProps({
   modelValue: {
     default: false,

package/internals/SelectList.vue

@@ -3,7 +3,9 @@ import { useVModel } from '@vueuse/core'
 import type { PropType } from 'vue'
 import type { SelectionItem } from './types'
 
-const emit = defineEmits<{}>()
+const emit = defineEmits<{
+  (e: any): void
+}>()
 const props = defineProps({
   modelValue: {
     type: [Object, String, Number] as PropType<any>,

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.28.5",
+  "version": "0.28.8",
   "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.5",
-    "@slidev/types": "0.28.5",
-    "@vueuse/core": "^7.6.0",
+    "@slidev/parser": "0.28.8",
+    "@slidev/types": "0.28.8",
+    "@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"