@slidev/client 0.25.0 → 0.25.4

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/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',
@@ -49,6 +49,7 @@ export const drawingMode = computed({
 export const drauuOptions: DrauuOptions = reactive({
   brush,
   acceptsInputTypes: computed(() => drawingEnabled.value ? undefined : ['pen' as const]),
+  coordinateTransform: false,
 })
 export const drauu = markRaw(createDrauu(drauuOptions))
 
@@ -98,6 +99,10 @@ if (__DEV__) {
         return
       loadCanvas()
     }, { immediate: true })
+
+    watchEffect(() => {
+      drawingState.$syncUp = configs.drawings.syncAll || isPresenter.value
+    })
   })
 
   drauu.on('start', () => isDrawing.value = true)

package/logic/nav.ts

@@ -1,8 +1,9 @@
 import { computed, Ref, ref, nextTick } from 'vue'
-import { isString, SwipeDirection, timestamp, useSwipe } from '@vueuse/core'
+import { isString, SwipeDirection, timestamp, usePointerSwipe } from '@vueuse/core'
 import { rawRoutes, router } from '../routes'
 import { configs } from '../env'
 import { useRouteQuery } from './route'
+import { isDrawing } from './drawings'
 
 export { rawRoutes, router }
 
@@ -91,15 +92,24 @@ export function go(page: number, clicks?: number) {
 
 export function useSwipeControls(root: Ref<HTMLElement | undefined>) {
   const swipeBegin = ref(0)
-  const { direction, lengthX, lengthY } = useSwipe(root, {
-    onSwipeStart() {
+  const { direction, distanceX, distanceY } = usePointerSwipe(root, {
+    onSwipeStart(e) {
+      if (e.pointerType !== 'touch')
+        return
+      if (isDrawing.value)
+        return
       swipeBegin.value = timestamp()
     },
-    onSwipeEnd() {
+    onSwipeEnd(e) {
+      if (e.pointerType !== 'touch')
+        return
       if (!swipeBegin.value)
         return
-      const x = Math.abs(lengthX.value)
-      const y = Math.abs(lengthY.value)
+      if (isDrawing.value)
+        return
+
+      const x = Math.abs(distanceX.value)
+      const y = Math.abs(distanceY.value)
       if (x / window.innerWidth > 0.3 || x > 100) {
         if (direction.value === SwipeDirection.LEFT)
           next()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slidev/client",
-  "version": "0.25.0",
+  "version": "0.25.4",
   "description": "Presentation slides for developers",
   "homepage": "https://sli.dev",
   "bugs": "https://github.com/slidevjs/slidev/issues",
@@ -13,13 +13,13 @@
   "author": "antfu <anthonyfu117@hotmail.com>",
   "dependencies": {
     "@antfu/utils": "^0.3.0",
-    "@slidev/parser": "0.25.0",
-    "@slidev/types": "0.25.0",
+    "@slidev/parser": "0.25.4",
+    "@slidev/types": "0.25.4",
     "@vueuse/core": "^6.4.0",
     "@vueuse/head": "^0.6.0",
     "@vueuse/motion": "^1.6.0",
     "codemirror": "^5.62.3",
-    "drauu": "^0.1.2",
+    "drauu": "^0.2.0",
     "file-saver": "^2.0.5",
     "js-base64": "^3.7.1",
     "js-yaml": "^4.1.0",