✨ add New Window button to playground

playground/src/index.html

@@ -178,6 +178,7 @@ <h2>Session ID:</h2>
       <div class="section-label">SDK Actions</div>
       <div class="button-group">
         <button id="stop-btn">Stop Session</button>
+        <button id="new-window-btn">New Window</button>
         <button id="generate-activity">Generate Activity</button>
         <button id="generate-telemetry-error">Generate Telemetry Error</button>
         <button id="generate-uncaught-exception">Generate Uncaught Exception</button>

playground/src/main.ts

@@ -54,13 +54,32 @@ function createWindow() {
   });
 }
 
+function createNewWindow() {
+  const win = new BrowserWindow({
+    width: 1024,
+    height: 768,
+    show: !isTestMode,
+    webPreferences: {
+      preload: path.join(__dirname, 'preload.js'),
+      contextIsolation: true,
+      nodeIntegration: false,
+    },
+  });
+
+  void win.loadFile(path.join(__dirname, 'index.html'));
+}
+
 // IPC handler to get internal context
 ipcMain.handle('get-internal-context', () => getInternalContext());
 
 ipcMain.handle('stop-session', () => {
   stopSession();
 });
 
+ipcMain.handle('open-new-window', () => {
+  createNewWindow();
+});
+
 ipcMain.handle('generateTelemetryError', () => {
   _generateTelemetryError();
 });

playground/src/preload.ts

@@ -4,6 +4,7 @@ import { contextBridge, ipcRenderer } from 'electron';
 contextBridge.exposeInMainWorld('electronAPI', {
   getInternalContext: () => ipcRenderer.invoke('get-internal-context'),
   stopSession: () => ipcRenderer.invoke('stop-session'),
+  openNewWindow: () => ipcRenderer.invoke('open-new-window'),
   generateTelemetryError: () => ipcRenderer.invoke('generateTelemetryError'),
   generateUncaughtException: () => ipcRenderer.invoke('generateUncaughtException'),
   generateUnhandledRejection: () => ipcRenderer.invoke('generateUnhandledRejection'),

playground/src/renderer.ts

@@ -20,6 +20,7 @@ datadogRum.init({
 interface ElectronAPI {
   getInternalContext: () => Promise<{ session_id: string } | undefined>;
   stopSession: () => Promise<void>;
+  openNewWindow: () => Promise<void>;
   generateTelemetryError: () => Promise<void>;
   generateUncaughtException: () => Promise<void>;
   generateUnhandledRejection: () => Promise<void>;
@@ -120,6 +121,12 @@ crashBtn.addEventListener('click', () => {
   void window.electronAPI.crash();
 });
 
+// Handle new window button click
+const newWindowBtn = document.getElementById('new-window-btn') as HTMLButtonElement;
+newWindowBtn.addEventListener('click', () => {
+  void window.electronAPI.openNewWindow();
+});
+
 // Handle open in RUM Explorer button click
 const openRumExplorerBtn = document.getElementById('open-rum-explorer') as HTMLButtonElement;
 openRumExplorerBtn.addEventListener('click', () => {