@slidev/client 0.32.3 → 0.32.4

package/builtin/Monaco.vue

@@ -74,11 +74,9 @@ onMounted(() => {
     'allow-top-navigation-by-user-activation',
   ].join(' '))
 
-  /* eslint-disable no-undef */
   frame.src = __DEV__
     ? `${location.origin}${__SLIDEV_CLIENT_ROOT__}/iframes/monaco/index.html`
     : `${import.meta.env.BASE_URL}iframes/monaco/index.html`
-  /* eslint-enable no-undef */
 
   frame.style.backgroundColor = 'transparent'
 

package/builtin/RenderWhen.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import { computed, inject } from 'vue'
+import type { RenderContext } from '@slidev/types'
+
+import { injectionSlideContext } from '../constants'
+
+type Context = 'main' | RenderContext
+
+const props = defineProps<{
+  context: Context | Context[]
+}>()
+const { context } = props
+
+const currentContext = inject(injectionSlideContext)
+
+const shouldRender = computed(() => Array.isArray(context) ? context.some(contextMatch) : contextMatch(context))
+
+function contextMatch(context: Context) {
+  if (context === currentContext)
+    return true
+  if (context === 'main' && (currentContext === 'slide' || currentContext === 'presenter'))
+    return true
+  return false
+}
+</script>
+
+<template>
+  <slot v-if="shouldRender" />
+</template>

package/constants.ts

@@ -1,5 +1,6 @@
 import type { ComputedRef, InjectionKey, Ref } from 'vue'
 import type { RouteRecordRaw } from 'vue-router'
+import type { RenderContext } from '@slidev/types'
 import type { SlidevContext } from './modules/context'
 
 export const injectionClicks: InjectionKey<Ref<number>> = Symbol('v-click-clicks')
@@ -9,6 +10,7 @@ export const injectionClicksDisabled: InjectionKey<Ref<boolean>> = Symbol('v-cli
 export const injectionSlideScale: InjectionKey<ComputedRef<number>> = Symbol('slidev-slide-scale')
 export const injectionSlidevContext: InjectionKey<SlidevContext> = Symbol('slidev-slidev-context')
 export const injectionRoute: InjectionKey<RouteRecordRaw> = Symbol('slidev-route')
+export const injectionSlideContext: InjectionKey<RenderContext> = Symbol('slidev-slide-context')
 
 export const CLASS_VCLICK_TARGET = 'slidev-vclick-target'
 export const CLASS_VCLICK_HIDDEN = 'slidev-vclick-hidden'

package/internals/Play.vue

@@ -48,8 +48,8 @@ if (__SLIDEV_FEATURE_DRAWINGS__)
       :scale="slideScale"
       @pointerdown="onClick"
     >
-      <template #>
-        <SlidesShow />
+      <template #default>
+        <SlidesShow context="slide" />
       </template>
       <template #controls>
         <div

package/internals/Presenter.vue

@@ -52,7 +52,7 @@ const nextSlide = computed(() => {
   }
 })
 
