• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width">
6  <meta name="nodejs.org:node-version" content="v14.21.2">
7  <title>Trace events | Node.js v14.21.2 Documentation</title>
8  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic&display=fallback">
9  <link rel="stylesheet" href="assets/style.css">
10  <link rel="stylesheet" href="assets/hljs.css">
11  <link rel="canonical" href="https://nodejs.org/api/tracing.html">
12</head>
13<body class="alt apidoc" id="api-section-tracing">
14  <div id="content" class="clearfix">
15    <div id="column2" class="interior">
16      <div id="intro" class="interior">
17        <a href="/" title="Go back to the home page">
18          Node.js
19        </a>
20      </div>
21      <ul>
22<li><a href="documentation.html" class="nav-documentation">About this documentation</a></li>
23<li><a href="synopsis.html" class="nav-synopsis">Usage and example</a></li>
24</ul>
25<hr class="line">
26<ul>
27<li><a href="assert.html" class="nav-assert">Assertion testing</a></li>
28<li><a href="async_hooks.html" class="nav-async_hooks">Async hooks</a></li>
29<li><a href="buffer.html" class="nav-buffer">Buffer</a></li>
30<li><a href="addons.html" class="nav-addons">C++ addons</a></li>
31<li><a href="n-api.html" class="nav-n-api">C/C++ addons with Node-API</a></li>
32<li><a href="embedding.html" class="nav-embedding">C++ embedder API</a></li>
33<li><a href="child_process.html" class="nav-child_process">Child processes</a></li>
34<li><a href="cluster.html" class="nav-cluster">Cluster</a></li>
35<li><a href="cli.html" class="nav-cli">Command-line options</a></li>
36<li><a href="console.html" class="nav-console">Console</a></li>
37<li><a href="corepack.html" class="nav-corepack">Corepack</a></li>
38<li><a href="crypto.html" class="nav-crypto">Crypto</a></li>
39<li><a href="debugger.html" class="nav-debugger">Debugger</a></li>
40<li><a href="deprecations.html" class="nav-deprecations">Deprecated APIs</a></li>
41<li><a href="diagnostics_channel.html" class="nav-diagnostics_channel">Diagnostics Channel</a></li>
42<li><a href="dns.html" class="nav-dns">DNS</a></li>
43<li><a href="domain.html" class="nav-domain">Domain</a></li>
44<li><a href="errors.html" class="nav-errors">Errors</a></li>
45<li><a href="events.html" class="nav-events">Events</a></li>
46<li><a href="fs.html" class="nav-fs">File system</a></li>
47<li><a href="globals.html" class="nav-globals">Globals</a></li>
48<li><a href="http.html" class="nav-http">HTTP</a></li>
49<li><a href="http2.html" class="nav-http2">HTTP/2</a></li>
50<li><a href="https.html" class="nav-https">HTTPS</a></li>
51<li><a href="inspector.html" class="nav-inspector">Inspector</a></li>
52<li><a href="intl.html" class="nav-intl">Internationalization</a></li>
53<li><a href="modules.html" class="nav-modules">Modules: CommonJS modules</a></li>
54<li><a href="esm.html" class="nav-esm">Modules: ECMAScript modules</a></li>
55<li><a href="module.html" class="nav-module">Modules: <code>module</code> API</a></li>
56<li><a href="packages.html" class="nav-packages">Modules: Packages</a></li>
57<li><a href="net.html" class="nav-net">Net</a></li>
58<li><a href="os.html" class="nav-os">OS</a></li>
59<li><a href="path.html" class="nav-path">Path</a></li>
60<li><a href="perf_hooks.html" class="nav-perf_hooks">Performance hooks</a></li>
61<li><a href="policy.html" class="nav-policy">Policies</a></li>
62<li><a href="process.html" class="nav-process">Process</a></li>
63<li><a href="punycode.html" class="nav-punycode">Punycode</a></li>
64<li><a href="querystring.html" class="nav-querystring">Query strings</a></li>
65<li><a href="readline.html" class="nav-readline">Readline</a></li>
66<li><a href="repl.html" class="nav-repl">REPL</a></li>
67<li><a href="report.html" class="nav-report">Report</a></li>
68<li><a href="stream.html" class="nav-stream">Stream</a></li>
69<li><a href="string_decoder.html" class="nav-string_decoder">String decoder</a></li>
70<li><a href="timers.html" class="nav-timers">Timers</a></li>
71<li><a href="tls.html" class="nav-tls">TLS/SSL</a></li>
72<li><a href="tracing.html" class="nav-tracing active">Trace events</a></li>
73<li><a href="tty.html" class="nav-tty">TTY</a></li>
74<li><a href="dgram.html" class="nav-dgram">UDP/datagram</a></li>
75<li><a href="url.html" class="nav-url">URL</a></li>
76<li><a href="util.html" class="nav-util">Utilities</a></li>
77<li><a href="v8.html" class="nav-v8">V8</a></li>
78<li><a href="vm.html" class="nav-vm">VM</a></li>
79<li><a href="wasi.html" class="nav-wasi">WASI</a></li>
80<li><a href="worker_threads.html" class="nav-worker_threads">Worker threads</a></li>
81<li><a href="zlib.html" class="nav-zlib">Zlib</a></li>
82</ul>
83<hr class="line">
84<ul>
85<li><a href="https://github.com/nodejs/node" class="nav-https-github-com-nodejs-node">Code repository and issue tracker</a></li>
86</ul>
87    </div>
88
89    <div id="column1" data-id="tracing" class="interior">
90      <header>
91        <div class="header-container">
92          <h1>Node.js v14.21.2 documentation</h1>
93          <button class="theme-toggle-btn" id="theme-toggle-btn" title="Toggle dark mode/light mode" aria-label="Toggle dark mode/light mode" hidden>
94            <svg xmlns="http://www.w3.org/2000/svg" class="icon dark-icon" height="24" width="24">
95              <path fill="none" d="M0 0h24v24H0z" />
96              <path d="M11.1 12.08c-2.33-4.51-.5-8.48.53-10.07C6.27 2.2 1.98 6.59 1.98 12c0 .14.02.28.02.42.62-.27 1.29-.42 2-.42 1.66 0 3.18.83 4.1 2.15A4.01 4.01 0 0111 18c0 1.52-.87 2.83-2.12 3.51.98.32 2.03.5 3.11.5 3.5 0 6.58-1.8 8.37-4.52-2.36.23-6.98-.97-9.26-5.41z"/>
97              <path d="M7 16h-.18C6.4 14.84 5.3 14 4 14c-1.66 0-3 1.34-3 3s1.34 3 3 3h3c1.1 0 2-.9 2-2s-.9-2-2-2z"/>
98            </svg>
99            <svg xmlns="http://www.w3.org/2000/svg" class="icon light-icon" height="24" width="24">
100              <path d="M0 0h24v24H0z" fill="none" />
101              <path d="M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z"/>
102            </svg>
103          </button>
104        </div>
105        <div id="gtoc">
106          <ul>
107            <li>
108              <a href="index.html">Index</a>
109            </li>
110            <li>
111              <a href="all.html">View on single page</a>
112            </li>
113            <li>
114              <a href="tracing.json">View as JSON</a>
115            </li>
116
117    <li class="version-picker">
118      <a href="#">View another version <span>&#x25bc;</span></a>
119      <ol class="version-picker"><li><a href="https://nodejs.org/docs/latest-v19.x/api/tracing.html">19.x</a></li>
120<li><a href="https://nodejs.org/docs/latest-v18.x/api/tracing.html">18.x <b>LTS</b></a></li>
121<li><a href="https://nodejs.org/docs/latest-v17.x/api/tracing.html">17.x</a></li>
122<li><a href="https://nodejs.org/docs/latest-v16.x/api/tracing.html">16.x <b>LTS</b></a></li>
123<li><a href="https://nodejs.org/docs/latest-v15.x/api/tracing.html">15.x</a></li>
124<li><a href="https://nodejs.org/docs/latest-v14.x/api/tracing.html">14.x <b>LTS</b></a></li>
125<li><a href="https://nodejs.org/docs/latest-v13.x/api/tracing.html">13.x</a></li>
126<li><a href="https://nodejs.org/docs/latest-v12.x/api/tracing.html">12.x</a></li>
127<li><a href="https://nodejs.org/docs/latest-v11.x/api/tracing.html">11.x</a></li>
128<li><a href="https://nodejs.org/docs/latest-v10.x/api/tracing.html">10.x</a></li>
129<li><a href="https://nodejs.org/docs/latest-v9.x/api/tracing.html">9.x</a></li>
130<li><a href="https://nodejs.org/docs/latest-v8.x/api/tracing.html">8.x</a></li>
131<li><a href="https://nodejs.org/docs/latest-v7.x/api/tracing.html">7.x</a></li></ol>
132    </li>
133
134            <li class="edit_on_github"><a href="https://github.com/nodejs/node/edit/master/doc/api/tracing.md">Edit on GitHub</a></li>
135          </ul>
136        </div>
137        <hr>
138      </header>
139
140      <details id="toc" open><summary>Table of contents</summary><ul>
141<li><span class="stability_1"><a href="#tracing_trace_events">Trace events</a></span>
142<ul>
143<li><a href="#tracing_the_trace_events_module">The <code>trace_events</code> module</a>
144<ul>
145<li><a href="#tracing_tracing_object"><code>Tracing</code> object</a>
146<ul>
147<li><a href="#tracing_tracing_categories"><code>tracing.categories</code></a></li>
148<li><a href="#tracing_tracing_disable"><code>tracing.disable()</code></a></li>
149<li><a href="#tracing_tracing_enable"><code>tracing.enable()</code></a></li>
150<li><a href="#tracing_tracing_enabled"><code>tracing.enabled</code></a></li>
151</ul>
152</li>
153<li><a href="#tracing_trace_events_createtracing_options"><code>trace_events.createTracing(options)</code></a></li>
154<li><a href="#tracing_trace_events_getenabledcategories"><code>trace_events.getEnabledCategories()</code></a></li>
155</ul>
156</li>
157</ul>
158</li>
159</ul></details>
160
161      <div id="apicontent">
162        <h2>Trace events<span><a class="mark" href="#tracing_trace_events" id="tracing_trace_events">#</a></span></h2>
163
164<p></p><div class="api_stability api_stability_1"><a href="documentation.html#documentation_stability_index">Stability: 1</a> - Experimental</div><p></p>
165<p><strong>Source Code:</strong> <a href="https://github.com/nodejs/node/blob/v14.21.2/lib/trace_events.js">lib/trace_events.js</a></p>
166<p>The <code>trace_events</code> module provides a mechanism to centralize tracing information
167generated by V8, Node.js core, and userspace code.</p>
168<p>Tracing can be enabled with the <code>--trace-event-categories</code> command-line flag
169or by using the <code>trace_events</code> module. The <code>--trace-event-categories</code> flag
170accepts a list of comma-separated category names.</p>
171<p>The available categories are:</p>
172<ul>
173<li><code>node</code>: An empty placeholder.</li>
174<li><code>node.async_hooks</code>: Enables capture of detailed <a href="async_hooks.html"><code>async_hooks</code></a> trace data.
175The <a href="async_hooks.html"><code>async_hooks</code></a> events have a unique <code>asyncId</code> and a special <code>triggerId</code>
176<code>triggerAsyncId</code> property.</li>
177<li><code>node.bootstrap</code>: Enables capture of Node.js bootstrap milestones.</li>
178<li><code>node.console</code>: Enables capture of <code>console.time()</code> and <code>console.count()</code>
179output.</li>
180<li><code>node.dns.native</code>: Enables capture of trace data for DNS queries.</li>
181<li><code>node.environment</code>: Enables capture of Node.js Environment milestones.</li>
182<li><code>node.fs.sync</code>: Enables capture of trace data for file system sync methods.</li>
183<li><code>node.perf</code>: Enables capture of <a href="perf_hooks.html">Performance API</a> measurements.
184<ul>
185<li><code>node.perf.usertiming</code>: Enables capture of only Performance API User Timing
186measures and marks.</li>
187<li><code>node.perf.timerify</code>: Enables capture of only Performance API timerify
188measurements.</li>
189</ul>
190</li>
191<li><code>node.promises.rejections</code>: Enables capture of trace data tracking the number
192of unhandled Promise rejections and handled-after-rejections.</li>
193<li><code>node.vm.script</code>: Enables capture of trace data for the <code>vm</code> module's
194<code>runInNewContext()</code>, <code>runInContext()</code>, and <code>runInThisContext()</code> methods.</li>
195<li><code>v8</code>: The <a href="v8.html">V8</a> events are GC, compiling, and execution related.</li>
196</ul>
197<p>By default the <code>node</code>, <code>node.async_hooks</code>, and <code>v8</code> categories are enabled.</p>
198<pre><code class="language-bash">node --trace-event-categories v8,node,node.async_hooks server.js</code></pre>
199<p>Prior versions of Node.js required the use of the <code>--trace-events-enabled</code>
200flag to enable trace events. This requirement has been removed. However, the
201<code>--trace-events-enabled</code> flag <em>may</em> still be used and will enable the
202<code>node</code>, <code>node.async_hooks</code>, and <code>v8</code> trace event categories by default.</p>
203<pre><code class="language-bash">node --trace-events-enabled
204
205<span class="hljs-comment"># is equivalent to</span>
206
207node --trace-event-categories v8,node,node.async_hooks</code></pre>
208<p>Alternatively, trace events may be enabled using the <code>trace_events</code> module:</p>
209<pre><code class="language-js"><span class="hljs-keyword">const</span> trace_events = <span class="hljs-built_in">require</span>(<span class="hljs-string">'trace_events'</span>);
210<span class="hljs-keyword">const</span> tracing = trace_events.<span class="hljs-title function_">createTracing</span>({ <span class="hljs-attr">categories</span>: [<span class="hljs-string">'node.perf'</span>] });
211tracing.<span class="hljs-title function_">enable</span>();  <span class="hljs-comment">// Enable trace event capture for the 'node.perf' category</span>
212
213<span class="hljs-comment">// do work</span>
214
215tracing.<span class="hljs-title function_">disable</span>();  <span class="hljs-comment">// Disable trace event capture for the 'node.perf' category</span></code></pre>
216<p>Running Node.js with tracing enabled will produce log files that can be opened
217in the <a href="https://www.chromium.org/developers/how-tos/trace-event-profiling-tool"><code>chrome://tracing</code></a>
218tab of Chrome.</p>
219<p>The logging file is by default called <code>node_trace.${rotation}.log</code>, where
220<code>${rotation}</code> is an incrementing log-rotation id. The filepath pattern can
221be specified with <code>--trace-event-file-pattern</code> that accepts a template
222string that supports <code>${rotation}</code> and <code>${pid}</code>:</p>
223<pre><code class="language-bash">node --trace-event-categories v8 --trace-event-file-pattern <span class="hljs-string">'${pid}-${rotation}.log'</span> server.js</code></pre>
224<p>The tracing system uses the same time source
225as the one used by <code>process.hrtime()</code>.
226However the trace-event timestamps are expressed in microseconds,
227unlike <code>process.hrtime()</code> which returns nanoseconds.</p>
228<p>The features from this module are not available in <a href="worker_threads.html#worker_threads_class_worker"><code>Worker</code></a> threads.</p>
229<section><h3>The <code>trace_events</code> module<span><a class="mark" href="#tracing_the_trace_events_module" id="tracing_the_trace_events_module">#</a></span></h3>
230<div class="api_metadata">
231<span>Added in: v10.0.0</span>
232</div>
233<h4><code>Tracing</code> object<span><a class="mark" href="#tracing_tracing_object" id="tracing_tracing_object">#</a></span></h4>
234<div class="api_metadata">
235<span>Added in: v10.0.0</span>
236</div>
237<p>The <code>Tracing</code> object is used to enable or disable tracing for sets of
238categories. Instances are created using the <code>trace_events.createTracing()</code>
239method.</p>
240<p>When created, the <code>Tracing</code> object is disabled. Calling the
241<code>tracing.enable()</code> method adds the categories to the set of enabled trace event
242categories. Calling <code>tracing.disable()</code> will remove the categories from the
243set of enabled trace event categories.</p>
244<h5><code>tracing.categories</code><span><a class="mark" href="#tracing_tracing_categories" id="tracing_tracing_categories">#</a></span></h5>
245<div class="api_metadata">
246<span>Added in: v10.0.0</span>
247</div>
248<ul>
249<li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#String_type" class="type">&#x3C;string></a></li>
250</ul>
251<p>A comma-separated list of the trace event categories covered by this
252<code>Tracing</code> object.</p>
253<h5><code>tracing.disable()</code><span><a class="mark" href="#tracing_tracing_disable" id="tracing_tracing_disable">#</a></span></h5>
254<div class="api_metadata">
255<span>Added in: v10.0.0</span>
256</div>
257<p>Disables this <code>Tracing</code> object.</p>
258<p>Only trace event categories <em>not</em> covered by other enabled <code>Tracing</code> objects
259and <em>not</em> specified by the <code>--trace-event-categories</code> flag will be disabled.</p>
260<pre><code class="language-js"><span class="hljs-keyword">const</span> trace_events = <span class="hljs-built_in">require</span>(<span class="hljs-string">'trace_events'</span>);
261<span class="hljs-keyword">const</span> t1 = trace_events.<span class="hljs-title function_">createTracing</span>({ <span class="hljs-attr">categories</span>: [<span class="hljs-string">'node'</span>, <span class="hljs-string">'v8'</span>] });
262<span class="hljs-keyword">const</span> t2 = trace_events.<span class="hljs-title function_">createTracing</span>({ <span class="hljs-attr">categories</span>: [<span class="hljs-string">'node.perf'</span>, <span class="hljs-string">'node'</span>] });
263t1.<span class="hljs-title function_">enable</span>();
264t2.<span class="hljs-title function_">enable</span>();
265
266<span class="hljs-comment">// Prints 'node,node.perf,v8'</span>
267<span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(trace_events.<span class="hljs-title function_">getEnabledCategories</span>());
268
269t2.<span class="hljs-title function_">disable</span>(); <span class="hljs-comment">// Will only disable emission of the 'node.perf' category</span>
270
271<span class="hljs-comment">// Prints 'node,v8'</span>
272<span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(trace_events.<span class="hljs-title function_">getEnabledCategories</span>());</code></pre>
273<h5><code>tracing.enable()</code><span><a class="mark" href="#tracing_tracing_enable" id="tracing_tracing_enable">#</a></span></h5>
274<div class="api_metadata">
275<span>Added in: v10.0.0</span>
276</div>
277<p>Enables this <code>Tracing</code> object for the set of categories covered by the
278<code>Tracing</code> object.</p>
279<h5><code>tracing.enabled</code><span><a class="mark" href="#tracing_tracing_enabled" id="tracing_tracing_enabled">#</a></span></h5>
280<div class="api_metadata">
281<span>Added in: v10.0.0</span>
282</div>
283<ul>
284<li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#Boolean_type" class="type">&#x3C;boolean></a> <code>true</code> only if the <code>Tracing</code> object has been enabled.</li>
285</ul>
286<h4><code>trace_events.createTracing(options)</code><span><a class="mark" href="#tracing_trace_events_createtracing_options" id="tracing_trace_events_createtracing_options">#</a></span></h4>
287<div class="api_metadata">
288<span>Added in: v10.0.0</span>
289</div>
290<ul>
291<li><code>options</code> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object" class="type">&#x3C;Object></a>
292<ul>
293<li><code>categories</code> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#String_type" class="type">&#x3C;string[]></a> An array of trace category names. Values included
294in the array are coerced to a string when possible. An error will be
295thrown if the value cannot be coerced.</li>
296</ul>
297</li>
298<li>Returns: <a href="tracing.html#tracing_tracing_object" class="type">&#x3C;Tracing></a>.</li>
299</ul>
300<p>Creates and returns a <code>Tracing</code> object for the given set of <code>categories</code>.</p>
301<pre><code class="language-js"><span class="hljs-keyword">const</span> trace_events = <span class="hljs-built_in">require</span>(<span class="hljs-string">'trace_events'</span>);
302<span class="hljs-keyword">const</span> categories = [<span class="hljs-string">'node.perf'</span>, <span class="hljs-string">'node.async_hooks'</span>];
303<span class="hljs-keyword">const</span> tracing = trace_events.<span class="hljs-title function_">createTracing</span>({ categories });
304tracing.<span class="hljs-title function_">enable</span>();
305<span class="hljs-comment">// do stuff</span>
306tracing.<span class="hljs-title function_">disable</span>();</code></pre>
307<h4><code>trace_events.getEnabledCategories()</code><span><a class="mark" href="#tracing_trace_events_getenabledcategories" id="tracing_trace_events_getenabledcategories">#</a></span></h4>
308<div class="api_metadata">
309<span>Added in: v10.0.0</span>
310</div>
311<ul>
312<li>Returns: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures#String_type" class="type">&#x3C;string></a></li>
313</ul>
314<p>Returns a comma-separated list of all currently-enabled trace event
315categories. The current set of enabled trace event categories is determined
316by the <em>union</em> of all currently-enabled <code>Tracing</code> objects and any categories
317enabled using the <code>--trace-event-categories</code> flag.</p>
318<p>Given the file <code>test.js</code> below, the command
319<code>node --trace-event-categories node.perf test.js</code> will print
320<code>'node.async_hooks,node.perf'</code> to the console.</p>
321<pre><code class="language-js"><span class="hljs-keyword">const</span> trace_events = <span class="hljs-built_in">require</span>(<span class="hljs-string">'trace_events'</span>);
322<span class="hljs-keyword">const</span> t1 = trace_events.<span class="hljs-title function_">createTracing</span>({ <span class="hljs-attr">categories</span>: [<span class="hljs-string">'node.async_hooks'</span>] });
323<span class="hljs-keyword">const</span> t2 = trace_events.<span class="hljs-title function_">createTracing</span>({ <span class="hljs-attr">categories</span>: [<span class="hljs-string">'node.perf'</span>] });
324<span class="hljs-keyword">const</span> t3 = trace_events.<span class="hljs-title function_">createTracing</span>({ <span class="hljs-attr">categories</span>: [<span class="hljs-string">'v8'</span>] });
325
326t1.<span class="hljs-title function_">enable</span>();
327t2.<span class="hljs-title function_">enable</span>();
328
329<span class="hljs-variable language_">console</span>.<span class="hljs-title function_">log</span>(trace_events.<span class="hljs-title function_">getEnabledCategories</span>());</code></pre></section>
330        <!-- API END -->
331      </div>
332    </div>
333  </div>
334  <script>
335    'use strict';
336    {
337      const kCustomPreference = 'customDarkTheme';
338      const userSettings = sessionStorage.getItem(kCustomPreference);
339      const themeToggleButton = document.getElementById('theme-toggle-btn');
340      if (userSettings === null && window.matchMedia) {
341        const mq = window.matchMedia('(prefers-color-scheme: dark)');
342        if ('onchange' in mq) {
343          function mqChangeListener(e) {
344            document.body.classList.toggle('dark-mode', e.matches);
345          }
346          mq.addEventListener('change', mqChangeListener);
347          if (themeToggleButton) {
348            themeToggleButton.addEventListener('click', function() {
349              mq.removeEventListener('change', mqChangeListener);
350            }, { once: true });
351          }
352        }
353        if (mq.matches) {
354          document.body.classList.add('dark-mode');
355        }
356      } else if (userSettings === 'true') {
357        document.body.classList.add('dark-mode');
358      }
359      if (themeToggleButton) {
360        themeToggleButton.hidden = false;
361        themeToggleButton.addEventListener('click', function() {
362          sessionStorage.setItem(
363            kCustomPreference,
364            document.body.classList.toggle('dark-mode')
365          );
366        });
367      }
368    }
369  </script>
370</body>
371</html>
372