launch network

Author: onmax

src/global.d.ts

@@ -4,4 +4,4 @@
  */
 
 /** Whether this is a demo build */
-declare const IS_DEMO_BUILD: boolean;
+declare const IS_DEMO_BUILD: boolean;

src/lib/demo/index.ts

@@ -142,13 +142,13 @@ function attachIframeListeners(): void {
         if (!event.data || typeof event.data !== 'object') return;
 
         const message = event.data as WalletPlaygroundMessage;
-        
+
         // Only log messages with expected types
         const expectedTypes = ['demo:ready', 'action:open-buy-modal', 'action:open-staking-modal', 'action:open-swap-modal', 'action:close-modal'];
         if (message.type && expectedTypes.includes(message.type)) {
             console.log('[Demo] Received message:', event.data, 'from:', event.origin);
         }
-        
+
         if (!message.type || !message.type.startsWith('action:')) return;
 
         handleParentAction(message.type);

src/main-demo.ts

@@ -18,6 +18,7 @@ import { CryptoCurrency } from './lib/Constants';
 import { useConfig } from './composables/useConfig';
 import { initPwa } from './composables/usePwaInstallPrompt';
 import { useInactivityDetection } from './composables/useInactivityDetection';
+import { launchNetwork } from './network';
 
 // Side-effects
 import './lib/AddressBook';
@@ -103,8 +104,12 @@ async function startDemo() {
         render: (h) => h(App),
     }).$mount('#app');
 
-    // Note: We don't launch network, electrum, or polygon connections in demo mode
-    // as the demo uses simulated data instead of real blockchain connections
+    // Launch the Nimiq network connection for demo mode
+    // This enables network synchronization to start automatically on app load
+    launchNetwork();
+
+    // Note: We don't launch electrum or polygon connections in demo mode
+    // as BTC and USDC/USDT use simulated data instead of real blockchain connections
 
     // Set active currency to NIM by default for demo
     const { state: { activeCurrency } } = useAccountStore();