@slidev/client 0.30.0 → 0.30.3

package/builtin/Link.vue

@@ -17,8 +17,8 @@ defineProps<{
 </script>
 
 <template>
-  <RouterLink v-if="!isPrintMode && title" :to="to" v-html="title" />
-  <RouterLink v-else-if="!isPrintMode && !title" :to="to">
+  <RouterLink v-if="!isPrintMode && title" :to="to" @click="$event.target.blur()" v-html="title" />
+  <RouterLink v-else-if="!isPrintMode && !title" :to="to" @click="$event.target.blur()">
     <slot />
   </RouterLink>
   <a v-else-if="isPrintMode && title" :href="'#' + to" v-html="title" />

package/builtin/Monaco.vue

@@ -11,10 +11,6 @@ const your_code = 'here'
 Learn more: https://sli.dev/guide/syntax.html#monaco-editor
 -->
 
-<template>
-  <iframe ref="iframe" class="text-base w-full rounded" :style="{ height }" />
-</template>
-
 <script setup lang="ts">
 import { computed, onMounted, ref, watchEffect } from 'vue'
 import { useEventListener } from '@vueuse/core'
@@ -135,3 +131,7 @@ watchEffect(() => {
   postStyle()
 })
 </script>
+
+<template>
+  <iframe ref="iframe" class="text-base w-full rounded" :style="{ height }" />
+</template>

package/builtin/PlantUml.vue

@@ -10,10 +10,6 @@ Alice -> Bob : Hello!
 @enduml
 ```
 -->
-<template>
-  <img alt="PlantUML diagram" :src="uri" :style="{scale}">
-</template>
-
 <script setup lang="ts">
 
 import { computed } from 'vue'
@@ -27,3 +23,7 @@ const props = defineProps<{
 const uri = computed(() => `${props.server}/svg/${props.code}`)
 
 </script>
+
+<template>
+  <img alt="PlantUML diagram" :src="uri" :style="{scale}">
+</template>

package/builtin/TocList.vue

@@ -9,6 +9,8 @@ Usage:
 <script setup lang="ts">
 import { computed } from 'vue'
 import { toArray } from '@antfu/utils'
+// @ts-expect-error virtual module
+import Titles from '/@slidev/titles.md'
 import type { TocItem } from '../logic/nav'
 
 const props = withDefaults(defineProps<{
@@ -29,8 +31,10 @@ const classes = computed(() => {
 <template>
   <ol v-if="list && list.length > 0" :class="classes">
     <li v-for="item in list" :key="item.path" :class="['slidev-toc-item', {'slidev-toc-item-active': item.active}, {'slidev-toc-item-parent-active': item.activeParent}]">
-      <Link :to="item.path" :title="item.title" />
-      <TocList :level="level + 1" :list="item.children" :list-class="listClass" />
+      <Link :to="item.path">
+        <Titles :no="item.path" />
+      </Link>
+      <TocList v-if="item.children.length > 0" :level="level + 1" :list="item.children" :list-class="listClass" />
     </li>
   </ol>
 </template>

package/builtin/Tweet.vue

@@ -21,10 +21,11 @@ const tweet = ref<HTMLElement | null>()
 
 const vm = getCurrentInstance()!
 const loaded = ref(false)
+const tweetNotFound = ref(false)
 
 async function create() {
   // @ts-expect-error global
-  await window.twttr.widgets.createTweet(
+  const element = await window.twttr.widgets.createTweet(
     props.id.toString(),
     tweet.value,
     {
@@ -33,6 +34,8 @@ async function create() {
     },
   )
   loaded.value = true
+  if (element === undefined)
+    tweetNotFound.value = true
 }
 
 // @ts-expect-error global
@@ -55,10 +58,11 @@ else {
 
 <template>
   <Transform :scale="scale || 1">
-    <div ref="tweet" class="tweet" data-waitfor="iframe">
-      <div v-if="!loaded" class="w-30 h-30 my-10px bg-gray-400 bg-opacity-10 rounded-lg flex opacity-50">
+    <div ref="tweet" class="tweet" :data-waitfor="tweetNotFound ? '' : 'iframe'">
+      <div v-if="!loaded || tweetNotFound" class="w-30 h-30 my-10px bg-gray-400 bg-opacity-10 rounded-lg flex opacity-50">
         <div class="m-auto animate-pulse text-4xl">
           <carbon:logo-twitter />
+          <span v-if="tweetNotFound">Could not load tweet with id="{{ props.id }}"</span>
         </div>
       </div>
     </div>

package/internals/Controls.vue

@@ -8,7 +8,7 @@ import Goto from './Goto.vue'
 
 const WebCamera = shallowRef<any>()
 const RecordingDialog = shallowRef<any>()
-if (__DEV__) {
+if (__SLIDEV_FEATURE_RECORD__) {
   import('./WebCamera.vue').then(v => WebCamera.value = v.default)
   import('./RecordingDialog.vue').then(v => RecordingDialog.value = v.default)
 }
@@ -17,9 +17,7 @@ if (__DEV__) {
 <template>
   <SlidesOverview v-model="showOverview" />
   <Goto />
-  <template v-if="__DEV__">
-    <WebCamera v-if="WebCamera" />
-    <RecordingDialog v-if="RecordingDialog" v-model="showRecordingDialog" />
-  </template>
+  <WebCamera v-if="WebCamera" />
+  <RecordingDialog v-if="RecordingDialog" v-model="showRecordingDialog" />
   <InfoDialog v-if="configs.info" v-model="showInfoDialog" />
 </template>

package/internals/Goto.vue

@@ -1,16 +1,29 @@
 <script setup lang="ts">
 import { computed, nextTick, ref, watch } from 'vue'
-import { go, total } from '../logic/nav'
+import { go, rawRoutes, total } from '../logic/nav'
 import { showGotoDialog } from '../state'
 
 const input = ref<HTMLInputElement>()
 const text = ref('')
-const num = computed(() => +text.value)
-const valid = computed(() => !isNaN(num.value) && num.value > 0 && num.value <= total.value)
+
+const valid = computed(() => {
+  if (text.value.startsWith('/')) {
+    return !!rawRoutes.find(r => r.path === text.value.substring(1))
+  }
+  else {
+    const num = +text.value
+    return !isNaN(num) && num > 0 && num <= total.value
+  }
+})
 
 function goTo() {
-  if (valid.value)
-    go(num.value)
+  if (valid.value) {
+    if (text.value.startsWith('/'))
+      go(text.value.substring(1))
+
+    else
+      go(+text.value)
+  }
   close()
 }
 
@@ -31,8 +44,8 @@ watch(showGotoDialog, async(show) => {
 
 // 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)
+  if (t.match(/^[^0-9/]/))
+    text.value = text.value.substring(1)
 })
 </script>
 

package/internals/NavControls.vue

@@ -35,7 +35,7 @@ const barStyle = computed(() => props.persist
 )
 
 const RecordingControls = shallowRef<any>()
-if (__DEV__)
+if (__SLIDEV_FEATURE_RECORD__)
   import('./RecordingControls.vue').then(v => RecordingControls.value = v.default)
 
 const DrawingControls = shallowRef<any>()
@@ -79,7 +79,7 @@ if (__SLIDEV_FEATURE_DRAWINGS__)
 
       <VerticalDivider />
 
-      <template v-if="__DEV__ && !isEmbedded">
+      <template v-if="!isEmbedded">
         <template v-if="!isPresenter && !md && RecordingControls">
           <RecordingControls />
           <VerticalDivider />

package/internals/PrintContainer.vue

@@ -15,7 +15,8 @@ const height = computed(() => props.width / slideAspect)
 const screenAspect = computed(() => width.value / height.value)
 
 const scale = computed(() => {
-  if (screenAspect.value < slideAspect) return width.value / slideWidth
+  if (screenAspect.value < slideAspect)
+    return width.value / slideWidth
   return (height.value * slideAspect) / slideWidth
 })
 

package/logic/nav.ts

@@ -113,7 +113,7 @@ export async function prevSlide(lastClicks = true) {
     router.replace({ query: { ...route.value.query, clicks: clicksTotal.value } })
 }
 
-export function go(page: number, clicks?: number) {
+export function go(page: number | string, clicks?: number) {
   return router.push({ path: getPath(page), query: { ...route.value.query, clicks } })
 }
 
@@ -158,7 +158,9 @@ export async function downloadPDF() {
   saveAs(
     isString(configs.download)
       ? configs.download
-      : `${import.meta.env.BASE_URL}slidev-exported.pdf`,
+      : configs.exportFilename
+        ? `${configs.exportFilename}.pdf`
+        : `${import.meta.env.BASE_URL}slidev-exported.pdf`,
     `${configs.title}.pdf`,
   )
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.30.0",
+  "version": "0.30.3",
   "description": "Presentation slides for developers",
   "homepage": "https://sli.dev",
   "bugs": "https://github.com/slidevjs/slidev/issues",
@@ -13,8 +13,8 @@
   "funding": "https://github.com/sponsors/antfu",
   "dependencies": {
     "@antfu/utils": "^0.5.1",
-    "@slidev/parser": "0.30.0",
-    "@slidev/types": "0.30.0",
+    "@slidev/parser": "0.30.3",
+    "@slidev/types": "0.30.3",
     "@vueuse/core": "^8.2.5",
     "@vueuse/head": "^0.7.5",
     "@vueuse/motion": "^2.0.0-beta.18",

package/setup/prettier.ts

@@ -1,4 +1,3 @@
-
 import { format } from 'prettier'
 
 export async function formatCode(code: string, lang: string) {