Merge pull request #523 from xenharmonic-devs/qwerty-package

Split isomorphic QWERTY code to a re-usable package

package.json

@@ -15,6 +15,7 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
+    "isomorphic-qwerty": "^0.0.2",
     "jszip": "^3.10.1",
     "moment-of-symmetry": "^0.3.3",
     "pinia": "^2.1.7",

src/App.vue

@@ -12,7 +12,7 @@ import { ScaleWorkshopOneData } from '@/scale-workshop-one'
 import type { Input, Output } from 'webmidi'
 import { computeWhiteIndices } from '@/midi'
 import { MidiIn, midiKeyInfo, MidiOut } from 'xen-midi'
-import { Keyboard, type CoordinateKeyboardEvent } from '@/keyboard'
+import { Keyboard, type CoordinateKeyboardEvent } from 'isomorphic-qwerty'
 import { decodeQuery, encodeQuery, type DecodedState } from '@/url-encode'
 import { debounce } from '@/utils'
 import { version } from '../package.json'

src/components/VirtualTypingKeyboard.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { computed, onMounted, onUnmounted, reactive, ref } from 'vue'
 import { mmod } from 'xen-dev-utils'
-import type { Keyboard, CoordinateKeyboardEvent } from '@/keyboard'
-import { CODES_LAYER_1 } from '@/keyboard'
+import type { Keyboard, CoordinateKeyboardEvent } from 'isomorphic-qwerty'
+import { CODES_LAYER_1 } from 'isomorphic-qwerty'
 import { LEFT_MOUSE_BTN } from '@/constants'
 
 /** Unimplemented features:

src/keyboard-mapping.ts

@@ -1,5 +1,5 @@
 import { mmod } from 'xen-dev-utils'
-import { CODES_LAYER_1 } from './keyboard'
+import { CODES_LAYER_1 } from 'isomorphic-qwerty'
 
 export const DIGIT_ROW = CODES_LAYER_1[0].slice(1) as string[]
 export const QWERTY_ROW = CODES_LAYER_1[1].slice(1) as string[]

src/views/VirtualQwerty.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import VirtualTypingKeyboard from '@/components/VirtualTypingKeyboard.vue'
-import type { Keyboard } from '@/keyboard'
+import type { Keyboard } from 'isomorphic-qwerty'
 import type { Scale } from 'scale-workshop-core'
 
 type NoteOff = () => void