@slidev/client 0.49.7 → 0.49.9

package/builtin/Monaco.vue

@@ -15,13 +15,12 @@ Learn more: https://sli.dev/guide/syntax.html#monaco-editor
 import { debounce } from '@antfu/utils'
 import lz from 'lz-string'
 import type * as monaco from 'monaco-editor'
-import { computed, nextTick, onMounted, ref } from 'vue'
+import { computed, defineAsyncComponent, nextTick, onMounted, ref } from 'vue'
 import type { RawAtValue } from '@slidev/types'
 import { whenever } from '@vueuse/core'
 import { makeId } from '../logic/utils'
 import { useSlideContext } from '../context'
 import { useNav } from '../composables/useNav'
-import CodeRunner from '../internals/CodeRunner.vue'
 
 const props = withDefaults(defineProps<{
   codeLz: string
@@ -51,6 +50,8 @@ const props = withDefaults(defineProps<{
   highlightOutput: true,
 })
 
+const CodeRunner = defineAsyncComponent(() => import('../internals/CodeRunner.vue').then(r => r.default))
+
 const code = ref(lz.decompressFromBase64(props.codeLz).trimEnd())
 const diff = props.diffLz && ref(lz.decompressFromBase64(props.diffLz).trimEnd())
 const isWritable = computed(() => props.writable && !props.readonly && __DEV__)

package/logic/slides.ts

@@ -1,5 +1,4 @@
 import type { SlideRoute } from '@slidev/types'
-import { pathPrefix } from '../env'
 import { slides } from '#slidev/slides'
 
 export { slides }
@@ -17,5 +16,5 @@ export function getSlidePath(
   if (typeof route === 'number' || typeof route === 'string')
     route = getSlide(route)!
   const no = route.meta.slide?.frontmatter.routeAlias ?? route.no
-  return presenter ? `${pathPrefix}presenter/${no}` : `${pathPrefix}${no}`
+  return presenter ? `/presenter/${no}` : `/${no}`
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "0.49.7",
+  "version": "0.49.9",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -35,12 +35,12 @@
     "@shikijs/monaco": "^1.6.1",
     "@shikijs/vitepress-twoslash": "^1.6.1",
     "@slidev/rough-notation": "^0.1.0",
-    "@typescript/ata": "^0.9.4",
+    "@typescript/ata": "^0.9.5",
     "@unhead/vue": "^1.9.11",
-    "@unocss/reset": "^0.60.3",
+    "@unocss/reset": "^0.60.4",
     "@vueuse/core": "^10.10.0",
     "@vueuse/math": "^10.10.0",
-    "@vueuse/motion": "^2.1.0",
+    "@vueuse/motion": "^2.2.3",
     "codemirror": "^5.65.16",
     "drauu": "^0.4.0",
     "file-saver": "^2.0.5",
@@ -50,17 +50,17 @@
     "lz-string": "^1.5.0",
     "mermaid": "^10.9.1",
     "monaco-editor": "^0.49.0",
-    "prettier": "^3.2.5",
+    "prettier": "^3.3.0",
     "recordrtc": "^5.6.2",
     "shiki": "^1.6.1",
     "shiki-magic-move": "^0.4.2",
     "typescript": "^5.4.5",
-    "unocss": "^0.60.3",
+    "unocss": "^0.60.4",
     "vue": "^3.4.27",
     "vue-router": "^4.3.2",
     "yaml": "^2.4.2",
-    "@slidev/parser": "0.49.7",
-    "@slidev/types": "0.49.7"
+    "@slidev/parser": "0.49.9",
+    "@slidev/types": "0.49.9"
   },
   "devDependencies": {
     "vite": "^5.2.12"

package/pages/404.vue

@@ -0,0 +1,46 @@
+<script setup>
+import { computed } from 'vue'
+import { useRouter } from 'vue-router'
+import { useNav } from '../composables/useNav'
+
+const { currentRoute } = useRouter()
+const { total } = useNav()
+
+const guessedSlide = computed(() => {
+  const path = currentRoute.value.path
+  const match = path.match(/\d+/)
+  if (match) {
+    const slideNo = +match[0]
+    if (slideNo > 0 && slideNo <= total.value)
+      return slideNo
+  }
+  return null
+})
+</script>
+
+<template>
+  <div class="grid justify-center pt-15%">
+    <div>
+      <h1 class="text-9xl font-bold">
+        404
+      </h1>
+      <p class="text-2xl">
+        Page not found<code class="op-70">:{{ currentRoute.path }}</code>
+      </p>
+      <div class="mt-3 flex flex-col gap-2">
+        <RouterLink v-if="guessedSlide !== 1" to="/" class="page-link">
+          Go Home
+        </RouterLink>
+        <RouterLink v-if="guessedSlide" :to="`/${guessedSlide}`" class="page-link">
+          Go to Slide {{ guessedSlide }}
+        </RouterLink>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="postcss">
+.page-link {
+  @apply py-2 px-4 bg-gray/10 hover:bg-gray/20 rounded;
+}
+</style>

package/pages/overview.vue

@@ -2,7 +2,7 @@
 import { computed, nextTick, onMounted, reactive, ref } from 'vue'
 import { useHead } from '@unhead/vue'
 import type { ClicksContext, SlideRoute } from '@slidev/types'
-import { slidesTitle } from '../env'
+import { pathPrefix, slidesTitle } from '../env'
 import { getSlidePath } from '../logic/slides'
 import { createFixedClicks } from '../composables/useClicks'
 import { isColorSchemaConfigured, isDark, toggleDark } from '../logic/dark'
@@ -68,7 +68,7 @@ function checkActiveBlocks() {
 function openSlideInNewTab(path: string) {
   const a = document.createElement('a')
   a.target = '_blank'
-  a.href = path
+  a.href = pathPrefix + path.slice(1)
   a.click()
 }
 

package/setup/monaco.ts

@@ -121,16 +121,16 @@ const setup = createSingletonPromise(async () => {
   }
 })
 
-async function _addFile(raw: Promise<{ default: string }>, path: string) {
+async function _addFile(raw: () => Promise<{ default: string }>, path: string) {
   const uri = monaco.Uri.file(path)
-  const code = (await raw).default
+  const code = (await raw()).default
   monaco.languages.typescript.typescriptDefaults.addExtraLib(code, `file:///${path}`)
   monaco.editor.createModel(code, 'javascript', uri)
 }
 
 const addFileCache = new Map<string, Promise<void>>()
 
-export async function addFile(raw: Promise<{ default: string }>, path: string) {
+export async function addFile(raw: () => Promise<{ default: string }>, path: string) {
   if (addFileCache.has(path))
     return addFileCache.get(path)
   const promise = _addFile(raw, path)

package/setup/routes.ts

@@ -74,6 +74,11 @@ export default function setupRoutes() {
       path: '',
       redirect: { path: '/1' },
     },
+    {
+      path: '/:pathMatch(.*)*',
+      name: 'NotFound',
+      component: () => import('../pages/404.vue'),
+    },
   )
 
   return setups.reduce((routes, setup) => setup(routes), routes)