CINXE.COM
<!DOCTYPE html> <html lang="en" data-version="35.50038818" data-app-mode="golang-static-spa"> <head> <meta charset="UTF-8"> <link rel="icon" type="image/x-icon" href="https://static.datadoghq.com/static/favicon.ico"> <link rel="apple-touch-icon-precomposed" href="https://static.datadoghq.com/static/apple-touch-icon-precomposed.png"> <link rel="dns-prefetch" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="anonymous"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap"> <link crossorigin="anonymous" href="https://static.datadoghq.com/static/v/35.50038818/js/spa-esbuild.min.css" rel="stylesheet" type="text/css" /> <link rel="preload" as="script" crossorigin="anonymous" href="https://static.datadoghq.com/static/v/35.50038818/js/polyfills.min.js" nonce="khj/u23d"/> <link rel="preload" as="script" crossorigin="anonymous" href="https://static.datadoghq.com/static/v/35.50038818/js/spa-esbuild.min.js" nonce="khj/u23d"/> <link rel="preload" as="fetch" crossorigin="anonymous" href="/config" > <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @viewport { width: device-width; initial-scale: 1; } body.dark-mode { background-color: #222126; } </style> </head> <body> <script nonce="khj/u23d"> const addScript = url => { const script = document.createElement('script'); script.setAttribute('crossorigin', 'anonymous'); // `.crossorigin` = doesn't set `crossorigin` in the HTML script.type = 'text/javascript'; script.src = url; script.async = false; document.body.appendChild(script); }; const addField = (name, value) => { const el = document.createElement('input'); el.type = 'hidden'; el.name = name; el.id = name; el.value = value; document.body.appendChild(el); }; const lastUserId = sessionStorage.getItem('user_id'); sessionStorage.setItem('user_id', -1); // the browser can serve the cached config from the previous user // this is fixed by re-fetching the config explicitely without cache const headers = new Headers(); if (lastUserId !== -1) { headers.append('pragma', 'no-cache'); headers.append('cache-control', 'no-cache'); } Promise.all([ fetch('/config', { method: 'GET', headers }) .then(res => res.json()) .catch(() => Promise.resolve({ featured_flags: [], permissions: {} })), fetch('/api/ui/experiments/get-all-experiments', { method: 'GET', headers }) .then(res => res.json()) .catch(() => Promise.resolve({ experiments: [] })), ]) .then(([config, experiments]) => { addField('_authentication_token', ''); addField('config-init', JSON.stringify(config)); addField('experiments-init', JSON.stringify(experiments)); addField('_current_user_json', ''); window.DD_version = '35.50038818'; addScript('https://static.datadoghq.com/static/v/35.50038818/js/polyfills.min.js'); addScript('https://static.datadoghq.com/static/v/35.50038818/js/spa-esbuild.min.js'); }); </script> <script nonce="khj/u23d"> /* This checks if the system mode is selected and if the user has their computer in dark-mode. If so, it will add the className `.dark-mode` to the body */ try { if ( document.cookie.includes('datadog-theme=dark') || ( document.cookie.includes('datadog-theme=system') && matchMedia('(prefers-color-scheme: dark)').matches ) ) { document.body.classList.add('dark-mode'); } } catch (e) { } </script> <input id="public-path" name="public-path" type="hidden" value=""https://static.datadoghq.com"" /> </body> </html>