-// sync presenter cusor
+// sync presenter cursor
 onMounted(() => {
   const slidesContainer = main.value!.querySelector('#slide-content')!
   const mouse = reactive(useMouse())
@@ -102,8 +102,8 @@ onMounted(() => {
           key="main"
           class="h-full w-full"
         >
-          <template #>
-            <SlidesShow />
+          <template #default>
+            <SlidesShow context="presenter" />
           </template>
         </SlideContainer>
       </div>
@@ -120,6 +120,7 @@ onMounted(() => {
             :clicks-disabled="false"
             :class="getSlideClass(nextSlide.route)"
             :route="nextSlide.route"
+            context="previewNext"
           />
         </SlideContainer>
       </div>

package/internals/SlideWrapper.ts

@@ -1,6 +1,6 @@
 import { useVModel } from '@vueuse/core'
 import { defineComponent, h, provide } from 'vue'
-import { injectionClicks, injectionClicksDisabled, injectionClicksElements, injectionOrderMap, injectionRoute } from '../constants'
+import { injectionClicks, injectionClicksDisabled, injectionClicksElements, injectionOrderMap, injectionRoute, injectionSlideContext } from '../constants'
 
 export default defineComponent({
   props: {
@@ -20,6 +20,10 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    context: {
+      type: String,
+      default: 'main',
+    },
     is: {
       type: Object,
       default: undefined,
@@ -38,6 +42,7 @@ export default defineComponent({
     clicksElements.value.length = 0
 
     provide(injectionRoute, props.route)
+    provide(injectionSlideContext, props.context)
     provide(injectionClicks, clicks)
     provide(injectionClicksDisabled, clicksDisabled)
     provide(injectionClicksElements, clicksElements)

package/internals/SlidesOverview.vue

@@ -85,6 +85,7 @@ watchEffect(() => {
               :clicks-disabled="true"
               :class="getSlideClass(route)"
               :route="route"
+              context="overview"
             />
             <DrawingPreview :page="+route.path" />
           </SlideContainer>

package/internals/SlidesShow.vue

@@ -9,6 +9,8 @@ import GlobalTop from '/@slidev/global-components/top'
 import GlobalBottom from '/@slidev/global-components/bottom'
 import PresenterMouse from './PresenterMouse.vue'
 
+defineProps<{ context: 'slide' | 'presenter' }>()
+
 // preload next route
 watch(currentRoute, () => {
   if (currentRoute.value?.meta && currentRoute.value.meta.preload !== false)
@@ -37,6 +39,7 @@ if (__SLIDEV_FEATURE_DRAWINGS__ || __SLIDEV_FEATURE_DRAWINGS_PERSIST__)
       :clicks-disabled="false"
       :class="getSlideClass(route)"
       :route="route"
+      :context="context"
     />
   </template>
 

package/package.json

@@ -1,24 +1,27 @@
 {
   "name": "@slidev/client",
-  "version": "0.32.3",
+  "version": "0.32.4",
   "description": "Presentation slides for developers",
-  "homepage": "https://sli.dev",
-  "bugs": "https://github.com/slidevjs/slidev/issues",
-  "license": "MIT",
   "author": "antfu <anthonyfu117@hotmail.com>",
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/antfu",
+  "homepage": "https://sli.dev",
   "repository": {
     "type": "git",
     "url": "https://github.com/slidevjs/slidev"
   },
-  "funding": "https://github.com/sponsors/antfu",
+  "bugs": "https://github.com/slidevjs/slidev/issues",
+  "engines": {
+    "node": ">=14.0.0"
+  },
   "dependencies": {
     "@antfu/utils": "^0.5.2",
-    "@slidev/parser": "0.32.3",
-    "@slidev/types": "0.32.3",
-    "@vueuse/core": "^8.5.0",
+    "@slidev/parser": "0.32.4",
+    "@slidev/types": "0.32.4",
+    "@vueuse/core": "^8.6.0",
     "@vueuse/head": "^0.7.6",
     "@vueuse/motion": "^2.0.0-beta.18",
-    "codemirror": "^5.65.4",
+    "codemirror": "^5.65.5",
     "defu": "^6.0.0",
     "drauu": "^0.3.0",
     "file-saver": "^2.0.5",
@@ -32,12 +35,9 @@
     "recordrtc": "^5.6.2",
     "resolve": "^1.22.0",
     "vite-plugin-windicss": "^1.8.4",
-    "vue": "^3.2.35",
+    "vue": "^3.2.36",
     "vue-router": "^4.0.15",
-    "vue-starport": "^0.2.10",
+    "vue-starport": "^0.2.11",
     "windicss": "^3.5.4"
-  },
-  "engines": {
-    "node": ">=14.0.0"
   }
 }

package/shim.d.ts

@@ -1,5 +1,3 @@
-/* eslint-disable import/no-duplicates */
-
 declare interface Window {
   // extend the window
 }