16 # Documentation browser under "/perldoc"
21 $self->render('index');
24 get '/jit_tree/:id/:depth' => sub {
26 my $id = $self->stash('id');
27 my $depth = $self->stash('depth');
28 warn "jit_tree $id $depth";
29 my $node_tree = _fetch_node_tree($id, $depth);
30 my $jit_tree = _transform_node_tree($node_tree, sub {
32 my $children = delete $node->{children}; # XXX edits the src tree
33 $node->{'$area'} = $node->{self_size}+$node->{kids_size};
36 name => $node->{name},
39 $jit_node->{children} = $children if $children;
44 use Data::Dump qw(pp);
45 local $jit_tree->{children};
48 $self->render_json($jit_tree);
51 sub _fetch_node_tree {
52 my ($id, $depth) = @_;
53 my $node = MemView->selectrow_hashref("select * from node where id = ?", undef, $id)
54 or die "Node '$id' not found";
55 if ($node->{child_ids}) {
56 my @child_ids = split /,/, $node->{child_ids};
58 if (@child_ids == 1) {
59 my $child = _fetch_node_tree($child_ids[0], $depth); # same depth
60 # merge node into child
61 # XXX id, depth, parent_id
62 warn "Merged $node->{name} #$node->{id} with only child $child->{name} #$child->{id}\n";
63 $child->{name} = "$node->{name} + $child->{name}";
64 $child->{$_} += $node->{$_} for (qw(self_size));
65 $child->{$_} = $node->{$_} for (qw(parent_id));
67 $child->{_ids_merged} .= ",$node->{id}";
68 my @child_ids = split /,/, $node->{child_ids};
69 $child->{child_count} = @child_ids;
74 $children = [ map { _fetch_node_tree($_, $depth-1) } @child_ids ];
75 $node->{children} = $children;
76 $node->{child_count} = @$children;
82 sub _transform_node_tree { # recurse depth first
83 my ($node, $transform) = @_;
84 if (my $children = $node->{children}) {
85 $_ = _transform_node_tree($_, $transform) for @$children;
87 return $transform->($node);
96 Welcome to the Mojolicious real-time web framework!
98 @@ layouts/default.html.ep
101 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
102 <title>Perl Memory Treemap</title>
105 <link type="text/css" href="css/base.css" rel="stylesheet" />
106 <link type="text/css" href="css/Treemap.css" rel="stylesheet" />
108 <!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
110 <!-- JIT Library File -->
111 <script language="javascript" type="text/javascript" src="jit.js"></script>
112 <script language="javascript" type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
114 <!-- Example File -->
115 <script language="javascript" type="text/javascript" src="sprintf.js"></script>
116 <script language="javascript" type="text/javascript" src="tm.js"></script>
119 <body onload="init();">
122 <div id="left-container">
128 Clicking on a node will show a new TreeMap with the contents of that node.<br /><br />
131 <a id="back" href="#" class="theme button white">Go to Parent</a>
134 <div id="center-container">
135 <div id="infovis"></div>
138 <div id="right-container">
140 <div id="inner-details"></div>