@slidev/client 0.49.5 → 0.49.6

package/builtin/Monaco.vue

@@ -97,7 +97,7 @@ const stopWatchTypesLoading = whenever(
 onMounted(async () => {
   // Lazy load monaco, so it will be bundled in async chunk
   const { default: setup } = await import('../setup/monaco')
-  const { ata, monaco } = await setup()
+  const { ata, monaco, editorOptions } = await setup()
   const model = monaco.editor.createModel(code.value, lang, monaco.Uri.parse(`file:///${makeId()}.${ext}`))
   model.onDidChangeContent(() => code.value = model.getValue())
   const commonOptions = {
@@ -114,6 +114,7 @@ onMounted(async () => {
     fontSize: 11.5,
     fontFamily: 'var(--slidev-code-font-family)',
     scrollBeyondLastLine: false,
+    ...editorOptions,
     ...props.editorOptions,
   } satisfies monaco.editor.IStandaloneEditorConstructionOptions & monaco.editor.IDiffEditorConstructionOptions
 

package/env.ts

@@ -18,3 +18,5 @@ export const themeVars = computed(() => {
 })
 
 export const slidesTitle = configs.slidesTitle
+
+export const pathPrefix = import.meta.env.BASE_URL + (__SLIDEV_HASH_ROUTE__ ? '#/' : '')

package/internals/Goto.vue

@@ -135,35 +135,35 @@ watch(activeElement, () => {
         @input="updateText"
       >
     </div>
-    <ul
+    <div
       v-if="result.length > 0"
       ref="list"
       class="autocomplete-list"
       shadow="~"
       border="~ transparent rounded dark:main"
     >
-      <li
-        v-for="(item, index) of result"
-        ref="items"
-        :key="item.id"
-        role="button"
-        tabindex="0"
-        p="x-4 y-2"
-        cursor-pointer
-        hover="op100"
-        flex="~ gap-2"
-        w-90
-        items-center
-        :border="index === 0 ? '' : 't main'"
-        :class="selectedIndex === index ? 'bg-active op100' : 'op80'"
-        @click.stop.prevent="select(item.no)"
-      >
-        <div w-4 text-right op50 text-sm>
-          {{ item.no }}
-        </div>
-        <TitleRenderer :no="item.no" />
-      </li>
-    </ul>
+      <ul table w-full border-collapse>
+        <li
+          v-for="(item, index) of result"
+          ref="items"
+          :key="item.id"
+          role="button"
+          tabindex="0"
+          cursor-pointer
+          hover="op100"
+          table-row
+          items-center
+          :border="index === 0 ? undefined : 't main'"
+          :class="selectedIndex === index ? 'bg-active op100' : 'op80'"
+          @click.stop.prevent="select(item.no)"
+        >
+          <div text-right op50 text-sm table-cell py-2 pl-4 pr-3 vertical-middle>
+            {{ item.no }}
+          </div>
+          <TitleRenderer table-cell py-2 pr-4 w-full :no="item.no" />
+        </li>
+      </ul>
+    </div>
   </div>
 </template>
 

package/internals/PrintSlideClick.vue

@@ -6,9 +6,7 @@ import { configs, slideHeight, slideWidth } from '../env'
 import { getSlideClass } from '../utils'
 import type { SlidevContextNav } from '../composables/useNav'
 import SlideWrapper from './SlideWrapper.vue'
-
-import GlobalTop from '#slidev/global-components/top'
-import GlobalBottom from '#slidev/global-components/bottom'
+import { GlobalBottom, GlobalTop } from '#slidev/global-layers'
 
 const { nav } = defineProps<{
   nav: SlidevContextNav

package/internals/QuickOverview.vue

@@ -6,6 +6,7 @@ import { currentOverviewPage, overviewRowCount } from '../logic/overview'
 import { createFixedClicks } from '../composables/useClicks'
 import { CLICKS_MAX } from '../constants'
 import { useNav } from '../composables/useNav'
+import { pathPrefix } from '../env'
 import SlideContainer from './SlideContainer.vue'
 import SlideWrapper from './SlideWrapper.vue'
 import DrawingPreview from './DrawingPreview.vue'
@@ -169,7 +170,7 @@ setTimeout(() => {
       as="a"
       title="Slides Overview"
       target="_blank"
-      href="/overview"
+      :href="`${pathPrefix}overview`"
       tab-index="-1"
       class="text-2xl"
     >

package/internals/SlideWrapper.vue

@@ -7,6 +7,7 @@ import { injectionClicksContext, injectionCurrentPage, injectionRenderContext, i
 import { getSlideClass } from '../utils'
 import { configs } from '../env'
 import SlideLoading from './SlideLoading.vue'
+import { SlideBottom, SlideTop } from '#slidev/global-layers'
 
 const props = defineProps({
   clicksContext: {
@@ -67,7 +68,13 @@ const SlideComponent = computed(() => props.route && defineAsyncComponent({
     :class="getSlideClass(route, ['slide', 'presenter'].includes(props.renderContext) ? '' : 'disable-view-transition')"
     :style="style"
   >
+    <div v-if="SlideBottom" class="absolute inset-0">
+      <SlideBottom />
+    </div>
     <SlideComponent />
+    <div v-if="SlideTop" class="absolute inset-0">
+      <SlideTop />
+    </div>
   </div>
 </template>
 

package/internals/SlidesShow.vue

@@ -9,9 +9,7 @@ import { activeDragElement } from '../state'
 import { CLICKS_MAX } from '../constants'
 import SlideWrapper from './SlideWrapper.vue'
 import DragControl from './DragControl.vue'
-
-import GlobalTop from '#slidev/global-components/top'
-import GlobalBottom from '#slidev/global-components/bottom'
+import { GlobalBottom, GlobalTop } from '#slidev/global-layers'
 
 defineProps<{
   renderContext: 'slide' | 'presenter'

package/logic/slides.ts

@@ -1,4 +1,5 @@
 import type { SlideRoute } from '@slidev/types'
+import { pathPrefix } from '../env'
 import { slides } from '#slidev/slides'
 
 export { slides }
@@ -16,5 +17,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 ? `/presenter/${no}` : `/${no}`
+  return presenter ? `${pathPrefix}presenter/${no}` : `${pathPrefix}${no}`
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@slidev/client",
   "type": "module",
-  "version": "0.49.5",
+  "version": "0.49.6",
   "description": "Presentation slides for developers",
   "author": "antfu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -59,8 +59,8 @@
     "vue": "^3.4.27",
     "vue-router": "^4.3.2",
     "yaml": "^2.4.2",
-    "@slidev/parser": "0.49.5",
-    "@slidev/types": "0.49.5"
+    "@slidev/parser": "0.49.6",
+    "@slidev/types": "0.49.6"
   },
   "devDependencies": {
     "vite": "^5.2.12"

package/setup/monaco.ts

@@ -95,10 +95,10 @@ const setup = createSingletonPromise(async () => {
   const { shiki, themes, shikiToMonaco } = await import('#slidev/shiki')
   const highlighter = await shiki
 
-  const setupReturn: MonacoSetupReturn = {}
+  const editorOptions: MonacoSetupReturn['editorOptions'] & object = {}
   for (const setup of setups) {
     const result = await setup(monaco)
-    Object.assign(setupReturn, result)
+    Object.assign(editorOptions, result?.editorOptions)
   }
 
   // Use Shiki to highlight Monaco
@@ -117,7 +117,7 @@ const setup = createSingletonPromise(async () => {
   return {
     monaco,
     ata,
-    ...setupReturn,
+    editorOptions,
   }
 })