@slidev/client 0.48.0-beta.19 → 0.48.0-beta.20

package/builtin/ShikiMagicMove.vue

@@ -41,7 +41,7 @@ onMounted(() => {
 <template>
   <div class="slidev-code-wrapper slidev-code-magic-move">
     <ShikiMagicMovePrecompiled
-      class="slidev-code relative shiki"
+      class="slidev-code relative shiki overflow-visible"
       :steps="steps"
       :step="index"
       :options="{ globalScale: scale }"

package/composables/useClicks.ts

@@ -66,7 +66,7 @@ function useClicksContextBase(current: Ref<number>, clicksOverrides?: number): C
 export function usePrimaryClicks(route: RouteRecordRaw | undefined): ClicksContext {
   if (route?.meta?.__clicksContext)
     return route.meta.__clicksContext
-  const thisPath = +(route?.path ?? CLICKS_MAX)
+  const thisPath = +(route?.path ?? Number.NaN)
   const current = computed({
     get() {
       const currentPath = +(currentRoute.value?.path ?? Number.NaN)
@@ -81,8 +81,10 @@ export function usePrimaryClicks(route: RouteRecordRaw | undefined): ClicksConte
     },
     set(v) {
       const currentPath = +(currentRoute.value?.path ?? Number.NaN)
-      if (currentPath === thisPath)
-        queryClicks.value = v
+      if (currentPath === thisPath) {
+        // eslint-disable-next-line ts/no-use-before-define
+        queryClicks.value = Math.min(v, context.total)
+      }
     },
   })
   const context = useClicksContextBase(

package/internals/ClicksSlider.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { ClicksContext } from '@slidev/types'
 import { computed } from 'vue'
-import { CLICKS_MAX } from '../constants'
 
 const props = defineProps<{
   clicksContext: ClicksContext
@@ -34,15 +33,13 @@ function onMousedown() {
   >
     <div class="flex gap-1 items-center min-w-16">
       <carbon:cursor-1 text-sm op50 />
-      <template v-if="current <= total && current >= 0">
-        <span text-primary>{{ current }}</span>
-        <span op50>/</span>
-      </template>
+      <span text-primary>{{ current }}</span>
+      <span op50>/</span>
       <span op50>{{ total }}</span>
     </div>
     <div
       relative flex-auto h5 flex="~"
-      @dblclick="current = CLICKS_MAX"
+      @dblclick="current = clicksContext.total"
     >
       <div
         v-for="i of range" :key="i"
@@ -71,6 +68,7 @@ function onMousedown() {
         type="range" :min="0" :max="total" :step="1" z-10 op0
         :style="{ '--thumb-width': `${1 / (total + 1) * 100}%` }"
         @mousedown="onMousedown"
+        @focus="event => (event.currentTarget as HTMLElement)?.blur()"
       >
     </div>
   </div>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "0.48.0-beta.19",
+  "version": "0.48.0-beta.20",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -56,8 +56,8 @@
     "unocss": "^0.58.5",
     "vue": "^3.4.20",
     "vue-router": "^4.3.0",
-    "@slidev/types": "0.48.0-beta.19",
-    "@slidev/parser": "0.48.0-beta.19"
+    "@slidev/types": "0.48.0-beta.20",
+    "@slidev/parser": "0.48.0-beta.20"
   },
   "devDependencies": {
     "vite": "^5.1.4"

package/setup/monaco.ts

@@ -125,4 +125,10 @@ const setup = createSingletonPromise(async () => {
   }
 })
 
+export async function addFile(raw: Promise<{ default: string }>, path: string) {
+  const code = (await raw).default
+  monaco.languages.typescript.typescriptDefaults.addExtraLib(code, `file:///${path}`)
+  monaco.editor.createModel(code, 'javascript', monaco.Uri.file(path))
+}
+
 export default setup