// Copyright 2015 the V8 project authors. All rights reserved.
|
// Use of this source code is governed by a BSD-style license that can be
|
// found in the LICENSE file.
|
|
import {PROF_COLS, UNICODE_BLOCK} from "./constants.js"
|
import {SelectionBroker} from "./selection-broker.js"
|
import {TextView} from "./text-view.js"
|
|
export class DisassemblyView extends TextView {
|
SOURCE_POSITION_HEADER_REGEX: any;
|
addr_event_counts: any;
|
total_event_counts: any;
|
max_event_counts: any;
|
pos_lines: Array<any>;
|
|
createViewElement() {
|
const pane = document.createElement('div');
|
pane.setAttribute('id', "disassembly");
|
pane.innerHTML =
|
`<pre id='disassembly-text-pre' class='prettyprint prettyprinted'>
|
<ul id='disassembly-list' class='nolinenums noindent'>
|
</ul>
|
</pre>`;
|
return pane;
|
}
|
|
constructor(parentId, broker: SelectionBroker) {
|
super(parentId, broker, null);
|
let view = this;
|
const sourceResolver = broker.sourceResolver;
|
let ADDRESS_STYLE = {
|
css: 'tag',
|
linkHandler: function (text, fragment) {
|
const matches = text.match(/0x[0-9a-f]{8,16}\s*(?<offset>[0-9a-f]+)/);
|
const offset = Number.parseInt(matches.groups["offset"], 16);
|
if (!Number.isNaN(offset)) {
|
const [nodes, blockId] = sourceResolver.nodesForPCOffset(offset)
|
console.log("nodes for", offset, offset.toString(16), " are ", nodes);
|
if (nodes.length > 0) {
|
for (const nodeId of nodes) {
|
view.addHtmlElementForNodeId(nodeId, fragment);
|
}
|
return (e) => {
|
console.log(offset, nodes);
|
e.stopPropagation();
|
if (!e.shiftKey) {
|
view.selectionHandler.clear();
|
}
|
view.selectionHandler.select(nodes, true);
|
};
|
}
|
}
|
return undefined;
|
}
|
};
|
let ADDRESS_LINK_STYLE = {
|
css: 'tag'
|
};
|
let UNCLASSIFIED_STYLE = {
|
css: 'com'
|
};
|
let NUMBER_STYLE = {
|
css: 'lit'
|
};
|
let COMMENT_STYLE = {
|
css: 'com'
|
};
|
let POSITION_STYLE = {
|
css: 'com',
|
};
|
let OPCODE_STYLE = {
|
css: 'kwd',
|
};
|
const BLOCK_HEADER_STYLE = {
|
css: ['com', 'block'],
|
block_id: null,
|
blockId: function (text) {
|
let matches = /\d+/.exec(text);
|
if (!matches) return undefined;
|
BLOCK_HEADER_STYLE.block_id = Number(matches[0]);
|
return BLOCK_HEADER_STYLE.block_id;
|
},
|
linkHandler: function (text) {
|
let matches = /\d+/.exec(text);
|
if (!matches) return undefined;
|
const blockId = matches[0];
|
return function (e) {
|
e.stopPropagation();
|
if (!e.shiftKey) {
|
view.selectionHandler.clear();
|
}
|
view.blockSelectionHandler.select([blockId], true);
|
};
|
}
|
};
|
const SOURCE_POSITION_HEADER_STYLE = {
|
css: 'com'
|
};
|
view.SOURCE_POSITION_HEADER_REGEX = /^\s*--[^<]*<.*(not inlined|inlined\((\d+)\)):(\d+)>\s*--/;
|
let patterns = [
|
[
|
[/^0x[0-9a-f]{8,16}\s*[0-9a-f]+\ /, ADDRESS_STYLE, 1],
|
[view.SOURCE_POSITION_HEADER_REGEX, SOURCE_POSITION_HEADER_STYLE, -1],
|
[/^\s+-- B\d+ start.*/, BLOCK_HEADER_STYLE, -1],
|
[/^.*/, UNCLASSIFIED_STYLE, -1]
|
],
|
[
|
[/^\s+[0-9a-f]+\s+/, NUMBER_STYLE, 2],
|
[/^\s+[0-9a-f]+\s+[0-9a-f]+\s+/, NUMBER_STYLE, 2],
|
[/^.*/, null, -1]
|
],
|
[
|
[/^\S+\s+/, OPCODE_STYLE, 3],
|
[/^\S+$/, OPCODE_STYLE, -1],
|
[/^.*/, null, -1]
|
],
|
[
|
[/^\s+/, null],
|
[/^[^\(;]+$/, null, -1],
|
[/^[^\(;]+/, null],
|
[/^\(/, null, 4],
|
[/^;/, COMMENT_STYLE, 5]
|
],
|
[
|
[/^0x[0-9a-f]{8,16}/, ADDRESS_LINK_STYLE],
|
[/^[^\)]/, null],
|
[/^\)$/, null, -1],
|
[/^\)/, null, 3]
|
],
|
[
|
[/^; debug\: position /, COMMENT_STYLE, 6],
|
[/^.+$/, COMMENT_STYLE, -1]
|
],
|
[
|
[/^\d+$/, POSITION_STYLE, -1],
|
]
|
];
|
view.setPatterns(patterns);
|
}
|
|
initializeCode(sourceText, sourcePosition) {
|
let view = this;
|
view.addr_event_counts = null;
|
view.total_event_counts = null;
|
view.max_event_counts = null;
|
view.pos_lines = new Array();
|
// Comment lines for line 0 include sourcePosition already, only need to
|
// add sourcePosition for lines > 0.
|
view.pos_lines[0] = sourcePosition;
|
if (sourceText && sourceText != "") {
|
let base = sourcePosition;
|
let current = 0;
|
let source_lines = sourceText.split("\n");
|
for (let i = 1; i < source_lines.length; i++) {
|
// Add 1 for newline character that is split off.
|
current += source_lines[i - 1].length + 1;
|
view.pos_lines[i] = base + current;
|
}
|
}
|
}
|
|
initializePerfProfile(eventCounts) {
|
let view = this;
|
if (eventCounts !== undefined) {
|
view.addr_event_counts = eventCounts;
|
|
view.total_event_counts = {};
|
view.max_event_counts = {};
|
for (let ev_name in view.addr_event_counts) {
|
let keys = Object.keys(view.addr_event_counts[ev_name]);
|
let values = keys.map(key => view.addr_event_counts[ev_name][key]);
|
view.total_event_counts[ev_name] = values.reduce((a, b) => a + b);
|
view.max_event_counts[ev_name] = values.reduce((a, b) => Math.max(a, b));
|
}
|
}
|
else {
|
view.addr_event_counts = null;
|
view.total_event_counts = null;
|
view.max_event_counts = null;
|
}
|
}
|
|
// Shorten decimals and remove trailing zeroes for readability.
|
humanize(num) {
|
return num.toFixed(3).replace(/\.?0+$/, "") + "%";
|
}
|
|
// Interpolate between the given start and end values by a fraction of val/max.
|
interpolate(val, max, start, end) {
|
return start + (end - start) * (val / max);
|
}
|
|
processLine(line) {
|
let view = this;
|
let fragments = super.processLine(line);
|
|
// Add profiling data per instruction if available.
|
if (view.total_event_counts) {
|
let matches = /^(0x[0-9a-fA-F]+)\s+\d+\s+[0-9a-fA-F]+/.exec(line);
|
if (matches) {
|
let newFragments = [];
|
for (let event in view.addr_event_counts) {
|
let count = view.addr_event_counts[event][matches[1]];
|
let str = " ";
|
let css_cls = "prof";
|
if (count !== undefined) {
|
let perc = count / view.total_event_counts[event] * 100;
|
|
let col = { r: 255, g: 255, b: 255 };
|
for (let i = 0; i < PROF_COLS.length; i++) {
|
if (perc === PROF_COLS[i].perc) {
|
col = PROF_COLS[i].col;
|
break;
|
}
|
else if (perc > PROF_COLS[i].perc && perc < PROF_COLS[i + 1].perc) {
|
let col1 = PROF_COLS[i].col;
|
let col2 = PROF_COLS[i + 1].col;
|
|
let val = perc - PROF_COLS[i].perc;
|
let max = PROF_COLS[i + 1].perc - PROF_COLS[i].perc;
|
|
col.r = Math.round(view.interpolate(val, max, col1.r, col2.r));
|
col.g = Math.round(view.interpolate(val, max, col1.g, col2.g));
|
col.b = Math.round(view.interpolate(val, max, col1.b, col2.b));
|
break;
|
}
|
}
|
|
str = UNICODE_BLOCK;
|
|
let fragment = view.createFragment(str, css_cls);
|
fragment.title = event + ": " + view.humanize(perc) + " (" + count + ")";
|
fragment.style.color = "rgb(" + col.r + ", " + col.g + ", " + col.b + ")";
|
|
newFragments.push(fragment);
|
}
|
else
|
newFragments.push(view.createFragment(str, css_cls));
|
|
}
|
fragments = newFragments.concat(fragments);
|
}
|
}
|
return fragments;
|
}
|
|
detachSelection() { return null; }
|
}
|
