Chromium Code Reviews Chromium Code Reviews
Issue 2629113003:
DevTools: visualize dependencies using jquery.graphviz.svg (Closed)
| Index: third_party/WebKit/Source/devtools/scripts/visualize_deps/jquery_svg.html |
| diff --git a/third_party/WebKit/Source/devtools/scripts/visualize_deps/jquery_svg.html b/third_party/WebKit/Source/devtools/scripts/visualize_deps/jquery_svg.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..2522d5dd057691e56e5783706fca06f9130ee5e3 |
| --- /dev/null |
| +++ b/third_party/WebKit/Source/devtools/scripts/visualize_deps/jquery_svg.html |
| @@ -0,0 +1,57 @@ |
| +<!-- |
| + * Copyright (c) 2015 Mountainstorm |
|
pfeldman
2017/01/13 00:41:43
You don't need to copy this file, we should use a
|
| + * |
| + * Permission is hereby granted, free of charge, to any person obtaining a copy |
| + * of this software and associated documentation files (the "Software"), to deal |
| + * in the Software without restriction, including without limitation the rights |
| + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
| + * copies of the Software, and to permit persons to whom the Software is |
| + * furnished to do so, subject to the following conditions: |
| + * |
| + * The above copyright notice and this permission notice shall be included in all |
| + * copies or substantial portions of the Software. |
| + * |
| + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
| + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
| + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
| + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
| + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
| + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
| + * SOFTWARE. |
| + --> |
| +<html> |
| +<head> |
| + <link rel="stylesheet" href="http://cdn.rawgit.com/mountainstorm/jquery.graphviz.svg/master/css/graphviz.svg.css"> |
| +</head> |
| +<body> |
| +<div id="graph" style="width: 100%; height: 100%; overflow: scroll; position: relative;"></div> |
| +<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script> |
| +<script type="text/javascript" src="https://cdn.rawgit.com/jquery/jquery-mousewheel/master/jquery.mousewheel.min.js"></script> |
| +<script type="text/javascript" src="https://cdn.rawgit.com/jquery/jquery-color/master/jquery.color.js"></script> |
| +<script type="text/javascript" src="http://cdn.rawgit.com/mountainstorm/jquery.graphviz.svg/master/js/jquery.graphviz.svg.js"></script> |
| + |
| +<script> |
| + $(document).ready(function() { |
| + $("#graph").graphviz({ |
| + url: "out/dependencies.dot.svg", |
| + ready: function() { |
| + var gv = this |
| + gv.nodes().click(function() { |
| + var $set = $() |
| + $set.push(this) |
| + $set = $set.add(gv.linkedFrom(this, true)) |
| + $set = $set.add(gv.linkedTo(this, true)) |
| + gv.highlight($set, true) |
| + gv.bringToFront($set) |
| + }) |
| + $(document).keydown(function(evt) { |
| + if (evt.keyCode == 27) { |
| + gv.highlight() |
| + } |
| + }) |
| + } |
| + }); |
| + }); |
| +</script> |
| +</body> |
| +</html> |
