prettier

Author: watson

packages/live-debugger/src/domain/probes.ts

@@ -61,11 +61,11 @@ export interface InitializedProbe extends Probe {
 // Benchmarks show that using an object is much faster than a Map.
 const activeProbes: Record<string, InitializedProbe[]> = {
   // @ts-expect-error - Pre-populate with a dummy key to help V8 optimize property lookups.
-  __dummy__: undefined
+  __dummy__: undefined,
 }
 const probeIdToFunctionId: Record<string, string> = {
   // @ts-expect-error - Pre-populate with a dummy key to help V8 optimize property lookups.
-  __dummy__: undefined
+  __dummy__: undefined,
 }
 
 /**

packages/live-debugger/src/domain/remoteConfig.ts

@@ -5,10 +5,10 @@ import type { Probe } from './probes'
 
 /**
  * Remote Config Client for Browser Live Debugger
- * 
+ *
  * Polls the RC proxy periodically to get probe updates and synchronizes
  * the local probe registry.
- * 
+ *
  * NOTE: The RC proxy can operate in two modes:
  * - agent mode: Polls local Datadog agent (for POC/development, no CORS issues)
  * - backend mode: Polls Datadog RC backend directly (requires backend access)
@@ -92,11 +92,11 @@ export function stopRemoteConfigPolling(): void {
 
 /**
  * Synchronize local probes with probes from RC proxy
- * 
+ *
  * - Adds new probes
  * - Removes probes no longer in the response
  * - Updates probes if version changed
- * 
+ *
  * @param probes - Array of probes from RC proxy
  */
 function synchronizeProbes(probes: Probe[]): void {
@@ -111,7 +111,7 @@ function synchronizeProbes(probes: Probe[]): void {
 
     const probeState: ProbeState = {
       id: probe.id,
-      version: probe.version
+      version: probe.version,
     }
     newProbeStates.set(probe.id, probeState)
 
@@ -175,4 +175,3 @@ export function clearRemoteConfigState(): void {
     pollIntervalId = undefined
   }
 }
-

sandbox/debugger.js

@@ -10,7 +10,7 @@
     service: 'poc-browser-live-debugger',
     env: 'watson-dev',
     version: `1.0.0-${crypto.randomUUID().slice(0, 8)}`,
-    remoteConfigProxyUrl: 'http://localhost:3030'
+    remoteConfigProxyUrl: 'http://localhost:3030',
   })
 
   // TODO: Remove hardcoded probes once dynamic probe management is implemented

sandbox/live-debugger-test.html

@@ -141,35 +141,23 @@ <h2>Configuration</h2>
         <form id="config-form" onsubmit="event.preventDefault(); startLiveDebugger()">
           <div class="form-group">
             <label for="service-input">Service:</label>
-            <input
-              type="text"
-              id="service-input"
-              value="my-service"
-              placeholder="Enter service name"
-              required
-            />
+            <input type="text" id="service-input" value="my-service" placeholder="Enter service name" required />
           </div>
           <div class="form-group">
             <label for="env-input">Environment:</label>
-            <input
-              type="text"
-              id="env-input"
-              value="dev"
-              placeholder="Enter environment name"
-              required
-            />
+            <input type="text" id="env-input" value="dev" placeholder="Enter environment name" required />
           </div>
           <div class="form-group">
             <button type="submit" class="primary" id="start-button">Start Live Debugger</button>
           </div>
         </form>
-        <div id="config-display" style="display: none; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd;">
+        <div id="config-display" style="display: none; margin-top: 15px; padding-top: 15px; border-top: 1px solid #ddd">
           <strong>RC Proxy URL:</strong> <span id="proxy-url">http://localhost:3030</span><br />
           <strong>Service:</strong> <span id="service-value">-</span><br />
           <strong>Environment:</strong> <span id="env-value">-</span><br />
           <strong>Version:</strong> <span id="version-value">-</span>
         </div>
-        <p id="auto-trigger-note" style="display: none; margin-top: 10px; font-size: 14px; color: #666;">
+        <p id="auto-trigger-note" style="display: none; margin-top: 10px; font-size: 14px; color: #666">
           Instrumented functions in <code>probes-go-here.js</code> are automatically triggered every second.
         </p>
       </div>
