[Themes] PoC Hot Reload for OSE

packages/cli-kit/src/public/node/themes/types.ts

@@ -7,17 +7,19 @@ export type Key = string
 
 export type ThemeFSEventName = 'add' | 'change' | 'unlink'
 
+type OnSync = (onSuccess: () => void, onError?: () => void) => void
+
 type ThemeFSEvent =
   | {
       type: 'unlink'
-      payload: {fileKey: Key; onSync?: (fn: () => void) => void}
+      payload: {fileKey: Key; onSync: OnSync}
     }
   | {
       type: 'add' | 'change'
       payload: {
         fileKey: Key
         onContent: (fn: (content: string) => void) => void
-        onSync: (fn: () => void) => void
+        onSync: OnSync
       }
     }
 

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

@@ -128,7 +128,7 @@ describe('dev', () => {
             {
               link: {
                 label: 'Customize your theme at the theme editor',
-                url: 'https://my-store.myshopify.com/admin/themes/123/editor',
+                url: 'https://my-store.myshopify.com/admin/themes/123/editor?hr=9292',
               },
             },
           ],

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

@@ -131,7 +131,7 @@ export function renderLinks(store: string, themeId: string, host = DEFAULT_HOST,
         {
           link: {
             label: 'Customize your theme at the theme editor',
-            url: `${remoteUrl}/admin/themes/${themeId}/editor`,
+            url: `${remoteUrl}/admin/themes/${themeId}/editor?hr=${port}`,
           },
         },
       ],