@slidev/client 0.42.4 → 0.42.6

package/builtin/AutoFitText.vue

@@ -49,7 +49,7 @@ watch([container, value, containerSize.width, innerSize.width], async () => {
   if (!container.value || innerSize.width.value <= 0)
     return
   const ratio = containerSize.width.value / innerSize.width.value
-  if (isNaN(ratio) || ratio <= 0)
+  if (Number.isNaN(ratio) || ratio <= 0)
     return
   let newSize = size.value * (containerSize.width.value / innerSize.width.value)
   if (newSize < props.min) {

package/builtin/Mermaid.vue

@@ -53,8 +53,8 @@ watch(html, () => {
 watchEffect(() => {
   const svgEl = el.value?.children?.[0] as SVGElement | undefined
   if (svgEl && svgEl.hasAttribute('viewBox') && actualHeight.value == null) {
-    const v = parseFloat(svgEl.getAttribute('viewBox')?.split(' ')[3] || '')
-    actualHeight.value = isNaN(v) ? undefined : v
+    const v = Number.parseFloat(svgEl.getAttribute('viewBox')?.split(' ')[3] || '')
+    actualHeight.value = Number.isNaN(v) ? undefined : v
   }
 }, { flush: 'post' })
 

package/builtin/Toc.vue

@@ -23,7 +23,7 @@ const props = withDefaults(
   {
     columns: 1,
     listClass: '',
-    maxDepth: Infinity,
+    maxDepth: Number.POSITIVE_INFINITY,
     minDepth: 1,
     mode: 'all',
   },

package/builtin/VClicks.ts

@@ -7,7 +7,7 @@
 import { toArray } from '@antfu/utils'
 import type { Directive, VNode, VNodeArrayChildren } from 'vue'
 
-import { defineComponent, h, isVNode, resolveDirective, withDirectives } from 'vue'
+import { Comment, defineComponent, h, isVNode, resolveDirective, withDirectives } from 'vue'
 
 const listTags = ['ul', 'ol']
 
@@ -77,7 +77,7 @@ export default defineComponent({
     const mapChildren = (children: VNodeArrayChildren, depth = 1): [VNodeArrayChildren, number] => {
       let idx = 0
       const vNodes = children.map((i) => {
-        if (!isVNode(i))
+        if (!isVNode(i) || i.type === Comment)
           return i
         const directive = idx % this.every === 0 ? click : after
         let vNode

package/composables/useNav.ts

@@ -10,7 +10,7 @@ export function useNav(route: ComputedRef<RouteRecordRaw | RouteLocationNormaliz
   const path = computed(() => route.value.path)
   const total = computed(() => rawRoutes.length)
 
-  const currentPage = computed(() => parseInt(path.value.split(/\//g).slice(-1)[0]) || 1)
+  const currentPage = computed(() => Number.parseInt(path.value.split(/\//g).slice(-1)[0]) || 1)
   const currentPath = computed(() => getPath(currentPage.value))
   const currentRoute = computed(() => rawRoutes.find(i => i.path === `${currentPage.value}`))
   const currentSlideId = computed(() => currentRoute.value?.meta?.slide?.id)

package/env.ts

@@ -1,9 +1,11 @@
 import type { SlidevConfig } from '@slidev/types'
+import type { UnwrapNestedRefs } from 'vue'
 import { computed } from 'vue'
 import { objectMap } from '@antfu/utils'
 
 // @ts-expect-error missing types
 import _configs from '/@slidev/configs'
+import type { SlidevContext } from './modules/context'
 
 export const configs = _configs as SlidevConfig
 export const slideAspect = configs.aspectRatio ?? (16 / 9)
@@ -15,3 +17,9 @@ export const slideHeight = Math.ceil(slideWidth / slideAspect)
 export const themeVars = computed(() => {
   return objectMap(configs.themeConfig || {}, (k, v) => [`--slidev-theme-${k}`, v])
 })
+
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $slidev: UnwrapNestedRefs<SlidevContext>
+  }
+}

package/internals/Goto.vue

@@ -3,6 +3,7 @@ import { computed, ref, watch } from 'vue'
 import Fuse from 'fuse.js'
 import { go, rawRoutes } from '../logic/nav'
 import { activeElement, showGotoDialog } from '../state'
+import Titles from '/@slidev/titles.md'
 
 const container = ref<HTMLDivElement>()
 const input = ref<HTMLInputElement>()
@@ -153,12 +154,12 @@ watch(activeElement, () => {
         items-center
         :border="index === 0 ? '' : 't main'"
         :class="selectedIndex === index ? 'bg-active op100' : 'op80'"
-        @click.stop="select(item.no)"
+        @click.stop.prevent="select(item.no)"
       >
         <div w-4 text-right op50 text-sm>
           {{ item.no }}
         </div>
-        {{ item.title }}
+        <Titles :no="item.no" />
       </li>
     </ul>
   </div>

package/internals/SlideContainer.vue

@@ -52,7 +52,7 @@ const className = computed(() => ({
   'select-none': !configs.selectable,
 }))
 
-provide(injectionSlideScale, scale)
+provide(injectionSlideScale, scale as any)
 </script>
 
 <template>

package/internals/SlideWrapper.ts

@@ -1,5 +1,7 @@
 import { useVModel } from '@vueuse/core'
+import type { Ref } from 'vue'
 import { defineComponent, h, provide } from 'vue'
+import type { RenderContext } from '@slidev/types'
 import { injectionClicks, injectionClicksDisabled, injectionClicksElements, injectionOrderMap, injectionRoute, injectionSlideContext } from '../constants'
 
 export default defineComponent({
@@ -42,12 +44,12 @@ export default defineComponent({
 
     clicksElements.value.length = 0
 
-    provide(injectionRoute, props.route)
-    provide(injectionSlideContext, props.context)
-    provide(injectionClicks, clicks)
+    provide(injectionRoute, props.route as any)
+    provide(injectionSlideContext, props.context as RenderContext)
+    provide(injectionClicks, clicks as Ref<number>)
     provide(injectionClicksDisabled, clicksDisabled)
-    provide(injectionClicksElements, clicksElements)
-    provide(injectionOrderMap, clicksOrderMap)
+    provide(injectionClicksElements, clicksElements as any)
+    provide(injectionOrderMap, clicksOrderMap as any)
   },
   render() {
     if (this.$props.is)

package/layoutHelper.ts

@@ -9,7 +9,7 @@ export function resolveAssetUrl(url: string) {
   return url
 }
 
-export function handleBackground(background?: string, dim = false): CSSProperties {
+export function handleBackground(background?: string, dim = false, backgroundSize = 'cover'): CSSProperties {
   const isColor = background && (background[0] === '#' || background.startsWith('rgb'))
 
   const style = {
@@ -28,7 +28,7 @@ export function handleBackground(background?: string, dim = false): CSSPropertie
         : undefined,
     backgroundRepeat: 'no-repeat',
     backgroundPosition: 'center',
-    backgroundSize: 'cover',
+    backgroundSize,
   }
 
   if (!style.background)

package/layouts/image-left.vue

@@ -9,9 +9,13 @@ const props = defineProps({
   class: {
     type: String,
   },
+  backgroundSize: {
+    type: String,
+    default: 'cover',
+  },
 })
 
-const style = computed(() => handleBackground(props.image))
+const style = computed(() => handleBackground(props.image, false, props.backgroundSize))
 </script>
 
 <template>

package/layouts/image-right.vue

@@ -9,9 +9,13 @@ const props = defineProps({
   class: {
     type: String,
   },
+  backgroundSize: {
+    type: String,
+    default: 'cover',
+  },
 })
 
-const style = computed(() => handleBackground(props.image))
+const style = computed(() => handleBackground(props.image, false, props.backgroundSize))
 </script>
 
 <template>

package/layouts/image.vue

@@ -6,9 +6,13 @@ const props = defineProps({
   image: {
     type: String,
   },
+  backgroundSize: {
+    type: String,
+    default: 'cover',
+  },
 })
 
-const style = computed(() => handleBackground(props.image))
+const style = computed(() => handleBackground(props.image, false, props.backgroundSize))
 </script>
 
 <template>

package/logic/nav.ts

@@ -35,7 +35,7 @@ export const queryClicks = useRouteQuery('clicks', '0')
 export const total = computed(() => rawRoutes.length)
 export const path = computed(() => route.value.path)
 
-export const currentPage = computed(() => parseInt(path.value.split(/\//g).slice(-1)[0]) || 1)
+export const currentPage = computed(() => Number.parseInt(path.value.split(/\//g).slice(-1)[0]) || 1)
 export const currentPath = computed(() => getPath(currentPage.value))
 export const currentRoute = computed(() => rawRoutes.find(i => i.path === `${currentPage.value}`))
 export const currentSlideId = computed(() => currentRoute.value?.meta?.slide?.id)
@@ -55,7 +55,7 @@ export const clicks = computed<number>({
     if (isClicksDisabled.value)
       return 99999
     let clicks = +(queryClicks.value || 0)
-    if (isNaN(clicks))
+    if (Number.isNaN(clicks))
       clicks = 0
     return clicks
   },
@@ -66,7 +66,7 @@ export const clicks = computed<number>({
 
 export const clicksTotal = computed(() => +(currentRoute.value?.meta?.clicks ?? clicksElements.value.length))
 
-export const hasNext = computed(() => currentPage.value < rawRoutes.length - 1 || clicks.value < clicksTotal.value)
+export const hasNext = computed(() => currentPage.value < rawRoutes.length || clicks.value < clicksTotal.value)
 export const hasPrev = computed(() => currentPage.value > 1 || clicks.value > 0)
 
 export const rawTree = computed(() => rawRoutes

package/logic/shortcuts.ts

@@ -44,7 +44,7 @@ export function strokeShortcut(key: KeyFilter, fn: Fn) {
 export function registerShortcuts() {
   const allShortcuts = setupShortcuts()
 
-  const shortcuts = new Map<string | Ref<Boolean>, ShortcutOptions>(
+  const shortcuts = new Map<string | Ref<boolean>, ShortcutOptions>(
     allShortcuts.map((options: ShortcutOptions) => [options.key, options]),
   )
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.42.4",
+  "version": "0.42.6",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -15,36 +15,36 @@
     "node": ">=14.0.0"
   },
   "dependencies": {
-    "@antfu/utils": "^0.7.4",
-    "@unocss/reset": "^0.53.0",
-    "@vueuse/core": "^10.1.2",
+    "@antfu/utils": "^0.7.5",
+    "@unocss/reset": "^0.54.1",
+    "@vueuse/core": "^10.3.0",
     "@vueuse/head": "^1.1.26",
-    "@vueuse/math": "^10.1.2",
+    "@vueuse/math": "^10.3.0",
     "@vueuse/motion": "^2.0.0",
     "codemirror": "^5.65.5",
     "defu": "^6.1.2",
-    "drauu": "^0.3.2",
+    "drauu": "^0.3.3",
     "file-saver": "^2.0.5",
     "fuse.js": "^6.6.2",
     "js-base64": "^3.7.5",
     "js-yaml": "^4.1.0",
-    "katex": "^0.16.7",
-    "mermaid": "^10.2.2",
+    "katex": "^0.16.8",
+    "mermaid": "^10.3.0",
     "monaco-editor": "^0.37.1",
     "nanoid": "^4.0.2",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
     "recordrtc": "^5.6.2",
     "resolve": "^1.22.2",
-    "unocss": "^0.53.0",
+    "unocss": "^0.54.1",
     "vite-plugin-windicss": "^1.9.0",
     "vue": "^3.3.4",
-    "vue-router": "^4.2.2",
+    "vue-router": "^4.2.4",
     "vue-starport": "^0.3.0",
     "windicss": "^3.5.6",
-    "@slidev/parser": "0.42.4",
-    "@slidev/types": "0.42.4"
+    "@slidev/parser": "0.42.6",
+    "@slidev/types": "0.42.6"
   },
   "devDependencies": {
-    "vite": "^4.3.9"
+    "vite": "^4.4.8"
   }
 }

package/routes.ts

@@ -5,7 +5,7 @@ import Play from './internals/Play.vue'
 import Print from './internals/Print.vue'
 
 // @ts-expect-error missing types
-import _rawRoutes from '/@slidev/routes'
+import _rawRoutes, { redirects } from '/@slidev/routes'
 
 // @ts-expect-error missing types
 import _configs from '/@slidev/configs'
@@ -19,6 +19,7 @@ export const routes: RouteRecordRaw[] = [
     component: Play,
     children: [
       ...rawRoutes,
+      ...redirects,
     ],
   },
   { name: 'print', path: '/print', component: Print },

package/setup/codemirror.ts

@@ -38,7 +38,7 @@ export async function useCodeMirror(
       if (v !== cm.getValue()) {
         skip = true
         const selections = cm.listSelections()
-        cm.replaceRange(v, cm.posFromIndex(0), cm.posFromIndex(Infinity))
+        cm.replaceRange(v, cm.posFromIndex(0), cm.posFromIndex(Number.POSITIVE_INFINITY))
         cm.setSelections(selections)
       }
     },

package/setup/prettier.ts

@@ -10,24 +10,20 @@ export async function formatCode(code: string, lang: string) {
       case 'typescript':
         parser = 'typescript'
         plugins = [
-          // @ts-expect-error missing types
-          (await import('prettier/esm/parser-babel')).default,
-          // @ts-expect-error missing types
-          (await import('prettier/esm/parser-typescript')).default,
+          (await import('prettier/plugins/babel')).default,
+          (await import('prettier/plugins/typescript')).default,
         ]
         break
       case 'html':
         parser = 'html'
         plugins = [
-          // @ts-expect-error missing types
-          (await import('prettier/esm/parser-html')).default,
+          (await import('prettier/plugins/html')).default,
         ]
         break
       default:
         parser = 'babel'
         plugins = [
-          // @ts-expect-error missing types
-          (await import('prettier/esm/parser-babel')).default,
+          (await import('prettier/plugins/babel')).default,
         ]
     }
 

package/shim.d.ts

@@ -1,3 +1,5 @@
+
+
 declare interface Window {
   // extend the window
 }

package/windi.config.ts

@@ -1,4 +1,5 @@
 import { resolve } from 'node:path'
+import process from 'node:process'
 import { isTruthy } from '@antfu/utils'
 import { DefaultExtractor, defineConfig } from 'vite-plugin-windicss'
 import typography from 'windicss/plugin/typography'