feat(ui): add $store to window in dev mode

Helpful for troubleshooting.

Author: psychedelicious

invokeai/frontend/web/src/app/components/InvokeAIUI.tsx

@@ -143,6 +143,15 @@ const InvokeAIUI = ({
 
   useEffect(() => {
     $store.set(store);
+    if (import.meta.env.MODE === 'development') {
+      window.$store = $store;
+    }
+    () => {
+      $store.set(undefined);
+      if (import.meta.env.MODE === 'development') {
+        window.$store = undefined;
+      }
+    };
   }, [store]);
 
   return (

invokeai/frontend/web/src/app/store/nanostores/store.ts

@@ -1,6 +1,13 @@
 import type { createStore } from 'app/store/store';
 import { atom } from 'nanostores';
 
+// Inject socket options and url into window for debugging
+declare global {
+  interface Window {
+    $store?: typeof $store;
+  }
+}
+
 export const $store = atom<
   Readonly<ReturnType<typeof createStore>> | undefined
 >();