@slidev/client 0.30.2 → 0.30.3

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/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 } })
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.30.2",
+  "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.2",
-    "@slidev/types": "0.30.2",
+    "@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",