vuejs#2175 hotkeys: alt-O to open selected component in editor

d9k · Jul 17, 2024 · f8e9f73 · f8e9f73
1 parent 65022f7
commit f8e9f73
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/app-frontend/src/features/components/SelectedComponentPane.vue b/packages/app-frontend/src/features/components/SelectedComponentPane.vue
@@ -3,7 +3,7 @@ import StateInspector from '@front/features/inspector/StateInspector.vue'
 import EmptyPane from '@front/features/layout/EmptyPane.vue'
 
 import { computed, defineComponent, ref, watch } from 'vue'
-import { SharedData, copyToClipboard, getComponentDisplayName } from '@vue-devtools/shared-utils'
+import { SharedData, copyToClipboard, getComponentDisplayName, openInEditor } from '@vue-devtools/shared-utils'
 import { onKeyDown } from '@front/util/keyboard'
 import RenderCode from './RenderCode.vue'
 import { useSelectedComponent } from './composable'
@@ -38,6 +38,14 @@ export default defineComponent({
         stateFilterInput.value.focus()
         return false
       }
+
+      if ((['o', 'o', 'щ']).includes(event.key) && event.altKey) {
+        const file = selectedComponent.data.value?.file
+        if (file) {
+          openInEditor(file)
+        }
+        return false
+      }
     }, true)
 
     const sameApp = computed(() => selectedComponent.data.value?.id.split(':')[0] === selectedComponentId.value?.split(':')[0])

diff --git a/packages/app-frontend/src/locales/en.js b/packages/app-frontend/src/locales/en.js
@@ -70,7 +70,7 @@ export default {
   },
   ComponentInspector: {
     openInEditor: {
-      tooltip: 'Open <mono><<insert_drive_file>>{{file}}</mono> in editor',
+      tooltip: '[[{{keys.alt}}]] + [[O]] Open <mono><<insert_drive_file>>{{file}}</mono> in editor',
     },
   },
   EventsHistory: {