@slidev/client 0.24.0 → 0.25.3

package/constants.ts

@@ -1,10 +1,9 @@
-import { ComputedRef, InjectionKey, Ref } from 'vue'
+import { InjectionKey, Ref } from 'vue'
 
 export const injectionClicks: InjectionKey<Ref<number>> = Symbol('v-click-clicks')
 export const injectionClicksElements: InjectionKey<Ref<(Element | string)[]>> = Symbol('v-click-clicks-elements')
 export const injectionOrderMap: InjectionKey<Ref<Map<number, HTMLElement[]>>> = Symbol('v-click-clicks-order-map')
 export const injectionClicksDisabled: InjectionKey<Ref<boolean>> = Symbol('v-click-clicks-disabled')
-export const injectionSlideScale: InjectionKey<ComputedRef<number>> = Symbol('slidev-slide-scale')
 
 export const CLASS_VCLICK_TARGET = 'slidev-vclick-target'
 export const CLASS_VCLICK_HIDDEN = 'slidev-vclick-hidden'

package/internals/DrawingLayer.vue

@@ -1,14 +1,11 @@
 <script setup lang="ts">
-import { onMounted, ref, watch, inject, onBeforeUnmount } from 'vue'
+import { onMounted, ref, onBeforeUnmount } from 'vue'
 import { drauu, loadCanvas } from '../logic/drawings'
-import { injectionSlideScale } from '../constants'
 
-const scale = inject(injectionSlideScale)!
 const svg = ref<SVGSVGElement>()
 
 onMounted(() => {
   drauu.mount(svg.value!, svg.value!.parentElement!)
-  watch(scale, scale => drauu.options.coordinateScale = 1 / scale, { immediate: true })
   loadCanvas()
 })
 

package/internals/NavControls.vue

@@ -94,7 +94,7 @@ if (__SLIDEV_FEATURE_DRAWINGS__)
         </button>
       </template>
 
-      <template v-if="__SLIDEV_FEATURE_DRAWINGS__ && !isEmbedded">
+      <template v-if="__SLIDEV_FEATURE_DRAWINGS__ && !configs.drawings.presenterOnly && !isEmbedded">
         <button class="icon-btn relative" title="Drawing" @click="drawingEnabled = !drawingEnabled">
           <carbon:pen />
           <div

package/internals/Play.vue

@@ -4,7 +4,7 @@ import { showEditor, windowSize, isScreenVertical, slideScale } from '../state'
 import { isPrintMode, next, prev, useSwipeControls, isEmbedded } from '../logic/nav'
 import { isDrawing } from '../logic/drawings'
 import { registerShortcuts } from '../logic/shortcuts'
-import { themeVars } from '../env'
+import { themeVars, configs } from '../env'
 import Controls from './Controls.vue'
 import SlideContainer from './SlideContainer.vue'
 import NavControls from './NavControls.vue'
@@ -61,7 +61,7 @@ if (__SLIDEV_FEATURE_DRAWINGS__)
         >
           <NavControls class="m-auto" :persist="presistNav" />
         </div>
-        <template v-if="__SLIDEV_FEATURE_DRAWINGS__ && !isEmbedded && DrawingControls">
+        <template v-if="__SLIDEV_FEATURE_DRAWINGS__ && !configs.drawings.presenterOnly && !isEmbedded && DrawingControls">
           <DrawingControls class="ml-0" />
         </template>
       </template>

package/internals/SlideContainer.vue

@@ -2,7 +2,6 @@
 import { useElementSize } from '@vueuse/core'
 import { computed, provide, ref, watchEffect } from 'vue'
 import { slideAspect, slideWidth, slideHeight, configs } from '../env'
-import { injectionSlideScale } from '../constants'
 
 const props = defineProps({
   width: {
@@ -51,8 +50,6 @@ const className = computed(() => ({
   'select-none': !configs.selectable,
   'slidev-code-line-numbers': configs.lineNumbers,
 }))
-
-provide(injectionSlideScale, scale)
 </script>
 
 <template>

package/logic/drawings.ts

@@ -1,8 +1,8 @@
-import { computed, markRaw, nextTick, reactive, ref, watch } from 'vue'
+import { computed, markRaw, nextTick, reactive, ref, watch, watchEffect } from 'vue'
 import { Brush, createDrauu, DrawingMode, Options as DrauuOptions } from 'drauu'
 import { useStorage, toReactive } from '@vueuse/core'
-import { serverDrawingState as drawingState } from '../env'
-import { currentPage } from './nav'
+import { serverDrawingState as drawingState, configs } from '../env'
+import { currentPage, isPresenter } from './nav'
 
 export const brushColors = [
   '#ff595e',
@@ -98,6 +98,10 @@ if (__DEV__) {
         return
       loadCanvas()
     }, { immediate: true })
+
+    watchEffect(() => {
+      drawingState.$syncUp = configs.drawings.syncAll || isPresenter.value
+    })
   })
 
   drauu.on('start', () => isDrawing.value = true)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.24.0",
+  "version": "0.25.3",
   "description": "Presentation slides for developers",
   "homepage": "https://sli.dev",
   "bugs": "https://github.com/slidevjs/slidev/issues",
@@ -13,25 +13,25 @@
   "author": "antfu <anthonyfu117@hotmail.com>",
   "dependencies": {
     "@antfu/utils": "^0.3.0",
-    "@slidev/parser": "0.24.0",
-    "@slidev/types": "0.24.0",
-    "@vueuse/core": "^6.3.3",
+    "@slidev/parser": "0.25.3",
+    "@slidev/types": "0.25.3",
+    "@vueuse/core": "^6.4.0",
     "@vueuse/head": "^0.6.0",
     "@vueuse/motion": "^1.6.0",
     "codemirror": "^5.62.3",
-    "drauu": "^0.1.0",
+    "drauu": "^0.1.2",
     "file-saver": "^2.0.5",
-    "js-base64": "^3.7.0",
+    "js-base64": "^3.7.1",
     "js-yaml": "^4.1.0",
     "katex": "^0.13.18",
     "mermaid": "^8.12.1",
     "monaco-editor": "^0.27.0",
     "nanoid": "^3.1.25",
-    "prettier": "^2.4.0",
+    "prettier": "^2.4.1",
     "recordrtc": "^5.6.2",
     "resolve": "^1.20.0",
-    "vite-plugin-windicss": "^1.4.2",
-    "vue": "^3.2.11",
+    "vite-plugin-windicss": "^1.4.3",
+    "vue": "^3.2.12",
     "vue-router": "^4.0.11",
     "windicss": "^3.1.7"
   },

package/styles/index.css

@@ -39,3 +39,9 @@ html {
 .slidev-vclick-hidden {
   @apply !opacity-0 !pointer-events-none;
 }
+
+.slidev-icon {
+  display: inline-block;
+  vertical-align: sub;
+  line-height: 1em;
+}