[WBX-33] Add Keystrokes to Measure Mode

packages/frontend-2/components/viewer/Controls.vue

@@ -244,6 +244,7 @@ import type { AutomationRun } from '~~/lib/common/generated/gql/graphql'
 import { useIsSmallerOrEqualThanBreakpoint } from '~~/composables/browser'
 import { useEmbed } from '~/lib/viewer/composables/setup/embed'
 import { useViewerTour } from '~/lib/viewer/composables/tour'
+import { onKeyStroke } from '@vueuse/core'
 
 const { resourceItems, modelsAndVersionIds } = useInjectedViewerLoadedResources()
 
@@ -441,4 +442,12 @@ onMounted(() => {
 watch(isSmallerOrEqualSm, (newVal) => {
   activeControl.value = newVal ? 'none' : 'models'
 })
+
+onKeyStroke('Escape', () => {
+  if (activeControl.value === 'measurements') {
+    toggleMeasurements()
+  } else {
+    activeControl.value = 'none'
+  }
+})
 </script>

packages/frontend-2/components/viewer/measurements/Options.vue

@@ -94,6 +94,7 @@ import { MeasurementType } from '@speckle/viewer'
 import { useMeasurementUtilities } from '~~/lib/viewer/composables/ui'
 import { resolveComponent } from 'vue'
 import type { ConcreteComponent } from 'vue'
+import { onKeyStroke } from '@vueuse/core'
 
 interface MeasurementTypeOption {
   title: string
@@ -158,4 +159,11 @@ const measurementTypeOptions = [
     description: 'Tip: Double-click to quick-measure'
   }
 ]
+
+onKeyStroke('Delete', () => {
+  removeMeasurement()
+})
+onKeyStroke('Backspace', () => {
+  removeMeasurement()
+})
 </script>