@@ -222,7 +210,7 @@ <h2>Console Log</h2>
           const timeoutId = setTimeout(() => controller.abort(), 3000) // 3 second timeout
 
           const response = await fetch(`${RC_PROXY_URL}/health`, {
-            signal: controller.signal
+            signal: controller.signal,
           })
           clearTimeout(timeoutId)
 
@@ -317,7 +305,7 @@ <h2>Console Log</h2>
             service,
             env,
             version,
-            remoteConfigProxyUrl: RC_PROXY_URL
+            remoteConfigProxyUrl: RC_PROXY_URL,
           })
 
           logToConsole('✅ Live Debugger initialized with RC proxy')

sandbox/probes-go-here.js

@@ -11,7 +11,7 @@ function sometimesThrows(a, b) {
     if (Math.random() < 0.2) {
       throw new Error('Sometimes throws')
     }
-    return $dd_p ? $dd_return($dd_p, (sum), this, { a, b }, { sum }) : (sum)
+    return $dd_p ? $dd_return($dd_p, sum, this, { a, b }, { sum }) : sum
   } catch (e) {
     if ($dd_p) $dd_throw($dd_p, e, this, { a, b })
     throw e
@@ -31,7 +31,7 @@ function withLocals(a, b) {
       label = false
     }
     obj.label = label
-    return $dd_p ? $dd_return($dd_p, (obj), this, { a, b }, { arr, obj, label }) : (obj)
+    return $dd_p ? $dd_return($dd_p, obj, this, { a, b }, { arr, obj, label }) : obj
   } catch (e) {
     if ($dd_p) $dd_throw($dd_p, e, this, { a, b })
     throw e
@@ -42,7 +42,7 @@ function noLocals(a, b) {
   const $dd_p = $dd_probes('probes-go-here.js;noLocals')
   try {
     if ($dd_p) $dd_entry($dd_p, this, { a, b })
-    return $dd_p ? $dd_return($dd_p, (a * b), this, { a, b }, {}) : (a * b)
+    return $dd_p ? $dd_return($dd_p, a * b, this, { a, b }, {}) : a * b
   } catch (e) {
     if ($dd_p) $dd_throw($dd_p, e, this, { a, b })
     throw e

sandbox/rc-proxy/QUICKSTART.md

@@ -5,17 +5,20 @@
 A complete Remote Config proxy system for browser Live Debugger consisting of:
 
 ### 1. RC Proxy Service (`sandbox/rc-proxy/`)
+
 - **Client Tracker**: Tracks active browser clients with 30s TTL (like Datadog Agent)
 - **RC Client**: Communicates with Datadog RC backend using protobuf
 - **Express Server**: Serves probes via HTTP GET endpoints
 - **Background Polling**: Automatically polls RC when clients are active
 
 ### 2. Browser SDK Integration (`packages/live-debugger/`)
+
 - **Remote Config Module**: Polls proxy and syncs probes automatically
 - **Init Configuration**: Added `remoteConfigProxyUrl` option
 - **Probe Synchronization**: Adds, removes, and updates probes dynamically
 
 ### 3. Test Page (`sandbox/live-debugger-test.html`)
+
 - Simple UI to test the RC proxy integration
 - Shows active probes, proxy health, and fired probes
 - Test functions to trigger instrumented code
@@ -44,6 +47,7 @@ npm start
 The proxy will start on http://localhost:3030
 
 You should see:
+
 ```
 ✅ Server running on port 3030
    - Probes endpoint: http://localhost:3030/probes?service=my-app
@@ -74,6 +78,7 @@ This creates `packages/live-debugger/bundle/live-debugger.js`
 Open `sandbox/live-debugger-test.html` in your browser.
 
 The page will:
+
 - Initialize Live Debugger with RC proxy URL
 - Start polling the proxy every 5 seconds
 - Display active probes from Datadog
@@ -106,18 +111,22 @@ The page will:
 ## Troubleshooting
 
 ### Proxy says "No active clients"
+
 This is normal when no browsers are connected. Open the test page and it will start polling.
 
 ### Browser not receiving probes
+
 1. Check browser console for errors
 2. Verify `remoteConfigProxyUrl` is correct
 3. Check proxy `/health` endpoint
 4. Ensure probes are configured in Datadog for service `browser-test-app`
 
 ### Proxy returning 401 from Datadog
+
 Check your `DD_API_KEY` in `.env` file is valid and has RC scope.
 
 ### Probes not firing
+
 1. Verify probes are loaded (check "Current Probes" section)
 2. Ensure probe targets match function names
 3. Check browser console for Live Debugger errors
@@ -143,18 +152,21 @@ Check your `DD_API_KEY` in `.env` file is valid and has RC scope.
 ## Architecture Details
 
 ### RC Proxy Files
+
 - `index.js` - Main Express server and endpoints
 - `rc-client.js` - Datadog RC protocol client (protobuf)
 - `client-tracker.js` - Active client tracking with TTL
 - `config.js` - Environment configuration
 - `remoteconfig.proto` - Protobuf schema
 
 ### Browser SDK Files
+
 - `packages/live-debugger/src/entries/main.ts` - Init with RC config
 - `packages/live-debugger/src/domain/remoteConfig.ts` - RC polling and sync
 - `packages/live-debugger/src/domain/probes.ts` - Probe management
 
 ### Key Features
+
 - ✅ Dynamic client tracking (30s TTL)
 - ✅ Protobuf protocol compatibility
 - ✅ Hardcoded to LIVE_DEBUGGING only
@@ -165,6 +177,7 @@ Check your `DD_API_KEY` in `.env` file is valid and has RC scope.
 ## Support
 
 For questions or issues:
+
 1. Check the proxy logs for errors
 2. Check browser console for SDK errors
 3. Verify RC is enabled in your Datadog org
@@ -173,4 +186,3 @@ For questions or issues:
 ## License
 
 Apache-2.0
-

sandbox/rc-proxy/README.agent-mode.md

@@ -40,6 +40,7 @@ npm start
 ```
 
 ### 4. The proxy will now:
+
 - Poll your local agent at `http://localhost:8126/v0.7/config`
 - Get the same LIVE_DEBUGGING probes your backend services see
 - Serve them to the browser SDK (with CORS headers)
@@ -54,7 +55,7 @@ window.DD_LIVE_DEBUGGER.init({
   env: 'production',
   version: '1.0.0',
   remoteConfigProxyUrl: 'http://localhost:3030',
-  remoteConfigPollInterval: 5000
+  remoteConfigPollInterval: 5000,
 })
 ```
 

sandbox/rc-proxy/README.md

@@ -57,16 +57,19 @@ The proxy will start on `http://localhost:3030`.
 Register a client and fetch probes for it.
 
 **Query Parameters:**
+
 - `service` (required): Service name
 - `env` (optional): Environment (e.g., `prod`, `staging`)
 - `version` (optional): Application version
 
 **Example:**
+
 ```bash
 curl "http://localhost:3030/probes?service=my-app&env=prod&version=1.0.0"
 ```
 
 **Response:**
+
 ```json
 {
   "probes": [
@@ -87,11 +90,13 @@ curl "http://localhost:3030/probes?service=my-app&env=prod&version=1.0.0"
 Get proxy status and health information.
 
 **Example:**
+
 ```bash
 curl http://localhost:3030/health
 ```
 
 **Response:**
+
 ```json
 {
   "ok": true,
@@ -142,19 +147,20 @@ If no clients are active, the proxy skips the RC poll to save resources.
 Initialize the Live Debugger with the proxy URL:
 
 ```javascript
-import { datadogLiveDebugger } from '@datadog/browser-live-debugger';
+import { datadogLiveDebugger } from '@datadog/browser-live-debugger'
 
 datadogLiveDebugger.init({
   clientToken: '<DATADOG_CLIENT_TOKEN>',
   site: 'datadoghq.com',
   service: 'my-browser-app',
   env: 'production',
   version: '1.0.0',
-  remoteConfigProxyUrl: 'http://localhost:3030'
-});
+  remoteConfigProxyUrl: 'http://localhost:3030',
+})
 ```
 
 The SDK will automatically:
+
 - Poll `/probes` every 5 seconds with service metadata
 - Add new probes dynamically
 - Remove probes that are no longer configured
@@ -226,4 +232,3 @@ sandbox/rc-proxy/
 ## License
 
 Apache-2.0
-