fix theme dev shortcut keys not working with theme-editor-sync

Author: EvilGenius13

.changeset/fuzzy-lies-agree.md

@@ -0,0 +1,5 @@
+---
+'@shopify/theme': patch
+---
+
+Fix issue where theme dev shortcuts keys would not work when using the 'theme-editor-sync' flag

packages/theme/src/cli/services/dev.ts

@@ -123,9 +123,6 @@ export async function dev(options: DevOptions) {
   const {serverStart, renderDevSetupProgress, backgroundJobPromise} = setupDevServer(options.theme, ctx)
 
   readline.emitKeypressEvents(process.stdin)
-  if (process.stdin.isTTY) {
-    process.stdin.setRawMode(true)
-  }
 
   const keypressHandler = createKeypressHandler(urls, ctx)
   process.stdin.on('keypress', keypressHandler)
@@ -135,6 +132,9 @@ export async function dev(options: DevOptions) {
     renderDevSetupProgress()
       .then(serverStart)
       .then(() => {
+        if (process.stdin.isTTY) {
+          process.stdin.setRawMode(true)
+        }
         renderLinks(urls)
         if (options.open) {
           openURLSafely(urls.local, 'development server')