From ef7dc94907027233784a01b28f8e5562e3ed2816 Mon Sep 17 00:00:00 2001 From: Harrison Harnisch Date: Fri, 21 Aug 2015 00:57:43 -0700 Subject: [PATCH] UI CPU and memory utilization graphs in Chrome debugging mode Summary: Chrome debugging UI is currently only showing connection state and logs in the console, leaving room for plenty of interesting information. I've pushed the UI (using the same convention set by FPS -- UI/JS) CPU and memory utilization data over the debug Websocket and tapped into the existing stream of JS calls that get ran in V8. The number of JS calls in a time interval is counted for all sub calls in a batch https://github.com/hharnisc/react-native/blob/master/packager/debugger.html#L150 The last 5 batches of JS calls are displayed in a list format. screen shot 2015-07-19 at 7 34 00 pm Charts are created with [Chart.JS](https://github.com/nnnick/Chart.js) (MIT licensed). Closes https://github.com/facebook/react-native/pull/2050 Github Author: Harrison Harnisch --- debugger.html | 302 +- packager.js | 7 + static/Chart.min.js | 11 + static/JSXTransformer-0.13.3.js | 15919 ++++++++++++++++++++++++++++++ static/react-0.13.3.min.js | 16 + 5 files changed, 16250 insertions(+), 5 deletions(-) create mode 100644 static/Chart.min.js create mode 100644 static/JSXTransformer-0.13.3.js create mode 100644 static/react-0.13.3.min.js diff --git a/debugger.html b/debugger.html index 24f8aea5..f152d9e1 100644 --- a/debugger.html +++ b/debugger.html @@ -14,8 +14,197 @@ React Native Debugger - + + +