From b0f2b24ab2cc7240e41f08e83e2d20a7d89fe9d7 Mon Sep 17 00:00:00 2001
From: Brian Warner <warner@lothar.com>
Date: Fri, 3 Jun 2016 22:56:27 -0700
Subject: [PATCH] render websocket establishment in timeline

---
 misc/web/timeline.css | 4 ++++
 misc/web/timeline.js  | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/misc/web/timeline.css b/misc/web/timeline.css
index d527f12..44bae10 100644
--- a/misc/web/timeline.css
+++ b/misc/web/timeline.css
@@ -48,6 +48,10 @@ rect.proc-span-import {
     fill: #fcc;
 }
 
+rect.proc-span-websocket {
+    fill: #cfc;
+}
+
 rect.api {
     fill: #cfc;
 }
diff --git a/misc/web/timeline.js b/misc/web/timeline.js
index d4cf0a8..9cf621e 100644
--- a/misc/web/timeline.js
+++ b/misc/web/timeline.js
@@ -57,6 +57,7 @@ const server_message_color = {
 
 const proc_map = {
     "command dispatch": "dispatch",
+    "open websocket": "websocket",
     "code established": "code-established",
     "key established": "key-established",
     "transit connected": "transit-connected",
@@ -135,6 +136,8 @@ d3.json("data.json", function(d) {
         if (proc_map[e.name]) {
             rel_e.category = "proc";
             rel_e.x = x_offset(3, side_name);
+            if (e.name === "open websocket")
+                rel_e.x = x_offset(4, side_name);
             rel_e.text = proc_map[e.name];
             if (e.name === "import")
                 rel_e.text += " " + e.details.which;