#### weiner页面调试界面
>
#### anyproxy抓包界面
>
安装
------------
Windows 下
```
npm install spy-debugger -g
```
Mac 下
```
sudo npm install spy-debugger -g
```
## 三分钟上手
>
第一步：手机和PC保持在同一网络下（比如同时连到一个Wi-Fi下）
>
第二步：命令行输入`spy-debugger`，按命令行提示用浏览器打开相应地址。
>
第三步：设置手机的HTTP代理，代理IP地址设置为PC的IP地址，端口为`spy-debugger`的启动端口(默认端口：9888)。
- Android设置代理步骤：`设置 - WLAN - 长按选中网络 - 修改网络 - 高级 - 代理设置 - 手动`
- iOS设置代理步骤：`设置 - 无线局域网 - 选中网络 - HTTP代理手动`
>
第四步：手机安装证书。**注：手机必须先设置完代理后再通过(非微信)手机浏览器访问`http://s.xxx`[`(地址二维码)`](demo/img/QRCodeForCert.png)安装证书**（手机首次调试需要安装证书，已安装了证书的手机无需重复安装)。[iOS新安装的证书需要手动打开证书信任](https://github.com/wuchangming/spy-debugger/issues/42)
>
第五步：用手机浏览器访问你要调试的页面即可。
自定义选项
------------
#### 端口
>
(默认端口：9888)
```
spy-debugger -p 8888
```
#### 设置外部代理（默认使用AnyProxy）
>
```
spy-debugger -e http://127.0.0.1:8888
```
spy-debugger内置AnyProxy提供抓包功能，但是也可通过设置外部代理和其它抓包代理工具一起使用，如：Charles、Fiddler。
#### 设置页面内容为可编辑模式
>
该功能使页面内容修改更加直观方便。
(默认： false)
```
spy-debugger -w true
```
内部实现原理：在需要调试的页面内注入代码：`document.body.contentEditable=true`。暂不支持使用了iscroll框架的页面。
#### 是否允许weinre监控iframe加载的页面
>
(默认： false)
```
spy-debugger -i true
```
#### 是否只拦截浏览器发起的https请求 【PS：由于 `iOS 15` 调整代理协议，已无法检测请求是否浏览器发起】
>
(默认： false)
```
spy-debugger -b true
```
有些浏览器发出的connect请求没有正确的携带userAgent，这个判断有时候会出错，如**UC浏览器**。这个时候需要设置为false。大多数情况建议启用默认配置：true，由于目前大量App应用自身（非WebView）发出的请求会使用到SSL pinning技术，自定义的证书将不能通过app的证书校验。
#### 是否允许HTTP缓存
>
(默认： false)
```
spy-debugger -c true
```
更多
------------
- 修复`weinre`在`node.js` V7版本会崩溃的bug
- 对`weinre`在页面`document ready`事件前，无法打印console.log日志进行了增强修复。
- 增强`weinre`打印未捕获异常(Uncaught Exceptions)功能。
- `spy-debugger`原理是集成了`weinre`，简化了`weinre`需要给每个调试的页面添加js代码。`spy-debugger`原理是拦截所有html页面请求注入`weinre`所需要的js代码。让页面调试更加方便。
================================================
FILE: README_EN.md
================================================
About spy-debugger
==========
Spy-debugger is one-stop pages inspection and debugger proxy. Spy-debugger can inspect and debugger all the mobile end browers and webview HTML page within the request of HTTP and HTTPS, such as Wechat, Facebook, HybridApp and so on.
[](https://www.npmjs.com/package/spy-debugger)
[](https://www.npmjs.com/package/spy-debugger)
[](https://travis-ci.org/wuchangming/spy-debugger)
语言: [中文](./README.md)
Functions
------------
1、HTML page inspection ＋ debugger
2、[Easy to use](#only-3-mins-to-set-up)
3、**Support HTTPS**
4、`spy-debugger` integrated [`weinre`](http://people.apache.org/~pmuellr/weinre/docs/latest/)、[`node-mitmproxy`](https://github.com/wuchangming/node-mitmproxy)、[`AnyProxy`](https://github.com/alibaba/anyproxy)
5、`spy-debugger` automately overlooks the HTTPS requests from native App, and it only intercepts the HTTPS requests from webview. It will not cause any impacts to the native App that used SSL pinning.
6、`spy-debugger` can be better to use other debugger proxies such as Charles. the default debugger proxy in `spy-debugger` is AnyProxy.[(Set up the exterior proxy)](#set-up-the-exterior-proxy-default-proxy-anyproxy)
Demo
------------
#### Page inspection
- .
var x = root.totalOffsetLeft + root.offsetWidth - 20;
var y = event.pageY;
// Our list items have 1-pixel cracks between them vertically. We avoid
// the cracks by checking slightly above and slightly below the mouse
// and seeing if we hit the same element each time.
var elementUnderMouse = this.treeElementFromPoint(x, y);
var elementAboveMouse = this.treeElementFromPoint(x, y - 2);
var element;
if (elementUnderMouse === elementAboveMouse)
element = elementUnderMouse;
else
element = this.treeElementFromPoint(x, y + 2);
return element;
},
_onmousedown: function(event)
{
var element = this._treeElementFromEvent(event);
if (!element || element.isEventWithinDisclosureTriangle(event))
return;
element.select();
},
_onmousemove: function(event)
{
var element = this._treeElementFromEvent(event);
if (element && this._previousHoveredElement === element)
return;
if (this._previousHoveredElement) {
this._previousHoveredElement.hovered = false;
delete this._previousHoveredElement;
}
if (element) {
element.hovered = true;
this._previousHoveredElement = element;
// Lazily compute tag-specific tooltips.
if (element.representedObject && !element.tooltip)
element._createTooltipForNode();
}
WebInspector.highlightDOMNode(element ? element.representedObject.id : 0);
},
_onmouseout: function(event)
{
var nodeUnderMouse = document.elementFromPoint(event.pageX, event.pageY);
if (nodeUnderMouse && nodeUnderMouse.isDescendant(this.element))
return;
if (this._previousHoveredElement) {
this._previousHoveredElement.hovered = false;
delete this._previousHoveredElement;
}
WebInspector.highlightDOMNode(0);
},
_contextMenuEventFired: function(event)
{
var listItem = event.target.enclosingNodeOrSelfWithNodeName("LI");
if (!listItem || !listItem.treeElement)
return;
var contextMenu = new WebInspector.ContextMenu();
if (this.showInElementsPanelEnabled) {
function focusElement()
{
WebInspector.panels.elements.switchToAndFocus(listItem.treeElement.representedObject);
}
contextMenu.appendItem(WebInspector.UIString("Reveal in Elements Panel"), focusElement.bind(this));
} else {
var href = event.target.enclosingNodeOrSelfWithClass("webkit-html-resource-link") || event.target.enclosingNodeOrSelfWithClass("webkit-html-external-link");
var tag = event.target.enclosingNodeOrSelfWithClass("webkit-html-tag");
var textNode = event.target.enclosingNodeOrSelfWithClass("webkit-html-text-node");
var needSeparator;
if (href)
needSeparator = WebInspector.panels.elements.populateHrefContextMenu(contextMenu, event, href);
if (tag && listItem.treeElement._populateTagContextMenu) {
if (needSeparator)
contextMenu.appendSeparator();
listItem.treeElement._populateTagContextMenu(contextMenu, event);
} else if (textNode && listItem.treeElement._populateTextContextMenu) {
if (needSeparator)
contextMenu.appendSeparator();
listItem.treeElement._populateTextContextMenu(contextMenu, textNode);
}
}
contextMenu.show(event);
}
}
WebInspector.ElementsTreeOutline.prototype.__proto__ = TreeOutline.prototype;
WebInspector.ElementsTreeElement = function(node, elementCloseTag)
{
this._elementCloseTag = elementCloseTag;
var hasChildrenOverride = !elementCloseTag && node.hasChildNodes() && !this._showInlineText(node);
// The title will be updated in onattach.
TreeElement.call(this, "", node, hasChildrenOverride);
if (this.representedObject.nodeType == Node.ELEMENT_NODE && !elementCloseTag)
this._canAddAttributes = true;
this._searchQuery = null;
this._expandedChildrenLimit = WebInspector.ElementsTreeElement.InitialChildrenLimit;
}
WebInspector.ElementsTreeElement.InitialChildrenLimit = 500;
// A union of HTML4 and HTML5-Draft elements that explicitly
// or implicitly (for HTML5) forbid the closing tag.
// FIXME: Revise once HTML5 Final is published.
WebInspector.ElementsTreeElement.ForbiddenClosingTagElements = [
"area", "base", "basefont", "br", "canvas", "col", "command", "embed", "frame",
"hr", "img", "input", "isindex", "keygen", "link", "meta", "param", "source"
].keySet();
// These tags we do not allow editing their tag name.
WebInspector.ElementsTreeElement.EditTagBlacklist = [
"html", "head", "body"
].keySet();
WebInspector.ElementsTreeElement.prototype = {
highlightSearchResults: function(searchQuery)
{
if (this._searchQuery === searchQuery)
return;
this._searchQuery = searchQuery;
this.updateTitle();
},
get hovered()
{
return this._hovered;
},
set hovered(x)
{
if (this._hovered === x)
return;
this._hovered = x;
if (this.listItemElement) {
if (x) {
this.updateSelection();
this.listItemElement.addStyleClass("hovered");
} else {
this.listItemElement.removeStyleClass("hovered");
}
}
},
get expandedChildrenLimit()
{
return this._expandedChildrenLimit;
},
set expandedChildrenLimit(x)
{
if (this._expandedChildrenLimit === x)
return;
this._expandedChildrenLimit = x;
if (this.treeOutline && !this._updateChildrenInProgress)
this._updateChildren(true);
},
get expandedChildCount()
{
var count = this.children.length;
if (count && this.children[count - 1]._elementCloseTag)
count--;
if (count && this.children[count - 1].expandAllButton)
count--;
return count;
},
showChild: function(index)
{
if (this._elementCloseTag)
return;
if (index >= this.expandedChildrenLimit) {
this._expandedChildrenLimit = index + 1;
this._updateChildren(true);
}
// Whether index-th child is visible in the children tree
return this.expandedChildCount > index;
},
_createTooltipForNode: function()
{
var node = this.representedObject;
if (!node.nodeName || node.nodeName.toLowerCase() !== "img")
return;
function setTooltip(properties)
{
if (!properties)
return;
if (properties.offsetHeight === properties.naturalHeight && properties.offsetWidth === properties.naturalWidth)
this.tooltip = WebInspector.UIString("%d × %d pixels", properties.offsetWidth, properties.offsetHeight);
else
this.tooltip = WebInspector.UIString("%d × %d pixels (Natural: %d × %d pixels)", properties.offsetWidth, properties.offsetHeight, properties.naturalWidth, properties.naturalHeight);
}
InspectorBackend.getNodeProperties(node.id, ["naturalHeight", "naturalWidth", "offsetHeight", "offsetWidth"], setTooltip.bind(this));
},
updateSelection: function()
{
var listItemElement = this.listItemElement;
if (!listItemElement)
return;
if (document.body.offsetWidth <= 0) {
// The stylesheet hasn't loaded yet or the window is closed,
// so we can't calculate what is need. Return early.
return;
}
if (!this.selectionElement) {
this.selectionElement = document.createElement("div");
this.selectionElement.className = "selection selected";
listItemElement.insertBefore(this.selectionElement, listItemElement.firstChild);
}
this.selectionElement.style.height = listItemElement.offsetHeight + "px";
},
onattach: function()
{
if (this._hovered) {
this.updateSelection();
this.listItemElement.addStyleClass("hovered");
}
this.updateTitle();
this._preventFollowingLinksOnDoubleClick();
},
_preventFollowingLinksOnDoubleClick: function()
{
var links = this.listItemElement.querySelectorAll("li > .webkit-html-tag > .webkit-html-attribute > .webkit-html-external-link, li > .webkit-html-tag > .webkit-html-attribute > .webkit-html-resource-link");
if (!links)
return;
for (var i = 0; i < links.length; ++i)
links[i].preventFollowOnDoubleClick = true;
},
onpopulate: function()
{
if (this.children.length || this._showInlineText(this.representedObject) || this._elementCloseTag)
return;
this.updateChildren();
},
updateChildren: function(fullRefresh)
{
if (this._elementCloseTag)
return;
WebInspector.domAgent.getChildNodesAsync(this.representedObject, this._updateChildren.bind(this, fullRefresh));
},
insertChildElement: function(child, index, closingTag)
{
var newElement = new WebInspector.ElementsTreeElement(child, closingTag);
newElement.selectable = this.treeOutline.selectEnabled;
this.insertChild(newElement, index);
return newElement;
},
moveChild: function(child, targetIndex)
{
var wasSelected = child.selected;
this.removeChild(child);
this.insertChild(child, targetIndex);
if (wasSelected)
child.select();
},
_updateChildren: function(fullRefresh)
{
if (this._updateChildrenInProgress)
return;
this._updateChildrenInProgress = true;
var focusedNode = this.treeOutline.focusedDOMNode;
var originalScrollTop;
if (fullRefresh) {
var treeOutlineContainerElement = this.treeOutline.element.parentNode;
originalScrollTop = treeOutlineContainerElement.scrollTop;
var selectedTreeElement = this.treeOutline.selectedTreeElement;
if (selectedTreeElement && selectedTreeElement.hasAncestor(this))
this.select();
this.removeChildren();
}
var treeElement = this;
var treeChildIndex = 0;
var elementToSelect;
function updateChildrenOfNode(node)
{
var treeOutline = treeElement.treeOutline;
var child = node.firstChild;
while (child) {
var currentTreeElement = treeElement.children[treeChildIndex];
if (!currentTreeElement || currentTreeElement.representedObject !== child) {
// Find any existing element that is later in the children list.
var existingTreeElement = null;
for (var i = (treeChildIndex + 1), size = treeElement.expandedChildCount; i < size; ++i) {
if (treeElement.children[i].representedObject === child) {
existingTreeElement = treeElement.children[i];
break;
}
}
if (existingTreeElement && existingTreeElement.parent === treeElement) {
// If an existing element was found and it has the same parent, just move it.
treeElement.moveChild(existingTreeElement, treeChildIndex);
} else {
// No existing element found, insert a new element.
if (treeChildIndex < treeElement.expandedChildrenLimit) {
var newElement = treeElement.insertChildElement(child, treeChildIndex);
if (child === focusedNode)
elementToSelect = newElement;
if (treeElement.expandedChildCount > treeElement.expandedChildrenLimit)
treeElement.expandedChildrenLimit++;
}
}
}
child = child.nextSibling;
++treeChildIndex;
}
}
// Remove any tree elements that no longer have this node (or this node's contentDocument) as their parent.
for (var i = (this.children.length - 1); i >= 0; --i) {
var currentChild = this.children[i];
var currentNode = currentChild.representedObject;
var currentParentNode = currentNode.parentNode;
if (currentParentNode === this.representedObject)
continue;
var selectedTreeElement = this.treeOutline.selectedTreeElement;
if (selectedTreeElement && (selectedTreeElement === currentChild || selectedTreeElement.hasAncestor(currentChild)))
this.select();
this.removeChildAtIndex(i);
}
updateChildrenOfNode(this.representedObject);
this.adjustCollapsedRange(false);
var lastChild = this.children[this.children.length - 1];
if (this.representedObject.nodeType == Node.ELEMENT_NODE && (!lastChild || !lastChild._elementCloseTag))
this.insertChildElement(this.representedObject, this.children.length, true);
// We want to restore the original selection and tree scroll position after a full refresh, if possible.
if (fullRefresh && elementToSelect) {
elementToSelect.select();
if (treeOutlineContainerElement && originalScrollTop <= treeOutlineContainerElement.scrollHeight)
treeOutlineContainerElement.scrollTop = originalScrollTop;
}
delete this._updateChildrenInProgress;
},
adjustCollapsedRange: function()
{
// Ensure precondition: only the tree elements for node children are found in the tree
// (not the Expand All button or the closing tag).
if (this.expandAllButtonElement && this.expandAllButtonElement.__treeElement.parent)
this.removeChild(this.expandAllButtonElement.__treeElement);
var node = this.representedObject;
if (!node.children)
return;
var childNodeCount = node.children.length;
// In case some nodes from the expanded range were removed, pull some nodes from the collapsed range into the expanded range at the bottom.
for (var i = this.expandedChildCount, limit = Math.min(this.expandedChildrenLimit, childNodeCount); i < limit; ++i)
this.insertChildElement(node.children[i], i);
var expandedChildCount = this.expandedChildCount;
if (childNodeCount > this.expandedChildCount) {
var targetButtonIndex = expandedChildCount;
if (!this.expandAllButtonElement) {
var item = new TreeElement(null, null, false);
item.titleHTML = "";
item.selectable = false;
item.expandAllButton = true;
this.insertChild(item, targetButtonIndex);
this.expandAllButtonElement = item.listItemElement.firstChild;
this.expandAllButtonElement.__treeElement = item;
this.expandAllButtonElement.addEventListener("click", this.handleLoadAllChildren.bind(this), false);
} else if (!this.expandAllButtonElement.__treeElement.parent)
this.insertChild(this.expandAllButtonElement.__treeElement, targetButtonIndex);
this.expandAllButtonElement.textContent = WebInspector.UIString("Show All Nodes (%d More)", childNodeCount - expandedChildCount);
} else if (this.expandAllButtonElement)
delete this.expandAllButtonElement;
},
handleLoadAllChildren: function()
{
this.expandedChildrenLimit = Math.max(this.representedObject._childNodeCount, this.expandedChildrenLimit + WebInspector.ElementsTreeElement.InitialChildrenLimit);
},
onexpand: function()
{
if (this._elementCloseTag)
return;
this.updateTitle();
this.treeOutline.updateSelection();
},
oncollapse: function()
{
if (this._elementCloseTag)
return;
this.updateTitle();
this.treeOutline.updateSelection();
},
onreveal: function()
{
if (this.listItemElement)
this.listItemElement.scrollIntoViewIfNeeded(false);
},
onselect: function(treeElement, selectedByUser)
{
this.treeOutline.suppressRevealAndSelect = true;
this.treeOutline.focusedDOMNode = this.representedObject;
if (selectedByUser)
WebInspector.highlightDOMNode(this.representedObject.id);
this.updateSelection();
this.treeOutline.suppressRevealAndSelect = false;
},
ondelete: function()
{
var startTagTreeElement = this.treeOutline.findTreeElement(this.representedObject);
startTagTreeElement ? startTagTreeElement.remove() : this.remove();
return true;
},
onenter: function()
{
// On Enter or Return start editing the first attribute
// or create a new attribute on the selected element.
if (this.treeOutline.editing)
return false;
this._startEditing();
// prevent a newline from being immediately inserted
return true;
},
selectOnMouseDown: function(event)
{
TreeElement.prototype.selectOnMouseDown.call(this, event);
if (this._editing)
return;
if (this.treeOutline.showInElementsPanelEnabled) {
WebInspector.showPanel("elements");
WebInspector.panels.elements.focusedDOMNode = this.representedObject;
}
// Prevent selecting the nearest word on double click.
if (event.detail >= 2)
event.preventDefault();
},
ondblclick: function(event)
{
if (this._editing || this._elementCloseTag)
return;
if (this._startEditingTarget(event.target))
return;
if (this.hasChildren && !this.expanded)
this.expand();
},
_insertInLastAttributePosition: function(tag, node)
{
if (tag.getElementsByClassName("webkit-html-attribute").length > 0)
tag.insertBefore(node, tag.lastChild);
else {
var nodeName = tag.textContent.match(/^<(.*?)>$/)[1];
tag.textContent = '';
tag.appendChild(document.createTextNode('<'+nodeName));
tag.appendChild(node);
tag.appendChild(document.createTextNode('>'));
}
this.updateSelection();
},
_startEditingTarget: function(eventTarget)
{
if (this.treeOutline.focusedDOMNode != this.representedObject)
return;
if (this.representedObject.nodeType != Node.ELEMENT_NODE && this.representedObject.nodeType != Node.TEXT_NODE)
return false;
var textNode = eventTarget.enclosingNodeOrSelfWithClass("webkit-html-text-node");
if (textNode)
return this._startEditingTextNode(textNode);
var attribute = eventTarget.enclosingNodeOrSelfWithClass("webkit-html-attribute");
if (attribute)
return this._startEditingAttribute(attribute, eventTarget);
var tagName = eventTarget.enclosingNodeOrSelfWithClass("webkit-html-tag-name");
if (tagName)
return this._startEditingTagName(tagName);
var newAttribute = eventTarget.enclosingNodeOrSelfWithClass("add-attribute");
if (newAttribute)
return this._addNewAttribute();
return false;
},
_populateTagContextMenu: function(contextMenu, event)
{
var attribute = event.target.enclosingNodeOrSelfWithClass("webkit-html-attribute");
var newAttribute = event.target.enclosingNodeOrSelfWithClass("add-attribute");
// Add attribute-related actions.
contextMenu.appendItem(WebInspector.UIString("Add Attribute"), this._addNewAttribute.bind(this));
if (attribute && !newAttribute)
contextMenu.appendItem(WebInspector.UIString("Edit Attribute"), this._startEditingAttribute.bind(this, attribute, event.target));
contextMenu.appendSeparator();
// Add free-form node-related actions.
contextMenu.appendItem(WebInspector.UIString("Edit as HTML"), this._editAsHTML.bind(this));
contextMenu.appendItem(WebInspector.UIString("Copy as HTML"), this._copyHTML.bind(this));
contextMenu.appendItem(WebInspector.UIString("Delete Node"), this.remove.bind(this));
if (Preferences.nativeInstrumentationEnabled) {
// Add debbuging-related actions
contextMenu.appendSeparator();
function handlerFunction(nodeId, breakType)
{
WebInspector.breakpointManager.createDOMBreakpoint(nodeId, breakType);
WebInspector.panels.elements.sidebarPanes.domBreakpoints.expand();
}
var node = this.representedObject;
for (var key in WebInspector.DOMBreakpointTypes) {
var type = WebInspector.DOMBreakpointTypes[key];
var label = WebInspector.domBreakpointTypeContextMenuLabel(type);
var breakpoint = node.breakpoints[type];
if (!breakpoint)
var handler = handlerFunction.bind(this, node.id, type);
else
var handler = breakpoint.remove.bind(breakpoint);
contextMenu.appendCheckboxItem(label, handler, !!breakpoint);
}
}
},
_populateTextContextMenu: function(contextMenu, textNode)
{
contextMenu.appendItem(WebInspector.UIString("Edit Text"), this._startEditingTextNode.bind(this, textNode));
},
_startEditing: function()
{
if (this.treeOutline.focusedDOMNode !== this.representedObject)
return;
var listItem = this._listItemNode;
if (this._canAddAttributes) {
var attribute = listItem.getElementsByClassName("webkit-html-attribute")[0];
if (attribute)
return this._startEditingAttribute(attribute, attribute.getElementsByClassName("webkit-html-attribute-value")[0]);
return this._addNewAttribute();
}
if (this.representedObject.nodeType === Node.TEXT_NODE) {
var textNode = listItem.getElementsByClassName("webkit-html-text-node")[0];
if (textNode)
return this._startEditingTextNode(textNode);
return;
}
},
_addNewAttribute: function()
{
// Cannot just convert the textual html into an element without
// a parent node. Use a temporary span container for the HTML.
var container = document.createElement("span");
container.innerHTML = this._attributeHTML(" ", "");
var attr = container.firstChild;
attr.style.marginLeft = "2px"; // overrides the .editing margin rule
attr.style.marginRight = "2px"; // overrides the .editing margin rule
var tag = this.listItemElement.getElementsByClassName("webkit-html-tag")[0];
this._insertInLastAttributePosition(tag, attr);
return this._startEditingAttribute(attr, attr);
},
_triggerEditAttribute: function(attributeName)
{
var attributeElements = this.listItemElement.getElementsByClassName("webkit-html-attribute-name");
for (var i = 0, len = attributeElements.length; i < len; ++i) {
if (attributeElements[i].textContent === attributeName) {
for (var elem = attributeElements[i].nextSibling; elem; elem = elem.nextSibling) {
if (elem.nodeType !== Node.ELEMENT_NODE)
continue;
if (elem.hasStyleClass("webkit-html-attribute-value"))
return this._startEditingAttribute(elem.parentNode, elem);
}
}
}
},
_startEditingAttribute: function(attribute, elementForSelection)
{
if (WebInspector.isBeingEdited(attribute))
return true;
var attributeNameElement = attribute.getElementsByClassName("webkit-html-attribute-name")[0];
if (!attributeNameElement)
return false;
var attributeName = attributeNameElement.innerText;
function removeZeroWidthSpaceRecursive(node)
{
if (node.nodeType === Node.TEXT_NODE) {
node.nodeValue = node.nodeValue.replace(/\u200B/g, "");
return;
}
if (node.nodeType !== Node.ELEMENT_NODE)
return;
for (var child = node.firstChild; child; child = child.nextSibling)
removeZeroWidthSpaceRecursive(child);
}
// Remove zero-width spaces that were added by nodeTitleInfo.
removeZeroWidthSpaceRecursive(attribute);
this._editing = WebInspector.startEditing(attribute, {
context: attributeName,
commitHandler: this._attributeEditingCommitted.bind(this),
cancelHandler: this._editingCancelled.bind(this)
});
window.getSelection().setBaseAndExtent(elementForSelection, 0, elementForSelection, 1);
return true;
},
_startEditingTextNode: function(textNode)
{
if (WebInspector.isBeingEdited(textNode))
return true;
this._editing = WebInspector.startEditing(textNode, {
context: null,
commitHandler: this._textNodeEditingCommitted.bind(this),
cancelHandler: this._editingCancelled.bind(this)
});
window.getSelection().setBaseAndExtent(textNode, 0, textNode, 1);
return true;
},
_startEditingTagName: function(tagNameElement)
{
if (!tagNameElement) {
tagNameElement = this.listItemElement.getElementsByClassName("webkit-html-tag-name")[0];
if (!tagNameElement)
return false;
}
var tagName = tagNameElement.textContent;
if (WebInspector.ElementsTreeElement.EditTagBlacklist[tagName.toLowerCase()])
return false;
if (WebInspector.isBeingEdited(tagNameElement))
return true;
var closingTagElement = this._distinctClosingTagElement();
function keyupListener(event)
{
if (closingTagElement)
closingTagElement.textContent = "";
}
function editingComitted(element, newTagName)
{
tagNameElement.removeEventListener('keyup', keyupListener, false);
this._tagNameEditingCommitted.apply(this, arguments);
}
function editingCancelled()
{
tagNameElement.removeEventListener('keyup', keyupListener, false);
this._editingCancelled.apply(this, arguments);
}
tagNameElement.addEventListener('keyup', keyupListener, false);
this._editing = WebInspector.startEditing(tagNameElement, {
context: tagName,
commitHandler: editingComitted.bind(this),
cancelHandler: editingCancelled.bind(this)
});
window.getSelection().setBaseAndExtent(tagNameElement, 0, tagNameElement, 1);
return true;
},
_startEditingAsHTML: function(commitCallback, initialValue)
{
if (this._htmlEditElement && WebInspector.isBeingEdited(this._htmlEditElement))
return true;
this._htmlEditElement = document.createElement("div");
this._htmlEditElement.className = "source-code elements-tree-editor";
this._htmlEditElement.textContent = initialValue;
// Hide header items.
var child = this.listItemElement.firstChild;
while (child) {
child.style.display = "none";
child = child.nextSibling;
}
// Hide children item.
if (this._childrenListNode)
this._childrenListNode.style.display = "none";
// Append editor.
this.listItemElement.appendChild(this._htmlEditElement);
this.updateSelection();
function commit()
{
commitCallback(this._htmlEditElement.textContent);
dispose.call(this);
}
function dispose()
{
delete this._editing;
// Remove editor.
this.listItemElement.removeChild(this._htmlEditElement);
delete this._htmlEditElement;
// Unhide children item.
if (this._childrenListNode)
this._childrenListNode.style.removeProperty("display");
// Unhide header items.
var child = this.listItemElement.firstChild;
while (child) {
child.style.removeProperty("display");
child = child.nextSibling;
}
this.updateSelection();
}
this._editing = WebInspector.startEditing(this._htmlEditElement, {
context: null,
commitHandler: commit.bind(this),
cancelHandler: dispose.bind(this),
multiline: true
});
},
_attributeEditingCommitted: function(element, newText, oldText, attributeName, moveDirection)
{
delete this._editing;
// Before we do anything, determine where we should move
// next based on the current element's settings
var moveToAttribute, moveToTagName, moveToNewAttribute;
if (moveDirection) {
var found = false;
// Search for the attribute's position, and then decide where to move to.
var attributes = this.representedObject.attributes;
for (var i = 0; i < attributes.length; ++i) {
if (attributes[i].name === attributeName) {
found = true;
if (moveDirection === "backward") {
if (i === 0)
moveToTagName = true;
else
moveToAttribute = attributes[i - 1].name;
} else if (moveDirection === "forward") {
if (i === attributes.length - 1)
moveToNewAttribute = true;
else
moveToAttribute = attributes[i + 1].name;
}
}
}
// Moving From the "New Attribute" position.
if (!found) {
if (moveDirection === "backward" && attributes.length > 0)
moveToAttribute = attributes[attributes.length - 1].name;
else if (moveDirection === "forward") {
if (!/^\s*$/.test(newText))
moveToNewAttribute = true;
else
moveToTagName = true;
}
}
}
function moveToNextAttributeIfNeeded()
{
// Cleanup empty new attribute sections.
if (element.textContent.trim().length === 0)
element.parentNode.removeChild(element);
// Make the move.
if (moveToAttribute)
this._triggerEditAttribute(moveToAttribute);
else if (moveToNewAttribute)
this._addNewAttribute();
else if (moveToTagName)
this._startEditingTagName();
}
function regenerateStyledAttribute(name, value)
{
var previous = element.previousSibling;
if (!previous || previous.nodeType !== Node.TEXT_NODE)
element.parentNode.insertBefore(document.createTextNode(" "), element);
// outerHTML should not be used to replace node content in IE, updated with replaceChild usage
element.innerHTML = this._attributeHTML(name, value);
element.parentNode.replaceChild(element.firstChild, element);
//element.outerHTML = this._attributeHTML(name, value);
}
var parseContainerElement = document.createElement("span");
parseContainerElement.innerHTML = "";
var parseElement = parseContainerElement.firstChild;
if (!parseElement) {
this._editingCancelled(element, attributeName);
moveToNextAttributeIfNeeded.call(this);
return;
}
if (!parseElement.hasAttributes()) {
this.representedObject.removeAttribute(attributeName);
this.treeOutline.focusedNodeChanged(true);
moveToNextAttributeIfNeeded.call(this);
return;
}
var foundOriginalAttribute = false;
for (var i = 0; i < parseElement.attributes.length; ++i) {
var attr = parseElement.attributes[i];
foundOriginalAttribute = foundOriginalAttribute || attr.name === attributeName;
try {
this.representedObject.setAttribute(attr.name, attr.value);
regenerateStyledAttribute.call(this, attr.name, attr.value);
} catch(e) {} // ignore invalid attribute (innerHTML doesn't throw errors, but this can)
}
if (!foundOriginalAttribute)
this.representedObject.removeAttribute(attributeName);
this.treeOutline.focusedNodeChanged(true);
moveToNextAttributeIfNeeded.call(this);
},
_tagNameEditingCommitted: function(element, newText, oldText, tagName, moveDirection)
{
delete this._editing;
var self = this;
function cancel()
{
var closingTagElement = self._distinctClosingTagElement();
if (closingTagElement)
closingTagElement.textContent = "";
self._editingCancelled(element, tagName);
moveToNextAttributeIfNeeded.call(self);
}
function moveToNextAttributeIfNeeded()
{
if (moveDirection !== "forward") {
this._addNewAttribute();
return;
}
var attributes = this.representedObject.attributes;
if (attributes.length > 0)
this._triggerEditAttribute(attributes[0].name);
else
this._addNewAttribute();
}
newText = newText.trim();
if (newText === oldText) {
cancel();
return;
}
var treeOutline = this.treeOutline;
var wasExpanded = this.expanded;
function changeTagNameCallback(nodeId)
{
if (!nodeId) {
cancel();
return;
}
// Select it and expand if necessary. We force tree update so that it processes dom events and is up to date.
WebInspector.panels.elements.updateModifiedNodes();
WebInspector.updateFocusedNode(nodeId);
var newTreeItem = treeOutline.findTreeElement(WebInspector.domAgent.nodeForId(nodeId));
if (wasExpanded)
newTreeItem.expand();
moveToNextAttributeIfNeeded.call(newTreeItem);
}
InspectorBackend.changeTagName(this.representedObject.id, newText, changeTagNameCallback);
},
_textNodeEditingCommitted: function(element, newText)
{
delete this._editing;
var textNode;
if (this.representedObject.nodeType === Node.ELEMENT_NODE) {
// We only show text nodes inline in elements if the element only
// has a single child, and that child is a text node.
textNode = this.representedObject.firstChild;
} else if (this.representedObject.nodeType == Node.TEXT_NODE)
textNode = this.representedObject;
textNode.nodeValue = newText;
},
_editingCancelled: function(element, context)
{
delete this._editing;
// Need to restore attributes structure.
this.updateTitle();
},
_distinctClosingTagElement: function()
{
// FIXME: Improve the Tree Element / Outline Abstraction to prevent crawling the DOM
// For an expanded element, it will be the last element with class "close"
// in the child element list.
if (this.expanded) {
var closers = this._childrenListNode.querySelectorAll(".close");
return closers[closers.length-1];
}
// Remaining cases are single line non-expanded elements with a closing
// tag, or HTML elements without a closing tag (such as
). Return // null in the case where there isn't a closing tag. var tags = this.listItemElement.getElementsByClassName("webkit-html-tag"); return (tags.length === 1 ? null : tags[tags.length-1]); }, updateTitle: function() { // If we are editing, return early to prevent canceling the edit. // After editing is committed updateTitle will be called. if (this._editing) return; this.titleHTML = "" + this._nodeTitleInfo(WebInspector.linkifyURL).titleHTML + ""; delete this.selectionElement; this.updateSelection(); this._preventFollowingLinksOnDoubleClick(); this._highlightSearchResults(); }, _attributeHTML: function(name, value, node, linkify) { var hasText = (value.length > 0); var html = "" + name.escapeHTML() + ""; if (hasText) html += "=\""; if (linkify && (name === "src" || name === "href")) { var rewrittenHref = WebInspector.resourceURLForRelatedNode(node, value); value = value.replace(/([\/;:\)\]\}])/g, "$1\u200B"); html += linkify(rewrittenHref, value, "webkit-html-attribute-value", node.nodeName.toLowerCase() === "a"); } else { value = value.escapeHTML().replace(/([\/;:\)\]\}])/g, "$1"); html += "" + value + ""; } if (hasText) html += "\""; html += ""; return html; }, _tagHTML: function(tagName, isClosingTag, isDistinctTreeElement, linkify) { var node = this.representedObject; var result = "<"; result += "" + (isClosingTag ? "/" : "") + tagName + ""; if (!isClosingTag && node.hasAttributes()) { for (var i = 0; i < node.attributes.length; ++i) { var attr = node.attributes[i]; result += " " + this._attributeHTML(attr.name, attr.value, node, linkify); } } result += ">"; return result; }, _nodeTitleInfo: function(linkify) { var node = this.representedObject; var info = {titleHTML: "", hasChildren: this.hasChildren}; switch (node.nodeType) { case Node.DOCUMENT_NODE: info.titleHTML = "Document"; break; case Node.DOCUMENT_FRAGMENT_NODE: info.titleHTML = "Document Fragment"; break; case Node.ATTRIBUTE_NODE: var value = node.value || "\u200B"; // Zero width space to force showing an empty value. info.titleHTML = this._attributeHTML(node.name, value); break; case Node.ELEMENT_NODE: var tagName = this.treeOutline.nodeNameToCorrectCase(node.nodeName).escapeHTML(); if (this._elementCloseTag) { info.titleHTML = this._tagHTML(tagName, true, true); info.hasChildren = false; break; } var titleHTML = this._tagHTML(tagName, false, false, linkify); var textChild = onlyTextChild.call(node); var showInlineText = textChild && textChild.textContent.length < Preferences.maxInlineTextChildLength; if (!this.expanded && (!showInlineText && (this.treeOutline.isXMLMimeType || !WebInspector.ElementsTreeElement.ForbiddenClosingTagElements[tagName]))) { if (this.hasChildren) titleHTML += "…"; titleHTML += this._tagHTML(tagName, true, false); } // If this element only has a single child that is a text node, // just show that text and the closing tag inline rather than // create a subtree for them if (showInlineText) { titleHTML += "" + textChild.nodeValue.escapeHTML() + "" + this._tagHTML(tagName, true, false); info.hasChildren = false; } info.titleHTML = titleHTML; break; case Node.TEXT_NODE: if (isNodeWhitespace.call(node)) info.titleHTML = "(whitespace)"; else { if (node.parentNode && node.parentNode.nodeName.toLowerCase() === "script") { var newNode = document.createElement("span"); newNode.textContent = node.textContent; var javascriptSyntaxHighlighter = new WebInspector.DOMSyntaxHighlighter("text/javascript"); javascriptSyntaxHighlighter.syntaxHighlightNode(newNode); info.titleHTML = "" + newNode.innerHTML.replace(/^[\n\r]*/, "").replace(/\s*$/, "") + ""; } else if (node.parentNode && node.parentNode.nodeName.toLowerCase() === "style") { var newNode = document.createElement("span"); newNode.textContent = node.textContent; var cssSyntaxHighlighter = new WebInspector.DOMSyntaxHighlighter("text/css"); cssSyntaxHighlighter.syntaxHighlightNode(newNode); info.titleHTML = "" + newNode.innerHTML.replace(/^[\n\r]*/, "").replace(/\s*$/, "") + ""; } else info.titleHTML = "\"" + node.nodeValue.escapeHTML() + "\""; } break; case Node.COMMENT_NODE: info.titleHTML = "<!--" + node.nodeValue.escapeHTML() + "-->"; break; case Node.DOCUMENT_TYPE_NODE: var titleHTML = "<!DOCTYPE " + node.nodeName; if (node.publicId) { titleHTML += " PUBLIC \"" + node.publicId + "\""; if (node.systemId) titleHTML += " \"" + node.systemId + "\""; } else if (node.systemId) titleHTML += " SYSTEM \"" + node.systemId + "\""; if (node.internalSubset) titleHTML += " [" + node.internalSubset + "]"; titleHTML += ">"; info.titleHTML = titleHTML; break; case Node.CDATA_SECTION_NODE: info.titleHTML = "<![CDATA[" + node.nodeValue.escapeHTML() + "]]>"; break; default: info.titleHTML = this.treeOutline.nodeNameToCorrectCase(node.nodeName).collapseWhitespace().escapeHTML(); } return info; }, _showInlineText: function(node) { if (node.nodeType === Node.ELEMENT_NODE) { var textChild = onlyTextChild.call(node); if (textChild && textChild.textContent.length < Preferences.maxInlineTextChildLength) return true; } return false; }, remove: function() { var parentElement = this.parent; if (!parentElement) return; var self = this; function removeNodeCallback(removedNodeId) { // -1 is an error code, which means removing the node from the DOM failed, // so we shouldn't remove it from the tree. if (removedNodeId === -1) return; parentElement.removeChild(self); parentElement.adjustCollapsedRange(true); } InspectorBackend.removeNode(this.representedObject.id, removeNodeCallback); }, _editAsHTML: function() { var treeOutline = this.treeOutline; var node = this.representedObject; var wasExpanded = this.expanded; function selectNode(nodeId) { if (!nodeId) return; // Select it and expand if necessary. We force tree update so that it processes dom events and is up to date. WebInspector.panels.elements.updateModifiedNodes(); WebInspector.updateFocusedNode(nodeId); if (wasExpanded) { var newTreeItem = treeOutline.findTreeElement(WebInspector.domAgent.nodeForId(nodeId)); if (newTreeItem) newTreeItem.expand(); } } function commitChange(value) { InspectorBackend.setOuterHTML(node.id, value, selectNode); } InspectorBackend.getOuterHTML(node.id, this._startEditingAsHTML.bind(this, commitChange)); }, _copyHTML: function() { InspectorBackend.copyNode(this.representedObject.id); }, _highlightSearchResults: function() { if (!this._searchQuery) return; var text = this.listItemElement.textContent; var regexObject = createSearchRegex(this._searchQuery); var offset = 0; var match = regexObject.exec(text); while (match) { highlightSearchResult(this.listItemElement, offset + match.index, match[0].length); offset += match.index + 1; text = text.substring(match.index + 1); match = regexObject.exec(text); } } } WebInspector.ElementsTreeElement.prototype.__proto__ = TreeElement.prototype; ================================================ FILE: buildin_modules/weinre/web/client/EventListenersSidebarPane.js ================================================ /* * Copyright (C) 2007 Apple Inc. All rights reserved. * Copyright (C) 2009 Joseph Pecoraro * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions * are met: * * 1. Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * 2. Redistributions in binary form must reproduce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of * its contributors may be used to endorse or promote products derived * from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.EventListenersSidebarPane = function() { WebInspector.SidebarPane.call(this, WebInspector.UIString("Event Listeners")); this.bodyElement.addStyleClass("events-pane"); this.sections = []; this.settingsSelectElement = document.createElement("select"); var option = document.createElement("option"); option.value = "all"; option.label = WebInspector.UIString("All Nodes"); this.settingsSelectElement.appendChild(option); option = document.createElement("option"); option.value = "selected"; option.label = WebInspector.UIString("Selected Node Only"); this.settingsSelectElement.appendChild(option); var filter = WebInspector.settings.eventListenersFilter; if (filter === "all") this.settingsSelectElement[0].selected = true; else if (filter === "selected") this.settingsSelectElement[1].selected = true; this.settingsSelectElement.addEventListener("click", function(event) { event.stopPropagation() }, false); this.settingsSelectElement.addEventListener("change", this._changeSetting.bind(this), false); this.titleElement.appendChild(this.settingsSelectElement); } WebInspector.EventListenersSidebarPane.prototype = { update: function(node) { var body = this.bodyElement; body.removeChildren(); this.sections = []; var self = this; function callback(nodeId, eventListeners) { var sectionNames = []; var sectionMap = {}; for (var i = 0; i < eventListeners.length; ++i) { var eventListener = eventListeners[i]; eventListener.node = WebInspector.domAgent.nodeForId(eventListener.nodeId); delete eventListener.nodeId; // no longer needed if (/^function _inspectorCommandLineAPI_logEvent\(/.test(eventListener.listenerBody.toString())) continue; // ignore event listeners generated by monitorEvent var type = eventListener.type; var section = sectionMap[type]; if (!section) { section = new WebInspector.EventListenersSection(type, nodeId); sectionMap[type] = section; sectionNames.push(type); self.sections.push(section); } section.addListener(eventListener); } if (sectionNames.length === 0) { var div = document.createElement("div"); div.className = "info"; div.textContent = WebInspector.UIString("No Event Listeners"); body.appendChild(div); return; } sectionNames.sort(); for (var i = 0; i < sectionNames.length; ++i) { var section = sectionMap[sectionNames[i]]; section.update(); body.appendChild(section.element); } } WebInspector.EventListeners.getEventListenersForNodeAsync(node, callback); }, _changeSetting: function(event) { var selectedOption = this.settingsSelectElement[this.settingsSelectElement.selectedIndex]; WebInspector.settings.eventListenersFilter = selectedOption.value; for (var i = 0; i < this.sections.length; ++i) this.sections[i].update(); } } WebInspector.EventListenersSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; WebInspector.EventListenersSection = function(title, nodeId) { this.eventListeners = []; this._nodeId = nodeId; WebInspector.PropertiesSection.call(this, title); // Changed from a Properties List this.propertiesElement.parentNode.removeChild(this.propertiesElement); delete this.propertiesElement; delete this.propertiesTreeOutline; this.eventBars = document.createElement("div"); this.eventBars.className = "event-bars"; this.element.appendChild(this.eventBars); } WebInspector.EventListenersSection.prototype = { update: function() { // A Filtered Array simplifies when to create connectors var filteredEventListeners = this.eventListeners; if (WebInspector.settings.eventListenersFilter === "selected") { filteredEventListeners = []; for (var i = 0; i < this.eventListeners.length; ++i) { var eventListener = this.eventListeners[i]; if (eventListener.node.id === this._nodeId) filteredEventListeners.push(eventListener); } } this.eventBars.removeChildren(); var length = filteredEventListeners.length; for (var i = 0; i < length; ++i) { var eventListener = filteredEventListeners[i]; var eventListenerBar = new WebInspector.EventListenerBar(eventListener, this._nodeId); this.eventBars.appendChild(eventListenerBar.element); } }, addListener: function(eventListener) { this.eventListeners.push(eventListener); } } WebInspector.EventListenersSection.prototype.__proto__ = WebInspector.PropertiesSection.prototype; WebInspector.EventListenerBar = function(eventListener, nodeId) { this.eventListener = eventListener; this._nodeId = nodeId; WebInspector.ObjectPropertiesSection.call(this); this._setNodeTitle(); this._setFunctionSubtitle(); this.editable = false; this.element.className = "event-bar"; /* Changed from "section" */ this.headerElement.addStyleClass("source-code"); this.propertiesElement.className = "event-properties properties-tree source-code"; /* Changed from "properties" */ } WebInspector.EventListenerBar.prototype = { update: function() { function updateWithNodeObject(nodeObject) { var properties = []; if (nodeObject) properties.push(new WebInspector.RemoteObjectProperty("node", nodeObject)); for (var propertyName in this.eventListener) { var value = WebInspector.RemoteObject.fromPrimitiveValue(this.eventListener[propertyName]); properties.push(new WebInspector.RemoteObjectProperty(propertyName, value)); } this.updateProperties(properties); } var node = this.eventListener.node; delete this.eventListener.node; WebInspector.RemoteObject.resolveNode(node, updateWithNodeObject.bind(this)); }, _setNodeTitle: function() { var node = this.eventListener.node; if (!node) return; if (node.nodeType === Node.DOCUMENT_NODE) { this.titleElement.textContent = "document"; return; } if (node.id === this._nodeId) { this.titleElement.textContent = appropriateSelectorForNode(node); return; } this.titleElement.removeChildren(); this.titleElement.appendChild(WebInspector.panels.elements.linkifyNodeReference(this.eventListener.node)); }, _setFunctionSubtitle: function() { // Requires that Function.toString() return at least the function's signature. if (this.eventListener.sourceName) { this.subtitleElement.removeChildren(); this.subtitleElement.appendChild(WebInspector.linkifyResourceAsNode(this.eventListener.sourceName, "scripts", this.eventListener.lineNumber)); } else { var match = this.eventListener.listenerBody.match(/function ([^\(]+?)\(/); if (match) this.subtitleElement.textContent = match[1]; else this.subtitleElement.textContent = WebInspector.UIString("(anonymous function)"); } } } WebInspector.EventListenerBar.prototype.__proto__ = WebInspector.ObjectPropertiesSection.prototype; ================================================ FILE: buildin_modules/weinre/web/client/ExtensionAPI.js ================================================ /* * Copyright (C) 2010 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.injectedExtensionAPI = function(InjectedScriptHost, inspectedWindow, injectedScriptId) { // Here and below, all constructors are private to API implementation. // For a public type Foo, if internal fields are present, these are on // a private FooImpl type, an instance of FooImpl is used in a closure // by Foo consutrctor to re-bind publicly exported members to an instance // of Foo. function EventSinkImpl(type, customDispatch) { this._type = type; this._listeners = []; this._customDispatch = customDispatch; } EventSinkImpl.prototype = { addListener: function(callback) { if (typeof callback != "function") throw new "addListener: callback is not a function"; if (this._listeners.length === 0) extensionServer.sendRequest({ command: "subscribe", type: this._type }); this._listeners.push(callback); extensionServer.registerHandler("notify-" + this._type, bind(this._dispatch, this)); }, removeListener: function(callback) { var listeners = this._listeners; for (var i = 0; i < listeners.length; ++i) { if (listeners[i] === callback) { listeners.splice(i, 1); break; } } if (this._listeners.length === 0) extensionServer.sendRequest({ command: "unsubscribe", type: this._type }); }, _fire: function() { var listeners = this._listeners.slice(); for (var i = 0; i < listeners.length; ++i) listeners[i].apply(null, arguments); }, _dispatch: function(request) { if (this._customDispatch) this._customDispatch.call(this, request); else this._fire.apply(this, request.arguments); } } function InspectorExtensionAPI() { this.audits = new Audits(); this.inspectedWindow = new InspectedWindow(); this.panels = new Panels(); this.resources = new Resources(); this.onReset = new EventSink("reset"); } InspectorExtensionAPI.prototype = { log: function(message) { extensionServer.sendRequest({ command: "log", message: message }); } } function Resources() { function resourceDispatch(request) { var resource = request.arguments[1]; resource.__proto__ = new Resource(request.arguments[0]); this._fire(resource); } this.onFinished = new EventSink("resource-finished", resourceDispatch); } Resources.prototype = { getHAR: function(callback) { function callbackWrapper(result) { var entries = (result && result.entries) || []; for (var i = 0; i < entries.length; ++i) { entries[i].__proto__ = new Resource(entries[i]._resourceId); delete entries[i]._resourceId; } callback(result); } return extensionServer.sendRequest({ command: "getHAR" }, callback && callbackWrapper); }, addRequestHeaders: function(headers) { return extensionServer.sendRequest({ command: "addRequestHeaders", headers: headers, extensionId: location.hostname }); } } function ResourceImpl(id) { this._id = id; } ResourceImpl.prototype = { getContent: function(callback) { function callbackWrapper(response) { callback(response.content, response.encoding); } extensionServer.sendRequest({ command: "getResourceContent", id: this._id }, callback && callbackWrapper); } }; function Panels() { var panels = { elements: new ElementsPanel() }; function panelGetter(name) { return panels[name]; } for (var panel in panels) this.__defineGetter__(panel, bind(panelGetter, null, panel)); } Panels.prototype = { create: function(title, iconURL, pageURL, callback) { var id = "extension-panel-" + extensionServer.nextObjectId(); var request = { command: "createPanel", id: id, title: title, icon: expandURL(iconURL), url: expandURL(pageURL) }; extensionServer.sendRequest(request, callback && bind(callback, this, new ExtensionPanel(id))); } } function PanelImpl(id) { this._id = id; } function PanelWithSidebarImpl(id) { PanelImpl.call(this, id); } PanelWithSidebarImpl.prototype = { createSidebarPane: function(title, url, callback) { var id = "extension-sidebar-" + extensionServer.nextObjectId(); var request = { command: "createSidebarPane", panel: this._id, id: id, title: title, url: expandURL(url) }; function callbackWrapper() { callback(new ExtensionSidebarPane(id)); } extensionServer.sendRequest(request, callback && callbackWrapper); }, createWatchExpressionSidebarPane: function(title, callback) { var id = "watch-sidebar-" + extensionServer.nextObjectId(); var request = { command: "createWatchExpressionSidebarPane", panel: this._id, id: id, title: title }; function callbackWrapper() { callback(new WatchExpressionSidebarPane(id)); } extensionServer.sendRequest(request, callback && callbackWrapper); } } PanelWithSidebarImpl.prototype.__proto__ = PanelImpl.prototype; function ElementsPanel() { var id = "elements"; PanelWithSidebar.call(this, id); this.onSelectionChanged = new EventSink("panel-objectSelected-" + id); } function ExtensionPanel(id) { Panel.call(this, id); this.onSearch = new EventSink("panel-search-" + id); } function ExtensionSidebarPaneImpl(id) { this._id = id; } ExtensionSidebarPaneImpl.prototype = { setHeight: function(height) { extensionServer.sendRequest({ command: "setSidebarHeight", id: this._id, height: height }); } } function WatchExpressionSidebarPaneImpl(id) { ExtensionSidebarPaneImpl.call(this, id); this.onUpdated = new EventSink("watch-sidebar-updated-" + id); } WatchExpressionSidebarPaneImpl.prototype = { setExpression: function(expression, rootTitle) { extensionServer.sendRequest({ command: "setWatchSidebarContent", id: this._id, expression: expression, rootTitle: rootTitle, evaluateOnPage: true }); }, setObject: function(jsonObject, rootTitle) { extensionServer.sendRequest({ command: "setWatchSidebarContent", id: this._id, expression: jsonObject, rootTitle: rootTitle }); } } WatchExpressionSidebarPaneImpl.prototype.__proto__ = ExtensionSidebarPaneImpl.prototype; function WatchExpressionSidebarPane(id) { var impl = new WatchExpressionSidebarPaneImpl(id); ExtensionSidebarPane.call(this, id, impl); } function Audits() { } Audits.prototype = { addCategory: function(displayName, resultCount) { var id = "extension-audit-category-" + extensionServer.nextObjectId(); extensionServer.sendRequest({ command: "addAuditCategory", id: id, displayName: displayName, resultCount: resultCount }); return new AuditCategory(id); } } function AuditCategoryImpl(id) { function auditResultDispatch(request) { var auditResult = new AuditResult(request.arguments[0]); try { this._fire(auditResult); } catch (e) { console.error("Uncaught exception in extension audit event handler: " + e); auditResult.done(); } } this._id = id; this.onAuditStarted = new EventSink("audit-started-" + id, auditResultDispatch); } function AuditResultImpl(id) { this._id = id; var formatterTypes = [ "url", "snippet", "text" ]; for (var i = 0; i < formatterTypes.length; ++i) this[formatterTypes[i]] = bind(this._nodeFactory, null, formatterTypes[i]); } AuditResultImpl.prototype = { addResult: function(displayName, description, severity, details) { // shorthand for specifying details directly in addResult(). if (details && !(details instanceof AuditResultNode)) details = details instanceof Array ? this.createNode.apply(this, details) : this.createNode(details); var request = { command: "addAuditResult", resultId: this._id, displayName: displayName, description: description, severity: severity, details: details }; extensionServer.sendRequest(request); }, createResult: function() { var node = new AuditResultNode(); node.contents = Array.prototype.slice.call(arguments); return node; }, done: function() { extensionServer.sendRequest({ command: "stopAuditCategoryRun", resultId: this._id }); }, get Severity() { return apiPrivate.audits.Severity; }, _nodeFactory: function(type) { return { type: type, arguments: Array.prototype.slice.call(arguments, 1) }; } } function AuditResultNode(contents) { this.contents = contents; this.children = []; this.expanded = false; } AuditResultNode.prototype = { addChild: function() { var node = AuditResultImpl.prototype.createResult.apply(null, arguments); this.children.push(node); return node; } }; function InspectedWindow() { this.onDOMContentLoaded = new EventSink("inspectedPageDOMContentLoaded"); this.onLoaded = new EventSink("inspectedPageLoaded"); this.onNavigated = new EventSink("inspectedURLChanged"); } InspectedWindow.prototype = { reload: function(userAgent) { return extensionServer.sendRequest({ command: "reload", userAgent: userAgent }); }, eval: function(expression, callback) { function callbackWrapper(result) { var value = result.value; if (!result.isException) value = value === "undefined" ? undefined : JSON.parse(value); callback(value, result.isException); } return extensionServer.sendRequest({ command: "evaluateOnInspectedPage", expression: expression }, callback && callbackWrapper); } } function ExtensionServerClient() { this._callbacks = {}; this._handlers = {}; this._lastRequestId = 0; this._lastObjectId = 0; this.registerHandler("callback", bind(this._onCallback, this)); var channel = new MessageChannel(); this._port = channel.port1; this._port.addEventListener("message", bind(this._onMessage, this), false); this._port.start(); top.postMessage("registerExtension", [ channel.port2 ], "*"); } ExtensionServerClient.prototype = { sendRequest: function(message, callback) { if (typeof callback === "function") message.requestId = this._registerCallback(callback); return this._port.postMessage(message); }, registerHandler: function(command, handler) { this._handlers[command] = handler; }, nextObjectId: function() { return injectedScriptId + "_" + ++this._lastObjectId; }, _registerCallback: function(callback) { var id = ++this._lastRequestId; this._callbacks[id] = callback; return id; }, _onCallback: function(request) { if (request.requestId in this._callbacks) { var callback = this._callbacks[request.requestId]; delete this._callbacks[request.requestId]; callback(request.result); } }, _onMessage: function(event) { var request = event.data; var handler = this._handlers[request.command]; if (handler) handler.call(this, request); } } function expandURL(url) { if (!url) return url; if (/^[^/]+:/.exec(url)) // See if url has schema. return url; var baseURL = location.protocol + "//" + location.hostname + location.port; if (/^\//.exec(url)) return baseURL + url; return baseURL + location.pathname.replace(/\/[^/]*$/,"/") + url; } function bind(func, thisObject) { var args = Array.prototype.slice.call(arguments, 2); return function() { return func.apply(thisObject, args.concat(Array.prototype.slice.call(arguments, 0))); }; } function populateInterfaceClass(interface, implementation) { for (var member in implementation) { if (member.charAt(0) === "_") continue; var value = implementation[member]; interface[member] = typeof value === "function" ? bind(value, implementation) : interface[member] = implementation[member]; } } function declareInterfaceClass(implConstructor) { return function() { var impl = { __proto__: implConstructor.prototype }; implConstructor.apply(impl, arguments); populateInterfaceClass(this, impl); } } var AuditCategory = declareInterfaceClass(AuditCategoryImpl); var AuditResult = declareInterfaceClass(AuditResultImpl); var EventSink = declareInterfaceClass(EventSinkImpl); var ExtensionSidebarPane = declareInterfaceClass(ExtensionSidebarPaneImpl); var Panel = declareInterfaceClass(PanelImpl); var PanelWithSidebar = declareInterfaceClass(PanelWithSidebarImpl); var Resource = declareInterfaceClass(ResourceImpl); var WatchExpressionSidebarPane = declareInterfaceClass(WatchExpressionSidebarPaneImpl); var extensionServer = new ExtensionServerClient(); webInspector = new InspectorExtensionAPI(); } ================================================ FILE: buildin_modules/weinre/web/client/ExtensionAPISchema.json ================================================ [ { "namespace": "experimental.webInspector.inspectedWindow", "description": "Provides access to the window being inspected.", "functions": [ { "name": "eval", "type": "function", "description": "Evaluates a JavaScript expression in the context of inspected page (NOTE: the expression must evaluate to a JSON-compliant object, otherwise the exception is thrown)", "parameters": [ { "name": "expression", "type": "string", "description": "An expression to evaluate." }, { "name": "callback", "type": "function", "description": "A function called when evaluation completes.", "parameters": [ { "name": "result", "type": "object", "description": "The result of evaluation" }, { "name": "isException", "type": "boolean", "description": "Set if an exception was caught while evaluating the expression" } ] } ] } ], "events": [ { "name": "onDOMContentLoaded", "type": "function", "description": "Fired after DOMContentLoaded event on inspected page is fired." }, { "name": "onLoaded", "type": "function", "description": "Fired after load event on inspected page is fired." }, { "name": "onNavigated", "type": "function", "description": "Fired when navigation occurs in the window being inspected." } ] }, { "namespace": "experimental.webInspector.panels", "types": [ { "id": "PanelWithSidebars", "type": "object", "isInstanceOf": "Panel", "description": "A panel within Web Inspector UI that has sidebars.", "functions": [ { "name": "createSidebarPane", "type": "function", "description": "Creates a pane within panel's sidebar.", "parameters": [ { "name": "title", "type": "string", "description": "A text that is displayed in sidebar caption." }, { "name": "url", "type": "string", "description": "An URL of the page that represents the sidebar." }, { "name": "callback", "type": "function", "description": "A callback invoked when sidebar is created", "parameters": [ { "name": "result", "description": "An ExtensionSidebarPane object for created sidebar pane", "$ref": "ExtensionSidebarPane" } ] } ] }, { "name": "createWatchExpressionSidebarPane", "type": "function", "description": "Creates a pane with an object property tree (similar to a watch sidebar pane).", "parameters": [ { "name": "title", "type": "string", "description": "A text that is displayed in sidebar caption." }, { "name": "callback", "type": "function", "description": "A callback invoked when sidebar is created", "parameters": [ { "name": "result", "description": "A WatchExpressionSidebarPane object for created sidebar pane", "$ref": "WatchExpressionSidebarPane" } ] } ] } ] }, { "id": "ElementsPanel", "type": "object", "isInstanceOf": "PanelWithSidebars", "description": "Represents Elements panel", "events": [ { "name": "onSelectionChanged", "description": "Fired when an objects is selected in the panel." } ] }, { "id": "ExtensionPanel", "type": "object", "isInstanceOf": "Panel", "description": "Represents a panel created by extension", "events": [ { "name": "onSearch", "description": "Fired upon a search action (start of a new search, search result navigation or search being canceled).", "parameters": [ { "name": "action", "type": "string", "description": "Type of search action being performed." }, { "name": "queryString", "type": "string", "optional": true, "description": "Query string (only for 'performSearch')" } ] } ] }, { "id": "ExtensionSidebarPane", "type": "object", "description": "A sidebar created by the extension.", "functions": [ { "name": "setHeight", "type": "function", "description": "Sets the height of the sidebar.", "parameters": [ { "name": "height", "type": "string", "description": "A CSS-like size specification, e.g. '10px' or '12pt'" } ] } ] }, { "id": "WatchExpressionSidebarPane", "type": "object", "description": "A sidebar created by the extension.", "functions": [ { "name": "setHeight", "type": "function", "description": "Sets the height of the sidebar.", "parameters": [ { "name": "height", "type": "string", "description": "A CSS-like size specification, e.g. '10px' or '12pt'" } ] }, { "name": "setExpression", "type": "function", "description": "Sets an expression that is evaluated within the inspected page. The result is displayed in the sidebar pane.", "parameters": [ { "name": "expression", "type": "string", "description": "An expression to be evaluated in context of the inspected page. JavaScript objects and DOM nodes are displayed in an expandable tree similar to the console/watch." }, { "name": "rootTitle", "type": "string", "optional": true, "description": "An optional title for the root of the expression tree." } ] }, { "name": "setObject", "type": "function", "description": "Sets a JSON-compliant object to be displayed in the sidebar pane.", "parameters": [ { "name": "jsonObject", "type": "string", "description": "An object to be displayed in context of the inspected page. Evaluated in the context of the caller (API client)." }, { "name": "rootTitle", "type": "string", "optional": true, "description": "An optional title for the root of the expression tree." } ] } ] } ], "properties": { "scripts": { "$ref": "ScriptsPanel", "description": "Scripts panel" } }, "functions": [ { "name": "create", "type": "function", "description": "Creates an extension panel.", "parameters": [ { "name": "title", "type": "string", "description": "Title that is displayed under the extension icon in the toolbar." }, { "name": "iconURL", "type": "string", "description": "An URL of the toolbar icon." }, { "name": "pageURL", "type": "string", "description": "An URL of the page that represents this panel." } ], "returns" : { "$ref": "ExtensionPanel", "description": "A panel that was created." } } ] }, { "namespace": "experimental.webInspector.resources", "types": [ { "id": "Resource", "type": "object", "description": "Represents a resource (document, script, image etc). See HAR Specification for reference.", "functions": [ { "name": "getContent", "type": "function", "description": "Returns resource content.", "parameters": [ { "name": "callback", "type": "function", "description": "A function that is called upon request completion.", "parameters": [ { "name": "content", "type": "string", "description": "Resource content (potentially encoded)." }, { "name": "encoding", "type": "string", "description": "Empty if content is not encoded, encoding name otherwise. Currently, only base64 supported." } ] } ] } ] } ], "functions": [ { "name": "getHAR", "type": "function", "description": "Returns HAR archive that contains all known resource objects.", "parameters": [ { "name": "callback", "type": "function", "description": "A function that is called upon request completion.", "parameters": [ { "name": "har", "type": "object", "description": "A HAR archieve. See HAR specification for details." } ] } ] } ], "events": [ { "name": "onFinished", "type": "function", "description": "Fired when a resource request is finished and all resource data are available.", "parameters": [ { "name": "resource", "$ref": "Resource" } ] } ] }, { "namespace": "experimental.webInspector.audits", "functions": [ { "name": "addCategory", "type": "function", "description": "Adds an audit category.", "parameters": [ { "name": "displayName", "type": "string", "description": "A display name for the category" }, { "name": "resultCount", "type": "number", "description": "The expected number of audit results in the category." } ], "returns": { "$ref": "AuditCategory" } } ], "types": [ { "id": "AuditCategory", "type": "object", "description": "A set of audit rules", "events": [ { "name": "onAuditStarted", "type": "function", "description": "Fired when the audit is started, if the category is enabled -- the extension is expected to begin executing audit rules.", "parameters": [ { "name": "results", "$ref": "AuditResults" } ] } ] }, { "id": "FormattedValue", "type": "object", "description": "A value returned from one of the formatters (an URL, code snippet etc), to be passed to createResult or addChild" }, { "id": "AuditResults", "type": "object", "description": "A collection of audit results for current run of the audit category", "functions": [ { "name": "addResult", "type": "function", "parameters": [ { "name": "displayName", "type": "string", "description": "A concise, high-level description of audit rule result" }, { "name": "description", "type": "string", "description": "A detailed description of what the displayName means" }, { "name": "severity", "$ref": "AuditResultSeverety" }, { "name": "details", "$ref": "AuditResultNode", "optional": true, "description": "A subtree that appears under added result that may provide additional details on the violations found" } ] }, { "name": "createResult", "type": "function", "description": "Creates a result node that may be user as details parameters to addResult", "parameters": [ { "name": "content ...", "choices": [ { "type": "string" }, { "$ref": "FormattedValue" } ], "description": "Either string or formatted values returned by one of AuditResult formatters (url, snippet etc)" } ], "returns": { "$ref": "AuditResultNode" } }, { "name": "done", "type": "function", "description": "Signals the WebInspector Audits panel that the run of this category is over. Normally the run completes automatically when a number of added top-level results is equal to that declared when AuditCategory was created." }, { "name": "url", "type": "function", "description": "Render passed value as an URL in the Audits panel", "parameters": [ { "name": "href", "type": "string", "description": "An URL that will appear as href value on resulting link" }, { "name": "displayText", "type": "string", "description": "A text that will appear to user", "optional": true } ], "returns": { "$ref": "FormattedValue" } }, { "name": "snippet", "type": "function", "description": "Render passed text as a code snippet in the Audits panel", "parameters": [ { "name": "text", "type": "string", "description": "Snippet text" } ], "returns": { "$ref": "FormattedValue" } } ], "properties": { "Severity": { "$ref": "AuditResultSeverity", "description": "A class that contains possible values for audit result severities." }, "text": { "type": "string", "description": "The contents of the node." }, "children": { "optional": true, "type": "array", "items": { "$ref": "AuditResultNode" }, "description": "Children of this node." }, "expanded": { "optional": "true", "type": "boolean", "description": "Whether the node is expanded by default." } } }, { "id": "AuditResultNode", "type": "object", "description": "A node in the audit result trees. Displays some content and optionally has children node", "functions": [ { "name": "addChild", "description": "Adds another child node to this node", "parameters": [ { "name": "content ...", "choices": [ { "type": "string" }, { "$ref": "FormattedValue" } ], "description": "Either string or formatted values returned by one of AuditResult formatters (url, snippet etc)" } ], "returns": { "$ref": "AuditResultNode" } } ], "properties": { "expanded": { "type": "boolean", "description": "If set, the subtree will always be expanded" } } }, { "id": "AuditResultSeverity", "type": "object", "properties": { "Info": { "type": "string" }, "Warning": { "type": "string" }, "Severe": { "type": "string" } } } ] } ] ================================================ FILE: buildin_modules/weinre/web/client/ExtensionAuditCategory.js ================================================ /* * Copyright (C) 2010 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.ExtensionAuditCategory = function(id, displayName, ruleCount) { this._id = id; this._displayName = displayName; this._ruleCount = ruleCount; } WebInspector.ExtensionAuditCategory.prototype = { // AuditCategory interface get id() { return this._id; }, get displayName() { return this._displayName; }, get ruleCount() { return this._ruleCount; }, run: function(resources, callback) { new WebInspector.ExtensionAuditCategoryResults(this, callback); } } WebInspector.ExtensionAuditCategoryResults = function(category, callback) { this._category = category; this._pendingRules = category.ruleCount; this._ruleCompletionCallback = callback; this.id = category.id + "-" + ++WebInspector.ExtensionAuditCategoryResults._lastId; WebInspector.extensionServer.startAuditRun(category, this); } WebInspector.ExtensionAuditCategoryResults.prototype = { get complete() { return !this._pendingRules; }, cancel: function() { while (!this.complete) this._addResult(null); }, addResult: function(displayName, description, severity, details) { var result = new WebInspector.AuditRuleResult(displayName); result.addChild(description); result.severity = severity; if (details) this._addNode(result, details); this._addResult(result); }, _addNode: function(parent, node) { var addedNode = parent.addChild(node.contents, node.expanded); if (node.children) { for (var i = 0; i < node.children.length; ++i) this._addNode(addedNode, node.children[i]); } }, _addResult: function(result) { this._ruleCompletionCallback(result); this._pendingRules--; if (!this._pendingRules) WebInspector.extensionServer.stopAuditRun(this); } } WebInspector.ExtensionAuditCategoryResults._lastId = 0; ================================================ FILE: buildin_modules/weinre/web/client/ExtensionCommon.js ================================================ /* * Copyright (C) 2010 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.commonExtensionSymbols = function(apiPrivate) { if (!apiPrivate.audits) apiPrivate.audits = {}; apiPrivate.audits.Severity = { Info: "info", Warning: "warning", Severe: "severe" }; } WebInspector.extensionAPI = {}; WebInspector.commonExtensionSymbols(WebInspector.extensionAPI); ================================================ FILE: buildin_modules/weinre/web/client/ExtensionPanel.js ================================================ /* * Copyright (C) 2010 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.ExtensionPanel = function(id, label, iconURL, options) { this.toolbarItemLabel = label; this._addStyleRule(".toolbar-item." + id + " .toolbar-icon", "background-image: url(" + iconURL + ");"); WebInspector.Panel.call(this, id); } WebInspector.ExtensionPanel.prototype = { get defaultFocusedElement() { return this.sidebarTreeElement || this.element; }, updateMainViewWidth: function(width) { this.bodyElement.style.left = width + "px"; this.resize(); }, searchCanceled: function(startingNewSearch) { WebInspector.extensionServer.notifySearchAction(this._id, "cancelSearch"); WebInspector.Panel.prototype.searchCanceled.apply(this, arguments); }, performSearch: function(query) { WebInspector.extensionServer.notifySearchAction(this._id, "performSearch", query); WebInspector.Panel.prototype.performSearch.apply(this, arguments); }, jumpToNextSearchResult: function() { WebInspector.extensionServer.notifySearchAction(this._id, "nextSearchResult"); WebInspector.Panel.prototype.jumpToNextSearchResult.call(this); }, jumpToPreviousSearchResult: function() { WebInspector.extensionServer.notifySearchAction(this._id, "previousSearchResult"); WebInspector.Panel.prototype.jumpToPreviousSearchResult.call(this); }, _addStyleRule: function(selector, body) { var style = document.createElement("style"); style.textContent = selector + " { " + body + " }"; document.head.appendChild(style); } } WebInspector.ExtensionPanel.prototype.__proto__ = WebInspector.Panel.prototype; WebInspector.ExtensionWatchSidebarPane = function(title, id) { WebInspector.SidebarPane.call(this, title); this._id = id; } WebInspector.ExtensionWatchSidebarPane.prototype = { setObject: function(object, title) { this._setObject(WebInspector.RemoteObject.fromLocalObject(object), title); }, setExpression: function(expression, title) { InspectorBackend.evaluate(expression, "extension-watch", false, this._onEvaluate.bind(this, title)); }, _onEvaluate: function(title, result) { this._setObject(WebInspector.RemoteObject.fromPayload(result), title); }, _setObject: function(object, title) { this.bodyElement.removeChildren(); var section = new WebInspector.ObjectPropertiesSection(object, title, null, true); if (!title) section.headerElement.addStyleClass("hidden"); section.expanded = true; this.bodyElement.appendChild(section.element); WebInspector.extensionServer.notifyExtensionWatchSidebarUpdated(this._id); } } WebInspector.ExtensionWatchSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; ================================================ FILE: buildin_modules/weinre/web/client/ExtensionRegistryStub.js ================================================ /* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance * with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. */ (function() { var ExtensionRegistryImpl = modjewel.require("weinre/client/ExtensionRegistryImpl") window.InspectorExtensionRegistry = new ExtensionRegistryImpl() })() ================================================ FILE: buildin_modules/weinre/web/client/ExtensionServer.js ================================================ /* * Copyright (C) 2011 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.ExtensionServer = function() { this._clientObjects = {}; this._handlers = {}; this._subscribers = {}; this._extraHeaders = {}; this._status = new WebInspector.ExtensionStatus(); this._registerHandler("addRequestHeaders", this._onAddRequestHeaders.bind(this)); this._registerHandler("addAuditCategory", this._onAddAuditCategory.bind(this)); this._registerHandler("addAuditResult", this._onAddAuditResult.bind(this)); this._registerHandler("createPanel", this._onCreatePanel.bind(this)); this._registerHandler("createSidebarPane", this._onCreateSidebar.bind(this)); this._registerHandler("createWatchExpressionSidebarPane", this._onCreateWatchExpressionSidebarPane.bind(this)); this._registerHandler("evaluateOnInspectedPage", this._onEvaluateOnInspectedPage.bind(this)); this._registerHandler("getHAR", this._onGetHAR.bind(this)); this._registerHandler("getResourceContent", this._onGetResourceContent.bind(this)); this._registerHandler("log", this._onLog.bind(this)); this._registerHandler("reload", this._onReload.bind(this)); this._registerHandler("setSidebarHeight", this._onSetSidebarHeight.bind(this)); this._registerHandler("setWatchSidebarContent", this._onSetWatchSidebarContent.bind(this)); this._registerHandler("stopAuditCategoryRun", this._onStopAuditCategoryRun.bind(this)); this._registerHandler("subscribe", this._onSubscribe.bind(this)); this._registerHandler("unsubscribe", this._onUnsubscribe.bind(this)); window.addEventListener("message", this._onWindowMessage.bind(this), false); } WebInspector.ExtensionServer.prototype = { notifyPanelShown: function(panelName) { this._postNotification("panel-shown-" + panelName); }, notifyObjectSelected: function(panelId, objectId) { this._postNotification("panel-objectSelected-" + panelId, objectId); }, notifySearchAction: function(panelId, action, searchString) { this._postNotification("panel-search-" + panelId, action, searchString); }, notifyPageLoaded: function(milliseconds) { this._postNotification("inspectedPageLoaded", milliseconds); }, notifyPageDOMContentLoaded: function(milliseconds) { this._postNotification("inspectedPageDOMContentLoaded", milliseconds); }, notifyInspectedURLChanged: function() { this._postNotification("inspectedURLChanged"); }, notifyInspectorReset: function() { this._postNotification("reset"); }, notifyExtensionWatchSidebarUpdated: function(id) { this._postNotification("watch-sidebar-updated-" + id); }, startAuditRun: function(category, auditRun) { this._clientObjects[auditRun.id] = auditRun; this._postNotification("audit-started-" + category.id, auditRun.id); }, stopAuditRun: function(auditRun) { delete this._clientObjects[auditRun.id]; }, _notifyResourceFinished: function(event) { var resource = event.data; this._postNotification("resource-finished", resource.identifier, (new WebInspector.HAREntry(resource)).build()); }, _postNotification: function(type, details) { var subscribers = this._subscribers[type]; if (!subscribers) return; var message = { command: "notify-" + type, arguments: Array.prototype.slice.call(arguments, 1) }; for (var i = 0; i < subscribers.length; ++i) subscribers[i].postMessage(message); }, _onSubscribe: function(message, port) { var subscribers = this._subscribers[message.type]; if (subscribers) subscribers.push(port); else this._subscribers[message.type] = [ port ]; }, _onUnsubscribe: function(message, port) { var subscribers = this._subscribers[message.type]; if (!subscribers) return; subscribers.remove(port); if (!subscribers.length) delete this._subscribers[message.type]; }, _onAddRequestHeaders: function(message) { var id = message.extensionId; if (typeof id !== "string") return this._status.E_BADARGTYPE("extensionId", typeof id, "string"); var extensionHeaders = this._extraHeaders[id]; if (!extensionHeaders) { extensionHeaders = {}; this._extraHeaders[id] = extensionHeaders; } for (name in message.headers) extensionHeaders[name] = message.headers[name]; var allHeaders = {}; for (extension in this._extraHeaders) { var headers = this._extraHeaders[extension]; for (name in headers) { if (typeof headers[name] === "string") allHeaders[name] = headers[name]; } } InspectorBackend.setExtraHeaders(allHeaders); }, _onCreatePanel: function(message, port) { var id = message.id; // The ids are generated on the client API side and must be unique, so the check below // shouldn't be hit unless someone is bypassing the API. if (id in this._clientObjects || id in WebInspector.panels) return this._status.E_EXISTS(id); var panel = new WebInspector.ExtensionPanel(id, message.title, message.icon); this._clientObjects[id] = panel; var toolbarElement = document.getElementById("toolbar"); var lastToolbarItem = WebInspector.panelOrder[WebInspector.panelOrder.length - 1].toolbarItem; WebInspector.addPanelToolbarIcon(toolbarElement, panel, lastToolbarItem); WebInspector.panels[id] = panel; var iframe = this._createClientIframe(panel.element, message.url); iframe.style.height = "100%"; return this._status.OK(); }, _onCreateSidebar: function(message) { var sidebar = this._createSidebar(message, WebInspector.SidebarPane); if (sidebar.isError) return sidebar; this._createClientIframe(sidebar.bodyElement, message.url); return this._status.OK(); }, _onCreateWatchExpressionSidebarPane: function(message) { var sidebar = this._createSidebar(message, WebInspector.ExtensionWatchSidebarPane); return sidebar.isError ? sidebar : this._status.OK(); }, _createSidebar: function(message, constructor) { var panel = WebInspector.panels[message.panel]; if (!panel) return this._status.E_NOTFOUND(message.panel); if (!panel.sidebarElement || !panel.sidebarPanes) return this._status.E_NOTSUPPORTED(); var id = message.id; var sidebar = new constructor(message.title, message.id); this._clientObjects[id] = sidebar; panel.sidebarPanes[id] = sidebar; panel.sidebarElement.appendChild(sidebar.element); return sidebar; }, _createClientIframe: function(parent, url, requestId, port) { var iframe = document.createElement("iframe"); iframe.src = url; iframe.style.width = "100%"; parent.appendChild(iframe); return iframe; }, _onSetSidebarHeight: function(message) { var sidebar = this._clientObjects[message.id]; if (!sidebar) return this._status.E_NOTFOUND(message.id); sidebar.bodyElement.firstChild.style.height = message.height; }, _onSetWatchSidebarContent: function(message) { var sidebar = this._clientObjects[message.id]; if (!sidebar) return this._status.E_NOTFOUND(message.id); if (message.evaluateOnPage) sidebar.setExpression(message.expression, message.rootTitle); else sidebar.setObject(message.expression, message.rootTitle); }, _onLog: function(message) { WebInspector.log(message.message); }, _onReload: function(message) { if (typeof message.userAgent === "string") InspectorBackend.setUserAgentOverride(message.userAgent); InspectorBackend.reloadPage(false); return this._status.OK(); }, _onEvaluateOnInspectedPage: function(message, port) { function callback(resultPayload) { var resultObject = WebInspector.RemoteObject.fromPayload(resultPayload); var result = {}; if (resultObject.isError()) result.isException = true; result.value = resultObject.description; this._dispatchCallback(message.requestId, port, result); } var evalExpression = "JSON.stringify(eval(unescape('" + escape(message.expression) + "')));"; InspectorBackend.evaluate(evalExpression, "none", true, callback.bind(this)); }, _onRevealAndSelect: function(message) { if (message.panelId === "resources" && type === "resource") return this._onRevealAndSelectResource(message); else return this._status.E_NOTSUPPORTED(message.panelId, message.type); }, _onRevealAndSelectResource: function(message) { var id = message.id; var resource = null; resource = WebInspector.networkResourceById(id) || WebInspector.resourceForURL(id); if (!resource) return this._status.E_NOTFOUND(typeof id + ": " + id); WebInspector.panels.resources.showResource(resource, message.line); WebInspector.showPanel("resources"); }, _dispatchCallback: function(requestId, port, result) { port.postMessage({ command: "callback", requestId: requestId, result: result }); }, _onGetHAR: function(request) { var harLog = new WebInspector.HARLog(); harLog.includeResourceIds = true; return harLog.build(); }, _onGetResourceContent: function(message, port) { function onContentAvailable(content, encoded) { var response = { encoding: encoded ? "base64" : "", content: content }; this._dispatchCallback(message.requestId, port, response); } var resource = WebInspector.networkResourceById(message.id); if (!resource) return this._status.E_NOTFOUND(message.id); resource.requestContent(onContentAvailable.bind(this)); }, _onAddAuditCategory: function(request) { var category = new WebInspector.ExtensionAuditCategory(request.id, request.displayName, request.resultCount); if (WebInspector.panels.audits.getCategory(category.id)) return this._status.E_EXISTS(category.id); this._clientObjects[request.id] = category; WebInspector.panels.audits.addCategory(category); }, _onAddAuditResult: function(request) { var auditResult = this._clientObjects[request.resultId]; if (!auditResult) return this._status.E_NOTFOUND(request.resultId); try { auditResult.addResult(request.displayName, request.description, request.severity, request.details); } catch (e) { return e; } return this._status.OK(); }, _onStopAuditCategoryRun: function(request) { var auditRun = this._clientObjects[request.resultId]; if (!auditRun) return this._status.E_NOTFOUND(request.resultId); auditRun.cancel(); }, initExtensions: function() { // The networkManager is normally created after the ExtensionServer is constructed, but before initExtensions() is called. WebInspector.networkManager.addEventListener(WebInspector.NetworkManager.EventTypes.ResourceFinished, this._notifyResourceFinished, this); InspectorExtensionRegistry.getExtensionsAsync(); }, _addExtensions: function(extensions) { // See ExtensionAPI.js and ExtensionCommon.js for details. InspectorFrontendHost.setExtensionAPI(this._buildExtensionAPIInjectedScript()); for (var i = 0; i < extensions.length; ++i) { var extension = extensions[i]; try { if (!extension.startPage) return; var iframe = document.createElement("iframe"); iframe.src = extension.startPage; iframe.style.display = "none"; document.body.appendChild(iframe); } catch (e) { console.error("Failed to initialize extension " + extension.startPage + ":" + e); } } }, _buildExtensionAPIInjectedScript: function() { var resourceTypes = {}; var resourceTypeProperties = Object.getOwnPropertyNames(WebInspector.Resource.Type); for (var i = 0; i < resourceTypeProperties.length; ++i) { var propName = resourceTypeProperties[i]; var propValue = WebInspector.Resource.Type[propName]; if (typeof propValue === "number") resourceTypes[propName] = WebInspector.Resource.Type.toString(propValue); } var platformAPI = WebInspector.buildPlatformExtensionAPI ? WebInspector.buildPlatformExtensionAPI() : ""; return "(function(){ " + "var apiPrivate = {};" + "(" + WebInspector.commonExtensionSymbols.toString() + ")(apiPrivate);" + "(" + WebInspector.injectedExtensionAPI.toString() + ").apply(this, arguments);" + platformAPI + "})"; }, _onWindowMessage: function(event) { if (event.data !== "registerExtension") return; var port = event.ports[0]; port.addEventListener("message", this._onmessage.bind(this), false); port.start(); }, _onmessage: function(event) { var request = event.data; var result; if (request.command in this._handlers) result = this._handlers[request.command](request, event.target); else result = this._status.E_NOTSUPPORTED(request.command); if (result && request.requestId) this._dispatchCallback(request.requestId, event.target, result); }, _registerHandler: function(command, callback) { this._handlers[command] = callback; } } WebInspector.ExtensionServer._statuses = { OK: "", E_EXISTS: "Object already exists: %s", E_BADARG: "Invalid argument %s: %s", E_BADARGTYPE: "Invalid type for argument %s: got %s, expected %s", E_NOTFOUND: "Object not found: %s", E_NOTSUPPORTED: "Object does not support requested operation: %s", } WebInspector.ExtensionStatus = function() { function makeStatus(code) { var description = WebInspector.ExtensionServer._statuses[code] || code; var details = Array.prototype.slice.call(arguments, 1); var status = { code: code, description: description, details: details }; if (code !== "OK") { status.isError = true; console.log("Extension server error: " + String.vsprintf(description, details)); } return status; } for (status in WebInspector.ExtensionServer._statuses) this[status] = makeStatus.bind(null, status); } WebInspector.addExtensions = function(extensions) { WebInspector.extensionServer._addExtensions(extensions); } WebInspector.extensionServer = new WebInspector.ExtensionServer(); ================================================ FILE: buildin_modules/weinre/web/client/FontView.js ================================================ /* * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions * are met: * * 1. Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * 2. Redistributions in binary form must reproduce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of * its contributors may be used to endorse or promote products derived * from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.FontView = function(resource) { WebInspector.ResourceView.call(this, resource); this.element.addStyleClass("font"); } WebInspector.FontView.prototype = { hasContent: function() { return true; }, _createContentIfNeeded: function() { if (this.fontPreviewElement) return; var uniqueFontName = "WebInspectorFontPreview" + this.resource.identifier; this.fontStyleElement = document.createElement("style"); this.fontStyleElement.textContent = "@font-face { font-family: \"" + uniqueFontName + "\"; src: url(" + this.resource.url + "); }"; document.head.appendChild(this.fontStyleElement); this.fontPreviewElement = document.createElement("div"); this.element.appendChild(this.fontPreviewElement); this.fontPreviewElement.style.setProperty("font-family", uniqueFontName, null); this.fontPreviewElement.innerHTML = "ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890"; this._lineCount = this.fontPreviewElement.getElementsByTagName("br").length + 1; this.updateFontPreviewSize(); }, show: function(parentElement) { WebInspector.ResourceView.prototype.show.call(this, parentElement); this._createContentIfNeeded(); this.updateFontPreviewSize(); }, resize: function() { this.updateFontPreviewSize(); WebInspector.ResourceView.prototype.resize.call(this); }, updateFontPreviewSize: function() { if (!this.fontPreviewElement || !this.visible) return; var measureFontSize = 50; this.fontPreviewElement.style.setProperty("font-size", measureFontSize + "px", null); this.fontPreviewElement.style.setProperty("position", "absolute", null); this.fontPreviewElement.style.removeProperty("height"); var height = this.fontPreviewElement.offsetHeight; var width = this.fontPreviewElement.offsetWidth; // Subtract some padding. This should match the padding in the CSS plus room for the scrollbar. var containerWidth = this.element.offsetWidth - 50; if (!height || !width || !containerWidth) { this.fontPreviewElement.style.removeProperty("font-size"); this.fontPreviewElement.style.removeProperty("position"); return; } var realLineHeight = Math.floor(height / this._lineCount); var fontSizeLineRatio = measureFontSize / realLineHeight; var widthRatio = containerWidth / width; var finalFontSize = Math.floor(realLineHeight * widthRatio * fontSizeLineRatio) - 2; this.fontPreviewElement.style.setProperty("font-size", finalFontSize + "px", null); this.fontPreviewElement.style.setProperty("height", this.fontPreviewElement.offsetHeight + "px", null); this.fontPreviewElement.style.removeProperty("position"); } } WebInspector.FontView.prototype.__proto__ = WebInspector.ResourceView.prototype; ================================================ FILE: buildin_modules/weinre/web/client/GoToLineDialog.js ================================================ /* * Copyright (C) 2010 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.GoToLineDialog = function(view) { this._element = document.createElement("div"); this._element.className = "go-to-line-dialog"; this._element.addEventListener("keydown", this._onKeyDown.bind(this), false); this._closeKeys = [ WebInspector.KeyboardShortcut.Keys.Enter.code, WebInspector.KeyboardShortcut.Keys.Esc.code, ]; var dialogWindow = this._element; dialogWindow.createChild("label").innerText = WebInspector.UIString("Go to line: "); this._input = dialogWindow.createChild("input"); this._input.setAttribute("type", "text"); this._input.setAttribute("size", 6); var linesCount = view.textModel.linesCount; if (linesCount) this._input.setAttribute("title", WebInspector.UIString("1 - %d", linesCount)); var blurHandler = this._onBlur.bind(this); this._input.addEventListener("blur", blurHandler, false); var go = dialogWindow.createChild("button"); go.innerText = WebInspector.UIString("Go"); go.addEventListener("click", this._onClick.bind(this), false); go.addEventListener("mousedown", function(e) { // Ok button click will close the dialog, removing onBlur listener // to let click event be handled. this._input.removeEventListener("blur", blurHandler, false); }.bind(this), false); this._view = view; view.element.appendChild(this._element); this._previousFocusElement = WebInspector.currentFocusElement; WebInspector.currentFocusElement = this._input; this._input.select(); } WebInspector.GoToLineDialog.show = function(sourceView) { if (this._instance) return; this._instance = new WebInspector.GoToLineDialog(sourceView); } WebInspector.GoToLineDialog.prototype = { _hide: function() { if (this._isHiding) return; this._isHiding = true; WebInspector.currentFocusElement = this._previousFocusElement; WebInspector.GoToLineDialog._instance = null; this._element.parentElement.removeChild(this._element); }, _onBlur: function(event) { this._hide(); }, _onKeyDown: function(event) { if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Tab.code) { event.preventDefault(); return; } if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Enter.code) this._highlightSelectedLine(); if (this._closeKeys.indexOf(event.keyCode) >= 0) { this._hide(); event.stopPropagation(); } }, _onClick: function(event) { this._highlightSelectedLine(); this._hide(); }, _highlightSelectedLine: function() { var value = this._input.value; var lineNumber = parseInt(value, 10); if (!isNaN(lineNumber) && lineNumber > 0) { lineNumber = Math.min(lineNumber, this._view.textModel.linesCount); this._view.highlightLine(lineNumber); } } }; ================================================ FILE: buildin_modules/weinre/web/client/HAREntry.js ================================================ /* * Copyright (C) 2011 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ // See http://groups.google.com/group/http-archive-specification/web/har-1-2-spec // for HAR specification. WebInspector.HAREntry = function(resource) { this._resource = resource; } WebInspector.HAREntry.prototype = { build: function() { return { pageref: this._resource.documentURL, startedDateTime: new Date(this._resource.startTime * 1000), time: WebInspector.HAREntry._toMilliseconds(this._resource.duration), request: this._buildRequest(), response: this._buildResponse(), // cache: {...}, -- Not supproted yet. timings: this._buildTimings() }; }, _buildRequest: function() { var res = { method: this._resource.requestMethod, url: this._resource.url, // httpVersion: "HTTP/1.1" -- Not available. headers: this._buildHeaders(this._resource.requestHeaders), headersSize: -1, // Not available. bodySize: -1 // Not available. }; if (this._resource.queryParameters) res.queryString = this._buildParameters(this._resource.queryParameters); if (this._resource.requestFormData) res.postData = this._buildPostData(); if (this._resource.requestCookies) res.cookies = this._buildCookies(this._resource.requestCookies); return res; }, _buildResponse: function() { var res = { status: this._resource.statusCode, statusText: this._resource.statusText, // "httpVersion": "HTTP/1.1" -- Not available. headers: this._buildHeaders(this._resource.responseHeaders), content: this._buildContent(), redirectURL: this._resource.responseHeaderValue("Location") || "", headersSize: -1, // Not available. bodySize: this._resource.resourceSize }; if (this._resource.responseCookies) res.cookies = this._buildCookies(this._resource.responseCookies); return res; }, _buildContent: function() { return { size: this._resource.resourceSize, // compression: 0, -- Not available. mimeType: this._resource.mimeType, // text: -- Not available. }; }, _buildTimings: function() { var waitForConnection = this._interval("connectStart", "connectEnd"); var blocked; var connect; var dns = this._interval("dnsStart", "dnsEnd"); var send = this._interval("sendStart", "sendEnd"); var ssl = this._interval("sslStart", "sslEnd"); if (ssl !== -1 && send !== -1) send -= ssl; if (this._resource.connectionReused) { connect = -1; blocked = waitForConnection; } else { blocked = 0; connect = waitForConnection; if (dns !== -1) connect -= dns; } return { blocked: blocked, dns: dns, connect: connect, send: send, wait: this._interval("sendEnd", "receiveHeadersEnd"), receive: WebInspector.HAREntry._toMilliseconds(this._resource.receiveDuration), ssl: ssl }; }, _buildHeaders: function(headers) { var result = []; for (var name in headers) result.push({ name: name, value: headers[name] }); return result; }, _buildPostData: function() { var res = { mimeType: this._resource.requestHeaderValue("Content-Type"), text: this._resource.requestFormData }; if (this._resource.formParameters) res.params = this._buildParameters(this._resource.formParameters); return res; }, _buildParameters: function(parameters) { return parameters.slice(); }, _buildCookies: function(cookies) { return cookies.map(this._buildCookie.bind(this)); }, _buildCookie: function(cookie) { return { name: cookie.name, value: cookie.value, path: cookie.path, domain: cookie.domain, expires: cookie.expires(new Date(this._resource.startTime * 1000)), httpOnly: cookie.httpOnly, secure: cookie.secure }; }, _interval: function(start, end) { var timing = this._resource.timing; if (!timing) return -1; var startTime = timing[start]; return typeof startTime !== "number" || startTime === -1 ? -1 : Math.round(timing[end] - startTime); } } WebInspector.HAREntry._toMilliseconds = function(time) { return time === -1 ? -1 : Math.round(time * 1000); } WebInspector.HARLog = function() { this.includeResourceIds = false; } WebInspector.HARLog.prototype = { build: function() { var webKitVersion = /AppleWebKit\/([^ ]+)/.exec(window.navigator.userAgent); return { version: "1.2", creator: { name: "WebInspector", version: webKitVersion ? webKitVersion[1] : "n/a" }, pages: this._buildPages(), entries: WebInspector.networkResources.map(this._convertResource.bind(this)) } }, _buildPages: function() { return [ { startedDateTime: new Date(WebInspector.mainResource.startTime * 1000), id: WebInspector.mainResource.documentURL, title: "", pageTimings: this.buildMainResourceTimings() } ]; }, buildMainResourceTimings: function() { return { onContentLoad: this._pageEventTime(WebInspector.mainResourceDOMContentTime), onLoad: this._pageEventTime(WebInspector.mainResourceLoadTime), } }, _convertResource: function(resource) { var entry = (new WebInspector.HAREntry(resource)).build(); if (this.includeResourceIds) entry._resourceId = resource.identifier; return entry; }, _pageEventTime: function(time) { var startTime = WebInspector.mainResource.startTime; if (time === -1 || startTime === -1) return -1; return WebInspector.HAREntry._toMilliseconds(time - startTime); } } ================================================ FILE: buildin_modules/weinre/web/client/HeapSnapshot.js ================================================ /* * Copyright (C) 2011 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.HeapSnapshotArraySlice = function(snapshot, arrayName, start, end) { // Note: we don't reference snapshot contents directly to avoid // holding references to big chunks of data. this._snapshot = snapshot; this._arrayName = arrayName; this._start = start; this.length = end - start; } WebInspector.HeapSnapshotArraySlice.prototype = { item: function(index) { return this._snapshot[this._arrayName][this._start + index]; } } WebInspector.HeapSnapshotEdge = function(snapshot, edges, edgeIndex) { this._snapshot = snapshot; this._edges = edges; this.edgeIndex = edgeIndex || 0; } WebInspector.HeapSnapshotEdge.prototype = { clone: function() { return new WebInspector.HeapSnapshotEdge(this._snapshot, this._edges, this.edgeIndex); }, get hasStringName() { if (!this.isShortcut) return this._hasStringName; return isNaN(parseInt(this._name, 10)); }, get isElement() { return this._type() === this._snapshot._edgeElementType; }, get isHidden() { return this._type() === this._snapshot._edgeHiddenType; }, get isInternal() { return this._type() === this._snapshot._edgeInternalType; }, get isShortcut() { return this._type() === this._snapshot._edgeShortcutType; }, get name() { if (!this.isShortcut) return this._name; var numName = parseInt(this._name, 10); return isNaN(numName) ? this._name : numName; }, get node() { return new WebInspector.HeapSnapshotNode(this._snapshot, this.nodeIndex); }, get nodeIndex() { return this._edges.item(this.edgeIndex + this._snapshot._edgeToNodeOffset); }, get rawEdges() { return this._edges; }, toString: function() { switch (this.type) { case "context": return "->" + this.name; case "element": return "[" + this.name + "]"; case "property": return this.name.indexOf(" ") === -1 ? "." + this.name : "[\"" + this.name + "\"]"; case "shortcut": var name = this.name; if (typeof name === "string") return this.name.indexOf(" ") === -1 ? "." + this.name : "[\"" + this.name + "\"]"; else return "[" + this.name + "]"; case "internal": case "hidden": return "{" + this.name + "}"; }; return "?" + this.name + "?"; }, get type() { return this._snapshot._edgeTypes[this._type()]; }, get _hasStringName() { return !this.isElement && !this.isHidden; }, get _name() { return this._hasStringName ? this._snapshot._strings[this._nameOrIndex] : this._nameOrIndex; }, get _nameOrIndex() { return this._edges.item(this.edgeIndex + this._snapshot._edgeNameOffset); }, _type: function() { return this._edges.item(this.edgeIndex + this._snapshot._edgeTypeOffset); } }; WebInspector.HeapSnapshotEdgeIterator = function(edge) { this.edge = edge; } WebInspector.HeapSnapshotEdgeIterator.prototype = { first: function() { this.edge.edgeIndex = 0; }, hasNext: function() { return this.edge.edgeIndex < this.edge._edges.length; }, get index() { return this.edge.edgeIndex; }, set index(newIndex) { this.edge.edgeIndex = newIndex; }, get item() { return this.edge; }, next: function() { this.edge.edgeIndex += this.edge._snapshot._edgeFieldsCount; } }; WebInspector.HeapSnapshotNode = function(snapshot, nodeIndex) { this._snapshot = snapshot; this._firstNodeIndex = nodeIndex; this.nodeIndex = nodeIndex; } WebInspector.HeapSnapshotNode.prototype = { get className() { switch (this.type) { case "hidden": return WebInspector.UIString("(system)"); case "object": return this.name; case "code": return WebInspector.UIString("(compiled code)"); default: return "(" + this.type + ")"; } }, dominatorIndex: function() { return this._nodes[this.nodeIndex + this._snapshot._dominatorOffset]; }, get edges() { return new WebInspector.HeapSnapshotEdgeIterator(new WebInspector.HeapSnapshotEdge(this._snapshot, this.rawEdges)); }, get edgesCount() { return this._nodes[this.nodeIndex + this._snapshot._edgesCountOffset]; }, get id() { return this._nodes[this.nodeIndex + this._snapshot._nodeIdOffset]; }, get instancesCount() { return this._nodes[this.nodeIndex + this._snapshot._nodeInstancesCountOffset]; }, get isHidden() { return this._type() === this._snapshot._nodeHiddenType; }, get isRoot() { return this.nodeIndex === this._snapshot._rootNodeIndex; }, get name() { return this._snapshot._strings[this._name()]; }, get rawEdges() { var firstEdgeIndex = this._firstEdgeIndex(); return new WebInspector.HeapSnapshotArraySlice(this._snapshot, "_nodes", firstEdgeIndex, firstEdgeIndex + this.edgesCount * this._snapshot._edgeFieldsCount); }, get retainedSize() { return this._nodes[this.nodeIndex + this._snapshot._nodeRetainedSizeOffset]; }, get retainers() { return new WebInspector.HeapSnapshotEdgeIterator(new WebInspector.HeapSnapshotEdge(this._snapshot, this._snapshot.retainers(this))); }, get selfSize() { return this._nodes[this.nodeIndex + this._snapshot._nodeSelfSizeOffset]; }, get type() { return this._snapshot._nodeTypes[this._type()]; }, _name: function() { return this._nodes[this.nodeIndex + this._snapshot._nodeNameOffset]; }, get _nodes() { return this._snapshot._nodes; }, _firstEdgeIndex: function() { return this.nodeIndex + this._snapshot._firstEdgeOffset; }, get _nextNodeIndex() { return this._firstEdgeIndex() + this.edgesCount * this._snapshot._edgeFieldsCount; }, _type: function() { return this._nodes[this.nodeIndex + this._snapshot._nodeTypeOffset]; } }; WebInspector.HeapSnapshotNodeIterator = function(node) { this.node = node; } WebInspector.HeapSnapshotNodeIterator.prototype = { first: function() { this.node.nodeIndex = this.node._firstNodeIndex; }, hasNext: function() { return this.node.nodeIndex < this.node._nodes.length; }, get index() { return this.node.nodeIndex; }, set index(newIndex) { this.node.nodeIndex = newIndex; }, get item() { return this.node; }, next: function() { this.node.nodeIndex = this.node._nextNodeIndex; } } WebInspector.HeapSnapshot = function(profile) { this._nodes = profile.nodes; this._strings = profile.strings; this._init(); } WebInspector.HeapSnapshot.prototype = { _init: function() { this._metaNodeIndex = 0; this._rootNodeIndex = 1; var meta = this._nodes[this._metaNodeIndex]; this._nodeTypeOffset = meta.fields.indexOf("type"); this._nodeNameOffset = meta.fields.indexOf("name"); this._nodeIdOffset = meta.fields.indexOf("id"); this._nodeInstancesCountOffset = this._nodeIdOffset; this._nodeSelfSizeOffset = meta.fields.indexOf("self_size"); this._nodeRetainedSizeOffset = meta.fields.indexOf("retained_size"); this._dominatorOffset = meta.fields.indexOf("dominator"); this._edgesCountOffset = meta.fields.indexOf("children_count"); this._firstEdgeOffset = meta.fields.indexOf("children"); this._nodeTypes = meta.types[this._nodeTypeOffset]; this._nodeHiddenType = this._nodeTypes.indexOf("hidden"); var edgesMeta = meta.types[this._firstEdgeOffset]; this._edgeFieldsCount = edgesMeta.fields.length; this._edgeTypeOffset = edgesMeta.fields.indexOf("type"); this._edgeNameOffset = edgesMeta.fields.indexOf("name_or_index"); this._edgeToNodeOffset = edgesMeta.fields.indexOf("to_node"); this._edgeTypes = edgesMeta.types[this._edgeTypeOffset]; this._edgeElementType = this._edgeTypes.indexOf("element"); this._edgeHiddenType = this._edgeTypes.indexOf("hidden"); this._edgeInternalType = this._edgeTypes.indexOf("internal"); this._edgeShortcutType = this._edgeTypes.indexOf("shortcut"); }, dispose: function() { delete this._nodes; delete this._strings; if (this._idsMap) delete this._idsMap; if (this._retainers) { delete this._retainers; delete this._nodesToRetainers; } if (this._aggregates) { delete this._aggregates; this._aggregatesWithIndexes = false; } }, get allNodes() { return new WebInspector.HeapSnapshotNodeIterator(this.rootNode); }, get nodesCount() { if (this._nodesCount) return this._nodesCount; this._nodesCount = 0; for (var iter = this.allNodes; iter.hasNext(); iter.next()) ++this._nodesCount; return this._nodesCount; }, restore: function(profile) { this._nodes = profile.nodes; this._strings = profile.strings; }, get rootNode() { return new WebInspector.HeapSnapshotNode(this, this._rootNodeIndex); }, get totalSize() { return this.rootNode.retainedSize; }, get idsMap() { if (this._idsMap) return this._idsMap; this._idsMap = []; for (var iter = this.allNodes; iter.hasNext(); iter.next()) { this._idsMap[iter.node.id] = true; } return this._idsMap; }, retainers: function(node) { if (!this._retainers) this._buildRetainers(); var retIndexFrom = this._nodesToRetainers[node.nodeIndex]; var retIndexTo = this._nodesToRetainers[node._nextNodeIndex]; return new WebInspector.HeapSnapshotArraySlice(this, "_retainers", retIndexFrom, retIndexTo); }, aggregates: function(withNodeIndexes) { if (!this._aggregates) this._buildAggregates(); if (withNodeIndexes && !this._aggregatesWithIndexes) this._buildAggregatesIndexes(); return this._aggregates; }, _buildRetainers: function() { this._nodesToRetainers = []; for (var nodesIter = this.allNodes; nodesIter.hasNext(); nodesIter.next()) { var node = nodesIter.node; if (!(node.nodeIndex in this._nodesToRetainers)) this._nodesToRetainers[node.nodeIndex] = 0; for (var edgesIter = node.edges; edgesIter.hasNext(); edgesIter.next()) { var edge = edgesIter.edge; var nodeIndex = edge.nodeIndex; if (!(nodeIndex in this._nodesToRetainers)) this._nodesToRetainers[nodeIndex] = 0; this._nodesToRetainers[nodeIndex] += this._edgeFieldsCount; } } nodesIter = this.allNodes; var node = nodesIter.node; var prevIndex = this._nodesToRetainers[node.nodeIndex] = 0; var prevRetsCount = this._nodesToRetainers[node.nodeIndex]; nodesIter.next(); for (; nodesIter.hasNext(); nodesIter.next()) { node = nodesIter.node; var savedRefsCount = this._nodesToRetainers[node.nodeIndex]; this._nodesToRetainers[node.nodeIndex] = prevIndex + prevRetsCount; prevIndex = this._nodesToRetainers[node.nodeIndex]; prevRetsCount = savedRefsCount; } this._retainers = new Array(prevIndex + prevRetsCount); this._nodesToRetainers[this._nodes.length] = this._retainers.length; for (nodesIter = this.allNodes; nodesIter.hasNext(); nodesIter.next()) { node = nodesIter.node; var retsCount = this._nodesToRetainers[node._nextNodeIndex] - this._nodesToRetainers[node.nodeIndex]; if (retsCount > 0) { this._retainers[this._nodesToRetainers[node.nodeIndex]] = retsCount; } } for (nodesIter = this.allNodes; nodesIter.hasNext(); nodesIter.next()) { node = nodesIter.node; for (var edgesIter = node.edges; edgesIter.hasNext(); edgesIter.next()) { var edge = edgesIter.edge; var nodeIndex = edge.nodeIndex; var retIndex = this._nodesToRetainers[nodeIndex]; this._retainers[retIndex] -= this._edgeFieldsCount; var idx = retIndex + this._retainers[retIndex]; this._retainers[idx + this._edgeTypeOffset] = edge._type(); this._retainers[idx + this._edgeNameOffset] = edge._nameOrIndex; this._retainers[idx + this._edgeToNodeOffset] = node.nodeIndex; } } }, _buildAggregates: function() { this._aggregates = {}; for (var iter = this.allNodes; iter.hasNext(); iter.next()) { var node = iter.node; var className = node.className; var nameMatters = node.type === "object"; if (node.selfSize === 0) continue; if (!(className in this._aggregates)) this._aggregates[className] = { count: 0, self: 0, maxRet: 0, type: node.type, name: nameMatters ? node.name : null, idxs: [] }; var clss = this._aggregates[className]; ++clss.count; clss.self += node.selfSize; if (node.retainedSize > clss.maxRet) clss.maxRet = node.retainedSize; } }, _buildAggregatesIndexes: function() { for (var iter = this.allNodes; iter.hasNext(); iter.next()) { var node = iter.node; var className = node.className; var clss = this._aggregates[className]; if (clss) clss.idxs.push(node.nodeIndex); } var nodeA = new WebInspector.HeapSnapshotNode(this); var nodeB = new WebInspector.HeapSnapshotNode(this); for (var clss in this._aggregates) this._aggregates[clss].idxs.sort( function(idxA, idxB) { nodeA.nodeIndex = idxA; nodeB.nodeIndex = idxB; return nodeA.id < nodeB.id ? -1 : 1; }); this._aggregatesWithIndexes = true; } }; WebInspector.HeapSnapshotFilteredOrderedIterator = function(snapshot, iterator, filter) { this._snapshot = snapshot; this._filter = filter; this._iterator = iterator; this._iterationOrder = null; this._position = 0; this._lastComparator = null; } WebInspector.HeapSnapshotFilteredOrderedIterator.prototype = { _createIterationOrder: function() { this._iterationOrder = []; var iterator = this._iterator; if (!this._filter) { for (iterator.first(); iterator.hasNext(); iterator.next()) this._iterationOrder.push(iterator.index); } else { for (iterator.first(); iterator.hasNext(); iterator.next()) { if (this._filter(iterator.item)) this._iterationOrder.push(iterator.index); } } }, first: function() { this._position = 0; }, hasNext: function() { return this._position < this._iterationOrder.length; }, get isEmpty() { if (this._iterationOrder) return !this._iterationOrder.length; var iterator = this._iterator; if (!this._filter) { iterator.first(); return !iterator.hasNext(); } for (iterator.first(); iterator.hasNext(); iterator.next()) if (this._filter(iterator.item)) return false; return true; }, get item() { this._iterator.index = this._iterationOrder[this._position]; return this._iterator.item; }, get lastComparator() { return this._lastComparator; }, get length() { if (!this._iterationOrder) this._createIterationOrder(); return this._iterationOrder.length; }, next: function() { ++this._position; } } WebInspector.HeapSnapshotFilteredOrderedIterator.prototype.createComparator = function(fieldNames) { return {fieldName1:fieldNames[0], ascending1:fieldNames[1], fieldName2:fieldNames[2], ascending2:fieldNames[3]}; } WebInspector.HeapSnapshotEdgesProvider = function(snapshot, rawEdges, filter) { WebInspector.HeapSnapshotFilteredOrderedIterator.call(this, snapshot, new WebInspector.HeapSnapshotEdgeIterator(new WebInspector.HeapSnapshotEdge(snapshot, rawEdges)), filter); } WebInspector.HeapSnapshotEdgesProvider.prototype = { sort: function(comparator) { if (this._lastComparator === comparator) return false; this._lastComparator = comparator; var fieldName1 = comparator.fieldName1; var fieldName2 = comparator.fieldName2; var ascending1 = comparator.ascending1; var ascending2 = comparator.ascending2; var edgeA = this._iterator.item.clone(); var edgeB = edgeA.clone(); var nodeA = new WebInspector.HeapSnapshotNode(this._snapshot); var nodeB = new WebInspector.HeapSnapshotNode(this._snapshot); function sortByEdgeFieldName(ascending, indexA, indexB) { edgeA.edgeIndex = indexA; edgeB.edgeIndex = indexB; if (edgeB.name === "__proto__") return -1; if (edgeA.name === "__proto__") return 1; var result = edgeA.hasStringName === edgeB.hasStringName ? (edgeA.name < edgeB.name ? -1 : (edgeA.name > edgeB.name ? 1 : 0)) : (edgeA.hasStringName ? -1 : 1); return ascending ? result : -result; } function sortByNodeField(fieldName, ascending, indexA, indexB) { edgeA.edgeIndex = indexA; edgeB.edgeIndex = indexB; nodeA.nodeIndex = edgeA.nodeIndex; nodeB.nodeIndex = edgeB.nodeIndex; var valueA = nodeA[fieldName]; var valueB = nodeB[fieldName]; var result = valueA < valueB ? -1 : (valueA > valueB ? 1 : 0); return ascending ? result : -result; } if (!this._iterationOrder) this._createIterationOrder(); function sortByEdgeAndNode(indexA, indexB) { var result = sortByEdgeFieldName(ascending1, indexA, indexB); if (result === 0) result = sortByNodeField(fieldName2, ascending2, indexA, indexB); return result; } function sortByNodeAndEdge(indexA, indexB) { var result = sortByNodeField(fieldName1, ascending1, indexA, indexB); if (result === 0) result = sortByEdgeFieldName(ascending2, indexA, indexB); return result; } function sortByNodeAndNode(indexA, indexB) { var result = sortByNodeField(fieldName1, ascending1, indexA, indexB); if (result === 0) result = sortByNodeField(fieldName2, ascending2, indexA, indexB); return result; } if (fieldName1 === "!edgeName") this._iterationOrder.sort(sortByEdgeAndNode); else if (fieldName2 === "!edgeName") this._iterationOrder.sort(sortByNodeAndEdge); else this._iterationOrder.sort(sortByNodeAndNode); return true; } }; WebInspector.HeapSnapshotEdgesProvider.prototype.__proto__ = WebInspector.HeapSnapshotFilteredOrderedIterator.prototype; WebInspector.HeapSnapshotNodesProvider = function(snapshot, nodes, filter) { WebInspector.HeapSnapshotFilteredOrderedIterator.call(this, snapshot, nodes, filter); } WebInspector.HeapSnapshotNodesProvider.prototype = { sort: function(comparator) { if (this._lastComparator === comparator) return false; this._lastComparator = comparator; var fieldName1 = comparator.fieldName1; var fieldName2 = comparator.fieldName2; var ascending1 = comparator.ascending1; var ascending2 = comparator.ascending2; var nodeA = new WebInspector.HeapSnapshotNode(this._snapshot); var nodeB = new WebInspector.HeapSnapshotNode(this._snapshot); function sortByNodeField(fieldName, ascending, indexA, indexB) { nodeA.nodeIndex = indexA; nodeB.nodeIndex = indexB; var valueA = nodeA[fieldName]; var valueB = nodeB[fieldName]; var result = valueA < valueB ? -1 : (valueA > valueB ? 1 : 0); return ascending ? result : -result; } if (!this._iterationOrder) this._createIterationOrder(); function sortByComparator(indexA, indexB) { var result = sortByNodeField(fieldName1, ascending1, indexA, indexB); if (result === 0) result = sortByNodeField(fieldName2, ascending2, indexA, indexB); return result; } this._iterationOrder.sort(sortByComparator); return true; } }; WebInspector.HeapSnapshotNodesProvider.prototype.__proto__ = WebInspector.HeapSnapshotFilteredOrderedIterator.prototype; WebInspector.HeapSnapshotPathFinder = function(snapshot, targetNodeIndex) { this._snapshot = snapshot; this._maxLength = 1; this._lengthLimit = 15; this._targetNodeIndex = targetNodeIndex; this._currentPath = null; this._skipHidden = !WebInspector.DetailedHeapshotView.prototype.showHiddenData; this._rootChildren = this._fillRootChildren(); } WebInspector.HeapSnapshotPathFinder.prototype = { findNext: function() { for (var i = 0; i < 100000; ++i) { if (!this._buildNextPath()) { if (++this._maxLength >= this._lengthLimit) return null; this._currentPath = null; if (!this._buildNextPath()) return null; } if (this._isPathFound()) return {path:this._pathToString(this._currentPath), len:this._currentPath.length}; } return false; }, _fillRootChildren: function() { var result = []; for (var iter = this._snapshot.rootNode.edges; iter.hasNext(); iter.next()) result[iter.edge.nodeIndex] = true; return result; }, _appendToCurrentPath: function(iter) { this._currentPath._cache[this._lastEdge.nodeIndex] = true; this._currentPath.push(iter); }, _removeLastFromCurrentPath: function() { this._currentPath.pop(); delete this._currentPath._cache[this._lastEdge.nodeIndex]; }, _hasInPath: function(nodeIndex) { return this._targetNodeIndex === nodeIndex || !!this._currentPath._cache[nodeIndex]; }, _isPathFound: function() { return this._currentPath.length === this._maxLength && this._lastEdge.nodeIndex in this._rootChildren; }, get _lastEdgeIter() { return this._currentPath[this._currentPath.length - 1]; }, get _lastEdge() { return this._lastEdgeIter.edge; }, _skipEdge: function(edge) { return (this._skipHidden && (edge.isHidden || edge.node.isHidden)) || this._hasInPath(edge.nodeIndex); }, _nextEdgeIter: function() { var iter = this._lastEdgeIter; while (this._skipEdge(iter.edge) && iter.hasNext()) iter.next(); return iter; }, _buildNextPath: function() { if (this._currentPath !== null) { var iter = this._lastEdgeIter; while (true) { iter.next(); if (iter.hasNext()) return true; while (true) { if (this._currentPath.length > 1) { this._removeLastFromCurrentPath(); iter = this._lastEdgeIter; iter.next(); iter = this._nextEdgeIter(); if (iter.hasNext()) { while (this._currentPath.length < this._maxLength) { iter = this._nextEdgeIter(); if (iter.hasNext()) this._appendToCurrentPath(iter.edge.node.retainers); else return true; } return true; } } else return false; } } } else { var node = new WebInspector.HeapSnapshotNode(this._snapshot, this._targetNodeIndex); this._currentPath = [node.retainers]; this._currentPath._cache = {}; while (this._currentPath.length < this._maxLength) { var iter = this._nextEdgeIter(); if (iter.hasNext()) this._appendToCurrentPath(iter.edge.node.retainers); else break; } return true; } }, _nodeToString: function(node) { if (node.id === 1) return node.name; else return node.name + "@" + node.id; }, _pathToString: function(path) { if (!path) return ""; var sPath = []; for (var j = 0; j < path.length; ++j) sPath.push(path[j].edge.toString()); sPath.push(this._nodeToString(path[path.length - 1].edge.node)); sPath.reverse(); return sPath.join(""); } }; ================================================ FILE: buildin_modules/weinre/web/client/HeapSnapshotView.js ================================================ /* * Copyright (C) 2010 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.HeapSnapshotView = function(parent, profile) { WebInspector.View.call(this); this.element.addStyleClass("heap-snapshot-view"); this.parent = parent; this.parent.addEventListener("profile added", this._updateBaseOptions, this); this.showCountAsPercent = false; this.showSizeAsPercent = false; this.showCountDeltaAsPercent = false; this.showSizeDeltaAsPercent = false; this.categories = { code: new WebInspector.ResourceCategory("code", WebInspector.UIString("Code"), "rgb(255,121,0)"), data: new WebInspector.ResourceCategory("data", WebInspector.UIString("Objects"), "rgb(47,102,236)") }; var summaryContainer = document.createElement("div"); summaryContainer.id = "heap-snapshot-summary-container"; this.countsSummaryBar = new WebInspector.SummaryBar(this.categories); this.countsSummaryBar.element.className = "heap-snapshot-summary"; this.countsSummaryBar.calculator = new WebInspector.HeapSummaryCountCalculator(); var countsLabel = document.createElement("div"); countsLabel.className = "heap-snapshot-summary-label"; countsLabel.textContent = WebInspector.UIString("Count"); this.countsSummaryBar.element.appendChild(countsLabel); summaryContainer.appendChild(this.countsSummaryBar.element); this.sizesSummaryBar = new WebInspector.SummaryBar(this.categories); this.sizesSummaryBar.element.className = "heap-snapshot-summary"; this.sizesSummaryBar.calculator = new WebInspector.HeapSummarySizeCalculator(); var sizesLabel = document.createElement("label"); sizesLabel.className = "heap-snapshot-summary-label"; sizesLabel.textContent = WebInspector.UIString("Size"); this.sizesSummaryBar.element.appendChild(sizesLabel); summaryContainer.appendChild(this.sizesSummaryBar.element); this.element.appendChild(summaryContainer); var columns = { cons: { title: WebInspector.UIString("Constructor"), disclosure: true, sortable: true }, count: { title: WebInspector.UIString("Count"), width: "54px", sortable: true }, size: { title: WebInspector.UIString("Size"), width: "72px", sort: "descending", sortable: true }, // \xb1 is a "plus-minus" sign. countDelta: { title: WebInspector.UIString("\xb1 Count"), width: "72px", sortable: true }, sizeDelta: { title: WebInspector.UIString("\xb1 Size"), width: "72px", sortable: true } }; this.dataGrid = new WebInspector.DataGrid(columns); this.dataGrid.addEventListener("sorting changed", this._sortData, this); this.dataGrid.element.addEventListener("mousedown", this._mouseDownInDataGrid.bind(this), true); this.element.appendChild(this.dataGrid.element); this.profile = profile; this.baseSelectElement = document.createElement("select"); this.baseSelectElement.className = "status-bar-item"; this.baseSelectElement.addEventListener("change", this._changeBase.bind(this), false); this._updateBaseOptions(); this.percentButton = new WebInspector.StatusBarButton("", "percent-time-status-bar-item status-bar-item"); this.percentButton.addEventListener("click", this._percentClicked.bind(this), false); this._loadProfile(this.profile, profileCallback.bind(this)); function profileCallback(profile) { var list = this._profiles(); var profileIndex; for (var i = 0; i < list.length; ++i) if (list[i].uid === profile.uid) { profileIndex = i; break; } if (profileIndex > 0) this.baseSelectElement.selectedIndex = profileIndex - 1; else this.baseSelectElement.selectedIndex = profileIndex; this._resetDataGridList(resetCompleted.bind(this)); } function resetCompleted() { this.refresh(); this._updatePercentButton(); } } WebInspector.HeapSnapshotView.prototype = { get statusBarItems() { return [this.baseSelectElement, this.percentButton.element]; }, get profile() { return this._profile; }, set profile(profile) { this._profile = profile; }, show: function(parentElement) { WebInspector.View.prototype.show.call(this, parentElement); this.dataGrid.updateWidths(); }, hide: function() { WebInspector.View.prototype.hide.call(this); this._currentSearchResultIndex = -1; }, resize: function() { if (this.dataGrid) this.dataGrid.updateWidths(); }, refresh: function() { this.dataGrid.removeChildren(); var children = this.snapshotDataGridList.children; var count = children.length; for (var index = 0; index < count; ++index) this.dataGrid.appendChild(children[index]); this._updateSummaryGraph(); }, refreshShowAsPercents: function() { this._updatePercentButton(); this.refreshVisibleData(); }, _deleteSearchMatchedFlags: function(node) { delete node._searchMatchedConsColumn; delete node._searchMatchedCountColumn; delete node._searchMatchedSizeColumn; delete node._searchMatchedCountDeltaColumn; delete node._searchMatchedSizeDeltaColumn; }, searchCanceled: function() { if (this._searchResults) { for (var i = 0; i < this._searchResults.length; ++i) { var profileNode = this._searchResults[i].profileNode; this._deleteSearchMatchedFlags(profileNode); profileNode.refresh(); } } delete this._searchFinishedCallback; this._currentSearchResultIndex = -1; this._searchResults = []; }, performSearch: function(query, finishedCallback) { // Call searchCanceled since it will reset everything we need before doing a new search. this.searchCanceled(); query = query.trim(); if (!query.length) return; this._searchFinishedCallback = finishedCallback; var helper = WebInspector.HeapSnapshotView.SearchHelper; var operationAndNumber = helper.parseOperationAndNumber(query); var operation = operationAndNumber[0]; var queryNumber = operationAndNumber[1]; var percentUnits = helper.percents.test(query); var megaBytesUnits = helper.megaBytes.test(query); var kiloBytesUnits = helper.kiloBytes.test(query); var bytesUnits = helper.bytes.test(query); var queryNumberBytes = (megaBytesUnits ? (queryNumber * 1024 * 1024) : (kiloBytesUnits ? (queryNumber * 1024) : queryNumber)); function matchesQuery(heapSnapshotDataGridNode) { WebInspector.HeapSnapshotView.prototype._deleteSearchMatchedFlags(heapSnapshotDataGridNode); if (percentUnits) { heapSnapshotDataGridNode._searchMatchedCountColumn = operation(heapSnapshotDataGridNode.countPercent, queryNumber); heapSnapshotDataGridNode._searchMatchedSizeColumn = operation(heapSnapshotDataGridNode.sizePercent, queryNumber); heapSnapshotDataGridNode._searchMatchedCountDeltaColumn = operation(heapSnapshotDataGridNode.countDeltaPercent, queryNumber); heapSnapshotDataGridNode._searchMatchedSizeDeltaColumn = operation(heapSnapshotDataGridNode.sizeDeltaPercent, queryNumber); } else if (megaBytesUnits || kiloBytesUnits || bytesUnits) { heapSnapshotDataGridNode._searchMatchedSizeColumn = operation(heapSnapshotDataGridNode.size, queryNumberBytes); heapSnapshotDataGridNode._searchMatchedSizeDeltaColumn = operation(heapSnapshotDataGridNode.sizeDelta, queryNumberBytes); } else { heapSnapshotDataGridNode._searchMatchedCountColumn = operation(heapSnapshotDataGridNode.count, queryNumber); heapSnapshotDataGridNode._searchMatchedCountDeltaColumn = operation(heapSnapshotDataGridNode.countDelta, queryNumber); } if (heapSnapshotDataGridNode.constructorName.hasSubstring(query, true)) heapSnapshotDataGridNode._searchMatchedConsColumn = true; if (heapSnapshotDataGridNode._searchMatchedConsColumn || heapSnapshotDataGridNode._searchMatchedCountColumn || heapSnapshotDataGridNode._searchMatchedSizeColumn || heapSnapshotDataGridNode._searchMatchedCountDeltaColumn || heapSnapshotDataGridNode._searchMatchedSizeDeltaColumn) { heapSnapshotDataGridNode.refresh(); return true; } return false; } var current = this.snapshotDataGridList.children[0]; var depth = 0; var info = {}; // The second and subsequent levels of heap snapshot nodes represent retainers, // so recursive expansion will be infinite, since a graph is being traversed. // So default to a recursion cap of 2 levels. var maxDepth = 2; while (current) { if (matchesQuery(current)) this._searchResults.push({ profileNode: current }); current = current.traverseNextNode(false, null, (depth >= maxDepth), info); depth += info.depthChange; } finishedCallback(this, this._searchResults.length); }, // FIXME: move these methods to a superclass, inherit both views from it. jumpToFirstSearchResult: WebInspector.CPUProfileView.prototype.jumpToFirstSearchResult, jumpToLastSearchResult: WebInspector.CPUProfileView.prototype.jumpToLastSearchResult, jumpToNextSearchResult: WebInspector.CPUProfileView.prototype.jumpToNextSearchResult, jumpToPreviousSearchResult: WebInspector.CPUProfileView.prototype.jumpToPreviousSearchResult, showingFirstSearchResult: WebInspector.CPUProfileView.prototype.showingFirstSearchResult, showingLastSearchResult: WebInspector.CPUProfileView.prototype.showingLastSearchResult, _jumpToSearchResult: WebInspector.CPUProfileView.prototype._jumpToSearchResult, refreshVisibleData: function() { var child = this.dataGrid.children[0]; while (child) { child.refresh(); child = child.traverseNextNode(false, null, true); } this._updateSummaryGraph(); }, _changeBase: function() { if (this.baseSnapshot.uid === this._profiles()[this.baseSelectElement.selectedIndex].uid) return; this._resetDataGridList(resetCompleted.bind(this)); function resetCompleted() { this.refresh(); if (!this.currentQuery || !this._searchFinishedCallback || !this._searchResults) return; // The current search needs to be performed again. First negate out previous match // count by calling the search finished callback with a negative number of matches. // Then perform the search again with the same query and callback. this._searchFinishedCallback(this, -this._searchResults.length); this.performSearch(this.currentQuery, this._searchFinishedCallback); } }, _createSnapshotDataGridList: function() { if (this._snapshotDataGridList) delete this._snapshotDataGridList; this._snapshotDataGridList = new WebInspector.HeapSnapshotDataGridList(this, this.baseSnapshot.entries, this.profile.entries); return this._snapshotDataGridList; }, _profiles: function() { return WebInspector.panels.profiles.getProfiles(WebInspector.HeapSnapshotProfileType.TypeId); }, _loadProfile: function(profile, callback) { WebInspector.panels.profiles.loadHeapSnapshot(profile.uid, callback); }, processLoadedSnapshot: function(profile, loadedSnapshot) { var snapshot = WebInspector.HeapSnapshotView.prototype._convertSnapshot(loadedSnapshot); profile.children = snapshot.children; profile.entries = snapshot.entries; profile.lowlevels = snapshot.lowlevels; WebInspector.HeapSnapshotView.prototype._prepareProfile(profile); }, _mouseDownInDataGrid: function(event) { if (event.detail < 2) return; var cell = event.target.enclosingNodeOrSelfWithNodeName("td"); if (!cell || (!cell.hasStyleClass("count-column") && !cell.hasStyleClass("size-column") && !cell.hasStyleClass("countDelta-column") && !cell.hasStyleClass("sizeDelta-column"))) return; if (cell.hasStyleClass("count-column")) this.showCountAsPercent = !this.showCountAsPercent; else if (cell.hasStyleClass("size-column")) this.showSizeAsPercent = !this.showSizeAsPercent; else if (cell.hasStyleClass("countDelta-column")) this.showCountDeltaAsPercent = !this.showCountDeltaAsPercent; else if (cell.hasStyleClass("sizeDelta-column")) this.showSizeDeltaAsPercent = !this.showSizeDeltaAsPercent; this.refreshShowAsPercents(); event.preventDefault(); event.stopPropagation(); }, get _isShowingAsPercent() { return this.showCountAsPercent && this.showSizeAsPercent && this.showCountDeltaAsPercent && this.showSizeDeltaAsPercent; }, _percentClicked: function(event) { var currentState = this._isShowingAsPercent; this.showCountAsPercent = !currentState; this.showSizeAsPercent = !currentState; this.showCountDeltaAsPercent = !currentState; this.showSizeDeltaAsPercent = !currentState; this.refreshShowAsPercents(); }, _convertSnapshot: function(loadedSnapshot) { var snapshot = new WebInspector.HeapSnapshot(loadedSnapshot); var result = {lowlevels: {}, entries: {}, children: {}}; var rootEdgesIter = snapshot.rootNode.edges; for (var iter = rootEdgesIter; iter.hasNext(); iter.next()) { var node = iter.edge.node; if (node.isHidden) result.lowlevels[node.name] = {count: node.instancesCount, size: node.selfSize, type: node.name}; else if (node.instancesCount) result.entries[node.name] = {constructorName: node.name, count: node.instancesCount, size: node.selfSize}; else { var entry = {constructorName: node.name}; for (var innerIter = node.edges; innerIter.hasNext(); innerIter.next()) { var edge = innerIter.edge; entry[edge.nodeIndex] = {constructorName: edge.node.name, count: edge.name}; } result.children[rootEdgesIter.edge.nodeIndex] = entry; } } return result; }, _prepareProfile: function(profile) { for (var profileEntry in profile.entries) profile.entries[profileEntry].retainers = {}; profile.clusters = {}; for (var addr in profile.children) { var retainer = profile.children[addr]; var retainerId = retainer.constructorName + ":" + addr; for (var childAddr in retainer) { if (childAddr === "constructorName") continue; var item = retainer[childAddr]; var itemId = item.constructorName + ":" + childAddr; if ((item.constructorName === "Object" || item.constructorName === "Array")) { if (!(itemId in profile.clusters)) profile.clusters[itemId] = { constructorName: itemId, retainers: {} }; mergeRetainers(profile.clusters[itemId], item); } mergeRetainers(profile.entries[item.constructorName], item); } } function mergeRetainers(entry, item) { if (!(retainer.constructorName in entry.retainers)) entry.retainers[retainer.constructorName] = { constructorName: retainer.constructorName, count: 0, clusters: {} }; var retainerEntry = entry.retainers[retainer.constructorName]; retainerEntry.count += item.count; if (retainer.constructorName === "Object" || retainer.constructorName === "Array") retainerEntry.clusters[retainerId] = true; } }, _resetDataGridList: function(callback) { this._loadProfile(this._profiles()[this.baseSelectElement.selectedIndex], profileLoaded.bind(this)); function profileLoaded(profile) { this.baseSnapshot = profile; var lastComparator = WebInspector.HeapSnapshotDataGridList.propertyComparator("size", false); if (this.snapshotDataGridList) lastComparator = this.snapshotDataGridList.lastComparator; this.snapshotDataGridList = this._createSnapshotDataGridList(); this.snapshotDataGridList.sort(lastComparator, true); callback(); } }, _sortData: function() { var sortAscending = this.dataGrid.sortOrder === "ascending"; var sortColumnIdentifier = this.dataGrid.sortColumnIdentifier; var sortProperty = { cons: ["constructorName", null], count: ["count", "constructorName"], size: ["size", "constructorName"], countDelta: [this.showCountDeltaAsPercent ? "countDeltaPercent" : "countDelta", "constructorName"], sizeDelta: [this.showSizeDeltaAsPercent ? "sizeDeltaPercent" : "sizeDelta", "constructorName"] }[sortColumnIdentifier]; this.snapshotDataGridList.sort(WebInspector.HeapSnapshotDataGridList.propertyComparator(sortProperty[0], sortProperty[1], sortAscending)); this.refresh(); }, _updateBaseOptions: function() { var list = this._profiles(); // We're assuming that snapshots can only be added. if (this.baseSelectElement.length === list.length) return; for (var i = this.baseSelectElement.length, n = list.length; i < n; ++i) { var baseOption = document.createElement("option"); var title = list[i].title; if (!title.indexOf(UserInitiatedProfileName)) title = WebInspector.UIString("Snapshot %d", title.substring(UserInitiatedProfileName.length + 1)); baseOption.label = WebInspector.UIString("Compared to %s", title); this.baseSelectElement.appendChild(baseOption); } }, _updatePercentButton: function() { if (this._isShowingAsPercent) { this.percentButton.title = WebInspector.UIString("Show absolute counts and sizes."); this.percentButton.toggled = true; } else { this.percentButton.title = WebInspector.UIString("Show counts and sizes as percentages."); this.percentButton.toggled = false; } }, _updateSummaryGraph: function() { this.countsSummaryBar.calculator.showAsPercent = this._isShowingAsPercent; this.countsSummaryBar.update(this.profile.lowlevels); this.sizesSummaryBar.calculator.showAsPercent = this._isShowingAsPercent; this.sizesSummaryBar.update(this.profile.lowlevels); } }; WebInspector.HeapSnapshotView.prototype.__proto__ = WebInspector.View.prototype; WebInspector.HeapSnapshotView.SearchHelper = { // In comparators, we assume that a value from a node is passed as the first parameter. operations: { LESS: function (a, b) { return a !== null && a < b; }, LESS_OR_EQUAL: function (a, b) { return a !== null && a <= b; }, EQUAL: function (a, b) { return a !== null && a === b; }, GREATER_OR_EQUAL: function (a, b) { return a !== null && a >= b; }, GREATER: function (a, b) { return a !== null && a > b; } }, operationParsers: { LESS: /^<(\d+)/, LESS_OR_EQUAL: /^<=(\d+)/, GREATER_OR_EQUAL: /^>=(\d+)/, GREATER: /^>(\d+)/ }, parseOperationAndNumber: function(query) { var operations = WebInspector.HeapSnapshotView.SearchHelper.operations; var parsers = WebInspector.HeapSnapshotView.SearchHelper.operationParsers; for (var operation in parsers) { var match = query.match(parsers[operation]); if (match !== null) return [operations[operation], parseFloat(match[1])]; } return [operations.EQUAL, parseFloat(query)]; }, percents: /%$/, megaBytes: /MB$/i, kiloBytes: /KB$/i, bytes: /B$/i } WebInspector.HeapSummaryCalculator = function(lowLevelField) { this.total = 1; this.lowLevelField = lowLevelField; } WebInspector.HeapSummaryCalculator.prototype = { computeSummaryValues: function(lowLevels) { var highLevels = { data: 0, code: 0 }; this.total = 0; for (var item in lowLevels) { var highItem = this._highFromLow(item); if (highItem) { var value = lowLevels[item][this.lowLevelField]; highLevels[highItem] += value; this.total += value; } } var result = { categoryValues: highLevels }; if (!this.showAsPercent) result.total = this.total; return result; }, formatValue: function(value) { if (this.showAsPercent) return WebInspector.UIString("%.2f%%", value / this.total * 100.0); else return this._valueToString(value); }, get showAsPercent() { return this._showAsPercent; }, set showAsPercent(x) { this._showAsPercent = x; } } WebInspector.HeapSummaryCountCalculator = function() { WebInspector.HeapSummaryCalculator.call(this, "count"); } WebInspector.HeapSummaryCountCalculator.prototype = { _highFromLow: function(type) { if (type === "CODE_TYPE" || type === "SHARED_FUNCTION_INFO_TYPE" || type === "SCRIPT_TYPE") return "code"; if (type === "STRING_TYPE" || type === "HEAP_NUMBER_TYPE" || type.match(/^JS_/)) return "data"; return null; }, _valueToString: function(value) { return value.toString(); } } WebInspector.HeapSummaryCountCalculator.prototype.__proto__ = WebInspector.HeapSummaryCalculator.prototype; WebInspector.HeapSummarySizeCalculator = function() { WebInspector.HeapSummaryCalculator.call(this, "size"); } WebInspector.HeapSummarySizeCalculator.prototype = { _highFromLow: function(type) { if (type === "CODE_TYPE" || type === "SHARED_FUNCTION_INFO_TYPE" || type === "SCRIPT_TYPE") return "code"; if (type === "STRING_TYPE" || type === "HEAP_NUMBER_TYPE" || type.match(/^JS_/) || type.match(/_ARRAY_TYPE$/)) return "data"; return null; }, _valueToString: Number.bytesToString } WebInspector.HeapSummarySizeCalculator.prototype.__proto__ = WebInspector.HeapSummaryCalculator.prototype; WebInspector.HeapSnapshotDataGridNodeWithRetainers = function(owningTree) { this.tree = owningTree; WebInspector.DataGridNode.call(this, null, this._hasRetainers); this.addEventListener("populate", this._populate, this); }; WebInspector.HeapSnapshotDataGridNodeWithRetainers.prototype = { isEmptySet: function(set) { for (var x in set) return false; return true; }, get _hasRetainers() { return !this.isEmptySet(this.retainers); }, get _parent() { // For top-level nodes, return owning tree as a parent, not data grid. return this.parent !== this.dataGrid ? this.parent : this.tree; }, _populate: function(event) { function appendDiffEntry(baseItem, snapshotItem) { this.appendChild(new WebInspector.HeapSnapshotDataGridRetainerNode(this.snapshotView, baseItem, snapshotItem, this.tree)); } this.produceDiff(this.baseRetainers, this.retainers, appendDiffEntry.bind(this)); if (this._parent) { var currentComparator = this._parent.lastComparator; if (currentComparator) this.sort(currentComparator, true); } this.removeEventListener("populate", this._populate, this); }, produceDiff: function(baseEntries, currentEntries, callback) { for (var item in currentEntries) callback(baseEntries[item], currentEntries[item]); for (item in baseEntries) { if (!(item in currentEntries)) callback(baseEntries[item], null); } }, sort: function(comparator, force) { if (!force && this.lastComparator === comparator) return; this.children.sort(comparator); var childCount = this.children.length; for (var childIndex = 0; childIndex < childCount; ++childIndex) this.children[childIndex]._recalculateSiblings(childIndex); for (var i = 0; i < this.children.length; ++i) { var child = this.children[i]; if (!force && (!child.expanded || child.lastComparator === comparator)) continue; child.sort(comparator, force); } this.lastComparator = comparator; }, signForDelta: function(delta) { if (delta === 0) return ""; if (delta > 0) return "+"; else return "\u2212"; // Math minus sign, same width as plus. }, showDeltaAsPercent: function(value) { if (value === Number.POSITIVE_INFINITY) return WebInspector.UIString("new"); else if (value === Number.NEGATIVE_INFINITY) return WebInspector.UIString("deleted"); if (value > 1000.0) return WebInspector.UIString("%s >1000%%", this.signForDelta(value)); return WebInspector.UIString("%s%.2f%%", this.signForDelta(value), Math.abs(value)); }, getTotalCount: function() { if (!this._count) { this._count = 0; for (var i = 0, n = this.children.length; i < n; ++i) this._count += this.children[i].count; } return this._count; }, getTotalSize: function() { if (!this._size) { this._size = 0; for (var i = 0, n = this.children.length; i < n; ++i) this._size += this.children[i].size; } return this._size; }, get countPercent() { return this.count / this._parent.getTotalCount() * 100.0; }, get sizePercent() { return this.size / this._parent.getTotalSize() * 100.0; }, get countDeltaPercent() { if (this.baseCount > 0) { if (this.count > 0) return this.countDelta / this.baseCount * 100.0; else return Number.NEGATIVE_INFINITY; } else return Number.POSITIVE_INFINITY; }, get sizeDeltaPercent() { if (this.baseSize > 0) { if (this.size > 0) return this.sizeDelta / this.baseSize * 100.0; else return Number.NEGATIVE_INFINITY; } else return Number.POSITIVE_INFINITY; }, get data() { var data = {}; data["cons"] = this.constructorName; if (this.snapshotView.showCountAsPercent) data["count"] = WebInspector.UIString("%.2f%%", this.countPercent); else data["count"] = this.count; if (this.size !== null) { if (this.snapshotView.showSizeAsPercent) data["size"] = WebInspector.UIString("%.2f%%", this.sizePercent); else data["size"] = Number.bytesToString(this.size); } else data["size"] = ""; if (this.snapshotView.showCountDeltaAsPercent) data["countDelta"] = this.showDeltaAsPercent(this.countDeltaPercent); else data["countDelta"] = WebInspector.UIString("%s%d", this.signForDelta(this.countDelta), Math.abs(this.countDelta)); if (this.sizeDelta !== null) { if (this.snapshotView.showSizeDeltaAsPercent) data["sizeDelta"] = this.showDeltaAsPercent(this.sizeDeltaPercent); else data["sizeDelta"] = WebInspector.UIString("%s%s", this.signForDelta(this.sizeDelta), Number.bytesToString(Math.abs(this.sizeDelta))); } else data["sizeDelta"] = ""; return data; }, createCell: function(columnIdentifier) { var cell = WebInspector.DataGridNode.prototype.createCell.call(this, columnIdentifier); if ((columnIdentifier === "cons" && this._searchMatchedConsColumn) || (columnIdentifier === "count" && this._searchMatchedCountColumn) || (columnIdentifier === "size" && this._searchMatchedSizeColumn) || (columnIdentifier === "countDelta" && this._searchMatchedCountDeltaColumn) || (columnIdentifier === "sizeDelta" && this._searchMatchedSizeDeltaColumn)) cell.addStyleClass("highlight"); return cell; } }; WebInspector.HeapSnapshotDataGridNodeWithRetainers.prototype.__proto__ = WebInspector.DataGridNode.prototype; WebInspector.HeapSnapshotDataGridNode = function(snapshotView, baseEntry, snapshotEntry, owningTree) { this.snapshotView = snapshotView; if (!snapshotEntry) snapshotEntry = { constructorName: baseEntry.constructorName, count: 0, size: 0, retainers: {} }; this.constructorName = snapshotEntry.constructorName; this.count = snapshotEntry.count; this.size = snapshotEntry.size; this.retainers = snapshotEntry.retainers; if (!baseEntry) baseEntry = { count: 0, size: 0, retainers: {} }; this.baseCount = baseEntry.count; this.countDelta = this.count - this.baseCount; this.baseSize = baseEntry.size; this.sizeDelta = this.size - this.baseSize; this.baseRetainers = baseEntry.retainers; WebInspector.HeapSnapshotDataGridNodeWithRetainers.call(this, owningTree); }; WebInspector.HeapSnapshotDataGridNode.prototype.__proto__ = WebInspector.HeapSnapshotDataGridNodeWithRetainers.prototype; WebInspector.HeapSnapshotDataGridList = function(snapshotView, baseEntries, snapshotEntries) { this.tree = this; this.snapshotView = snapshotView; this.children = []; this.lastComparator = null; this.populateChildren(baseEntries, snapshotEntries); }; WebInspector.HeapSnapshotDataGridList.prototype = { appendChild: function(child) { this.insertChild(child, this.children.length); }, insertChild: function(child, index) { this.children.splice(index, 0, child); }, removeChildren: function() { this.children = []; }, populateChildren: function(baseEntries, snapshotEntries) { function appendListEntry(baseItem, snapshotItem) { this.appendChild(new WebInspector.HeapSnapshotDataGridNode(this.snapshotView, baseItem, snapshotItem, this)); } this.produceDiff(baseEntries, snapshotEntries, appendListEntry.bind(this)); }, produceDiff: WebInspector.HeapSnapshotDataGridNodeWithRetainers.prototype.produceDiff, sort: WebInspector.HeapSnapshotDataGridNodeWithRetainers.prototype.sort, getTotalCount: WebInspector.HeapSnapshotDataGridNodeWithRetainers.prototype.getTotalCount, getTotalSize: WebInspector.HeapSnapshotDataGridNodeWithRetainers.prototype.getTotalSize }; WebInspector.HeapSnapshotDataGridList.propertyComparators = [{}, {}]; WebInspector.HeapSnapshotDataGridList.propertyComparator = function(property, property2, isAscending) { var propertyHash = property + "#" + property2; var comparator = this.propertyComparators[(isAscending ? 1 : 0)][propertyHash]; if (!comparator) { comparator = function(lhs, rhs) { var l = lhs[property], r = rhs[property]; var result = 0; if (l !== null && r !== null) { result = l < r ? -1 : (l > r ? 1 : 0); } if (result !== 0 || property2 === null) { return isAscending ? result : -result; } else { l = lhs[property2]; r = rhs[property2]; return l < r ? -1 : (l > r ? 1 : 0); } }; this.propertyComparators[(isAscending ? 1 : 0)][propertyHash] = comparator; } return comparator; }; WebInspector.HeapSnapshotDataGridRetainerNode = function(snapshotView, baseEntry, snapshotEntry, owningTree) { this.snapshotView = snapshotView; if (!snapshotEntry) snapshotEntry = { constructorName: baseEntry.constructorName, count: 0, clusters: {} }; this.constructorName = snapshotEntry.constructorName; this.count = snapshotEntry.count; this.retainers = this._calculateRetainers(this.snapshotView.profile, snapshotEntry.clusters); if (!baseEntry) baseEntry = { count: 0, clusters: {} }; this.baseCount = baseEntry.count; this.countDelta = this.count - this.baseCount; this.baseRetainers = this._calculateRetainers(this.snapshotView.baseSnapshot, baseEntry.clusters); this.size = null; this.sizeDelta = null; WebInspector.HeapSnapshotDataGridNodeWithRetainers.call(this, owningTree); } WebInspector.HeapSnapshotDataGridRetainerNode.prototype = { get sizePercent() { return null; }, get sizeDeltaPercent() { return null; }, _calculateRetainers: function(snapshot, clusters) { var retainers = {}; if (this.isEmptySet(clusters)) { if (this.constructorName in snapshot.entries) return snapshot.entries[this.constructorName].retainers; } else { // In case when an entry is retained by clusters, we need to gather up the list // of retainers by merging retainers of every cluster. // E.g. having such a tree: // A // Object:1 10 // X 3 // Y 4 // Object:2 5 // X 6 // // will result in a following retainers list: X 9, Y 4. for (var clusterName in clusters) { if (clusterName in snapshot.clusters) { var clusterRetainers = snapshot.clusters[clusterName].retainers; for (var clusterRetainer in clusterRetainers) { var clusterRetainerEntry = clusterRetainers[clusterRetainer]; if (!(clusterRetainer in retainers)) retainers[clusterRetainer] = { constructorName: clusterRetainerEntry.constructorName, count: 0, clusters: {} }; retainers[clusterRetainer].count += clusterRetainerEntry.count; for (var clusterRetainerCluster in clusterRetainerEntry.clusters) retainers[clusterRetainer].clusters[clusterRetainerCluster] = true; } } } } return retainers; } }; WebInspector.HeapSnapshotDataGridRetainerNode.prototype.__proto__ = WebInspector.HeapSnapshotDataGridNodeWithRetainers.prototype; WebInspector.HeapSnapshotProfileType = function() { WebInspector.ProfileType.call(this, WebInspector.HeapSnapshotProfileType.TypeId, WebInspector.UIString("HEAP SNAPSHOTS")); } WebInspector.HeapSnapshotProfileType.TypeId = "HEAP"; WebInspector.HeapSnapshotProfileType.prototype = { get buttonTooltip() { return WebInspector.UIString("Take heap snapshot."); }, get buttonStyle() { return "heap-snapshot-status-bar-item status-bar-item"; }, buttonClicked: function() { InspectorBackend.takeHeapSnapshot(false); }, get welcomeMessage() { return WebInspector.UIString("Get a heap snapshot by pressing the %s button on the status bar."); }, createSidebarTreeElementForProfile: function(profile) { return new WebInspector.ProfileSidebarTreeElement(profile, WebInspector.UIString("Snapshot %d"), "heap-snapshot-sidebar-tree-item"); }, createView: function(profile) { return new WebInspector.HeapSnapshotView(WebInspector.panels.profiles, profile); } } WebInspector.HeapSnapshotProfileType.prototype.__proto__ = WebInspector.ProfileType.prototype; ================================================ FILE: buildin_modules/weinre/web/client/HelpScreen.js ================================================ /* * Copyright (C) 2010 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.HelpScreen = function(title) { this._element = document.createElement("div"); this._element.className = "help-window-outer"; this._element.addEventListener("keydown", this._onKeyDown.bind(this), false); var mainWindow = this._element.createChild("div", "help-window-main"); var captionWindow = mainWindow.createChild("div", "help-window-caption"); var closeButton = captionWindow.createChild("button", "help-close-button"); this.contentElement = mainWindow.createChild("div", "help-content"); this.contentElement.tabIndex = 0; this.contentElement.addEventListener("blur", this._onBlur.bind(this), false); captionWindow.createChild("h1", "help-window-title").innerText = title; closeButton.innerText = "\u2716"; // Code stands for HEAVY MULTIPLICATION X. closeButton.addEventListener("click", this._hide.bind(this), false); this._closeKeys = [ WebInspector.KeyboardShortcut.Keys.Enter.code, WebInspector.KeyboardShortcut.Keys.Esc.code, WebInspector.KeyboardShortcut.Keys.Space.code, ]; document.body.appendChild(this._element); } WebInspector.HelpScreen.prototype = { show: function() { if (this._isShown) return; this._element.style.visibility = "visible"; this._isShown = true; this._previousFocusElement = WebInspector.currentFocusElement; WebInspector.currentFocusElement = this.contentElement; }, _hide: function() { this._isShown = false; this._element.style.visibility = "hidden"; WebInspector.currentFocusElement = this._previousFocusElement; }, _onKeyDown: function(event) { if (this._isShown && this._closeKeys.indexOf(event.keyCode) >= 0) { this._hide(); event.stopPropagation(); } }, _onBlur: function() { // Pretend we're modal, grab focus back if we're still shown. if (this._isShown) WebInspector.currentFocusElement = this.contentElement; } } ================================================ FILE: buildin_modules/weinre/web/client/ImageView.js ================================================ /* * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions * are met: * * 1. Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * 2. Redistributions in binary form must reproduce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of * its contributors may be used to endorse or promote products derived * from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.ImageView = function(resource) { WebInspector.ResourceView.call(this, resource); this.element.addStyleClass("image"); } WebInspector.ImageView.prototype = { hasContent: function() { return true; }, show: function(parentElement) { WebInspector.ResourceView.prototype.show.call(this, parentElement); this._createContentIfNeeded(); }, _createContentIfNeeded: function() { if (this._container) return; var imageContainer = document.createElement("div"); imageContainer.className = "image"; this.element.appendChild(imageContainer); var imagePreviewElement = document.createElement("img"); imagePreviewElement.addStyleClass("resource-image-view"); imageContainer.appendChild(imagePreviewElement); this._container = document.createElement("div"); this._container.className = "info"; this.element.appendChild(this._container); var imageNameElement = document.createElement("h1"); imageNameElement.className = "title"; imageNameElement.textContent = this.resource.displayName; this._container.appendChild(imageNameElement); var infoListElement = document.createElement("dl"); infoListElement.className = "infoList"; this.resource.populateImageSource(imagePreviewElement); function onImageLoad() { var content = this.resource.content; if (content) var resourceSize = this._base64ToSize(content); else var resourceSize = this.resource.resourceSize; var imageProperties = [ { name: WebInspector.UIString("Dimensions"), value: WebInspector.UIString("%d × %d", imagePreviewElement.naturalWidth, imagePreviewElement.naturalHeight) }, { name: WebInspector.UIString("File size"), value: Number.bytesToString(resourceSize) }, { name: WebInspector.UIString("MIME type"), value: this.resource.mimeType } ]; infoListElement.removeChildren(); for (var i = 0; i < imageProperties.length; ++i) { var dt = document.createElement("dt"); dt.textContent = imageProperties[i].name; infoListElement.appendChild(dt); var dd = document.createElement("dd"); dd.textContent = imageProperties[i].value; infoListElement.appendChild(dd); } var dt = document.createElement("dt"); dt.textContent = WebInspector.UIString("URL"); infoListElement.appendChild(dt); var dd = document.createElement("dd"); dd.appendChild(WebInspector.linkifyURLAsNode(this.resource.url)); infoListElement.appendChild(dd); this._container.appendChild(infoListElement); } imagePreviewElement.addEventListener("load", onImageLoad.bind(this), false); }, _base64ToSize: function(content) { if (!content.length) return 0; var size = (content.length || 0) * 3 / 4; if (content.length > 0 && content[content.length - 1] === "=") size--; if (content.length > 1 && content[content.length - 2] === "=") size--; return size; } } WebInspector.ImageView.prototype.__proto__ = WebInspector.ResourceView.prototype; ================================================ FILE: buildin_modules/weinre/web/client/InjectedFakeWorker.js ================================================ /* * Copyright (C) 2010 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ var InjectedFakeWorker = function(InjectedScriptHost, inspectedWindow, injectedScriptId) { Worker = function(url) { var impl = new FakeWorker(this, url); if (impl === null) return null; this.isFake = true; this.postMessage = bind(impl.postMessage, impl); this.terminate = bind(impl.terminate, impl); function onmessageGetter() { return impl.channel.port1.onmessage; } function onmessageSetter(callback) { impl.channel.port1.onmessage = callback; } this.__defineGetter__("onmessage", onmessageGetter); this.__defineSetter__("onmessage", onmessageSetter); this.addEventListener = bind(impl.channel.port1.addEventListener, impl.channel.port1); this.removeEventListener = bind(impl.channel.port1.removeEventListener, impl.channel.port1); this.dispatchEvent = bind(impl.channel.port1.dispatchEvent, impl.channel.port1); } function FakeWorker(worker, url) { var scriptURL = this._expandURLAndCheckOrigin(document.baseURI, location.href, url); this._worker = worker; this._id = InjectedScriptHost.nextWorkerId(); this.channel = new MessageChannel(); this._listeners = []; this._buildWorker(scriptURL); InjectedScriptHost.didCreateWorker(this._id, scriptURL.url, false); } FakeWorker.prototype = { postMessage: function(msg, opt_ports) { if (this._frame != null) this.channel.port1.postMessage.apply(this.channel.port1, arguments); else if (this._pendingMessages) this._pendingMessages.push(arguments) else this._pendingMessages = [ arguments ]; }, terminate: function() { InjectedScriptHost.didDestroyWorker(this._id); this.channel.port1.close(); this.channel.port2.close(); if (this._frame != null) this._frame.frameElement.parentNode.removeChild(this._frame.frameElement); this._frame = null; this._worker = null; // Break reference loop. }, _buildWorker: function(url) { var code = this._loadScript(url.url); var iframeElement = document.createElement("iframe"); iframeElement.style.display = "none"; this._document = document; iframeElement.onload = bind(this._onWorkerFrameLoaded, this, iframeElement, url, code); if (document.body) this._attachWorkerFrameToDocument(iframeElement, url, code); else window.addEventListener("load", bind(this._attachWorkerFrameToDocument, this, iframeElement), false); }, _attachWorkerFrameToDocument: function(iframeElement) { document.body.appendChild(iframeElement); }, _onWorkerFrameLoaded: function(iframeElement, url, code) { var frame = iframeElement.contentWindow; this._frame = frame; this._setupWorkerContext(frame, url); var frameContents = '(function() { var location = __devtools.location; var window; ' + code + '})();\n' + '//@ sourceURL=' + url.url; frame.eval(frameContents); if (this._pendingMessages) { for (var msg = 0; msg < this._pendingMessages.length; ++msg) this.postMessage.apply(this, this._pendingMessages[msg]); delete this._pendingMessages; } }, _setupWorkerContext: function(workerFrame, url) { workerFrame.__devtools = { handleException: bind(this._handleException, this), location: url.mockLocation() }; var self = this; function onmessageGetter() { return self.channel.port2.onmessage ? self.channel.port2.onmessage.originalCallback : null; } function onmessageSetter(callback) { var wrappedCallback = bind(self._callbackWrapper, self, callback); wrappedCallback.originalCallback = callback; self.channel.port2.onmessage = wrappedCallback; } workerFrame.__defineGetter__("onmessage", onmessageGetter); workerFrame.__defineSetter__("onmessage", onmessageSetter); workerFrame.addEventListener = bind(this._addEventListener, this); workerFrame.removeEventListener = bind(this._removeEventListener, this); workerFrame.dispatchEvent = bind(this.channel.port2.dispatchEvent, this.channel.port2); workerFrame.postMessage = bind(this.channel.port2.postMessage, this.channel.port2); workerFrame.importScripts = bind(this._importScripts, this, workerFrame); workerFrame.close = bind(this.terminate, this); }, _addEventListener: function(type, callback, useCapture) { var wrappedCallback = bind(this._callbackWrapper, this, callback); wrappedCallback.originalCallback = callback; wrappedCallback.type = type; wrappedCallback.useCapture = Boolean(useCapture); this.channel.port2.addEventListener(type, wrappedCallback, useCapture); this._listeners.push(wrappedCallback); }, _removeEventListener: function(type, callback, useCapture) { var listeners = this._listeners; for (var i = 0; i < listeners.length; ++i) { if (listeners[i].originalCallback === callback && listeners[i].type === type && listeners[i].useCapture === Boolean(useCapture)) { this.channel.port2.removeEventListener(type, listeners[i], useCapture); listeners[i] = listeners[listeners.length - 1]; listeners.pop(); break; } } }, _callbackWrapper: function(callback, msg) { // Shortcut -- if no exception handlers installed, avoid try/catch so as not to obscure line number. if (!this._frame.onerror && !this._worker.onerror) { callback(msg); return; } try { callback(msg); } catch (e) { this._handleException(e, this._frame.onerror, this._worker.onerror); } }, _handleException: function(e) { // NB: it should be an ErrorEvent, but creating it from script is not // currently supported, so emulate it on top of plain vanilla Event. var errorEvent = this._document.createEvent("Event"); errorEvent.initEvent("Event", false, false); errorEvent.message = "Uncaught exception"; for (var i = 1; i < arguments.length; ++i) { if (arguments[i] && arguments[i](errorEvent)) return; } throw e; }, _importScripts: function(targetFrame) { for (var i = 1; i < arguments.length; ++i) { var workerOrigin = targetFrame.__devtools.location.href; var url = this._expandURLAndCheckOrigin(workerOrigin, workerOrigin, arguments[i]); targetFrame.eval(this._loadScript(url.url) + "\n//@ sourceURL= " + url.url); } }, _loadScript: function(url) { var xhr = new XMLHttpRequest(); xhr.open("GET", url, false); xhr.send(null); var text = xhr.responseText; if (xhr.status != 0 && xhr.status/100 !== 2) { // We're getting status === 0 when using file://. console.error("Failed to load worker: " + url + "[" + xhr.status + "]"); text = ""; // We've got error message, not worker code. } return text; }, _expandURLAndCheckOrigin: function(baseURL, origin, url) { var scriptURL = new URL(baseURL).completeWith(url); if (!scriptURL.sameOrigin(origin)) throw new DOMCoreException("SECURITY_ERR",18); return scriptURL; } }; function URL(url) { this.url = url; this.split(); } URL.prototype = { urlRegEx: (/^(http[s]?|file):\/\/([^\/:]*)(:[\d]+)?(?:(\/[^#?]*)(\?[^#]*)?(?:#(.*))?)?$/i), split: function() { function emptyIfNull(str) { return str == null ? "" : str; } var parts = this.urlRegEx.exec(this.url); this.schema = parts[1]; this.host = parts[2]; this.port = emptyIfNull(parts[3]); this.path = emptyIfNull(parts[4]); this.query = emptyIfNull(parts[5]); this.fragment = emptyIfNull(parts[6]); }, mockLocation: function() { var host = this.host.replace(/^[^@]*@/, ""); return { href: this.url, protocol: this.schema + ":", host: host, hostname: host, port: this.port, pathname: this.path, search: this.query, hash: this.fragment }; }, completeWith: function(url) { if (url === "" || /^[^/]*:/.exec(url)) // If given absolute url, return as is now. return new URL(url); var relParts = /^([^#?]*)(.*)$/.exec(url); // => [ url, path, query-andor-fragment ] var path = (relParts[1].slice(0, 1) === "/" ? "" : this.path.replace(/[^/]*$/, "")) + relParts[1]; path = path.replace(/(\/\.)+(\/|$)/g, "/").replace(/[^/]*\/\.\.(\/|$)/g, ""); return new URL(this.schema + "://" + this.host + this.port + path + relParts[2]); }, sameOrigin: function(url) { function normalizePort(schema, port) { var portNo = port.slice(1); return (schema === "https" && portNo == 443 || schema === "http" && portNo == 80) ? "" : port; } var other = new URL(url); return this.schema === other.schema && this.host === other.host && normalizePort(this.schema, this.port) === normalizePort(other.schema, other.port); } }; function DOMCoreException(name, code) { function formatError() { return "Error: " + this.message; } this.name = name; this.message = name + ": DOM Exception " + code; this.code = code; this.toString = bind(formatError, this); } function bind(func, thisObject) { var args = Array.prototype.slice.call(arguments, 2); return function() { return func.apply(thisObject, args.concat(Array.prototype.slice.call(arguments, 0))); }; } function noop() { } } ================================================ FILE: buildin_modules/weinre/web/client/InspectorBackendStub.js ================================================ /* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you under the Apache License, Version 2.0 (the * "License"); you may not use this file except in compliance * with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, * software distributed under the License is distributed on an * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY * KIND, either express or implied. See the License for the * specific language governing permissions and limitations * under the License. */ (function() { var InspectorBackendImpl = modjewel.require("weinre/client/InspectorBackendImpl") window.InspectorBackend = new InspectorBackendImpl() })() ================================================ FILE: buildin_modules/weinre/web/client/InspectorBackendStub.qrc ================================================
" + this.emptyPlaceholder + "
";
var infoElement = new TreeElement(null, null, false);
infoElement.titleHTML = title;
this.propertiesTreeOutline.appendChild(infoElement);
}
this.propertiesForTest = properties;
}
}
WebInspector.ObjectPropertiesSection.prototype.__proto__ = WebInspector.PropertiesSection.prototype;
WebInspector.ObjectPropertiesSection.CompareProperties = function(propertyA, propertyB)
{
var a = propertyA.name;
var b = propertyB.name;
if (a === "__proto__")
return 1;
if (b === "__proto__")
return -1;
// if used elsewhere make sure to
// - convert a and b to strings (not needed here, properties are all strings)
// - check if a == b (not needed here, no two properties can be the same)
var diff = 0;
var chunk = /^\d+|^\D+/;
var chunka, chunkb, anum, bnum;
while (diff === 0) {
if (!a && b)
return -1;
if (!b && a)
return 1;
chunka = a.match(chunk)[0];
chunkb = b.match(chunk)[0];
anum = !isNaN(chunka);
bnum = !isNaN(chunkb);
if (anum && !bnum)
return -1;
if (bnum && !anum)
return 1;
if (anum && bnum) {
diff = chunka - chunkb;
if (diff === 0 && chunka.length !== chunkb.length) {
if (!+chunka && !+chunkb) // chunks are strings of all 0s (special case)
return chunka.length - chunkb.length;
else
return chunkb.length - chunka.length;
}
} else if (chunka !== chunkb)
return (chunka < chunkb) ? -1 : 1;
a = a.substring(chunka.length);
b = b.substring(chunkb.length);
}
return diff;
}
WebInspector.ObjectPropertyTreeElement = function(property)
{
this.property = property;
// Pass an empty title, the title gets made later in onattach.
TreeElement.call(this, "", null, false);
}
WebInspector.ObjectPropertyTreeElement.prototype = {
onpopulate: function()
{
if (this.children.length && !this.shouldRefreshChildren)
return;
var callback = function(properties) {
this.removeChildren();
if (!properties)
return;
properties.sort(WebInspector.ObjectPropertiesSection.CompareProperties);
for (var i = 0; i < properties.length; ++i) {
this.appendChild(new this.treeOutline.section.treeElementConstructor(properties[i]));
}
};
this.property.value.getOwnProperties(true, callback.bind(this));
},
ondblclick: function(event)
{
this.startEditing();
},
onattach: function()
{
this.update();
},
update: function()
{
this.nameElement = document.createElement("span");
this.nameElement.className = "name";
this.nameElement.textContent = this.property.name;
var separatorElement = document.createElement("span");
separatorElement.className = "separator";
separatorElement.textContent = ": ";
this.valueElement = document.createElement("span");
this.valueElement.className = "value";
var description = this.property.value.description;
// Render \n as a nice unicode cr symbol.
if (this.property.value.type === "string" && typeof description === "string")
description = description.replace(/\n/g, "\u21B5");
this.valueElement.textContent = description;
if (this.property.isGetter)
this.valueElement.addStyleClass("dimmed");
if (this.property.value.isError())
this.valueElement.addStyleClass("error");
if (this.property.value.type)
this.valueElement.addStyleClass("console-formatted-" + this.property.value.type);
if (this.property.value.type === "node")
this.valueElement.addEventListener("contextmenu", this._contextMenuEventFired.bind(this), false);
this.listItemElement.removeChildren();
this.listItemElement.appendChild(this.nameElement);
this.listItemElement.appendChild(separatorElement);
this.listItemElement.appendChild(this.valueElement);
this.hasChildren = this.property.value.hasChildren;
},
_contextMenuEventFired: function()
{
function selectNode(nodeId)
{
if (nodeId) {
WebInspector.panels.elements.switchToAndFocus(WebInspector.domAgent.nodeForId(nodeId));
}
}
function revealElement()
{
this.property.value.pushNodeToFrontend(selectNode);
}
var contextMenu = new WebInspector.ContextMenu();
contextMenu.appendItem(WebInspector.UIString("Reveal in Elements Panel"), revealElement.bind(this));
contextMenu.show(event);
},
updateSiblings: function()
{
if (this.parent.root)
this.treeOutline.section.update();
else
this.parent.shouldRefreshChildren = true;
},
startEditing: function()
{
if (WebInspector.isBeingEdited(this.valueElement) || !this.treeOutline.section.editable)
return;
var context = { expanded: this.expanded };
// Lie about our children to prevent expanding on double click and to collapse subproperties.
this.hasChildren = false;
this.listItemElement.addStyleClass("editing-sub-part");
WebInspector.startEditing(this.valueElement, {
context: context,
commitHandler: this.editingCommitted.bind(this),
cancelHandler: this.editingCancelled.bind(this)
});
},
editingEnded: function(context)
{
this.listItemElement.scrollLeft = 0;
this.listItemElement.removeStyleClass("editing-sub-part");
if (context.expanded)
this.expand();
},
editingCancelled: function(element, context)
{
this.update();
this.editingEnded(context);
},
editingCommitted: function(element, userInput, previousContent, context)
{
if (userInput === previousContent)
return this.editingCancelled(element, context); // nothing changed, so cancel
this.applyExpression(userInput, true);
this.editingEnded(context);
},
applyExpression: function(expression, updateInterface)
{
expression = expression.trim();
var expressionLength = expression.length;
var self = this;
var callback = function(success) {
if (!updateInterface)
return;
if (!success)
self.update();
if (!expressionLength) {
// The property was deleted, so remove this tree element.
self.parent.removeChild(this);
} else {
// Call updateSiblings since their value might be based on the value that just changed.
self.updateSiblings();
}
};
this.property.parentObject.setPropertyValue(this.property.name, expression.trim(), callback);
}
}
WebInspector.ObjectPropertyTreeElement.prototype.__proto__ = TreeElement.prototype;
================================================
FILE: buildin_modules/weinre/web/client/Panel.js
================================================
/*
* Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.Panel = function(name)
{
WebInspector.View.call(this);
this.element.addStyleClass("panel");
this.element.addStyleClass(name);
this._panelName = name;
WebInspector.settings.installApplicationSetting(this._sidebarWidthSettingName(), undefined);
}
// Should by in sync with style declarations.
WebInspector.Panel.counterRightMargin = 25;
WebInspector.Panel.prototype = {
get toolbarItem()
{
if (this._toolbarItem)
return this._toolbarItem;
// Sample toolbar item as markup:
//
this._toolbarItem = document.createElement("button");
this._toolbarItem.className = "toolbar-item toggleable";
this._toolbarItem.panel = this;
this._toolbarItem.addStyleClass(this._panelName);
var iconElement = document.createElement("div");
iconElement.className = "toolbar-icon";
this._toolbarItem.appendChild(iconElement);
if ("toolbarItemLabel" in this) {
var labelElement = document.createElement("div");
labelElement.className = "toolbar-label";
labelElement.textContent = this.toolbarItemLabel;
this._toolbarItem.appendChild(labelElement);
}
return this._toolbarItem;
},
get name()
{
return this._panelName;
},
show: function()
{
WebInspector.View.prototype.show.call(this);
var statusBarItems = this.statusBarItems;
if (statusBarItems) {
this._statusBarItemContainer = document.createElement("div");
for (var i = 0; i < statusBarItems.length; ++i)
this._statusBarItemContainer.appendChild(statusBarItems[i]);
document.getElementById("main-status-bar").appendChild(this._statusBarItemContainer);
}
if ("_toolbarItem" in this)
this._toolbarItem.addStyleClass("toggled-on");
WebInspector.currentFocusElement = this.defaultFocusedElement;
this.restoreSidebarWidth();
this._restoreScrollPositions();
},
hide: function()
{
this._storeScrollPositions();
WebInspector.View.prototype.hide.call(this);
if (this._statusBarItemContainer && this._statusBarItemContainer.parentNode)
this._statusBarItemContainer.parentNode.removeChild(this._statusBarItemContainer);
delete this._statusBarItemContainer;
if ("_toolbarItem" in this)
this._toolbarItem.removeStyleClass("toggled-on");
},
get defaultFocusedElement()
{
return this.sidebarTreeElement || this.element;
},
attach: function()
{
if (!this.element.parentNode)
document.getElementById("main-panels").appendChild(this.element);
},
searchCanceled: function()
{
if (this._searchResults) {
for (var i = 0; i < this._searchResults.length; ++i) {
var view = this._searchResults[i];
if (view.searchCanceled)
view.searchCanceled();
delete view.currentQuery;
}
}
WebInspector.updateSearchMatchesCount(0, this);
if (this._currentSearchChunkIntervalIdentifier) {
clearInterval(this._currentSearchChunkIntervalIdentifier);
delete this._currentSearchChunkIntervalIdentifier;
}
this._totalSearchMatches = 0;
this._currentSearchResultIndex = 0;
this._searchResults = [];
},
performSearch: function(query)
{
// Call searchCanceled since it will reset everything we need before doing a new search.
this.searchCanceled(true);
var searchableViews = this.searchableViews;
if (!searchableViews || !searchableViews.length)
return;
var parentElement = this.viewsContainerElement;
var visibleView = this.visibleView;
var sortFuction = this.searchResultsSortFunction;
var matchesCountUpdateTimeout = null;
function updateMatchesCount()
{
WebInspector.updateSearchMatchesCount(this._totalSearchMatches, this);
matchesCountUpdateTimeout = null;
}
function updateMatchesCountSoon()
{
if (matchesCountUpdateTimeout)
return;
// Update the matches count every half-second so it doesn't feel twitchy.
matchesCountUpdateTimeout = setTimeout(updateMatchesCount.bind(this), 500);
}
function finishedCallback(view, searchMatches)
{
if (!searchMatches)
return;
this._totalSearchMatches += searchMatches;
this._searchResults.push(view);
if (sortFuction)
this._searchResults.sort(sortFuction);
if (this.searchMatchFound)
this.searchMatchFound(view, searchMatches);
updateMatchesCountSoon.call(this);
if (view === visibleView)
view.jumpToFirstSearchResult();
}
var i = 0;
var panel = this;
var boundFinishedCallback = finishedCallback.bind(this);
var chunkIntervalIdentifier = null;
// Split up the work into chunks so we don't block the
// UI thread while processing.
function processChunk()
{
var view = searchableViews[i];
if (++i >= searchableViews.length) {
if (panel._currentSearchChunkIntervalIdentifier === chunkIntervalIdentifier)
delete panel._currentSearchChunkIntervalIdentifier;
clearInterval(chunkIntervalIdentifier);
}
if (!view)
return;
if (view.element.parentNode !== parentElement && view.element.parentNode && parentElement)
view.detach();
view.currentQuery = query;
view.performSearch(query, boundFinishedCallback);
}
processChunk();
chunkIntervalIdentifier = setInterval(processChunk, 25);
this._currentSearchChunkIntervalIdentifier = chunkIntervalIdentifier;
},
jumpToNextSearchResult: function()
{
if (!this.showView || !this._searchResults || !this._searchResults.length)
return;
var showFirstResult = false;
this._currentSearchResultIndex = this._searchResults.indexOf(this.visibleView);
if (this._currentSearchResultIndex === -1) {
this._currentSearchResultIndex = 0;
showFirstResult = true;
}
var currentView = this._searchResults[this._currentSearchResultIndex];
if (currentView.showingLastSearchResult()) {
if (++this._currentSearchResultIndex >= this._searchResults.length)
this._currentSearchResultIndex = 0;
currentView = this._searchResults[this._currentSearchResultIndex];
showFirstResult = true;
}
if (currentView !== this.visibleView) {
this.showView(currentView);
WebInspector.focusSearchField();
}
if (showFirstResult)
currentView.jumpToFirstSearchResult();
else
currentView.jumpToNextSearchResult();
},
jumpToPreviousSearchResult: function()
{
if (!this.showView || !this._searchResults || !this._searchResults.length)
return;
var showLastResult = false;
this._currentSearchResultIndex = this._searchResults.indexOf(this.visibleView);
if (this._currentSearchResultIndex === -1) {
this._currentSearchResultIndex = 0;
showLastResult = true;
}
var currentView = this._searchResults[this._currentSearchResultIndex];
if (currentView.showingFirstSearchResult()) {
if (--this._currentSearchResultIndex < 0)
this._currentSearchResultIndex = (this._searchResults.length - 1);
currentView = this._searchResults[this._currentSearchResultIndex];
showLastResult = true;
}
if (currentView !== this.visibleView) {
this.showView(currentView);
WebInspector.focusSearchField();
}
if (showLastResult)
currentView.jumpToLastSearchResult();
else
currentView.jumpToPreviousSearchResult();
},
createSidebar: function(parentElement, resizerParentElement)
{
if (this.sidebarElement)
return;
if (!parentElement)
parentElement = this.element;
if (!resizerParentElement)
resizerParentElement = parentElement;
this.sidebarElement = document.createElement("div");
this.sidebarElement.className = "sidebar";
parentElement.appendChild(this.sidebarElement);
this.sidebarResizeElement = document.createElement("div");
this.sidebarResizeElement.className = "sidebar-resizer-vertical";
this.sidebarResizeElement.addEventListener("mousedown", this._startSidebarDragging.bind(this), false);
resizerParentElement.appendChild(this.sidebarResizeElement);
this.sidebarTreeElement = document.createElement("ol");
this.sidebarTreeElement.className = "sidebar-tree";
this.sidebarElement.appendChild(this.sidebarTreeElement);
this.sidebarTree = new TreeOutline(this.sidebarTreeElement);
this.sidebarTree.panel = this;
},
_sidebarWidthSettingName: function()
{
return this._panelName + "SidebarWidth";
},
_startSidebarDragging: function(event)
{
WebInspector.elementDragStart(this.sidebarResizeElement, this._sidebarDragging.bind(this), this._endSidebarDragging.bind(this), event, "col-resize");
},
_sidebarDragging: function(event)
{
this.updateSidebarWidth(event.pageX);
event.preventDefault();
},
_endSidebarDragging: function(event)
{
WebInspector.elementDragEnd(event);
this.saveSidebarWidth();
},
updateSidebarWidth: function(width)
{
if (!this.sidebarElement)
return;
if (this.sidebarElement.offsetWidth <= 0) {
// The stylesheet hasn't loaded yet or the window is closed,
// so we can't calculate what is need. Return early.
return;
}
if (!("_currentSidebarWidth" in this))
this._currentSidebarWidth = this.sidebarElement.offsetWidth;
if (typeof width === "undefined")
width = this._currentSidebarWidth;
width = Number.constrain(width, Preferences.minSidebarWidth, window.innerWidth / 2);
this._currentSidebarWidth = width;
this.setSidebarWidth(width);
this.updateMainViewWidth(width);
},
setSidebarWidth: function(width)
{
this.sidebarElement.style.width = width + "px";
this.sidebarResizeElement.style.left = (width - 3) + "px";
},
restoreSidebarWidth: function()
{
var sidebarWidth = WebInspector.settings[this._sidebarWidthSettingName()];
this.updateSidebarWidth(sidebarWidth);
},
saveSidebarWidth: function()
{
if (!this.sidebarElement)
return;
WebInspector.settings[this._sidebarWidthSettingName()] = this.sidebarElement.offsetWidth;
},
updateMainViewWidth: function(width)
{
// Should be implemented by ancestors.
},
resize: function()
{
var visibleView = this.visibleView;
if (visibleView && "resize" in visibleView)
visibleView.resize();
},
canShowSourceLine: function(url, line)
{
return false;
},
showSourceLine: function(url, line)
{
return false;
},
elementsToRestoreScrollPositionsFor: function()
{
return [];
},
_storeScrollPositions: function()
{
var elements = this.elementsToRestoreScrollPositionsFor();
for (var i = 0; i < elements.length; ++i) {
var container = elements[i];
container._scrollTop = container.scrollTop;
}
},
_restoreScrollPositions: function()
{
var elements = this.elementsToRestoreScrollPositionsFor();
for (var i = 0; i < elements.length; ++i) {
var container = elements[i];
if (container._scrollTop)
container.scrollTop = container._scrollTop;
}
}
}
WebInspector.Panel.prototype.__proto__ = WebInspector.View.prototype;
================================================
FILE: buildin_modules/weinre/web/client/PanelEnablerView.js
================================================
/*
* Copyright (C) 2008 Apple Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.PanelEnablerView = function(identifier, headingText, disclaimerText, buttonTitle)
{
WebInspector.View.call(this);
this.element.addStyleClass("panel-enabler-view");
this.element.addStyleClass(identifier);
this.contentElement = document.createElement("div");
this.contentElement.className = "panel-enabler-view-content";
this.element.appendChild(this.contentElement);
this.imageElement = document.createElement("img");
this.contentElement.appendChild(this.imageElement);
this.choicesForm = document.createElement("form");
this.contentElement.appendChild(this.choicesForm);
this.headerElement = document.createElement("h1");
this.headerElement.textContent = headingText;
this.choicesForm.appendChild(this.headerElement);
var self = this;
function enableOption(text, checked) {
var label = document.createElement("label");
var option = document.createElement("input");
option.type = "radio";
option.name = "enable-option";
if (checked)
option.checked = true;
label.appendChild(option);
label.appendChild(document.createTextNode(text));
self.choicesForm.appendChild(label);
return option;
};
this.enabledForSession = enableOption(WebInspector.UIString("Only enable for this session"), true);
this.enabledAlways = enableOption(WebInspector.UIString("Always enable"));
this.disclaimerElement = document.createElement("div");
this.disclaimerElement.className = "panel-enabler-disclaimer";
this.disclaimerElement.textContent = disclaimerText;
this.choicesForm.appendChild(this.disclaimerElement);
this.enableButton = document.createElement("button");
this.enableButton.setAttribute("type", "button");
this.enableButton.textContent = buttonTitle;
this.enableButton.addEventListener("click", this._enableButtonCicked.bind(this), false);
this.choicesForm.appendChild(this.enableButton);
}
WebInspector.PanelEnablerView.prototype = {
_enableButtonCicked: function()
{
this.dispatchEventToListeners("enable clicked");
},
show: function(parentElement)
{
WebInspector.View.prototype.show.call(this, parentElement);
setTimeout(this.resize.bind(this), 0);
},
resize: function()
{
this.imageElement.removeStyleClass("hidden");
if (this.element.offsetWidth < (this.choicesForm.offsetWidth + this.imageElement.offsetWidth))
this.imageElement.addStyleClass("hidden");
},
get alwaysEnabled() {
return this.enabledAlways.checked;
}
}
WebInspector.PanelEnablerView.prototype.__proto__ = WebInspector.View.prototype;
================================================
FILE: buildin_modules/weinre/web/client/Placard.js
================================================
/*
* Copyright (C) 2008 Apple Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.Placard = function(title, subtitle)
{
this.element = document.createElement("div");
this.element.className = "placard";
this.element.placard = this;
this.titleElement = document.createElement("div");
this.titleElement.className = "title";
this.subtitleElement = document.createElement("div");
this.subtitleElement.className = "subtitle";
this.element.appendChild(this.subtitleElement);
this.element.appendChild(this.titleElement);
this.title = title;
this.subtitle = subtitle;
this.selected = false;
}
WebInspector.Placard.prototype = {
get title()
{
return this._title;
},
set title(x)
{
if (this._title === x)
return;
this._title = x;
this.titleElement.textContent = x;
},
get subtitle()
{
return this._subtitle;
},
set subtitle(x)
{
if (this._subtitle === x)
return;
this._subtitle = x;
this.subtitleElement.textContent = x;
},
get selected()
{
return this._selected;
},
set selected(x)
{
if (x)
this.select();
else
this.deselect();
},
select: function()
{
if (this._selected)
return;
this._selected = true;
this.element.addStyleClass("selected");
},
deselect: function()
{
if (!this._selected)
return;
this._selected = false;
this.element.removeStyleClass("selected");
},
toggleSelected: function()
{
this.selected = !this.selected;
}
}
================================================
FILE: buildin_modules/weinre/web/client/PleaseWaitMessage.js
================================================
/*
* Copyright (C) 2011 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.PleaseWaitMessage = function()
{
this.element = document.createElement("div");
this.element.className = "please-wait-msg";
this.element.textContent = WebInspector.UIString("Please wait\u2026");
this.cancelButton = document.createElement("button");
this.cancelButton.textContent = WebInspector.UIString("Cancel");
this.cancelButton.addEventListener("click", this._cancelClicked.bind(this), false);
}
WebInspector.PleaseWaitMessage.prototype = {
_cancelClicked: function()
{
if (this._cancelCallback) {
var cancelCallback = this._cancelCallback;
delete this._cancelCallback;
cancelCallback();
}
},
hide: function()
{
var instance = WebInspector.PleaseWaitMessage.prototype.instance;
var message = instance.element;
if (message.parentNode)
message.parentNode.removeChild(message);
},
get instance()
{
if (!"_instance" in WebInspector.PleaseWaitMessage.prototype)
WebInspector.PleaseWaitMessage.prototype._instance = new WebInspector.PleaseWaitMessage();
return WebInspector.PleaseWaitMessage.prototype._instance;
},
show: function(element, cancelCallback)
{
var instance = WebInspector.PleaseWaitMessage.prototype.instance;
var message = instance.element;
if (message.parentNode === element)
return;
else if (message.parentNode)
message.parentNode.removeChild(message);
if (message.childNodes.length > 1)
message.removeChild(instance.cancelButton);
if (cancelCallback) {
message.appendChild(instance.cancelButton);
instance._cancelCallback = cancelCallback;
}
element.appendChild(message);
},
startAction: function(element, actionCallback, cancelCallback)
{
var instance = WebInspector.PleaseWaitMessage.prototype.instance;
var message = instance.element;
if (message.parentNode === element) {
actionCallback();
return;
}
function doAction()
{
try {
actionCallback();
} finally {
if (message.parentNode)
message.parentNode.removeChild(message);
}
}
WebInspector.PleaseWaitMessage.prototype.show(element, cancelCallback);
setTimeout(doAction, 0);
}
};
================================================
FILE: buildin_modules/weinre/web/client/Popover.js
================================================
/*
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.Popover = function(contentElement)
{
this.element = document.createElement("div");
this.element.className = "popover";
this._popupArrowElement = document.createElement("div");
this._popupArrowElement.className = "arrow";
this.element.appendChild(this._popupArrowElement);
this.contentElement = contentElement;
this._contentDiv = document.createElement("div");
this._contentDiv.className = "content";
}
WebInspector.Popover.prototype = {
show: function(anchor, preferredWidth, preferredHeight)
{
// This should not happen, but we hide previous popup to be on the safe side.
if (WebInspector.Popover._popoverElement)
document.body.removeChild(WebInspector.Popover._popoverElement);
WebInspector.Popover._popoverElement = this.element;
// Temporarily attach in order to measure preferred dimensions.
this.contentElement.positionAt(0, 0);
document.body.appendChild(this.contentElement);
var preferredWidth = preferredWidth || this.contentElement.offsetWidth;
var preferredHeight = preferredHeight || this.contentElement.offsetHeight;
this._contentDiv.appendChild(this.contentElement);
this.element.appendChild(this._contentDiv);
document.body.appendChild(this.element);
this._positionElement(anchor, preferredWidth, preferredHeight);
},
hide: function()
{
if (WebInspector.Popover._popoverElement) {
delete WebInspector.Popover._popoverElement;
document.body.removeChild(this.element);
}
},
_positionElement: function(anchorElement, preferredWidth, preferredHeight)
{
var borderWidth = 25;
var scrollerWidth = 11;
var arrowHeight = 15;
var arrowOffset = 10;
var borderRadius = 10;
// Skinny tooltips are not pretty, their arrow location is not nice.
preferredWidth = Math.max(preferredWidth, 50);
var totalWidth = window.innerWidth;
var totalHeight = window.innerHeight;
var anchorBox = {x: anchorElement.totalOffsetLeft, y: anchorElement.totalOffsetTop, width: anchorElement.offsetWidth, height: anchorElement.offsetHeight};
while (anchorElement !== document.body) {
if (anchorElement.scrollLeft)
anchorBox.x -= anchorElement.scrollLeft;
if (anchorElement.scrollTop)
anchorBox.y -= anchorElement.scrollTop;
anchorElement = anchorElement.parentElement;
}
var newElementPosition = { x: 0, y: 0, width: preferredWidth + scrollerWidth, height: preferredHeight };
var verticalAlignment;
var roomAbove = anchorBox.y;
var roomBelow = totalHeight - anchorBox.y - anchorBox.height;
if (roomAbove > roomBelow) {
// Positioning above the anchor.
if (anchorBox.y > newElementPosition.height + arrowHeight + borderRadius)
newElementPosition.y = anchorBox.y - newElementPosition.height - arrowHeight;
else {
newElementPosition.y = borderRadius * 2;
newElementPosition.height = anchorBox.y - borderRadius * 2 - arrowHeight;
}
verticalAlignment = "bottom";
} else {
// Positioning below the anchor.
newElementPosition.y = anchorBox.y + anchorBox.height + arrowHeight;
if (newElementPosition.y + newElementPosition.height + arrowHeight - borderWidth >= totalHeight)
newElementPosition.height = totalHeight - anchorBox.y - anchorBox.height - borderRadius * 2 - arrowHeight;
// Align arrow.
verticalAlignment = "top";
}
var horizontalAlignment;
if (anchorBox.x + newElementPosition.width < totalWidth) {
newElementPosition.x = Math.max(borderRadius, anchorBox.x - borderRadius - arrowOffset);
horizontalAlignment = "left";
} else if (newElementPosition.width + borderRadius * 2 < totalWidth) {
newElementPosition.x = totalWidth - newElementPosition.width - borderRadius;
horizontalAlignment = "right";
// Position arrow accurately.
var arrowRightPosition = Math.max(0, totalWidth - anchorBox.x - anchorBox.width - borderRadius - arrowOffset);
arrowRightPosition += anchorBox.width / 2;
this._popupArrowElement.style.right = arrowRightPosition + "px";
} else {
newElementPosition.x = borderRadius;
newElementPosition.width = totalWidth - borderRadius * 2;
newElementPosition.height += scrollerWidth;
horizontalAlignment = "left";
if (verticalAlignment === "bottom")
newElementPosition.y -= scrollerWidth;
// Position arrow accurately.
this._popupArrowElement.style.left = Math.max(0, anchorBox.x - borderRadius * 2 - arrowOffset) + "px";
this._popupArrowElement.style.left += anchorBox.width / 2;
}
this.element.className = "popover " + verticalAlignment + "-" + horizontalAlignment + "-arrow";
this.element.positionAt(newElementPosition.x - borderWidth, newElementPosition.y - borderWidth);
this.element.style.width = newElementPosition.width + borderWidth * 2 + "px";
this.element.style.height = newElementPosition.height + borderWidth * 2 + "px";
}
}
WebInspector.PopoverHelper = function(panelElement, getAnchor, showPopup, showOnClick, onHide)
{
this._panelElement = panelElement;
this._getAnchor = getAnchor;
this._showPopup = showPopup;
this._showOnClick = showOnClick;
this._onHide = onHide;
panelElement.addEventListener("mousedown", this._mouseDown.bind(this), false);
panelElement.addEventListener("mousemove", this._mouseMove.bind(this), false);
this.setTimeout(1000);
}
WebInspector.PopoverHelper.prototype = {
setTimeout: function(timeout)
{
this._timeout = timeout;
},
_mouseDown: function(event)
{
this._killHidePopupTimer();
this._handleMouseAction(event, true);
},
_mouseMove: function(event)
{
// Pretend that nothing has happened.
if (this._hoverElement === event.target || (this._hoverElement && this._hoverElement.isAncestor(event.target)))
return;
// User has 500ms (this._timeout / 2) to reach the popup.
if (this._popup && !this._hidePopupTimer) {
var self = this;
function doHide()
{
self._hidePopup();
delete self._hidePopupTimer;
}
this._hidePopupTimer = setTimeout(doHide, this._timeout / 2);
}
this._handleMouseAction(event);
},
_handleMouseAction: function(event, isMouseDown)
{
this._resetHoverTimer();
this._hoverElement = this._getAnchor(event.target);
if (!this._hoverElement)
return;
var toolTipDelay = isMouseDown ? 0 : (this._popup ? this._timeout * 0.6 : this._timeout);
this._hoverTimer = setTimeout(this._mouseHover.bind(this, this._hoverElement), toolTipDelay);
},
_resetHoverTimer: function()
{
if (this._hoverTimer) {
clearTimeout(this._hoverTimer);
delete this._hoverTimer;
}
},
hidePopup: function()
{
this._resetHoverTimer();
this._hidePopup();
},
_hidePopup: function()
{
if (!this._popup)
return;
if (this._onHide)
this._onHide();
this._popup.hide();
delete this._popup;
},
_mouseHover: function(element)
{
delete this._hoverTimer;
this._popup = this._showPopup(element);
if (this._popup)
this._popup.contentElement.addEventListener("mousemove", this._killHidePopupTimer.bind(this), true);
},
_killHidePopupTimer: function()
{
if (this._hidePopupTimer) {
clearTimeout(this._hidePopupTimer);
delete this._hidePopupTimer;
// We know that we reached the popup, but we might have moved over other elements.
// Discard pending command.
this._resetHoverTimer();
}
}
}
================================================
FILE: buildin_modules/weinre/web/client/ProfileDataGridTree.js
================================================
/*
* Copyright (C) 2009 280 North Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ProfileDataGridNode = function(profileView, profileNode, owningTree, hasChildren)
{
this.profileView = profileView;
this.profileNode = profileNode;
WebInspector.DataGridNode.call(this, null, hasChildren);
this.addEventListener("populate", this._populate, this);
this.tree = owningTree;
this.childrenByCallUID = {};
this.lastComparator = null;
this.callUID = profileNode.callUID;
this.selfTime = profileNode.selfTime;
this.totalTime = profileNode.totalTime;
this.functionName = profileNode.functionName;
this.numberOfCalls = profileNode.numberOfCalls;
this.url = profileNode.url;
}
WebInspector.ProfileDataGridNode.prototype = {
get data()
{
function formatMilliseconds(time)
{
return Number.secondsToString(time / 1000, !Preferences.samplingCPUProfiler);
}
var data = {};
data["function"] = this.functionName;
data["calls"] = this.numberOfCalls;
if (this.profileView.showSelfTimeAsPercent)
data["self"] = WebInspector.UIString("%.2f%%", this.selfPercent);
else
data["self"] = formatMilliseconds(this.selfTime);
if (this.profileView.showTotalTimeAsPercent)
data["total"] = WebInspector.UIString("%.2f%%", this.totalPercent);
else
data["total"] = formatMilliseconds(this.totalTime);
if (this.profileView.showAverageTimeAsPercent)
data["average"] = WebInspector.UIString("%.2f%%", this.averagePercent);
else
data["average"] = formatMilliseconds(this.averageTime);
return data;
},
createCell: function(columnIdentifier)
{
var cell = WebInspector.DataGridNode.prototype.createCell.call(this, columnIdentifier);
if (columnIdentifier === "self" && this._searchMatchedSelfColumn)
cell.addStyleClass("highlight");
else if (columnIdentifier === "total" && this._searchMatchedTotalColumn)
cell.addStyleClass("highlight");
else if (columnIdentifier === "average" && this._searchMatchedAverageColumn)
cell.addStyleClass("highlight");
else if (columnIdentifier === "calls" && this._searchMatchedCallsColumn)
cell.addStyleClass("highlight");
if (columnIdentifier !== "function")
return cell;
if (this.profileNode._searchMatchedFunctionColumn)
cell.addStyleClass("highlight");
if (this.profileNode.url) {
var lineNumber;
if (this.profileNode.lineNumber > 0)
lineNumber = this.profileNode.lineNumber;
var urlElement = WebInspector.linkifyResourceAsNode(this.profileNode.url, "scripts", lineNumber, "profile-node-file");
cell.insertBefore(urlElement, cell.firstChild);
}
return cell;
},
select: function(supressSelectedEvent)
{
WebInspector.DataGridNode.prototype.select.call(this, supressSelectedEvent);
this.profileView._dataGridNodeSelected(this);
},
deselect: function(supressDeselectedEvent)
{
WebInspector.DataGridNode.prototype.deselect.call(this, supressDeselectedEvent);
this.profileView._dataGridNodeDeselected(this);
},
sort: function(/*Function*/ comparator, /*Boolean*/ force)
{
var gridNodeGroups = [[this]];
for (var gridNodeGroupIndex = 0; gridNodeGroupIndex < gridNodeGroups.length; ++gridNodeGroupIndex) {
var gridNodes = gridNodeGroups[gridNodeGroupIndex];
var count = gridNodes.length;
for (var index = 0; index < count; ++index) {
var gridNode = gridNodes[index];
// If the grid node is collapsed, then don't sort children (save operation for later).
// If the grid node has the same sorting as previously, then there is no point in sorting it again.
if (!force && (!gridNode.expanded || gridNode.lastComparator === comparator)) {
if (gridNode.children.length)
gridNode.shouldRefreshChildren = true;
continue;
}
gridNode.lastComparator = comparator;
var children = gridNode.children;
var childCount = children.length;
if (childCount) {
children.sort(comparator);
for (var childIndex = 0; childIndex < childCount; ++childIndex)
children[childIndex]._recalculateSiblings(childIndex);
gridNodeGroups.push(children);
}
}
}
},
insertChild: function(/*ProfileDataGridNode*/ profileDataGridNode, index)
{
WebInspector.DataGridNode.prototype.insertChild.call(this, profileDataGridNode, index);
this.childrenByCallUID[profileDataGridNode.callUID] = profileDataGridNode;
},
removeChild: function(/*ProfileDataGridNode*/ profileDataGridNode)
{
WebInspector.DataGridNode.prototype.removeChild.call(this, profileDataGridNode);
delete this.childrenByCallUID[profileDataGridNode.callUID];
},
removeChildren: function(/*ProfileDataGridNode*/ profileDataGridNode)
{
WebInspector.DataGridNode.prototype.removeChildren.call(this);
this.childrenByCallUID = {};
},
findChild: function(/*Node*/ node)
{
if (!node)
return null;
return this.childrenByCallUID[node.callUID];
},
get averageTime()
{
return this.selfTime / Math.max(1, this.numberOfCalls);
},
get averagePercent()
{
return this.averageTime / this.tree.totalTime * 100.0;
},
get selfPercent()
{
return this.selfTime / this.tree.totalTime * 100.0;
},
get totalPercent()
{
return this.totalTime / this.tree.totalTime * 100.0;
},
get _parent()
{
return this.parent !== this.dataGrid ? this.parent : this.tree;
},
_populate: function(event)
{
this._sharedPopulate();
if (this._parent) {
var currentComparator = this._parent.lastComparator;
if (currentComparator)
this.sort(currentComparator, true);
}
if (this.removeEventListener)
this.removeEventListener("populate", this._populate, this);
},
// When focusing and collapsing we modify lots of nodes in the tree.
// This allows us to restore them all to their original state when we revert.
_save: function()
{
if (this._savedChildren)
return;
this._savedSelfTime = this.selfTime;
this._savedTotalTime = this.totalTime;
this._savedNumberOfCalls = this.numberOfCalls;
this._savedChildren = this.children.slice();
},
// When focusing and collapsing we modify lots of nodes in the tree.
// This allows us to restore them all to their original state when we revert.
_restore: function()
{
if (!this._savedChildren)
return;
this.selfTime = this._savedSelfTime;
this.totalTime = this._savedTotalTime;
this.numberOfCalls = this._savedNumberOfCalls;
this.removeChildren();
var children = this._savedChildren;
var count = children.length;
for (var index = 0; index < count; ++index) {
children[index]._restore();
this.appendChild(children[index]);
}
},
_merge: function(child, shouldAbsorb)
{
this.selfTime += child.selfTime;
if (!shouldAbsorb) {
this.totalTime += child.totalTime;
this.numberOfCalls += child.numberOfCalls;
}
var children = this.children.slice();
this.removeChildren();
var count = children.length;
for (var index = 0; index < count; ++index) {
if (!shouldAbsorb || children[index] !== child)
this.appendChild(children[index]);
}
children = child.children.slice();
count = children.length;
for (var index = 0; index < count; ++index) {
var orphanedChild = children[index],
existingChild = this.childrenByCallUID[orphanedChild.callUID];
if (existingChild)
existingChild._merge(orphanedChild, false);
else
this.appendChild(orphanedChild);
}
}
}
WebInspector.ProfileDataGridNode.prototype.__proto__ = WebInspector.DataGridNode.prototype;
WebInspector.ProfileDataGridTree = function(profileView, profileNode)
{
this.tree = this;
this.children = [];
this.profileView = profileView;
this.totalTime = profileNode.totalTime;
this.lastComparator = null;
this.childrenByCallUID = {};
}
WebInspector.ProfileDataGridTree.prototype = {
get expanded()
{
return true;
},
appendChild: function(child)
{
this.insertChild(child, this.children.length);
},
insertChild: function(child, index)
{
this.children.splice(index, 0, child);
this.childrenByCallUID[child.callUID] = child;
},
removeChildren: function()
{
this.children = [];
this.childrenByCallUID = {};
},
findChild: WebInspector.ProfileDataGridNode.prototype.findChild,
sort: WebInspector.ProfileDataGridNode.prototype.sort,
_save: function()
{
if (this._savedChildren)
return;
this._savedTotalTime = this.totalTime;
this._savedChildren = this.children.slice();
},
restore: function()
{
if (!this._savedChildren)
return;
this.children = this._savedChildren;
this.totalTime = this._savedTotalTime;
var children = this.children;
var count = children.length;
for (var index = 0; index < count; ++index)
children[index]._restore();
this._savedChildren = null;
}
}
WebInspector.ProfileDataGridTree.propertyComparators = [{}, {}];
WebInspector.ProfileDataGridTree.propertyComparator = function(/*String*/ property, /*Boolean*/ isAscending)
{
var comparator = this.propertyComparators[(isAscending ? 1 : 0)][property];
if (!comparator) {
if (isAscending) {
comparator = function(lhs, rhs)
{
if (lhs[property] < rhs[property])
return -1;
if (lhs[property] > rhs[property])
return 1;
return 0;
}
} else {
comparator = function(lhs, rhs)
{
if (lhs[property] > rhs[property])
return -1;
if (lhs[property] < rhs[property])
return 1;
return 0;
}
}
this.propertyComparators[(isAscending ? 1 : 0)][property] = comparator;
}
return comparator;
}
================================================
FILE: buildin_modules/weinre/web/client/ProfileView.js
================================================
/*
* Copyright (C) 2008 Apple Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
// FIXME: Rename the file.
WebInspector.CPUProfileView = function(profile)
{
WebInspector.View.call(this);
this.element.addStyleClass("profile-view");
this.showSelfTimeAsPercent = true;
this.showTotalTimeAsPercent = true;
this.showAverageTimeAsPercent = true;
var columns = { "self": { title: WebInspector.UIString("Self"), width: "72px", sort: "descending", sortable: true },
"total": { title: WebInspector.UIString("Total"), width: "72px", sortable: true },
"average": { title: WebInspector.UIString("Average"), width: "72px", sortable: true },
"calls": { title: WebInspector.UIString("Calls"), width: "54px", sortable: true },
"function": { title: WebInspector.UIString("Function"), disclosure: true, sortable: true } };
if (Preferences.samplingCPUProfiler) {
delete columns.average;
delete columns.calls;
}
this.dataGrid = new WebInspector.DataGrid(columns);
this.dataGrid.addEventListener("sorting changed", this._sortData, this);
this.dataGrid.element.addEventListener("mousedown", this._mouseDownInDataGrid.bind(this), true);
this.element.appendChild(this.dataGrid.element);
this.viewSelectElement = document.createElement("select");
this.viewSelectElement.className = "status-bar-item";
this.viewSelectElement.addEventListener("change", this._changeView.bind(this), false);
this.view = "Heavy";
var heavyViewOption = document.createElement("option");
heavyViewOption.label = WebInspector.UIString("Heavy (Bottom Up)");
var treeViewOption = document.createElement("option");
treeViewOption.label = WebInspector.UIString("Tree (Top Down)");
this.viewSelectElement.appendChild(heavyViewOption);
this.viewSelectElement.appendChild(treeViewOption);
this.percentButton = new WebInspector.StatusBarButton("", "percent-time-status-bar-item");
this.percentButton.addEventListener("click", this._percentClicked.bind(this), false);
this.focusButton = new WebInspector.StatusBarButton(WebInspector.UIString("Focus selected function."), "focus-profile-node-status-bar-item");
this.focusButton.disabled = true;
this.focusButton.addEventListener("click", this._focusClicked.bind(this), false);
this.excludeButton = new WebInspector.StatusBarButton(WebInspector.UIString("Exclude selected function."), "exclude-profile-node-status-bar-item");
this.excludeButton.disabled = true;
this.excludeButton.addEventListener("click", this._excludeClicked.bind(this), false);
this.resetButton = new WebInspector.StatusBarButton(WebInspector.UIString("Restore all functions."), "reset-profile-status-bar-item");
this.resetButton.visible = false;
this.resetButton.addEventListener("click", this._resetClicked.bind(this), false);
this.profile = profile;
var self = this;
function profileCallback(profile)
{
self.profile.head = profile.head;
self._assignParentsInProfile();
self.profileDataGridTree = self.bottomUpProfileDataGridTree;
self.profileDataGridTree.sort(WebInspector.ProfileDataGridTree.propertyComparator("selfTime", false));
self.refresh();
self._updatePercentButton();
}
InspectorBackend.getProfile(this.profile.typeId, this.profile.uid, profileCallback);
}
WebInspector.CPUProfileView.prototype = {
get statusBarItems()
{
return [this.viewSelectElement, this.percentButton.element, this.focusButton.element, this.excludeButton.element, this.resetButton.element];
},
get profile()
{
return this._profile;
},
set profile(profile)
{
this._profile = profile;
},
get bottomUpProfileDataGridTree()
{
if (!this._bottomUpProfileDataGridTree)
this._bottomUpProfileDataGridTree = new WebInspector.BottomUpProfileDataGridTree(this, this.profile.head);
return this._bottomUpProfileDataGridTree;
},
get topDownProfileDataGridTree()
{
if (!this._topDownProfileDataGridTree)
this._topDownProfileDataGridTree = new WebInspector.TopDownProfileDataGridTree(this, this.profile.head);
return this._topDownProfileDataGridTree;
},
get currentTree()
{
return this._currentTree;
},
set currentTree(tree)
{
this._currentTree = tree;
this.refresh();
},
get topDownTree()
{
if (!this._topDownTree) {
this._topDownTree = WebInspector.TopDownTreeFactory.create(this.profile.head);
this._sortProfile(this._topDownTree);
}
return this._topDownTree;
},
get bottomUpTree()
{
if (!this._bottomUpTree) {
this._bottomUpTree = WebInspector.BottomUpTreeFactory.create(this.profile.head);
this._sortProfile(this._bottomUpTree);
}
return this._bottomUpTree;
},
show: function(parentElement)
{
WebInspector.View.prototype.show.call(this, parentElement);
this.dataGrid.updateWidths();
},
hide: function()
{
WebInspector.View.prototype.hide.call(this);
this._currentSearchResultIndex = -1;
},
resize: function()
{
if (this.dataGrid)
this.dataGrid.updateWidths();
},
refresh: function()
{
var selectedProfileNode = this.dataGrid.selectedNode ? this.dataGrid.selectedNode.profileNode : null;
this.dataGrid.removeChildren();
var children = this.profileDataGridTree.children;
var count = children.length;
for (var index = 0; index < count; ++index)
this.dataGrid.appendChild(children[index]);
if (selectedProfileNode)
selectedProfileNode.selected = true;
},
refreshVisibleData: function()
{
var child = this.dataGrid.children[0];
while (child) {
child.refresh();
child = child.traverseNextNode(false, null, true);
}
},
refreshShowAsPercents: function()
{
this._updatePercentButton();
this.refreshVisibleData();
},
searchCanceled: function()
{
if (this._searchResults) {
for (var i = 0; i < this._searchResults.length; ++i) {
var profileNode = this._searchResults[i].profileNode;
delete profileNode._searchMatchedSelfColumn;
delete profileNode._searchMatchedTotalColumn;
delete profileNode._searchMatchedCallsColumn;
delete profileNode._searchMatchedFunctionColumn;
profileNode.refresh();
}
}
delete this._searchFinishedCallback;
this._currentSearchResultIndex = -1;
this._searchResults = [];
},
performSearch: function(query, finishedCallback)
{
// Call searchCanceled since it will reset everything we need before doing a new search.
this.searchCanceled();
query = query.trim();
if (!query.length)
return;
this._searchFinishedCallback = finishedCallback;
var greaterThan = (query.indexOf(">") === 0);
var lessThan = (query.indexOf("<") === 0);
var equalTo = (query.indexOf("=") === 0 || ((greaterThan || lessThan) && query.indexOf("=") === 1));
var percentUnits = (query.lastIndexOf("%") === (query.length - 1));
var millisecondsUnits = (query.length > 2 && query.lastIndexOf("ms") === (query.length - 2));
var secondsUnits = (!millisecondsUnits && query.lastIndexOf("s") === (query.length - 1));
var queryNumber = parseFloat(query);
if (greaterThan || lessThan || equalTo) {
if (equalTo && (greaterThan || lessThan))
queryNumber = parseFloat(query.substring(2));
else
queryNumber = parseFloat(query.substring(1));
}
var queryNumberMilliseconds = (secondsUnits ? (queryNumber * 1000) : queryNumber);
// Make equalTo implicitly true if it wasn't specified there is no other operator.
if (!isNaN(queryNumber) && !(greaterThan || lessThan))
equalTo = true;
function matchesQuery(/*ProfileDataGridNode*/ profileDataGridNode)
{
delete profileDataGridNode._searchMatchedSelfColumn;
delete profileDataGridNode._searchMatchedTotalColumn;
delete profileDataGridNode._searchMatchedAverageColumn;
delete profileDataGridNode._searchMatchedCallsColumn;
delete profileDataGridNode._searchMatchedFunctionColumn;
if (percentUnits) {
if (lessThan) {
if (profileDataGridNode.selfPercent < queryNumber)
profileDataGridNode._searchMatchedSelfColumn = true;
if (profileDataGridNode.totalPercent < queryNumber)
profileDataGridNode._searchMatchedTotalColumn = true;
if (profileDataGridNode.averagePercent < queryNumberMilliseconds)
profileDataGridNode._searchMatchedAverageColumn = true;
} else if (greaterThan) {
if (profileDataGridNode.selfPercent > queryNumber)
profileDataGridNode._searchMatchedSelfColumn = true;
if (profileDataGridNode.totalPercent > queryNumber)
profileDataGridNode._searchMatchedTotalColumn = true;
if (profileDataGridNode.averagePercent < queryNumberMilliseconds)
profileDataGridNode._searchMatchedAverageColumn = true;
}
if (equalTo) {
if (profileDataGridNode.selfPercent == queryNumber)
profileDataGridNode._searchMatchedSelfColumn = true;
if (profileDataGridNode.totalPercent == queryNumber)
profileDataGridNode._searchMatchedTotalColumn = true;
if (profileDataGridNode.averagePercent < queryNumberMilliseconds)
profileDataGridNode._searchMatchedAverageColumn = true;
}
} else if (millisecondsUnits || secondsUnits) {
if (lessThan) {
if (profileDataGridNode.selfTime < queryNumberMilliseconds)
profileDataGridNode._searchMatchedSelfColumn = true;
if (profileDataGridNode.totalTime < queryNumberMilliseconds)
profileDataGridNode._searchMatchedTotalColumn = true;
if (profileDataGridNode.averageTime < queryNumberMilliseconds)
profileDataGridNode._searchMatchedAverageColumn = true;
} else if (greaterThan) {
if (profileDataGridNode.selfTime > queryNumberMilliseconds)
profileDataGridNode._searchMatchedSelfColumn = true;
if (profileDataGridNode.totalTime > queryNumberMilliseconds)
profileDataGridNode._searchMatchedTotalColumn = true;
if (profileDataGridNode.averageTime > queryNumberMilliseconds)
profileDataGridNode._searchMatchedAverageColumn = true;
}
if (equalTo) {
if (profileDataGridNode.selfTime == queryNumberMilliseconds)
profileDataGridNode._searchMatchedSelfColumn = true;
if (profileDataGridNode.totalTime == queryNumberMilliseconds)
profileDataGridNode._searchMatchedTotalColumn = true;
if (profileDataGridNode.averageTime == queryNumberMilliseconds)
profileDataGridNode._searchMatchedAverageColumn = true;
}
} else {
if (equalTo && profileDataGridNode.numberOfCalls == queryNumber)
profileDataGridNode._searchMatchedCallsColumn = true;
if (greaterThan && profileDataGridNode.numberOfCalls > queryNumber)
profileDataGridNode._searchMatchedCallsColumn = true;
if (lessThan && profileDataGridNode.numberOfCalls < queryNumber)
profileDataGridNode._searchMatchedCallsColumn = true;
}
if (profileDataGridNode.functionName.hasSubstring(query, true) || profileDataGridNode.url.hasSubstring(query, true))
profileDataGridNode._searchMatchedFunctionColumn = true;
if (profileDataGridNode._searchMatchedSelfColumn ||
profileDataGridNode._searchMatchedTotalColumn ||
profileDataGridNode._searchMatchedAverageColumn ||
profileDataGridNode._searchMatchedCallsColumn ||
profileDataGridNode._searchMatchedFunctionColumn)
{
profileDataGridNode.refresh();
return true;
}
return false;
}
var current = this.profileDataGridTree.children[0];
while (current) {
if (matchesQuery(current)) {
this._searchResults.push({ profileNode: current });
}
current = current.traverseNextNode(false, null, false);
}
finishedCallback(this, this._searchResults.length);
},
jumpToFirstSearchResult: function()
{
if (!this._searchResults || !this._searchResults.length)
return;
this._currentSearchResultIndex = 0;
this._jumpToSearchResult(this._currentSearchResultIndex);
},
jumpToLastSearchResult: function()
{
if (!this._searchResults || !this._searchResults.length)
return;
this._currentSearchResultIndex = (this._searchResults.length - 1);
this._jumpToSearchResult(this._currentSearchResultIndex);
},
jumpToNextSearchResult: function()
{
if (!this._searchResults || !this._searchResults.length)
return;
if (++this._currentSearchResultIndex >= this._searchResults.length)
this._currentSearchResultIndex = 0;
this._jumpToSearchResult(this._currentSearchResultIndex);
},
jumpToPreviousSearchResult: function()
{
if (!this._searchResults || !this._searchResults.length)
return;
if (--this._currentSearchResultIndex < 0)
this._currentSearchResultIndex = (this._searchResults.length - 1);
this._jumpToSearchResult(this._currentSearchResultIndex);
},
showingFirstSearchResult: function()
{
return (this._currentSearchResultIndex === 0);
},
showingLastSearchResult: function()
{
return (this._searchResults && this._currentSearchResultIndex === (this._searchResults.length - 1));
},
_jumpToSearchResult: function(index)
{
var searchResult = this._searchResults[index];
if (!searchResult)
return;
var profileNode = searchResult.profileNode;
profileNode.reveal();
profileNode.select();
},
_changeView: function(event)
{
if (!event || !this.profile)
return;
if (event.target.selectedIndex == 1 && this.view == "Heavy") {
this.profileDataGridTree = this.topDownProfileDataGridTree;
this._sortProfile();
this.view = "Tree";
} else if (event.target.selectedIndex == 0 && this.view == "Tree") {
this.profileDataGridTree = this.bottomUpProfileDataGridTree;
this._sortProfile();
this.view = "Heavy";
}
if (!this.currentQuery || !this._searchFinishedCallback || !this._searchResults)
return;
// The current search needs to be performed again. First negate out previous match
// count by calling the search finished callback with a negative number of matches.
// Then perform the search again the with same query and callback.
this._searchFinishedCallback(this, -this._searchResults.length);
this.performSearch(this.currentQuery, this._searchFinishedCallback);
},
_percentClicked: function(event)
{
var currentState = this.showSelfTimeAsPercent && this.showTotalTimeAsPercent && this.showAverageTimeAsPercent;
this.showSelfTimeAsPercent = !currentState;
this.showTotalTimeAsPercent = !currentState;
this.showAverageTimeAsPercent = !currentState;
this.refreshShowAsPercents();
},
_updatePercentButton: function()
{
if (this.showSelfTimeAsPercent && this.showTotalTimeAsPercent && this.showAverageTimeAsPercent) {
this.percentButton.title = WebInspector.UIString("Show absolute total and self times.");
this.percentButton.toggled = true;
} else {
this.percentButton.title = WebInspector.UIString("Show total and self times as percentages.");
this.percentButton.toggled = false;
}
},
_focusClicked: function(event)
{
if (!this.dataGrid.selectedNode)
return;
this.resetButton.visible = true;
this.profileDataGridTree.focus(this.dataGrid.selectedNode);
this.refresh();
this.refreshVisibleData();
},
_excludeClicked: function(event)
{
var selectedNode = this.dataGrid.selectedNode
if (!selectedNode)
return;
selectedNode.deselect();
this.resetButton.visible = true;
this.profileDataGridTree.exclude(selectedNode);
this.refresh();
this.refreshVisibleData();
},
_resetClicked: function(event)
{
this.resetButton.visible = false;
this.profileDataGridTree.restore();
this.refresh();
this.refreshVisibleData();
},
_dataGridNodeSelected: function(node)
{
this.focusButton.disabled = false;
this.excludeButton.disabled = false;
},
_dataGridNodeDeselected: function(node)
{
this.focusButton.disabled = true;
this.excludeButton.disabled = true;
},
_sortData: function(event)
{
this._sortProfile(this.profile);
},
_sortProfile: function()
{
var sortAscending = this.dataGrid.sortOrder === "ascending";
var sortColumnIdentifier = this.dataGrid.sortColumnIdentifier;
var sortProperty = {
"average": "averageTime",
"self": "selfTime",
"total": "totalTime",
"calls": "numberOfCalls",
"function": "functionName"
}[sortColumnIdentifier];
this.profileDataGridTree.sort(WebInspector.ProfileDataGridTree.propertyComparator(sortProperty, sortAscending));
this.refresh();
},
_mouseDownInDataGrid: function(event)
{
if (event.detail < 2)
return;
var cell = event.target.enclosingNodeOrSelfWithNodeName("td");
if (!cell || (!cell.hasStyleClass("total-column") && !cell.hasStyleClass("self-column") && !cell.hasStyleClass("average-column")))
return;
if (cell.hasStyleClass("total-column"))
this.showTotalTimeAsPercent = !this.showTotalTimeAsPercent;
else if (cell.hasStyleClass("self-column"))
this.showSelfTimeAsPercent = !this.showSelfTimeAsPercent;
else if (cell.hasStyleClass("average-column"))
this.showAverageTimeAsPercent = !this.showAverageTimeAsPercent;
this.refreshShowAsPercents();
event.preventDefault();
event.stopPropagation();
},
_assignParentsInProfile: function()
{
var head = this.profile.head;
head.parent = null;
head.head = null;
var nodesToTraverse = [ { parent: head, children: head.children } ];
while (nodesToTraverse.length > 0) {
var pair = nodesToTraverse.shift();
var parent = pair.parent;
var children = pair.children;
var length = children.length;
for (var i = 0; i < length; ++i) {
children[i].head = head;
children[i].parent = parent;
if (children[i].children.length > 0)
nodesToTraverse.push({ parent: children[i], children: children[i].children });
}
}
}
}
WebInspector.CPUProfileView.prototype.__proto__ = WebInspector.View.prototype;
WebInspector.CPUProfileType = function()
{
WebInspector.ProfileType.call(this, WebInspector.CPUProfileType.TypeId, WebInspector.UIString("CPU PROFILES"));
this._recording = false;
}
WebInspector.CPUProfileType.TypeId = "CPU";
WebInspector.CPUProfileType.prototype = {
get buttonTooltip()
{
return this._recording ? WebInspector.UIString("Stop profiling.") : WebInspector.UIString("Start profiling.");
},
get buttonStyle()
{
return this._recording ? "record-profile-status-bar-item status-bar-item toggled-on" : "record-profile-status-bar-item status-bar-item";
},
buttonClicked: function()
{
this._recording = !this._recording;
if (this._recording)
InspectorBackend.startProfiling();
else
InspectorBackend.stopProfiling();
},
get welcomeMessage()
{
return WebInspector.UIString("Control CPU profiling by pressing the %s button on the status bar.");
},
setRecordingProfile: function(isProfiling)
{
this._recording = isProfiling;
},
createSidebarTreeElementForProfile: function(profile)
{
return new WebInspector.ProfileSidebarTreeElement(profile, WebInspector.UIString("Profile %d"), "profile-sidebar-tree-item");
},
createView: function(profile)
{
return new WebInspector.CPUProfileView(profile);
}
}
WebInspector.CPUProfileType.prototype.__proto__ = WebInspector.ProfileType.prototype;
================================================
FILE: buildin_modules/weinre/web/client/ProfilesPanel.js
================================================
/*
* Copyright (C) 2008 Apple Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
var UserInitiatedProfileName = "org.webkit.profiles.user-initiated";
WebInspector.ProfileType = function(id, name)
{
this._id = id;
this._name = name;
}
WebInspector.ProfileType.URLRegExp = /webkit-profile:\/\/(.+)\/(.+)#([0-9]+)/;
WebInspector.ProfileType.prototype = {
get buttonTooltip()
{
return "";
},
get buttonStyle()
{
return undefined;
},
get buttonCaption()
{
return this.name;
},
get id()
{
return this._id;
},
get name()
{
return this._name;
},
buttonClicked: function()
{
},
viewForProfile: function(profile)
{
if (!profile._profileView)
profile._profileView = this.createView(profile);
return profile._profileView;
},
get welcomeMessage()
{
return "";
},
// Must be implemented by subclasses.
createView: function(profile)
{
throw new Error("Needs implemented.");
},
// Must be implemented by subclasses.
createSidebarTreeElementForProfile: function(profile)
{
throw new Error("Needs implemented.");
}
}
WebInspector.ProfilesPanel = function()
{
WebInspector.Panel.call(this, "profiles");
this.createSidebar();
this._profileTypesByIdMap = {};
this._profileTypeButtonsByIdMap = {};
var panelEnablerHeading = WebInspector.UIString("You need to enable profiling before you can use the Profiles panel.");
var panelEnablerDisclaimer = WebInspector.UIString("Enabling profiling will make scripts run slower.");
var panelEnablerButton = WebInspector.UIString("Enable Profiling");
this.panelEnablerView = new WebInspector.PanelEnablerView("profiles", panelEnablerHeading, panelEnablerDisclaimer, panelEnablerButton);
this.panelEnablerView.addEventListener("enable clicked", this._enableProfiling, this);
this.element.appendChild(this.panelEnablerView.element);
this.profileViews = document.createElement("div");
this.profileViews.id = "profile-views";
this.element.appendChild(this.profileViews);
this.enableToggleButton = new WebInspector.StatusBarButton("", "enable-toggle-status-bar-item");
this.enableToggleButton.addEventListener("click", this._toggleProfiling.bind(this), false);
this.clearResultsButton = new WebInspector.StatusBarButton(WebInspector.UIString("Clear all profiles."), "clear-status-bar-item");
this.clearResultsButton.addEventListener("click", this._clearProfiles.bind(this), false);
this.profileViewStatusBarItemsContainer = document.createElement("div");
this.profileViewStatusBarItemsContainer.className = "status-bar-items";
this.welcomeView = new WebInspector.WelcomeView("profiles", WebInspector.UIString("Welcome to the Profiles panel"));
this.element.appendChild(this.welcomeView.element);
this._profiles = [];
this._profilerEnabled = Preferences.profilerAlwaysEnabled;
this._reset();
InspectorBackend.registerDomainDispatcher("Profiler", new WebInspector.ProfilerDispatcher(this));
}
WebInspector.ProfilesPanel.prototype = {
get toolbarItemLabel()
{
return WebInspector.UIString("Profiles");
},
get statusBarItems()
{
function clickHandler(profileType, buttonElement)
{
profileType.buttonClicked.call(profileType);
this.updateProfileTypeButtons();
}
var items = [this.enableToggleButton.element];
// FIXME: Generate a single "combo-button".
for (var typeId in this._profileTypesByIdMap) {
var profileType = this.getProfileType(typeId);
if (profileType.buttonStyle) {
var button = new WebInspector.StatusBarButton(profileType.buttonTooltip, profileType.buttonStyle, profileType.buttonCaption);
this._profileTypeButtonsByIdMap[typeId] = button.element;
button.element.addEventListener("click", clickHandler.bind(this, profileType, button.element), false);
items.push(button.element);
}
}
items.push(this.clearResultsButton.element, this.profileViewStatusBarItemsContainer);
return items;
},
show: function()
{
WebInspector.Panel.prototype.show.call(this);
this._populateProfiles();
},
_profilerWasEnabled: function()
{
if (this._profilerEnabled)
return;
this._profilerEnabled = true;
this._reset();
if (this.visible)
this._populateProfiles();
},
_profilerWasDisabled: function()
{
if (!this._profilerEnabled)
return;
this._profilerEnabled = false;
this._reset();
},
_reset: function()
{
for (var i = 0; i < this._profiles.length; ++i)
delete this._profiles[i]._profileView;
delete this.visibleView;
delete this.currentQuery;
this.searchCanceled();
this._profiles = [];
this._profilesIdMap = {};
this._profileGroups = {};
this._profileGroupsForLinks = {};
this._profilesWereRequested = false;
this.sidebarTreeElement.removeStyleClass("some-expandable");
for (var typeId in this._profileTypesByIdMap)
this.getProfileType(typeId).treeElement.removeChildren();
this.profileViews.removeChildren();
this.profileViewStatusBarItemsContainer.removeChildren();
this.removeAllListeners();
this._updateInterface();
this.welcomeView.show();
},
_clearProfiles: function()
{
InspectorBackend.clearProfiles();
this._reset();
},
registerProfileType: function(profileType)
{
this._profileTypesByIdMap[profileType.id] = profileType;
profileType.treeElement = new WebInspector.SidebarSectionTreeElement(profileType.name, null, true);
this.sidebarTree.appendChild(profileType.treeElement);
profileType.treeElement.expand();
this._addWelcomeMessage(profileType);
},
_addWelcomeMessage: function(profileType)
{
var message = profileType.welcomeMessage;
// Message text is supposed to have a '%s' substring as a placeholder
// for a status bar button. If it is there, we split the message in two
// parts, and insert the button between them.
var buttonPos = message.indexOf("%s");
if (buttonPos > -1) {
var container = document.createDocumentFragment();
var part1 = document.createElement("span");
part1.innerHTML = message.substr(0, buttonPos);
container.appendChild(part1);
var button = new WebInspector.StatusBarButton(profileType.buttonTooltip, profileType.buttonStyle, profileType.buttonCaption);
container.appendChild(button.element);
var part2 = document.createElement("span");
part2.innerHTML = message.substr(buttonPos + 2);
container.appendChild(part2);
this.welcomeView.addMessage(container);
} else
this.welcomeView.addMessage(message);
},
_makeKey: function(text, profileTypeId)
{
return escape(text) + '/' + escape(profileTypeId);
},
_addProfileHeader: function(profile)
{
if (this.hasTemporaryProfile(profile.typeId)) {
if (profile.typeId === WebInspector.CPUProfileType.TypeId)
this._removeProfileHeader(this._temporaryRecordingProfile);
else
this._removeProfileHeader(this._temporaryTakingSnapshot);
}
var typeId = profile.typeId;
var profileType = this.getProfileType(typeId);
var sidebarParent = profileType.treeElement;
var small = false;
var alternateTitle;
profile.__profilesPanelProfileType = profileType;
this._profiles.push(profile);
this._profilesIdMap[this._makeKey(profile.uid, typeId)] = profile;
if (profile.title.indexOf(UserInitiatedProfileName) !== 0) {
var profileTitleKey = this._makeKey(profile.title, typeId);
if (!(profileTitleKey in this._profileGroups))
this._profileGroups[profileTitleKey] = [];
var group = this._profileGroups[profileTitleKey];
group.push(profile);
if (group.length === 2) {
// Make a group TreeElement now that there are 2 profiles.
group._profilesTreeElement = new WebInspector.ProfileGroupSidebarTreeElement(profile.title);
// Insert at the same index for the first profile of the group.
var index = sidebarParent.children.indexOf(group[0]._profilesTreeElement);
sidebarParent.insertChild(group._profilesTreeElement, index);
// Move the first profile to the group.
var selected = group[0]._profilesTreeElement.selected;
sidebarParent.removeChild(group[0]._profilesTreeElement);
group._profilesTreeElement.appendChild(group[0]._profilesTreeElement);
if (selected) {
group[0]._profilesTreeElement.select();
group[0]._profilesTreeElement.reveal();
}
group[0]._profilesTreeElement.small = true;
group[0]._profilesTreeElement.mainTitle = WebInspector.UIString("Run %d", 1);
this.sidebarTreeElement.addStyleClass("some-expandable");
}
if (group.length >= 2) {
sidebarParent = group._profilesTreeElement;
alternateTitle = WebInspector.UIString("Run %d", group.length);
small = true;
}
}
var profileTreeElement = profileType.createSidebarTreeElementForProfile(profile);
profile.sideBarElement = profileTreeElement;
profileTreeElement.small = small;
if (alternateTitle)
profileTreeElement.mainTitle = alternateTitle;
profile._profilesTreeElement = profileTreeElement;
sidebarParent.appendChild(profileTreeElement);
if (!profile.isTemporary) {
this.welcomeView.hide();
if (!this.visibleView)
this.showProfile(profile);
this.dispatchEventToListeners("profile added");
}
},
_removeProfileHeader: function(profile)
{
var typeId = profile.typeId;
var profileType = this.getProfileType(typeId);
var sidebarParent = profileType.treeElement;
for (var i = 0; i < this._profiles.length; ++i) {
if (this._profiles[i].uid === profile.uid) {
profile = this._profiles[i];
this._profiles.splice(i, 1);
break;
}
}
delete this._profilesIdMap[this._makeKey(profile.uid, typeId)];
var profileTitleKey = this._makeKey(profile.title, typeId);
delete this._profileGroups[profileTitleKey];
sidebarParent.removeChild(profile._profilesTreeElement);
if (!profile.isTemporary)
InspectorBackend.removeProfile(profile.typeId, profile.uid);
// No other item will be selected if there aren't any other profiles, so
// make sure that view gets cleared when the last profile is removed.
if (!this._profiles.length)
this.closeVisibleView();
},
showProfile: function(profile)
{
if (!profile || profile.isTemporary)
return;
this.closeVisibleView();
var view = profile.__profilesPanelProfileType.viewForProfile(profile);
view.show(this.profileViews);
profile._profilesTreeElement.select(true);
profile._profilesTreeElement.reveal();
this.visibleView = view;
this.profileViewStatusBarItemsContainer.removeChildren();
var statusBarItems = view.statusBarItems;
if (statusBarItems)
for (var i = 0; i < statusBarItems.length; ++i)
this.profileViewStatusBarItemsContainer.appendChild(statusBarItems[i]);
},
getProfiles: function(typeId)
{
var result = [];
var profilesCount = this._profiles.length;
for (var i = 0; i < profilesCount; ++i) {
var profile = this._profiles[i];
if (!profile.isTemporary && profile.typeId === typeId)
result.push(profile);
}
return result;
},
hasTemporaryProfile: function(typeId)
{
var profilesCount = this._profiles.length;
for (var i = 0; i < profilesCount; ++i)
if (this._profiles[i].typeId === typeId && this._profiles[i].isTemporary)
return true;
return false;
},
hasProfile: function(profile)
{
return !!this._profilesIdMap[this._makeKey(profile.uid, profile.typeId)];
},
loadHeapSnapshot: function(uid, callback)
{
var profile = this._profilesIdMap[this._makeKey(uid, WebInspector.HeapSnapshotProfileType.TypeId)];
if (!profile)
return;
if (profile._loaded)
callback(profile);
else if (profile._is_loading)
profile._callbacks.push(callback);
else {
profile._is_loading = true;
profile._callbacks = [callback];
profile._json = "";
profile.sideBarElement.subtitle = WebInspector.UIString("Loading…");
InspectorBackend.getProfile(profile.typeId, profile.uid);
}
},
_addHeapSnapshotChunk: function(uid, chunk)
{
var profile = this._profilesIdMap[this._makeKey(uid, WebInspector.HeapSnapshotProfileType.TypeId)];
if (!profile || profile._loaded || !profile._is_loading)
return;
profile._json += chunk;
},
_finishHeapSnapshot: function(uid)
{
var profile = this._profilesIdMap[this._makeKey(uid, WebInspector.HeapSnapshotProfileType.TypeId)];
if (!profile || profile._loaded || !profile._is_loading)
return;
var callbacks = profile._callbacks;
delete profile._callbacks;
profile.sideBarElement.subtitle = WebInspector.UIString("Parsing…");
window.setTimeout(doParse, 0);
function doParse()
{
var loadedSnapshot = JSON.parse(profile._json);
delete profile._json;
delete profile._is_loading;
profile._loaded = true;
profile.sideBarElement.subtitle = "";
if (!Preferences.detailedHeapProfiles)
WebInspector.HeapSnapshotView.prototype.processLoadedSnapshot(profile, loadedSnapshot);
else
WebInspector.DetailedHeapshotView.prototype.processLoadedSnapshot(profile, loadedSnapshot);
for (var i = 0; i < callbacks.length; ++i)
callbacks[i](profile);
}
},
showView: function(view)
{
this.showProfile(view.profile);
},
getProfileType: function(typeId)
{
return this._profileTypesByIdMap[typeId];
},
showProfileForURL: function(url)
{
var match = url.match(WebInspector.ProfileType.URLRegExp);
if (!match)
return;
this.showProfile(this._profilesIdMap[this._makeKey(match[3], match[1])]);
},
updateProfileTypeButtons: function()
{
for (var typeId in this._profileTypeButtonsByIdMap) {
var buttonElement = this._profileTypeButtonsByIdMap[typeId];
var profileType = this.getProfileType(typeId);
buttonElement.className = profileType.buttonStyle;
buttonElement.title = profileType.buttonTooltip;
// FIXME: Apply profileType.buttonCaption once captions are added to button controls.
}
},
closeVisibleView: function()
{
if (this.visibleView)
this.visibleView.hide();
delete this.visibleView;
},
displayTitleForProfileLink: function(title, typeId)
{
title = unescape(title);
if (title.indexOf(UserInitiatedProfileName) === 0) {
title = WebInspector.UIString("Profile %d", title.substring(UserInitiatedProfileName.length + 1));
} else {
var titleKey = this._makeKey(title, typeId);
if (!(titleKey in this._profileGroupsForLinks))
this._profileGroupsForLinks[titleKey] = 0;
var groupNumber = ++this._profileGroupsForLinks[titleKey];
if (groupNumber > 2)
// The title is used in the console message announcing that a profile has started so it gets
// incremented twice as often as it's displayed
title += " " + WebInspector.UIString("Run %d", (groupNumber + 1) / 2);
}
return title;
},
get searchableViews()
{
var views = [];
var visibleView = this.visibleView;
if (visibleView && visibleView.performSearch)
views.push(visibleView);
var profilesLength = this._profiles.length;
for (var i = 0; i < profilesLength; ++i) {
var profile = this._profiles[i];
var view = profile.__profilesPanelProfileType.viewForProfile(profile);
if (!view.performSearch || view === visibleView)
continue;
views.push(view);
}
return views;
},
searchMatchFound: function(view, matches)
{
view.profile._profilesTreeElement.searchMatches = matches;
},
searchCanceled: function(startingNewSearch)
{
WebInspector.Panel.prototype.searchCanceled.call(this, startingNewSearch);
if (!this._profiles)
return;
for (var i = 0; i < this._profiles.length; ++i) {
var profile = this._profiles[i];
profile._profilesTreeElement.searchMatches = 0;
}
},
_updateInterface: function()
{
// FIXME: Replace ProfileType-specific button visibility changes by a single ProfileType-agnostic "combo-button" visibility change.
if (this._profilerEnabled) {
this.enableToggleButton.title = WebInspector.UIString("Profiling enabled. Click to disable.");
this.enableToggleButton.toggled = true;
for (var typeId in this._profileTypeButtonsByIdMap)
this._profileTypeButtonsByIdMap[typeId].removeStyleClass("hidden");
this.profileViewStatusBarItemsContainer.removeStyleClass("hidden");
this.clearResultsButton.element.removeStyleClass("hidden");
this.panelEnablerView.visible = false;
} else {
this.enableToggleButton.title = WebInspector.UIString("Profiling disabled. Click to enable.");
this.enableToggleButton.toggled = false;
for (var typeId in this._profileTypeButtonsByIdMap)
this._profileTypeButtonsByIdMap[typeId].addStyleClass("hidden");
this.profileViewStatusBarItemsContainer.addStyleClass("hidden");
this.clearResultsButton.element.addStyleClass("hidden");
this.panelEnablerView.visible = true;
}
},
_enableProfiling: function()
{
if (this._profilerEnabled)
return;
this._toggleProfiling(this.panelEnablerView.alwaysEnabled);
},
_toggleProfiling: function(optionalAlways)
{
if (this._profilerEnabled) {
WebInspector.settings.profilerEnabled = false;
InspectorBackend.disableProfiler(true);
} else {
WebInspector.settings.profilerEnabled = !!optionalAlways;
InspectorBackend.enableProfiler();
}
},
_populateProfiles: function()
{
if (!this._profilerEnabled || this._profilesWereRequested)
return;
function populateCallback(profileHeaders) {
profileHeaders.sort(function(a, b) { return a.uid - b.uid; });
var profileHeadersLength = profileHeaders.length;
for (var i = 0; i < profileHeadersLength; ++i)
if (!this.hasProfile(profileHeaders[i]))
this._addProfileHeader(profileHeaders[i]);
}
InspectorBackend.getProfileHeaders(populateCallback.bind(this));
this._profilesWereRequested = true;
},
updateMainViewWidth: function(width)
{
this.welcomeView.element.style.left = width + "px";
this.profileViews.style.left = width + "px";
this.profileViewStatusBarItemsContainer.style.left = Math.max(155, width) + "px";
this.resize();
},
_setRecordingProfile: function(isProfiling)
{
this.getProfileType(WebInspector.CPUProfileType.TypeId).setRecordingProfile(isProfiling);
if (this.hasTemporaryProfile(WebInspector.CPUProfileType.TypeId) !== isProfiling) {
if (!this._temporaryRecordingProfile) {
this._temporaryRecordingProfile = {
typeId: WebInspector.CPUProfileType.TypeId,
title: WebInspector.UIString("Recording…"),
uid: -1,
isTemporary: true
};
}
if (isProfiling)
this._addProfileHeader(this._temporaryRecordingProfile);
else
this._removeProfileHeader(this._temporaryRecordingProfile);
}
this.updateProfileTypeButtons();
},
takeHeapSnapshot: function(detailed)
{
if (!this.hasTemporaryProfile(WebInspector.HeapSnapshotProfileType.TypeId)) {
if (!this._temporaryTakingSnapshot) {
this._temporaryTakingSnapshot = {
typeId: WebInspector.HeapSnapshotProfileType.TypeId,
title: WebInspector.UIString("Snapshotting…"),
uid: -1,
isTemporary: true
};
}
this._addProfileHeader(this._temporaryTakingSnapshot);
}
InspectorBackend.takeHeapSnapshot(detailed);
},
_reportHeapSnapshotProgress: function(done, total)
{
if (this.hasTemporaryProfile(WebInspector.HeapSnapshotProfileType.TypeId)) {
this._temporaryTakingSnapshot.sideBarElement.subtitle = WebInspector.UIString("%.2f%%", (done / total) * 100);
if (done >= total)
this._removeProfileHeader(this._temporaryTakingSnapshot);
}
}
}
WebInspector.ProfilesPanel.prototype.__proto__ = WebInspector.Panel.prototype;
WebInspector.ProfilerDispatcher = function(profiler)
{
this._profiler = profiler;
}
WebInspector.ProfilerDispatcher.prototype = {
profilerWasEnabled: function()
{
this._profiler._profilerWasEnabled();
},
profilerWasDisabled: function()
{
this._profiler._profilerWasDisabled();
},
resetProfiles: function()
{
this._profiler._reset();
},
addProfileHeader: function(profile)
{
this._profiler._addProfileHeader(profile);
},
addHeapSnapshotChunk: function(uid, chunk)
{
this._profiler._addHeapSnapshotChunk(uid, chunk);
},
finishHeapSnapshot: function(uid)
{
this._profiler._finishHeapSnapshot(uid);
},
setRecordingProfile: function(isProfiling)
{
this._profiler._setRecordingProfile(isProfiling);
},
reportHeapSnapshotProgress: function(done, total)
{
this._profiler._reportHeapSnapshotProgress(done, total);
}
}
WebInspector.ProfileSidebarTreeElement = function(profile, titleFormat, className)
{
this.profile = profile;
this._titleFormat = titleFormat;
if (this.profile.title.indexOf(UserInitiatedProfileName) === 0)
this._profileNumber = this.profile.title.substring(UserInitiatedProfileName.length + 1);
WebInspector.SidebarTreeElement.call(this, className, "", "", profile, false);
this.refreshTitles();
}
WebInspector.ProfileSidebarTreeElement.prototype = {
onselect: function()
{
this.treeOutline.panel.showProfile(this.profile);
},
ondelete: function()
{
this.treeOutline.panel._removeProfileHeader(this.profile);
return true;
},
get mainTitle()
{
if (this._mainTitle)
return this._mainTitle;
if (this.profile.title.indexOf(UserInitiatedProfileName) === 0)
return WebInspector.UIString(this._titleFormat, this._profileNumber);
return this.profile.title;
},
set mainTitle(x)
{
this._mainTitle = x;
this.refreshTitles();
},
set searchMatches(matches)
{
if (!matches) {
if (!this.bubbleElement)
return;
this.bubbleElement.removeStyleClass("search-matches");
this.bubbleText = "";
return;
}
this.bubbleText = matches;
this.bubbleElement.addStyleClass("search-matches");
}
}
WebInspector.ProfileSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype;
WebInspector.ProfileGroupSidebarTreeElement = function(title, subtitle)
{
WebInspector.SidebarTreeElement.call(this, "profile-group-sidebar-tree-item", title, subtitle, null, true);
}
WebInspector.ProfileGroupSidebarTreeElement.prototype = {
onselect: function()
{
if (this.children.length > 0)
WebInspector.panels.profiles.showProfile(this.children[this.children.length - 1].profile);
}
}
WebInspector.ProfileGroupSidebarTreeElement.prototype.__proto__ = WebInspector.SidebarTreeElement.prototype;
================================================
FILE: buildin_modules/weinre/web/client/PropertiesSection.js
================================================
/*
* Copyright (C) 2007 Apple Inc. All rights reserved.
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.PropertiesSection = function(title, subtitle)
{
WebInspector.Section.call(this, title, subtitle);
this.headerElement.addStyleClass("monospace");
this.propertiesElement = document.createElement("ol");
this.propertiesElement.className = "properties properties-tree monospace";
this.propertiesElement.tabIndex = 0;
this.propertiesTreeOutline = new TreeOutline(this.propertiesElement);
this.propertiesTreeOutline.section = this;
this.element.appendChild(this.propertiesElement);
}
WebInspector.PropertiesSection.prototype.__proto__ = WebInspector.Section.prototype;
================================================
FILE: buildin_modules/weinre/web/client/PropertiesSidebarPane.js
================================================
/*
* Copyright (C) 2007 Apple Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.PropertiesSidebarPane = function()
{
WebInspector.SidebarPane.call(this, WebInspector.UIString("Properties"));
}
WebInspector.PropertiesSidebarPane.prototype = {
update: function(node)
{
var body = this.bodyElement;
if (!node) {
body.removeChildren();
this.sections = [];
return;
}
function callback(prototypes)
{
var body = this.bodyElement;
body.removeChildren();
this.sections = [];
// Get array of prototype user-friendly names.
for (var i = 0; i < prototypes.length; ++i) {
var prototype = WebInspector.RemoteObject.fromPayload(prototypes[i]);
var title = prototype.description;
if (title.match(/Prototype$/))
title = title.replace(/Prototype$/, "");
var section = new WebInspector.ObjectPropertiesSection(prototype, title);
this.sections.push(section);
body.appendChild(section.element);
}
}
InspectorBackend.getNodePrototypes(node.id, callback.bind(this));
}
}
WebInspector.PropertiesSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype;
================================================
FILE: buildin_modules/weinre/web/client/RemoteObject.js
================================================
/*
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.RemoteObject = function(objectId, type, description, hasChildren)
{
this._objectId = objectId;
this._type = type;
this._description = description;
this._hasChildren = hasChildren;
}
WebInspector.RemoteObject.fromPrimitiveValue = function(value)
{
return new WebInspector.RemoteObject(null, typeof value, value);
}
WebInspector.RemoteObject.fromLocalObject = function(value)
{
return new WebInspector.LocalJSONObject(value);
}
WebInspector.RemoteObject.resolveNode = function(node, callback)
{
function mycallback(object)
{
callback(object ? WebInspector.RemoteObject.fromPayload(object) : null);
}
InspectorBackend.resolveNode(node.id, mycallback);
}
WebInspector.RemoteObject.fromPayload = function(payload)
{
if (typeof payload === "object")
return new WebInspector.RemoteObject(payload.objectId, payload.type, payload.description, payload.hasChildren);
// FIXME: make sure we only get here with real payloads in the new DebuggerAgent.js.
return payload;
}
WebInspector.RemoteObject.type = function(remoteObject)
{
if (remoteObject === null)
return "null";
var type = typeof remoteObject;
if (type !== "object" && type !== "function")
return type;
return remoteObject.type;
}
WebInspector.RemoteObject.prototype = {
get objectId()
{
return this._objectId;
},
get type()
{
return this._type;
},
get description()
{
return this._description;
},
get hasChildren()
{
return this._hasChildren;
},
isError: function()
{
return this._type === "error";
},
getOwnProperties: function(abbreviate, callback)
{
this.getProperties(false, abbreviate, callback);
},
getProperties: function(ignoreHasOwnProperty, abbreviate, callback)
{
if (!this._objectId) {
callback([]);
return;
}
function remoteObjectBinder(properties)
{
for (var i = 0; properties && i < properties.length; ++i)
properties[i].value = WebInspector.RemoteObject.fromPayload(properties[i].value);
callback(properties);
}
InspectorBackend.getProperties(this._objectId, !!ignoreHasOwnProperty, abbreviate, remoteObjectBinder);
},
setPropertyValue: function(name, value, callback)
{
if (!this._objectId) {
callback(false);
return;
}
InspectorBackend.setPropertyValue(this._objectId, name, value, callback);
},
pushNodeToFrontend: function(callback)
{
InspectorBackend.pushNodeToFrontend(this._objectId, callback);
}
}
WebInspector.RemoteObjectProperty = function(name, value)
{
this.name = name;
this.value = value;
}
// The below is a wrapper around a local object that provides an interface comaptible
// with RemoteObject, to be used by the UI code (primarily ObjectPropertiesSection).
// Note that only JSON-compliant objects are currently supported, as there's no provision
// for traversing prototypes, extracting class names via constuctor, handling properties
// or functions.
WebInspector.LocalJSONObject = function(value)
{
this._value = value;
}
WebInspector.LocalJSONObject.prototype = {
get description()
{
var type = this.type;
switch (type) {
case "array":
return "[" + this._value.length + "]";
case "object":
return this.hasChildren ? "{...}" : "{ }";
default:
return JSON.stringify(this._value);
}
},
get type()
{
if (this._value === null)
return "null";
if (this._value instanceof Array)
return "array";
return typeof this._value;
},
get hasChildren()
{
return typeof this._value === "object" && this._value !== null && Object.keys(this._value).length;
},
getOwnProperties: function(abbreviate, callback)
{
return this.getProperties(false, abbreviate, callback);
},
getProperties: function(ignoreHasOwnProperty, abbreviate, callback)
{
function buildProperty(propName)
{
return new WebInspector.RemoteObjectProperty(propName, new WebInspector.LocalJSONObject(this._value[propName]));
}
callback(Object.keys(this._value).map(buildProperty.bind(this)));
},
isError: function()
{
return false;
}
}
================================================
FILE: buildin_modules/weinre/web/client/Resource.js
================================================
/*
* Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.Resource = function(identifier, url)
{
this.identifier = identifier;
this.url = url;
this._startTime = -1;
this._endTime = -1;
this._category = WebInspector.resourceCategories.other;
this._pendingContentCallbacks = [];
this._responseHeadersSize = 0;
}
// Keep these in sync with WebCore::InspectorResource::Type
WebInspector.Resource.Type = {
Document: 0,
Stylesheet: 1,
Image: 2,
Font: 3,
Script: 4,
XHR: 5,
WebSocket: 7,
Other: 8,
isTextType: function(type)
{
return (type === this.Document) || (type === this.Stylesheet) || (type === this.Script) || (type === this.XHR);
},
toUIString: function(type)
{
switch (type) {
case this.Document:
return WebInspector.UIString("Document");
case this.Stylesheet:
return WebInspector.UIString("Stylesheet");
case this.Image:
return WebInspector.UIString("Image");
case this.Font:
return WebInspector.UIString("Font");
case this.Script:
return WebInspector.UIString("Script");
case this.XHR:
return WebInspector.UIString("XHR");
case this.WebSocket:
return WebInspector.UIString("WebSocket");
case this.Other:
default:
return WebInspector.UIString("Other");
}
},
// Returns locale-independent string identifier of resource type (primarily for use in extension API).
// The IDs need to be kept in sync with webInspector.resoureces.Types object in ExtensionAPI.js.
toString: function(type)
{
switch (type) {
case this.Document:
return "document";
case this.Stylesheet:
return "stylesheet";
case this.Image:
return "image";
case this.Font:
return "font";
case this.Script:
return "script";
case this.XHR:
return "xhr";
case this.WebSocket:
return "websocket";
case this.Other:
default:
return "other";
}
}
}
WebInspector.Resource.prototype = {
get url()
{
return this._url;
},
set url(x)
{
if (this._url === x)
return;
this._url = x;
delete this._parsedQueryParameters;
var parsedURL = x.asParsedURL();
this.domain = parsedURL ? parsedURL.host : "";
this.path = parsedURL ? parsedURL.path : "";
this.lastPathComponent = "";
if (parsedURL && parsedURL.path) {
// First cut the query params.
var path = parsedURL.path;
var indexOfQuery = path.indexOf("?");
if (indexOfQuery !== -1)
path = path.substring(0, indexOfQuery);
// Then take last path component.
var lastSlashIndex = path.lastIndexOf("/");
if (lastSlashIndex !== -1)
this.lastPathComponent = path.substring(lastSlashIndex + 1);
}
this.lastPathComponentLowerCase = this.lastPathComponent.toLowerCase();
},
get documentURL()
{
return this._documentURL;
},
set documentURL(x)
{
this._documentURL = x;
},
get displayName()
{
if (this._displayName)
return this._displayName;
this._displayName = this.lastPathComponent;
if (!this._displayName)
this._displayName = this.displayDomain;
if (!this._displayName && this.url)
this._displayName = this.url.trimURL(WebInspector.mainResource ? WebInspector.mainResource.domain : "");
if (this._displayName === "/")
this._displayName = this.url;
return this._displayName;
},
get displayDomain()
{
// WebInspector.Database calls this, so don't access more than this.domain.
if (this.domain && (!WebInspector.mainResource || (WebInspector.mainResource && this.domain !== WebInspector.mainResource.domain)))
return this.domain;
return "";
},
get startTime()
{
return this._startTime || -1;
},
set startTime(x)
{
this._startTime = x;
},
get responseReceivedTime()
{
return this._responseReceivedTime || -1;
},
set responseReceivedTime(x)
{
this._responseReceivedTime = x;
},
get endTime()
{
return this._endTime || -1;
},
set endTime(x)
{
if (this.timing && this.timing.requestTime) {
// Check against accurate responseReceivedTime.
this._endTime = Math.max(x, this.responseReceivedTime);
} else {
// Prefer endTime since it might be from the network stack.
this._endTime = x;
if (this._responseReceivedTime > x)
this._responseReceivedTime = x;
}
},
get duration()
{
if (this._endTime === -1 || this._startTime === -1)
return -1;
return this._endTime - this._startTime;
},
get latency()
{
if (this._responseReceivedTime === -1 || this._startTime === -1)
return -1;
return this._responseReceivedTime - this._startTime;
},
get receiveDuration()
{
if (this._endTime === -1 || this._responseReceivedTime === -1)
return -1;
return this._endTime - this._responseReceivedTime;
},
get resourceSize()
{
return this._resourceSize || 0;
},
set resourceSize(x)
{
this._resourceSize = x;
},
get transferSize()
{
if (this.cached)
return 0;
if (this.statusCode === 304) // Not modified
return this._responseHeadersSize;
// FIXME: We prefer using Content-Length over resourceSize as
// resourceSize may differ from actual transfer size if platform's
// network stack performed decoding (e.g. gzip decompression).
// The Content-Length, though, is expected to come from raw
// response headers and will reflect actual transfer length.
// This won't work for chunked content encoding, so fall back to
// resourceSize when we don't have Content-Length. This still won't
// work for chunks with non-trivial encodings. We need a way to
// get actaul transfer size from the network stack.
var bodySize = Number(this.responseHeaders["Content-Length"] || this.resourceSize);
return this._responseHeadersSize + bodySize;
},
get expectedContentLength()
{
return this._expectedContentLength || 0;
},
set expectedContentLength(x)
{
this._expectedContentLength = x;
},
get finished()
{
return this._finished;
},
set finished(x)
{
if (this._finished === x)
return;
this._finished = x;
if (x) {
this._checkWarnings();
this.dispatchEventToListeners("finished");
if (this._pendingContentCallbacks.length)
this._innerRequestContent();
}
},
get failed()
{
return this._failed;
},
set failed(x)
{
this._failed = x;
},
get category()
{
return this._category;
},
set category(x)
{
this._category = x;
},
get cached()
{
return this._cached;
},
set cached(x)
{
this._cached = x;
if (x)
delete this._timing;
},
get timing()
{
return this._timing;
},
set timing(x)
{
if (x && !this._cached) {
// Take startTime and responseReceivedTime from timing data for better accuracy.
// Timing's requestTime is a baseline in seconds, rest of the numbers there are ticks in millis.
this._startTime = x.requestTime;
this._responseReceivedTime = x.requestTime + x.receiveHeadersEnd / 1000.0;
this._timing = x;
this.dispatchEventToListeners("timing changed");
}
},
get mimeType()
{
return this._mimeType;
},
set mimeType(x)
{
this._mimeType = x;
},
get type()
{
return this._type;
},
set type(x)
{
if (this._type === x)
return;
this._type = x;
switch (x) {
case WebInspector.Resource.Type.Document:
this.category = WebInspector.resourceCategories.documents;
break;
case WebInspector.Resource.Type.Stylesheet:
this.category = WebInspector.resourceCategories.stylesheets;
break;
case WebInspector.Resource.Type.Script:
this.category = WebInspector.resourceCategories.scripts;
break;
case WebInspector.Resource.Type.Image:
this.category = WebInspector.resourceCategories.images;
break;
case WebInspector.Resource.Type.Font:
this.category = WebInspector.resourceCategories.fonts;
break;
case WebInspector.Resource.Type.XHR:
this.category = WebInspector.resourceCategories.xhr;
break;
case WebInspector.Resource.Type.WebSocket:
this.category = WebInspector.resourceCategories.websockets;
break;
case WebInspector.Resource.Type.Other:
default:
this.category = WebInspector.resourceCategories.other;
break;
}
},
get requestHeaders()
{
return this._requestHeaders || {};
},
set requestHeaders(x)
{
this._requestHeaders = x;
delete this._sortedRequestHeaders;
delete this._requestCookies;
this.dispatchEventToListeners("requestHeaders changed");
},
get sortedRequestHeaders()
{
if (this._sortedRequestHeaders !== undefined)
return this._sortedRequestHeaders;
this._sortedRequestHeaders = [];
for (var key in this.requestHeaders)
this._sortedRequestHeaders.push({header: key, value: this.requestHeaders[key]});
this._sortedRequestHeaders.sort(function(a,b) { return a.header.localeCompare(b.header) });
return this._sortedRequestHeaders;
},
requestHeaderValue: function(headerName)
{
return this._headerValue(this.requestHeaders, headerName);
},
get requestCookies()
{
if (!this._requestCookies)
this._requestCookies = WebInspector.CookieParser.parseCookie(this.requestHeaderValue("Cookie"));
return this._requestCookies;
},
get requestFormData()
{
return this._requestFormData;
},
set requestFormData(x)
{
this._requestFormData = x;
delete this._parsedFormParameters;
},
get responseHeaders()
{
return this._responseHeaders || {};
},
set responseHeaders(x)
{
this._responseHeaders = x;
// FIXME: we should take actual headers size from network stack, when possible.
this._responseHeadersSize = this._headersSize(x);
delete this._sortedResponseHeaders;
delete this._responseCookies;
this.dispatchEventToListeners("responseHeaders changed");
},
get sortedResponseHeaders()
{
if (this._sortedResponseHeaders !== undefined)
return this._sortedResponseHeaders;
this._sortedResponseHeaders = [];
for (var key in this.responseHeaders)
this._sortedResponseHeaders.push({header: key, value: this.responseHeaders[key]});
this._sortedResponseHeaders.sort(function(a,b) { return a.header.localeCompare(b.header) });
return this._sortedResponseHeaders;
},
responseHeaderValue: function(headerName)
{
return this._headerValue(this.responseHeaders, headerName);
},
get responseCookies()
{
if (!this._responseCookies)
this._responseCookies = WebInspector.CookieParser.parseSetCookie(this.responseHeaderValue("Set-Cookie"));
return this._responseCookies;
},
get queryParameters()
{
if (this._parsedQueryParameters)
return this._parsedQueryParameters;
var queryString = this.url.split("?", 2)[1];
if (!queryString)
return;
this._parsedQueryParameters = this._parseParameters(queryString);
return this._parsedQueryParameters;
},
get formParameters()
{
if (this._parsedFormParameters)
return this._parsedFormParameters;
if (!this.requestFormData)
return;
var requestContentType = this.requestHeaderValue("Content-Type");
if (!requestContentType || !requestContentType.match(/^application\/x-www-form-urlencoded\s*(;.*)?$/i))
return;
this._parsedFormParameters = this._parseParameters(this.requestFormData);
return this._parsedFormParameters;
},
_parseParameters: function(queryString)
{
function parseNameValue(pair)
{
var parameter = {};
var splitPair = pair.split("=", 2);
parameter.name = splitPair[0];
if (splitPair.length === 1)
parameter.value = "";
else
parameter.value = splitPair[1];
return parameter;
}
return queryString.split("&").map(parseNameValue);
},
_headerValue: function(headers, headerName)
{
headerName = headerName.toLowerCase();
for (var header in headers) {
if (header.toLowerCase() === headerName)
return headers[header];
}
},
_headersSize: function(headers)
{
var size = 0;
for (var header in headers)
size += header.length + headers[header].length + 3; // _typical_ overhead per herader is ": ".length + "\n".length.
return size;
},
get errors()
{
return this._errors || 0;
},
set errors(x)
{
this._errors = x;
this.dispatchEventToListeners("errors-warnings-updated");
},
get warnings()
{
return this._warnings || 0;
},
set warnings(x)
{
this._warnings = x;
this.dispatchEventToListeners("errors-warnings-updated");
},
clearErrorsAndWarnings: function()
{
this._warnings = 0;
this._errors = 0;
this.dispatchEventToListeners("errors-warnings-updated");
},
_mimeTypeIsConsistentWithType: function()
{
// If status is an error, content is likely to be of an inconsistent type,
// as it's going to be an error message. We do not want to emit a warning
// for this, though, as this will already be reported as resource loading failure.
if (this.statusCode >= 400)
return true;
if (typeof this.type === "undefined"
|| this.type === WebInspector.Resource.Type.Other
|| this.type === WebInspector.Resource.Type.XHR
|| this.type === WebInspector.Resource.Type.WebSocket)
return true;
if (!this.mimeType)
return true; // Might be not known for cached resources with null responses.
if (this.mimeType in WebInspector.MIMETypes)
return this.type in WebInspector.MIMETypes[this.mimeType];
return false;
},
_checkWarnings: function()
{
for (var warning in WebInspector.Warnings)
this._checkWarning(WebInspector.Warnings[warning]);
},
_checkWarning: function(warning)
{
var msg;
switch (warning.id) {
case WebInspector.Warnings.IncorrectMIMEType.id:
if (!this._mimeTypeIsConsistentWithType())
msg = new WebInspector.ConsoleMessage(WebInspector.ConsoleMessage.MessageSource.Other,
WebInspector.ConsoleMessage.MessageType.Log,
WebInspector.ConsoleMessage.MessageLevel.Warning,
-1,
this.url,
1,
String.sprintf(WebInspector.Warnings.IncorrectMIMEType.message, WebInspector.Resource.Type.toUIString(this.type), this.mimeType),
null,
null);
break;
}
if (msg)
WebInspector.console.addMessage(msg);
},
get content()
{
return this._content;
},
get contentTimestamp()
{
return this._contentTimestamp;
},
setInitialContent: function(content)
{
this._content = content;
},
isLocallyModified: function()
{
return !!this._baseRevision;
},
setContent: function(newContent, onRevert)
{
var revisionResource = new WebInspector.Resource(null, this.url);
revisionResource.type = this.type;
revisionResource.loader = this.loader;
revisionResource.timestamp = this.timestamp;
revisionResource._content = this._content;
revisionResource._actualResource = this;
revisionResource._fireOnRevert = onRevert;
if (this.finished)
revisionResource.finished = true;
else {
function finished()
{
this.removeEventListener("finished", finished);
revisionResource.finished = true;
}
this.addEventListener("finished", finished.bind(this));
}
if (!this._baseRevision)
this._baseRevision = revisionResource;
else
revisionResource._baseRevision = this._baseRevision;
var data = { revision: revisionResource };
this._content = newContent;
this.timestamp = new Date();
this.dispatchEventToListeners("content-changed", data);
},
revertToThis: function()
{
if (!this._actualResource || !this._fireOnRevert)
return;
function callback(content)
{
if (content)
this._fireOnRevert(content);
}
this.requestContent(callback.bind(this));
},
get baseRevision()
{
return this._baseRevision;
},
requestContent: function(callback)
{
// We do not support content retrieval for WebSockets at the moment.
// Since WebSockets are potentially long-living, fail requests immediately
// to prevent caller blocking until resource is marked as finished.
if (this.type === WebInspector.Resource.Type.WebSocket) {
callback(null, null);
return;
}
if (typeof this._content !== "undefined") {
callback(this.content, this._contentEncoded);
return;
}
this._pendingContentCallbacks.push(callback);
if (this.finished)
this._innerRequestContent();
},
populateImageSource: function(image)
{
function onResourceContent()
{
image.src = this._contentURL();
}
if (Preferences.useDataURLForResourceImageIcons)
this.requestContent(onResourceContent.bind(this));
else
image.src = this.url;
},
_contentURL: function()
{
var maxDataUrlSize = 1024 * 1024;
// If resource content is not available or won't fit a data URL, fall back to using original URL.
if (this._content == null || this._content.length > maxDataUrlSize)
return this.url;
return "data:" + this.mimeType + (this._contentEncoded ? ";base64," : ",") + this._content;
},
_innerRequestContent: function()
{
if (this._contentRequested)
return;
this._contentRequested = true;
this._contentEncoded = !WebInspector.Resource.Type.isTextType(this.type);
function onResourceContent(data)
{
this._content = data;
var callbacks = this._pendingContentCallbacks.slice();
for (var i = 0; i < callbacks.length; ++i)
callbacks[i](this._content, this._contentEncoded);
this._pendingContentCallbacks.length = 0;
delete this._contentRequested;
}
WebInspector.networkManager.requestContent(this, this._contentEncoded, onResourceContent.bind(this));
}
}
WebInspector.Resource.prototype.__proto__ = WebInspector.Object.prototype;
================================================
FILE: buildin_modules/weinre/web/client/ResourceCategory.js
================================================
/*
* Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ResourceCategory = function(name, title, color)
{
this.name = name;
this.title = title;
this.color = color;
}
WebInspector.ResourceCategory.prototype = {
toString: function()
{
return this.title;
}
}
================================================
FILE: buildin_modules/weinre/web/client/ResourceCookiesView.js
================================================
/*
* Copyright (C) 2011 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ResourceCookiesView = function(resource)
{
WebInspector.View.call(this);
this.element.addStyleClass("resource-cookies-view");
this._resource = resource;
resource.addEventListener("requestHeaders changed", this.show, this);
resource.addEventListener("responseHeaders changed", this.show, this);
}
WebInspector.ResourceCookiesView.prototype = {
show: function(parentElement)
{
if (!this._resource.requestCookies && !this._resource.responseCookies) {
if (!this._emptyMsgElement) {
this._emptyMsgElement = document.createElement("div");
this._emptyMsgElement.className = "storage-empty-view";
this._emptyMsgElement.textContent = WebInspector.UIString("This request has no cookies.");
this.element.appendChild(this._emptyMsgElement);
}
WebInspector.View.prototype.show.call(this, parentElement);
return;
}
if (this._emptyMsgElement)
this._emptyMsgElement.parentElement.removeChild(this._emptyMsgElement);
if (!this._cookiesTable) {
this._cookiesTable = new WebInspector.CookiesTable(null, true, true);
this._cookiesTable.addCookiesFolder(WebInspector.UIString("Request Cookies"), this._resource.requestCookies);
this._cookiesTable.addCookiesFolder(WebInspector.UIString("Response Cookies"), this._resource.responseCookies);
this.element.appendChild(this._cookiesTable.element);
}
WebInspector.View.prototype.show.call(this, parentElement);
this._cookiesTable.updateWidths();
}
}
WebInspector.ResourceCookiesView.prototype.__proto__ = WebInspector.View.prototype;
================================================
FILE: buildin_modules/weinre/web/client/ResourceHeadersView.js
================================================
/*
* Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
* Copyright (C) IBM Corp. 2009 All rights reserved.
* Copyright (C) 2010 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ResourceHeadersView = function(resource)
{
WebInspector.View.call(this);
this.element.addStyleClass("resource-headers-view");
this._resource = resource;
this._headersListElement = document.createElement("ol");
this._headersListElement.className = "outline-disclosure";
this.element.appendChild(this._headersListElement);
this._headersTreeOutline = new TreeOutline(this._headersListElement);
this._headersTreeOutline.expandTreeElementsWhenArrowing = true;
this._urlTreeElement = new TreeElement("", null, false);
this._urlTreeElement.selectable = false;
this._headersTreeOutline.appendChild(this._urlTreeElement);
this._requestMethodTreeElement = new TreeElement("", null, false);
this._requestMethodTreeElement.selectable = false;
this._headersTreeOutline.appendChild(this._requestMethodTreeElement);
this._statusCodeTreeElement = new TreeElement("", null, false);
this._statusCodeTreeElement.selectable = false;
this._headersTreeOutline.appendChild(this._statusCodeTreeElement);
this._requestHeadersTreeElement = new TreeElement("", null, true);
this._requestHeadersTreeElement.expanded = true;
this._requestHeadersTreeElement.selectable = false;
this._headersTreeOutline.appendChild(this._requestHeadersTreeElement);
this._decodeHover = WebInspector.UIString("Double-Click to toggle between URL encoded and decoded formats");
this._decodeRequestParameters = true;
this._queryStringTreeElement = new TreeElement("", null, true);
this._queryStringTreeElement.expanded = true;
this._queryStringTreeElement.selectable = false;
this._queryStringTreeElement.hidden = true;
this._headersTreeOutline.appendChild(this._queryStringTreeElement);
this._formDataTreeElement = new TreeElement("", null, true);
this._formDataTreeElement.expanded = true;
this._formDataTreeElement.selectable = false;
this._formDataTreeElement.hidden = true;
this._headersTreeOutline.appendChild(this._formDataTreeElement);
this._requestPayloadTreeElement = new TreeElement(WebInspector.UIString("Request Payload"), null, true);
this._requestPayloadTreeElement.expanded = true;
this._requestPayloadTreeElement.selectable = false;
this._requestPayloadTreeElement.hidden = true;
this._headersTreeOutline.appendChild(this._requestPayloadTreeElement);
this._responseHeadersTreeElement = new TreeElement("", null, true);
this._responseHeadersTreeElement.expanded = true;
this._responseHeadersTreeElement.selectable = false;
this._headersTreeOutline.appendChild(this._responseHeadersTreeElement);
resource.addEventListener("requestHeaders changed", this._refreshRequestHeaders, this);
resource.addEventListener("responseHeaders changed", this._refreshResponseHeaders, this);
resource.addEventListener("finished", this._refreshHTTPInformation, this);
this._refreshURL();
this._refreshQueryString();
this._refreshRequestHeaders();
this._refreshResponseHeaders();
this._refreshHTTPInformation();
}
WebInspector.ResourceHeadersView.prototype = {
_refreshURL: function()
{
this._urlTreeElement.titleHTML = "" + WebInspector.UIString("Request URL") + ":
" +
"" + this._resource.url.escapeHTML() + "
";
},
_refreshQueryString: function()
{
var queryParameters = this._resource.queryParameters;
this._queryStringTreeElement.hidden = !queryParameters;
if (queryParameters)
this._refreshParms(WebInspector.UIString("Query String Parameters"), queryParameters, this._queryStringTreeElement);
},
_refreshFormData: function()
{
this._formDataTreeElement.hidden = true;
this._requestPayloadTreeElement.hidden = true;
var formData = this._resource.requestFormData;
if (!formData)
return;
var formParameters = this._resource.formParameters;
if (formParameters) {
this._formDataTreeElement.hidden = false;
this._refreshParms(WebInspector.UIString("Form Data"), formParameters, this._formDataTreeElement);
} else {
this._requestPayloadTreeElement.hidden = false;
this._refreshRequestPayload(formData);
}
},
_refreshRequestPayload: function(formData)
{
this._requestPayloadTreeElement.removeChildren();
var title = "" + formData.escapeHTML() + "
";
var parmTreeElement = new TreeElement(null, null, false);
parmTreeElement.titleHTML = title;
parmTreeElement.selectable = false;
this._requestPayloadTreeElement.appendChild(parmTreeElement);
},
_refreshParms: function(title, parms, parmsTreeElement)
{
parmsTreeElement.removeChildren();
parmsTreeElement.titleHTML = title + "" + WebInspector.UIString(" (%d)", parms.length) + "";
for (var i = 0; i < parms.length; ++i) {
var name = parms[i].name;
var value = parms[i].value;
var errorDecoding = false;
if (this._decodeRequestParameters) {
if (value.indexOf("%") >= 0) {
try {
value = decodeURIComponent(value);
} catch(e) {
errorDecoding = true;
}
}
value = value.replace(/\+/g, " ");
}
valueEscaped = value.escapeHTML();
if (errorDecoding)
valueEscaped += " ";
var title = "" + name.escapeHTML() + ":
";
title += "" + valueEscaped + "
";
var parmTreeElement = new TreeElement(null, null, false);
parmTreeElement.titleHTML = title;
parmTreeElement.selectable = false;
parmTreeElement.tooltip = this._decodeHover;
parmTreeElement.ondblclick = this._toggleURLdecoding.bind(this);
parmsTreeElement.appendChild(parmTreeElement);
}
},
_toggleURLdecoding: function(event)
{
this._decodeRequestParameters = !this._decodeRequestParameters;
this._refreshQueryString();
this._refreshFormData();
},
_getHeaderValue: function(headers, key)
{
var lowerKey = key.toLowerCase();
for (var testKey in headers) {
if (testKey.toLowerCase() === lowerKey)
return headers[testKey];
}
},
_refreshRequestHeaders: function()
{
var additionalRow = null;
if (typeof this._resource.webSocketRequestKey3 !== "undefined")
additionalRow = {header: "(Key3)", value: this._resource.webSocketRequestKey3};
this._refreshHeaders(WebInspector.UIString("Request Headers"), this._resource.sortedRequestHeaders, additionalRow, this._requestHeadersTreeElement);
this._refreshFormData();
},
_refreshResponseHeaders: function()
{
var additionalRow = null;
if (typeof this._resource.webSocketChallengeResponse !== "undefined")
additionalRow = {header: "(Challenge Response)", value: this._resource.webSocketChallengeResponse};
this._refreshHeaders(WebInspector.UIString("Response Headers"), this._resource.sortedResponseHeaders, additionalRow, this._responseHeadersTreeElement);
},
_refreshHTTPInformation: function()
{
var requestMethodElement = this._requestMethodTreeElement;
requestMethodElement.hidden = !this._resource.statusCode;
var statusCodeElement = this._statusCodeTreeElement;
statusCodeElement.hidden = !this._resource.statusCode;
var statusCodeImage = "";
if (this._resource.statusCode) {
var statusImageSource = "";
if (this._resource.statusCode < 300 || this._resource.statusCode === 304)
statusImageSource = "Images/successGreenDot.png";
else if (this._resource.statusCode < 400)
statusImageSource = "Images/warningOrangeDot.png";
else
statusImageSource = "Images/errorRedDot.png";
var statusTextEscaped = this._resource.statusCode + " " + this._resource.statusText.escapeHTML();
statusCodeImage = "" + WebInspector.UIString("Request Method") + ":
" +
"" + this._resource.requestMethod + "
";
statusCodeElement.titleHTML = "" + WebInspector.UIString("Status Code") + ":
" +
statusCodeImage + "" + statusTextEscaped + "
";
}
},
_refreshHeaders: function(title, headers, additionalRow, headersTreeElement)
{
headersTreeElement.removeChildren();
var length = headers.length;
headersTreeElement.titleHTML = title.escapeHTML() + "" + WebInspector.UIString(" (%d)", length) + "";
headersTreeElement.hidden = !length;
var length = headers.length;
for (var i = 0; i < length; ++i) {
var title = "" + headers[i].header.escapeHTML() + ":
";
title += "" + headers[i].value.escapeHTML() + "
"
var headerTreeElement = new TreeElement(null, null, false);
headerTreeElement.titleHTML = title;
headerTreeElement.selectable = false;
headersTreeElement.appendChild(headerTreeElement);
}
if (additionalRow) {
var title = "" + additionalRow.header.escapeHTML() + ":
";
title += "" + additionalRow.value.escapeHTML() + "
"
var headerTreeElement = new TreeElement(null, null, false);
headerTreeElement.titleHTML = title;
headerTreeElement.selectable = false;
headersTreeElement.appendChild(headerTreeElement);
}
}
}
WebInspector.ResourceHeadersView.prototype.__proto__ = WebInspector.View.prototype;
================================================
FILE: buildin_modules/weinre/web/client/ResourceTimingView.js
================================================
/*
* Copyright (C) 2010 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ResourceTimingView = function(resource)
{
WebInspector.View.call(this);
this.element.addStyleClass("resource-timing-view");
this._resource = resource;
resource.addEventListener("timing changed", this._refresh, this);
}
WebInspector.ResourceTimingView.prototype = {
show: function(parentElement)
{
if (!this._resource.timing) {
if (!this._emptyMsgElement) {
this._emptyMsgElement = document.createElement("div");
this._emptyMsgElement.className = "storage-empty-view";
this._emptyMsgElement.textContent = WebInspector.UIString("This request has no detailed timing info.");
this.element.appendChild(this._emptyMsgElement);
}
WebInspector.View.prototype.show.call(this, parentElement);
return;
}
if (this._emptyMsgElement)
this._emptyMsgElement.parentElement.removeChild(this._emptyMsgElement);
this._refresh();
WebInspector.View.prototype.show.call(this, parentElement);
},
_refresh: function()
{
if (this._tableElement)
this._tableElement.parentElement.removeChild(this._tableElement);
this._tableElement = WebInspector.ResourceTimingView.createTimingTable(this._resource);
this.element.appendChild(this._tableElement);
}
}
WebInspector.ResourceTimingView.createTimingTable = function(resource)
{
var tableElement = document.createElement("table");
var rows = [];
function addRow(title, className, start, end, color)
{
var row = {};
row.title = title;
row.className = className;
row.start = start;
row.end = end;
rows.push(row);
}
if (resource.timing.proxyStart !== -1)
addRow(WebInspector.UIString("Proxy"), "proxy", resource.timing.proxyStart, resource.timing.proxyEnd);
if (resource.timing.dnsStart !== -1)
addRow(WebInspector.UIString("DNS Lookup"), "dns", resource.timing.dnsStart, resource.timing.dnsEnd);
if (resource.timing.connectStart !== -1) {
if (resource.connectionReused)
addRow(WebInspector.UIString("Blocking"), "connecting", resource.timing.connectStart, resource.timing.connectEnd);
else {
var connectStart = resource.timing.connectStart;
// Connection includes DNS, subtract it here.
if (resource.timing.dnsStart !== -1)
connectStart += resource.timing.dnsEnd - resource.timing.dnsStart;
addRow(WebInspector.UIString("Connecting"), "connecting", connectStart, resource.timing.connectEnd);
}
}
if (resource.timing.sslStart !== -1)
addRow(WebInspector.UIString("SSL"), "ssl", resource.timing.sslStart, resource.timing.sslEnd);
var sendStart = resource.timing.sendStart;
if (resource.timing.sslStart !== -1)
sendStart += resource.timing.sslEnd - resource.timing.sslStart;
addRow(WebInspector.UIString("Sending"), "sending", resource.timing.sendStart, resource.timing.sendEnd);
addRow(WebInspector.UIString("Waiting"), "waiting", resource.timing.sendEnd, resource.timing.receiveHeadersEnd);
addRow(WebInspector.UIString("Receiving"), "receiving", (resource.responseReceivedTime - resource.timing.requestTime) * 1000, (resource.endTime - resource.timing.requestTime) * 1000);
var chartWidth = 200;
var total = (resource.endTime - resource.timing.requestTime) * 1000;
var scale = chartWidth / total;
for (var i = 0; i < rows.length; ++i) {
var tr = document.createElement("tr");
tableElement.appendChild(tr);
var td = document.createElement("td");
td.textContent = rows[i].title;
tr.appendChild(td);
td = document.createElement("td");
td.width = chartWidth + "px";
var row = document.createElement("div");
row.className = "network-timing-row";
td.appendChild(row);
var bar = document.createElement("span");
bar.className = "network-timing-bar " + rows[i].className;
bar.style.left = scale * rows[i].start + "px";
bar.style.right = scale * (total - rows[i].end) + "px";
bar.style.backgroundColor = rows[i].color;
bar.textContent = "\u200B"; // Important for 0-time items to have 0 width.
row.appendChild(bar);
var title = document.createElement("span");
title.className = "network-timing-bar-title";
if (total - rows[i].end < rows[i].start)
title.style.right = (scale * (total - rows[i].end) + 3) + "px";
else
title.style.left = (scale * rows[i].start + 3) + "px";
title.textContent = Number.millisToString(rows[i].end - rows[i].start);
row.appendChild(title);
tr.appendChild(td);
}
return tableElement;
}
WebInspector.ResourceTimingView.prototype.__proto__ = WebInspector.View.prototype;
================================================
FILE: buildin_modules/weinre/web/client/ResourceTreeModel.js
================================================
/*
* Copyright (C) 2011 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ResourceTreeModel = function()
{
this.reset();
}
WebInspector.ResourceTreeModel.prototype = {
reset: function()
{
this._resourcesByURL = {};
this._resourcesByFrameId = {};
this._subframes = {};
if (WebInspector.panels)
WebInspector.panels.resources.clear();
},
addOrUpdateFrame: function(frame)
{
var tmpResource = new WebInspector.Resource(null, frame.url);
WebInspector.panels.resources.addOrUpdateFrame(frame.parentId, frame.id, frame.name, tmpResource.displayName);
var subframes = this._subframes[frame.parentId];
if (!subframes) {
subframes = {};
this._subframes[frame.parentId || 0] = subframes;
}
subframes[frame.id] = true;
},
didCommitLoadForFrame: function(frame, loader)
{
// frame.parentId === 0 is when main frame navigation happens.
this._clearChildFramesAndResources(frame.parentId ? frame.id : 0, loader.loaderId);
this.addOrUpdateFrame(frame);
var resourcesForFrame = this._resourcesByFrameId[frame.id];
for (var i = 0; resourcesForFrame && i < resourcesForFrame.length; ++i)
WebInspector.panels.resources.addResourceToFrame(frame.id, resourcesForFrame[i]);
},
frameDetachedFromParent: function(frameId)
{
this._clearChildFramesAndResources(frameId, 0);
WebInspector.panels.resources.removeFrame(frameId);
},
addResourceToFrame: function(frameId, resource)
{
var resourcesForFrame = this._resourcesByFrameId[frameId];
if (!resourcesForFrame) {
resourcesForFrame = [];
this._resourcesByFrameId[frameId] = resourcesForFrame;
}
resourcesForFrame.push(resource);
this._bindResourceURL(resource);
WebInspector.panels.resources.addResourceToFrame(frameId, resource);
},
forAllResources: function(callback)
{
this._callForFrameResources(0, callback);
},
addConsoleMessage: function(msg)
{
var resource = this.resourceForURL(msg.url);
if (!resource)
return;
switch (msg.level) {
case WebInspector.ConsoleMessage.MessageLevel.Warning:
resource.warnings += msg.repeatDelta;
break;
case WebInspector.ConsoleMessage.MessageLevel.Error:
resource.errors += msg.repeatDelta;
break;
}
var view = WebInspector.ResourceView.resourceViewForResource(resource);
if (view.addMessage)
view.addMessage(msg);
},
clearConsoleMessages: function()
{
function callback(resource)
{
resource.clearErrorsAndWarnings();
}
this.forAllResources(callback);
},
resourceForURL: function(url)
{
// FIXME: receive frameId here.
var entry = this._resourcesByURL[url];
if (entry instanceof Array)
return entry[0];
return entry;
},
_bindResourceURL: function(resource)
{
var resourceForURL = this._resourcesByURL[resource.url];
if (!resourceForURL)
this._resourcesByURL[resource.url] = resource;
else if (resourceForURL instanceof Array)
resourceForURL.push(resource);
else
this._resourcesByURL[resource.url] = [resourceForURL, resource];
},
_clearChildFramesAndResources: function(frameId, loaderId)
{
WebInspector.panels.resources.removeResourcesFromFrame(frameId);
this._clearResources(frameId, loaderId);
var subframes = this._subframes[frameId];
if (!subframes)
return;
for (var childFrameId in subframes) {
WebInspector.panels.resources.removeFrame(childFrameId);
this._clearChildFramesAndResources(childFrameId, loaderId);
}
delete this._subframes[frameId];
},
_clearResources: function(frameId, loaderToPreserveId)
{
var resourcesForFrame = this._resourcesByFrameId[frameId];
if (!resourcesForFrame)
return;
var preservedResourcesForFrame = [];
for (var i = 0; i < resourcesForFrame.length; ++i) {
var resource = resourcesForFrame[i];
if (resource.loader.loaderId === loaderToPreserveId) {
preservedResourcesForFrame.push(resource);
continue;
}
this._unbindResourceURL(resource);
}
delete this._resourcesByFrameId[frameId];
if (preservedResourcesForFrame.length)
this._resourcesByFrameId[frameId] = preservedResourcesForFrame;
},
_callForFrameResources: function(frameId, callback)
{
var resources = this._resourcesByFrameId[frameId];
for (var i = 0; resources && i < resources.length; ++i) {
if (callback(resources[i]))
return true;
}
var frames = this._subframes[frameId];
if (frames) {
for (var id in frames) {
if (this._callForFrameResources(id, callback))
return true;
}
}
return false;
},
_unbindResourceURL: function(resource)
{
var resourceForURL = this._resourcesByURL[resource.url];
if (!resourceForURL)
return;
if (resourceForURL instanceof Array) {
resourceForURL.remove(resource, true);
if (resourceForURL.length === 1)
this._resourcesByURL[resource.url] = resourceForURL[0];
return;
}
delete this._resourcesByURL[resource.url];
}
}
================================================
FILE: buildin_modules/weinre/web/client/ResourceView.js
================================================
/*
* Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
* Copyright (C) IBM Corp. 2009 All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ResourceView = function(resource)
{
WebInspector.View.call(this);
this.element.addStyleClass("resource-view");
this.resource = resource;
}
WebInspector.ResourceView.prototype = {
hasContent: function()
{
return false;
}
}
WebInspector.ResourceView.prototype.__proto__ = WebInspector.View.prototype;
WebInspector.ResourceView.createResourceView = function(resource)
{
switch (resource.category) {
case WebInspector.resourceCategories.documents:
case WebInspector.resourceCategories.stylesheets:
case WebInspector.resourceCategories.scripts:
case WebInspector.resourceCategories.xhr:
var contentProvider = new WebInspector.SourceFrameContentProviderForResource(resource);
var isScript = resource.type === WebInspector.Resource.Type.Script;
var view = new WebInspector.SourceFrame(contentProvider, resource.url, isScript);
view.resource = resource;
return view;
case WebInspector.resourceCategories.images:
return new WebInspector.ImageView(resource);
case WebInspector.resourceCategories.fonts:
return new WebInspector.FontView(resource);
default:
return new WebInspector.ResourceView(resource);
}
}
WebInspector.ResourceView.resourceViewTypeMatchesResource = function(resource)
{
var resourceView = resource._resourcesView;
switch (resource.category) {
case WebInspector.resourceCategories.documents:
case WebInspector.resourceCategories.stylesheets:
case WebInspector.resourceCategories.scripts:
case WebInspector.resourceCategories.xhr:
return resourceView.__proto__ === WebInspector.SourceFrame.prototype;
case WebInspector.resourceCategories.images:
return resourceView.__proto__ === WebInspector.ImageView.prototype;
case WebInspector.resourceCategories.fonts:
return resourceView.__proto__ === WebInspector.FontView.prototype;
default:
return resourceView.__proto__ === WebInspector.ResourceView.prototype;
}
}
WebInspector.ResourceView.resourceViewForResource = function(resource)
{
if (!resource)
return null;
if (!resource._resourcesView)
resource._resourcesView = WebInspector.ResourceView.createResourceView(resource);
return resource._resourcesView;
}
WebInspector.ResourceView.recreateResourceView = function(resource)
{
var newView = WebInspector.ResourceView.createResourceView(resource);
var oldView = resource._resourcesView;
var oldViewParentNode = oldView.visible ? oldView.element.parentNode : null;
var scrollTop = oldView.scrollTop;
resource._resourcesView.detach();
delete resource._resourcesView;
resource._resourcesView = newView;
if (oldViewParentNode)
newView.show(oldViewParentNode);
if (scrollTop)
newView.scrollTop = scrollTop;
return newView;
}
WebInspector.ResourceView.existingResourceViewForResource = function(resource)
{
if (!resource)
return null;
return resource._resourcesView;
}
WebInspector.SourceFrameContentProviderForResource = function(resource)
{
WebInspector.SourceFrameContentProvider.call(this);
this._resource = resource;
}
//This is a map from resource.type to mime types
//found in WebInspector.SourceTokenizer.Registry.
WebInspector.SourceFrameContentProviderForResource.DefaultMIMETypeForResourceType = {
0: "text/html",
1: "text/css",
4: "text/javascript"
}
WebInspector.SourceFrameContentProviderForResource.prototype = {
requestContent: function(callback)
{
function contentLoaded(text)
{
var mimeType = WebInspector.SourceFrameContentProviderForResource.DefaultMIMETypeForResourceType[this._resource.type] || this._resource.mimeType;
if (this._resource.type !== WebInspector.Resource.Type.Script) {
// WebKit html lexer normalizes line endings and scripts are passed to VM with "\n" line endings.
// However, resource content has original line endings, so we have to normalize line endings here.
text = text.replace(/\r\n/g, "\n");
}
var sourceMapping = new WebInspector.IdenticalSourceMapping();
var scripts = WebInspector.debuggerModel.scriptsForURL(this._resource.url);
var scriptRanges = WebInspector.ScriptFormatter.findScriptRanges(text.lineEndings(), scripts);
callback(mimeType, new WebInspector.SourceFrameContent(text, sourceMapping, scriptRanges));
}
this._resource.requestContent(contentLoaded.bind(this));
}
}
WebInspector.SourceFrameContentProviderForResource.prototype.__proto__ = WebInspector.SourceFrameContentProvider.prototype;
================================================
FILE: buildin_modules/weinre/web/client/ResourcesPanel.js
================================================
/*
* Copyright (C) 2007, 2008, 2010 Apple Inc. All rights reserved.
* Copyright (C) 2009 Joseph Pecoraro
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ResourcesPanel = function(database)
{
WebInspector.Panel.call(this, "resources");
WebInspector.settings.installApplicationSetting("resourcesLastSelectedItem", {});
this.createSidebar();
this.sidebarElement.addStyleClass("outline-disclosure filter-all children small");
this.sidebarTreeElement.removeStyleClass("sidebar-tree");
this.resourcesListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Frames"), "Frames", "frame-storage-tree-item");
this.sidebarTree.appendChild(this.resourcesListTreeElement);
this._treeElementForFrameId = {};
this.databasesListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Databases"), "Databases", "database-storage-tree-item");
this.sidebarTree.appendChild(this.databasesListTreeElement);
this.localStorageListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Local Storage"), "LocalStorage", "domstorage-storage-tree-item local-storage");
this.sidebarTree.appendChild(this.localStorageListTreeElement);
this.sessionStorageListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Session Storage"), "SessionStorage", "domstorage-storage-tree-item session-storage");
this.sidebarTree.appendChild(this.sessionStorageListTreeElement);
this.cookieListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Cookies"), "Cookies", "cookie-storage-tree-item");
this.sidebarTree.appendChild(this.cookieListTreeElement);
this.applicationCacheListTreeElement = new WebInspector.StorageCategoryTreeElement(this, WebInspector.UIString("Application Cache"), "ApplicationCache", "application-cache-storage-tree-item");
this.sidebarTree.appendChild(this.applicationCacheListTreeElement);
this.storageViews = document.createElement("div");
this.storageViews.id = "storage-views";
this.storageViews.className = "diff-container";
this.element.appendChild(this.storageViews);
this.storageViewStatusBarItemsContainer = document.createElement("div");
this.storageViewStatusBarItemsContainer.className = "status-bar-items";
this._databases = [];
this._domStorage = [];
this._cookieViews = {};
this._origins = {};
this._domains = {};
this.sidebarElement.addEventListener("mousemove", this._onmousemove.bind(this), false);
this.sidebarElement.addEventListener("mouseout", this._onmouseout.bind(this), false);
WebInspector.networkManager.addEventListener(WebInspector.NetworkManager.EventTypes.ResourceUpdated, this._refreshResource, this);
}
WebInspector.ResourcesPanel.prototype = {
get toolbarItemLabel()
{
return WebInspector.UIString("Resources");
},
get statusBarItems()
{
return [this.storageViewStatusBarItemsContainer];
},
elementsToRestoreScrollPositionsFor: function()
{
return [this.sidebarElement];
},
show: function()
{
WebInspector.Panel.prototype.show.call(this);
if (this.visibleView && this.visibleView.resource)
this._showResourceView(this.visibleView.resource);
this._initDefaultSelection();
},
loadEventFired: function()
{
this._initDefaultSelection();
},
_initDefaultSelection: function()
{
if (this._initializedDefaultSelection)
return;
this._initializedDefaultSelection = true;
var itemURL = WebInspector.settings.resourcesLastSelectedItem;
if (itemURL) {
for (var treeElement = this.sidebarTree.children[0]; treeElement; treeElement = treeElement.traverseNextTreeElement(false, this.sidebarTree, true)) {
if (treeElement.itemURL === itemURL) {
treeElement.select();
treeElement.reveal();
return;
}
}
}
if (WebInspector.mainResource && this.resourcesListTreeElement && this.resourcesListTreeElement.expanded)
this.showResource(WebInspector.mainResource);
},
reset: function()
{
delete this._initializedDefaultSelection;
this._origins = {};
this._domains = {};
for (var i = 0; i < this._databases.length; ++i) {
var database = this._databases[i];
delete database._tableViews;
delete database._queryView;
}
this._databases = [];
var domStorageLength = this._domStorage.length;
for (var i = 0; i < this._domStorage.length; ++i) {
var domStorage = this._domStorage[i];
delete domStorage._domStorageView;
}
this._domStorage = [];
this._cookieViews = {};
this._applicationCacheView = null;
delete this._cachedApplicationCacheViewStatus;
this.databasesListTreeElement.removeChildren();
this.localStorageListTreeElement.removeChildren();
this.sessionStorageListTreeElement.removeChildren();
this.cookieListTreeElement.removeChildren();
this.applicationCacheListTreeElement.removeChildren();
this.storageViews.removeChildren();
this.storageViewStatusBarItemsContainer.removeChildren();
if (this.sidebarTree.selectedTreeElement)
this.sidebarTree.selectedTreeElement.deselect();
},
clear: function()
{
this.resourcesListTreeElement.removeChildren();
this._treeElementForFrameId = {};
this.reset();
},
addOrUpdateFrame: function(parentFrameId, frameId, title, subtitle)
{
var frameTreeElement = this._treeElementForFrameId[frameId];
if (frameTreeElement) {
frameTreeElement.setTitles(title, subtitle);
return;
}
var parentTreeElement = parentFrameId ? this._treeElementForFrameId[parentFrameId] : this.resourcesListTreeElement;
if (!parentTreeElement) {
console.warning("No frame with id:" + parentFrameId + " to route " + displayName + " to.")
return;
}
var frameTreeElement = new WebInspector.FrameTreeElement(this, frameId, title, subtitle);
this._treeElementForFrameId[frameId] = frameTreeElement;
// Insert in the alphabetical order, first frames, then resources.
var children = parentTreeElement.children;
for (var i = 0; i < children.length; ++i) {
var child = children[i];
if (!(child instanceof WebInspector.FrameTreeElement)) {
parentTreeElement.insertChild(frameTreeElement, i);
return;
}
if (child.displayName.localeCompare(frameTreeElement.displayName) > 0) {
parentTreeElement.insertChild(frameTreeElement, i);
return;
}
}
parentTreeElement.appendChild(frameTreeElement);
},
removeFrame: function(frameId)
{
var frameTreeElement = this._treeElementForFrameId[frameId];
if (!frameTreeElement)
return;
delete this._treeElementForFrameId[frameId];
if (frameTreeElement.parent)
frameTreeElement.parent.removeChild(frameTreeElement);
},
addResourceToFrame: function(frameId, resource)
{
this.addDocumentURL(resource.documentURL);
if (resource.statusCode >= 301 && resource.statusCode <= 303)
return;
var frameTreeElement = this._treeElementForFrameId[frameId];
if (!frameTreeElement) {
// This is a frame's main resource, it will be retained
// and re-added by the resource manager;
return;
}
var resourceTreeElement = new WebInspector.FrameResourceTreeElement(this, resource);
// Insert in the alphabetical order, first frames, then resources. Document resource goes first.
var children = frameTreeElement.children;
for (var i = 0; i < children.length; ++i) {
var child = children[i];
if (!(child instanceof WebInspector.FrameResourceTreeElement))
continue;
if (resource.type === WebInspector.Resource.Type.Document ||
(child._resource.type !== WebInspector.Resource.Type.Document && child._resource.displayName.localeCompare(resource.displayName) > 0)) {
frameTreeElement.insertChild(resourceTreeElement, i);
return;
}
}
frameTreeElement.appendChild(resourceTreeElement);
},
removeResourcesFromFrame: function(frameId)
{
var frameTreeElement = this._treeElementForFrameId[frameId];
if (frameTreeElement)
frameTreeElement.removeChildren();
},
_refreshResource: function(event)
{
var resource = event.data;
// FIXME: do not add XHR in the first place based on the native instrumentation.
if (resource.type === WebInspector.Resource.Type.XHR) {
var resourceTreeElement = this._findTreeElementForResource(resource);
if (resourceTreeElement)
resourceTreeElement.parent.removeChild(resourceTreeElement);
}
},
addDatabase: function(database)
{
this._databases.push(database);
var databaseTreeElement = new WebInspector.DatabaseTreeElement(this, database);
database._databasesTreeElement = databaseTreeElement;
this.databasesListTreeElement.appendChild(databaseTreeElement);
},
addDocumentURL: function(url)
{
var parsedURL = url.asParsedURL();
if (!parsedURL)
return;
var domain = parsedURL.host;
if (!this._domains[domain]) {
this._domains[domain] = true;
var cookieDomainTreeElement = new WebInspector.CookieTreeElement(this, domain);
this.cookieListTreeElement.appendChild(cookieDomainTreeElement);
var applicationCacheTreeElement = new WebInspector.ApplicationCacheTreeElement(this, domain);
this.applicationCacheListTreeElement.appendChild(applicationCacheTreeElement);
}
},
addDOMStorage: function(domStorage)
{
this._domStorage.push(domStorage);
var domStorageTreeElement = new WebInspector.DOMStorageTreeElement(this, domStorage, (domStorage.isLocalStorage ? "local-storage" : "session-storage"));
domStorage._domStorageTreeElement = domStorageTreeElement;
if (domStorage.isLocalStorage)
this.localStorageListTreeElement.appendChild(domStorageTreeElement);
else
this.sessionStorageListTreeElement.appendChild(domStorageTreeElement);
},
selectDatabase: function(databaseId)
{
var database;
for (var i = 0, len = this._databases.length; i < len; ++i) {
database = this._databases[i];
if (database.id === databaseId) {
this.showDatabase(database);
database._databasesTreeElement.select();
return;
}
}
},
selectDOMStorage: function(storageId)
{
var domStorage = this._domStorageForId(storageId);
if (domStorage) {
this.showDOMStorage(domStorage);
domStorage._domStorageTreeElement.select();
}
},
canShowSourceLine: function(url, line)
{
return !!WebInspector.resourceForURL(url);
},
showSourceLine: function(url, line)
{
var resource = WebInspector.resourceForURL(url);
if (resource.type === WebInspector.Resource.Type.XHR) {
// Show XHRs in the network panel only.
if (WebInspector.panels.network && WebInspector.panels.network.canShowSourceLine(url, line)) {
WebInspector.currentPanel = WebInspector.panels.network;
WebInspector.panels.network.showSourceLine(url, line);
}
return;
}
this.showResource(WebInspector.resourceForURL(url), line);
},
showResource: function(resource, line)
{
var resourceTreeElement = this._findTreeElementForResource(resource);
if (resourceTreeElement) {
resourceTreeElement.reveal();
resourceTreeElement.select();
}
if (line) {
var view = WebInspector.ResourceView.resourceViewForResource(resource);
if (view.revealLine)
view.revealLine(line);
if (view.highlightLine)
view.highlightLine(line);
}
return true;
},
_showResourceView: function(resource)
{
var view = WebInspector.ResourceView.resourceViewForResource(resource);
// Consider rendering diff markup here.
if (resource.baseRevision && view instanceof WebInspector.SourceFrame) {
function callback(baseContent)
{
if (baseContent)
this._applyDiffMarkup(view, baseContent, resource.content);
}
resource.baseRevision.requestContent(callback.bind(this));
}
this._innerShowView(view);
},
_applyDiffMarkup: function(view, baseContent, newContent) {
var oldLines = baseContent.split("\n");
var newLines = newContent.split("\n");
var diff = Array.diff(oldLines, newLines);
var diffData = {};
diffData.added = [];
diffData.removed = [];
diffData.changed = [];
var offset = 0;
var right = diff.right;
for (var i = 0; i < right.length; ++i) {
if (typeof right[i] === "string") {
if (right.length > i + 1 && right[i + 1].row === i + 1 - offset)
diffData.changed.push(i);
else {
diffData.added.push(i);
offset++;
}
} else
offset = i - right[i].row;
}
view.markDiff(diffData);
},
showDatabase: function(database, tableName)
{
if (!database)
return;
var view;
if (tableName) {
if (!("_tableViews" in database))
database._tableViews = {};
view = database._tableViews[tableName];
if (!view) {
view = new WebInspector.DatabaseTableView(database, tableName);
database._tableViews[tableName] = view;
}
} else {
view = database._queryView;
if (!view) {
view = new WebInspector.DatabaseQueryView(database);
database._queryView = view;
}
}
this._innerShowView(view);
},
showDOMStorage: function(domStorage)
{
if (!domStorage)
return;
var view;
view = domStorage._domStorageView;
if (!view) {
view = new WebInspector.DOMStorageItemsView(domStorage);
domStorage._domStorageView = view;
}
this._innerShowView(view);
},
showCookies: function(treeElement, cookieDomain)
{
var view = this._cookieViews[cookieDomain];
if (!view) {
view = new WebInspector.CookieItemsView(treeElement, cookieDomain);
this._cookieViews[cookieDomain] = view;
}
this._innerShowView(view);
},
showApplicationCache: function(treeElement, appcacheDomain)
{
var view = this._applicationCacheView;
if (!view) {
view = new WebInspector.ApplicationCacheItemsView(treeElement, appcacheDomain);
this._applicationCacheView = view;
}
this._innerShowView(view);
if ("_cachedApplicationCacheViewStatus" in this)
this._applicationCacheView.updateStatus(this._cachedApplicationCacheViewStatus);
},
showCategoryView: function(categoryName)
{
if (!this._categoryView)
this._categoryView = new WebInspector.StorageCategoryView();
this._categoryView.setText(categoryName);
this._innerShowView(this._categoryView);
},
_innerShowView: function(view)
{
if (this.visibleView)
this.visibleView.hide();
view.show(this.storageViews);
this.visibleView = view;
this.storageViewStatusBarItemsContainer.removeChildren();
var statusBarItems = view.statusBarItems || [];
for (var i = 0; i < statusBarItems.length; ++i)
this.storageViewStatusBarItemsContainer.appendChild(statusBarItems[i]);
},
closeVisibleView: function()
{
if (this.visibleView)
this.visibleView.hide();
delete this.visibleView;
},
updateDatabaseTables: function(database)
{
if (!database || !database._databasesTreeElement)
return;
database._databasesTreeElement.shouldRefreshChildren = true;
if (!("_tableViews" in database))
return;
var tableNamesHash = {};
var self = this;
function tableNamesCallback(tableNames)
{
var tableNamesLength = tableNames.length;
for (var i = 0; i < tableNamesLength; ++i)
tableNamesHash[tableNames[i]] = true;
for (var tableName in database._tableViews) {
if (!(tableName in tableNamesHash)) {
if (self.visibleView === database._tableViews[tableName])
self.closeVisibleView();
delete database._tableViews[tableName];
}
}
}
database.getTableNames(tableNamesCallback);
},
dataGridForResult: function(columnNames, values)
{
var numColumns = columnNames.length;
if (!numColumns)
return null;
var columns = {};
for (var i = 0; i < columnNames.length; ++i) {
var column = {};
column.width = columnNames[i].length;
column.title = columnNames[i];
column.sortable = true;
columns[columnNames[i]] = column;
}
var nodes = [];
for (var i = 0; i < values.length / numColumns; ++i) {
var data = {};
for (var j = 0; j < columnNames.length; ++j)
data[columnNames[j]] = values[numColumns * i + j];
var node = new WebInspector.DataGridNode(data, false);
node.selectable = false;
nodes.push(node);
}
var dataGrid = new WebInspector.DataGrid(columns);
var length = nodes.length;
for (var i = 0; i < length; ++i)
dataGrid.appendChild(nodes[i]);
dataGrid.addEventListener("sorting changed", this._sortDataGrid.bind(this, dataGrid), this);
return dataGrid;
},
_sortDataGrid: function(dataGrid)
{
var nodes = dataGrid.children.slice();
var sortColumnIdentifier = dataGrid.sortColumnIdentifier;
var sortDirection = dataGrid.sortOrder === "ascending" ? 1 : -1;
var columnIsNumeric = true;
for (var i = 0; i < nodes.length; i++) {
if (isNaN(Number(nodes[i].data[sortColumnIdentifier])))
columnIsNumeric = false;
}
function comparator(dataGridNode1, dataGridNode2)
{
var item1 = dataGridNode1.data[sortColumnIdentifier];
var item2 = dataGridNode2.data[sortColumnIdentifier];
var comparison;
if (columnIsNumeric) {
// Sort numbers based on comparing their values rather than a lexicographical comparison.
var number1 = parseFloat(item1);
var number2 = parseFloat(item2);
comparison = number1 < number2 ? -1 : (number1 > number2 ? 1 : 0);
} else
comparison = item1 < item2 ? -1 : (item1 > item2 ? 1 : 0);
return sortDirection * comparison;
}
nodes.sort(comparator);
dataGrid.removeChildren();
for (var i = 0; i < nodes.length; i++)
dataGrid.appendChild(nodes[i]);
},
updateDOMStorage: function(storageId)
{
var domStorage = this._domStorageForId(storageId);
if (!domStorage)
return;
var view = domStorage._domStorageView;
if (this.visibleView && view === this.visibleView)
domStorage._domStorageView.update();
},
updateApplicationCacheStatus: function(status)
{
this._cachedApplicationCacheViewStatus = status;
if (this._applicationCacheView && this._applicationCacheView === this.visibleView)
this._applicationCacheView.updateStatus(status);
},
updateNetworkState: function(isNowOnline)
{
if (this._applicationCacheView && this._applicationCacheView === this.visibleView)
this._applicationCacheView.updateNetworkState(isNowOnline);
},
updateManifest: function(manifest)
{
if (this._applicationCacheView && this._applicationCacheView === this.visibleView)
this._applicationCacheView.updateManifest(manifest);
},
_domStorageForId: function(storageId)
{
if (!this._domStorage)
return null;
var domStorageLength = this._domStorage.length;
for (var i = 0; i < domStorageLength; ++i) {
var domStorage = this._domStorage[i];
if (domStorage.id == storageId)
return domStorage;
}
return null;
},
updateMainViewWidth: function(width)
{
this.storageViews.style.left = width + "px";
this.storageViewStatusBarItemsContainer.style.left = width + "px";
this.resize();
},
get searchableViews()
{
var views = [];
var visibleView = this.visibleView;
if (visibleView.performSearch)
views.push(visibleView);
function callback(resourceTreeElement)
{
var resource = resourceTreeElement._resource;
var resourceView = WebInspector.ResourceView.resourceViewForResource(resource);
if (resourceView.performSearch && resourceView !== visibleView)
views.push(resourceView);
}
this._forAllResourceTreeElements(callback);
return views;
},
_forAllResourceTreeElements: function(callback)
{
var stop = false;
for (var treeElement = this.resourcesListTreeElement; !stop && treeElement; treeElement = treeElement.traverseNextTreeElement(false, this.resourcesListTreeElement, true)) {
if (treeElement instanceof WebInspector.FrameResourceTreeElement)
stop = callback(treeElement);
}
},
searchMatchFound: function(view, matches)
{
if (!view.resource)
return;
var treeElement = this._findTreeElementForResource(view.resource);
if (treeElement)
treeElement.searchMatchFound(matches);
},
_findTreeElementForResource: function(resource)
{
function isAncestor(ancestor, object)
{
// Redirects, XHRs do not belong to the tree, it is fine to silently return false here.
return false;
}
function getParent(object)
{
// Redirects, XHRs do not belong to the tree, it is fine to silently return false here.
return null;
}
return this.sidebarTree.findTreeElement(resource, isAncestor, getParent);
},
searchCanceled: function(startingNewSearch)
{
WebInspector.Panel.prototype.searchCanceled.call(this, startingNewSearch);
if (startingNewSearch)
return;
function callback(resourceTreeElement)
{
resourceTreeElement._errorsWarningsUpdated();
}
this._forAllResourceTreeElements(callback);
},
performSearch: function(query)
{
function callback(resourceTreeElement)
{
resourceTreeElement._resetBubble();
}
this._forAllResourceTreeElements(callback);
WebInspector.Panel.prototype.performSearch.call(this, query);
},
showView: function(view)
{
if (view)
this.showResource(view.resource);
},
_onmousemove: function(event)
{
var nodeUnderMouse = document.elementFromPoint(event.pageX, event.pageY);
if (!nodeUnderMouse)
return;
var listNode = nodeUnderMouse.enclosingNodeOrSelfWithNodeName("li");
if (!listNode)
return;
var element = listNode.treeElement;
if (this._previousHoveredElement === element)
return;
if (this._previousHoveredElement) {
this._previousHoveredElement.hovered = false;
delete this._previousHoveredElement;
}
if (element instanceof WebInspector.FrameTreeElement) {
this._previousHoveredElement = element;
element.hovered = true;
}
},
_onmouseout: function(event)
{
if (this._previousHoveredElement) {
this._previousHoveredElement.hovered = false;
delete this._previousHoveredElement;
}
}
}
WebInspector.ResourcesPanel.prototype.__proto__ = WebInspector.Panel.prototype;
WebInspector.BaseStorageTreeElement = function(storagePanel, representedObject, title, iconClass, hasChildren)
{
TreeElement.call(this, "", representedObject, hasChildren);
this._storagePanel = storagePanel;
this._titleText = title;
this._iconClass = iconClass;
}
WebInspector.BaseStorageTreeElement.prototype = {
onattach: function()
{
this.listItemElement.removeChildren();
this.listItemElement.addStyleClass(this._iconClass);
var selectionElement = document.createElement("div");
selectionElement.className = "selection";
this.listItemElement.appendChild(selectionElement);
this.imageElement = document.createElement("img");
this.imageElement.className = "icon";
this.listItemElement.appendChild(this.imageElement);
this.titleElement = document.createElement("div");
this.titleElement.className = "base-storage-tree-element-title";
this.titleElement.textContent = this._titleText;
this.listItemElement.appendChild(this.titleElement);
},
onselect: function()
{
var itemURL = this.itemURL;
if (itemURL)
WebInspector.settings.resourcesLastSelectedItem = itemURL;
},
onreveal: function()
{
if (this.listItemElement)
this.listItemElement.scrollIntoViewIfNeeded(false);
},
get titleText()
{
return this._titleText;
},
set titleText(titleText)
{
this._titleText = titleText;
if (this.titleElement)
this.titleElement.textContent = this._titleText;
},
isEventWithinDisclosureTriangle: function()
{
// Override it since we use margin-left in place of treeoutline's text-indent.
// Hence we need to take padding into consideration. This all is needed for leading
// icons in the tree.
var paddingLeft = 14;
var left = this.listItemElement.totalOffsetLeft + paddingLeft;
return event.pageX >= left && event.pageX <= left + this.arrowToggleWidth && this.hasChildren;
}
}
WebInspector.BaseStorageTreeElement.prototype.__proto__ = TreeElement.prototype;
WebInspector.StorageCategoryTreeElement = function(storagePanel, categoryName, settingsKey, iconClass)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, categoryName, iconClass, true);
this._expandedSettingKey = "resources" + settingsKey + "Expanded";
WebInspector.settings.installApplicationSetting(this._expandedSettingKey, settingsKey === "Frames");
this._categoryName = categoryName;
}
WebInspector.StorageCategoryTreeElement.prototype = {
get itemURL()
{
return "category://" + this._categoryName;
},
onselect: function()
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this);
this._storagePanel.showCategoryView(this._categoryName);
},
onattach: function()
{
WebInspector.BaseStorageTreeElement.prototype.onattach.call(this);
if (WebInspector.settings[this._expandedSettingKey])
this.expand();
},
onexpand: function()
{
WebInspector.settings[this._expandedSettingKey] = true;
},
oncollapse: function()
{
WebInspector.settings[this._expandedSettingKey] = false;
}
}
WebInspector.StorageCategoryTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype;
WebInspector.FrameTreeElement = function(storagePanel, frameId, title, subtitle)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, "", "frame-storage-tree-item");
this._frameId = frameId;
this.setTitles(title, subtitle);
}
WebInspector.FrameTreeElement.prototype = {
get itemURL()
{
return "frame://" + encodeURI(this._displayName);
},
onattach: function()
{
WebInspector.BaseStorageTreeElement.prototype.onattach.call(this);
if (this._titleToSetOnAttach || this._subtitleToSetOnAttach) {
this.setTitles(this._titleToSetOnAttach, this._subtitleToSetOnAttach);
delete this._titleToSetOnAttach;
delete this._subtitleToSetOnAttach;
}
},
onselect: function()
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this);
this._storagePanel.showCategoryView(this._displayName);
this.listItemElement.removeStyleClass("hovered");
InspectorBackend.hideFrameHighlight();
},
get displayName()
{
return this._displayName;
},
setTitles: function(title, subtitle)
{
this._displayName = "";
if (this.parent) {
if (title) {
this.titleElement.textContent = title;
this._displayName = title;
}
if (subtitle) {
var subtitleElement = document.createElement("span");
subtitleElement.className = "base-storage-tree-element-subtitle";
subtitleElement.textContent = "(" + subtitle + ")";
this._displayName += " (" + subtitle + ")";
this.titleElement.appendChild(subtitleElement);
}
} else {
this._titleToSetOnAttach = title;
this._subtitleToSetOnAttach = subtitle;
}
},
set hovered(hovered)
{
if (hovered) {
this.listItemElement.addStyleClass("hovered");
InspectorBackend.highlightFrame(this._frameId);
} else {
this.listItemElement.removeStyleClass("hovered");
InspectorBackend.hideFrameHighlight();
}
}
}
WebInspector.FrameTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype;
WebInspector.FrameResourceTreeElement = function(storagePanel, resource)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, resource, resource.displayName, "resource-sidebar-tree-item resources-category-" + resource.category.name);
this._resource = resource;
this._resource.addEventListener("errors-warnings-updated", this._errorsWarningsUpdated, this);
this._resource.addEventListener("content-changed", this._contentChanged, this);
this.tooltip = resource.url;
}
WebInspector.FrameResourceTreeElement.prototype = {
get itemURL()
{
return this._resource.url;
},
onselect: function()
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this);
this._storagePanel._showResourceView(this._resource);
},
ondblclick: function(event)
{
InspectorBackend.openInInspectedWindow(this._resource.url);
},
onattach: function()
{
WebInspector.BaseStorageTreeElement.prototype.onattach.call(this);
if (this._resource.category === WebInspector.resourceCategories.images) {
var previewImage = document.createElement("img");
previewImage.className = "image-resource-icon-preview";
this._resource.populateImageSource(previewImage);
var iconElement = document.createElement("div");
iconElement.className = "icon";
iconElement.appendChild(previewImage);
this.listItemElement.replaceChild(iconElement, this.imageElement);
}
this._statusElement = document.createElement("div");
this._statusElement.className = "status";
this.listItemElement.insertBefore(this._statusElement, this.titleElement);
this.listItemElement.draggable = true;
this.listItemElement.addEventListener("dragstart", this._ondragstart.bind(this), false);
},
_ondragstart: function(event)
{
event.dataTransfer.setData("text/plain", this._resource.content);
event.dataTransfer.effectAllowed = "copy";
return true;
},
_setBubbleText: function(x)
{
if (!this._bubbleElement) {
this._bubbleElement = document.createElement("div");
this._bubbleElement.className = "bubble";
this._statusElement.appendChild(this._bubbleElement);
}
this._bubbleElement.textContent = x;
},
_resetBubble: function()
{
if (this._bubbleElement) {
this._bubbleElement.textContent = "";
this._bubbleElement.removeStyleClass("search-matches");
this._bubbleElement.removeStyleClass("warning");
this._bubbleElement.removeStyleClass("error");
}
},
searchMatchFound: function(matches)
{
this._resetBubble();
this._setBubbleText(matches);
this._bubbleElement.addStyleClass("search-matches");
// Expand, do not scroll into view.
var currentAncestor = this.parent;
while (currentAncestor && !currentAncestor.root) {
if (!currentAncestor.expanded)
currentAncestor.expand();
currentAncestor = currentAncestor.parent;
}
},
_errorsWarningsUpdated: function()
{
// FIXME: move to the SourceFrame.
if (!this._resource.warnings && !this._resource.errors) {
var view = WebInspector.ResourceView.existingResourceViewForResource(this._resource);
if (view && view.clearMessages)
view.clearMessages();
}
if (this._storagePanel.currentQuery)
return;
this._resetBubble();
if (this._resource.warnings || this._resource.errors)
this._setBubbleText(this._resource.warnings + this._resource.errors);
if (this._resource.warnings)
this._bubbleElement.addStyleClass("warning");
if (this._resource.errors)
this._bubbleElement.addStyleClass("error");
},
_contentChanged: function(event)
{
this.insertChild(new WebInspector.ResourceRevisionTreeElement(this._storagePanel, event.data.revision), 0);
var oldView = WebInspector.ResourceView.existingResourceViewForResource(this._resource);
if (oldView) {
var newView = WebInspector.ResourceView.recreateResourceView(this._resource);
if (oldView === this._storagePanel.visibleView)
this._storagePanel.visibleView = newView;
}
}
}
WebInspector.FrameResourceTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype;
WebInspector.DatabaseTreeElement = function(storagePanel, database)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, database.name, "database-storage-tree-item", true);
this._database = database;
}
WebInspector.DatabaseTreeElement.prototype = {
get itemURL()
{
return "database://" + encodeURI(this._database.name);
},
onselect: function()
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this);
this._storagePanel.showDatabase(this._database);
},
oncollapse: function()
{
// Request a refresh after every collapse so the next
// expand will have an updated table list.
this.shouldRefreshChildren = true;
},
onpopulate: function()
{
this.removeChildren();
function tableNamesCallback(tableNames)
{
var tableNamesLength = tableNames.length;
for (var i = 0; i < tableNamesLength; ++i)
this.appendChild(new WebInspector.DatabaseTableTreeElement(this._storagePanel, this._database, tableNames[i]));
}
this._database.getTableNames(tableNamesCallback.bind(this));
}
}
WebInspector.DatabaseTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype;
WebInspector.DatabaseTableTreeElement = function(storagePanel, database, tableName)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, tableName, "database-storage-tree-item");
this._database = database;
this._tableName = tableName;
}
WebInspector.DatabaseTableTreeElement.prototype = {
get itemURL()
{
return "database://" + encodeURI(this._database.name) + "/" + encodeURI(this._tableName);
},
onselect: function()
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this);
this._storagePanel.showDatabase(this._database, this._tableName);
}
}
WebInspector.DatabaseTableTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype;
WebInspector.DOMStorageTreeElement = function(storagePanel, domStorage, className)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, domStorage.domain ? domStorage.domain : WebInspector.UIString("Local Files"), "domstorage-storage-tree-item " + className);
this._domStorage = domStorage;
}
WebInspector.DOMStorageTreeElement.prototype = {
get itemURL()
{
return "storage://" + this._domStorage.domain + "/" + (this._domStorage.isLocalStorage ? "local" : "session");
},
onselect: function()
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this);
this._storagePanel.showDOMStorage(this._domStorage);
}
}
WebInspector.DOMStorageTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype;
WebInspector.CookieTreeElement = function(storagePanel, cookieDomain)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, cookieDomain ? cookieDomain : WebInspector.UIString("Local Files"), "cookie-storage-tree-item");
this._cookieDomain = cookieDomain;
}
WebInspector.CookieTreeElement.prototype = {
get itemURL()
{
return "cookies://" + this._cookieDomain;
},
onselect: function()
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this);
this._storagePanel.showCookies(this, this._cookieDomain);
}
}
WebInspector.CookieTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype;
WebInspector.ApplicationCacheTreeElement = function(storagePanel, appcacheDomain)
{
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, appcacheDomain ? appcacheDomain : WebInspector.UIString("Local Files"), "application-cache-storage-tree-item");
this._appcacheDomain = appcacheDomain;
}
WebInspector.ApplicationCacheTreeElement.prototype = {
get itemURL()
{
return "appcache://" + this._appcacheDomain;
},
onselect: function()
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this);
this._storagePanel.showApplicationCache(this, this._appcacheDomain);
}
}
WebInspector.ApplicationCacheTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype;
WebInspector.ResourceRevisionTreeElement = function(storagePanel, revision)
{
var title = revision.timestamp ? revision.timestamp.toLocaleTimeString() : WebInspector.UIString("(original)");
WebInspector.BaseStorageTreeElement.call(this, storagePanel, null, title, "resource-sidebar-tree-item resources-category-" + revision.category.name);
if (revision.timestamp)
this.tooltip = revision.timestamp.toLocaleString();
this._resource = revision;
}
WebInspector.ResourceRevisionTreeElement.prototype = {
onattach: function()
{
WebInspector.BaseStorageTreeElement.prototype.onattach.call(this);
this.listItemElement.draggable = true;
this.listItemElement.addEventListener("dragstart", this._ondragstart.bind(this), false);
this.listItemElement.addEventListener("contextmenu", this._handleContextMenuEvent.bind(this), true);
},
onselect: function()
{
WebInspector.BaseStorageTreeElement.prototype.onselect.call(this);
this._storagePanel._showResourceView(this._resource);
},
_ondragstart: function(event)
{
event.dataTransfer.setData("text/plain", this._resource.content);
event.dataTransfer.effectAllowed = "copy";
return true;
},
_handleContextMenuEvent: function(event)
{
var contextMenu = new WebInspector.ContextMenu();
contextMenu.appendItem(WebInspector.UIString("Revert to this revision"), this._resource.revertToThis.bind(this._resource));
contextMenu.show(event);
}
}
WebInspector.ResourceRevisionTreeElement.prototype.__proto__ = WebInspector.BaseStorageTreeElement.prototype;
WebInspector.StorageCategoryView = function()
{
WebInspector.View.call(this);
this.element.addStyleClass("storage-view");
this._emptyMsgElement = document.createElement("div");
this._emptyMsgElement.className = "storage-empty-view";
this.element.appendChild(this._emptyMsgElement);
}
WebInspector.StorageCategoryView.prototype = {
setText: function(text)
{
this._emptyMsgElement.textContent = text;
}
}
WebInspector.StorageCategoryView.prototype.__proto__ = WebInspector.View.prototype;
================================================
FILE: buildin_modules/weinre/web/client/ScopeChainSidebarPane.js
================================================
/*
* Copyright (C) 2008 Apple Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ScopeChainSidebarPane = function()
{
WebInspector.SidebarPane.call(this, WebInspector.UIString("Scope Variables"));
this._sections = [];
this._expandedSections = {};
this._expandedProperties = [];
}
WebInspector.ScopeChainSidebarPane.prototype = {
update: function(callFrame)
{
this.bodyElement.removeChildren();
if (!callFrame) {
var infoElement = document.createElement("div");
infoElement.className = "info";
infoElement.textContent = WebInspector.UIString("Not Paused");
this.bodyElement.appendChild(infoElement);
return;
}
for (var i = 0; i < this._sections.length; ++i) {
var section = this._sections[i];
if (!section.title)
continue;
if (section.expanded)
this._expandedSections[section.title] = true;
else
delete this._expandedSections[section.title];
}
this._sections = [];
var foundLocalScope = false;
var scopeChain = callFrame.scopeChain;
for (var i = 0; i < scopeChain.length; ++i) {
var scopeObjectProxy = scopeChain[i];
var title = null;
var subtitle = scopeObjectProxy.description;
var emptyPlaceholder = null;
var extraProperties = null;
if (scopeObjectProxy.isLocal) {
foundLocalScope = true;
title = WebInspector.UIString("Local");
emptyPlaceholder = WebInspector.UIString("No Variables");
subtitle = null;
if (scopeObjectProxy.thisObject)
extraProperties = [ new WebInspector.RemoteObjectProperty("this", WebInspector.RemoteObject.fromPayload(scopeObjectProxy.thisObject)) ];
} else if (scopeObjectProxy.isClosure) {
title = WebInspector.UIString("Closure");
emptyPlaceholder = WebInspector.UIString("No Variables");
subtitle = null;
} else if (i === (scopeChain.length - 1))
title = WebInspector.UIString("Global");
else if (scopeObjectProxy.isElement)
title = WebInspector.UIString("Event Target");
else if (scopeObjectProxy.isDocument)
title = WebInspector.UIString("Event Document");
else if (scopeObjectProxy.isWithBlock)
title = WebInspector.UIString("With Block");
if (!title || title === subtitle)
subtitle = null;
var section = new WebInspector.ObjectPropertiesSection(WebInspector.RemoteObject.fromPayload(scopeObjectProxy), title, subtitle, emptyPlaceholder, true, extraProperties, WebInspector.ScopeVariableTreeElement);
section.editInSelectedCallFrameWhenPaused = true;
section.pane = this;
if (!foundLocalScope || scopeObjectProxy.isLocal || title in this._expandedSections)
section.expanded = true;
this._sections.push(section);
this.bodyElement.appendChild(section.element);
}
}
}
WebInspector.ScopeChainSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype;
WebInspector.ScopeVariableTreeElement = function(property)
{
WebInspector.ObjectPropertyTreeElement.call(this, property);
}
WebInspector.ScopeVariableTreeElement.prototype = {
onattach: function()
{
WebInspector.ObjectPropertyTreeElement.prototype.onattach.call(this);
if (this.hasChildren && this.propertyIdentifier in this.treeOutline.section.pane._expandedProperties)
this.expand();
},
onexpand: function()
{
this.treeOutline.section.pane._expandedProperties[this.propertyIdentifier] = true;
},
oncollapse: function()
{
delete this.treeOutline.section.pane._expandedProperties[this.propertyIdentifier];
},
get propertyIdentifier()
{
if ("_propertyIdentifier" in this)
return this._propertyIdentifier;
var section = this.treeOutline.section;
this._propertyIdentifier = section.title + ":" + (section.subtitle ? section.subtitle + ":" : "") + this.propertyPath;
return this._propertyIdentifier;
},
get propertyPath()
{
if ("_propertyPath" in this)
return this._propertyPath;
var current = this;
var result;
do {
if (result)
result = current.property.name + "." + result;
else
result = current.property.name;
current = current.parent;
} while (current && !current.root);
this._propertyPath = result;
return result;
}
}
WebInspector.ScopeVariableTreeElement.prototype.__proto__ = WebInspector.ObjectPropertyTreeElement.prototype;
================================================
FILE: buildin_modules/weinre/web/client/Script.js
================================================
/*
* Copyright (C) 2008 Apple Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.Script = function(sourceID, sourceURL, source, lineOffset, columnOffset, length, errorLine, errorMessage, worldType)
{
this.sourceID = sourceID;
this.sourceURL = sourceURL;
this._source = source;
this.lineOffset = lineOffset;
this.columnOffset = columnOffset;
this.length = length;
this.errorLine = errorLine;
this.errorMessage = errorMessage;
this.worldType = worldType;
// if no URL, look for "//@ sourceURL=" decorator
// note that this sourceURL comment decorator is behavior that FireBug added
// in it's 1.1 release as noted in the release notes:
// http://fbug.googlecode.com/svn/branches/firebug1.1/docs/ReleaseNotes_1.1.txt
if (!sourceURL) {
// use of [ \t] rather than \s is to prevent \n from matching
var pattern = /^\s*\/\/[ \t]*@[ \t]*sourceURL[ \t]*=[ \t]*(\S+).*$/m;
var match = pattern.exec(source);
if (match)
this.sourceURL = match[1];
}
}
WebInspector.Script.WorldType = {
MAIN_WORLD: 0,
EXTENSIONS_WORLD: 1
}
WebInspector.Script.WorldType = {
MAIN_WORLD: 0,
EXTENSIONS_WORLD: 1
}
WebInspector.Script.prototype = {
get startingLine()
{
return this.lineOffset + 1;
},
get linesCount()
{
if (!this.source)
return 0;
if (!this._lineEndings)
this._lineEndings = this._source.findAll("\n");
return this._lineEndings.length + 1;
},
sourceLine: function(lineNumber, callback)
{
function extractSourceLine()
{
lineNumber -= this.lineOffset;
callback(this._source.substring(this._lineEndings[lineNumber - 1], this._lineEndings[lineNumber]));
}
if (this._lineEndings) {
extractSourceLine.call(this);
return;
}
function didRequestSource()
{
this._lineEndings = this._source.findAll("\n");
extractSourceLine.call(this);
}
this.requestSource(didRequestSource.bind(this));
},
get source()
{
if (!this._source && this.resource)
this._source = this.resource.content;
return this._source;
},
set source(source)
{
this._source = source;
delete this._lineEndings;
},
requestSource: function(callback)
{
if (this._source) {
callback(this._source);
return;
}
function didGetScriptSource(source)
{
this._source = source;
callback(this._source);
}
InspectorBackend.getScriptSource(this.sourceID, didGetScriptSource.bind(this));
}
}
================================================
FILE: buildin_modules/weinre/web/client/ScriptFormatter.js
================================================
/*
* Copyright (C) 2011 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ScriptFormatter = function()
{
this._worker = new Worker("ScriptFormatterWorker.js");
this._worker.onmessage = this._handleMessage.bind(this);
this._worker.onerror = this._handleError.bind(this);
this._tasks = [];
}
WebInspector.ScriptFormatter.locationToPosition = function(lineEndings, lineNumber, columnNumber)
{
var position = lineNumber ? lineEndings[lineNumber - 1] + 1 : 0;
return position + columnNumber;
}
WebInspector.ScriptFormatter.positionToLocation = function(lineEndings, position)
{
var location = {};
location.lineNumber = lineEndings.upperBound(position - 1);
if (!location.lineNumber)
location.columnNumber = position;
else
location.columnNumber = position - lineEndings[location.lineNumber - 1] - 1;
return location;
}
WebInspector.ScriptFormatter.findScriptRanges = function(lineEndings, scripts)
{
var scriptRanges = [];
for (var i = 0; i < scripts.length; ++i) {
var start = { lineNumber: scripts[i].lineOffset, columnNumber: scripts[i].columnOffset };
start.position = WebInspector.ScriptFormatter.locationToPosition(lineEndings, start.lineNumber, start.columnNumber);
var endPosition = start.position + scripts[i].length;
var end = WebInspector.ScriptFormatter.positionToLocation(lineEndings, endPosition);
end.position = endPosition;
scriptRanges.push({ start: start, end: end, sourceID: scripts[i].sourceID });
}
scriptRanges.sort(function(x, y) { return x.start.position - y.start.position; });
return scriptRanges;
}
WebInspector.ScriptFormatter.prototype = {
formatContent: function(content, callback)
{
var chunks = this._splitContentIntoChunks(content.text, content.scriptRanges);
function didFormatChunks()
{
var result = this._buildContentFromChunks(chunks);
var sourceMapping = new WebInspector.SourceMappingForFormattedScript(content.text.lineEndings(), result.text.lineEndings(), result.mapping);
var formattedScriptRanges = [];
for (var i = 0; i < content.scriptRanges.length; ++i) {
var scriptRange = content.scriptRanges[i];
formattedScriptRange = {};
formattedScriptRange.start = sourceMapping.originalPositionToFormattedLocation(scriptRange.start.position);
formattedScriptRange.end = sourceMapping.originalPositionToFormattedLocation(scriptRange.end.position);
formattedScriptRange.sourceID = scriptRange.sourceID;
formattedScriptRanges.push(formattedScriptRange);
}
callback(new WebInspector.SourceFrameContent(result.text, sourceMapping, formattedScriptRanges));
}
this._formatChunks(chunks, 0, didFormatChunks.bind(this));
},
_splitContentIntoChunks: function(text, scriptRanges)
{
var chunks = [];
function addChunk(start, end, isScript)
{
var chunk = {};
chunk.start = start;
chunk.end = end;
chunk.isScript = isScript;
chunk.text = text.substring(start, end);
chunks.push(chunk);
}
var currentPosition = 0;
for (var i = 0; i < scriptRanges.length; ++i) {
var start = scriptRanges[i].start.position;
var end = scriptRanges[i].end.position;
if (currentPosition < start)
addChunk(currentPosition, start, false);
addChunk(start, end, true);
currentPosition = end;
}
if (currentPosition < text.length)
addChunk(currentPosition, text.length, false);
return chunks;
},
_formatChunks: function(chunks, index, callback)
{
while(true) {
if (index === chunks.length) {
callback();
return;
}
var chunk = chunks[index++];
if (chunk.isScript)
break;
}
function didFormat(formattedSource, mapping)
{
chunk.text = formattedSource;
chunk.mapping = mapping;
this._formatChunks(chunks, index, callback);
}
this._formatScript(chunk.text, didFormat.bind(this));
},
_buildContentFromChunks: function(chunks)
{
var text = "";
var mapping = { original: [], formatted: [] };
for (var i = 0; i < chunks.length; ++i) {
var chunk = chunks[i];
mapping.original.push(chunk.start);
mapping.formatted.push(text.length);
if (chunk.isScript) {
if (text)
text += "\n";
for (var j = 0; j < chunk.mapping.original.length; ++j) {
mapping.original.push(chunk.mapping.original[j] + chunk.start);
mapping.formatted.push(chunk.mapping.formatted[j] + text.length);
}
text += chunk.text;
} else {
if (text)
text += "\n";
text += chunk.text;
}
mapping.original.push(chunk.end);
mapping.formatted.push(text.length);
}
return { text: text, mapping: mapping };
},
_formatScript: function(source, callback)
{
this._tasks.push({ source: source, callback: callback });
this._worker.postMessage(source);
},
_handleMessage: function(event)
{
var task = this._tasks.shift();
task.callback(event.data.formattedSource, event.data.mapping);
},
_handleError: function(event)
{
console.warn("Error in script formatter worker:", event);
event.preventDefault()
var task = this._tasks.shift();
task.callback(task.source, { original: [], formatted: [] });
}
}
WebInspector.SourceMappingForFormattedScript = function(originalLineEndings, formattedLineEndings, mapping)
{
WebInspector.SourceMapping.call(this);
this._originalLineEndings = originalLineEndings;
this._formattedLineEndings = formattedLineEndings;
this._mapping = mapping;
}
WebInspector.SourceMappingForFormattedScript.prototype = {
actualLocationToSourceLocation: function(lineNumber, columnNumber)
{
var position = WebInspector.ScriptFormatter.locationToPosition(this._originalLineEndings, lineNumber, columnNumber);
return this.originalPositionToFormattedLocation(position);
},
sourceLocationToActualLocation: function(lineNumber, columnNumber)
{
var formattedPosition = WebInspector.ScriptFormatter.locationToPosition(this._formattedLineEndings, lineNumber, columnNumber);
var position = this._convertPosition(this._mapping.formatted, this._mapping.original, formattedPosition);
return WebInspector.ScriptFormatter.positionToLocation(this._originalLineEndings, position);
},
originalPositionToFormattedLocation: function(position)
{
var formattedPosition = this._convertPosition(this._mapping.original, this._mapping.formatted, position);
var location = WebInspector.ScriptFormatter.positionToLocation(this._formattedLineEndings, formattedPosition);
location.position = formattedPosition;
return location;
},
_convertPosition: function(positions1, positions2, position)
{
var index = positions1.upperBound(position);
var range1 = positions1[index] - positions1[index - 1];
var range2 = positions2[index] - positions2[index - 1];
var position2 = positions2[index - 1];
if (range1)
position2 += Math.round((position - positions1[index - 1]) * range2 / range1);
return position2;
}
}
WebInspector.SourceMappingForFormattedScript.prototype.__proto__ = WebInspector.SourceMapping.prototype;
================================================
FILE: buildin_modules/weinre/web/client/ScriptFormatterWorker.js
================================================
/*
* Copyright (C) 2011 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
var parse = loadModule("parse-js.js");
var process = loadModule("process.js");
onmessage = function(event) {
var source = event.data;
var formattedSource = beautify(source);
var mapping = buildMapping(source, formattedSource);
postMessage({ formattedSource: formattedSource, mapping: mapping });
};
function beautify(source)
{
var ast = parse.parse(source);
var beautifyOptions = {
indent_level: 4,
indent_start: 0,
quote_keys: false,
space_colon: false
};
return process.gen_code(ast, beautifyOptions);
}
function buildMapping(source, formattedSource)
{
var mapping = { original: [], formatted: [] };
var lastCodePosition = 0;
var regexp = /[\$\.\w]+|{|}/g;
while (true) {
var match = regexp.exec(formattedSource);
if (!match)
break;
var position = source.indexOf(match[0], lastCodePosition);
if (position === -1)
continue;
mapping.original.push(position);
mapping.formatted.push(match.index);
lastCodePosition = position + match[0].length;
}
return mapping;
}
function loadModule(src)
{
var request = new XMLHttpRequest();
request.open("GET", src, false);
request.send();
var exports = {};
eval(request.responseText);
return exports;
}
function require()
{
return parse;
}
================================================
FILE: buildin_modules/weinre/web/client/ScriptsPanel.js
================================================
/*
* Copyright (C) 2008 Apple Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.ScriptsPanel = function()
{
WebInspector.Panel.call(this, "scripts");
this.topStatusBar = document.createElement("div");
this.topStatusBar.className = "status-bar";
this.topStatusBar.id = "scripts-status-bar";
this.element.appendChild(this.topStatusBar);
this.backButton = document.createElement("button");
this.backButton.className = "status-bar-item";
this.backButton.id = "scripts-back";
this.backButton.title = WebInspector.UIString("Show the previous script resource.");
this.backButton.disabled = true;
this.backButton.appendChild(document.createElement("img"));
this.backButton.addEventListener("click", this._goBack.bind(this), false);
this.topStatusBar.appendChild(this.backButton);
this.forwardButton = document.createElement("button");
this.forwardButton.className = "status-bar-item";
this.forwardButton.id = "scripts-forward";
this.forwardButton.title = WebInspector.UIString("Show the next script resource.");
this.forwardButton.disabled = true;
this.forwardButton.appendChild(document.createElement("img"));
this.forwardButton.addEventListener("click", this._goForward.bind(this), false);
this.topStatusBar.appendChild(this.forwardButton);
this.filesSelectElement = document.createElement("select");
this.filesSelectElement.className = "status-bar-item";
this.filesSelectElement.id = "scripts-files";
this.filesSelectElement.addEventListener("change", this._changeVisibleFile.bind(this), false);
this.topStatusBar.appendChild(this.filesSelectElement);
this.functionsSelectElement = document.createElement("select");
this.functionsSelectElement.className = "status-bar-item";
this.functionsSelectElement.id = "scripts-functions";
// FIXME: append the functions select element to the top status bar when it is implemented.
// this.topStatusBar.appendChild(this.functionsSelectElement);
this.formatButton = document.createElement("button");
this.formatButton.className = "status-bar-item";
this.formatButton.id = "format-script";
this.formatButton.title = WebInspector.UIString("Format script.");
this.formatButton.appendChild(document.createElement("img"));
this.formatButton.addEventListener("click", this._formatScript.bind(this), false);
if (Preferences.debugMode)
this.topStatusBar.appendChild(this.formatButton);
this.sidebarButtonsElement = document.createElement("div");
this.sidebarButtonsElement.id = "scripts-sidebar-buttons";
this.topStatusBar.appendChild(this.sidebarButtonsElement);
this.pauseButton = document.createElement("button");
this.pauseButton.className = "status-bar-item";
this.pauseButton.id = "scripts-pause";
this.pauseButton.title = WebInspector.UIString("Pause script execution.");
this.pauseButton.disabled = true;
this.pauseButton.appendChild(document.createElement("img"));
this.pauseButton.addEventListener("click", this._togglePause.bind(this), false);
this.sidebarButtonsElement.appendChild(this.pauseButton);
this.stepOverButton = document.createElement("button");
this.stepOverButton.className = "status-bar-item";
this.stepOverButton.id = "scripts-step-over";
this.stepOverButton.title = WebInspector.UIString("Step over next function call.");
this.stepOverButton.disabled = true;
this.stepOverButton.addEventListener("click", this._stepOverClicked.bind(this), false);
this.stepOverButton.appendChild(document.createElement("img"));
this.sidebarButtonsElement.appendChild(this.stepOverButton);
this.stepIntoButton = document.createElement("button");
this.stepIntoButton.className = "status-bar-item";
this.stepIntoButton.id = "scripts-step-into";
this.stepIntoButton.title = WebInspector.UIString("Step into next function call.");
this.stepIntoButton.disabled = true;
this.stepIntoButton.addEventListener("click", this._stepIntoClicked.bind(this), false);
this.stepIntoButton.appendChild(document.createElement("img"));
this.sidebarButtonsElement.appendChild(this.stepIntoButton);
this.stepOutButton = document.createElement("button");
this.stepOutButton.className = "status-bar-item";
this.stepOutButton.id = "scripts-step-out";
this.stepOutButton.title = WebInspector.UIString("Step out of current function.");
this.stepOutButton.disabled = true;
this.stepOutButton.addEventListener("click", this._stepOutClicked.bind(this), false);
this.stepOutButton.appendChild(document.createElement("img"));
this.sidebarButtonsElement.appendChild(this.stepOutButton);
this.toggleBreakpointsButton = new WebInspector.StatusBarButton(WebInspector.UIString("Deactivate all breakpoints."), "toggle-breakpoints");
this.toggleBreakpointsButton.toggled = true;
this.toggleBreakpointsButton.addEventListener("click", this.toggleBreakpointsClicked.bind(this), false);
this.sidebarButtonsElement.appendChild(this.toggleBreakpointsButton.element);
this.debuggerStatusElement = document.createElement("div");
this.debuggerStatusElement.id = "scripts-debugger-status";
this.sidebarButtonsElement.appendChild(this.debuggerStatusElement);
this.viewsContainerElement = document.createElement("div");
this.viewsContainerElement.id = "script-resource-views";
this.sidebarElement = document.createElement("div");
this.sidebarElement.id = "scripts-sidebar";
this.sidebarResizeElement = document.createElement("div");
this.sidebarResizeElement.className = "sidebar-resizer-vertical";
this.sidebarResizeElement.addEventListener("mousedown", this._startSidebarResizeDrag.bind(this), false);
this.sidebarResizeWidgetElement = document.createElement("div");
this.sidebarResizeWidgetElement.id = "scripts-sidebar-resizer-widget";
this.sidebarResizeWidgetElement.addEventListener("mousedown", this._startSidebarResizeDrag.bind(this), false);
this.topStatusBar.appendChild(this.sidebarResizeWidgetElement);
this.sidebarPanes = {};
this.sidebarPanes.watchExpressions = new WebInspector.WatchExpressionsSidebarPane();
this.sidebarPanes.callstack = new WebInspector.CallStackSidebarPane();
this.sidebarPanes.scopechain = new WebInspector.ScopeChainSidebarPane();
this.sidebarPanes.jsBreakpoints = new WebInspector.JavaScriptBreakpointsSidebarPane();
if (Preferences.nativeInstrumentationEnabled) {
this.sidebarPanes.domBreakpoints = WebInspector.createDOMBreakpointsSidebarPane();
this.sidebarPanes.xhrBreakpoints = WebInspector.createXHRBreakpointsSidebarPane();
this.sidebarPanes.eventListenerBreakpoints = new WebInspector.EventListenerBreakpointsSidebarPane();
}
this.sidebarPanes.workers = new WebInspector.WorkersSidebarPane();
for (var pane in this.sidebarPanes)
this.sidebarElement.appendChild(this.sidebarPanes[pane].element);
this.sidebarPanes.callstack.expanded = true;
this.sidebarPanes.callstack.addEventListener("call frame selected", this._callFrameSelected, this);
this.sidebarPanes.scopechain.expanded = true;
this.sidebarPanes.jsBreakpoints.expanded = true;
var panelEnablerHeading = WebInspector.UIString("You need to enable debugging before you can use the Scripts panel.");
var panelEnablerDisclaimer = WebInspector.UIString("Enabling debugging will make scripts run slower.");
var panelEnablerButton = WebInspector.UIString("Enable Debugging");
this.panelEnablerView = new WebInspector.PanelEnablerView("scripts", panelEnablerHeading, panelEnablerDisclaimer, panelEnablerButton);
this.panelEnablerView.addEventListener("enable clicked", this._enableDebugging, this);
this.element.appendChild(this.panelEnablerView.element);
this.element.appendChild(this.viewsContainerElement);
this.element.appendChild(this.sidebarElement);
this.element.appendChild(this.sidebarResizeElement);
this.enableToggleButton = new WebInspector.StatusBarButton("", "enable-toggle-status-bar-item");
this.enableToggleButton.addEventListener("click", this._toggleDebugging.bind(this), false);
if (Preferences.debuggerAlwaysEnabled)
this.enableToggleButton.element.addStyleClass("hidden");
this._pauseOnExceptionButton = new WebInspector.StatusBarButton("", "scripts-pause-on-exceptions-status-bar-item", 3);
this._pauseOnExceptionButton.addEventListener("click", this._togglePauseOnExceptions.bind(this), false);
this._registerShortcuts();
this._debuggerEnabled = Preferences.debuggerAlwaysEnabled;
this.reset();
WebInspector.debuggerModel.addEventListener(WebInspector.DebuggerModel.Events.ParsedScriptSource, this._parsedScriptSource, this);
WebInspector.debuggerModel.addEventListener(WebInspector.DebuggerModel.Events.FailedToParseScriptSource, this._failedToParseScriptSource, this);
WebInspector.debuggerModel.addEventListener(WebInspector.DebuggerModel.Events.ScriptSourceChanged, this._scriptSourceChanged, this);
WebInspector.debuggerModel.addEventListener(WebInspector.DebuggerModel.Events.DebuggerPaused, this._debuggerPaused, this);
WebInspector.debuggerModel.addEventListener(WebInspector.DebuggerModel.Events.DebuggerResumed, this._debuggerResumed, this);
}
// Keep these in sync with WebCore::ScriptDebugServer
WebInspector.ScriptsPanel.PauseOnExceptionsState = {
DontPauseOnExceptions : 0,
PauseOnAllExceptions : 1,
PauseOnUncaughtExceptions: 2
};
WebInspector.ScriptsPanel.prototype = {
get toolbarItemLabel()
{
return WebInspector.UIString("Scripts");
},
get statusBarItems()
{
return [this.enableToggleButton.element, this._pauseOnExceptionButton.element];
},
get defaultFocusedElement()
{
return this.filesSelectElement;
},
get paused()
{
return this._paused;
},
show: function()
{
WebInspector.Panel.prototype.show.call(this);
this.sidebarResizeElement.style.right = (this.sidebarElement.offsetWidth - 3) + "px";
if (this.visibleView)
this.visibleView.show(this.viewsContainerElement);
},
hide: function()
{
if (this.visibleView)
this.visibleView.hide();
WebInspector.Panel.prototype.hide.call(this);
},
get breakpointsActivated()
{
return this.toggleBreakpointsButton.toggled;
},
_parsedScriptSource: function(event)
{
this._addScript(event.data);
},
_failedToParseScriptSource: function(event)
{
this._addScript(event.data);
},
_scriptSourceChanged: function(event)
{
var sourceID = event.data.sourceID;
var oldSource = event.data.oldSource;
var oldView, newView;
var script = WebInspector.debuggerModel.scriptForSourceID(sourceID);
if (script.resource) {
oldView = this._urlToSourceFrame[script.resource.url];
delete this._urlToSourceFrame[script.resource.url];
newView = this._sourceFrameForResource(script.resource);
var revertHandle = WebInspector.debuggerModel.editScriptSource.bind(WebInspector.debuggerModel, sourceID, oldSource);
script.resource.setContent(script.source, revertHandle);
} else {
var oldView = script._sourceFrame;
delete script._sourceFrame;
newView = this._sourceFrameForScript(script);
}
newView.scrollTop = oldView.scrollTop;
if (this.visibleView === oldView)
this.visibleView = newView;
var callFrames = WebInspector.debuggerModel.callFrames;
if (callFrames.length)
this._debuggerPaused({ data: { callFrames: callFrames } });
},
_addScript: function(script)
{
var resource = WebInspector.networkManager.inflightResourceForURL(script.sourceURL) || WebInspector.resourceForURL(script.sourceURL);
if (resource) {
if (resource.finished) {
// Resource is finished, bind the script right away.
script.resource = resource;
} else {
// Resource is not finished, bind the script later.
if (!resource._scriptsPendingResourceLoad) {
resource._scriptsPendingResourceLoad = [];
resource.addEventListener("finished", this._resourceLoadingFinished, this);
}
resource._scriptsPendingResourceLoad.push(script);
}
}
this._addScriptToFilesMenu(script);
},
_resourceLoadingFinished: function(e)
{
var resource = e.target;
var visible = false;
var select = this.filesSelectElement;
for (var i = 0; i < resource._scriptsPendingResourceLoad.length; ++i) {
// Bind script to resource.
var script = resource._scriptsPendingResourceLoad[i];
script.resource = resource;
if (select.options[select.selectedIndex] === script.filesSelectOption)
visible = true;
// Remove script from the files list.
script.filesSelectOption.parentElement.removeChild(script.filesSelectOption);
}
// Adding first script will add resource.
this._addScriptToFilesMenu(resource._scriptsPendingResourceLoad[0]);
delete resource._scriptsPendingResourceLoad;
if (visible)
this._showScriptOrResource(resource, { initialLoad: true });
},
addConsoleMessage: function(message)
{
this._messages.push(message);
var sourceFrame = this._urlToSourceFrame[message.url];
if (sourceFrame)
sourceFrame.addMessage(message);
},
clearConsoleMessages: function()
{
this._messages = [];
for (var url in this._urlToSourceFrame)
this._urlToSourceFrame[url].clearMessages();
},
selectedCallFrameId: function()
{
var selectedCallFrame = this.sidebarPanes.callstack.selectedCallFrame;
if (!selectedCallFrame)
return null;
return selectedCallFrame.id;
},
evaluateInSelectedCallFrame: function(code, updateInterface, objectGroup, includeCommandLineAPI, callback)
{
var selectedCallFrame = this.sidebarPanes.callstack.selectedCallFrame;
if (!this._paused || !selectedCallFrame)
return;
if (typeof updateInterface === "undefined")
updateInterface = true;
function updatingCallbackWrapper(result)
{
if (result) {
callback(WebInspector.RemoteObject.fromPayload(result));
if (updateInterface)
this.sidebarPanes.scopechain.update(selectedCallFrame);
}
}
InspectorBackend.evaluateOnCallFrame(selectedCallFrame.id, code, objectGroup, includeCommandLineAPI, updatingCallbackWrapper.bind(this));
},
_debuggerPaused: function(event)
{
var callFrames = event.data.callFrames;
this._paused = true;
this._waitingToPause = false;
this._stepping = false;
this._updateDebuggerButtons();
WebInspector.currentPanel = this;
this.sidebarPanes.callstack.update(event.data);
this.sidebarPanes.callstack.selectedCallFrame = callFrames[0];
window.focus();
InspectorFrontendHost.bringToFront();
},
_debuggerResumed: function()
{
this._paused = false;
this._waitingToPause = false;
this._stepping = false;
this._clearInterface();
},
debuggerWasEnabled: function()
{
this._setPauseOnExceptions(WebInspector.settings.pauseOnExceptionState);
if (this._debuggerEnabled)
return;
this._debuggerEnabled = true;
this.reset(true);
},
debuggerWasDisabled: function()
{
if (!this._debuggerEnabled)
return;
this._debuggerEnabled = false;
this.reset(true);
},
reset: function(preserveItems)
{
this.visibleView = null;
delete this.currentQuery;
this.searchCanceled();
this._debuggerResumed();
this._backForwardList = [];
this._currentBackForwardIndex = -1;
this._updateBackAndForwardButtons();
this._urlToSourceFrame = {};
this._messages = [];
this._resourceForURLInFilesSelect = {};
this.filesSelectElement.removeChildren();
this.functionsSelectElement.removeChildren();
this.viewsContainerElement.removeChildren();
this.sidebarPanes.watchExpressions.refreshExpressions();
if (!preserveItems)
this.sidebarPanes.workers.reset();
},
get visibleView()
{
return this._visibleView;
},
set visibleView(x)
{
if (this._visibleView === x)
return;
if (this._visibleView)
this._visibleView.hide();
this._visibleView = x;
if (x)
x.show(this.viewsContainerElement);
},
canShowSourceLine: function(url, line)
{
if (!this._debuggerEnabled)
return false;
return !!this._scriptOrResourceForURLAndLine(url, line);
},
showSourceLine: function(url, line)
{
var scriptOrResource = this._scriptOrResourceForURLAndLine(url, line);
this._showScriptOrResource(scriptOrResource, {line: line, shouldHighlightLine: true});
},
_scriptOrResourceForURLAndLine: function(url, line)
{
var scripts = WebInspector.debuggerModel.scriptsForURL(url);
for (var i = 0; i < scripts.length; ++i) {
var script = scripts[i];
if (script.resource)
return script.resource;
if (script.startingLine <= line && script.startingLine + script.linesCount > line)
return script;
}
return null;
},
showView: function(view)
{
if (!view)
return;
this._showScriptOrResource(view.resource || view.script);
},
handleShortcut: function(event)
{
var shortcut = WebInspector.KeyboardShortcut.makeKeyFromEvent(event);
var handler = this._shortcuts[shortcut];
if (handler) {
handler(event);
event.handled = true;
} else
this.sidebarPanes.callstack.handleShortcut(event);
},
_sourceFrameForScriptOrResource: function(scriptOrResource)
{
if (scriptOrResource instanceof WebInspector.Resource)
return this._sourceFrameForResource(scriptOrResource);
return this._sourceFrameForScript(scriptOrResource);
},
_sourceFrameForResource: function(resource)
{
var sourceFrame = this._urlToSourceFrame[resource.url];
if (sourceFrame)
return sourceFrame;
var contentProvider = new WebInspector.SourceFrameContentProviderForResource(resource);
var isScript = resource.type === WebInspector.Resource.Type.Script;
sourceFrame = new WebInspector.SourceFrame(contentProvider, resource.url, isScript);
for (var i = 0; i < this._messages.length; ++i) {
var message = this._messages[i];
if (this._messages[i].url === resource.url)
sourceFrame.addMessage(message);
}
this._urlToSourceFrame[resource.url] = sourceFrame;
return sourceFrame;
},
_sourceFrameForScript: function(script)
{
if (script._sourceFrame)
return script._sourceFrame;
var contentProvider = new WebInspector.SourceFrameContentProviderForScript(script);
script._sourceFrame = new WebInspector.SourceFrame(contentProvider, script.sourceURL, true);
return script._sourceFrame;
},
_showScriptOrResource: function(scriptOrResource, options)
{
// options = {line:, shouldHighlightLine:, fromBackForwardAction:, initialLoad:}
options = options || {};
if (!scriptOrResource)
return;
var view = this._sourceFrameForScriptOrResource(scriptOrResource);
if (!view)
return;
var url = scriptOrResource.url || scriptOrResource.sourceURL;
if (url && !options.initialLoad)
WebInspector.settings.lastViewedScriptFile = url;
if (!options.fromBackForwardAction) {
var oldIndex = this._currentBackForwardIndex;
if (oldIndex >= 0)
this._backForwardList.splice(oldIndex + 1, this._backForwardList.length - oldIndex);
// Check for a previous entry of the same object in _backForwardList.
// If one is found, remove it and update _currentBackForwardIndex to match.
var previousEntryIndex = this._backForwardList.indexOf(scriptOrResource);
if (previousEntryIndex !== -1) {
this._backForwardList.splice(previousEntryIndex, 1);
--this._currentBackForwardIndex;
}
this._backForwardList.push(scriptOrResource);
++this._currentBackForwardIndex;
this._updateBackAndForwardButtons();
}
this.visibleView = view;
if (options.line) {
if (view.revealLine)
view.revealLine(options.line);
if (view.highlightLine && options.shouldHighlightLine)
view.highlightLine(options.line);
}
var option;
if (scriptOrResource instanceof WebInspector.Script) {
option = scriptOrResource.filesSelectOption;
// hasn't been added yet - happens for stepping in evals,
// so use the force option to force the script into the menu.
if (!option) {
this._addScriptToFilesMenu(scriptOrResource, true);
option = scriptOrResource.filesSelectOption;
}
console.assert(option);
} else
option = scriptOrResource.filesSelectOption;
if (option)
this.filesSelectElement.selectedIndex = option.index;
},
_addScriptToFilesMenu: function(script, force)
{
if (!script.sourceURL && !force)
return;
if (script.resource) {
if (this._resourceForURLInFilesSelect[script.resource.url])
return;
this._resourceForURLInFilesSelect[script.resource.url] = script.resource;
}
var displayName = script.sourceURL ? WebInspector.displayNameForURL(script.sourceURL) : WebInspector.UIString("(program)");
var select = this.filesSelectElement;
var option = document.createElement("option");
option.representedObject = script.resource || script;
option.url = displayName;
option.startingLine = script.startingLine;
option.text = script.resource || script.startingLine === 1 ? displayName : String.sprintf("%s:%d", displayName, script.startingLine);
function optionCompare(a, b)
{
if (a.url < b.url)
return -1;
else if (a.url > b.url)
return 1;
if (typeof a.startingLine !== "number")
return -1;
if (typeof b.startingLine !== "number")
return -1;
return a.startingLine - b.startingLine;
}
var insertionIndex = insertionIndexForObjectInListSortedByFunction(option, select.childNodes, optionCompare);
if (insertionIndex < 0)
select.appendChild(option);
else
select.insertBefore(option, select.childNodes.item(insertionIndex));
if (script.resource)
script.resource.filesSelectOption = option;
else
script.filesSelectOption = option;
if (select.options[select.selectedIndex] === option) {
// Call _showScriptOrResource if the option we just appended ended up being selected.
// This will happen for the first item added to the menu.
this._showScriptOrResource(option.representedObject, {initialLoad: true});
} else {
// If not first item, check to see if this was the last viewed
var url = option.representedObject.url || option.representedObject.sourceURL;
var lastURL = WebInspector.settings.lastViewedScriptFile;
if (url && url === lastURL) {
// For resources containing multiple detection first.
this.line = this._line;
if (cursor !== this._internalJavaScriptTokenizer._line.length) {
// Tokenizer is stateless, so restore its condition before tokenizing and save it after.
this._internalJavaScriptTokenizer.condition = this._condition.internalJavaScriptTokenizerCondition;
var result = this._internalJavaScriptTokenizer.nextToken(cursor);
this.tokenType = this._internalJavaScriptTokenizer.tokenType;
this._condition.internalJavaScriptTokenizerCondition = this._internalJavaScriptTokenizer.condition;
return result;
} else if (cursor !== this._line.length)
delete this._internalJavaScriptTokenizer;
} else if (this._internalCSSTokenizer) {
// Re-set line to force detection first.
this.line = this._line;
if (cursor !== this._internalCSSTokenizer._line.length) {
// Tokenizer is stateless, so restore its condition before tokenizing and save it after.
this._internalCSSTokenizer.condition = this._condition.internalCSSTokenizerCondition;
var result = this._internalCSSTokenizer.nextToken(cursor);
this.tokenType = this._internalCSSTokenizer.tokenType;
this._condition.internalCSSTokenizerCondition = this._internalCSSTokenizer.condition;
return result;
} else if (cursor !== this._line.length)
delete this._internalCSSTokenizer;
}
var cursorOnEnter = cursor;
var gotoCase = 1;
while (1) {
switch (gotoCase)
// Following comment is replaced with generated state machine.
{
case 1: var yych;
var yyaccept = 0;
if (this.getLexCondition() < 3) {
if (this.getLexCondition() < 1) {
{ gotoCase = this.case_INITIAL; continue; };
} else {
if (this.getLexCondition() < 2) {
{ gotoCase = this.case_COMMENT; continue; };
} else {
{ gotoCase = this.case_DOCTYPE; continue; };
}
}
} else {
if (this.getLexCondition() < 4) {
{ gotoCase = this.case_TAG; continue; };
} else {
if (this.getLexCondition() < 5) {
{ gotoCase = this.case_DSTRING; continue; };
} else {
{ gotoCase = this.case_SSTRING; continue; };
}
}
}
/* *********************************** */
case this.case_COMMENT:
yych = this._charAt(cursor);
if (yych <= '\f') {
if (yych == '\n') { gotoCase = 4; continue; };
{ gotoCase = 3; continue; };
} else {
if (yych <= '\r') { gotoCase = 4; continue; };
if (yych == '-') { gotoCase = 6; continue; };
{ gotoCase = 3; continue; };
}
case 2:
{ this.tokenType = "html-comment"; return cursor; }
case 3:
yyaccept = 0;
yych = this._charAt(YYMARKER = ++cursor);
{ gotoCase = 9; continue; };
case 4:
++cursor;
case 5:
{ this.tokenType = null; return cursor; }
case 6:
yyaccept = 1;
yych = this._charAt(YYMARKER = ++cursor);
if (yych != '-') { gotoCase = 5; continue; };
case 7:
++cursor;
yych = this._charAt(cursor);
if (yych == '>') { gotoCase = 10; continue; };
case 8:
yyaccept = 0;
YYMARKER = ++cursor;
yych = this._charAt(cursor);
case 9:
if (yych <= '\f') {
if (yych == '\n') { gotoCase = 2; continue; };
{ gotoCase = 8; continue; };
} else {
if (yych <= '\r') { gotoCase = 2; continue; };
if (yych == '-') { gotoCase = 12; continue; };
{ gotoCase = 8; continue; };
}
case 10:
++cursor;
this.setLexCondition(this._lexConditions.INITIAL);
{ this.tokenType = "html-comment"; return cursor; }
case 12:
++cursor;
yych = this._charAt(cursor);
if (yych == '-') { gotoCase = 7; continue; };
cursor = YYMARKER;
if (yyaccept <= 0) {
{ gotoCase = 2; continue; };
} else {
{ gotoCase = 5; continue; };
}
/* *********************************** */
case this.case_DOCTYPE:
yych = this._charAt(cursor);
if (yych <= '\f') {
if (yych == '\n') { gotoCase = 18; continue; };
{ gotoCase = 17; continue; };
} else {
if (yych <= '\r') { gotoCase = 18; continue; };
if (yych == '>') { gotoCase = 20; continue; };
{ gotoCase = 17; continue; };
}
case 16:
{ this.tokenType = "html-doctype"; return cursor; }
case 17:
yych = this._charAt(++cursor);
{ gotoCase = 23; continue; };
case 18:
++cursor;
{ this.tokenType = null; return cursor; }
case 20:
++cursor;
this.setLexCondition(this._lexConditions.INITIAL);
{ this.tokenType = "html-doctype"; return cursor; }
case 22:
++cursor;
yych = this._charAt(cursor);
case 23:
if (yych <= '\f') {
if (yych == '\n') { gotoCase = 16; continue; };
{ gotoCase = 22; continue; };
} else {
if (yych <= '\r') { gotoCase = 16; continue; };
if (yych == '>') { gotoCase = 16; continue; };
{ gotoCase = 22; continue; };
}
/* *********************************** */
case this.case_DSTRING:
yych = this._charAt(cursor);
if (yych <= '\f') {
if (yych == '\n') { gotoCase = 28; continue; };
{ gotoCase = 27; continue; };
} else {
if (yych <= '\r') { gotoCase = 28; continue; };
if (yych == '"') { gotoCase = 30; continue; };
{ gotoCase = 27; continue; };
}
case 26:
{ return this._stringToken(cursor); }
case 27:
yych = this._charAt(++cursor);
{ gotoCase = 34; continue; };
case 28:
++cursor;
{ this.tokenType = null; return cursor; }
case 30:
++cursor;
case 31:
this.setLexCondition(this._lexConditions.TAG);
{ return this._stringToken(cursor, true); }
case 32:
yych = this._charAt(++cursor);
{ gotoCase = 31; continue; };
case 33:
++cursor;
yych = this._charAt(cursor);
case 34:
if (yych <= '\f') {
if (yych == '\n') { gotoCase = 26; continue; };
{ gotoCase = 33; continue; };
} else {
if (yych <= '\r') { gotoCase = 26; continue; };
if (yych == '"') { gotoCase = 32; continue; };
{ gotoCase = 33; continue; };
}
/* *********************************** */
case this.case_INITIAL:
yych = this._charAt(cursor);
if (yych == '<') { gotoCase = 39; continue; };
++cursor;
{ this.tokenType = null; return cursor; }
case 39:
yyaccept = 0;
yych = this._charAt(YYMARKER = ++cursor);
if (yych <= '/') {
if (yych == '!') { gotoCase = 44; continue; };
if (yych >= '/') { gotoCase = 41; continue; };
} else {
if (yych <= 'S') {
if (yych >= 'S') { gotoCase = 42; continue; };
} else {
if (yych == 's') { gotoCase = 42; continue; };
}
}
case 40:
this.setLexCondition(this._lexConditions.TAG);
{
if (this._condition.parseCondition & (this._parseConditions.SCRIPT | this._parseConditions.STYLE)) {
// Do not tokenize script and style tag contents, keep lexer state, even though processing "<".
this.setLexCondition(this._lexConditions.INITIAL);
this.tokenType = null;
return cursor;
}
this._condition.parseCondition = this._parseConditions.INITIAL;
this.tokenType = "html-tag";
return cursor;
}
case 41:
yyaccept = 0;
yych = this._charAt(YYMARKER = ++cursor);
if (yych == 'S') { gotoCase = 73; continue; };
if (yych == 's') { gotoCase = 73; continue; };
{ gotoCase = 40; continue; };
case 42:
yych = this._charAt(++cursor);
if (yych <= 'T') {
if (yych == 'C') { gotoCase = 62; continue; };
if (yych >= 'T') { gotoCase = 63; continue; };
} else {
if (yych <= 'c') {
if (yych >= 'c') { gotoCase = 62; continue; };
} else {
if (yych == 't') { gotoCase = 63; continue; };
}
}
case 43:
cursor = YYMARKER;
{ gotoCase = 40; continue; };
case 44:
yych = this._charAt(++cursor);
if (yych <= 'C') {
if (yych != '-') { gotoCase = 43; continue; };
} else {
if (yych <= 'D') { gotoCase = 46; continue; };
if (yych == 'd') { gotoCase = 46; continue; };
{ gotoCase = 43; continue; };
}
yych = this._charAt(++cursor);
if (yych == '-') { gotoCase = 54; continue; };
{ gotoCase = 43; continue; };
case 46:
yych = this._charAt(++cursor);
if (yych == 'O') { gotoCase = 47; continue; };
if (yych != 'o') { gotoCase = 43; continue; };
case 47:
yych = this._charAt(++cursor);
if (yych == 'C') { gotoCase = 48; continue; };
if (yych != 'c') { gotoCase = 43; continue; };
case 48:
yych = this._charAt(++cursor);
if (yych == 'T') { gotoCase = 49; continue; };
if (yych != 't') { gotoCase = 43; continue; };
case 49:
yych = this._charAt(++cursor);
if (yych == 'Y') { gotoCase = 50; continue; };
if (yych != 'y') { gotoCase = 43; continue; };
case 50:
yych = this._charAt(++cursor);
if (yych == 'P') { gotoCase = 51; continue; };
if (yych != 'p') { gotoCase = 43; continue; };
case 51:
yych = this._charAt(++cursor);
if (yych == 'E') { gotoCase = 52; continue; };
if (yych != 'e') { gotoCase = 43; continue; };
case 52:
++cursor;
this.setLexCondition(this._lexConditions.DOCTYPE);
{ this.tokenType = "html-doctype"; return cursor; }
case 54:
++cursor;
yych = this._charAt(cursor);
if (yych <= '\f') {
if (yych == '\n') { gotoCase = 57; continue; };
{ gotoCase = 54; continue; };
} else {
if (yych <= '\r') { gotoCase = 57; continue; };
if (yych != '-') { gotoCase = 54; continue; };
}
++cursor;
yych = this._charAt(cursor);
if (yych == '-') { gotoCase = 59; continue; };
{ gotoCase = 43; continue; };
case 57:
++cursor;
this.setLexCondition(this._lexConditions.COMMENT);
{ this.tokenType = "html-comment"; return cursor; }
case 59:
++cursor;
yych = this._charAt(cursor);
if (yych != '>') { gotoCase = 54; continue; };
++cursor;
{ this.tokenType = "html-comment"; return cursor; }
case 62:
yych = this._charAt(++cursor);
if (yych == 'R') { gotoCase = 68; continue; };
if (yych == 'r') { gotoCase = 68; continue; };
{ gotoCase = 43; continue; };
case 63:
yych = this._charAt(++cursor);
if (yych == 'Y') { gotoCase = 64; continue; };
if (yych != 'y') { gotoCase = 43; continue; };
case 64:
yych = this._charAt(++cursor);
if (yych == 'L') { gotoCase = 65; continue; };
if (yych != 'l') { gotoCase = 43; continue; };
case 65:
yych = this._charAt(++cursor);
if (yych == 'E') { gotoCase = 66; continue; };
if (yych != 'e') { gotoCase = 43; continue; };
case 66:
++cursor;
this.setLexCondition(this._lexConditions.TAG);
{
if (this._condition.parseCondition & this._parseConditions.STYLE) {
// Do not tokenize style tag contents, keep lexer state, even though processing "<".
this.setLexCondition(this._lexConditions.INITIAL);
this.tokenType = null;
return cursor;
}
this.tokenType = "html-tag";
this._condition.parseCondition = this._parseConditions.STYLE;
this._setExpectingAttribute();
return cursor;
}
case 68:
yych = this._charAt(++cursor);
if (yych == 'I') { gotoCase = 69; continue; };
if (yych != 'i') { gotoCase = 43; continue; };
case 69:
yych = this._charAt(++cursor);
if (yych == 'P') { gotoCase = 70; continue; };
if (yych != 'p') { gotoCase = 43; continue; };
case 70:
yych = this._charAt(++cursor);
if (yych == 'T') { gotoCase = 71; continue; };
if (yych != 't') { gotoCase = 43; continue; };
case 71:
++cursor;
this.setLexCondition(this._lexConditions.TAG);
{
if (this._condition.parseCondition & this._parseConditions.SCRIPT) {
// Do not tokenize script tag contents, keep lexer state, even though processing "<".
this.setLexCondition(this._lexConditions.INITIAL);
this.tokenType = null;
return cursor;
}
this.tokenType = "html-tag";
this._condition.parseCondition = this._parseConditions.SCRIPT;
this._setExpectingAttribute();
return cursor;
}
case 73:
yych = this._charAt(++cursor);
if (yych <= 'T') {
if (yych == 'C') { gotoCase = 75; continue; };
if (yych <= 'S') { gotoCase = 43; continue; };
} else {
if (yych <= 'c') {
if (yych <= 'b') { gotoCase = 43; continue; };
{ gotoCase = 75; continue; };
} else {
if (yych != 't') { gotoCase = 43; continue; };
}
}
yych = this._charAt(++cursor);
if (yych == 'Y') { gotoCase = 81; continue; };
if (yych == 'y') { gotoCase = 81; continue; };
{ gotoCase = 43; continue; };
case 75:
yych = this._charAt(++cursor);
if (yych == 'R') { gotoCase = 76; continue; };
if (yych != 'r') { gotoCase = 43; continue; };
case 76:
yych = this._charAt(++cursor);
if (yych == 'I') { gotoCase = 77; continue; };
if (yych != 'i') { gotoCase = 43; continue; };
case 77:
yych = this._charAt(++cursor);
if (yych == 'P') { gotoCase = 78; continue; };
if (yych != 'p') { gotoCase = 43; continue; };
case 78:
yych = this._charAt(++cursor);
if (yych == 'T') { gotoCase = 79; continue; };
if (yych != 't') { gotoCase = 43; continue; };
case 79:
++cursor;
this.setLexCondition(this._lexConditions.TAG);
{
this.tokenType = "html-tag";
this._condition.parseCondition = this._parseConditions.INITIAL;
return cursor;
}
case 81:
yych = this._charAt(++cursor);
if (yych == 'L') { gotoCase = 82; continue; };
if (yych != 'l') { gotoCase = 43; continue; };
case 82:
yych = this._charAt(++cursor);
if (yych == 'E') { gotoCase = 83; continue; };
if (yych != 'e') { gotoCase = 43; continue; };
case 83:
++cursor;
this.setLexCondition(this._lexConditions.TAG);
{
this.tokenType = "html-tag";
this._condition.parseCondition = this._parseConditions.INITIAL;
return cursor;
}
/* *********************************** */
case this.case_SSTRING:
yych = this._charAt(cursor);
if (yych <= '\f') {
if (yych == '\n') { gotoCase = 89; continue; };
{ gotoCase = 88; continue; };
} else {
if (yych <= '\r') { gotoCase = 89; continue; };
if (yych == '\'') { gotoCase = 91; continue; };
{ gotoCase = 88; continue; };
}
case 87:
{ return this._stringToken(cursor); }
case 88:
yych = this._charAt(++cursor);
{ gotoCase = 95; continue; };
case 89:
++cursor;
{ this.tokenType = null; return cursor; }
case 91:
++cursor;
case 92:
this.setLexCondition(this._lexConditions.TAG);
{ return this._stringToken(cursor, true); }
case 93:
yych = this._charAt(++cursor);
{ gotoCase = 92; continue; };
case 94:
++cursor;
yych = this._charAt(cursor);
case 95:
if (yych <= '\f') {
if (yych == '\n') { gotoCase = 87; continue; };
{ gotoCase = 94; continue; };
} else {
if (yych <= '\r') { gotoCase = 87; continue; };
if (yych == '\'') { gotoCase = 93; continue; };
{ gotoCase = 94; continue; };
}
/* *********************************** */
case this.case_TAG:
yych = this._charAt(cursor);
if (yych <= '&') {
if (yych <= '\r') {
if (yych == '\n') { gotoCase = 100; continue; };
if (yych >= '\r') { gotoCase = 100; continue; };
} else {
if (yych <= ' ') {
if (yych >= ' ') { gotoCase = 100; continue; };
} else {
if (yych == '"') { gotoCase = 102; continue; };
}
}
} else {
if (yych <= '>') {
if (yych <= ';') {
if (yych <= '\'') { gotoCase = 103; continue; };
} else {
if (yych <= '<') { gotoCase = 100; continue; };
if (yych <= '=') { gotoCase = 104; continue; };
{ gotoCase = 106; continue; };
}
} else {
if (yych <= '[') {
if (yych >= '[') { gotoCase = 100; continue; };
} else {
if (yych == ']') { gotoCase = 100; continue; };
}
}
}
++cursor;
yych = this._charAt(cursor);
{ gotoCase = 119; continue; };
case 99:
{
if (this._condition.parseCondition === this._parseConditions.SCRIPT || this._condition.parseCondition === this._parseConditions.STYLE) {
// Fall through if expecting attributes.
this.tokenType = null;
return cursor;
}
if (this._condition.parseCondition === this._parseConditions.INITIAL) {
this.tokenType = "html-tag";
this._setExpectingAttribute();
var token = this._line.substring(cursorOnEnter, cursor);
if (token === "a")
this._condition.parseCondition |= this._parseConditions.A_NODE;
else if (this._condition.parseCondition & this._parseConditions.A_NODE)
this._condition.parseCondition ^= this._parseConditions.A_NODE;
} else if (this._isExpectingAttribute()) {
var token = this._line.substring(cursorOnEnter, cursor);
if (token === "href" || token === "src")
this._condition.parseCondition |= this._parseConditions.LINKIFY;
else if (this._condition.parseCondition |= this._parseConditions.LINKIFY)
this._condition.parseCondition ^= this._parseConditions.LINKIFY;
this.tokenType = "html-attribute-name";
} else if (this._isExpectingAttributeValue())
this.tokenType = this._attrValueTokenType();
else
this.tokenType = null;
return cursor;
}
case 100:
++cursor;
{ this.tokenType = null; return cursor; }
case 102:
yyaccept = 0;
yych = this._charAt(YYMARKER = ++cursor);
{ gotoCase = 115; continue; };
case 103:
yyaccept = 0;
yych = this._charAt(YYMARKER = ++cursor);
{ gotoCase = 109; continue; };
case 104:
++cursor;
{
if (this._isExpectingAttribute())
this._setExpectingAttributeValue();
this.tokenType = null;
return cursor;
}
case 106:
++cursor;
this.setLexCondition(this._lexConditions.INITIAL);
{
this.tokenType = "html-tag";
if (this._condition.parseCondition & this._parseConditions.SCRIPT) {
if (!this._internalJavaScriptTokenizer) {
this._internalJavaScriptTokenizer = WebInspector.SourceTokenizer.Registry.getInstance().getTokenizer("text/javascript");
this._condition.internalJavaScriptTokenizerCondition = this._internalJavaScriptTokenizer.initialCondition;
}
// Do not tokenize script tag contents.
return cursor;
}
if (this._condition.parseCondition & this._parseConditions.STYLE) {
if (!this._internalCSSTokenizer) {
this._internalCSSTokenizer = WebInspector.SourceTokenizer.Registry.getInstance().getTokenizer("text/css");
this._condition.internalCSSTokenizerCondition = this._internalCSSTokenizer.initialCondition;
}
// Do not tokenize style tag contents.
return cursor;
}
this._condition.parseCondition = this._parseConditions.INITIAL;
return cursor;
}
case 108:
++cursor;
yych = this._charAt(cursor);
case 109:
if (yych <= '\f') {
if (yych != '\n') { gotoCase = 108; continue; };
} else {
if (yych <= '\r') { gotoCase = 110; continue; };
if (yych == '\'') { gotoCase = 112; continue; };
{ gotoCase = 108; continue; };
}
case 110:
++cursor;
this.setLexCondition(this._lexConditions.SSTRING);
{ return this._stringToken(cursor); }
case 112:
++cursor;
{ return this._stringToken(cursor, true); }
case 114:
++cursor;
yych = this._charAt(cursor);
case 115:
if (yych <= '\f') {
if (yych != '\n') { gotoCase = 114; continue; };
} else {
if (yych <= '\r') { gotoCase = 116; continue; };
if (yych == '"') { gotoCase = 112; continue; };
{ gotoCase = 114; continue; };
}
case 116:
++cursor;
this.setLexCondition(this._lexConditions.DSTRING);
{ return this._stringToken(cursor); }
case 118:
++cursor;
yych = this._charAt(cursor);
case 119:
if (yych <= '"') {
if (yych <= '\r') {
if (yych == '\n') { gotoCase = 99; continue; };
if (yych <= '\f') { gotoCase = 118; continue; };
{ gotoCase = 99; continue; };
} else {
if (yych == ' ') { gotoCase = 99; continue; };
if (yych <= '!') { gotoCase = 118; continue; };
{ gotoCase = 99; continue; };
}
} else {
if (yych <= '>') {
if (yych == '\'') { gotoCase = 99; continue; };
if (yych <= ';') { gotoCase = 118; continue; };
{ gotoCase = 99; continue; };
} else {
if (yych <= '[') {
if (yych <= 'Z') { gotoCase = 118; continue; };
{ gotoCase = 99; continue; };
} else {
if (yych == ']') { gotoCase = 99; continue; };
{ gotoCase = 118; continue; };
}
}
}
}
}
}
}
WebInspector.SourceHTMLTokenizer.prototype.__proto__ = WebInspector.SourceTokenizer.prototype;
================================================
FILE: buildin_modules/weinre/web/client/SourceHTMLTokenizer.re2js
================================================
/*
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
// Generate js file as follows:
//
// re2c -isc WebCore/inspector/front-end/SourceHTMLTokenizer.re2js \
// | sed 's|^yy\([^:]*\)*\:|case \1:|' \
// | sed 's|[*]cursor[+][+]|this._charAt(cursor++)|' \
// | sed 's|[[*][+][+]cursor|this._charAt(++cursor)|' \
// | sed 's|[*]cursor|this._charAt(cursor)|' \
// | sed 's|yych = \*\([^;]*\)|yych = this._charAt\1|' \
// | sed 's|goto case \([^;]*\)|{ gotoCase = \1; continue; }|' \
// | sed 's|unsigned\ int|var|' \
// | sed 's|var\ yych|case 1: var yych|'
WebInspector.SourceHTMLTokenizer = function()
{
WebInspector.SourceTokenizer.call(this);
// The order is determined by the generated code.
this._lexConditions = {
INITIAL: 0,
COMMENT: 1,
DOCTYPE: 2,
TAG: 3,
DSTRING: 4,
SSTRING: 5
};
this.case_INITIAL = 1000;
this.case_COMMENT = 1001;
this.case_DOCTYPE = 1002;
this.case_TAG = 1003;
this.case_DSTRING = 1004;
this.case_SSTRING = 1005;
this._parseConditions = {
INITIAL: 0,
ATTRIBUTE: 1,
ATTRIBUTE_VALUE: 2,
LINKIFY: 4,
A_NODE: 8,
SCRIPT: 16,
STYLE: 32
};
this.initialCondition = { lexCondition: this._lexConditions.INITIAL, parseCondition: this._parseConditions.INITIAL };
this.condition = this.initialCondition;
}
WebInspector.SourceHTMLTokenizer.prototype = {
set line(line) {
if (this._internalJavaScriptTokenizer) {
var match = /<\/script/i.exec(line);
if (match) {
this._internalJavaScriptTokenizer.line = line.substring(0, match.index);
} else
this._internalJavaScriptTokenizer.line = line;
} else if (this._internalCSSTokenizer) {
var match = /<\/style/i.exec(line);
if (match) {
this._internalCSSTokenizer.line = line.substring(0, match.index);
} else
this._internalCSSTokenizer.line = line;
}
this._line = line;
},
_isExpectingAttribute: function()
{
return this._condition.parseCondition & this._parseConditions.ATTRIBUTE;
},
_isExpectingAttributeValue: function()
{
return this._condition.parseCondition & this._parseConditions.ATTRIBUTE_VALUE;
},
_setExpectingAttribute: function()
{
if (this._isExpectingAttributeValue())
this._condition.parseCondition ^= this._parseConditions.ATTRIBUTE_VALUE;
this._condition.parseCondition |= this._parseConditions.ATTRIBUTE;
},
_setExpectingAttributeValue: function()
{
if (this._isExpectingAttribute())
this._condition.parseCondition ^= this._parseConditions.ATTRIBUTE;
this._condition.parseCondition |= this._parseConditions.ATTRIBUTE_VALUE;
},
_stringToken: function(cursor, stringEnds)
{
if (!this._isExpectingAttributeValue()) {
this.tokenType = null;
return cursor;
}
this.tokenType = this._attrValueTokenType();
if (stringEnds)
this._setExpectingAttribute();
return cursor;
},
_attrValueTokenType: function()
{
if (this._condition.parseCondition & this._parseConditions.LINKIFY) {
if (this._condition.parseCondition & this._parseConditions.A_NODE)
return "html-external-link";
return "html-resource-link";
}
return "html-attribute-value";
},
nextToken: function(cursor)
{
if (this._internalJavaScriptTokenizer) {
// Re-set line to force detection first.
this.line = this._line;
if (cursor !== this._internalJavaScriptTokenizer._line.length) {
// Tokenizer is stateless, so restore its condition before tokenizing and save it after.
this._internalJavaScriptTokenizer.condition = this._condition.internalJavaScriptTokenizerCondition;
var result = this._internalJavaScriptTokenizer.nextToken(cursor);
this.tokenType = this._internalJavaScriptTokenizer.tokenType;
this._condition.internalJavaScriptTokenizerCondition = this._internalJavaScriptTokenizer.condition;
return result;
} else if (cursor !== this._line.length)
delete this._internalJavaScriptTokenizer;
} else if (this._internalCSSTokenizer) {
// Re-set line to force detection first.
this.line = this._line;
if (cursor !== this._internalCSSTokenizer._line.length) {
// Tokenizer is stateless, so restore its condition before tokenizing and save it after.
this._internalCSSTokenizer.condition = this._condition.internalCSSTokenizerCondition;
var result = this._internalCSSTokenizer.nextToken(cursor);
this.tokenType = this._internalCSSTokenizer.tokenType;
this._condition.internalCSSTokenizerCondition = this._internalCSSTokenizer.condition;
return result;
} else if (cursor !== this._line.length)
delete this._internalCSSTokenizer;
}
var cursorOnEnter = cursor;
var gotoCase = 1;
while (1) {
switch (gotoCase)
// Following comment is replaced with generated state machine.
/*!re2c
re2c:define:YYCTYPE = "var";
re2c:define:YYCURSOR = cursor;
re2c:define:YYGETCONDITION = "this.getLexCondition";
re2c:define:YYSETCONDITION = "this.setLexCondition";
re2c:condprefix = "case this.case_";
re2c:condenumprefix = "this._lexConditions.";
re2c:yyfill:enable = 0;
re2c:labelprefix = "case ";
re2c:indent:top = 2;
re2c:indent:string = " ";
CommentContent = ([^-\r\n] | ("--" [^>]))*;
Comment = "";
CommentStart = "";
DocTypeStart = "]*;
ScriptStart = "<" [Ss] [Cc] [Rr] [Ii] [Pp] [Tt];
ScriptEnd = "";
EqualSign = "=";
DoubleStringContent = [^\r\n\"]*;
SingleStringContent = [^\r\n\']*;
StringLiteral = "\"" DoubleStringContent "\"" | "'" SingleStringContent "'";
DoubleStringStart = "\"" DoubleStringContent [\r\n];
DoubleStringEnd = DoubleStringContent "\"";
SingleStringStart = "'" SingleStringContent [\r\n];
SingleStringEnd = SingleStringContent "'";
Identifier = [^ \r\n"'<>\[\]=]+;
Division => NODIV { this.tokenType = null; return cursor; }
<*> [^] { this.tokenType = null; return cursor; }
*/
}
}
}
WebInspector.SourceJavaScriptTokenizer.prototype.__proto__ = WebInspector.SourceTokenizer.prototype;
================================================
FILE: buildin_modules/weinre/web/client/SourceTokenizer.js
================================================
/* Generated by re2c 0.13.5 on Tue Jan 26 01:16:33 2010 */
/*
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.SourceTokenizer = function()
{
}
WebInspector.SourceTokenizer.prototype = {
set line(line) {
this._line = line;
},
set condition(condition)
{
this._condition = condition;
},
get condition()
{
return this._condition;
},
get subTokenizer()
{
return this._condition.subTokenizer;
},
getLexCondition: function()
{
return this.condition.lexCondition;
},
setLexCondition: function(lexCondition)
{
this.condition.lexCondition = lexCondition;
},
_charAt: function(cursor)
{
return cursor < this._line.length ? this._line.charAt(cursor) : "\n";
}
}
WebInspector.SourceTokenizer.Registry = function() {
this._tokenizers = {};
this._tokenizerConstructors = {
"text/css": "SourceCSSTokenizer",
"text/html": "SourceHTMLTokenizer",
"text/javascript": "SourceJavaScriptTokenizer"
};
}
WebInspector.SourceTokenizer.Registry.getInstance = function()
{
if (!WebInspector.SourceTokenizer.Registry._instance)
WebInspector.SourceTokenizer.Registry._instance = new WebInspector.SourceTokenizer.Registry();
return WebInspector.SourceTokenizer.Registry._instance;
}
WebInspector.SourceTokenizer.Registry.prototype = {
getTokenizer: function(mimeType)
{
if (!this._tokenizerConstructors[mimeType])
return null;
var tokenizerClass = this._tokenizerConstructors[mimeType];
var tokenizer = this._tokenizers[tokenizerClass];
if (!tokenizer) {
tokenizer = new WebInspector[tokenizerClass]();
this._tokenizers[mimeType] = tokenizer;
}
return tokenizer;
}
}
================================================
FILE: buildin_modules/weinre/web/client/StatusBarButton.js
================================================
/*
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.StatusBarButton = function(title, className, states)
{
this.element = document.createElement("button");
this.element.className = className + " status-bar-item";
this.element.addEventListener("click", this._clicked.bind(this), false);
this.glyph = document.createElement("div");
this.glyph.className = "glyph";
this.element.appendChild(this.glyph);
this.glyphShadow = document.createElement("div");
this.glyphShadow.className = "glyph shadow";
this.element.appendChild(this.glyphShadow);
this.states = states;
if (!states)
this.states = 2;
if (states == 2)
this._state = false;
else
this._state = 0;
this.title = title;
this.disabled = false;
this._visible = true;
}
WebInspector.StatusBarButton.prototype = {
_clicked: function()
{
this.dispatchEventToListeners("click");
},
get disabled()
{
return this._disabled;
},
set disabled(x)
{
if (this._disabled === x)
return;
this._disabled = x;
this.element.disabled = x;
},
get title()
{
return this._title;
},
set title(x)
{
if (this._title === x)
return;
this._title = x;
this.element.title = x;
},
get state()
{
return this._state;
},
set state(x)
{
if (this._state === x)
return;
if (this.states === 2) {
if (x)
this.element.addStyleClass("toggled-on");
else
this.element.removeStyleClass("toggled-on");
} else {
if (x !== 0) {
this.element.removeStyleClass("toggled-" + this._state);
this.element.addStyleClass("toggled-" + x);
} else
this.element.removeStyleClass("toggled-" + this._state);
}
this._state = x;
},
get toggled()
{
if (this.states !== 2)
throw("Only used toggled when there are 2 states, otherwise, use state");
return this.state;
},
set toggled(x)
{
if (this.states !== 2)
throw("Only used toggled when there are 2 states, otherwise, use state");
this.state = x;
},
get visible()
{
return this._visible;
},
set visible(x)
{
if (this._visible === x)
return;
if (x)
this.element.removeStyleClass("hidden");
else
this.element.addStyleClass("hidden");
this._visible = x;
}
}
WebInspector.StatusBarButton.prototype.__proto__ = WebInspector.Object.prototype;
================================================
FILE: buildin_modules/weinre/web/client/StylesSidebarPane.js
================================================
/*
* Copyright (C) 2007 Apple Inc. All rights reserved.
* Copyright (C) 2009 Joseph Pecoraro
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.StylesSidebarPane = function(computedStylePane)
{
WebInspector.SidebarPane.call(this, WebInspector.UIString("Styles"));
this.settingsSelectElement = document.createElement("select");
var option = document.createElement("option");
option.value = "original";
option.action = this._changeColorFormat.bind(this);
option.label = WebInspector.UIString("As Authored");
this.settingsSelectElement.appendChild(option);
var option = document.createElement("option");
option.value = "hex";
option.action = this._changeColorFormat.bind(this);
option.label = WebInspector.UIString("Hex Colors");
this.settingsSelectElement.appendChild(option);
option = document.createElement("option");
option.value = "rgb";
option.action = this._changeColorFormat.bind(this);
option.label = WebInspector.UIString("RGB Colors");
this.settingsSelectElement.appendChild(option);
option = document.createElement("option");
option.value = "hsl";
option.action = this._changeColorFormat.bind(this);
option.label = WebInspector.UIString("HSL Colors");
this.settingsSelectElement.appendChild(option);
this.settingsSelectElement.appendChild(document.createElement("hr"));
option = document.createElement("option");
option.action = this._createNewRule.bind(this);
option.label = WebInspector.UIString("New Style Rule");
this.settingsSelectElement.appendChild(option);
this.settingsSelectElement.addEventListener("click", function(event) { event.stopPropagation() }, false);
this.settingsSelectElement.addEventListener("change", this._changeSetting.bind(this), false);
var format = WebInspector.settings.colorFormat;
if (format === "original")
this.settingsSelectElement[0].selected = true;
else if (format === "hex")
this.settingsSelectElement[1].selected = true;
else if (format === "rgb")
this.settingsSelectElement[2].selected = true;
else if (format === "hsl")
this.settingsSelectElement[3].selected = true;
this.titleElement.appendChild(this.settingsSelectElement);
this._computedStylePane = computedStylePane;
this.element.addEventListener("contextmenu", this._contextMenuEventFired.bind(this), true);
}
WebInspector.StylesSidebarPane.StyleValueDelimiters = " \t\n\"':;,/()";
// Taken from http://www.w3.org/TR/CSS21/propidx.html.
WebInspector.StylesSidebarPane.InheritedProperties = [
"azimuth", "border-collapse", "border-spacing", "caption-side", "color", "cursor", "direction", "elevation",
"empty-cells", "font-family", "font-size", "font-style", "font-variant", "font-weight", "font", "letter-spacing",
"line-height", "list-style-image", "list-style-position", "list-style-type", "list-style", "orphans", "pitch-range",
"pitch", "quotes", "richness", "speak-header", "speak-numeral", "speak-punctuation", "speak", "speech-rate", "stress",
"text-align", "text-indent", "text-transform", "text-shadow", "visibility", "voice-family", "volume", "white-space", "widows", "word-spacing"
].keySet();
// Keep in sync with RenderStyleConstants.h PseudoId enum. Array below contains pseudo id names for corresponding enum indexes.
// First item is empty due to its artificial NOPSEUDO nature in the enum.
// FIXME: find a way of generating this mapping or getting it from combination of RenderStyleConstants and CSSSelector.cpp at
// runtime.
WebInspector.StylesSidebarPane.PseudoIdNames = [
"", "first-line", "first-letter", "before", "after", "selection", "", "-webkit-scrollbar", "-webkit-file-upload-button",
"-webkit-input-placeholder", "-webkit-slider-thumb", "-webkit-search-cancel-button", "-webkit-search-decoration",
"-webkit-search-results-decoration", "-webkit-search-results-button", "-webkit-media-controls-panel",
"-webkit-media-controls-play-button", "-webkit-media-controls-mute-button", "-webkit-media-controls-timeline",
"-webkit-media-controls-timeline-container", "-webkit-media-controls-volume-slider",
"-webkit-media-controls-volume-slider-container", "-webkit-media-controls-current-time-display",
"-webkit-media-controls-time-remaining-display", "-webkit-media-controls-seek-back-button", "-webkit-media-controls-seek-forward-button",
"-webkit-media-controls-fullscreen-button", "-webkit-media-controls-rewind-button", "-webkit-media-controls-return-to-realtime-button",
"-webkit-media-controls-toggle-closed-captions-button", "-webkit-media-controls-status-display", "-webkit-scrollbar-thumb",
"-webkit-scrollbar-button", "-webkit-scrollbar-track", "-webkit-scrollbar-track-piece", "-webkit-scrollbar-corner",
"-webkit-resizer", "-webkit-input-list-button", "-webkit-inner-spin-button", "-webkit-outer-spin-button"
];
WebInspector.StylesSidebarPane.prototype = {
_contextMenuEventFired: function(event)
{
var href = event.target.enclosingNodeOrSelfWithClass("webkit-html-resource-link") || event.target.enclosingNodeOrSelfWithClass("webkit-html-external-link");
if (href) {
var contextMenu = new WebInspector.ContextMenu();
var filled = WebInspector.panels.elements.populateHrefContextMenu(contextMenu, event, href);
if (filled)
contextMenu.show(event);
}
},
update: function(node, editedSection, forceUpdate)
{
var refresh = false;
if (forceUpdate)
delete this.node;
if (!forceUpdate && (!node || node === this.node))
refresh = true;
if (node && node.nodeType === Node.TEXT_NODE && node.parentNode)
node = node.parentNode;
if (node && node.nodeType !== Node.ELEMENT_NODE)
node = null;
if (node)
this.node = node;
else
node = this.node;
if (!node) {
this.bodyElement.removeChildren();
this._computedStylePane.bodyElement.removeChildren();
this.sections = {};
return;
}
function stylesCallback(styles)
{
if (styles)
this._rebuildUpdate(node, styles);
}
function computedStyleCallback(computedStyle)
{
if (computedStyle)
this._refreshUpdate(node, computedStyle, editedSection);
}
if (refresh)
WebInspector.cssModel.getComputedStyleAsync(node.id, computedStyleCallback.bind(this));
else
WebInspector.cssModel.getStylesAsync(node.id, stylesCallback.bind(this));
},
_refreshUpdate: function(node, computedStyle, editedSection)
{
for (var pseudoId in this.sections) {
var styleRules = this._refreshStyleRules(this.sections[pseudoId], computedStyle);
var usedProperties = {};
var disabledComputedProperties = {};
this._markUsedProperties(styleRules, usedProperties, disabledComputedProperties);
this._refreshSectionsForStyleRules(styleRules, usedProperties, disabledComputedProperties, editedSection);
}
// Trace the computed style.
this.sections[0][0].rebuildComputedTrace(this.sections[0]);
},
_rebuildUpdate: function(node, styles)
{
this.bodyElement.removeChildren();
this._computedStylePane.bodyElement.removeChildren();
var styleRules = this._rebuildStyleRules(node, styles);
var usedProperties = {};
var disabledComputedProperties = {};
this._markUsedProperties(styleRules, usedProperties, disabledComputedProperties);
this.sections[0] = this._rebuildSectionsForStyleRules(styleRules, usedProperties, disabledComputedProperties, 0);
var anchorElement = this.sections[0].inheritedPropertiesSeparatorElement;
// Trace the computed style.
this.sections[0][0].rebuildComputedTrace(this.sections[0]);
for (var i = 0; i < styles.pseudoElements.length; ++i) {
var pseudoElementCSSRules = styles.pseudoElements[i];
styleRules = [];
var pseudoId = pseudoElementCSSRules.pseudoId;
var entry = { isStyleSeparator: true, pseudoId: pseudoId };
styleRules.push(entry);
// Add rules in reverse order to match the cascade order.
for (var j = pseudoElementCSSRules.rules.length - 1; j >= 0; --j) {
var rule = pseudoElementCSSRules.rules[j];
styleRules.push({ style: rule.style, selectorText: rule.selectorText, sourceURL: rule.sourceURL, rule: rule, editable: !!(rule.style && rule.style.id) });
}
usedProperties = {};
disabledComputedProperties = {};
this._markUsedProperties(styleRules, usedProperties, disabledComputedProperties);
this.sections[pseudoId] = this._rebuildSectionsForStyleRules(styleRules, usedProperties, disabledComputedProperties, pseudoId, anchorElement);
}
},
_refreshStyleRules: function(sections, computedStyle)
{
var nodeComputedStyle = computedStyle;
var styleRules = [];
for (var i = 0; sections && i < sections.length; ++i) {
var section = sections[i];
if (section instanceof WebInspector.BlankStylePropertiesSection)
continue;
if (section.computedStyle)
section.styleRule.style = nodeComputedStyle;
var styleRule = { section: section, style: section.styleRule.style, computedStyle: section.computedStyle, rule: section.rule, editable: !!(section.styleRule.style && section.styleRule.style.id) };
styleRules.push(styleRule);
}
return styleRules;
},
_rebuildStyleRules: function(node, styles)
{
var nodeComputedStyle = styles.computedStyle;
this.sections = {};
var styleRules = [];
styleRules.push({ computedStyle: true, selectorText: "", style: nodeComputedStyle, editable: false });
var styleAttributes = {};
for (var name in styles.styleAttributes) {
var attrStyle = { style: styles.styleAttributes[name], editable: false };
attrStyle.selectorText = WebInspector.panels.elements.treeOutline.nodeNameToCorrectCase(node.nodeName) + "[" + name;
if (node.getAttribute(name))
attrStyle.selectorText += "=" + node.getAttribute(name);
attrStyle.selectorText += "]";
styleRules.push(attrStyle);
}
// Show element's Style Attributes
if (styles.inlineStyle && node.nodeType === Node.ELEMENT_NODE) {
var inlineStyle = { selectorText: "element.style", style: styles.inlineStyle, isAttribute: true };
styleRules.push(inlineStyle);
}
// Add rules in reverse order to match the cascade order.
if (styles.matchedCSSRules.length)
styleRules.push({ isStyleSeparator: true, text: WebInspector.UIString("Matched CSS Rules") });
for (var i = styles.matchedCSSRules.length - 1; i >= 0; --i) {
var rule = styles.matchedCSSRules[i];
styleRules.push({ style: rule.style, selectorText: rule.selectorText, sourceURL: rule.sourceURL, rule: rule, editable: !!(rule.style && rule.style.id) });
}
// Walk the node structure and identify styles with inherited properties.
var parentNode = node.parentNode;
function insertInheritedNodeSeparator(node)
{
var entry = {};
entry.isStyleSeparator = true;
entry.node = node;
styleRules.push(entry);
}
for (var parentOrdinal = 0; parentOrdinal < styles.inherited.length; ++parentOrdinal) {
var parentStyles = styles.inherited[parentOrdinal];
var separatorInserted = false;
if (parentStyles.inlineStyle) {
if (this._containsInherited(parentStyles.inlineStyle)) {
var inlineStyle = { selectorText: WebInspector.UIString("Style Attribute"), style: parentStyles.inlineStyle, isAttribute: true, isInherited: true };
if (!separatorInserted) {
insertInheritedNodeSeparator(parentNode);
separatorInserted = true;
}
styleRules.push(inlineStyle);
}
}
for (var i = parentStyles.matchedCSSRules.length - 1; i >= 0; --i) {
var rulePayload = parentStyles.matchedCSSRules[i];
if (!this._containsInherited(rulePayload.style))
continue;
var rule = rulePayload;
if (!separatorInserted) {
insertInheritedNodeSeparator(parentNode);
separatorInserted = true;
}
styleRules.push({ style: rule.style, selectorText: rule.selectorText, sourceURL: rule.sourceURL, rule: rule, isInherited: true, editable: !!(rule.style && rule.style.id) });
}
parentNode = parentNode.parentNode;
}
return styleRules;
},
_markUsedProperties: function(styleRules, usedProperties, disabledComputedProperties)
{
var priorityUsed = false;
// Walk the style rules and make a list of all used and overloaded properties.
for (var i = 0; i < styleRules.length; ++i) {
var styleRule = styleRules[i];
if (styleRule.computedStyle || styleRule.isStyleSeparator)
continue;
if (styleRule.section && styleRule.section.noAffect)
continue;
styleRule.usedProperties = {};
var style = styleRule.style;
var allProperties = style.allProperties;
for (var j = 0; j < allProperties.length; ++j) {
var property = allProperties[j];
if (!property.isLive)
continue;
var name = property.name;
if (!priorityUsed && property.priority.length)
priorityUsed = true;
// If the property name is already used by another rule then this rule's
// property is overloaded, so don't add it to the rule's usedProperties.
if (!(name in usedProperties))
styleRule.usedProperties[name] = true;
if (name === "font") {
// The font property is not reported as a shorthand. Report finding the individual
// properties so they are visible in computed style.
// FIXME: remove this when http://bugs.webkit.org/show_bug.cgi?id=15598 is fixed.
styleRule.usedProperties["font-family"] = true;
styleRule.usedProperties["font-size"] = true;
styleRule.usedProperties["font-style"] = true;
styleRule.usedProperties["font-variant"] = true;
styleRule.usedProperties["font-weight"] = true;
styleRule.usedProperties["line-height"] = true;
}
}
// Add all the properties found in this style to the used properties list.
// Do this here so only future rules are affect by properties used in this rule.
for (var name in styleRules[i].usedProperties)
usedProperties[name] = true;
}
if (priorityUsed) {
// Walk the properties again and account for !important.
var foundPriorityProperties = [];
// Walk in reverse to match the order !important overrides.
for (var i = (styleRules.length - 1); i >= 0; --i) {
if (styleRules[i].computedStyle || styleRules[i].isStyleSeparator)
continue;
var style = styleRules[i].style;
var allProperties = style.allProperties;
for (var j = 0; j < allProperties.length; ++j) {
var property = allProperties[j];
if (!property.isLive)
continue;
var name = property.name;
if (property.priority.length) {
if (!(name in foundPriorityProperties))
styleRules[i].usedProperties[name] = true;
else
delete styleRules[i].usedProperties[name];
foundPriorityProperties[name] = true;
} else if (name in foundPriorityProperties)
delete styleRules[i].usedProperties[name];
}
}
}
},
_refreshSectionsForStyleRules: function(styleRules, usedProperties, disabledComputedProperties, editedSection)
{
// Walk the style rules and update the sections with new overloaded and used properties.
for (var i = 0; i < styleRules.length; ++i) {
var styleRule = styleRules[i];
var section = styleRule.section;
if (styleRule.computedStyle) {
section._disabledComputedProperties = disabledComputedProperties;
section._usedProperties = usedProperties;
section.update();
} else {
section._usedProperties = styleRule.usedProperties;
section.update(section === editedSection);
}
}
},
_rebuildSectionsForStyleRules: function(styleRules, usedProperties, disabledComputedProperties, pseudoId, anchorElement)
{
anchorElement = anchorElement || null;
// Make a property section for each style rule.
var sections = [];
var lastWasSeparator = true;
for (var i = 0; i < styleRules.length; ++i) {
var styleRule = styleRules[i];
if (styleRule.isStyleSeparator) {
var separatorElement = document.createElement("div");
separatorElement.className = "styles-sidebar-separator";
if (styleRule.node) {
var link = WebInspector.panels.elements.linkifyNodeReference(styleRule.node);
separatorElement.appendChild(document.createTextNode(WebInspector.UIString("Inherited from") + " "));
separatorElement.appendChild(link);
if (!sections.inheritedPropertiesSeparatorElement)
sections.inheritedPropertiesSeparatorElement = separatorElement;
} else if ("pseudoId" in styleRule) {
var pseudoName = WebInspector.StylesSidebarPane.PseudoIdNames[styleRule.pseudoId];
if (pseudoName)
separatorElement.textContent = WebInspector.UIString("Pseudo ::%s element", pseudoName);
else
separatorElement.textContent = WebInspector.UIString("Pseudo element");
} else
separatorElement.textContent = styleRule.text;
this.bodyElement.insertBefore(separatorElement, anchorElement);
lastWasSeparator = true;
continue;
}
var computedStyle = styleRule.computedStyle;
// Default editable to true if it was omitted.
var editable = styleRule.editable;
if (typeof editable === "undefined")
editable = true;
if (computedStyle)
var section = new WebInspector.ComputedStylePropertiesSection(styleRule, usedProperties, disabledComputedProperties, styleRules);
else
var section = new WebInspector.StylePropertiesSection(styleRule, editable, styleRule.isInherited, lastWasSeparator);
section.pane = this;
section.expanded = true;
if (computedStyle) {
this._computedStylePane.bodyElement.appendChild(section.element);
lastWasSeparator = true;
} else {
this.bodyElement.insertBefore(section.element, anchorElement);
lastWasSeparator = false;
}
sections.push(section);
}
return sections;
},
_containsInherited: function(style)
{
var properties = style.allProperties;
for (var i = 0; i < properties.length; ++i) {
var property = properties[i];
// Does this style contain non-overridden inherited property?
if (property.isLive && property.name in WebInspector.StylesSidebarPane.InheritedProperties)
return true;
}
return false;
},
_changeSetting: function(event)
{
var options = this.settingsSelectElement.options;
var selectedOption = options[this.settingsSelectElement.selectedIndex];
selectedOption.action(event);
// Select the correct color format setting again, since it needs to be selected.
var selectedIndex = 0;
for (var i = 0; i < options.length; ++i) {
if (options[i].value === WebInspector.settings.colorFormat) {
selectedIndex = i;
break;
}
}
this.settingsSelectElement.selectedIndex = selectedIndex;
},
_changeColorFormat: function(event)
{
var selectedOption = this.settingsSelectElement[this.settingsSelectElement.selectedIndex];
WebInspector.settings.colorFormat = selectedOption.value;
for (var pseudoId in this.sections) {
var sections = this.sections[pseudoId];
for (var i = 0; i < sections.length; ++i)
sections[i].update(true);
}
},
_createNewRule: function(event)
{
this.addBlankSection().startEditingSelector();
},
addBlankSection: function()
{
var blankSection = new WebInspector.BlankStylePropertiesSection(appropriateSelectorForNode(this.node, true));
blankSection.pane = this;
var elementStyleSection = this.sections[0][1];
this.bodyElement.insertBefore(blankSection.element, elementStyleSection.element.nextSibling);
this.sections[0].splice(2, 0, blankSection);
return blankSection;
},
removeSection: function(section)
{
for (var pseudoId in this.sections) {
var sections = this.sections[pseudoId];
var index = sections.indexOf(section);
if (index === -1)
continue;
sections.splice(index, 1);
if (section.element.parentNode)
section.element.parentNode.removeChild(section.element);
}
},
registerShortcuts: function()
{
var section = WebInspector.shortcutsHelp.section(WebInspector.UIString("Styles Pane"));
var shortcut = WebInspector.KeyboardShortcut;
var keys = [
shortcut.shortcutToString(shortcut.Keys.Tab),
shortcut.shortcutToString(shortcut.Keys.Tab, shortcut.Modifiers.Shift)
];
section.addRelatedKeys(keys, WebInspector.UIString("Next/previous property"));
keys = [
shortcut.shortcutToString(shortcut.Keys.Up),
shortcut.shortcutToString(shortcut.Keys.Down)
];
section.addRelatedKeys(keys, WebInspector.UIString("Increment/decrement value"));
keys = [
shortcut.shortcutToString(shortcut.Keys.Up, shortcut.Modifiers.Shift),
shortcut.shortcutToString(shortcut.Keys.Down, shortcut.Modifiers.Shift)
];
section.addRelatedKeys(keys, WebInspector.UIString("Increment/decrement by %f", 10));
keys = [
shortcut.shortcutToString(shortcut.Keys.PageUp),
shortcut.shortcutToString(shortcut.Keys.PageDown)
];
section.addRelatedKeys(keys, WebInspector.UIString("Increment/decrement by %f", 10));
keys = [
shortcut.shortcutToString(shortcut.Keys.PageUp, shortcut.Modifiers.Shift),
shortcut.shortcutToString(shortcut.Keys.PageDown, shortcut.Modifiers.Shift)
];
section.addRelatedKeys(keys, WebInspector.UIString("Increment/decrement by %f", 100));
keys = [
shortcut.shortcutToString(shortcut.Keys.PageUp, shortcut.Modifiers.Alt),
shortcut.shortcutToString(shortcut.Keys.PageDown, shortcut.Modifiers.Alt)
];
section.addRelatedKeys(keys, WebInspector.UIString("Increment/decrement by %f", 0.1));
}
}
WebInspector.StylesSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype;
WebInspector.ComputedStyleSidebarPane = function()
{
WebInspector.SidebarPane.call(this, WebInspector.UIString("Computed Style"));
var showInheritedCheckbox = new WebInspector.Checkbox(WebInspector.UIString("Show inherited"), "sidebar-pane-subtitle");
this.titleElement.appendChild(showInheritedCheckbox.element);
if (WebInspector.settings.showInheritedComputedStyleProperties) {
this.bodyElement.addStyleClass("show-inherited");
showInheritedCheckbox.checked = true;
}
function showInheritedToggleFunction(event)
{
WebInspector.settings.showInheritedComputedStyleProperties = showInheritedCheckbox.checked;
if (WebInspector.settings.showInheritedComputedStyleProperties)
this.bodyElement.addStyleClass("show-inherited");
else
this.bodyElement.removeStyleClass("show-inherited");
}
showInheritedCheckbox.addEventListener(showInheritedToggleFunction.bind(this));
}
WebInspector.ComputedStyleSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype;
WebInspector.StylePropertiesSection = function(styleRule, editable, isInherited, isFirstSection)
{
WebInspector.PropertiesSection.call(this, "");
this.element.className = "styles-section monospace" + (isFirstSection ? " first-styles-section" : "");
this._selectorElement = document.createElement("span");
this._selectorElement.textContent = styleRule.selectorText;
this.titleElement.appendChild(this._selectorElement);
if (Preferences.debugMode)
this._selectorElement.addEventListener("click", this._debugShowStyle.bind(this), false);
var openBrace = document.createElement("span");
openBrace.textContent = " {";
this.titleElement.appendChild(openBrace);
var closeBrace = document.createElement("div");
closeBrace.textContent = "}";
this.element.appendChild(closeBrace);
this._selectorElement.addEventListener("dblclick", this._handleSelectorDoubleClick.bind(this), false);
this.element.addEventListener("dblclick", this._handleEmptySpaceDoubleClick.bind(this), false);
this.styleRule = styleRule;
this.rule = this.styleRule.rule;
this.editable = editable;
this.isInherited = isInherited;
// Prevent editing the user agent and user rules.
var isUserAgent = this.rule && this.rule.isUserAgent;
var isUser = this.rule && this.rule.isUser;
var isViaInspector = this.rule && this.rule.isViaInspector;
if (isUserAgent || isUser)
this.editable = false;
this._usedProperties = styleRule.usedProperties;
if (this.rule)
this.titleElement.addStyleClass("styles-selector");
function linkifyUncopyable(url, line)
{
var link = WebInspector.linkifyResourceAsNode(url, "resources", line + 1);
link.setAttribute("data-uncopyable", link.textContent);
link.textContent = "";
return link;
}
var subtitle = "";
if (this.styleRule.sourceURL)
this.subtitleElement.appendChild(linkifyUncopyable(this.styleRule.sourceURL, this.rule.sourceLine));
else if (isUserAgent)
subtitle = WebInspector.UIString("user agent stylesheet");
else if (isUser)
subtitle = WebInspector.UIString("user stylesheet");
else if (isViaInspector)
subtitle = WebInspector.UIString("via inspector");
else if (this.rule && this.rule.sourceURL)
this.subtitleElement.appendChild(linkifyUncopyable(this.rule.sourceURL, this.rule.sourceLine));
if (isInherited)
this.element.addStyleClass("show-inherited"); // This one is related to inherited rules, not compted style.
if (subtitle)
this.subtitle = subtitle;
this.identifier = styleRule.selectorText;
if (this.subtitle)
this.identifier += ":" + this.subtitle;
if (!this.editable)
this.element.addStyleClass("read-only");
}
WebInspector.StylePropertiesSection.prototype = {
collapse: function(dontRememberState)
{
// Overriding with empty body.
},
isPropertyInherited: function(propertyName)
{
if (this.isInherited) {
// While rendering inherited stylesheet, reverse meaning of this property.
// Render truly inherited properties with black, i.e. return them as non-inherited.
return !(propertyName in WebInspector.StylesSidebarPane.InheritedProperties);
}
return false;
},
isPropertyOverloaded: function(propertyName, shorthand)
{
if (!this._usedProperties || this.noAffect)
return false;
if (this.isInherited && !(propertyName in WebInspector.StylesSidebarPane.InheritedProperties)) {
// In the inherited sections, only show overrides for the potentially inherited properties.
return false;
}
var used = (propertyName in this._usedProperties);
if (used || !shorthand)
return !used;
// Find out if any of the individual longhand properties of the shorthand
// are used, if none are then the shorthand is overloaded too.
var longhandProperties = this.styleRule.style.getLonghandProperties(propertyName);
for (var j = 0; j < longhandProperties.length; ++j) {
var individualProperty = longhandProperties[j];
if (individualProperty.name in this._usedProperties)
return false;
}
return true;
},
nextEditableSibling: function()
{
var curSection = this;
do {
curSection = curSection.nextSibling;
} while (curSection && !curSection.editable);
return curSection;
},
previousEditableSibling: function()
{
var curSection = this;
do {
curSection = curSection.previousSibling;
} while (curSection && !curSection.editable);
return curSection;
},
update: function(full)
{
if (full) {
this.propertiesTreeOutline.removeChildren();
this.populated = false;
} else {
var child = this.propertiesTreeOutline.children[0];
while (child) {
child.overloaded = this.isPropertyOverloaded(child.name, child.shorthand);
child = child.traverseNextTreeElement(false, null, true);
}
}
this.afterUpdate();
},
afterUpdate: function()
{
if (this._afterUpdate) {
this._afterUpdate(this);
delete this._afterUpdate;
}
},
onpopulate: function()
{
var style = this.styleRule.style;
var handledProperties = {};
var shorthandNames = {};
this.uniqueProperties = [];
var allProperties = style.allProperties;
for (var i = 0; i < allProperties.length; ++i)
this.uniqueProperties.push(allProperties[i]);
// Collect all shorthand names.
for (var i = 0; i < this.uniqueProperties.length; ++i) {
var property = this.uniqueProperties[i];
if (property.disabled)
continue;
if (property.shorthand)
shorthandNames[property.shorthand] = true;
}
// Collect all shorthand names.
for (var i = 0; i < this.uniqueProperties.length; ++i) {
var property = this.uniqueProperties[i];
var disabled = property.disabled;
if (!disabled && this.disabledComputedProperties && !(property.name in this.usedProperties) && property.name in this.disabledComputedProperties)
disabled = true;
var shorthand = !disabled ? property.shorthand : null;
if (shorthand && shorthand in handledProperties)
continue;
if (shorthand) {
property = style.getLiveProperty(shorthand);
if (!property)
property = new WebInspector.CSSProperty(style, style.allProperties.length, shorthand, style.getShorthandValue(shorthand), style.getShorthandPriority(shorthand), "style", true, true, "");
}
var isShorthand = !!(property.isLive && (shorthand || shorthandNames[property.name]));
var inherited = this.isPropertyInherited(property.name);
var overloaded = this.isPropertyOverloaded(property.name, isShorthand);
var item = new WebInspector.StylePropertyTreeElement(this.styleRule, style, property, isShorthand, inherited, overloaded);
this.propertiesTreeOutline.appendChild(item);
handledProperties[property.name] = property;
}
},
findTreeElementWithName: function(name)
{
var treeElement = this.propertiesTreeOutline.children[0];
while (treeElement) {
if (treeElement.name === name)
return treeElement;
treeElement = treeElement.traverseNextTreeElement(true, null, true);
}
return null;
},
addNewBlankProperty: function(optionalIndex)
{
var style = this.styleRule.style;
var property = style.newBlankProperty();
var item = new WebInspector.StylePropertyTreeElement(this.styleRule, style, property, false, false, false);
this.propertiesTreeOutline.appendChild(item);
item.listItemElement.textContent = "";
item._newProperty = true;
item.updateTitle();
return item;
},
_debugShowStyle: function(anchor)
{
var boundHandler;
function removeStyleBox(element, event)
{
if (event.target === element) {
event.stopPropagation();
return;
}
document.body.removeChild(element);
document.getElementById("main").removeEventListener("mousedown", boundHandler, true);
}
if (!event.shiftKey)
return;
var container = document.createElement("div");
var element = document.createElement("span");
container.appendChild(element);
element.style.background = "yellow";
element.style.display = "inline-block";
container.style.cssText = "z-index: 2000000; position: absolute; top: 50px; left: 50px; white-space: pre; overflow: auto; background: white; font-family: monospace; font-size: 12px; border: 1px solid black; opacity: 0.85; -webkit-user-select: text; padding: 2px;";
container.style.width = (document.body.offsetWidth - 100) + "px";
container.style.height = (document.body.offsetHeight - 100) + "px";
document.body.appendChild(container);
if (this.rule)
element.textContent = this.rule.selectorText + " {" + ((this.styleRule.style.cssText !== undefined) ? this.styleRule.style.cssText : "") + "}";
else
element.textContent = this.styleRule.style.cssText;
boundHandler = removeStyleBox.bind(null, container);
document.getElementById("main").addEventListener("mousedown", boundHandler, true);
},
_handleEmptySpaceDoubleClick: function(event)
{
if (event.target.hasStyleClass("header")) {
event.stopPropagation();
return;
}
this.expand();
this.addNewBlankProperty().startEditing();
},
_handleSelectorClick: function(event)
{
event.stopPropagation();
},
_handleSelectorDoubleClick: function(event)
{
this._startEditingOnMouseEvent();
event.stopPropagation();
},
_startEditingOnMouseEvent: function()
{
if (!this.editable)
return;
if (!this.rule && this.propertiesTreeOutline.children.length === 0) {
this.expand();
this.addNewBlankProperty().startEditing();
return;
}
if (!this.rule)
return;
this.startEditingSelector();
},
startEditingSelector: function()
{
var element = this._selectorElement;
if (WebInspector.isBeingEdited(element))
return;
WebInspector.startEditing(this._selectorElement, {
context: null,
commitHandler: this.editingSelectorCommitted.bind(this),
cancelHandler: this.editingSelectorCancelled.bind(this)
});
window.getSelection().setBaseAndExtent(element, 0, element, 1);
},
editingSelectorCommitted: function(element, newContent, oldContent, context, moveDirection)
{
function moveToNextIfNeeded() {
if (!moveDirection)
return;
if (moveDirection === "forward") {
this.expand();
if (this.propertiesTreeOutline.children.length === 0)
this.addNewBlankProperty().startEditing();
else {
var item = this.propertiesTreeOutline.children[0]
item.startEditing(item.nameElement);
}
} else {
var previousSection = this.previousEditableSibling();
if (!previousSection)
return;
previousSection.expand();
previousSection.addNewBlankProperty().startEditing();
}
}
if (newContent === oldContent)
return moveToNextIfNeeded.call(this);
var self = this;
function successCallback(newRule, doesAffectSelectedNode)
{
if (!doesAffectSelectedNode) {
self.noAffect = true;
self.element.addStyleClass("no-affect");
} else {
delete self.noAffect;
self.element.removeStyleClass("no-affect");
}
self.rule = newRule;
self.styleRule = { section: self, style: newRule.style, selectorText: newRule.selectorText, sourceURL: newRule.sourceURL, rule: newRule };
var oldIdentifier = this.identifier;
self.identifier = newRule.selectorText + ":" + self.subtitleElement.textContent;
self.pane.update();
WebInspector.panels.elements.renameSelector(oldIdentifier, this.identifier, oldContent, newContent);
moveToNextIfNeeded.call(self);
}
var focusedNode = WebInspector.panels.elements.focusedDOMNode;
WebInspector.cssModel.setRuleSelector(this.rule.id, focusedNode ? focusedNode.id : 0, newContent, successCallback, moveToNextIfNeeded.bind(this));
},
editingSelectorCancelled: function()
{
// Do nothing, this is overridden by BlankStylePropertiesSection.
}
}
WebInspector.StylePropertiesSection.prototype.__proto__ = WebInspector.PropertiesSection.prototype;
WebInspector.ComputedStylePropertiesSection = function(styleRule, usedProperties, disabledComputedProperties)
{
WebInspector.PropertiesSection.call(this, "");
this.headerElement.addStyleClass("hidden");
this.element.className = "styles-section monospace first-styles-section read-only computed-style";
this.styleRule = styleRule;
this._usedProperties = usedProperties;
this._disabledComputedProperties = disabledComputedProperties;
this._alwaysShowComputedProperties = { "display": true, "height": true, "width": true };
this.computedStyle = true;
this._propertyTreeElements = {};
this._expandedPropertyNames = {};
}
WebInspector.ComputedStylePropertiesSection.prototype = {
collapse: function(dontRememberState)
{
// Overriding with empty body.
},
_isPropertyInherited: function(propertyName)
{
return !(propertyName in this._usedProperties) && !(propertyName in this._alwaysShowComputedProperties) && !(propertyName in this._disabledComputedProperties);
},
update: function()
{
this._expandedPropertyNames = {};
for (var name in this._propertyTreeElements) {
if (this._propertyTreeElements[name].expanded)
this._expandedPropertyNames[name] = true;
}
this._propertyTreeElements = {};
this.propertiesTreeOutline.removeChildren();
this.populated = false;
},
onpopulate: function()
{
function sorter(a, b)
{
return a.name.localeCompare(b.name);
}
var style = this.styleRule.style;
var uniqueProperties = [];
var allProperties = style.allProperties;
for (var i = 0; i < allProperties.length; ++i)
uniqueProperties.push(allProperties[i]);
uniqueProperties.sort(sorter);
this._propertyTreeElements = {};
for (var i = 0; i < uniqueProperties.length; ++i) {
var property = uniqueProperties[i];
var inherited = this._isPropertyInherited(property.name);
var item = new WebInspector.StylePropertyTreeElement(this.styleRule, style, property, false, inherited, false);
this.propertiesTreeOutline.appendChild(item);
this._propertyTreeElements[property.name] = item;
}
},
rebuildComputedTrace: function(sections)
{
for (var i = 0; i < sections.length; ++i) {
var section = sections[i];
if (section.computedStyle || section instanceof WebInspector.BlankStylePropertiesSection)
continue;
for (var j = 0; j < section.uniqueProperties.length; ++j) {
var property = section.uniqueProperties[j];
if (property.disabled)
continue;
if (section.isInherited && !(property.name in WebInspector.StylesSidebarPane.InheritedProperties))
continue;
var treeElement = this._propertyTreeElements[property.name];
if (treeElement) {
var selectorText = section.styleRule.selectorText;
var value = property.value;
var title = "" + selectorText + " - " + value;
var subtitle = " " + section.subtitleElement.innerHTML + "";
var childElement = new TreeElement(null, null, false);
childElement.titleHTML = title + subtitle;
treeElement.appendChild(childElement);
if (section.isPropertyOverloaded(property.name))
childElement.listItemElement.addStyleClass("overloaded");
}
}
}
// Restore expanded state after update.
for (var name in this._expandedPropertyNames) {
if (name in this._propertyTreeElements)
this._propertyTreeElements[name].expand();
}
}
}
WebInspector.ComputedStylePropertiesSection.prototype.__proto__ = WebInspector.PropertiesSection.prototype;
WebInspector.BlankStylePropertiesSection = function(defaultSelectorText)
{
WebInspector.StylePropertiesSection.call(this, {selectorText: defaultSelectorText, rule: {isViaInspector: true}}, true, false, false);
this.element.addStyleClass("blank-section");
}
WebInspector.BlankStylePropertiesSection.prototype = {
expand: function()
{
// Do nothing, blank sections are not expandable.
},
editingSelectorCommitted: function(element, newContent, oldContent, context)
{
var self = this;
function successCallback(newRule, doesSelectorAffectSelectedNode)
{
var styleRule = { section: self, style: newRule.style, selectorText: newRule.selectorText, sourceURL: newRule.sourceURL, rule: newRule };
self.makeNormal(styleRule);
if (!doesSelectorAffectSelectedNode) {
self.noAffect = true;
self.element.addStyleClass("no-affect");
}
self.subtitleElement.textContent = WebInspector.UIString("via inspector");
self.expand();
self.addNewBlankProperty().startEditing();
}
WebInspector.cssModel.addRule(this.pane.node.id, newContent, successCallback, this.editingSelectorCancelled.bind(this));
},
editingSelectorCancelled: function()
{
this.pane.removeSection(this);
},
makeNormal: function(styleRule)
{
this.element.removeStyleClass("blank-section");
this.styleRule = styleRule;
this.rule = styleRule.rule;
this.identifier = styleRule.selectorText + ":via inspector";
this.__proto__ = WebInspector.StylePropertiesSection.prototype;
}
}
WebInspector.BlankStylePropertiesSection.prototype.__proto__ = WebInspector.StylePropertiesSection.prototype;
WebInspector.StylePropertyTreeElement = function(styleRule, style, property, shorthand, inherited, overloaded)
{
this._styleRule = styleRule;
this.style = style;
this.property = property;
this.shorthand = shorthand;
this._inherited = inherited;
this._overloaded = overloaded;
// Pass an empty title, the title gets made later in onattach.
TreeElement.call(this, "", null, shorthand);
}
WebInspector.StylePropertyTreeElement.prototype = {
get inherited()
{
return this._inherited;
},
set inherited(x)
{
if (x === this._inherited)
return;
this._inherited = x;
this.updateState();
},
get overloaded()
{
return this._overloaded;
},
set overloaded(x)
{
if (x === this._overloaded)
return;
this._overloaded = x;
this.updateState();
},
get disabled()
{
return this.property.disabled;
},
get name()
{
if (!this.disabled || !this.property.text)
return this.property.name;
var text = this.property.text;
var index = text.indexOf(":");
if (index < 1)
return this.property.name;
return text.substring(0, index).trim();
},
get priority()
{
if (this.disabled)
return ""; // rely upon raw text to render it in the value field
return this.property.priority;
},
get value()
{
if (!this.disabled || !this.property.text)
return this.property.value;
var match = this.property.text.match(/(.*);\s*/);
if (!match || !match[1])
return this.property.value;
var text = match[1];
var index = text.indexOf(":");
if (index < 1)
return this.property.value;
return text.substring(index + 1).trim();
},
get parsedOk()
{
return this.property.parsedOk;
},
onattach: function()
{
this.updateTitle();
},
updateTitle: function()
{
var value = this.value;
this.updateState();
var enabledCheckboxElement;
if (this.parsedOk) {
enabledCheckboxElement = document.createElement("input");
enabledCheckboxElement.className = "enabled-button";
enabledCheckboxElement.type = "checkbox";
enabledCheckboxElement.checked = !this.disabled;
enabledCheckboxElement.addEventListener("change", this.toggleEnabled.bind(this), false);
}
var nameElement = document.createElement("span");
nameElement.className = "webkit-css-property";
nameElement.textContent = this.name;
this.nameElement = nameElement;
var valueElement = document.createElement("span");
valueElement.className = "value";
this.valueElement = valueElement;
if (value) {
var self = this;
function processValue(regex, processor, nextProcessor, valueText)
{
var container = document.createDocumentFragment();
var items = valueText.replace(regex, "\0$1\0").split("\0");
for (var i = 0; i < items.length; ++i) {
if ((i % 2) === 0) {
if (nextProcessor)
container.appendChild(nextProcessor(items[i]));
else
container.appendChild(document.createTextNode(items[i]));
} else {
var processedNode = processor(items[i]);
if (processedNode)
container.appendChild(processedNode);
}
}
return container;
}
function linkifyURL(url)
{
var hrefUrl = url;
var match = hrefUrl.match(/['"]?([^'"]+)/);
if (match)
hrefUrl = match[1];
var container = document.createDocumentFragment();
container.appendChild(document.createTextNode("url("));
if (self._styleRule.sourceURL)
hrefUrl = WebInspector.completeURL(self._styleRule.sourceURL, hrefUrl);
else if (WebInspector.panels.elements.focusedDOMNode)
hrefUrl = WebInspector.resourceURLForRelatedNode(WebInspector.panels.elements.focusedDOMNode, hrefUrl);
var hasResource = !!WebInspector.resourceForURL(hrefUrl);
// FIXME: WebInspector.linkifyURLAsNode() should really use baseURI.
container.appendChild(WebInspector.linkifyURLAsNode(hrefUrl, url, null, hasResource));
container.appendChild(document.createTextNode(")"));
return container;
}
function processColor(text)
{
try {
var color = new WebInspector.Color(text);
} catch (e) {
return document.createTextNode(text);
}
var swatchElement = document.createElement("span");
swatchElement.title = WebInspector.UIString("Click to change color format");
swatchElement.className = "swatch";
swatchElement.style.setProperty("background-color", text);
swatchElement.addEventListener("click", changeColorDisplay, false);
swatchElement.addEventListener("dblclick", function(event) { event.stopPropagation() }, false);
var format;
if (WebInspector.settings.colorFormat === "original")
format = "original";
else if (Preferences.showColorNicknames && color.nickname)
format = "nickname";
else if (WebInspector.settings.colorFormat === "rgb")
format = (color.simple ? "rgb" : "rgba");
else if (WebInspector.settings.colorFormat === "hsl")
format = (color.simple ? "hsl" : "hsla");
else if (color.simple)
format = (color.hasShortHex() ? "shorthex" : "hex");
else
format = "rgba";
var colorValueElement = document.createElement("span");
colorValueElement.textContent = color.toString(format);
function nextFormat(curFormat)
{
// The format loop is as follows:
// * original
// * rgb(a)
// * hsl(a)
// * nickname (if the color has a nickname)
// * if the color is simple:
// - shorthex (if has short hex)
// - hex
switch (curFormat) {
case "original":
return color.simple ? "rgb" : "rgba";
case "rgb":
case "rgba":
return color.simple ? "hsl" : "hsla";
case "hsl":
case "hsla":
if (color.nickname)
return "nickname";
if (color.simple)
return color.hasShortHex() ? "shorthex" : "hex";
else
return "original";
case "shorthex":
return "hex";
case "hex":
return "original";
case "nickname":
if (color.simple)
return color.hasShortHex() ? "shorthex" : "hex";
else
return "original";
default:
return null;
}
}
function changeColorDisplay(event)
{
do {
format = nextFormat(format);
var currentValue = color.toString(format || "");
} while (format && currentValue === color.value && format !== "original");
if (format)
colorValueElement.textContent = currentValue;
}
var container = document.createDocumentFragment();
container.appendChild(swatchElement);
container.appendChild(colorValueElement);
return container;
}
var colorRegex = /((?:rgb|hsl)a?\([^)]+\)|#[0-9a-fA-F]{6}|#[0-9a-fA-F]{3}|\b\w+\b(?!-))/g;
var colorProcessor = processValue.bind(window, colorRegex, processColor, null);
valueElement.appendChild(processValue(/url\(\s*([^)\s]+)\s*\)/g, linkifyURL, colorProcessor, value));
}
this.listItemElement.removeChildren();
nameElement.normalize();
valueElement.normalize();
if (!this.treeOutline)
return;
// Append the checkbox for root elements of an editable section.
if (enabledCheckboxElement && this.treeOutline.section && this.treeOutline.section.editable && this.parent.root)
this.listItemElement.appendChild(enabledCheckboxElement);
this.listItemElement.appendChild(nameElement);
this.listItemElement.appendChild(document.createTextNode(": "));
this.listItemElement.appendChild(valueElement);
this.listItemElement.appendChild(document.createTextNode(";"));
if (!this.parsedOk) {
// Avoid having longhands under an invalid shorthand.
this.hasChildren = false;
this.listItemElement.addStyleClass("not-parsed-ok");
}
if (this.property.inactive)
this.listItemElement.addStyleClass("inactive");
this.tooltip = this.property.propertyText;
},
updateAll: function(updateAllRules)
{
if (!this.treeOutline)
return;
if (updateAllRules && this.treeOutline.section && this.treeOutline.section.pane)
this.treeOutline.section.pane.update(null, this.treeOutline.section);
else if (this.treeOutline.section)
this.treeOutline.section.update(true);
else
this.updateTitle(); // FIXME: this will not show new properties. But we don't hit this case yet.
},
toggleEnabled: function(event)
{
var disabled = !event.target.checked;
function callback(newStyle)
{
if (!newStyle)
return;
this.style = newStyle;
this._styleRule.style = newStyle;
if (this.treeOutline.section && this.treeOutline.section.pane)
this.treeOutline.section.pane.dispatchEventToListeners("style property toggled");
this.updateAll(true);
}
this.property.setDisabled(disabled, callback.bind(this));
},
updateState: function()
{
if (!this.listItemElement)
return;
if (this.style.isPropertyImplicit(this.name) || this.value === "initial")
this.listItemElement.addStyleClass("implicit");
else
this.listItemElement.removeStyleClass("implicit");
this.selectable = !this.inherited;
if (this.inherited)
this.listItemElement.addStyleClass("inherited");
else
this.listItemElement.removeStyleClass("inherited");
if (this.overloaded)
this.listItemElement.addStyleClass("overloaded");
else
this.listItemElement.removeStyleClass("overloaded");
if (this.disabled)
this.listItemElement.addStyleClass("disabled");
else
this.listItemElement.removeStyleClass("disabled");
},
onpopulate: function()
{
// Only populate once and if this property is a shorthand.
if (this.children.length || !this.shorthand)
return;
var longhandProperties = this.style.getLonghandProperties(this.name);
for (var i = 0; i < longhandProperties.length; ++i) {
var name = longhandProperties[i].name;
if (this.treeOutline.section) {
var inherited = this.treeOutline.section.isPropertyInherited(name);
var overloaded = this.treeOutline.section.isPropertyOverloaded(name);
}
var liveProperty = this.style.getLiveProperty(name);
var item = new WebInspector.StylePropertyTreeElement(this._styleRule, this.style, liveProperty, false, inherited, overloaded);
this.appendChild(item);
}
},
ondblclick: function(event)
{
this.startEditing(event.target);
event.stopPropagation();
},
restoreNameElement: function()
{
// Restore if it doesn't yet exist or was accidentally deleted.
if (this.nameElement === this.listItemElement.querySelector(".webkit-css-property"))
return;
this.nameElement = document.createElement("span");
this.nameElement.className = "webkit-css-property";
this.nameElement.textContent = "";
this.listItemElement.insertBefore(this.nameElement, this.listItemElement.firstChild);
},
startEditing: function(selectElement)
{
// FIXME: we don't allow editing of longhand properties under a shorthand right now.
if (this.parent.shorthand)
return;
if (this.treeOutline.section && !this.treeOutline.section.editable)
return;
if (!selectElement)
selectElement = this.nameElement; // No arguments passed in - edit the name element by default.
else
selectElement = selectElement.enclosingNodeOrSelfWithClass("webkit-css-property") || selectElement.enclosingNodeOrSelfWithClass("value");
var isEditingName = selectElement === this.nameElement;
if (!isEditingName && selectElement !== this.valueElement) {
// Double-click in the LI - start editing value.
isEditingName = false;
selectElement = this.valueElement;
}
if (WebInspector.isBeingEdited(selectElement))
return;
var context = {
expanded: this.expanded,
hasChildren: this.hasChildren,
keyDownListener: isEditingName ? null : this.editingValueKeyDown.bind(this),
isEditingName: isEditingName
};
// Lie about our children to prevent expanding on double click and to collapse shorthands.
this.hasChildren = false;
if (!isEditingName)
selectElement.addEventListener("keydown", context.keyDownListener, false);
if (selectElement.parentElement)
selectElement.parentElement.addStyleClass("child-editing");
selectElement.textContent = selectElement.textContent; // remove color swatch and the like
function shouldCommitValueSemicolon(text, cursorPosition)
{
// FIXME: should this account for semicolons inside comments?
var openQuote = "";
for (var i = 0; i < cursorPosition; ++i) {
var ch = text[i];
if (ch === "\\" && openQuote !== "")
++i; // skip next character inside string
else if (!openQuote && (ch === "\"" || ch === "'"))
openQuote = ch;
else if (openQuote === ch)
openQuote = "";
}
return !openQuote;
}
function nameValueFinishHandler(context, isEditingName, event)
{
// FIXME: the ":"/";" detection does not work for non-US layouts due to the event being keydown rather than keypress.
var isFieldInputTerminated = (event.keyCode === WebInspector.KeyboardShortcut.Keys.Semicolon.code) &&
(isEditingName ? event.shiftKey : (!event.shiftKey && shouldCommitValueSemicolon(event.target.textContent, event.target.selectionLeftOffset)));
if (isEnterKey(event) || isFieldInputTerminated) {
// Enter or colon (for name)/semicolon outside of string (for value).
event.preventDefault();
return "move-forward";
} else if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Esc.code)
return "cancel";
else if (!isEditingName && this._newProperty && event.keyCode === WebInspector.KeyboardShortcut.Keys.Backspace.code) {
// For a new property, when Backspace is pressed at the beginning of new property value, move back to the property name.
var selection = window.getSelection();
if (selection.isCollapsed && !selection.focusOffset) {
event.preventDefault();
return "move-backward";
}
} else if (event.keyIdentifier === "U+0009") // Tab key.
return "move-" + (event.shiftKey ? "backward" : "forward");
}
function pasteHandler(context, event)
{
var data = event.clipboardData.getData("Text");
if (!data)
return;
var colonIdx = data.indexOf(":");
if (colonIdx < 0)
return;
var name = data.substring(0, colonIdx).trim();
var value = data.substring(colonIdx + 1).trim();
event.preventDefault();
if (!("originalName" in context)) {
context.originalName = this.nameElement.textContent;
context.originalValue = this.valueElement.textContent;
}
this.nameElement.textContent = name;
this.valueElement.textContent = value;
this.nameElement.normalize();
this.valueElement.normalize();
return "move-forward";
}
WebInspector.startEditing(selectElement, {
context: context,
commitHandler: this.editingCommitted.bind(this),
cancelHandler: this.editingCancelled.bind(this),
customFinishHandler: nameValueFinishHandler.bind(this, context, isEditingName),
pasteHandler: isEditingName ? pasteHandler.bind(this, context) : null
});
this._prompt = new WebInspector.StylesSidebarPane.CSSPropertyPrompt(selectElement, isEditingName ? WebInspector.cssNameCompletions : WebInspector.CSSKeywordCompletions.forProperty(this.nameElement.textContent));
window.getSelection().setBaseAndExtent(selectElement, 0, selectElement, 1);
},
editingValueKeyDown: function(event)
{
if (event.handled)
return;
var key = event.keyIdentifier || event.key;
var arrowKeyPressed = (key === "Up" || key === "Down");
var pageKeyPressed = (key === "PageUp" || key === "PageDown");
if (!arrowKeyPressed && !pageKeyPressed)
return;
var selection = window.getSelection();
if (!selection.rangeCount)
return;
var selectionRange = selection.getRangeAt(0);
if (selectionRange.commonAncestorContainer !== this.valueElement && !selectionRange.commonAncestorContainer.isDescendant(this.valueElement))
return;
var wordRange = selectionRange.startContainer.rangeOfWord(selectionRange.startOffset, WebInspector.StylesSidebarPane.StyleValueDelimiters, this.valueElement);
var wordString = wordRange.toString();
var replacementString = wordString;
var matches = /(.*?)(-?\d+(?:\.\d+)?)(.*)/.exec(wordString);
if (matches && matches.length) {
var prefix = matches[1];
var number = parseFloat(matches[2]);
var suffix = matches[3];
// If the number is near zero or the number is one and the direction will take it near zero.
var numberNearZero = (number < 1 && number > -1);
if (number === 1 && key === "Down")
numberNearZero = true;
else if (number === -1 && key === "Up")
numberNearZero = true;
if (numberNearZero && event.altKey && arrowKeyPressed) {
if (key === "Down")
number = Math.ceil(number - 1);
else
number = Math.floor(number + 1);
} else {
// Jump by 10 when shift is down or jump by 0.1 when near zero or Alt/Option is down.
// Also jump by 10 for page up and down, or by 100 if shift is held with a page key.
var changeAmount = 1;
if (event.shiftKey && pageKeyPressed)
changeAmount = 100;
else if (event.shiftKey || pageKeyPressed)
changeAmount = 10;
else if (event.altKey || numberNearZero)
changeAmount = 0.1;
if (key === "Down" || key === "PageDown")
changeAmount *= -1;
// Make the new number and constrain it to a precision of 6, this matches numbers the engine returns.
// Use the Number constructor to forget the fixed precision, so 1.100000 will print as 1.1.
number = Number((number + changeAmount).toFixed(6));
}
replacementString = prefix + number + suffix;
var replacementTextNode = document.createTextNode(replacementString);
wordRange.deleteContents();
wordRange.insertNode(replacementTextNode);
var finalSelectionRange = document.createRange();
finalSelectionRange.setStart(replacementTextNode, 0);
finalSelectionRange.setEnd(replacementTextNode, replacementString.length);
selection.removeAllRanges();
selection.addRange(finalSelectionRange);
event.handled = true;
event.preventDefault();
if (!("originalPropertyText" in this)) {
// Remember the rule's original CSS text on [Page](Up|Down), so it can be restored
// if the editing is canceled.
this.originalPropertyText = this.property.propertyText;
}
// Synthesize property text disregarding any comments, custom whitespace etc.
this.applyStyleText(this.nameElement.textContent + ": " + this.valueElement.textContent);
}
},
editingEnded: function(context)
{
this.hasChildren = context.hasChildren;
if (context.expanded)
this.expand();
var editedElement = context.isEditingName ? this.nameElement : this.valueElement;
if (!context.isEditingName)
editedElement.removeEventListener("keydown", context.keyDownListener, false);
if (editedElement.parentElement)
editedElement.parentElement.removeStyleClass("child-editing");
delete this.originalPropertyText;
},
editingCancelled: function(element, context)
{
this._removePrompt();
if ("originalPropertyText" in this)
this.applyStyleText(this.originalPropertyText, true);
else {
if (this._newProperty)
this.treeOutline.removeChild(this);
else
this.updateTitle();
}
// This should happen last, as it clears the info necessary to restore the property value after [Page]Up/Down changes.
this.editingEnded(context);
},
editingCommitted: function(element, userInput, previousContent, context, moveDirection)
{
this._removePrompt();
this.editingEnded(context);
var isEditingName = context.isEditingName;
// Determine where to move to before making changes
var createNewProperty, moveToPropertyName, moveToSelector;
var moveTo = this;
var moveToOther = (isEditingName ^ (moveDirection === "forward"));
var abandonNewProperty = this._newProperty && !userInput && (moveToOther || isEditingName);
if (moveDirection === "forward" && !isEditingName || moveDirection === "backward" && isEditingName) {
do {
moveTo = (moveDirection === "forward" ? moveTo.nextSibling : moveTo.previousSibling);
} while(moveTo && !moveTo.selectable);
if (moveTo)
moveToPropertyName = moveTo.name;
else if (moveDirection === "forward" && (!this._newProperty || userInput))
createNewProperty = true;
else if (moveDirection === "backward" && this.treeOutline.section.rule)
moveToSelector = true;
}
// Make the Changes and trigger the moveToNextCallback after updating.
var blankInput = /^\s*$/.test(userInput);
var isDataPasted = "originalName" in context;
var isDirtyViaPaste = isDataPasted && (this.nameElement.textContent !== context.originalName || this.valueElement.textContent !== context.originalValue);
var shouldCommitNewProperty = this._newProperty && (moveToOther || (!moveDirection && !isEditingName) || (isEditingName && blankInput));
if (((userInput !== previousContent || isDirtyViaPaste) && !this._newProperty) || shouldCommitNewProperty) {
this.treeOutline.section._afterUpdate = moveToNextCallback.bind(this, this._newProperty, !blankInput, this.treeOutline.section);
var propertyText;
if (blankInput || (this._newProperty && /^\s*$/.test(this.valueElement.textContent)))
propertyText = "";
else {
if (isEditingName)
propertyText = userInput + ": " + this.valueElement.textContent;
else
propertyText = this.nameElement.textContent + ": " + userInput;
}
this.applyStyleText(propertyText, true);
} else {
if (!isDataPasted && !this._newProperty)
this.updateTitle();
moveToNextCallback(this._newProperty, false, this.treeOutline.section);
}
var moveToIndex = moveTo && this.treeOutline ? this.treeOutline.children.indexOf(moveTo) : -1;
// The Callback to start editing the next/previous property/selector.
function moveToNextCallback(alreadyNew, valueChanged, section)
{
if (!moveDirection)
return;
// User just tabbed through without changes.
if (moveTo && moveTo.parent) {
moveTo.startEditing(!isEditingName ? moveTo.nameElement : moveTo.valueElement);
return;
}
// User has made a change then tabbed, wiping all the original treeElements.
// Recalculate the new treeElement for the same property we were going to edit next.
if (moveTo && !moveTo.parent) {
var propertyElements = section.propertiesTreeOutline.children;
if (moveDirection === "forward" && blankInput && !isEditingName)
--moveToIndex;
if (moveToIndex >= propertyElements.length && !this._newProperty)
createNewProperty = true;
else {
var treeElement = moveToIndex >= 0 ? propertyElements[moveToIndex] : null;
if (treeElement) {
treeElement.startEditing(!isEditingName ? treeElement.nameElement : treeElement.valueElement);
return;
} else if (!alreadyNew)
moveToSelector = true;
}
}
// Create a new attribute in this section (or move to next editable selector if possible).
if (createNewProperty) {
if (alreadyNew && !valueChanged && (isEditingName ^ (moveDirection === "backward")))
return;
section.addNewBlankProperty().startEditing();
return;
}
if (abandonNewProperty) {
var sectionToEdit = moveDirection === "backward" ? section : section.nextEditableSibling();
if (sectionToEdit && sectionToEdit.rule)
sectionToEdit.startEditingSelector();
return;
}
if (moveToSelector)
section.startEditingSelector();
}
},
_removePrompt: function()
{
// BUG 53242. This cannot go into editingEnded(), as it should always happen first for any editing outcome.
if (this._prompt) {
this._prompt.removeFromElement();
delete this._prompt;
}
},
_hasBeenAppliedToPageViaUpDown: function()
{
// New properties applied via up/down have an originalPropertyText and will be deleted later
// on, if cancelled, when the empty string gets applied as their style text.
return ("originalPropertyText" in this);
},
applyStyleText: function(styleText, updateInterface)
{
var section = this.treeOutline.section;
var elementsPanel = WebInspector.panels.elements;
styleText = styleText.replace(/\s/g, " ").trim(); // Replace with whitespace.
var styleTextLength = styleText.length;
if (!styleTextLength && updateInterface && this._newProperty && !this._hasBeenAppliedToPageViaUpDown()) {
// The user deleted everything and never applied a new property value via Up/Down scrolling, so remove the tree element and update.
this.parent.removeChild(this);
section.afterUpdate();
return;
}
function callback(newStyle)
{
if (!newStyle) {
// The user typed something, but it didn't parse. Just abort and restore
// the original title for this property. If this was a new attribute and
// we couldn't parse, then just remove it.
if (this._newProperty) {
this.parent.removeChild(this);
return;
}
if (updateInterface)
this.updateTitle();
return;
}
this.style = newStyle;
this.property = newStyle.propertyAt(this.property.index);
this._styleRule.style = this.style;
if (section && section.pane)
section.pane.dispatchEventToListeners("style edited");
if (updateInterface)
this.updateAll(true);
}
// Append a ";" if the new text does not end in ";".
// FIXME: this does not handle trailing comments.
if (styleText.length && !/;\s*$/.test(styleText))
styleText += ";";
this.property.setText(styleText, updateInterface, callback.bind(this));
}
}
WebInspector.StylePropertyTreeElement.prototype.__proto__ = TreeElement.prototype;
WebInspector.StylesSidebarPane.CSSPropertyPrompt = function(element, cssCompletions)
{
WebInspector.TextPrompt.call(this, element, this._buildPropertyCompletions.bind(this), WebInspector.StylesSidebarPane.StyleValueDelimiters, true);
this._cssCompletions = cssCompletions;
}
WebInspector.StylesSidebarPane.CSSPropertyPrompt.prototype = {
upKeyPressed: function(event)
{
this._handleNameOrValueUpDown(event);
},
downKeyPressed: function(event)
{
this._handleNameOrValueUpDown(event);
},
tabKeyPressed: function(event)
{
this.acceptAutoComplete();
},
_handleNameOrValueUpDown: function(event)
{
var reverse = (event.keyIdentifier || event.key) === "Up";
if (this.autoCompleteElement)
this.complete(false, reverse); // Accept the current suggestion, if any.
else {
// Select the word suffix to affect it when computing the subsequent suggestion.
this._selectCurrentWordSuffix();
}
this.complete(false, reverse); // Actually increment/decrement the suggestion.
event.handled = true;
},
_selectCurrentWordSuffix: function()
{
var selection = window.getSelection();
if (!selection.rangeCount)
return;
var selectionRange = selection.getRangeAt(0);
if (!selectionRange.commonAncestorContainer.isDescendant(this.element))
return;
var wordSuffixRange = selectionRange.startContainer.rangeOfWord(selectionRange.startOffset, WebInspector.StylesSidebarPane.StyleValueDelimiters, this.element, "forward");
if (!wordSuffixRange.toString())
return;
selection.removeAllRanges();
selection.addRange(wordSuffixRange);
},
_buildPropertyCompletions: function(wordRange, bestMatchOnly, completionsReadyCallback)
{
if (!this._cssCompletions) return;
var prefix = wordRange.toString().toLowerCase();
var results;
if (bestMatchOnly) {
results = [];
var firstMatch = this._cssCompletions.firstStartsWith(prefix);
if (firstMatch)
results.push(firstMatch);
return completionsReadyCallback(results);
}
results = this._cssCompletions.startsWith(prefix);
if (results)
completionsReadyCallback(results);
}
}
WebInspector.StylesSidebarPane.CSSPropertyPrompt.prototype.__proto__ = WebInspector.TextPrompt.prototype;
================================================
FILE: buildin_modules/weinre/web/client/SummaryBar.js
================================================
/*
* Copyright (C) 2007, 2008 Apple Inc. All rights reserved.
* Copyright (C) 2008, 2009 Anthony Ricaud
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.SummaryBar = function(categories)
{
this.categories = categories;
this.element = document.createElement("div");
this.element.className = "summary-bar";
this.graphElement = document.createElement("canvas");
this.graphElement.setAttribute("width", "450");
this.graphElement.setAttribute("height", "38");
this.graphElement.className = "summary-graph";
this.element.appendChild(this.graphElement);
this.legendElement = document.createElement("div");
this.legendElement.className = "summary-graph-legend";
this.element.appendChild(this.legendElement);
}
WebInspector.SummaryBar.prototype = {
get calculator() {
return this._calculator;
},
set calculator(x) {
this._calculator = x;
},
reset: function()
{
this.legendElement.removeChildren();
this._drawSummaryGraph();
},
update: function(data)
{
var graphInfo = this.calculator.computeSummaryValues(data);
var fillSegments = [];
this.legendElement.removeChildren();
for (var category in this.categories) {
var size = graphInfo.categoryValues[category];
if (!size)
continue;
var colorString = this.categories[category].color;
var fillSegment = {color: colorString, value: size};
fillSegments.push(fillSegment);
var legendLabel = this._makeLegendElement(this.categories[category].title, this.calculator.formatValue(size), colorString);
this.legendElement.appendChild(legendLabel);
}
if (graphInfo.total) {
var totalLegendLabel = this._makeLegendElement(WebInspector.UIString("Total"), this.calculator.formatValue(graphInfo.total));
totalLegendLabel.addStyleClass("total");
this.legendElement.appendChild(totalLegendLabel);
}
this._drawSummaryGraph(fillSegments);
},
_drawSwatch: function(canvas, color)
{
var ctx = canvas.getContext("2d");
function drawSwatchSquare() {
ctx.fillStyle = color;
ctx.fillRect(0, 0, 13, 13);
var gradient = ctx.createLinearGradient(0, 0, 13, 13);
gradient.addColorStop(0.0, "rgba(255, 255, 255, 0.2)");
gradient.addColorStop(1.0, "rgba(255, 255, 255, 0.0)");
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, 13, 13);
gradient = ctx.createLinearGradient(13, 13, 0, 0);
gradient.addColorStop(0.0, "rgba(0, 0, 0, 0.2)");
gradient.addColorStop(1.0, "rgba(0, 0, 0, 0.0)");
ctx.fillStyle = gradient;
ctx.fillRect(0, 0, 13, 13);
ctx.strokeStyle = "rgba(0, 0, 0, 0.6)";
ctx.strokeRect(0.5, 0.5, 12, 12);
}
ctx.clearRect(0, 0, 13, 24);
drawSwatchSquare();
ctx.save();
ctx.translate(0, 25);
ctx.scale(1, -1);
drawSwatchSquare();
ctx.restore();
this._fadeOutRect(ctx, 0, 13, 13, 13, 0.5, 0.0);
},
_drawSummaryGraph: function(segments)
{
if (!segments || !segments.length) {
segments = [{color: "white", value: 1}];
this._showingEmptySummaryGraph = true;
} else
delete this._showingEmptySummaryGraph;
// Calculate the total of all segments.
var total = 0;
for (var i = 0; i < segments.length; ++i)
total += segments[i].value;
// Calculate the percentage of each segment, rounded to the nearest percent.
var percents = segments.map(function(s) { return Math.max(Math.round(100 * s.value / total), 1) });
// Calculate the total percentage.
var percentTotal = 0;
for (var i = 0; i < percents.length; ++i)
percentTotal += percents[i];
// Make sure our percentage total is not greater-than 100, it can be greater
// if we rounded up for a few segments.
while (percentTotal > 100) {
for (var i = 0; i < percents.length && percentTotal > 100; ++i) {
if (percents[i] > 1) {
--percents[i];
--percentTotal;
}
}
}
// Make sure our percentage total is not less-than 100, it can be less
// if we rounded down for a few segments.
while (percentTotal < 100) {
for (var i = 0; i < percents.length && percentTotal < 100; ++i) {
++percents[i];
++percentTotal;
}
}
var ctx = this.graphElement.getContext("2d");
var x = 0;
var y = 0;
var w = 450;
var h = 19;
var r = (h / 2);
function drawPillShadow()
{
// This draws a line with a shadow that is offset away from the line. The line is stroked
// twice with different X shadow offsets to give more feathered edges. Later we erase the
// line with destination-out 100% transparent black, leaving only the shadow. This only
// works if nothing has been drawn into the canvas yet.
ctx.beginPath();
ctx.moveTo(x + 4, y + h - 3 - 0.5);
ctx.lineTo(x + w - 4, y + h - 3 - 0.5);
ctx.closePath();
ctx.save();
ctx.shadowBlur = 2;
ctx.shadowColor = "rgba(0, 0, 0, 0.5)";
ctx.shadowOffsetX = 3;
ctx.shadowOffsetY = 5;
ctx.strokeStyle = "white";
ctx.lineWidth = 1;
ctx.stroke();
ctx.shadowOffsetX = -3;
ctx.stroke();
ctx.restore();
ctx.save();
ctx.globalCompositeOperation = "destination-out";
ctx.strokeStyle = "rgba(0, 0, 0, 1)";
ctx.lineWidth = 1;
ctx.stroke();
ctx.restore();
}
function drawPill()
{
// Make a rounded rect path.
ctx.beginPath();
ctx.moveTo(x, y + r);
ctx.lineTo(x, y + h - r);
ctx.arc(x + r, y + h - r, r, Math.PI, Math.PI / 2, true);
ctx.lineTo(x + w - r, y + h);
ctx.arc(x + w - r, y + h - r, r, Math.PI / 2, 0, true);
ctx.lineTo(x + w, y + r);
ctx.arc(x + w - r, y + r, r, 0, 3 * Math.PI / 2, true);
ctx.lineTo(x + r, y);
ctx.arc(x + r, y + r, r, Math.PI / 2, Math.PI, true);
ctx.closePath();
// Clip to the rounded rect path.
ctx.save();
ctx.clip();
// Fill the segments with the associated color.
var previousSegmentsWidth = 0;
for (var i = 0; i < segments.length; ++i) {
var segmentWidth = Math.round(w * percents[i] / 100);
ctx.fillStyle = segments[i].color;
ctx.fillRect(x + previousSegmentsWidth, y, segmentWidth, h);
previousSegmentsWidth += segmentWidth;
}
// Draw the segment divider lines.
ctx.lineWidth = 1;
for (var i = 1; i < 20; ++i) {
ctx.beginPath();
ctx.moveTo(x + (i * Math.round(w / 20)) + 0.5, y);
ctx.lineTo(x + (i * Math.round(w / 20)) + 0.5, y + h);
ctx.closePath();
ctx.strokeStyle = "rgba(0, 0, 0, 0.2)";
ctx.stroke();
ctx.beginPath();
ctx.moveTo(x + (i * Math.round(w / 20)) + 1.5, y);
ctx.lineTo(x + (i * Math.round(w / 20)) + 1.5, y + h);
ctx.closePath();
ctx.strokeStyle = "rgba(255, 255, 255, 0.2)";
ctx.stroke();
}
// Draw the pill shading.
var lightGradient = ctx.createLinearGradient(x, y, x, y + (h / 1.5));
lightGradient.addColorStop(0.0, "rgba(220, 220, 220, 0.6)");
lightGradient.addColorStop(0.4, "rgba(220, 220, 220, 0.2)");
lightGradient.addColorStop(1.0, "rgba(255, 255, 255, 0.0)");
var darkGradient = ctx.createLinearGradient(x, y + (h / 3), x, y + h);
darkGradient.addColorStop(0.0, "rgba(0, 0, 0, 0.0)");
darkGradient.addColorStop(0.8, "rgba(0, 0, 0, 0.2)");
darkGradient.addColorStop(1.0, "rgba(0, 0, 0, 0.5)");
ctx.fillStyle = darkGradient;
ctx.fillRect(x, y, w, h);
ctx.fillStyle = lightGradient;
ctx.fillRect(x, y, w, h);
ctx.restore();
}
ctx.clearRect(x, y, w, (h * 2));
drawPillShadow();
drawPill();
ctx.save();
ctx.translate(0, (h * 2) + 1);
ctx.scale(1, -1);
drawPill();
ctx.restore();
this._fadeOutRect(ctx, x, y + h + 1, w, h, 0.5, 0.0);
},
_fadeOutRect: function(ctx, x, y, w, h, a1, a2)
{
ctx.save();
var gradient = ctx.createLinearGradient(x, y, x, y + h);
gradient.addColorStop(0.0, "rgba(0, 0, 0, " + (1.0 - a1) + ")");
gradient.addColorStop(0.8, "rgba(0, 0, 0, " + (1.0 - a2) + ")");
gradient.addColorStop(1.0, "rgba(0, 0, 0, 1.0)");
ctx.globalCompositeOperation = "destination-out";
ctx.fillStyle = gradient;
ctx.fillRect(x, y, w, h);
ctx.restore();
},
_makeLegendElement: function(label, value, color)
{
var legendElement = document.createElement("label");
legendElement.className = "summary-graph-legend-item";
if (color) {
var swatch = document.createElement("canvas");
swatch.className = "summary-graph-legend-swatch";
swatch.setAttribute("width", "13");
swatch.setAttribute("height", "24");
legendElement.appendChild(swatch);
this._drawSwatch(swatch, color);
}
var labelElement = document.createElement("div");
labelElement.className = "summary-graph-legend-label";
legendElement.appendChild(labelElement);
var headerElement = document.createElement("div");
headerElement.className = "summary-graph-legend-header";
headerElement.textContent = label;
labelElement.appendChild(headerElement);
var valueElement = document.createElement("div");
valueElement.className = "summary-graph-legend-value";
valueElement.textContent = value;
labelElement.appendChild(valueElement);
return legendElement;
}
}
WebInspector.SummaryBar.prototype.__proto__ = WebInspector.Object.prototype;
================================================
FILE: buildin_modules/weinre/web/client/TabbedPane.js
================================================
/*
* Copyright (C) 2010 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.TabbedPane = function(element)
{
this.element = element || document.createElement("div");
this.element.addStyleClass("tabbed-pane");
this._tabsElement = this.element.createChild("div", "tabbed-pane-header");
this._contentElement = this.element.createChild("div", "tabbed-pane-content");
this._tabs = {};
}
WebInspector.TabbedPane.prototype = {
appendTab: function(id, tabTitle, view)
{
var tabElement = document.createElement("li");
tabElement.textContent = tabTitle;
tabElement.addEventListener("click", this.selectTab.bind(this, id, true), false);
this._tabsElement.appendChild(tabElement);
this._contentElement.appendChild(view.element);
this._tabs[id] = { tabElement: tabElement, view: view }
},
selectTab: function(id, userGesture)
{
if (!(id in this._tabs))
return false;
if (this._currentTab) {
this._hideTab(this._currentTab)
delete this._currentTab;
}
var tab = this._tabs[id];
this._showTab(tab);
this._currentTab = tab;
if (userGesture) {
var event = {tabId: id};
this.dispatchEventToListeners("tab-selected", event);
}
return true;
},
_showTab: function(tab)
{
tab.tabElement.addStyleClass("selected");
tab.view.show(this._contentElement);
},
_hideTab: function(tab)
{
tab.tabElement.removeStyleClass("selected");
tab.view.visible = false;
}
}
WebInspector.TabbedPane.prototype.__proto__ = WebInspector.Object.prototype;
================================================
FILE: buildin_modules/weinre/web/client/TestController.js
================================================
/*
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.TestController = function(callId)
{
this._callId = callId;
this._waitUntilDone = false;
this.results = [];
}
WebInspector.TestController.prototype = {
waitUntilDone: function()
{
this._waitUntilDone = true;
},
notifyDone: function(result)
{
if (typeof result === "undefined" && this.results.length)
result = this.results;
var message = typeof result === "undefined" ? "\"\"" : JSON.stringify(result);
InspectorBackend.didEvaluateForTestInFrontend(this._callId, message);
},
runAfterPendingDispatches: function(callback)
{
if (WebInspector.pendingDispatches === 0) {
callback();
return;
}
setTimeout(this.runAfterPendingDispatches.bind(this), 0, callback);
}
}
WebInspector.evaluateForTestInFrontend = function(callId, script)
{
var controller = new WebInspector.TestController(callId);
function invokeMethod()
{
try {
var result;
if (window[script] && typeof window[script] === "function")
result = window[script].call(WebInspector, controller);
else
result = window.eval(script);
if (!controller._waitUntilDone)
controller.notifyDone(result);
} catch (e) {
controller.notifyDone(e.toString());
}
}
controller.runAfterPendingDispatches(invokeMethod);
}
================================================
FILE: buildin_modules/weinre/web/client/TextEditorHighlighter.js
================================================
/*
* Copyright (C) 2009 Google Inc. All rights reserved.
* Copyright (C) 2009 Apple Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.TextEditorHighlighter = function(textModel, damageCallback)
{
this._textModel = textModel;
this._tokenizer = WebInspector.SourceTokenizer.Registry.getInstance().getTokenizer("text/html");
this._damageCallback = damageCallback;
this.reset();
}
WebInspector.TextEditorHighlighter.prototype = {
set mimeType(mimeType)
{
var tokenizer = WebInspector.SourceTokenizer.Registry.getInstance().getTokenizer(mimeType);
if (tokenizer) {
this._tokenizer = tokenizer;
this._tokenizerCondition = this._tokenizer.initialCondition;
}
},
reset: function()
{
this._lastHighlightedLine = 0;
this._lastHighlightedColumn = 0;
this._tokenizerCondition = this._tokenizer.initialCondition;
},
highlight: function(endLine)
{
// First check if we have work to do.
if (endLine <= this._lastHighlightedLine)
return;
this._requestedEndLine = endLine;
if (this._highlightTimer) {
// There is a timer scheduled, it will catch the new job based on the new endLine set.
return;
}
// Do small highlight synchronously. This will provide instant highlight on PageUp / PageDown, gentle scrolling.
this._highlightInChunks(endLine);
// Schedule tail highlight if necessary.
if (this._lastHighlightedLine < endLine)
this._highlightTimer = setTimeout(this._highlightInChunks.bind(this, endLine), 100);
},
_highlightInChunks: function(endLine)
{
delete this._highlightTimer;
// First we always check if we have work to do. Could be that user scrolled back and we can quit.
if (this._requestedEndLine <= this._lastHighlightedLine)
return;
if (this._requestedEndLine !== endLine) {
// User keeps updating the job in between of our timer ticks. Just reschedule self, don't eat CPU (they must be scrolling).
this._highlightTimer = setTimeout(this._highlightInChunks.bind(this, this._requestedEndLine), 100);
return;
}
this._highlightLines(this._requestedEndLine);
// Schedule tail highlight if necessary.
if (this._lastHighlightedLine < this._requestedEndLine)
this._highlightTimer = setTimeout(this._highlightInChunks.bind(this, this._requestedEndLine), 10);
},
_highlightLines: function(endLine)
{
// Tokenizer is stateless and reused accross viewers, restore its condition before highlight and save it after.
this._tokenizer.condition = this._tokenizerCondition;
var tokensCount = 0;
for (var lineNumber = this._lastHighlightedLine; lineNumber < endLine; ++lineNumber) {
var line = this._textModel.line(lineNumber);
this._tokenizer.line = line;
var attributes = this._textModel.getAttribute(lineNumber, "highlight") || {};
// Highlight line.
do {
var newColumn = this._tokenizer.nextToken(this._lastHighlightedColumn);
var tokenType = this._tokenizer.tokenType;
if (tokenType)
attributes[this._lastHighlightedColumn] = { length: newColumn - this._lastHighlightedColumn, tokenType: tokenType, subTokenizer: this._tokenizer.subTokenizer };
this._lastHighlightedColumn = newColumn;
if (++tokensCount > 1000)
break;
} while (this._lastHighlightedColumn < line.length)
this._textModel.setAttribute(lineNumber, "highlight", attributes);
if (this._lastHighlightedColumn < line.length) {
// Too much work for single chunk - exit.
break;
} else
this._lastHighlightedColumn = 0;
}
this._damageCallback(this._lastHighlightedLine, lineNumber);
this._tokenizerCondition = this._tokenizer.condition;
this._lastHighlightedLine = lineNumber;
}
}
================================================
FILE: buildin_modules/weinre/web/client/TextEditorModel.js
================================================
/*
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.TextRange = function(startLine, startColumn, endLine, endColumn)
{
this.startLine = startLine;
this.startColumn = startColumn;
this.endLine = endLine;
this.endColumn = endColumn;
}
WebInspector.TextRange.prototype = {
isEmpty: function()
{
return this.startLine === this.endLine && this.startColumn === this.endColumn;
},
get linesCount()
{
return this.endLine - this.startLine;
},
clone: function()
{
return new WebInspector.TextRange(this.startLine, this.startColumn, this.endLine, this.endColumn);
}
}
WebInspector.TextEditorModel = function()
{
this._lines = [""];
this._attributes = [];
this._undoStack = [];
this._noPunctuationRegex = /[^ !%&()*+,-.:;<=>?\[\]\^{|}~]+/;
}
WebInspector.TextEditorModel.prototype = {
set changeListener(changeListener)
{
this._changeListener = changeListener;
},
get linesCount()
{
return this._lines.length;
},
line: function(lineNumber)
{
if (lineNumber >= this._lines.length)
throw "Out of bounds:" + lineNumber;
return this._lines[lineNumber];
},
lineLength: function(lineNumber)
{
return this._lines[lineNumber].length;
},
setText: function(range, text)
{
if (!range)
range = new WebInspector.TextRange(0, 0, this._lines.length - 1, this._lines[this._lines.length - 1].length);
var command = this._pushUndoableCommand(range, text);
var newRange = this._innerSetText(range, text);
command.range = newRange.clone();
if (this._changeListener)
this._changeListener(range, newRange, command.text, text);
return newRange;
},
set replaceTabsWithSpaces(replaceTabsWithSpaces)
{
this._replaceTabsWithSpaces = replaceTabsWithSpaces;
},
_innerSetText: function(range, text)
{
this._eraseRange(range);
if (text === "")
return new WebInspector.TextRange(range.startLine, range.startColumn, range.startLine, range.startColumn);
var newLines = text.split("\n");
this._replaceTabsIfNeeded(newLines);
var prefix = this._lines[range.startLine].substring(0, range.startColumn);
var prefixArguments = this._arguments
var suffix = this._lines[range.startLine].substring(range.startColumn);
var postCaret = prefix.length;
// Insert text.
if (newLines.length === 1) {
this._setLine(range.startLine, prefix + newLines[0] + suffix);
postCaret += newLines[0].length;
} else {
this._setLine(range.startLine, prefix + newLines[0]);
for (var i = 1; i < newLines.length; ++i)
this._insertLine(range.startLine + i, newLines[i]);
this._setLine(range.startLine + newLines.length - 1, newLines[newLines.length - 1] + suffix);
postCaret = newLines[newLines.length - 1].length;
}
return new WebInspector.TextRange(range.startLine, range.startColumn,
range.startLine + newLines.length - 1, postCaret);
},
_replaceTabsIfNeeded: function(lines)
{
if (!this._replaceTabsWithSpaces)
return;
var spaces = [ " ", " ", " ", " "];
for (var i = 0; i < lines.length; ++i) {
var line = lines[i];
var index = line.indexOf("\t");
while (index !== -1) {
line = line.substring(0, index) + spaces[index % 4] + line.substring(index + 1);
index = line.indexOf("\t", index + 1);
}
lines[i] = line;
}
},
_eraseRange: function(range)
{
if (range.isEmpty())
return;
var prefix = this._lines[range.startLine].substring(0, range.startColumn);
var suffix = this._lines[range.endLine].substring(range.endColumn);
if (range.endLine > range.startLine)
this._removeLines(range.startLine + 1, range.endLine - range.startLine);
this._setLine(range.startLine, prefix + suffix);
},
_setLine: function(lineNumber, text)
{
this._lines[lineNumber] = text;
},
_removeLines: function(fromLine, count)
{
this._lines.splice(fromLine, count);
this._attributes.splice(fromLine, count);
},
_insertLine: function(lineNumber, text)
{
this._lines.splice(lineNumber, 0, text);
this._attributes.splice(lineNumber, 0, {});
},
wordRange: function(lineNumber, column)
{
return new WebInspector.TextRange(lineNumber, this.wordStart(lineNumber, column, true), lineNumber, this.wordEnd(lineNumber, column, true));
},
wordStart: function(lineNumber, column, gapless)
{
var line = this._lines[lineNumber];
var prefix = line.substring(0, column).split("").reverse().join("");
var prefixMatch = this._noPunctuationRegex.exec(prefix);
return prefixMatch && (!gapless || prefixMatch.index === 0) ? column - prefixMatch.index - prefixMatch[0].length : column;
},
wordEnd: function(lineNumber, column, gapless)
{
var line = this._lines[lineNumber];
var suffix = line.substring(column);
var suffixMatch = this._noPunctuationRegex.exec(suffix);
return suffixMatch && (!gapless || suffixMatch.index === 0) ? column + suffixMatch.index + suffixMatch[0].length : column;
},
copyRange: function(range)
{
if (!range)
range = new WebInspector.TextRange(0, 0, this._lines.length - 1, this._lines[this._lines.length - 1].length);
var clip = [];
if (range.startLine === range.endLine) {
clip.push(this._lines[range.startLine].substring(range.startColumn, range.endColumn));
return clip.join("\n");
}
clip.push(this._lines[range.startLine].substring(range.startColumn));
for (var i = range.startLine + 1; i < range.endLine; ++i)
clip.push(this._lines[i]);
clip.push(this._lines[range.endLine].substring(0, range.endColumn));
return clip.join("\n");
},
setAttribute: function(line, name, value)
{
var attrs = this._attributes[line];
if (!attrs) {
attrs = {};
this._attributes[line] = attrs;
}
attrs[name] = value;
},
getAttribute: function(line, name)
{
var attrs = this._attributes[line];
return attrs ? attrs[name] : null;
},
removeAttribute: function(line, name)
{
var attrs = this._attributes[line];
if (attrs)
delete attrs[name];
},
_pushUndoableCommand: function(range, text)
{
var command = {
text: this.copyRange(range),
startLine: range.startLine,
startColumn: range.startColumn,
endLine: range.startLine,
endColumn: range.startColumn
};
if (this._inUndo)
this._redoStack.push(command);
else {
if (!this._inRedo)
this._redoStack = [];
this._undoStack.push(command);
}
return command;
},
undo: function()
{
this._markRedoableState();
this._inUndo = true;
var range = this._doUndo(this._undoStack);
delete this._inUndo;
return range;
},
redo: function()
{
this.markUndoableState();
this._inRedo = true;
var range = this._doUndo(this._redoStack);
delete this._inRedo;
return range;
},
_doUndo: function(stack)
{
var range = null;
for (var i = stack.length - 1; i >= 0; --i) {
var command = stack[i];
stack.length = i;
range = this.setText(command.range, command.text);
if (i > 0 && stack[i - 1].explicit)
return range;
}
return range;
},
markUndoableState: function()
{
if (this._undoStack.length)
this._undoStack[this._undoStack.length - 1].explicit = true;
},
_markRedoableState: function()
{
if (this._redoStack.length)
this._redoStack[this._redoStack.length - 1].explicit = true;
},
resetUndoStack: function()
{
this._undoStack = [];
}
}
================================================
FILE: buildin_modules/weinre/web/client/TextPrompt.js
================================================
/*
* Copyright (C) 2008 Apple Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
/**
* fixed chrome bug, add ArrowUp, ArrowDown, ArrowRight
* by wuchangming
*/
WebInspector.TextPrompt = function(element, completions, stopCharacters, omitHistory)
{
this.element = element;
this.element.addStyleClass("text-prompt");
this.completions = completions;
this.completionStopCharacters = stopCharacters;
if (!omitHistory) {
this.history = [];
this.historyOffset = 0;
}
this._boundOnKeyDown = this._onKeyDown.bind(this);
this.element.addEventListener("keydown", this._boundOnKeyDown, true);
}
WebInspector.TextPrompt.prototype = {
get text()
{
return this.element.textContent;
},
set text(x)
{
if (!x) {
// Append a break element instead of setting textContent to make sure the selection is inside the prompt.
this.element.removeChildren();
// For IE we don't need a
to correctly set console caret; otherwise there will be two lines (incorrect) instead of one if (!navigator.userAgent.match(/MSIE/i)) { this.element.appendChild(document.createElement("br")); } } else this.element.textContent = x; this.moveCaretToEndOfPrompt(); }, removeFromElement: function() { this.clearAutoComplete(true); this.element.removeEventListener("keydown", this._boundOnKeyDown, true); }, _onKeyDown: function(event) { function defaultAction() { this.clearAutoComplete(); this.autoCompleteSoon(); } if (event.handled) return; var handled = false, key = event.keyIdentifier || event.key; switch (key) { case "Up": case "ArrowUp": this.upKeyPressed(event); break; case "Down": case "ArrowDown": this.downKeyPressed(event); break; case "U+0009": // Tab this.tabKeyPressed(event); break; case "Right": case "ArrowRight": case "End": if (!this.acceptAutoComplete()) this.autoCompleteSoon(); break; case "Alt": case "Meta": case "Shift": case "Control": break; case "U+0050": // Ctrl+P = Previous if (this.history && WebInspector.isMac() && event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey) { handled = true; this._moveBackInHistory(); break; } defaultAction.call(this); break; case "U+004E": // Ctrl+N = Next if (this.history && WebInspector.isMac() && event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey) { handled = true; this._moveForwardInHistory(); break; } defaultAction.call(this); break; default: defaultAction.call(this); break; } if (event.keyCode == 13 || event.charCode == 13) { handled = true; event.target.blur(); } handled |= event.handled; if (handled) { event.handled = true; event.preventDefault(); event.stopPropagation(); } }, acceptAutoComplete: function() { if (!this.autoCompleteElement || !this.autoCompleteElement.parentNode) return false; var text = this.autoCompleteElement.textContent; var textNode = document.createTextNode(text); this.autoCompleteElement.parentNode.replaceChild(textNode, this.autoCompleteElement); delete this.autoCompleteElement; var finalSelectionRange = document.createRange(); finalSelectionRange.setStart(textNode, text.length); finalSelectionRange.setEnd(textNode, text.length); var selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(finalSelectionRange); return true; }, clearAutoComplete: function(includeTimeout) { if (includeTimeout && "_completeTimeout" in this) { clearTimeout(this._completeTimeout); delete this._completeTimeout; } if (!this.autoCompleteElement) return; if (this.autoCompleteElement.parentNode) this.autoCompleteElement.parentNode.removeChild(this.autoCompleteElement); delete this.autoCompleteElement; if (!this._userEnteredRange || !this._userEnteredText) return; this._userEnteredRange.deleteContents(); this.element.pruneEmptyTextNodes(); var userTextNode = document.createTextNode(this._userEnteredText); this._userEnteredRange.insertNode(userTextNode); var selectionRange = document.createRange(); selectionRange.setStart(userTextNode, this._userEnteredText.length); selectionRange.setEnd(userTextNode, this._userEnteredText.length); var selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(selectionRange); delete this._userEnteredRange; delete this._userEnteredText; }, autoCompleteSoon: function() { if (!("_completeTimeout" in this)) this._completeTimeout = setTimeout(this.complete.bind(this, true), 250); }, complete: function(auto, reverse) { this.clearAutoComplete(true); var selection = window.getSelection(); if (!selection.rangeCount) return; var selectionRange = selection.getRangeAt(0); var isEmptyInput = selectionRange.commonAncestorContainer === this.element; // this.element has no child Text nodes. // Do not attempt to auto-complete an empty input in the auto mode (only on demand). if (auto && isEmptyInput) return; if (!auto && !isEmptyInput && !selectionRange.commonAncestorContainer.isDescendant(this.element)) return; if (auto && !this.isCaretAtEndOfPrompt()) return; var wordPrefixRange = selectionRange.startContainer.rangeOfWord(selectionRange.startOffset, this.completionStopCharacters, this.element, "backward"); this.completions(wordPrefixRange, auto, this._completionsReady.bind(this, selection, auto, wordPrefixRange, reverse)); }, _completionsReady: function(selection, auto, originalWordPrefixRange, reverse, completions) { if (!completions || !completions.length) return; var selectionRange = selection.getRangeAt(0); var fullWordRange = document.createRange(); fullWordRange.setStart(originalWordPrefixRange.startContainer, originalWordPrefixRange.startOffset); fullWordRange.setEnd(selectionRange.endContainer, selectionRange.endOffset); if (originalWordPrefixRange.toString() + selectionRange.toString() != fullWordRange.toString()) return; var wordPrefixLength = originalWordPrefixRange.toString().length; if (auto) var completionText = completions[0]; else { if (completions.length === 1) { var completionText = completions[0]; wordPrefixLength = completionText.length; } else { var commonPrefix = completions[0]; for (var i = 0; i < completions.length; ++i) { var completion = completions[i]; var lastIndex = Math.min(commonPrefix.length, completion.length); for (var j = wordPrefixLength; j < lastIndex; ++j) { if (commonPrefix[j] !== completion[j]) { commonPrefix = commonPrefix.substr(0, j); break; } } } wordPrefixLength = commonPrefix.length; if (selection.isCollapsed) var completionText = completions[0]; else { var currentText = fullWordRange.toString(); var foundIndex = null; for (var i = 0; i < completions.length; ++i) { if (completions[i] === currentText) foundIndex = i; } var nextIndex = foundIndex + (reverse ? -1 : 1); if (foundIndex === null || nextIndex >= completions.length) var completionText = completions[0]; else if (nextIndex < 0) var completionText = completions[completions.length - 1]; else var completionText = completions[nextIndex]; } } } this._userEnteredRange = fullWordRange; this._userEnteredText = fullWordRange.toString(); fullWordRange.deleteContents(); this.element.pruneEmptyTextNodes(); var finalSelectionRange = document.createRange(); if (auto) { var prefixText = completionText.substring(0, wordPrefixLength); var suffixText = completionText.substring(wordPrefixLength); var prefixTextNode = document.createTextNode(prefixText); fullWordRange.insertNode(prefixTextNode); this.autoCompleteElement = document.createElement("span"); this.autoCompleteElement.className = "auto-complete-text"; this.autoCompleteElement.textContent = suffixText; prefixTextNode.parentNode.insertBefore(this.autoCompleteElement, prefixTextNode.nextSibling); finalSelectionRange.setStart(prefixTextNode, wordPrefixLength); finalSelectionRange.setEnd(prefixTextNode, wordPrefixLength); } else { var completionTextNode = document.createTextNode(completionText); fullWordRange.insertNode(completionTextNode); if (completions.length > 1) finalSelectionRange.setStart(completionTextNode, wordPrefixLength); else finalSelectionRange.setStart(completionTextNode, completionText.length); finalSelectionRange.setEnd(completionTextNode, completionText.length); } selection.removeAllRanges(); selection.addRange(finalSelectionRange); }, isCaretInsidePrompt: function() { return this.element.isInsertionCaretInside(); }, isCaretAtEndOfPrompt: function() { var selection = window.getSelection(); if (!selection.rangeCount || !selection.isCollapsed) return false; var selectionRange = selection.getRangeAt(0); var node = selectionRange.startContainer; if (node !== this.element && !node.isDescendant(this.element)) return false; if (node.nodeType === Node.TEXT_NODE && selectionRange.startOffset < node.nodeValue.length) return false; var foundNextText = false; while (node) { if (node.nodeType === Node.TEXT_NODE && node.nodeValue.length) { if (foundNextText) return false; foundNextText = true; } node = node.traverseNextNode(this.element); } return true; }, isCaretOnFirstLine: function() { var selection = window.getSelection(); var focusNode = selection.focusNode; if (!focusNode || focusNode.nodeType !== Node.TEXT_NODE || focusNode.parentNode !== this.element) return true; if (focusNode.textContent.substring(0, selection.focusOffset).indexOf("\n") !== -1) return false; focusNode = focusNode.previousSibling; while (focusNode) { if (focusNode.nodeType !== Node.TEXT_NODE) return true; if (focusNode.textContent.indexOf("\n") !== -1) return false; focusNode = focusNode.previousSibling; } return true; }, isCaretOnLastLine: function() { var selection = window.getSelection(); var focusNode = selection.focusNode; if (!focusNode || focusNode.nodeType !== Node.TEXT_NODE || focusNode.parentNode !== this.element) return true; if (focusNode.textContent.substring(selection.focusOffset).indexOf("\n") !== -1) return false; focusNode = focusNode.nextSibling; while (focusNode) { if (focusNode.nodeType !== Node.TEXT_NODE) return true; if (focusNode.textContent.indexOf("\n") !== -1) return false; focusNode = focusNode.nextSibling; } return true; }, moveCaretToEndOfPrompt: function() { var selection = window.getSelection(); var selectionRange = document.createRange(); var offset = this.element.childNodes.length; selectionRange.setStart(this.element, offset); selectionRange.setEnd(this.element, offset); selection.removeAllRanges(); selection.addRange(selectionRange); }, tabKeyPressed: function(event) { event.handled = true; this.complete(false, event.shiftKey); }, upKeyPressed: function(event) { if (!this.isCaretOnFirstLine()) return; event.handled = true; this._moveBackInHistory(); }, downKeyPressed: function(event) { if (!this.isCaretOnLastLine()) return; event.handled = true; this._moveForwardInHistory(); }, _moveBackInHistory: function() { if (!this.history || this.historyOffset == this.history.length) return; this.clearAutoComplete(true); if (this.historyOffset === 0) this.tempSavedCommand = this.text; ++this.historyOffset; this.text = this.history[this.history.length - this.historyOffset]; this.element.scrollIntoView(true); var firstNewlineIndex = this.text.indexOf("\n"); if (firstNewlineIndex === -1) this.moveCaretToEndOfPrompt(); else { var selection = window.getSelection(); var selectionRange = document.createRange(); selectionRange.setStart(this.element.firstChild, firstNewlineIndex); selectionRange.setEnd(this.element.firstChild, firstNewlineIndex); selection.removeAllRanges(); selection.addRange(selectionRange); } }, _moveForwardInHistory: function() { if (!this.history || this.historyOffset === 0) return; this.clearAutoComplete(true); --this.historyOffset; if (this.historyOffset === 0) { this.text = this.tempSavedCommand; delete this.tempSavedCommand; return; } this.text = this.history[this.history.length - this.historyOffset]; this.element.scrollIntoView(); } } ================================================ FILE: buildin_modules/weinre/web/client/TextViewer.js ================================================ /* * Copyright (C) 2009 Google Inc. All rights reserved. * Copyright (C) 2010 Apple Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.TextViewer = function(textModel, platform, url) { this._textModel = textModel; this._textModel.changeListener = this._textChanged.bind(this); this.element = document.createElement("div"); this.element.className = "text-editor monospace"; var syncScrollListener = this._syncScroll.bind(this); var syncDecorationsForLineListener = this._syncDecorationsForLine.bind(this); this._mainPanel = new WebInspector.TextEditorMainPanel(this._textModel, url, syncScrollListener, syncDecorationsForLineListener); this._gutterPanel = new WebInspector.TextEditorGutterPanel(this._textModel, syncDecorationsForLineListener); this.element.appendChild(this._mainPanel.element); this.element.appendChild(this._gutterPanel.element); } WebInspector.TextViewer.prototype = { set mimeType(mimeType) { this._mainPanel.mimeType = mimeType; }, set readOnly(readOnly) { this._mainPanel.readOnly = readOnly; }, get textModel() { return this._textModel; }, revealLine: function(lineNumber) { this._mainPanel.revealLine(lineNumber); }, addDecoration: function(lineNumber, decoration) { this._mainPanel.addDecoration(lineNumber, decoration); this._gutterPanel.addDecoration(lineNumber, decoration); }, removeDecoration: function(lineNumber, decoration) { this._mainPanel.removeDecoration(lineNumber, decoration); this._gutterPanel.removeDecoration(lineNumber, decoration); }, markAndRevealRange: function(range) { this._mainPanel.markAndRevealRange(range); }, highlightLine: function(lineNumber) { this._mainPanel.highlightLine(lineNumber); }, clearLineHighlight: function() { this._mainPanel.clearLineHighlight(); }, freeCachedElements: function() { this._mainPanel.freeCachedElements(); this._gutterPanel.freeCachedElements(); }, editLine: function(lineRow, callback) { this._mainPanel.editLine(lineRow, callback); }, get scrollTop() { return this._mainPanel.element.scrollTop; }, set scrollTop(scrollTop) { this._mainPanel.element.scrollTop = scrollTop; }, get scrollLeft() { return this._mainPanel.element.scrollLeft; }, set scrollLeft(scrollLeft) { this._mainPanel.element.scrollLeft = scrollLeft; }, beginUpdates: function() { this._mainPanel.beginUpdates(); this._gutterPanel.beginUpdates(); }, endUpdates: function() { this._mainPanel.endUpdates(); this._gutterPanel.endUpdates(); }, resize: function() { this._mainPanel.resize(); this._gutterPanel.resize(); this._updatePanelOffsets(); }, // WebInspector.TextModel listener _textChanged: function(oldRange, newRange, oldText, newText) { this._mainPanel.textChanged(); this._gutterPanel.textChanged(); this._updatePanelOffsets(); }, _updatePanelOffsets: function() { var lineNumbersWidth = this._gutterPanel.element.offsetWidth; if (lineNumbersWidth) this._mainPanel.element.style.setProperty("left", lineNumbersWidth + "px"); else this._mainPanel.element.style.removeProperty("left"); // Use default value set in CSS. }, _syncScroll: function() { // Async call due to performance reasons. setTimeout(function() { var mainElement = this._mainPanel.element; var gutterElement = this._gutterPanel.element; // Handle horizontal scroll bar at the bottom of the main panel. if (gutterElement.offsetHeight > mainElement.clientHeight) gutterElement.style.setProperty("padding-bottom", (gutterElement.offsetHeight - mainElement.clientHeight) + "px"); else gutterElement.style.removeProperty("padding-bottom"); gutterElement.scrollTop = mainElement.scrollTop; }.bind(this), 0); }, _syncDecorationsForLine: function(lineNumber) { if (lineNumber >= this._textModel.linesCount) return; var mainChunk = this._mainPanel.makeLineAChunk(lineNumber); var gutterChunk = this._gutterPanel.makeLineAChunk(lineNumber); var height = mainChunk.height; if (height) gutterChunk.element.style.setProperty("height", height + "px"); else gutterChunk.element.style.removeProperty("height"); } } WebInspector.TextEditorChunkedPanel = function(textModel) { this._textModel = textModel; this._defaultChunkSize = 50; this._paintCoalescingLevel = 0; this._domUpdateCoalescingLevel = 0; } WebInspector.TextEditorChunkedPanel.prototype = { get textModel() { return this._textModel; }, revealLine: function(lineNumber) { if (lineNumber >= this._textModel.linesCount) return; var chunk = this.makeLineAChunk(lineNumber); chunk.element.scrollIntoViewIfNeeded(); }, addDecoration: function(lineNumber, decoration) { var chunk = this.makeLineAChunk(lineNumber); chunk.addDecoration(decoration); }, removeDecoration: function(lineNumber, decoration) { var chunk = this.makeLineAChunk(lineNumber); chunk.removeDecoration(decoration); }, textChanged: function(oldRange, newRange, oldText, newText) { this._buildChunks(); }, _buildChunks: function() { this.beginDomUpdates(); this.element.removeChildren(); this._textChunks = []; for (var i = 0; i < this._textModel.linesCount; i += this._defaultChunkSize) { var chunk = this._createNewChunk(i, i + this._defaultChunkSize); this._textChunks.push(chunk); this.element.appendChild(chunk.element); } this._repaintAll(); this.endDomUpdates(); }, makeLineAChunk: function(lineNumber) { if (!this._textChunks) this._buildChunks(); var chunkNumber = this._chunkNumberForLine(lineNumber); var oldChunk = this._textChunks[chunkNumber]; if (oldChunk.linesCount === 1) return oldChunk; this.beginDomUpdates(); var wasExpanded = oldChunk.expanded; oldChunk.expanded = false; var insertIndex = chunkNumber + 1; // Prefix chunk. if (lineNumber > oldChunk.startLine) { var prefixChunk = this._createNewChunk(oldChunk.startLine, lineNumber); this._textChunks.splice(insertIndex++, 0, prefixChunk); this.element.insertBefore(prefixChunk.element, oldChunk.element); } // Line chunk. var lineChunk = this._createNewChunk(lineNumber, lineNumber + 1); this._textChunks.splice(insertIndex++, 0, lineChunk); this.element.insertBefore(lineChunk.element, oldChunk.element); // Suffix chunk. if (oldChunk.startLine + oldChunk.linesCount > lineNumber + 1) { var suffixChunk = this._createNewChunk(lineNumber + 1, oldChunk.startLine + oldChunk.linesCount); this._textChunks.splice(insertIndex, 0, suffixChunk); this.element.insertBefore(suffixChunk.element, oldChunk.element); } // Remove enclosing chunk. this._textChunks.splice(chunkNumber, 1); this.element.removeChild(oldChunk.element); if (wasExpanded) { if (prefixChunk) prefixChunk.expanded = true; lineChunk.expanded = true; if (suffixChunk) suffixChunk.expanded = true; } this.endDomUpdates(); return lineChunk; }, _scroll: function() { this._scheduleRepaintAll(); if (this._syncScrollListener) this._syncScrollListener(); }, _scheduleRepaintAll: function() { if (this._repaintAllTimer) clearTimeout(this._repaintAllTimer); this._repaintAllTimer = setTimeout(this._repaintAll.bind(this), 50); }, beginUpdates: function() { this._paintCoalescingLevel++; }, endUpdates: function() { this._paintCoalescingLevel--; if (!this._paintCoalescingLevel) this._repaintAll(); }, beginDomUpdates: function() { this._domUpdateCoalescingLevel++; }, endDomUpdates: function() { this._domUpdateCoalescingLevel--; }, _chunkNumberForLine: function(lineNumber) { for (var i = 0; i < this._textChunks.length; ++i) { var line = this._textChunks[i].startLine; if (lineNumber >= line && lineNumber < line + this._textChunks[i].linesCount) return i; } return this._textChunks.length - 1; }, _chunkForLine: function(lineNumber) { return this._textChunks[this._chunkNumberForLine(lineNumber)]; }, _repaintAll: function() { delete this._repaintAllTimer; if (this._paintCoalescingLevel || this._dirtyLines) return; if (!this._textChunks) this._buildChunks(); var visibleFrom = this.element.scrollTop; var visibleTo = this.element.scrollTop + this.element.clientHeight; var offset = 0; var fromIndex = -1; var toIndex = 0; for (var i = 0; i < this._textChunks.length; ++i) { var chunk = this._textChunks[i]; var chunkHeight = chunk.height; if (offset + chunkHeight > visibleFrom && offset < visibleTo) { if (fromIndex === -1) fromIndex = i; toIndex = i + 1; } else { if (offset >= visibleTo) break; } offset += chunkHeight; } if (toIndex) this._expandChunks(fromIndex, toIndex); }, _totalHeight: function(firstElement, lastElement) { lastElement = (lastElement || firstElement).nextElementSibling; if (lastElement) return lastElement.offsetTop - firstElement.offsetTop; else if (firstElement.offsetParent) return firstElement.offsetParent.scrollHeight - firstElement.offsetTop; return firstElement.offsetHeight; }, resize: function() { this._repaintAll(); } } WebInspector.TextEditorGutterPanel = function(textModel, syncDecorationsForLineListener) { WebInspector.TextEditorChunkedPanel.call(this, textModel); this._syncDecorationsForLineListener = syncDecorationsForLineListener; this.element = document.createElement("div"); this.element.className = "text-editor-lines"; this.element.addEventListener("scroll", this._scroll.bind(this), false); this.freeCachedElements(); this._buildChunks(); } WebInspector.TextEditorGutterPanel.prototype = { freeCachedElements: function() { this._cachedRows = []; }, _createNewChunk: function(startLine, endLine) { return new WebInspector.TextEditorGutterChunk(this, startLine, endLine); }, _expandChunks: function(fromIndex, toIndex) { for (var i = 0; i < this._textChunks.length; ++i) { this._textChunks[i].expanded = (fromIndex <= i && i < toIndex); } } } WebInspector.TextEditorGutterPanel.prototype.__proto__ = WebInspector.TextEditorChunkedPanel.prototype; WebInspector.TextEditorGutterChunk = function(textViewer, startLine, endLine) { this._textViewer = textViewer; this._textModel = textViewer._textModel; this.startLine = startLine; endLine = Math.min(this._textModel.linesCount, endLine); this.linesCount = endLine - startLine; this._expanded = false; this.element = document.createElement("div"); this.element.lineNumber = startLine; this.element.className = "webkit-line-number"; if (this.linesCount === 1) { // Single line chunks are typically created for decorations. Host line number in // the sub-element in order to allow flexible border / margin management. var innerSpan = document.createElement("span"); innerSpan.className = "webkit-line-number-inner"; innerSpan.textContent = startLine + 1; var outerSpan = document.createElement("div"); outerSpan.className = "webkit-line-number-outer"; outerSpan.appendChild(innerSpan); this.element.appendChild(outerSpan); } else { var lineNumbers = []; for (var i = startLine; i < endLine; ++i) { lineNumbers.push(i + 1); } this.element.textContent = lineNumbers.join("\n"); } } WebInspector.TextEditorGutterChunk.prototype = { addDecoration: function(decoration) { if (typeof decoration === "string") { this.element.addStyleClass(decoration); } }, removeDecoration: function(decoration) { if (typeof decoration === "string") { this.element.removeStyleClass(decoration); } }, get expanded() { return this._expanded; }, set expanded(expanded) { if (this.linesCount === 1) this._textViewer._syncDecorationsForLineListener(this.startLine); if (this._expanded === expanded) return; this._expanded = expanded; if (this.linesCount === 1) return; this._textViewer.beginDomUpdates(); if (expanded) { this._expandedLineRows = []; var parentElement = this.element.parentElement; for (var i = this.startLine; i < this.startLine + this.linesCount; ++i) { var lineRow = this._createRow(i); parentElement.insertBefore(lineRow, this.element); this._expandedLineRows.push(lineRow); } parentElement.removeChild(this.element); } else { var elementInserted = false; for (var i = 0; i < this._expandedLineRows.length; ++i) { var lineRow = this._expandedLineRows[i]; var parentElement = lineRow.parentElement; if (parentElement) { if (!elementInserted) { elementInserted = true; parentElement.insertBefore(this.element, lineRow); } parentElement.removeChild(lineRow); } this._textViewer._cachedRows.push(lineRow); } delete this._expandedLineRows; } this._textViewer.endDomUpdates(); }, get height() { if (!this._expandedLineRows) return this._textViewer._totalHeight(this.element); return this._textViewer._totalHeight(this._expandedLineRows[0], this._expandedLineRows[this._expandedLineRows.length - 1]); }, _createRow: function(lineNumber) { var lineRow = this._textViewer._cachedRows.pop() || document.createElement("div"); lineRow.lineNumber = lineNumber; lineRow.className = "webkit-line-number"; lineRow.textContent = lineNumber + 1; return lineRow; } } WebInspector.TextEditorMainPanel = function(textModel, url, syncScrollListener, syncDecorationsForLineListener) { WebInspector.TextEditorChunkedPanel.call(this, textModel); this._syncScrollListener = syncScrollListener; this._syncDecorationsForLineListener = syncDecorationsForLineListener; this._url = url; this._highlighter = new WebInspector.TextEditorHighlighter(textModel, this._highlightDataReady.bind(this)); this._readOnly = true; this.element = document.createElement("div"); this.element.className = "text-editor-contents"; this.element.tabIndex = 0; this.element.addEventListener("scroll", this._scroll.bind(this), false); // FIXME: Remove old live editing functionality and Preferences.sourceEditorEnabled flag. if (!Preferences.sourceEditorEnabled) this.element.addEventListener("keydown", this._handleKeyDown.bind(this), false); var handleDOMUpdates = this._handleDOMUpdates.bind(this); this.element.addEventListener("DOMCharacterDataModified", handleDOMUpdates, false); this.element.addEventListener("DOMNodeInserted", handleDOMUpdates, false); this.element.addEventListener("DOMNodeRemoved", handleDOMUpdates, false); // For some reasons, in a few corner cases the events above are not able to catch the editings. // To workaround that we also listen to a more general event as a backup. this.element.addEventListener("DOMSubtreeModified", this._handleDOMSubtreeModified.bind(this), false); this.freeCachedElements(); this._buildChunks(); } WebInspector.TextEditorMainPanel.prototype = { set mimeType(mimeType) { this._highlighter.mimeType = mimeType; }, set readOnly(readOnly) { // FIXME: Remove the Preferences.sourceEditorEnabled flag. if (!Preferences.sourceEditorEnabled) return; this._readOnly = readOnly; if (this._readOnly) this.element.removeStyleClass("text-editor-editable"); else this.element.addStyleClass("text-editor-editable"); }, markAndRevealRange: function(range) { if (this._rangeToMark) { var markedLine = this._rangeToMark.startLine; this._rangeToMark = null; this._paintLines(markedLine, markedLine + 1); } if (range) { this._rangeToMark = range; this.revealLine(range.startLine); this._paintLines(range.startLine, range.startLine + 1); if (this._markedRangeElement) this._markedRangeElement.scrollIntoViewIfNeeded(); } delete this._markedRangeElement; }, highlightLine: function(lineNumber) { this.clearLineHighlight(); this._highlightedLine = lineNumber; this.revealLine(lineNumber); this.addDecoration(lineNumber, "webkit-highlighted-line"); }, clearLineHighlight: function() { if (typeof this._highlightedLine === "number") { this.removeDecoration(this._highlightedLine, "webkit-highlighted-line"); delete this._highlightedLine; } }, freeCachedElements: function() { this._cachedSpans = []; this._cachedTextNodes = []; this._cachedRows = []; }, _handleKeyDown: function() { if (this._editingLine || event.metaKey || event.shiftKey || event.ctrlKey || event.altKey) return; var scrollValue = 0; if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Up.code) scrollValue = -1; else if (event.keyCode == WebInspector.KeyboardShortcut.Keys.Down.code) scrollValue = 1; if (scrollValue) { event.preventDefault(); event.stopPropagation(); this.element.scrollByLines(scrollValue); return; } scrollValue = 0; if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Left.code) scrollValue = -40; else if (event.keyCode == WebInspector.KeyboardShortcut.Keys.Right.code) scrollValue = 40; if (scrollValue) { event.preventDefault(); event.stopPropagation(); this.element.scrollLeft += scrollValue; } }, editLine: function(lineRow, callback) { var oldContent = lineRow.innerHTML; function finishEditing(committed, e, newContent) { if (committed) callback(newContent); lineRow.innerHTML = oldContent; delete this._editingLine; } this._editingLine = WebInspector.startEditing(lineRow, { context: null, commitHandler: finishEditing.bind(this, true), cancelHandler: finishEditing.bind(this, false), multiline: true }); }, _buildChunks: function() { this._highlighter.reset(); for (var i = 0; i < this._textModel.linesCount; ++i) this._textModel.removeAttribute(i, "highlight"); WebInspector.TextEditorChunkedPanel.prototype._buildChunks.call(this); }, _createNewChunk: function(startLine, endLine) { return new WebInspector.TextEditorMainChunk(this, startLine, endLine); }, _expandChunks: function(fromIndex, toIndex) { var lastChunk = this._textChunks[toIndex - 1]; var lastVisibleLine = lastChunk.startLine + lastChunk.linesCount; var selection = this._getSelection(); this._muteHighlightListener = true; this._highlighter.highlight(lastVisibleLine); delete this._muteHighlightListener; for (var i = 0; i < this._textChunks.length; ++i) { this._textChunks[i].expanded = (fromIndex <= i && i < toIndex); } this._restoreSelection(selection); }, _highlightDataReady: function(fromLine, toLine) { if (this._muteHighlightListener || this._dirtyLines) return; this._paintLines(fromLine, toLine, true /*restoreSelection*/); }, _paintLines: function(fromLine, toLine, restoreSelection) { var selection; var chunk = this._chunkForLine(fromLine); for (var i = fromLine; i < toLine; ++i) { if (i >= chunk.startLine + chunk.linesCount) chunk = this._chunkForLine(i); var lineRow = chunk.getExpandedLineRow(i); if (!lineRow) continue; if (restoreSelection && !selection) selection = this._getSelection(); this._paintLine(lineRow, i); } if (restoreSelection) this._restoreSelection(selection); }, _paintLine: function(lineRow, lineNumber) { this.beginDomUpdates(); try { var highlight = this._textModel.getAttribute(lineNumber, "highlight"); if (!highlight) { if (this._rangeToMark && this._rangeToMark.startLine === lineNumber) this._markedRangeElement = highlightSearchResult(lineRow, this._rangeToMark.startColumn, this._rangeToMark.endColumn - this._rangeToMark.startColumn); return; } lineRow.removeChildren(); var line = this._textModel.line(lineNumber); if (!line) lineRow.appendChild(document.createElement("br")); var plainTextStart = -1; for (var j = 0; j < line.length;) { if (j > 1000) { // This line is too long - do not waste cycles on minified js highlighting. if (plainTextStart === -1) plainTextStart = j; break; } var attribute = highlight[j]; if (!attribute || !attribute.tokenType) { if (plainTextStart === -1) plainTextStart = j; j++; } else { if (plainTextStart !== -1) { this._appendTextNode(lineRow, line.substring(plainTextStart, j)); plainTextStart = -1; } this._appendSpan(lineRow, line.substring(j, j + attribute.length), attribute.tokenType); j += attribute.length; } } if (plainTextStart !== -1) this._appendTextNode(lineRow, line.substring(plainTextStart, line.length)); if (this._rangeToMark && this._rangeToMark.startLine === lineNumber) this._markedRangeElement = highlightSearchResult(lineRow, this._rangeToMark.startColumn, this._rangeToMark.endColumn - this._rangeToMark.startColumn); if (lineRow.decorationsElement) lineRow.appendChild(lineRow.decorationsElement); } finally { this.endDomUpdates(); } }, _releaseLinesHighlight: function(lineRow) { if (!lineRow) return; if ("spans" in lineRow) { var spans = lineRow.spans; for (var j = 0; j < spans.length; ++j) this._cachedSpans.push(spans[j]); delete lineRow.spans; } if ("textNodes" in lineRow) { var textNodes = lineRow.textNodes; for (var j = 0; j < textNodes.length; ++j) this._cachedTextNodes.push(textNodes[j]); delete lineRow.textNodes; } this._cachedRows.push(lineRow); }, _getSelection: function() { var selection = window.getSelection(); if (!selection.rangeCount) return null; var selectionRange = selection.getRangeAt(0); // Selection may be outside of the viewer. if (!this.element.isAncestor(selectionRange.startContainer) || !this.element.isAncestor(selectionRange.endContainer)) return null; var start = this._selectionToPosition(selectionRange.startContainer, selectionRange.startOffset); var end = selectionRange.collapsed ? start : this._selectionToPosition(selectionRange.endContainer, selectionRange.endOffset); if (selection.anchorNode === selectionRange.startContainer && selection.anchorOffset === selectionRange.startOffset) return new WebInspector.TextRange(start.line, start.column, end.line, end.column); else return new WebInspector.TextRange(end.line, end.column, start.line, start.column); }, _restoreSelection: function(range) { if (!range) return; var start = this._positionToSelection(range.startLine, range.startColumn); var end = range.isEmpty() ? start : this._positionToSelection(range.endLine, range.endColumn); window.getSelection().setBaseAndExtent(start.container, start.offset, end.container, end.offset); }, _selectionToPosition: function(container, offset) { if (container === this.element && offset === 0) return { line: 0, column: 0 }; if (container === this.element && offset === 1) return { line: this._textModel.linesCount - 1, column: this._textModel.lineLength(this._textModel.linesCount - 1) }; var lineRow = container.enclosingNodeOrSelfWithNodeName("DIV"); var lineNumber = lineRow.lineNumber; if (container === lineRow && offset === 0) return { line: lineNumber, column: 0 }; // This may be chunk and chunks may contain \n. var column = 0; var node = lineRow.traverseNextTextNode(lineRow); while (node && node !== container) { var text = node.textContent; for (var i = 0; i < text.length; ++i) { if (text.charAt(i) === "\n") { lineNumber++; column = 0; } else column++; } node = node.traverseNextTextNode(lineRow); } if (node === container && offset) { var text = node.textContent; for (var i = 0; i < offset; ++i) { if (text.charAt(i) === "\n") { lineNumber++; column = 0; } else column++; } } return { line: lineNumber, column: column }; }, _positionToSelection: function(line, column) { var chunk = this._chunkForLine(line); var lineRow = chunk.getExpandedLineRow(line); if (lineRow) var rangeBoundary = lineRow.rangeBoundaryForOffset(column); else { var offset = column; for (var i = chunk.startLine; i < line; ++i) offset += this._textModel.lineLength(i) + 1; // \n lineRow = chunk.element; if (lineRow.firstChild) var rangeBoundary = { container: lineRow.firstChild, offset: offset }; else var rangeBoundary = { container: lineRow, offset: 0 }; } return rangeBoundary; }, _appendSpan: function(element, content, className) { if (className === "html-resource-link" || className === "html-external-link") { element.appendChild(this._createLink(content, className === "html-external-link")); return; } var span = this._cachedSpans.pop() || document.createElement("span"); span.className = "webkit-" + className; span.textContent = content; element.appendChild(span); if (!("spans" in element)) element.spans = []; element.spans.push(span); }, _appendTextNode: function(element, text) { var textNode = this._cachedTextNodes.pop(); if (textNode) textNode.nodeValue = text; else textNode = document.createTextNode(text); element.appendChild(textNode); if (!("textNodes" in element)) element.textNodes = []; element.textNodes.push(textNode); }, _createLink: function(content, isExternal) { var quote = content.charAt(0); if (content.length > 1 && (quote === "\"" || quote === "'")) content = content.substring(1, content.length - 1); else quote = null; var a = WebInspector.linkifyURLAsNode(this._rewriteHref(content), content, null, isExternal); var span = document.createElement("span"); span.className = "webkit-html-attribute-value"; if (quote) span.appendChild(document.createTextNode(quote)); span.appendChild(a); if (quote) span.appendChild(document.createTextNode(quote)); return span; }, _rewriteHref: function(hrefValue, isExternal) { if (!this._url || !hrefValue || hrefValue.indexOf("://") > 0) return hrefValue; return WebInspector.completeURL(this._url, hrefValue); }, textChanged: function(oldRange, newRange, oldText, newText) { // FIXME: Update only that part of the editor that has just been changed. this._buildChunks(); }, _handleDOMUpdates: function(e) { if (this._domUpdateCoalescingLevel) return; var target = e.target; if (target === this.element) return; var lineRow = target.enclosingNodeOrSelfWithClass("webkit-line-content"); if (!lineRow) return; if (lineRow.decorationsElement && lineRow.decorationsElement.isAncestor(target)) { if (this._syncDecorationsForLineListener) { // Wait until this event is processed and only then sync the sizes. This is necessary in // case of the DOMNodeRemoved event, because it is dispatched before the removal takes place. setTimeout(function() { this._syncDecorationsForLineListener(lineRow.lineNumber); }.bind(this), 0); } return; } if (this._readOnly) return; if (target === lineRow && (e.type === "DOMNodeInserted" || e.type === "DOMNodeRemoved")) { // The "lineNumber" (if any) is no longer valid for a line being removed or inserted. delete lineRow.lineNumber; } var startLine = 0; for (var row = lineRow; row; row = row.previousSibling) { if (typeof row.lineNumber === "number") { startLine = row.lineNumber; break; } } var endLine = this._textModel.linesCount; for (var row = lineRow.nextSibling; row; row = row.nextSibling) { if (typeof row.lineNumber === "number") { endLine = row.lineNumber; break; } } if (this._dirtyLines) { this._dirtyLines.start = Math.min(this._dirtyLines.start, startLine); this._dirtyLines.end = Math.max(this._dirtyLines.end, endLine); } else { this._dirtyLines = { start: startLine, end: endLine }; setTimeout(this._applyDomUpdates.bind(this), 0); } }, _handleDOMSubtreeModified: function(e) { if (this._domUpdateCoalescingLevel || this._readOnly || e.target !== this.element) return; // Proceed only when other events failed to catch the DOM updates, otherwise it is not necessary. if (this._dirtyLines) return; var selection = this._getSelection(); if (!selection) return; var startLine = Math.min(selection.startLine, selection.endLine); var endLine = Math.max(selection.startLine, selection.endLine) + 1; endLine = Math.min(this._textModel.linesCount, endLine); this._dirtyLines = { start: startLine, end: endLine }; setTimeout(this._applyDomUpdates.bind(this), 0); }, _applyDomUpdates: function() { if (!this._dirtyLines) return; var dirtyLines = this._dirtyLines; delete this._dirtyLines; // Check if the editor had been set readOnly by the moment when this async callback got executed. if (this._readOnly) return; // FIXME: DELETE DECORATIONS IN THE INVOLVED CHUNKS IF ANY! SYNC THE GUTTER ALSO. // FIXME: DELETE MARKED AND HIGHLIGHTED LINES (INVALIDATE SEARCH RESULTS)! this._markedRangeElement var firstChunkNumber = this._chunkNumberForLine(dirtyLines.start); var startLine = this._textChunks[firstChunkNumber].startLine; var endLine = this._textModel.linesCount; // Collect lines. var firstLineRow; if (firstChunkNumber) { var chunk = this._textChunks[firstChunkNumber - 1]; firstLineRow = chunk.expanded ? chunk.getExpandedLineRow(chunk.startLine + chunk.linesCount - 1) : chunk.element; firstLineRow = firstLineRow.nextSibling; } else { firstLineRow = this.element.firstChild; } var lines = []; for (var lineRow = firstLineRow; lineRow; lineRow = lineRow.nextSibling) { if (typeof lineRow.lineNumber === "number" && lineRow.lineNumber >= dirtyLines.end) { endLine = lineRow.lineNumber; break; } // Update with the newest lineNumber, so that the call to the _getSelection method below should work. lineRow.lineNumber = startLine + lines.length; this._collectLinesFromDiv(lines, lineRow); } // Try to decrease the range being replaced if possible. var startOffset = 0; while (startLine < dirtyLines.start && startOffset < lines.length) { if (this._textModel.line(startLine) !== lines[startOffset]) break; ++startOffset; ++startLine; } var endOffset = lines.length; while (endLine > dirtyLines.end && endOffset > startOffset) { if (this._textModel.line(endLine - 1) !== lines[endOffset - 1]) break; --endOffset; --endLine; } lines = lines.slice(startOffset, endOffset); var selection = this._getSelection(); this.beginUpdates(); if (lines.length === 0 && endLine < this._textModel.linesCount) { var range = new WebInspector.TextRange(startLine, 0, endLine, 0); var newRange = this._textModel.setText(range, ''); } else { var range = new WebInspector.TextRange(startLine, 0, endLine - 1, this._textModel.lineLength(endLine - 1)); var newRange = this._textModel.setText(range, lines.join("\n")); } this.endUpdates(); this._restoreSelection(selection); }, _collectLinesFromDiv: function(lines, element) { var textContents = []; var node = element.traverseNextNode(element); while (node) { if (node.nodeName.toLowerCase() === "br") textContents.push("\n"); else if (node.nodeType === Node.TEXT_NODE) textContents.push(node.textContent); node = node.traverseNextNode(element); } var textContent = textContents.join(''); // The last \n (if any) does not "count" in a DIV. textContent = textContent.replace(/\n$/, ''); textContents = textContent.split("\n"); for (var i = 0; i < textContents.length; ++i) lines.push(textContents[i]); } } WebInspector.TextEditorMainPanel.prototype.__proto__ = WebInspector.TextEditorChunkedPanel.prototype; WebInspector.TextEditorMainChunk = function(textViewer, startLine, endLine) { this._textViewer = textViewer; this._textModel = textViewer._textModel; this.element = document.createElement("div"); this.element.lineNumber = startLine; this.element.className = "webkit-line-content"; this.startLine = startLine; endLine = Math.min(this._textModel.linesCount, endLine); this.linesCount = endLine - startLine; this._expanded = false; var lines = []; for (var i = startLine; i < endLine; ++i) { lines.push(this._textModel.line(i)); } this.element.textContent = lines.join("\n"); // The last empty line will get swallowed otherwise. if (!lines[lines.length - 1]) this.element.appendChild(document.createElement("br")); } WebInspector.TextEditorMainChunk.prototype = { addDecoration: function(decoration) { if (typeof decoration === "string") { this.element.addStyleClass(decoration); return; } this._textViewer.beginDomUpdates(); if (!this.element.decorationsElement) { this.element.decorationsElement = document.createElement("div"); this.element.decorationsElement.className = "webkit-line-decorations"; this.element.appendChild(this.element.decorationsElement); } this.element.decorationsElement.appendChild(decoration); this._textViewer.endDomUpdates(); }, removeDecoration: function(decoration) { if (typeof decoration === "string") { this.element.removeStyleClass(decoration); return; } if (!this.element.decorationsElement) return; this._textViewer.beginDomUpdates(); this.element.decorationsElement.removeChild(decoration); this._textViewer.endDomUpdates(); }, get expanded() { return this._expanded; }, set expanded(expanded) { if (this._expanded === expanded) return; this._expanded = expanded; if (this.linesCount === 1) { if (expanded) this._textViewer._paintLine(this.element, this.startLine); return; } this._textViewer.beginDomUpdates(); if (expanded) { this._expandedLineRows = []; var parentElement = this.element.parentElement; for (var i = this.startLine; i < this.startLine + this.linesCount; ++i) { var lineRow = this._createRow(i); parentElement.insertBefore(lineRow, this.element); this._expandedLineRows.push(lineRow); this._textViewer._paintLine(lineRow, i); } parentElement.removeChild(this.element); } else { var elementInserted = false; for (var i = 0; i < this._expandedLineRows.length; ++i) { var lineRow = this._expandedLineRows[i]; var parentElement = lineRow.parentElement; if (parentElement) { if (!elementInserted) { elementInserted = true; parentElement.insertBefore(this.element, lineRow); } parentElement.removeChild(lineRow); } this._textViewer._releaseLinesHighlight(lineRow); } delete this._expandedLineRows; } this._textViewer.endDomUpdates(); }, get height() { if (!this._expandedLineRows) return this._textViewer._totalHeight(this.element); return this._textViewer._totalHeight(this._expandedLineRows[0], this._expandedLineRows[this._expandedLineRows.length - 1]); }, _createRow: function(lineNumber) { var lineRow = this._textViewer._cachedRows.pop() || document.createElement("div"); lineRow.lineNumber = lineNumber; lineRow.className = "webkit-line-content"; lineRow.textContent = this._textModel.line(lineNumber); if (!lineRow.textContent) lineRow.appendChild(document.createElement("br")); return lineRow; }, getExpandedLineRow: function(lineNumber) { if (!this._expanded || lineNumber < this.startLine || lineNumber >= this.startLine + this.linesCount) return null; if (!this._expandedLineRows) return this.element; return this._expandedLineRows[lineNumber - this.startLine]; } } ================================================ FILE: buildin_modules/weinre/web/client/TimelineAgent.js ================================================ /* * Copyright (C) 2009 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.TimelineAgent = function() { // Not implemented. } // Must be kept in sync with TimelineItem.h WebInspector.TimelineAgent.RecordType = { EventDispatch : 0, Layout : 1, RecalculateStyles : 2, Paint : 3, ParseHTML : 4, TimerInstall : 5, TimerRemove : 6, TimerFire : 7, XHRReadyStateChange : 8, XHRLoad : 9, EvaluateScript : 10, MarkTimeline : 11, ResourceSendRequest : 12, ResourceReceiveResponse : 13, ResourceFinish : 14, FunctionCall : 15, ResourceReceiveData: 16, GCEvent : 17, MarkDOMContentEventType : 18, MarkLoadEventType : 19, ScheduleResourceRequest : 20 }; ================================================ FILE: buildin_modules/weinre/web/client/TimelineGrid.js ================================================ /* * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. * Copyright (C) 2008, 2009 Anthony Ricaud
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.TimelineGrid = function()
{
this.element = document.createElement("div");
this._itemsGraphsElement = document.createElement("div");
this._itemsGraphsElement.id = "resources-graphs";
this.element.appendChild(this._itemsGraphsElement);
this._dividersElement = document.createElement("div");
this._dividersElement.className = "resources-dividers";
this.element.appendChild(this._dividersElement);
this._eventDividersElement = document.createElement("div");
this._eventDividersElement.className = "resources-event-dividers";
this.element.appendChild(this._eventDividersElement);
this._dividersLabelBarElement = document.createElement("div");
this._dividersLabelBarElement.className = "resources-dividers-label-bar";
this.element.appendChild(this._dividersLabelBarElement);
}
WebInspector.TimelineGrid.prototype = {
get itemsGraphsElement()
{
return this._itemsGraphsElement;
},
updateDividers: function(force, calculator, paddingLeft)
{
var dividerCount = Math.round(this._dividersElement.offsetWidth / 64);
var slice = calculator.boundarySpan / dividerCount;
if (!force && this._currentDividerSlice === slice)
return false;
if (typeof paddingLeft !== "number")
paddingLeft = 0;
this._currentDividerSlice = slice;
// Reuse divider elements and labels.
var divider = this._dividersElement.firstChild;
var dividerLabelBar = this._dividersLabelBarElement.firstChild;
var dividersLabelBarElementClientWidth = this._dividersLabelBarElement.clientWidth;
var clientWidth = dividersLabelBarElementClientWidth - paddingLeft;
for (var i = paddingLeft ? 0 : 1; i <= dividerCount; ++i) {
if (!divider) {
divider = document.createElement("div");
divider.className = "resources-divider";
this._dividersElement.appendChild(divider);
dividerLabelBar = document.createElement("div");
dividerLabelBar.className = "resources-divider";
var label = document.createElement("div");
label.className = "resources-divider-label";
dividerLabelBar._labelElement = label;
dividerLabelBar.appendChild(label);
this._dividersLabelBarElement.appendChild(dividerLabelBar);
dividersLabelBarElementClientWidth = this._dividersLabelBarElement.clientWidth;
}
if (i === (paddingLeft ? 0 : 1)) {
divider.addStyleClass("first");
dividerLabelBar.addStyleClass("first");
} else {
divider.removeStyleClass("first");
dividerLabelBar.removeStyleClass("first");
}
if (i === dividerCount) {
divider.addStyleClass("last");
dividerLabelBar.addStyleClass("last");
} else {
divider.removeStyleClass("last");
dividerLabelBar.removeStyleClass("last");
}
var left = paddingLeft + clientWidth * (i / dividerCount);
var percentLeft = 100 * left / dividersLabelBarElementClientWidth;
this._setDividerAndBarLeft(divider, dividerLabelBar, percentLeft);
if (!isNaN(slice))
dividerLabelBar._labelElement.textContent = calculator.formatValue(slice * i);
else
dividerLabelBar._labelElement.textContent = "";
divider = divider.nextSibling;
dividerLabelBar = dividerLabelBar.nextSibling;
}
// Remove extras.
while (divider) {
var nextDivider = divider.nextSibling;
this._dividersElement.removeChild(divider);
divider = nextDivider;
}
while (dividerLabelBar) {
var nextDivider = dividerLabelBar.nextSibling;
this._dividersLabelBarElement.removeChild(dividerLabelBar);
dividerLabelBar = nextDivider;
}
return true;
},
_setDividerAndBarLeft: function(divider, dividerLabelBar, percentLeft)
{
var percentStyleLeft = parseFloat(divider.style.left);
if (!isNaN(percentStyleLeft) && Math.abs(percentStyleLeft - percentLeft) < 0.1)
return;
divider.style.left = percentLeft + "%";
dividerLabelBar.style.left = percentLeft + "%";
},
addEventDivider: function(divider)
{
this._eventDividersElement.appendChild(divider);
},
addEventDividers: function(dividers)
{
this.element.removeChild(this._eventDividersElement);
for (var i = 0; i < dividers.length; ++i)
if (dividers[i])
this._eventDividersElement.appendChild(dividers[i]);
this.element.appendChild(this._eventDividersElement);
},
removeEventDividers: function()
{
this._eventDividersElement.removeChildren();
},
hideEventDividers: function()
{
this._eventDividersElement.addStyleClass("hidden");
},
showEventDividers: function()
{
this._eventDividersElement.removeStyleClass("hidden");
},
setScrollAndDividerTop: function(scrollTop, dividersTop)
{
this._dividersElement.style.top = scrollTop + "px";
this._eventDividersElement.style.top = scrollTop + "px";
this._dividersLabelBarElement.style.top = dividersTop + "px";
}
}
================================================
FILE: buildin_modules/weinre/web/client/TimelineOverviewPane.js
================================================
/*
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.TimelineOverviewPane = function(categories)
{
this._categories = categories;
this.statusBarFilters = document.createElement("div");
this.statusBarFilters.className = "status-bar-items";
for (var categoryName in this._categories) {
var category = this._categories[categoryName];
this.statusBarFilters.appendChild(this._createTimelineCategoryStatusBarCheckbox(category, this._onCheckboxClicked.bind(this, category)));
}
this._overviewGrid = new WebInspector.TimelineGrid();
this._overviewGrid.element.id = "timeline-overview-grid";
this._overviewGrid.itemsGraphsElement.id = "timeline-overview-timelines";
this._overviewGrid.element.addEventListener("mousedown", this._dragWindow.bind(this), true);
this._heapGraph = new WebInspector.HeapGraph();
this._heapGraph.element.id = "timeline-overview-memory";
this._overviewGrid.element.insertBefore(this._heapGraph.element, this._overviewGrid.itemsGraphsElement);
this.element = this._overviewGrid.element;
this._categoryGraphs = {};
var i = 0;
for (var category in this._categories) {
var categoryGraph = new WebInspector.TimelineCategoryGraph(this._categories[category], i++ % 2);
this._categoryGraphs[category] = categoryGraph;
this._overviewGrid.itemsGraphsElement.appendChild(categoryGraph.graphElement);
}
this._overviewGrid.setScrollAndDividerTop(0, 0);
this._overviewWindowElement = document.createElement("div");
this._overviewWindowElement.id = "timeline-overview-window";
this._overviewGrid.element.appendChild(this._overviewWindowElement);
this._overviewWindowBordersElement = document.createElement("div");
this._overviewWindowBordersElement.className = "timeline-overview-window-rulers";
this._overviewGrid.element.appendChild(this._overviewWindowBordersElement);
var overviewDividersBackground = document.createElement("div");
overviewDividersBackground.className = "timeline-overview-dividers-background";
this._overviewGrid.element.appendChild(overviewDividersBackground);
this._leftResizeElement = document.createElement("div");
this._leftResizeElement.className = "timeline-window-resizer";
this._leftResizeElement.style.left = 0;
this._overviewGrid.element.appendChild(this._leftResizeElement);
this._rightResizeElement = document.createElement("div");
this._rightResizeElement.className = "timeline-window-resizer timeline-window-resizer-right";
this._rightResizeElement.style.right = 0;
this._overviewGrid.element.appendChild(this._rightResizeElement);
this._overviewCalculator = new WebInspector.TimelineOverviewCalculator();
this.windowLeft = 0.0;
this.windowRight = 1.0;
}
WebInspector.TimelineOverviewPane.minSelectableSize = 12;
WebInspector.TimelineOverviewPane.prototype = {
showTimelines: function(event) {
this._heapGraph.hide();
this._overviewGrid.itemsGraphsElement.removeStyleClass("hidden");
},
showMemoryGraph: function(records) {
this._heapGraph.show();
this._heapGraph.update(records);
this._overviewGrid.itemsGraphsElement.addStyleClass("hidden");
},
_onCheckboxClicked: function (category, event) {
if (event.target.checked)
category.hidden = false;
else
category.hidden = true;
this._categoryGraphs[category.name].dimmed = !event.target.checked;
this.dispatchEventToListeners("filter changed");
},
_forAllRecords: function(recordsArray, callback)
{
if (!recordsArray)
return;
for (var i = 0; i < recordsArray.length; ++i) {
callback(recordsArray[i]);
this._forAllRecords(recordsArray[i].children, callback);
}
},
update: function(records, showShortEvents)
{
this._showShortEvents = showShortEvents;
// Clear summary bars.
var timelines = {};
for (var category in this._categories) {
timelines[category] = [];
this._categoryGraphs[category].clearChunks();
}
// Create sparse arrays with 101 cells each to fill with chunks for a given category.
this._overviewCalculator.reset();
this._forAllRecords(records, this._overviewCalculator.updateBoundaries.bind(this._overviewCalculator));
function markTimeline(record)
{
if (!(this._showShortEvents || record.isLong()))
return;
var percentages = this._overviewCalculator.computeBarGraphPercentages(record);
var end = Math.round(percentages.end);
var categoryName = record.category.name;
for (var j = Math.round(percentages.start); j <= end; ++j)
timelines[categoryName][j] = true;
}
this._forAllRecords(records, markTimeline.bind(this));
// Convert sparse arrays to continuous segments, render graphs for each.
for (var category in this._categories) {
var timeline = timelines[category];
window.timelineSaved = timeline;
var chunkStart = -1;
for (var j = 0; j < 101; ++j) {
if (timeline[j]) {
if (chunkStart === -1)
chunkStart = j;
} else {
if (chunkStart !== -1) {
this._categoryGraphs[category].addChunk(chunkStart, j);
chunkStart = -1;
}
}
}
if (chunkStart !== -1) {
this._categoryGraphs[category].addChunk(chunkStart, 100);
chunkStart = -1;
}
}
this._heapGraph.setSize(this._overviewGrid.element.offsetWidth, 60);
if (this._heapGraph.visible)
this._heapGraph.update(records);
this._overviewGrid.updateDividers(true, this._overviewCalculator);
},
updateEventDividers: function(records, dividerConstructor)
{
this._overviewGrid.removeEventDividers();
var dividers = [];
for (var i = 0; i < records.length; ++i) {
var record = records[i];
var positions = this._overviewCalculator.computeBarGraphPercentages(record);
var dividerPosition = Math.round(positions.start * 10);
if (dividers[dividerPosition])
continue;
var divider = dividerConstructor(record);
divider.style.left = positions.start + "%";
dividers[dividerPosition] = divider;
}
this._overviewGrid.addEventDividers(dividers);
},
updateMainViewWidth: function(width, records)
{
this._overviewGrid.element.style.left = width + "px";
this.statusBarFilters.style.left = Math.max(155, width) + "px";
},
reset: function()
{
this.windowLeft = 0.0;
this.windowRight = 1.0;
this._overviewWindowElement.style.left = "0%";
this._overviewWindowElement.style.width = "100%";
this._overviewWindowBordersElement.style.left = "0%";
this._overviewWindowBordersElement.style.right = "0%";
this._leftResizeElement.style.left = "0%";
this._rightResizeElement.style.left = "100%";
this._overviewCalculator.reset();
this._overviewGrid.updateDividers(true, this._overviewCalculator);
},
_resizeWindow: function(resizeElement, event)
{
WebInspector.elementDragStart(resizeElement, this._windowResizeDragging.bind(this, resizeElement), this._endWindowDragging.bind(this), event, "col-resize");
},
_windowResizeDragging: function(resizeElement, event)
{
if (resizeElement === this._leftResizeElement)
this._resizeWindowLeft(event.pageX - this._overviewGrid.element.offsetLeft);
else
this._resizeWindowRight(event.pageX - this._overviewGrid.element.offsetLeft);
event.preventDefault();
},
_dragWindow: function(event)
{
var node = event.target;
while (node) {
if (node === this._overviewGrid._dividersLabelBarElement) {
WebInspector.elementDragStart(this._overviewWindowElement, this._windowDragging.bind(this, event.pageX,
this._leftResizeElement.offsetLeft, this._rightResizeElement.offsetLeft), this._endWindowDragging.bind(this), event, "ew-resize");
break;
} else if (node === this._overviewGrid.element) {
var position = event.pageX - this._overviewGrid.element.offsetLeft;
this._overviewWindowSelector = new WebInspector.TimelinePanel.WindowSelector(this._overviewGrid.element, position, event);
WebInspector.elementDragStart(null, this._windowSelectorDragging.bind(this), this._endWindowSelectorDragging.bind(this), event, "col-resize");
break;
} else if (node === this._leftResizeElement || node === this._rightResizeElement) {
this._resizeWindow(node, event);
break;
}
node = node.parentNode;
}
},
_windowSelectorDragging: function(event)
{
this._overviewWindowSelector._updatePosition(event.pageX - this._overviewGrid.element.offsetLeft);
event.preventDefault();
},
_endWindowSelectorDragging: function(event)
{
WebInspector.elementDragEnd(event);
var window = this._overviewWindowSelector._close(event.pageX - this._overviewGrid.element.offsetLeft);
delete this._overviewWindowSelector;
if (window.end - window.start < WebInspector.TimelineOverviewPane.minSelectableSize)
if (this._overviewGrid.itemsGraphsElement.offsetWidth - window.end > WebInspector.TimelineOverviewPane.minSelectableSize)
window.end = window.start + WebInspector.TimelineOverviewPane.minSelectableSize;
else
window.start = window.end - WebInspector.TimelineOverviewPane.minSelectableSize;
this._setWindowPosition(window.start, window.end);
},
_windowDragging: function(startX, windowLeft, windowRight, event)
{
var delta = event.pageX - startX;
var start = windowLeft + delta;
var end = windowRight + delta;
var windowSize = windowRight - windowLeft;
if (start < 0) {
start = 0;
end = windowSize;
}
if (end > this._overviewGrid.element.clientWidth) {
end = this._overviewGrid.element.clientWidth;
start = end - windowSize;
}
this._setWindowPosition(start, end);
event.preventDefault();
},
_resizeWindowLeft: function(start)
{
// Glue to edge.
if (start < 10)
start = 0;
else if (start > this._rightResizeElement.offsetLeft - 4)
start = this._rightResizeElement.offsetLeft - 4;
this._setWindowPosition(start, null);
},
_resizeWindowRight: function(end)
{
// Glue to edge.
if (end > this._overviewGrid.element.clientWidth - 10)
end = this._overviewGrid.element.clientWidth;
else if (end < this._leftResizeElement.offsetLeft + WebInspector.TimelineOverviewPane.minSelectableSize)
end = this._leftResizeElement.offsetLeft + WebInspector.TimelineOverviewPane.minSelectableSize;
this._setWindowPosition(null, end);
},
_setWindowPosition: function(start, end)
{
var rulerAdjustment = 1 / this._overviewGrid.element.clientWidth;
if (typeof start === "number") {
this.windowLeft = start / this._overviewGrid.element.clientWidth;
this._leftResizeElement.style.left = this.windowLeft * 100 + "%";
this._overviewWindowElement.style.left = this.windowLeft * 100 + "%";
this._overviewWindowBordersElement.style.left = (this.windowLeft - rulerAdjustment) * 100 + "%";
}
if (typeof end === "number") {
this.windowRight = end / this._overviewGrid.element.clientWidth;
this._rightResizeElement.style.left = this.windowRight * 100 + "%";
}
this._overviewWindowElement.style.width = (this.windowRight - this.windowLeft) * 100 + "%";
this._overviewWindowBordersElement.style.right = (1 - this.windowRight + 2 * rulerAdjustment) * 100 + "%";
this.dispatchEventToListeners("window changed");
},
_endWindowDragging: function(event)
{
WebInspector.elementDragEnd(event);
},
_createTimelineCategoryStatusBarCheckbox: function(category, onCheckboxClicked)
{
var labelContainer = document.createElement("div");
labelContainer.addStyleClass("timeline-category-statusbar-item");
labelContainer.addStyleClass("timeline-category-" + category.name);
labelContainer.addStyleClass("status-bar-item");
var label = document.createElement("label");
var checkElement = document.createElement("input");
checkElement.type = "checkbox";
checkElement.className = "timeline-category-checkbox";
checkElement.checked = true;
checkElement.addEventListener("click", onCheckboxClicked);
label.appendChild(checkElement);
var typeElement = document.createElement("span");
typeElement.className = "type";
typeElement.textContent = category.title;
label.appendChild(typeElement);
labelContainer.appendChild(label);
return labelContainer;
}
}
WebInspector.TimelineOverviewPane.prototype.__proto__ = WebInspector.Object.prototype;
WebInspector.TimelineOverviewCalculator = function()
{
}
WebInspector.TimelineOverviewCalculator.prototype = {
computeBarGraphPercentages: function(record)
{
var start = (record.startTime - this.minimumBoundary) / this.boundarySpan * 100;
var end = (record.endTime - this.minimumBoundary) / this.boundarySpan * 100;
return {start: start, end: end};
},
reset: function()
{
delete this.minimumBoundary;
delete this.maximumBoundary;
},
updateBoundaries: function(record)
{
if (typeof this.minimumBoundary === "undefined" || record.startTime < this.minimumBoundary) {
this.minimumBoundary = record.startTime;
return true;
}
if (typeof this.maximumBoundary === "undefined" || record.endTime > this.maximumBoundary) {
this.maximumBoundary = record.endTime;
return true;
}
return false;
},
get boundarySpan()
{
return this.maximumBoundary - this.minimumBoundary;
},
formatValue: function(value)
{
return Number.secondsToString(value);
}
}
WebInspector.TimelineCategoryGraph = function(category, isEven)
{
this._category = category;
this._graphElement = document.createElement("div");
this._graphElement.className = "timeline-graph-side timeline-overview-graph-side" + (isEven ? " even" : "");
this._barAreaElement = document.createElement("div");
this._barAreaElement.className = "timeline-graph-bar-area timeline-category-" + category.name;
this._graphElement.appendChild(this._barAreaElement);
}
WebInspector.TimelineCategoryGraph.prototype = {
get graphElement()
{
return this._graphElement;
},
addChunk: function(start, end)
{
var chunk = document.createElement("div");
chunk.className = "timeline-graph-bar";
this._barAreaElement.appendChild(chunk);
chunk.style.setProperty("left", start + "%");
chunk.style.setProperty("width", (end - start) + "%");
},
clearChunks: function()
{
this._barAreaElement.removeChildren();
},
set dimmed(dimmed)
{
if (dimmed)
this._barAreaElement.removeStyleClass("timeline-category-" + this._category.name);
else
this._barAreaElement.addStyleClass("timeline-category-" + this._category.name);
}
}
WebInspector.TimelinePanel.WindowSelector = function(parent, position, event)
{
this._startPosition = position;
this._width = parent.offsetWidth;
this._windowSelector = document.createElement("div");
this._windowSelector.className = "timeline-window-selector";
this._windowSelector.style.left = this._startPosition + "px";
this._windowSelector.style.right = this._width - this._startPosition + + "px";
parent.appendChild(this._windowSelector);
}
WebInspector.TimelinePanel.WindowSelector.prototype = {
_createSelectorElement: function(parent, left, width, height)
{
var selectorElement = document.createElement("div");
selectorElement.className = "timeline-window-selector";
selectorElement.style.left = left + "px";
selectorElement.style.width = width + "px";
selectorElement.style.top = "0px";
selectorElement.style.height = height + "px";
parent.appendChild(selectorElement);
return selectorElement;
},
_close: function(position)
{
position = Math.max(0, Math.min(position, this._width));
this._windowSelector.parentNode.removeChild(this._windowSelector);
return this._startPosition < position ? {start: this._startPosition, end: position} : {start: position, end: this._startPosition};
},
_updatePosition: function(position)
{
position = Math.max(0, Math.min(position, this._width));
if (position < this._startPosition) {
this._windowSelector.style.left = position + "px";
this._windowSelector.style.right = this._width - this._startPosition + "px";
} else {
this._windowSelector.style.left = this._startPosition + "px";
this._windowSelector.style.right = this._width - position + "px";
}
}
}
WebInspector.HeapGraph = function() {
this._canvas = document.createElement("canvas");
this._maxHeapSizeLabel = document.createElement("div");
this._maxHeapSizeLabel.addStyleClass("memory-graph-label");
this._element = document.createElement("div");
this._element.addStyleClass("hidden");
this._element.appendChild(this._canvas);
this._element.appendChild(this._maxHeapSizeLabel);
}
WebInspector.HeapGraph.prototype = {
get element() {
// return this._canvas;
return this._element;
},
get visible() {
return !this.element.hasStyleClass("hidden");
},
show: function() {
this.element.removeStyleClass("hidden");
},
hide: function() {
this.element.addStyleClass("hidden");
},
setSize: function(w, h) {
this._canvas.width = w;
this._canvas.height = h - 5;
},
update: function(records)
{
if (!records.length)
return;
var maxTotalHeapSize = 0;
var minTime;
var maxTime;
this._forAllRecords(records, function(r) {
if (r.totalHeapSize && r.totalHeapSize > maxTotalHeapSize)
maxTotalHeapSize = r.totalHeapSize;
if (typeof minTime === "undefined" || r.startTime < minTime)
minTime = r.startTime;
if (typeof maxTime === "undefined" || r.endTime > maxTime)
maxTime = r.endTime;
});
var width = this._canvas.width;
var height = this._canvas.height;
var xFactor = width / (maxTime - minTime);
var yFactor = height / maxTotalHeapSize;
var histogram = new Array(width);
this._forAllRecords(records, function(r) {
if (!r.usedHeapSize)
return;
var x = Math.round((r.endTime - minTime) * xFactor);
var y = Math.round(r.usedHeapSize * yFactor);
histogram[x] = Math.max(histogram[x] || 0, y);
});
var ctx = this._canvas.getContext("2d");
this._clear(ctx);
// +1 so that the border always fit into the canvas area.
height = height + 1;
ctx.beginPath();
var initialY = 0;
for (var k = 0; k < histogram.length; k++) {
if (histogram[k]) {
initialY = histogram[k];
break;
}
}
ctx.moveTo(0, height - initialY);
for (var x = 0; x < histogram.length; x++) {
if (!histogram[x])
continue;
ctx.lineTo(x, height - histogram[x]);
}
ctx.lineWidth = 0.5;
ctx.strokeStyle = "rgba(20,0,0,0.8)";
ctx.stroke();
ctx.fillStyle = "rgba(214,225,254, 0.8);";
ctx.lineTo(width, 60);
ctx.lineTo(0, 60);
ctx.lineTo(0, height - initialY);
ctx.fill();
ctx.closePath();
this._maxHeapSizeLabel.textContent = Number.bytesToString(maxTotalHeapSize);
},
_clear: function(ctx) {
ctx.fillStyle = "rgba(255,255,255,0.8)";
ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);
},
_forAllRecords: WebInspector.TimelineOverviewPane.prototype._forAllRecords
}
================================================
FILE: buildin_modules/weinre/web/client/TimelinePanel.js
================================================
/*
* Copyright (C) 2009 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.TimelinePanel = function()
{
WebInspector.Panel.call(this, "timeline");
this.element.appendChild(this._createTopPane());
this.element.tabIndex = 0;
this._sidebarBackgroundElement = document.createElement("div");
this._sidebarBackgroundElement.className = "sidebar timeline-sidebar-background";
this.element.appendChild(this._sidebarBackgroundElement);
this._containerElement = document.createElement("div");
this._containerElement.id = "timeline-container";
this._containerElement.addEventListener("scroll", this._onScroll.bind(this), false);
this.element.appendChild(this._containerElement);
this.createSidebar(this._containerElement, this._containerElement);
var itemsTreeElement = new WebInspector.SidebarSectionTreeElement(WebInspector.UIString("RECORDS"), {}, true);
itemsTreeElement.expanded = true;
this.sidebarTree.appendChild(itemsTreeElement);
this._sidebarListElement = document.createElement("div");
this.sidebarElement.appendChild(this._sidebarListElement);
this._containerContentElement = document.createElement("div");
this._containerContentElement.id = "resources-container-content";
this._containerElement.appendChild(this._containerContentElement);
this._timelineGrid = new WebInspector.TimelineGrid();
this._itemsGraphsElement = this._timelineGrid.itemsGraphsElement;
this._itemsGraphsElement.id = "timeline-graphs";
this._containerContentElement.appendChild(this._timelineGrid.element);
this._topGapElement = document.createElement("div");
this._topGapElement.className = "timeline-gap";
this._itemsGraphsElement.appendChild(this._topGapElement);
this._graphRowsElement = document.createElement("div");
this._itemsGraphsElement.appendChild(this._graphRowsElement);
this._bottomGapElement = document.createElement("div");
this._bottomGapElement.className = "timeline-gap";
this._itemsGraphsElement.appendChild(this._bottomGapElement);
this._expandElements = document.createElement("div");
this._expandElements.id = "orphan-expand-elements";
this._itemsGraphsElement.appendChild(this._expandElements);
this._rootRecord = this._createRootRecord();
this._sendRequestRecords = {};
this._scheduledResourceRequests = {};
this._timerRecords = {};
this._calculator = new WebInspector.TimelineCalculator();
this._calculator._showShortEvents = false;
var shortRecordThresholdTitle = Number.secondsToString(WebInspector.TimelinePanel.shortRecordThreshold);
this._showShortRecordsTitleText = WebInspector.UIString("Show the records that are shorter than %s", shortRecordThresholdTitle);
this._hideShortRecordsTitleText = WebInspector.UIString("Hide the records that are shorter than %s", shortRecordThresholdTitle);
this._createStatusbarButtons();
this._boundariesAreValid = true;
this._scrollTop = 0;
this._popoverHelper = new WebInspector.PopoverHelper(this._containerElement, this._getPopoverAnchor.bind(this), this._showPopover.bind(this), true);
// Disable short events filter by default.
this.toggleFilterButton.toggled = true;
this._calculator._showShortEvents = this.toggleFilterButton.toggled;
this._markTimelineRecords = [];
this._expandOffset = 15;
InspectorBackend.registerDomainDispatcher("Timeline", new WebInspector.TimelineDispatcher(this));
}
// Define row height, should be in sync with styles for timeline graphs.
WebInspector.TimelinePanel.rowHeight = 18;
WebInspector.TimelinePanel.shortRecordThreshold = 0.015;
WebInspector.TimelinePanel.prototype = {
_createTopPane: function() {
var topPaneElement = document.createElement("div");
topPaneElement.id = "timeline-overview-panel";
this._topPaneSidebarElement = document.createElement("div");
this._topPaneSidebarElement.id = "timeline-overview-sidebar";
var overviewTreeElement = document.createElement("ol");
overviewTreeElement.className = "sidebar-tree";
this._topPaneSidebarElement.appendChild(overviewTreeElement);
topPaneElement.appendChild(this._topPaneSidebarElement);
var topPaneSidebarTree = new TreeOutline(overviewTreeElement);
var timelinesOverviewItem = new WebInspector.SidebarTreeElement("resources-time-graph-sidebar-item", WebInspector.UIString("Timelines"));
topPaneSidebarTree.appendChild(timelinesOverviewItem);
timelinesOverviewItem.onselect = this._timelinesOverviewItemSelected.bind(this);
timelinesOverviewItem.select(true);
var memoryOverviewItem = new WebInspector.SidebarTreeElement("resources-size-graph-sidebar-item", WebInspector.UIString("Memory"));
topPaneSidebarTree.appendChild(memoryOverviewItem);
memoryOverviewItem.onselect = this._memoryOverviewItemSelected.bind(this);
this._overviewPane = new WebInspector.TimelineOverviewPane(this.categories);
this._overviewPane.addEventListener("window changed", this._windowChanged, this);
this._overviewPane.addEventListener("filter changed", this._refresh, this);
topPaneElement.appendChild(this._overviewPane.element);
var separatorElement = document.createElement("div");
separatorElement.id = "timeline-overview-separator";
topPaneElement.appendChild(separatorElement);
return topPaneElement;
},
get toolbarItemLabel()
{
return WebInspector.UIString("Timeline");
},
get statusBarItems()
{
return [this.toggleFilterButton.element, this.toggleTimelineButton.element, this.clearButton.element, this._overviewPane.statusBarFilters];
},
get categories()
{
if (!this._categories) {
this._categories = {
loading: new WebInspector.TimelineCategory("loading", WebInspector.UIString("Loading"), "rgb(47,102,236)"),
scripting: new WebInspector.TimelineCategory("scripting", WebInspector.UIString("Scripting"), "rgb(157,231,119)"),
rendering: new WebInspector.TimelineCategory("rendering", WebInspector.UIString("Rendering"), "rgb(164,60,255)")
};
}
return this._categories;
},
get defaultFocusedElement()
{
return this.element;
},
get _recordStyles()
{
if (!this._recordStylesArray) {
var recordTypes = WebInspector.TimelineAgent.RecordType;
var recordStyles = {};
recordStyles[recordTypes.EventDispatch] = { title: WebInspector.UIString("Event"), category: this.categories.scripting };
recordStyles[recordTypes.Layout] = { title: WebInspector.UIString("Layout"), category: this.categories.rendering };
recordStyles[recordTypes.RecalculateStyles] = { title: WebInspector.UIString("Recalculate Style"), category: this.categories.rendering };
recordStyles[recordTypes.Paint] = { title: WebInspector.UIString("Paint"), category: this.categories.rendering };
recordStyles[recordTypes.ParseHTML] = { title: WebInspector.UIString("Parse"), category: this.categories.loading };
recordStyles[recordTypes.TimerInstall] = { title: WebInspector.UIString("Install Timer"), category: this.categories.scripting };
recordStyles[recordTypes.TimerRemove] = { title: WebInspector.UIString("Remove Timer"), category: this.categories.scripting };
recordStyles[recordTypes.TimerFire] = { title: WebInspector.UIString("Timer Fired"), category: this.categories.scripting };
recordStyles[recordTypes.XHRReadyStateChange] = { title: WebInspector.UIString("XHR Ready State Change"), category: this.categories.scripting };
recordStyles[recordTypes.XHRLoad] = { title: WebInspector.UIString("XHR Load"), category: this.categories.scripting };
recordStyles[recordTypes.EvaluateScript] = { title: WebInspector.UIString("Evaluate Script"), category: this.categories.scripting };
recordStyles[recordTypes.MarkTimeline] = { title: WebInspector.UIString("Mark"), category: this.categories.scripting };
recordStyles[recordTypes.ResourceSendRequest] = { title: WebInspector.UIString("Send Request"), category: this.categories.loading };
recordStyles[recordTypes.ResourceReceiveResponse] = { title: WebInspector.UIString("Receive Response"), category: this.categories.loading };
recordStyles[recordTypes.ResourceFinish] = { title: WebInspector.UIString("Finish Loading"), category: this.categories.loading };
recordStyles[recordTypes.FunctionCall] = { title: WebInspector.UIString("Function Call"), category: this.categories.scripting };
recordStyles[recordTypes.ResourceReceiveData] = { title: WebInspector.UIString("Receive Data"), category: this.categories.loading };
recordStyles[recordTypes.GCEvent] = { title: WebInspector.UIString("GC Event"), category: this.categories.scripting };
recordStyles[recordTypes.MarkDOMContentEventType] = { title: WebInspector.UIString("DOMContent event"), category: this.categories.scripting };
recordStyles[recordTypes.MarkLoadEventType] = { title: WebInspector.UIString("Load event"), category: this.categories.scripting };
recordStyles[recordTypes.ScheduleResourceRequest] = { title: WebInspector.UIString("Schedule Request"), category: this.categories.loading };
this._recordStylesArray = recordStyles;
}
return this._recordStylesArray;
},
_createStatusbarButtons: function()
{
this.toggleTimelineButton = new WebInspector.StatusBarButton(WebInspector.UIString("Record"), "record-profile-status-bar-item");
this.toggleTimelineButton.addEventListener("click", this._toggleTimelineButtonClicked.bind(this), false);
this.clearButton = new WebInspector.StatusBarButton(WebInspector.UIString("Clear"), "clear-status-bar-item");
this.clearButton.addEventListener("click", this._clearPanel.bind(this), false);
this.toggleFilterButton = new WebInspector.StatusBarButton(this._hideShortRecordsTitleText, "timeline-filter-status-bar-item");
this.toggleFilterButton.addEventListener("click", this._toggleFilterButtonClicked.bind(this), false);
this.recordsCounter = document.createElement("span");
this.recordsCounter.className = "timeline-records-counter";
},
_updateRecordsCounter: function()
{
this.recordsCounter.textContent = WebInspector.UIString("%d of %d captured records are visible", this._rootRecord._visibleRecordsCount, this._rootRecord._allRecordsCount);
},
_updateEventDividers: function()
{
this._timelineGrid.removeEventDividers();
var clientWidth = this._graphRowsElement.offsetWidth - this._expandOffset;
var dividers = [];
for (var i = 0; i < this._markTimelineRecords.length; ++i) {
var record = this._markTimelineRecords[i];
var positions = this._calculator.computeBarGraphWindowPosition(record, clientWidth);
var dividerPosition = Math.round(positions.left);
if (dividerPosition < 0 || dividerPosition >= clientWidth || dividers[dividerPosition])
continue;
var divider = this._createEventDivider(record);
divider.style.left = (dividerPosition + this._expandOffset) + "px";
dividers[dividerPosition] = divider;
}
this._timelineGrid.addEventDividers(dividers);
this._overviewPane.updateEventDividers(this._markTimelineRecords, this._createEventDivider.bind(this));
},
_createEventDivider: function(record)
{
var eventDivider = document.createElement("div");
eventDivider.className = "resources-event-divider";
var recordTypes = WebInspector.TimelineAgent.RecordType;
var eventDividerPadding = document.createElement("div");
eventDividerPadding.className = "resources-event-divider-padding";
eventDividerPadding.title = record.title;
if (record.type === recordTypes.MarkDOMContentEventType)
eventDivider.className += " resources-blue-divider";
else if (record.type === recordTypes.MarkLoadEventType)
eventDivider.className += " resources-red-divider";
else if (record.type === recordTypes.MarkTimeline) {
eventDivider.className += " resources-orange-divider";
eventDividerPadding.title = record.data.message;
}
eventDividerPadding.appendChild(eventDivider);
return eventDividerPadding;
},
_timelinesOverviewItemSelected: function(event) {
this._overviewPane.showTimelines();
},
_memoryOverviewItemSelected: function(event) {
this._overviewPane.showMemoryGraph(this._rootRecord.children);
},
_toggleTimelineButtonClicked: function()
{
if (this.toggleTimelineButton.toggled)
InspectorBackend.stopTimelineProfiler();
else {
this._clearPanel();
InspectorBackend.startTimelineProfiler();
}
},
_toggleFilterButtonClicked: function()
{
this.toggleFilterButton.toggled = !this.toggleFilterButton.toggled;
this._calculator._showShortEvents = this.toggleFilterButton.toggled;
this.toggleFilterButton.element.title = this._calculator._showShortEvents ? this._hideShortRecordsTitleText : this._showShortRecordsTitleText;
this._scheduleRefresh(true);
},
_timelineProfilerWasStarted: function()
{
this.toggleTimelineButton.toggled = true;
},
_timelineProfilerWasStopped: function()
{
this.toggleTimelineButton.toggled = false;
},
_addRecordToTimeline: function(record)
{
if (record.type == WebInspector.TimelineAgent.RecordType.ResourceSendRequest) {
var isMainResource = (record.data.identifier === WebInspector.mainResource.identifier);
if (isMainResource && this._mainResourceIdentifier !== record.data.identifier) {
// We are loading new main resource -> clear the panel. Check above is necessary since
// there may be several resource loads with main resource marker upon redirects, redirects are reported with
// the original identifier.
this._mainResourceIdentifier = record.data.identifier;
this._clearPanel();
}
}
this._innerAddRecordToTimeline(record, this._rootRecord);
this._scheduleRefresh();
},
_findParentRecord: function(record)
{
var recordTypes = WebInspector.TimelineAgent.RecordType;
var parentRecord;
if (record.type === recordTypes.ResourceReceiveResponse ||
record.type === recordTypes.ResourceFinish ||
record.type === recordTypes.ResourceReceiveData)
parentRecord = this._sendRequestRecords[record.data.identifier];
else if (record.type === recordTypes.TimerFire)
parentRecord = this._timerRecords[record.data.timerId];
else if (record.type === recordTypes.ResourceSendRequest)
parentRecord = this._scheduledResourceRequests[record.data.url];
return parentRecord;
},
_innerAddRecordToTimeline: function(record, parentRecord)
{
var connectedToOldRecord = false;
var recordTypes = WebInspector.TimelineAgent.RecordType;
if (record.type === recordTypes.MarkDOMContentEventType || record.type === recordTypes.MarkLoadEventType)
parentRecord = null; // No bar entry for load events.
else if (parentRecord === this._rootRecord) {
var newParentRecord = this._findParentRecord(record);
if (newParentRecord) {
parentRecord = newParentRecord;
connectedToOldRecord = true;
}
}
if (record.type == recordTypes.TimerFire && record.children && record.children.length) {
var childRecord = record.children[0];
if (childRecord.type === recordTypes.FunctionCall) {
record.data.scriptName = childRecord.data.scriptName;
record.data.scriptLine = childRecord.data.scriptLine;
record.children.shift();
record.children = childRecord.children.concat(record.children);
}
}
var formattedRecord = new WebInspector.TimelinePanel.FormattedRecord(record, parentRecord, this);
if (record.type === recordTypes.MarkDOMContentEventType || record.type === recordTypes.MarkLoadEventType) {
this._markTimelineRecords.push(formattedRecord);
return;
}
++this._rootRecord._allRecordsCount;
formattedRecord.collapsed = (parentRecord === this._rootRecord);
var childrenCount = record.children ? record.children.length : 0;
for (var i = 0; i < childrenCount; ++i)
this._innerAddRecordToTimeline(record.children[i], formattedRecord);
formattedRecord._calculateAggregatedStats(this.categories);
if (connectedToOldRecord) {
var record = formattedRecord;
do {
var parent = record.parent;
parent._cpuTime += formattedRecord._cpuTime;
if (parent._lastChildEndTime < record._lastChildEndTime)
parent._lastChildEndTime = record._lastChildEndTime;
for (var category in formattedRecord._aggregatedStats)
parent._aggregatedStats[category] += formattedRecord._aggregatedStats[category];
record = parent;
} while (record.parent);
} else
if (parentRecord !== this._rootRecord)
parentRecord._selfTime -= formattedRecord.endTime - formattedRecord.startTime;
// Keep bar entry for mark timeline since nesting might be interesting to the user.
if (record.type === recordTypes.MarkTimeline)
this._markTimelineRecords.push(formattedRecord);
},
setSidebarWidth: function(width)
{
WebInspector.Panel.prototype.setSidebarWidth.call(this, width);
this._sidebarBackgroundElement.style.width = width + "px";
this._topPaneSidebarElement.style.width = width + "px";
},
updateMainViewWidth: function(width)
{
this._containerContentElement.style.left = width + "px";
this._scheduleRefresh();
this._overviewPane.updateMainViewWidth(width);
},
resize: function()
{
this._closeRecordDetails();
this._scheduleRefresh();
},
_createRootRecord: function()
{
var rootRecord = {};
rootRecord.children = [];
rootRecord._visibleRecordsCount = 0;
rootRecord._allRecordsCount = 0;
rootRecord._aggregatedStats = {};
return rootRecord;
},
_clearPanel: function()
{
this._markTimelineRecords = [];
this._sendRequestRecords = {};
this._scheduledResourceRequests = {};
this._timerRecords = {};
this._rootRecord = this._createRootRecord();
this._boundariesAreValid = false;
this._overviewPane.reset();
this._adjustScrollPosition(0);
this._refresh();
this._closeRecordDetails();
},
show: function()
{
WebInspector.Panel.prototype.show.call(this);
if (typeof this._scrollTop === "number")
this._containerElement.scrollTop = this._scrollTop;
this._refresh();
WebInspector.drawer.currentPanelCounters = this.recordsCounter;
},
hide: function()
{
WebInspector.Panel.prototype.hide.call(this);
this._closeRecordDetails();
WebInspector.drawer.currentPanelCounters = null;
},
_onScroll: function(event)
{
this._closeRecordDetails();
var scrollTop = this._containerElement.scrollTop;
var dividersTop = Math.max(0, scrollTop);
this._timelineGrid.setScrollAndDividerTop(scrollTop, dividersTop);
this._scheduleRefresh(true);
},
_windowChanged: function()
{
this._closeRecordDetails();
this._scheduleRefresh();
},
_scheduleRefresh: function(preserveBoundaries)
{
this._closeRecordDetails();
this._boundariesAreValid &= preserveBoundaries;
if (!this.visible)
return;
if (preserveBoundaries)
this._refresh();
else
if (!this._refreshTimeout)
this._refreshTimeout = setTimeout(this._refresh.bind(this), 100);
},
_refresh: function()
{
if (this._refreshTimeout) {
clearTimeout(this._refreshTimeout);
delete this._refreshTimeout;
}
this._overviewPane.update(this._rootRecord.children, this._calculator._showShortEvents);
this._refreshRecords(!this._boundariesAreValid);
this._updateRecordsCounter();
if(!this._boundariesAreValid)
this._updateEventDividers();
this._boundariesAreValid = true;
},
_updateBoundaries: function()
{
this._calculator.reset();
this._calculator.windowLeft = this._overviewPane.windowLeft;
this._calculator.windowRight = this._overviewPane.windowRight;
for (var i = 0; i < this._rootRecord.children.length; ++i)
this._calculator.updateBoundaries(this._rootRecord.children[i]);
this._calculator.calculateWindow();
},
_addToRecordsWindow: function(record, recordsWindow, parentIsCollapsed)
{
if (!this._calculator._showShortEvents && !record.isLong())
return;
var percentages = this._calculator.computeBarGraphPercentages(record);
if (percentages.start < 100 && percentages.endWithChildren >= 0 && !record.category.hidden) {
++this._rootRecord._visibleRecordsCount;
++record.parent._invisibleChildrenCount;
if (!parentIsCollapsed)
recordsWindow.push(record);
}
var index = recordsWindow.length;
record._invisibleChildrenCount = 0;
for (var i = 0; i < record.children.length; ++i)
this._addToRecordsWindow(record.children[i], recordsWindow, parentIsCollapsed || record.collapsed);
record._visibleChildrenCount = recordsWindow.length - index;
},
_filterRecords: function()
{
var recordsInWindow = [];
this._rootRecord._visibleRecordsCount = 0;
for (var i = 0; i < this._rootRecord.children.length; ++i)
this._addToRecordsWindow(this._rootRecord.children[i], recordsInWindow);
return recordsInWindow;
},
_refreshRecords: function(updateBoundaries)
{
if (updateBoundaries)
this._updateBoundaries();
var recordsInWindow = this._filterRecords();
// Calculate the visible area.
this._scrollTop = this._containerElement.scrollTop;
var visibleTop = this._scrollTop;
var visibleBottom = visibleTop + this._containerElement.clientHeight;
var rowHeight = WebInspector.TimelinePanel.rowHeight;
// Convert visible area to visible indexes. Always include top-level record for a visible nested record.
var startIndex = Math.max(0, Math.min(Math.floor(visibleTop / rowHeight) - 1, recordsInWindow.length - 1));
var endIndex = Math.min(recordsInWindow.length, Math.ceil(visibleBottom / rowHeight));
// Resize gaps first.
var top = (startIndex * rowHeight) + "px";
this._topGapElement.style.height = top;
this.sidebarElement.style.top = top;
this.sidebarResizeElement.style.top = top;
this._bottomGapElement.style.height = (recordsInWindow.length - endIndex) * rowHeight + "px";
// Update visible rows.
var listRowElement = this._sidebarListElement.firstChild;
var width = this._graphRowsElement.offsetWidth;
this._itemsGraphsElement.removeChild(this._graphRowsElement);
var graphRowElement = this._graphRowsElement.firstChild;
var scheduleRefreshCallback = this._scheduleRefresh.bind(this, true);
this._itemsGraphsElement.removeChild(this._expandElements);
this._expandElements.removeChildren();
for (var i = 0; i < endIndex; ++i) {
var record = recordsInWindow[i];
var isEven = !(i % 2);
if (i < startIndex) {
var lastChildIndex = i + record._visibleChildrenCount;
if (lastChildIndex >= startIndex && lastChildIndex < endIndex) {
var expandElement = new WebInspector.TimelineExpandableElement(this._expandElements);
expandElement._update(record, i, this._calculator.computeBarGraphWindowPosition(record, width - this._expandOffset));
}
} else {
if (!listRowElement) {
listRowElement = new WebInspector.TimelineRecordListRow().element;
this._sidebarListElement.appendChild(listRowElement);
}
if (!graphRowElement) {
graphRowElement = new WebInspector.TimelineRecordGraphRow(this._itemsGraphsElement, scheduleRefreshCallback, rowHeight).element;
this._graphRowsElement.appendChild(graphRowElement);
}
listRowElement.row.update(record, isEven, this._calculator, visibleTop);
graphRowElement.row.update(record, isEven, this._calculator, width, this._expandOffset, i);
listRowElement = listRowElement.nextSibling;
graphRowElement = graphRowElement.nextSibling;
}
}
// Remove extra rows.
while (listRowElement) {
var nextElement = listRowElement.nextSibling;
listRowElement.row.dispose();
listRowElement = nextElement;
}
while (graphRowElement) {
var nextElement = graphRowElement.nextSibling;
graphRowElement.row.dispose();
graphRowElement = nextElement;
}
this._itemsGraphsElement.insertBefore(this._graphRowsElement, this._bottomGapElement);
this._itemsGraphsElement.appendChild(this._expandElements);
this.sidebarResizeElement.style.height = this.sidebarElement.clientHeight + "px";
// Reserve some room for expand / collapse controls to the left for records that start at 0ms.
var timelinePaddingLeft = this._calculator.windowLeft === 0 ? this._expandOffset : 0;
if (updateBoundaries)
this._timelineGrid.updateDividers(true, this._calculator, timelinePaddingLeft);
this._adjustScrollPosition((recordsInWindow.length + 1) * rowHeight);
},
_adjustScrollPosition: function(totalHeight)
{
// Prevent the container from being scrolled off the end.
if ((this._containerElement.scrollTop + this._containerElement.offsetHeight) > totalHeight + 1)
this._containerElement.scrollTop = (totalHeight - this._containerElement.offsetHeight);
},
_getPopoverAnchor: function(element)
{
return element.enclosingNodeOrSelfWithClass("timeline-graph-bar") || element.enclosingNodeOrSelfWithClass("timeline-tree-item");
},
_showPopover: function(anchor)
{
var record = anchor.row._record;
var popover = new WebInspector.Popover(record._generatePopupContent(this._calculator, this.categories));
popover.show(anchor);
return popover;
},
_closeRecordDetails: function()
{
this._popoverHelper.hidePopup();
}
}
WebInspector.TimelinePanel.prototype.__proto__ = WebInspector.Panel.prototype;
WebInspector.TimelineDispatcher = function(timelinePanel)
{
this._timelinePanel = timelinePanel;
}
WebInspector.TimelineDispatcher.prototype = {
timelineProfilerWasStarted: function()
{
this._timelinePanel._timelineProfilerWasStarted();
},
timelineProfilerWasStopped: function()
{
this._timelinePanel._timelineProfilerWasStopped();
},
addRecordToTimeline: function(record)
{
this._timelinePanel._addRecordToTimeline(record);
}
}
WebInspector.TimelineCategory = function(name, title, color)
{
this.name = name;
this.title = title;
this.color = color;
}
WebInspector.TimelineCalculator = function()
{
this.reset();
this.windowLeft = 0.0;
this.windowRight = 1.0;
}
WebInspector.TimelineCalculator.prototype = {
computeBarGraphPercentages: function(record)
{
var start = (record.startTime - this.minimumBoundary) / this.boundarySpan * 100;
var end = (record.startTime + record._selfTime - this.minimumBoundary) / this.boundarySpan * 100;
var endWithChildren = (record._lastChildEndTime - this.minimumBoundary) / this.boundarySpan * 100;
var cpuWidth = record._cpuTime / this.boundarySpan * 100;
return {start: start, end: end, endWithChildren: endWithChildren, cpuWidth: cpuWidth};
},
computeBarGraphWindowPosition: function(record, clientWidth)
{
var minWidth = 5;
var borderWidth = 4;
var workingArea = clientWidth - minWidth - borderWidth;
var percentages = this.computeBarGraphPercentages(record);
var left = percentages.start / 100 * workingArea;
var width = (percentages.end - percentages.start) / 100 * workingArea + minWidth;
var widthWithChildren = (percentages.endWithChildren - percentages.start) / 100 * workingArea;
var cpuWidth = percentages.cpuWidth / 100 * workingArea + minWidth;
if (percentages.endWithChildren > percentages.end)
widthWithChildren += borderWidth + minWidth;
return {left: left, width: width, widthWithChildren: widthWithChildren, cpuWidth: cpuWidth};
},
calculateWindow: function()
{
this.minimumBoundary = this._absoluteMinimumBoundary + this.windowLeft * (this._absoluteMaximumBoundary - this._absoluteMinimumBoundary);
this.maximumBoundary = this._absoluteMinimumBoundary + this.windowRight * (this._absoluteMaximumBoundary - this._absoluteMinimumBoundary);
this.boundarySpan = this.maximumBoundary - this.minimumBoundary;
},
reset: function()
{
this._absoluteMinimumBoundary = -1;
this._absoluteMaximumBoundary = -1;
},
updateBoundaries: function(record)
{
var lowerBound = record.startTime;
if (this._absoluteMinimumBoundary === -1 || lowerBound < this._absoluteMinimumBoundary)
this._absoluteMinimumBoundary = lowerBound;
var minimumTimeFrame = 0.1;
var minimumDeltaForZeroSizeEvents = 0.01;
var upperBound = Math.max(record._lastChildEndTime + minimumDeltaForZeroSizeEvents, lowerBound + minimumTimeFrame);
if (this._absoluteMaximumBoundary === -1 || upperBound > this._absoluteMaximumBoundary)
this._absoluteMaximumBoundary = upperBound;
},
formatValue: function(value)
{
return Number.secondsToString(value + this.minimumBoundary - this._absoluteMinimumBoundary);
}
}
WebInspector.TimelineRecordListRow = function()
{
this.element = document.createElement("div");
this.element.row = this;
this.element.style.cursor = "pointer";
var iconElement = document.createElement("span");
iconElement.className = "timeline-tree-icon";
this.element.appendChild(iconElement);
this._typeElement = document.createElement("span");
this._typeElement.className = "type";
this.element.appendChild(this._typeElement);
var separatorElement = document.createElement("span");
separatorElement.className = "separator";
separatorElement.textContent = " ";
this._dataElement = document.createElement("span");
this._dataElement.className = "data dimmed";
this.element.appendChild(separatorElement);
this.element.appendChild(this._dataElement);
}
WebInspector.TimelineRecordListRow.prototype = {
update: function(record, isEven, calculator, offset)
{
this._record = record;
this._calculator = calculator;
this._offset = offset;
this.element.className = "timeline-tree-item timeline-category-" + record.category.name + (isEven ? " even" : "");
this._typeElement.textContent = record.title;
if (this._dataElement.firstChild)
this._dataElement.removeChildren();
if (record.details) {
var detailsContainer = document.createElement("span");
if (typeof record.details === "object") {
detailsContainer.appendChild(document.createTextNode("("));
detailsContainer.appendChild(record.details);
detailsContainer.appendChild(document.createTextNode(")"));
} else
detailsContainer.textContent = "(" + record.details + ")";
this._dataElement.appendChild(detailsContainer);
}
},
dispose: function()
{
this.element.parentElement.removeChild(this.element);
}
}
WebInspector.TimelineRecordGraphRow = function(graphContainer, scheduleRefresh)
{
this.element = document.createElement("div");
this.element.row = this;
this._barAreaElement = document.createElement("div");
this._barAreaElement.className = "timeline-graph-bar-area";
this.element.appendChild(this._barAreaElement);
this._barWithChildrenElement = document.createElement("div");
this._barWithChildrenElement.className = "timeline-graph-bar with-children";
this._barWithChildrenElement.row = this;
this._barAreaElement.appendChild(this._barWithChildrenElement);
this._barCpuElement = document.createElement("div");
this._barCpuElement.className = "timeline-graph-bar cpu"
this._barCpuElement.row = this;
this._barAreaElement.appendChild(this._barCpuElement);
this._barElement = document.createElement("div");
this._barElement.className = "timeline-graph-bar";
this._barElement.row = this;
this._barAreaElement.appendChild(this._barElement);
this._expandElement = new WebInspector.TimelineExpandableElement(graphContainer);
this._expandElement._element.addEventListener("click", this._onClick.bind(this));
this._scheduleRefresh = scheduleRefresh;
}
WebInspector.TimelineRecordGraphRow.prototype = {
update: function(record, isEven, calculator, clientWidth, expandOffset, index)
{
this._record = record;
this.element.className = "timeline-graph-side timeline-category-" + record.category.name + (isEven ? " even" : "");
var barPosition = calculator.computeBarGraphWindowPosition(record, clientWidth - expandOffset);
this._barWithChildrenElement.style.left = barPosition.left + expandOffset + "px";
this._barWithChildrenElement.style.width = barPosition.widthWithChildren + "px";
this._barElement.style.left = barPosition.left + expandOffset + "px";
this._barElement.style.width = barPosition.width + "px";
this._barCpuElement.style.left = barPosition.left + expandOffset + "px";
this._barCpuElement.style.width = barPosition.cpuWidth + "px";
this._expandElement._update(record, index, barPosition);
},
_onClick: function(event)
{
this._record.collapsed = !this._record.collapsed;
this._scheduleRefresh();
},
dispose: function()
{
this.element.parentElement.removeChild(this.element);
this._expandElement._dispose();
}
}
WebInspector.TimelinePanel.FormattedRecord = function(record, parentRecord, panel)
{
var recordTypes = WebInspector.TimelineAgent.RecordType;
var style = panel._recordStyles[record.type];
this.parent = parentRecord;
if (parentRecord)
parentRecord.children.push(this);
this.category = style.category;
this.title = style.title;
this.startTime = record.startTime / 1000;
this.data = record.data;
this.type = record.type;
this.endTime = (typeof record.endTime !== "undefined") ? record.endTime / 1000 : this.startTime;
this._selfTime = this.endTime - this.startTime;
this._lastChildEndTime = this.endTime;
this.originalRecordForTests = record;
if (record.stackTrace && record.stackTrace.length)
this.stackTrace = record.stackTrace;
this.totalHeapSize = record.totalHeapSize;
this.usedHeapSize = record.usedHeapSize;
// Make resource receive record last since request was sent; make finish record last since response received.
if (record.type === recordTypes.ResourceSendRequest) {
panel._sendRequestRecords[record.data.identifier] = this;
} else if (record.type === recordTypes.ScheduleResourceRequest) {
panel._scheduledResourceRequests[record.data.url] = this;
} else if (record.type === recordTypes.ResourceReceiveResponse) {
var sendRequestRecord = panel._sendRequestRecords[record.data.identifier];
if (sendRequestRecord) { // False if we started instrumentation in the middle of request.
record.data.url = sendRequestRecord.data.url;
// Now that we have resource in the collection, recalculate details in order to display short url.
sendRequestRecord.details = this._getRecordDetails(sendRequestRecord, panel._sendRequestRecords);
if (sendRequestRecord.parent !== panel._rootRecord && sendRequestRecord.parent.type === recordTypes.ScheduleResourceRequest)
sendRequestRecord.parent.details = this._getRecordDetails(sendRequestRecord, panel._sendRequestRecords);
}
} else if (record.type === recordTypes.ResourceReceiveData) {
var sendRequestRecord = panel._sendRequestRecords[record.data.identifier];
if (sendRequestRecord) // False for main resource.
record.data.url = sendRequestRecord.data.url;
} else if (record.type === recordTypes.ResourceFinish) {
var sendRequestRecord = panel._sendRequestRecords[record.data.identifier];
if (sendRequestRecord) // False for main resource.
record.data.url = sendRequestRecord.data.url;
} else if (record.type === recordTypes.TimerInstall) {
this.timeout = record.data.timeout;
this.singleShot = record.data.singleShot;
panel._timerRecords[record.data.timerId] = this;
} else if (record.type === recordTypes.TimerFire) {
var timerInstalledRecord = panel._timerRecords[record.data.timerId];
if (timerInstalledRecord) {
this.callSiteStackTrace = timerInstalledRecord.stackTrace;
this.timeout = timerInstalledRecord.timeout;
this.singleShot = timerInstalledRecord.singleShot;
}
}
this.details = this._getRecordDetails(record, panel._sendRequestRecords);
}
WebInspector.TimelinePanel.FormattedRecord.prototype = {
isLong: function()
{
return (this._lastChildEndTime - this.startTime) > WebInspector.TimelinePanel.shortRecordThreshold;
},
get children()
{
if (!this._children)
this._children = [];
return this._children;
},
_generateAggregatedInfo: function()
{
var cell = document.createElement("span");
cell.className = "timeline-aggregated-info";
for (var index in this._aggregatedStats) {
var label = document.createElement("div");
label.className = "timeline-aggregated-category timeline-" + index;
cell.appendChild(label);
var text = document.createElement("span");
text.textContent = Number.secondsToString(this._aggregatedStats[index] + 0.0001);
cell.appendChild(text);
}
return cell;
},
_generatePopupContent: function(calculator, categories)
{
var contentHelper = new WebInspector.TimelinePanel.PopupContentHelper(this.title);
if (this._children && this._children.length) {
contentHelper._appendTextRow(WebInspector.UIString("Self Time"), Number.secondsToString(this._selfTime + 0.0001));
contentHelper._appendElementRow(WebInspector.UIString("Aggregated Time"), this._generateAggregatedInfo());
}
var text = WebInspector.UIString("%s (at %s)", Number.secondsToString(this._lastChildEndTime - this.startTime),
calculator.formatValue(this.startTime - calculator.minimumBoundary));
contentHelper._appendTextRow(WebInspector.UIString("Duration"), text);
var recordTypes = WebInspector.TimelineAgent.RecordType;
switch (this.type) {
case recordTypes.GCEvent:
contentHelper._appendTextRow(WebInspector.UIString("Collected"), Number.bytesToString(this.data.usedHeapSizeDelta));
break;
case recordTypes.TimerInstall:
case recordTypes.TimerFire:
case recordTypes.TimerRemove:
contentHelper._appendTextRow(WebInspector.UIString("Timer ID"), this.data.timerId);
if (typeof this.timeout === "number") {
contentHelper._appendTextRow(WebInspector.UIString("Timeout"), Number.secondsToString(this.timeout / 1000));
contentHelper._appendTextRow(WebInspector.UIString("Repeats"), !this.singleShot);
}
break;
case recordTypes.FunctionCall:
contentHelper._appendLinkRow(WebInspector.UIString("Location"), this.data.scriptName, this.data.scriptLine);
break;
case recordTypes.ScheduleResourceRequest:
case recordTypes.ResourceSendRequest:
case recordTypes.ResourceReceiveResponse:
case recordTypes.ResourceReceiveData:
case recordTypes.ResourceFinish:
contentHelper._appendLinkRow(WebInspector.UIString("Resource"), this.data.url);
if (this.data.requestMethod)
contentHelper._appendTextRow(WebInspector.UIString("Request Method"), this.data.requestMethod);
if (typeof this.data.statusCode === "number")
contentHelper._appendTextRow(WebInspector.UIString("Status Code"), this.data.statusCode);
if (this.data.mimeType)
contentHelper._appendTextRow(WebInspector.UIString("MIME Type"), this.data.mimeType);
if (typeof this.data.expectedContentLength === "number" && this.data.expectedContentLength !== -1)
contentHelper._appendTextRow(WebInspector.UIString("Expected Content Length"), this.data.expectedContentLength);
break;
case recordTypes.EvaluateScript:
if (this.data && this.data.url)
contentHelper._appendLinkRow(WebInspector.UIString("Script"), this.data.url, this.data.lineNumber);
break;
case recordTypes.Paint:
contentHelper._appendTextRow(WebInspector.UIString("Location"), WebInspector.UIString("(%d, %d)", this.data.x, this.data.y));
contentHelper._appendTextRow(WebInspector.UIString("Dimensions"), WebInspector.UIString("%d × %d", this.data.width, this.data.height));
case recordTypes.RecalculateStyles: // We don't want to see default details.
break;
default:
if (this.details)
contentHelper._appendTextRow(WebInspector.UIString("Details"), this.details);
break;
}
if (this.data.scriptName && this.type !== recordTypes.FunctionCall)
contentHelper._appendLinkRow(WebInspector.UIString("Function Call"), this.data.scriptName, this.data.scriptLine);
if (this.usedHeapSize)
contentHelper._appendTextRow(WebInspector.UIString("Used Heap Size"), WebInspector.UIString("%s of %s", Number.bytesToString(this.usedHeapSize), Number.bytesToString(this.totalHeapSize)));
if (this.callSiteStackTrace && this.callSiteStackTrace.length)
contentHelper._appendStackTrace(WebInspector.UIString("Call Site stack"), this.callSiteStackTrace);
if (this.stackTrace)
contentHelper._appendStackTrace(WebInspector.UIString("Call Stack"), this.stackTrace);
return contentHelper._contentTable;
},
_getRecordDetails: function(record, sendRequestRecords)
{
switch (record.type) {
case WebInspector.TimelineAgent.RecordType.GCEvent:
return WebInspector.UIString("%s collected", Number.bytesToString(record.data.usedHeapSizeDelta));
case WebInspector.TimelineAgent.RecordType.TimerFire:
return record.data.scriptName ? WebInspector.linkifyResourceAsNode(record.data.scriptName, "scripts", record.data.scriptLine, "", "") : record.data.timerId;
case WebInspector.TimelineAgent.RecordType.FunctionCall:
return record.data.scriptName ? WebInspector.linkifyResourceAsNode(record.data.scriptName, "scripts", record.data.scriptLine, "", "") : null;
case WebInspector.TimelineAgent.RecordType.EventDispatch:
return record.data ? record.data.type : null;
case WebInspector.TimelineAgent.RecordType.Paint:
return record.data.width + "\u2009\u00d7\u2009" + record.data.height;
case WebInspector.TimelineAgent.RecordType.TimerInstall:
case WebInspector.TimelineAgent.RecordType.TimerRemove:
return this.stackTrace ? WebInspector.linkifyResourceAsNode(this.stackTrace[0].scriptName, "scripts", this.stackTrace[0].lineNumber, "", "") : record.data.timerId;
case WebInspector.TimelineAgent.RecordType.ParseHTML:
case WebInspector.TimelineAgent.RecordType.RecalculateStyles:
return this.stackTrace ? WebInspector.linkifyResourceAsNode(this.stackTrace[0].scriptName, "scripts", this.stackTrace[0].lineNumber, "", "") : null;
case WebInspector.TimelineAgent.RecordType.EvaluateScript:
return record.data.url ? WebInspector.linkifyResourceAsNode(record.data.url, "scripts", record.data.lineNumber, "", "") : null;
case WebInspector.TimelineAgent.RecordType.XHRReadyStateChange:
case WebInspector.TimelineAgent.RecordType.XHRLoad:
case WebInspector.TimelineAgent.RecordType.ScheduleResourceRequest:
case WebInspector.TimelineAgent.RecordType.ResourceSendRequest:
case WebInspector.TimelineAgent.RecordType.ResourceReceiveData:
case WebInspector.TimelineAgent.RecordType.ResourceReceiveResponse:
case WebInspector.TimelineAgent.RecordType.ResourceFinish:
return WebInspector.displayNameForURL(record.data.url);
case WebInspector.TimelineAgent.RecordType.MarkTimeline:
return record.data.message;
default:
return null;
}
},
_calculateAggregatedStats: function(categories)
{
this._aggregatedStats = {};
for (var category in categories)
this._aggregatedStats[category] = 0;
this._cpuTime = this._selfTime;
if (this._children) {
for (var index = this._children.length; index; --index) {
var child = this._children[index - 1];
this._aggregatedStats[child.category.name] += child._selfTime;
for (var category in categories)
this._aggregatedStats[category] += child._aggregatedStats[category];
}
for (var category in this._aggregatedStats)
this._cpuTime += this._aggregatedStats[category];
}
}
}
WebInspector.TimelinePanel.PopupContentHelper = function(title)
{
this._contentTable = document.createElement("table");;
var titleCell = this._createCell(WebInspector.UIString("%s - Details", title), "timeline-details-title");
titleCell.colSpan = 2;
var titleRow = document.createElement("tr");
titleRow.appendChild(titleCell);
this._contentTable.appendChild(titleRow);
}
WebInspector.TimelinePanel.PopupContentHelper.prototype = {
_createCell: function(content, styleName)
{
var text = document.createElement("label");
text.appendChild(document.createTextNode(content));
var cell = document.createElement("td");
cell.className = "timeline-details";
if (styleName)
cell.className += " " + styleName;
cell.textContent = content;
return cell;
},
_appendTextRow: function(title, content)
{
var row = document.createElement("tr");
row.appendChild(this._createCell(title, "timeline-details-row-title"));
row.appendChild(this._createCell(content, "timeline-details-row-data"));
this._contentTable.appendChild(row);
},
_appendElementRow: function(title, content, titleStyle)
{
var row = document.createElement("tr");
var titleCell = this._createCell(title, "timeline-details-row-title");
if (titleStyle)
titleCell.addStyleClass(titleStyle);
row.appendChild(titleCell);
var cell = document.createElement("td");
cell.className = "timeline-details";
cell.appendChild(content);
row.appendChild(cell);
this._contentTable.appendChild(row);
},
_appendLinkRow: function(title, scriptName, scriptLine)
{
var link = WebInspector.linkifyResourceAsNode(scriptName, "scripts", scriptLine, "timeline-details");
this._appendElementRow(title, link);
},
_appendStackTrace: function(title, stackTrace)
{
this._appendTextRow("", "");
var framesTable = document.createElement("table");
for (var i = 0; i < stackTrace.length; ++i) {
var stackFrame = stackTrace[i];
var row = document.createElement("tr");
row.className = "timeline-details";
row.appendChild(this._createCell(stackFrame.functionName ? stackFrame.functionName : WebInspector.UIString("(anonymous function)"), "timeline-function-name"));
row.appendChild(this._createCell(" @ "));
var linkCell = document.createElement("td");
linkCell.appendChild(WebInspector.linkifyResourceAsNode(stackFrame.scriptName, "scripts", stackFrame.lineNumber, "timeline-details"));
row.appendChild(linkCell);
framesTable.appendChild(row);
}
this._appendElementRow(title, framesTable, "timeline-stacktrace-title");
}
}
WebInspector.TimelineExpandableElement = function(container)
{
this._element = document.createElement("div");
this._element.className = "timeline-expandable";
var leftBorder = document.createElement("div");
leftBorder.className = "timeline-expandable-left";
this._element.appendChild(leftBorder);
container.appendChild(this._element);
}
WebInspector.TimelineExpandableElement.prototype = {
_update: function(record, index, barPosition)
{
var rowHeight = WebInspector.TimelinePanel.rowHeight;
if (record._visibleChildrenCount || record._invisibleChildrenCount) {
this._element.style.top = index * rowHeight + "px";
this._element.style.left = barPosition.left + "px";
this._element.style.width = Math.max(12, barPosition.width + 25) + "px";
if (!record.collapsed) {
this._element.style.height = (record._visibleChildrenCount + 1) * rowHeight + "px";
this._element.addStyleClass("timeline-expandable-expanded");
this._element.removeStyleClass("timeline-expandable-collapsed");
} else {
this._element.style.height = rowHeight + "px";
this._element.addStyleClass("timeline-expandable-collapsed");
this._element.removeStyleClass("timeline-expandable-expanded");
}
this._element.removeStyleClass("hidden");
} else
this._element.addStyleClass("hidden");
},
_dispose: function()
{
this._element.parentElement.removeChild(this._element);
}
}
================================================
FILE: buildin_modules/weinre/web/client/TopDownProfileDataGridTree.js
================================================
/*
* Copyright (C) 2009 280 North Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.TopDownProfileDataGridNode = function(/*ProfileView*/ profileView, /*ProfileNode*/ profileNode, /*TopDownProfileDataGridTree*/ owningTree)
{
var hasChildren = (profileNode.children && profileNode.children.length);
WebInspector.ProfileDataGridNode.call(this, profileView, profileNode, owningTree, hasChildren);
this._remainingChildren = profileNode.children;
}
WebInspector.TopDownProfileDataGridNode.prototype = {
_sharedPopulate: function()
{
var children = this._remainingChildren;
var childrenLength = children.length;
for (var i = 0; i < childrenLength; ++i)
this.appendChild(new WebInspector.TopDownProfileDataGridNode(this.profileView, children[i], this.tree));
this._remainingChildren = null;
},
_exclude: function(aCallUID)
{
if (this._remainingChildren)
this._populate();
this._save();
var children = this.children;
var index = this.children.length;
while (index--)
children[index]._exclude(aCallUID);
var child = this.childrenByCallUID[aCallUID];
if (child)
this._merge(child, true);
}
}
WebInspector.TopDownProfileDataGridNode.prototype.__proto__ = WebInspector.ProfileDataGridNode.prototype;
WebInspector.TopDownProfileDataGridTree = function(/*ProfileView*/ profileView, /*ProfileNode*/ profileNode)
{
WebInspector.ProfileDataGridTree.call(this, profileView, profileNode);
this._remainingChildren = profileNode.children;
WebInspector.TopDownProfileDataGridNode.prototype._populate.call(this);
}
WebInspector.TopDownProfileDataGridTree.prototype = {
focus: function(/*ProfileDataGridNode*/ profileDataGrideNode)
{
if (!profileDataGrideNode)
return;
this._save();
profileDataGrideNode.savePosition();
this.children = [profileDataGrideNode];
this.totalTime = profileDataGrideNode.totalTime;
},
exclude: function(/*ProfileDataGridNode*/ profileDataGrideNode)
{
if (!profileDataGrideNode)
return;
this._save();
var excludedCallUID = profileDataGrideNode.callUID;
WebInspector.TopDownProfileDataGridNode.prototype._exclude.call(this, excludedCallUID);
if (this.lastComparator)
this.sort(this.lastComparator, true);
},
restore: function()
{
if (!this._savedChildren)
return;
this.children[0].restorePosition();
WebInspector.ProfileDataGridTree.prototype.restore.call(this);
},
_merge: WebInspector.TopDownProfileDataGridNode.prototype._merge,
_sharedPopulate: WebInspector.TopDownProfileDataGridNode.prototype._sharedPopulate
}
WebInspector.TopDownProfileDataGridTree.prototype.__proto__ = WebInspector.ProfileDataGridTree.prototype;
================================================
FILE: buildin_modules/weinre/web/client/UglifyJS/parse-js.js
================================================
/***********************************************************************
A JavaScript tokenizer / parser / beautifier / compressor.
This version is suitable for Node.js. With minimal changes (the
exports stuff) it should work on any JS platform.
This file contains the tokenizer/parser. It is a port to JavaScript
of parse-js [1], a JavaScript parser library written in Common Lisp
by Marijn Haverbeke. Thank you Marijn!
[1] http://marijn.haverbeke.nl/parse-js/
Exported functions:
- tokenizer(code) -- returns a function. Call the returned
function to fetch the next token.
- parse(code) -- returns an AST of the given JavaScript code.
-------------------------------- (C) ---------------------------------
Author: Mihai Bazon
http://mihai.bazon.net/blog
Distributed under the BSD license:
Copyright 2010 (c) Mihai Bazon
Based on parse-js (http://marijn.haverbeke.nl/parse-js/).
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions
are met:
* Redistributions of source code must retain the above
copyright notice, this list of conditions and the following
disclaimer.
* Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following
disclaimer in the documentation and/or other materials
provided with the distribution.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY
EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
SUCH DAMAGE.
***********************************************************************/
/* -----[ Tokenizer (constants) ]----- */
var KEYWORDS = array_to_hash([
"break",
"case",
"catch",
"const",
"continue",
"default",
"delete",
"do",
"else",
"finally",
"for",
"function",
"if",
"in",
"instanceof",
"new",
"return",
"switch",
"throw",
"try",
"typeof",
"var",
"void",
"while",
"with"
]);
var RESERVED_WORDS = array_to_hash([
"abstract",
"boolean",
"byte",
"char",
"class",
"debugger",
"double",
"enum",
"export",
"extends",
"final",
"float",
"goto",
"implements",
"import",
"int",
"interface",
"long",
"native",
"package",
"private",
"protected",
"public",
"short",
"static",
"super",
"synchronized",
"throws",
"transient",
"volatile"
]);
var KEYWORDS_BEFORE_EXPRESSION = array_to_hash([
"return",
"new",
"delete",
"throw",
"else",
"case"
]);
var KEYWORDS_ATOM = array_to_hash([
"false",
"null",
"true",
"undefined"
]);
var OPERATOR_CHARS = array_to_hash(characters("+-*&%=<>!?|~^"));
var RE_HEX_NUMBER = /^0x[0-9a-f]+$/i;
var RE_OCT_NUMBER = /^0[0-7]+$/;
var RE_DEC_NUMBER = /^\d*\.?\d*(?:e[+-]?\d*(?:\d\.?|\.?\d)\d*)?$/i;
var OPERATORS = array_to_hash([
"in",
"instanceof",
"typeof",
"new",
"void",
"delete",
"++",
"--",
"+",
"-",
"!",
"~",
"&",
"|",
"^",
"*",
"/",
"%",
">>",
"<<",
">>>",
"<",
">",
"<=",
">=",
"==",
"===",
"!=",
"!==",
"?",
"=",
"+=",
"-=",
"/=",
"*=",
"%=",
">>=",
"<<=",
">>>=",
"%=",
"|=",
"^=",
"&=",
"&&",
"||"
]);
var WHITESPACE_CHARS = array_to_hash(characters(" \n\r\t"));
var PUNC_BEFORE_EXPRESSION = array_to_hash(characters("[{}(,.;:"));
var PUNC_CHARS = array_to_hash(characters("[]{}(),;:"));
var REGEXP_MODIFIERS = array_to_hash(characters("gmsiy"));
/* -----[ Tokenizer ]----- */
function is_alphanumeric_char(ch) {
ch = ch.charCodeAt(0);
return (ch >= 48 && ch <= 57) ||
(ch >= 65 && ch <= 90) ||
(ch >= 97 && ch <= 122);
};
function is_identifier_char(ch) {
return is_alphanumeric_char(ch) || ch == "$" || ch == "_";
};
function is_digit(ch) {
ch = ch.charCodeAt(0);
return ch >= 48 && ch <= 57;
};
function parse_js_number(num) {
if (RE_HEX_NUMBER.test(num)) {
return parseInt(num.substr(2), 16);
} else if (RE_OCT_NUMBER.test(num)) {
return parseInt(num.substr(1), 8);
} else if (RE_DEC_NUMBER.test(num)) {
return parseFloat(num);
}
};
function JS_Parse_Error(message, line, col, pos) {
this.message = message;
this.line = line;
this.col = col;
this.pos = pos;
try {
({})();
} catch(ex) {
this.stack = ex.stack;
};
};
JS_Parse_Error.prototype.toString = function() {
return this.message + " (line: " + this.line + ", col: " + this.col + ", pos: " + this.pos + ")" + "\n\n" + this.stack;
};
function js_error(message, line, col, pos) {
throw new JS_Parse_Error(message, line, col, pos);
};
function is_token(token, type, val) {
return token.type == type && (val == null || token.value == val);
};
var EX_EOF = {};
function tokenizer($TEXT) {
var S = {
text : $TEXT.replace(/\r\n?|[\n\u2028\u2029]/g, "\n").replace(/^\uFEFF/, ''),
pos : 0,
tokpos : 0,
line : 0,
tokline : 0,
col : 0,
tokcol : 0,
newline_before : false,
regex_allowed : false,
comments_before : []
};
function peek() { return S.text.charAt(S.pos); };
function next(signal_eof) {
var ch = S.text.charAt(S.pos++);
if (signal_eof && !ch)
throw EX_EOF;
if (ch == "\n") {
S.newline_before = true;
++S.line;
S.col = 0;
} else {
++S.col;
}
return ch;
};
function eof() {
return !S.peek();
};
function find(what, signal_eof) {
var pos = S.text.indexOf(what, S.pos);
if (signal_eof && pos == -1) throw EX_EOF;
return pos;
};
function start_token() {
S.tokline = S.line;
S.tokcol = S.col;
S.tokpos = S.pos;
};
function token(type, value, is_comment) {
S.regex_allowed = ((type == "operator" && !HOP(UNARY_POSTFIX, value)) ||
(type == "keyword" && HOP(KEYWORDS_BEFORE_EXPRESSION, value)) ||
(type == "punc" && HOP(PUNC_BEFORE_EXPRESSION, value)));
var ret = {
type : type,
value : value,
line : S.tokline,
col : S.tokcol,
pos : S.tokpos,
nlb : S.newline_before
};
if (!is_comment) {
ret.comments_before = S.comments_before;
S.comments_before = [];
}
S.newline_before = false;
return ret;
};
function skip_whitespace() {
while (HOP(WHITESPACE_CHARS, peek()))
next();
};
function read_while(pred) {
var ret = "", ch = peek(), i = 0;
while (ch && pred(ch, i++)) {
ret += next();
ch = peek();
}
return ret;
};
function parse_error(err) {
js_error(err, S.tokline, S.tokcol, S.tokpos);
};
function read_num(prefix) {
var has_e = false, after_e = false, has_x = false, has_dot = prefix == ".";
var num = read_while(function(ch, i){
if (ch == "x" || ch == "X") {
if (has_x) return false;
return has_x = true;
}
if (!has_x && (ch == "E" || ch == "e")) {
if (has_e) return false;
return has_e = after_e = true;
}
if (ch == "-") {
if (after_e || (i == 0 && !prefix)) return true;
return false;
}
if (ch == "+") return after_e;
after_e = false;
if (ch == ".") {
if (!has_dot)
return has_dot = true;
return false;
}
return is_alphanumeric_char(ch);
});
if (prefix)
num = prefix + num;
var valid = parse_js_number(num);
if (!isNaN(valid)) {
return token("num", valid);
} else {
parse_error("Invalid syntax: " + num);
}
};
function read_escaped_char() {
var ch = next(true);
switch (ch) {
case "n" : return "\n";
case "r" : return "\r";
case "t" : return "\t";
case "b" : return "\b";
case "v" : return "\v";
case "f" : return "\f";
case "0" : return "\0";
case "x" : return String.fromCharCode(hex_bytes(2));
case "u" : return String.fromCharCode(hex_bytes(4));
default : return ch;
}
};
function hex_bytes(n) {
var num = 0;
for (; n > 0; --n) {
var digit = parseInt(next(true), 16);
if (isNaN(digit))
parse_error("Invalid hex-character pattern in string");
num = (num << 4) | digit;
}
return num;
};
function read_string() {
return with_eof_error("Unterminated string constant", function(){
var quote = next(), ret = "";
for (;;) {
var ch = next(true);
if (ch == "\\") ch = read_escaped_char();
else if (ch == quote) break;
ret += ch;
}
return token("string", ret);
});
};
function read_line_comment() {
next();
var i = find("\n"), ret;
if (i == -1) {
ret = S.text.substr(S.pos);
S.pos = S.text.length;
} else {
ret = S.text.substring(S.pos, i);
S.pos = i;
}
return token("comment1", ret, true);
};
function read_multiline_comment() {
next();
return with_eof_error("Unterminated multiline comment", function(){
var i = find("*/", true),
text = S.text.substring(S.pos, i),
tok = token("comment2", text, true);
S.pos = i + 2;
S.line += text.split("\n").length - 1;
S.newline_before = text.indexOf("\n") >= 0;
return tok;
});
};
function read_regexp() {
return with_eof_error("Unterminated regular expression", function(){
var prev_backslash = false, regexp = "", ch, in_class = false;
while ((ch = next(true))) if (prev_backslash) {
regexp += "\\" + ch;
prev_backslash = false;
} else if (ch == "[") {
in_class = true;
regexp += ch;
} else if (ch == "]" && in_class) {
in_class = false;
regexp += ch;
} else if (ch == "/" && !in_class) {
break;
} else if (ch == "\\") {
prev_backslash = true;
} else {
regexp += ch;
}
var mods = read_while(function(ch){
return HOP(REGEXP_MODIFIERS, ch);
});
return token("regexp", [ regexp, mods ]);
});
};
function read_operator(prefix) {
function grow(op) {
if (!peek()) return op;
var bigger = op + peek();
if (HOP(OPERATORS, bigger)) {
next();
return grow(bigger);
} else {
return op;
}
};
return token("operator", grow(prefix || next()));
};
function handle_slash() {
next();
var regex_allowed = S.regex_allowed;
switch (peek()) {
case "/":
S.comments_before.push(read_line_comment());
S.regex_allowed = regex_allowed;
return next_token();
case "*":
S.comments_before.push(read_multiline_comment());
S.regex_allowed = regex_allowed;
return next_token();
}
return S.regex_allowed ? read_regexp() : read_operator("/");
};
function handle_dot() {
next();
return is_digit(peek())
? read_num(".")
: token("punc", ".");
};
function read_word() {
var word = read_while(is_identifier_char);
return !HOP(KEYWORDS, word)
? token("name", word)
: HOP(OPERATORS, word)
? token("operator", word)
: HOP(KEYWORDS_ATOM, word)
? token("atom", word)
: token("keyword", word);
};
function with_eof_error(eof_error, cont) {
try {
return cont();
} catch(ex) {
if (ex === EX_EOF) parse_error(eof_error);
else throw ex;
}
};
function next_token(force_regexp) {
if (force_regexp)
return read_regexp();
skip_whitespace();
start_token();
var ch = peek();
if (!ch) return token("eof");
if (is_digit(ch)) return read_num();
if (ch == '"' || ch == "'") return read_string();
if (HOP(PUNC_CHARS, ch)) return token("punc", next());
if (ch == ".") return handle_dot();
if (ch == "/") return handle_slash();
if (HOP(OPERATOR_CHARS, ch)) return read_operator();
if (is_identifier_char(ch)) return read_word();
parse_error("Unexpected character '" + ch + "'");
};
next_token.context = function(nc) {
if (nc) S = nc;
return S;
};
return next_token;
};
/* -----[ Parser (constants) ]----- */
var UNARY_PREFIX = array_to_hash([
"typeof",
"void",
"delete",
"--",
"++",
"!",
"~",
"-",
"+"
]);
var UNARY_POSTFIX = array_to_hash([ "--", "++" ]);
var ASSIGNMENT = (function(a, ret, i){
while (i < a.length) {
ret[a[i]] = a[i].substr(0, a[i].length - 1);
i++;
}
return ret;
})(
["+=", "-=", "/=", "*=", "%=", ">>=", "<<=", ">>>=", "|=", "^=", "&="],
{ "=": true },
0
);
var PRECEDENCE = (function(a, ret){
for (var i = 0, n = 1; i < a.length; ++i, ++n) {
var b = a[i];
for (var j = 0; j < b.length; ++j) {
ret[b[j]] = n;
}
}
return ret;
})(
[
["||"],
["&&"],
["|"],
["^"],
["&"],
["==", "===", "!=", "!=="],
["<", ">", "<=", ">=", "in", "instanceof"],
[">>", "<<", ">>>"],
["+", "-"],
["*", "/", "%"]
],
{}
);
var STATEMENTS_WITH_LABELS = array_to_hash([ "for", "do", "while", "switch" ]);
var ATOMIC_START_TOKEN = array_to_hash([ "atom", "num", "string", "regexp", "name" ]);
/* -----[ Parser ]----- */
function NodeWithToken(str, start, end) {
this.name = str;
this.start = start;
this.end = end;
};
NodeWithToken.prototype.toString = function() { return this.name; };
function parse($TEXT, strict_mode, embed_tokens) {
var S = {
input : typeof $TEXT == "string" ? tokenizer($TEXT, true) : $TEXT,
token : null,
prev : null,
peeked : null,
in_function : 0,
in_loop : 0,
labels : []
};
S.token = next();
function is(type, value) {
return is_token(S.token, type, value);
};
function peek() { return S.peeked || (S.peeked = S.input()); };
function next() {
S.prev = S.token;
if (S.peeked) {
S.token = S.peeked;
S.peeked = null;
} else {
S.token = S.input();
}
return S.token;
};
function prev() {
return S.prev;
};
function croak(msg, line, col, pos) {
var ctx = S.input.context();
js_error(msg,
line != null ? line : ctx.tokline,
col != null ? col : ctx.tokcol,
pos != null ? pos : ctx.tokpos);
};
function token_error(token, msg) {
croak(msg, token.line, token.col);
};
function unexpected(token) {
if (token == null)
token = S.token;
token_error(token, "Unexpected token: " + token.type + " (" + token.value + ")");
};
function expect_token(type, val) {
if (is(type, val)) {
return next();
}
token_error(S.token, "Unexpected token " + S.token.type + ", expected " + type);
};
function expect(punc) { return expect_token("punc", punc); };
function can_insert_semicolon() {
return !strict_mode && (
S.token.nlb || is("eof") || is("punc", "}")
);
};
function semicolon() {
if (is("punc", ";")) next();
else if (!can_insert_semicolon()) unexpected();
};
function as() {
return slice(arguments);
};
function parenthesised() {
expect("(");
var ex = expression();
expect(")");
return ex;
};
function add_tokens(str, start, end) {
return new NodeWithToken(str, start, end);
};
var statement = embed_tokens ? function() {
var start = S.token;
var stmt = $statement();
stmt[0] = add_tokens(stmt[0], start, prev());
return stmt;
} : $statement;
function $statement() {
if (is("operator", "/")) {
S.peeked = null;
S.token = S.input(true); // force regexp
}
switch (S.token.type) {
case "num":
case "string":
case "regexp":
case "operator":
case "atom":
return simple_statement();
case "name":
return is_token(peek(), "punc", ":")
? labeled_statement(prog1(S.token.value, next, next))
: simple_statement();
case "punc":
switch (S.token.value) {
case "{":
return as("block", block_());
case "[":
case "(":
return simple_statement();
case ";":
next();
return as("block");
default:
unexpected();
}
case "keyword":
switch (prog1(S.token.value, next)) {
case "break":
return break_cont("break");
case "continue":
return break_cont("continue");
case "debugger":
semicolon();
return as("debugger");
case "do":
return (function(body){
expect_token("keyword", "while");
return as("do", prog1(parenthesised, semicolon), body);
})(in_loop(statement));
case "for":
return for_();
case "function":
return function_(true);
case "if":
return if_();
case "return":
if (S.in_function == 0)
croak("'return' outside of function");
return as("return",
is("punc", ";")
? (next(), null)
: can_insert_semicolon()
? null
: prog1(expression, semicolon));
case "switch":
return as("switch", parenthesised(), switch_block_());
case "throw":
return as("throw", prog1(expression, semicolon));
case "try":
return try_();
case "var":
return prog1(var_, semicolon);
case "const":
return prog1(const_, semicolon);
case "while":
return as("while", parenthesised(), in_loop(statement));
case "with":
return as("with", parenthesised(), statement());
default:
unexpected();
}
}
};
function labeled_statement(label) {
S.labels.push(label);
var start = S.token, stat = statement();
if (strict_mode && !HOP(STATEMENTS_WITH_LABELS, stat[0]))
unexpected(start);
S.labels.pop();
return as("label", label, stat);
};
function simple_statement() {
return as("stat", prog1(expression, semicolon));
};
function break_cont(type) {
var name = is("name") ? S.token.value : null;
if (name != null) {
next();
if (!member(name, S.labels))
croak("Label " + name + " without matching loop or statement");
}
else if (S.in_loop == 0)
croak(type + " not inside a loop or switch");
semicolon();
return as(type, name);
};
function for_() {
expect("(");
var has_var = is("keyword", "var");
if (has_var)
next();
if (is("name") && is_token(peek(), "operator", "in")) {
// for (i in foo)
var name = S.token.value;
next(); next();
var obj = expression();
expect(")");
return as("for-in", has_var, name, obj, in_loop(statement));
} else {
// classic for
var init = is("punc", ";") ? null : has_var ? var_() : expression();
expect(";");
var test = is("punc", ";") ? null : expression();
expect(";");
var step = is("punc", ")") ? null : expression();
expect(")");
return as("for", init, test, step, in_loop(statement));
}
};
function function_(in_statement) {
var name = is("name") ? prog1(S.token.value, next) : null;
if (in_statement && !name)
unexpected();
expect("(");
return as(in_statement ? "defun" : "function",
name,
// arguments
(function(first, a){
while (!is("punc", ")")) {
if (first) first = false; else expect(",");
if (!is("name")) unexpected();
a.push(S.token.value);
next();
}
next();
return a;
})(true, []),
// body
(function(){
++S.in_function;
var loop = S.in_loop;
S.in_loop = 0;
var a = block_();
--S.in_function;
S.in_loop = loop;
return a;
})());
};
function if_() {
var cond = parenthesised(), body = statement(), belse;
if (is("keyword", "else")) {
next();
belse = statement();
}
return as("if", cond, body, belse);
};
function block_() {
expect("{");
var a = [];
while (!is("punc", "}")) {
if (is("eof")) unexpected();
a.push(statement());
}
next();
return a;
};
var switch_block_ = curry(in_loop, function(){
expect("{");
var a = [], cur = null;
while (!is("punc", "}")) {
if (is("eof")) unexpected();
if (is("keyword", "case")) {
next();
cur = [];
a.push([ expression(), cur ]);
expect(":");
}
else if (is("keyword", "default")) {
next();
expect(":");
cur = [];
a.push([ null, cur ]);
}
else {
if (!cur) unexpected();
cur.push(statement());
}
}
next();
return a;
});
function try_() {
var body = block_(), bcatch, bfinally;
if (is("keyword", "catch")) {
next();
expect("(");
if (!is("name"))
croak("Name expected");
var name = S.token.value;
next();
expect(")");
bcatch = [ name, block_() ];
}
if (is("keyword", "finally")) {
next();
bfinally = block_();
}
if (!bcatch && !bfinally)
croak("Missing catch/finally blocks");
return as("try", body, bcatch, bfinally);
};
function vardefs() {
var a = [];
for (;;) {
if (!is("name"))
unexpected();
var name = S.token.value;
next();
if (is("operator", "=")) {
next();
a.push([ name, expression(false) ]);
} else {
a.push([ name ]);
}
if (!is("punc", ","))
break;
next();
}
return a;
};
function var_() {
return as("var", vardefs());
};
function const_() {
return as("const", vardefs());
};
function new_() {
var newexp = expr_atom(false), args;
if (is("punc", "(")) {
next();
args = expr_list(")");
} else {
args = [];
}
return subscripts(as("new", newexp, args), true);
};
function expr_atom(allow_calls) {
if (is("operator", "new")) {
next();
return new_();
}
if (is("operator") && HOP(UNARY_PREFIX, S.token.value)) {
return make_unary("unary-prefix",
prog1(S.token.value, next),
expr_atom(allow_calls));
}
if (is("punc")) {
switch (S.token.value) {
case "(":
next();
return subscripts(prog1(expression, curry(expect, ")")), allow_calls);
case "[":
next();
return subscripts(array_(), allow_calls);
case "{":
next();
return subscripts(object_(), allow_calls);
}
unexpected();
}
if (is("keyword", "function")) {
next();
return subscripts(function_(false), allow_calls);
}
if (HOP(ATOMIC_START_TOKEN, S.token.type)) {
var atom = S.token.type == "regexp"
? as("regexp", S.token.value[0], S.token.value[1])
: as(S.token.type, S.token.value);
return subscripts(prog1(atom, next), allow_calls);
}
unexpected();
};
function expr_list(closing, allow_trailing_comma, allow_empty) {
var first = true, a = [];
while (!is("punc", closing)) {
if (first) first = false; else expect(",");
if (allow_trailing_comma && is("punc", closing)) break;
if (is("punc", ",") && allow_empty) {
a.push([ "atom", "undefined" ]);
} else {
a.push(expression(false));
}
}
next();
return a;
};
function array_() {
return as("array", expr_list("]", !strict_mode, true));
};
function object_() {
var first = true, a = [];
while (!is("punc", "}")) {
if (first) first = false; else expect(",");
if (!strict_mode && is("punc", "}"))
// allow trailing comma
break;
var type = S.token.type;
var name = as_property_name();
if (type == "name" && (name == "get" || name == "set") && !is("punc", ":")) {
a.push([ as_name(), function_(false), name ]);
} else {
expect(":");
a.push([ name, expression(false) ]);
}
}
next();
return as("object", a);
};
function as_property_name() {
switch (S.token.type) {
case "num":
case "string":
return prog1(S.token.value, next);
}
return as_name();
};
function as_name() {
switch (S.token.type) {
case "name":
case "operator":
case "keyword":
case "atom":
return prog1(S.token.value, next);
default:
unexpected();
}
};
function subscripts(expr, allow_calls) {
if (is("punc", ".")) {
next();
return subscripts(as("dot", expr, as_name()), allow_calls);
}
if (is("punc", "[")) {
next();
return subscripts(as("sub", expr, prog1(expression, curry(expect, "]"))), allow_calls);
}
if (allow_calls && is("punc", "(")) {
next();
return subscripts(as("call", expr, expr_list(")")), true);
}
if (allow_calls && is("operator") && HOP(UNARY_POSTFIX, S.token.value)) {
return prog1(curry(make_unary, "unary-postfix", S.token.value, expr),
next);
}
return expr;
};
function make_unary(tag, op, expr) {
if ((op == "++" || op == "--") && !is_assignable(expr))
croak("Invalid use of " + op + " operator");
return as(tag, op, expr);
};
function expr_op(left, min_prec) {
var op = is("operator") ? S.token.value : null;
var prec = op != null ? PRECEDENCE[op] : null;
if (prec != null && prec > min_prec) {
next();
var right = expr_op(expr_atom(true), prec);
return expr_op(as("binary", op, left, right), min_prec);
}
return left;
};
function expr_ops() {
return expr_op(expr_atom(true), 0);
};
function maybe_conditional() {
var expr = expr_ops();
if (is("operator", "?")) {
next();
var yes = expression(false);
expect(":");
return as("conditional", expr, yes, expression(false));
}
return expr;
};
function is_assignable(expr) {
switch (expr[0]) {
case "dot":
case "sub":
return true;
case "name":
return expr[1] != "this";
}
};
function maybe_assign() {
var left = maybe_conditional(), val = S.token.value;
if (is("operator") && HOP(ASSIGNMENT, val)) {
if (is_assignable(left)) {
next();
return as("assign", ASSIGNMENT[val], left, maybe_assign());
}
croak("Invalid assignment");
}
return left;
};
function expression(commas) {
if (arguments.length == 0)
commas = true;
var expr = maybe_assign();
if (commas && is("punc", ",")) {
next();
return as("seq", expr, expression());
}
return expr;
};
function in_loop(cont) {
try {
++S.in_loop;
return cont();
} finally {
--S.in_loop;
}
};
return as("toplevel", (function(a){
while (!is("eof"))
a.push(statement());
return a;
})([]));
};
/* -----[ Utilities ]----- */
function curry(f) {
var args = slice(arguments, 1);
return function() { return f.apply(this, args.concat(slice(arguments))); };
};
function prog1(ret) {
if (ret instanceof Function)
ret = ret();
for (var i = 1, n = arguments.length; --n > 0; ++i)
arguments[i]();
return ret;
};
function array_to_hash(a) {
var ret = {};
for (var i = 0; i < a.length; ++i)
ret[a[i]] = true;
return ret;
};
function slice(a, start) {
return Array.prototype.slice.call(a, start == null ? 0 : start);
};
function characters(str) {
return str.split("");
};
function member(name, array) {
for (var i = array.length; --i >= 0;)
if (array[i] === name)
return true;
return false;
};
function HOP(obj, prop) {
return Object.prototype.hasOwnProperty.call(obj, prop);
};
/* -----[ Exports ]----- */
exports.tokenizer = tokenizer;
exports.parse = parse;
exports.slice = slice;
exports.curry = curry;
exports.member = member;
exports.array_to_hash = array_to_hash;
exports.PRECEDENCE = PRECEDENCE;
exports.KEYWORDS_ATOM = KEYWORDS_ATOM;
exports.RESERVED_WORDS = RESERVED_WORDS;
exports.KEYWORDS = KEYWORDS;
exports.ATOMIC_START_TOKEN = ATOMIC_START_TOKEN;
exports.OPERATORS = OPERATORS;
exports.is_alphanumeric_char = is_alphanumeric_char;
exports.is_identifier_char = is_identifier_char;
================================================
FILE: buildin_modules/weinre/web/client/UglifyJS/process.js
================================================
/***********************************************************************
A JavaScript tokenizer / parser / beautifier / compressor.
This version is suitable for Node.js. With minimal changes (the
exports stuff) it should work on any JS platform.
This file implements some AST processors. They work on data built
by parse-js.
Exported functions:
- ast_mangle(ast, include_toplevel) -- mangles the
variable/function names in the AST. Returns an AST. Pass true
as second argument to mangle toplevel names too.
- ast_squeeze(ast) -- employs various optimizations to make the
final generated code even smaller. Returns an AST.
- gen_code(ast, beautify) -- generates JS code from the AST. Pass
true (or an object, see the code for some options) as second
argument to get "pretty" (indented) code.
-------------------------------- (C) ---------------------------------
Author: Mihai Bazon
http://mihai.bazon.net/blog
Distributed under the BSD license:
Copyright 2010 (c) Mihai Bazon
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions
are met:
* Redistributions of source code must retain the above
copyright notice, this list of conditions and the following
disclaimer.
* Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following
disclaimer in the documentation and/or other materials
provided with the distribution.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDER “AS IS” AND ANY
EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF
THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
SUCH DAMAGE.
***********************************************************************/
var jsp = require("./parse-js"),
slice = jsp.slice,
member = jsp.member,
PRECEDENCE = jsp.PRECEDENCE,
OPERATORS = jsp.OPERATORS;
/* -----[ helper for AST traversal ]----- */
function ast_walker(ast) {
function _vardefs(defs) {
return [ this[0], MAP(defs, function(def){
var a = [ def[0] ];
if (def.length > 1)
a[1] = walk(def[1]);
return a;
}) ];
};
var walkers = {
"string": function(str) {
return [ this[0], str ];
},
"num": function(num) {
return [ this[0], num ];
},
"name": function(name) {
return [ this[0], name ];
},
"toplevel": function(statements) {
return [ this[0], MAP(statements, walk) ];
},
"block": function(statements) {
var out = [ this[0] ];
if (statements != null)
out.push(MAP(statements, walk));
return out;
},
"var": _vardefs,
"const": _vardefs,
"try": function(t, c, f) {
return [
this[0],
MAP(t, walk),
c != null ? [ c[0], MAP(c[1], walk) ] : null,
f != null ? MAP(f, walk) : null
];
},
"throw": function(expr) {
return [ this[0], walk(expr) ];
},
"new": function(ctor, args) {
return [ this[0], walk(ctor), MAP(args, walk) ];
},
"switch": function(expr, body) {
return [ this[0], walk(expr), MAP(body, function(branch){
return [ branch[0] ? walk(branch[0]) : null,
MAP(branch[1], walk) ];
}) ];
},
"break": function(label) {
return [ this[0], label ];
},
"continue": function(label) {
return [ this[0], label ];
},
"conditional": function(cond, t, e) {
return [ this[0], walk(cond), walk(t), walk(e) ];
},
"assign": function(op, lvalue, rvalue) {
return [ this[0], op, walk(lvalue), walk(rvalue) ];
},
"dot": function(expr) {
return [ this[0], walk(expr) ].concat(slice(arguments, 1));
},
"call": function(expr, args) {
return [ this[0], walk(expr), MAP(args, walk) ];
},
"function": function(name, args, body) {
return [ this[0], name, args.slice(), MAP(body, walk) ];
},
"defun": function(name, args, body) {
return [ this[0], name, args.slice(), MAP(body, walk) ];
},
"if": function(conditional, t, e) {
return [ this[0], walk(conditional), walk(t), walk(e) ];
},
"for": function(init, cond, step, block) {
return [ this[0], walk(init), walk(cond), walk(step), walk(block) ];
},
"for-in": function(has_var, key, hash, block) {
return [ this[0], has_var, key, walk(hash), walk(block) ];
},
"while": function(cond, block) {
return [ this[0], walk(cond), walk(block) ];
},
"do": function(cond, block) {
return [ this[0], walk(cond), walk(block) ];
},
"return": function(expr) {
return [ this[0], walk(expr) ];
},
"binary": function(op, left, right) {
return [ this[0], op, walk(left), walk(right) ];
},
"unary-prefix": function(op, expr) {
return [ this[0], op, walk(expr) ];
},
"unary-postfix": function(op, expr) {
return [ this[0], op, walk(expr) ];
},
"sub": function(expr, subscript) {
return [ this[0], walk(expr), walk(subscript) ];
},
"object": function(props) {
return [ this[0], MAP(props, function(p){
return p.length == 2
? [ p[0], walk(p[1]) ]
: [ p[0], walk(p[1]), p[2] ]; // get/set-ter
}) ];
},
"regexp": function(rx, mods) {
return [ this[0], rx, mods ];
},
"array": function(elements) {
return [ this[0], MAP(elements, walk) ];
},
"stat": function(stat) {
return [ this[0], walk(stat) ];
},
"seq": function() {
return [ this[0] ].concat(MAP(slice(arguments), walk));
},
"label": function(name, block) {
return [ this[0], name, walk(block) ];
},
"with": function(expr, block) {
return [ this[0], walk(expr), walk(block) ];
},
"atom": function(name) {
return [ this[0], name ];
}
};
var user = {};
var stack = [];
function walk(ast) {
if (ast == null)
return null;
try {
stack.push(ast);
var type = ast[0];
var gen = user[type];
if (gen) {
var ret = gen.apply(ast, ast.slice(1));
if (ret != null)
return ret;
}
gen = walkers[type];
return gen.apply(ast, ast.slice(1));
} finally {
stack.pop();
}
};
function with_walkers(walkers, cont){
var save = {}, i;
for (i in walkers) if (HOP(walkers, i)) {
save[i] = user[i];
user[i] = walkers[i];
}
var ret = cont();
for (i in save) if (HOP(save, i)) {
if (!save[i]) delete user[i];
else user[i] = save[i];
}
return ret;
};
return {
walk: walk,
with_walkers: with_walkers,
parent: function() {
return stack[stack.length - 2]; // last one is current node
},
stack: function() {
return stack;
}
};
};
/* -----[ Scope and mangling ]----- */
function Scope(parent) {
this.names = {}; // names defined in this scope
this.mangled = {}; // mangled names (orig.name => mangled)
this.rev_mangled = {}; // reverse lookup (mangled => orig.name)
this.cname = -1; // current mangled name
this.refs = {}; // names referenced from this scope
this.uses_with = false; // will become TRUE if eval() is detected in this or any subscopes
this.uses_eval = false; // will become TRUE if with() is detected in this or any subscopes
this.parent = parent; // parent scope
this.children = []; // sub-scopes
if (parent) {
this.level = parent.level + 1;
parent.children.push(this);
} else {
this.level = 0;
}
};
var base54 = (function(){
var DIGITS = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$_";
return function(num) {
var ret = "";
do {
ret = DIGITS.charAt(num % 54) + ret;
num = Math.floor(num / 54);
} while (num > 0);
return ret;
};
})();
Scope.prototype = {
has: function(name) {
for (var s = this; s; s = s.parent)
if (HOP(s.names, name))
return s;
},
has_mangled: function(mname) {
for (var s = this; s; s = s.parent)
if (HOP(s.rev_mangled, mname))
return s;
},
toJSON: function() {
return {
names: this.names,
uses_eval: this.uses_eval,
uses_with: this.uses_with
};
},
next_mangled: function() {
// we must be careful that the new mangled name:
//
// 1. doesn't shadow a mangled name from a parent
// scope, unless we don't reference the original
// name from this scope OR from any sub-scopes!
// This will get slow.
//
// 2. doesn't shadow an original name from a parent
// scope, in the event that the name is not mangled
// in the parent scope and we reference that name
// here OR IN ANY SUBSCOPES!
//
// 3. doesn't shadow a name that is referenced but not
// defined (possibly global defined elsewhere).
for (;;) {
var m = base54(++this.cname), prior;
// case 1.
prior = this.has_mangled(m);
if (prior && this.refs[prior.rev_mangled[m]] === prior)
continue;
// case 2.
prior = this.has(m);
if (prior && prior !== this && this.refs[m] === prior && !prior.has_mangled(m))
continue;
// case 3.
if (HOP(this.refs, m) && this.refs[m] == null)
continue;
// I got "do" once. :-/
if (!is_identifier(m))
continue;
return m;
}
},
get_mangled: function(name, newMangle) {
if (this.uses_eval || this.uses_with) return name; // no mangle if eval or with is in use
var s = this.has(name);
if (!s) return name; // not in visible scope, no mangle
if (HOP(s.mangled, name)) return s.mangled[name]; // already mangled in this scope
if (!newMangle) return name; // not found and no mangling requested
var m = s.next_mangled();
s.rev_mangled[m] = name;
return s.mangled[name] = m;
},
define: function(name) {
if (name != null)
return this.names[name] = name;
}
};
function ast_add_scope(ast) {
var current_scope = null;
var w = ast_walker(), walk = w.walk;
var having_eval = [];
function with_new_scope(cont) {
current_scope = new Scope(current_scope);
var ret = current_scope.body = cont();
ret.scope = current_scope;
current_scope = current_scope.parent;
return ret;
};
function define(name) {
return current_scope.define(name);
};
function reference(name) {
current_scope.refs[name] = true;
};
function _lambda(name, args, body) {
return [ this[0], define(name), args, with_new_scope(function(){
MAP(args, define);
return MAP(body, walk);
})];
};
return with_new_scope(function(){
// process AST
var ret = w.with_walkers({
"function": _lambda,
"defun": _lambda,
"with": function(expr, block) {
for (var s = current_scope; s; s = s.parent)
s.uses_with = true;
},
"var": function(defs) {
MAP(defs, function(d){ define(d[0]) });
},
"const": function(defs) {
MAP(defs, function(d){ define(d[0]) });
},
"try": function(t, c, f) {
if (c != null) return [
this[0],
MAP(t, walk),
[ define(c[0]), MAP(c[1], walk) ],
f != null ? MAP(f, walk) : null
];
},
"name": function(name) {
if (name == "eval")
having_eval.push(current_scope);
reference(name);
},
"for-in": function(has_var, name) {
if (has_var) define(name);
else reference(name);
}
}, function(){
return walk(ast);
});
// the reason why we need an additional pass here is
// that names can be used prior to their definition.
// scopes where eval was detected and their parents
// are marked with uses_eval, unless they define the
// "eval" name.
MAP(having_eval, function(scope){
if (!scope.has("eval")) while (scope) {
scope.uses_eval = true;
scope = scope.parent;
}
});
// for referenced names it might be useful to know
// their origin scope. current_scope here is the
// toplevel one.
function fixrefs(scope, i) {
// do children first; order shouldn't matter
for (i = scope.children.length; --i >= 0;)
fixrefs(scope.children[i]);
for (i in scope.refs) if (HOP(scope.refs, i)) {
// find origin scope and propagate the reference to origin
for (var origin = scope.has(i), s = scope; s; s = s.parent) {
s.refs[i] = origin;
if (s === origin) break;
}
}
};
fixrefs(current_scope);
return ret;
});
};
/* -----[ mangle names ]----- */
function ast_mangle(ast, do_toplevel) {
var w = ast_walker(), walk = w.walk, scope;
function get_mangled(name, newMangle) {
if (!do_toplevel && !scope.parent) return name; // don't mangle toplevel
return scope.get_mangled(name, newMangle);
};
function _lambda(name, args, body) {
if (name) name = get_mangled(name);
body = with_scope(body.scope, function(){
args = MAP(args, function(name){ return get_mangled(name) });
return MAP(body, walk);
});
return [ this[0], name, args, body ];
};
function with_scope(s, cont) {
var _scope = scope;
scope = s;
for (var i in s.names) if (HOP(s.names, i)) {
get_mangled(i, true);
}
var ret = cont();
ret.scope = s;
scope = _scope;
return ret;
};
function _vardefs(defs) {
return [ this[0], MAP(defs, function(d){
return [ get_mangled(d[0]), walk(d[1]) ];
}) ];
};
return w.with_walkers({
"function": _lambda,
"defun": function() {
// move function declarations to the top when
// they are not in some block.
var ast = _lambda.apply(this, arguments);
switch (w.parent()[0]) {
case "toplevel":
case "function":
case "defun":
return MAP.at_top(ast);
}
return ast;
},
"var": _vardefs,
"const": _vardefs,
"name": function(name) {
return [ this[0], get_mangled(name) ];
},
"try": function(t, c, f) {
return [ this[0],
MAP(t, walk),
c != null ? [ get_mangled(c[0]), MAP(c[1], walk) ] : null,
f != null ? MAP(f, walk) : null ];
},
"toplevel": function(body) {
var self = this;
return with_scope(self.scope, function(){
return [ self[0], MAP(body, walk) ];
});
},
"for-in": function(has_var, name, obj, stat) {
return [ this[0], has_var, get_mangled(name), walk(obj), walk(stat) ];
}
}, function() {
return walk(ast_add_scope(ast));
});
};
/* -----[
- compress foo["bar"] into foo.bar,
- remove block brackets {} where possible
- join consecutive var declarations
- various optimizations for IFs:
- if (cond) foo(); else bar(); ==> cond?foo():bar();
- if (cond) foo(); ==> cond&&foo();
- if (foo) return bar(); else return baz(); ==> return foo?bar():baz(); // also for throw
- if (foo) return bar(); else something(); ==> {if(foo)return bar();something()}
]----- */
var warn = function(){};
function best_of(ast1, ast2) {
return gen_code(ast1).length > gen_code(ast2[0] == "stat" ? ast2[1] : ast2).length ? ast2 : ast1;
};
function last_stat(b) {
if (b[0] == "block" && b[1] && b[1].length > 0)
return b[1][b[1].length - 1];
return b;
}
function aborts(t) {
if (t) {
t = last_stat(t);
if (t[0] == "return" || t[0] == "break" || t[0] == "continue" || t[0] == "throw")
return true;
}
};
function boolean_expr(expr) {
return ( (expr[0] == "unary-prefix"
&& member(expr[1], [ "!", "delete" ])) ||
(expr[0] == "binary"
&& member(expr[1], [ "in", "instanceof", "==", "!=", "===", "!==", "<", "<=", ">=", ">" ])) ||
(expr[0] == "binary"
&& member(expr[1], [ "&&", "||" ])
&& boolean_expr(expr[2])
&& boolean_expr(expr[3])) ||
(expr[0] == "conditional"
&& boolean_expr(expr[2])
&& boolean_expr(expr[3])) ||
(expr[0] == "assign"
&& expr[1] === true
&& boolean_expr(expr[3])) ||
(expr[0] == "seq"
&& boolean_expr(expr[expr.length - 1]))
);
};
function make_conditional(c, t, e) {
if (c[0] == "unary-prefix" && c[1] == "!") {
return e ? [ "conditional", c[2], e, t ] : [ "binary", "||", c[2], t ];
} else {
return e ? [ "conditional", c, t, e ] : [ "binary", "&&", c, t ];
}
};
function empty(b) {
return !b || (b[0] == "block" && (!b[1] || b[1].length == 0));
};
function ast_squeeze(ast, options) {
options = defaults(options, {
make_seqs : true,
dead_code : true,
keep_comps : true,
no_warnings : false
});
var w = ast_walker(), walk = w.walk, scope;
function negate(c) {
var not_c = [ "unary-prefix", "!", c ];
switch (c[0]) {
case "unary-prefix":
return c[1] == "!" && boolean_expr(c[2]) ? c[2] : not_c;
case "seq":
c = slice(c);
c[c.length - 1] = negate(c[c.length - 1]);
return c;
case "conditional":
return best_of(not_c, [ "conditional", c[1], negate(c[2]), negate(c[3]) ]);
case "binary":
var op = c[1], left = c[2], right = c[3];
if (!options.keep_comps) switch (op) {
case "<=" : return [ "binary", ">", left, right ];
case "<" : return [ "binary", ">=", left, right ];
case ">=" : return [ "binary", "<", left, right ];
case ">" : return [ "binary", "<=", left, right ];
}
switch (op) {
case "==" : return [ "binary", "!=", left, right ];
case "!=" : return [ "binary", "==", left, right ];
case "===" : return [ "binary", "!==", left, right ];
case "!==" : return [ "binary", "===", left, right ];
case "&&" : return best_of(not_c, [ "binary", "||", negate(left), negate(right) ]);
case "||" : return best_of(not_c, [ "binary", "&&", negate(left), negate(right) ]);
}
break;
}
return not_c;
};
function with_scope(s, cont) {
var _scope = scope;
scope = s;
var ret = cont();
ret.scope = s;
scope = _scope;
return ret;
};
function is_constant(node) {
return node[0] == "string" || node[0] == "num";
};
function rmblock(block) {
if (block != null && block[0] == "block" && block[1] && block[1].length == 1)
block = block[1][0];
return block;
};
function _lambda(name, args, body) {
return [ this[0], name, args, with_scope(body.scope, function(){
return tighten(MAP(body, walk), "lambda");
}) ];
};
// we get here for blocks that have been already transformed.
// this function does a few things:
// 1. discard useless blocks
// 2. join consecutive var declarations
// 3. remove obviously dead code
// 4. transform consecutive statements using the comma operator
// 5. if block_type == "lambda" and it detects constructs like if(foo) return ... - rewrite like if (!foo) { ... }
function tighten(statements, block_type) {
statements = statements.reduce(function(a, stat){
if (stat[0] == "block") {
if (stat[1]) {
a.push.apply(a, stat[1]);
}
} else {
a.push(stat);
}
return a;
}, []);
statements = (function(a, prev){
statements.forEach(function(cur){
if (prev && ((cur[0] == "var" && prev[0] == "var") ||
(cur[0] == "const" && prev[0] == "const"))) {
prev[1] = prev[1].concat(cur[1]);
} else {
a.push(cur);
prev = cur;
}
});
return a;
})([]);
if (options.dead_code) statements = (function(a, has_quit){
statements.forEach(function(st){
if (has_quit) {
if (member(st[0], [ "function", "defun" , "var", "const" ])) {
a.push(st);
}
else if (!options.no_warnings)
warn("Removing unreachable code: " + gen_code(st, true));
}
else {
a.push(st);
if (member(st[0], [ "return", "throw", "break", "continue" ]))
has_quit = true;
}
});
return a;
})([]);
if (options.make_seqs) statements = (function(a, prev) {
statements.forEach(function(cur){
if (prev && prev[0] == "stat" && cur[0] == "stat") {
prev[1] = [ "seq", prev[1], cur[1] ];
} else {
a.push(cur);
prev = cur;
}
});
return a;
})([]);
if (block_type == "lambda") statements = (function(i, a, stat){
while (i < statements.length) {
stat = statements[i++];
if (stat[0] == "if" && !stat[3]) {
if (stat[2][0] == "return" && stat[2][1] == null) {
a.push(make_if(negate(stat[1]), [ "block", statements.slice(i) ]));
break;
}
var last = last_stat(stat[2]);
if (last[0] == "return" && last[1] == null) {
a.push(make_if(stat[1], [ "block", stat[2][1].slice(0, -1) ], [ "block", statements.slice(i) ]));
break;
}
}
a.push(stat);
}
return a;
})(0, []);
return statements;
};
function make_if(c, t, e) {
c = walk(c);
t = walk(t);
e = walk(e);
if (empty(t)) {
c = negate(c);
t = e;
e = null;
} else if (empty(e)) {
e = null;
} else {
// if we have both else and then, maybe it makes sense to switch them?
(function(){
var a = gen_code(c);
var n = negate(c);
var b = gen_code(n);
if (b.length < a.length) {
var tmp = t;
t = e;
e = tmp;
c = n;
}
})();
}
if (empty(e) && empty(t))
return [ "stat", c ];
var ret = [ "if", c, t, e ];
if (t[0] == "if" && empty(t[3]) && empty(e)) {
ret = best_of(ret, walk([ "if", [ "binary", "&&", c, t[1] ], t[2] ]));
}
else if (t[0] == "stat") {
if (e) {
if (e[0] == "stat") {
ret = best_of(ret, [ "stat", make_conditional(c, t[1], e[1]) ]);
}
}
else {
ret = best_of(ret, [ "stat", make_conditional(c, t[1]) ]);
}
}
else if (e && t[0] == e[0] && (t[0] == "return" || t[0] == "throw")) {
ret = best_of(ret, [ t[0], make_conditional(c, t[1], e[1] ) ]);
}
else if (e && aborts(t)) {
ret = [ [ "if", c, t ] ];
if (e[0] == "block") {
if (e[1]) ret = ret.concat(e[1]);
}
else {
ret.push(e);
}
ret = walk([ "block", ret ]);
}
else if (t && aborts(e)) {
ret = [ [ "if", negate(c), e ] ];
if (t[0] == "block") {
if (t[1]) ret = ret.concat(t[1]);
} else {
ret.push(t);
}
ret = walk([ "block", ret ]);
}
return ret;
};
return w.with_walkers({
"sub": function(expr, subscript) {
if (subscript[0] == "string") {
var name = subscript[1];
if (is_identifier(name)) {
return [ "dot", walk(expr), name ];
}
}
},
"if": make_if,
"toplevel": function(body) {
return [ "toplevel", with_scope(this.scope, function(){
return tighten(MAP(body, walk));
}) ];
},
"switch": function(expr, body) {
var last = body.length - 1;
return [ "switch", walk(expr), MAP(body, function(branch, i){
var block = tighten(MAP(branch[1], walk));
if (i == last && block.length > 0) {
var node = block[block.length - 1];
if (node[0] == "break" && !node[1])
block.pop();
}
return [ branch[0] ? walk(branch[0]) : null, block ];
}) ];
},
"function": _lambda,
"defun": _lambda,
"block": function(body) {
if (body) return rmblock([ "block", tighten(MAP(body, walk)) ]);
},
"binary": function(op, left, right) {
left = walk(left);
right = walk(right);
var best = [ "binary", op, left, right ];
if (is_constant(right) && is_constant(left)) {
var val = {};
var orig = val;
switch (op) {
case "+" : val = left[1] + right[1]; break;
case "*" : val = left[1] * right[1]; break;
case "/" : val = left[1] / right[1]; break;
case "-" : val = left[1] - right[1]; break;
case "<<" : val = left[1] << right[1]; break;
case ">>" : val = left[1] >> right[1]; break;
case ">>>" : val = left[1] >>> right[1]; break;
case "==" : val = left[1] == right[1]; break;
case "===" : val = left[1] === right[1]; break;
case "!=" : val = left[1] != right[1]; break;
case "!==" : val = left[1] !== right[1]; break;
case "<" : val = left[1] < right[1]; break;
case "<=" : val = left[1] <= right[1]; break;
case ">" : val = left[1] > right[1]; break;
case ">=" : val = left[1] >= right[1]; break;
}
if (val !== orig) {
switch (typeof val) {
case "string": val = [ "string", val ]; break;
case "boolean": val = [ "name", val+"" ]; break;
case "number": val = [ "num", val ]; break;
default: return best;
}
best = best_of(best, walk(val));
}
}
return best;
},
"conditional": function(c, t, e) {
return make_conditional(walk(c), walk(t), walk(e));
},
"try": function(t, c, f) {
return [
"try",
tighten(MAP(t, walk)),
c != null ? [ c[0], tighten(MAP(c[1], walk)) ] : null,
f != null ? tighten(MAP(f, walk)) : null
];
},
"unary-prefix": function(op, expr) {
expr = walk(expr);
var ret = [ "unary-prefix", op, expr ];
if (op == "!")
ret = best_of(ret, negate(expr));
return ret;
},
"name": function(name) {
switch (name) {
case "true": return [ "unary-prefix", "!", [ "num", 0 ]];
case "false": return [ "unary-prefix", "!", [ "num", 1 ]];
}
},
"new": function(ctor, args) {
if (ctor[0] == "name" && ctor[1] == "Array" && !scope.has("Array")) {
if (args.length != 1) {
return [ "array", args ];
} else {
return [ "call", [ "name", "Array" ], args ];
}
}
},
"call": function(expr, args) {
if (expr[0] == "name" && expr[1] == "Array" && args.length != 1 && !scope.has("Array")) {
return [ "array", args ];
}
}
}, function() {
return walk(ast_add_scope(ast));
});
};
/* -----[ re-generate code from the AST ]----- */
var DOT_CALL_NO_PARENS = jsp.array_to_hash([
"name",
"array",
"string",
"dot",
"sub",
"call",
"regexp"
]);
function make_string(str) {
var dq = 0, sq = 0;
str = str.replace(/[\\\b\f\n\r\t\x22\x27]/g, function(s){
switch (s) {
case "\\": return "\\\\";
case "\b": return "\\b";
case "\f": return "\\f";
case "\n": return "\\n";
case "\r": return "\\r";
case "\t": return "\\t";
case '"': ++dq; return '"';
case "'": ++sq; return "'";
}
return s;
});
if (dq > sq) {
return "'" + str.replace(/\x27/g, "\\'") + "'";
} else {
return '"' + str.replace(/\x22/g, '\\"') + '"';
}
};
function gen_code(ast, beautify) {
if (beautify) beautify = defaults(beautify, {
indent_start : 0,
indent_level : 4,
quote_keys : false,
space_colon : false
});
var indentation = 0,
newline = beautify ? "\n" : "",
space = beautify ? " " : "";
function indent(line) {
if (line == null)
line = "";
if (beautify)
line = repeat_string(" ", beautify.indent_start + indentation * beautify.indent_level) + line;
return line;
};
function with_indent(cont, incr) {
if (incr == null) incr = 1;
indentation += incr;
try { return cont.apply(null, slice(arguments, 1)); }
finally { indentation -= incr; }
};
function add_spaces(a) {
if (beautify)
return a.join(" ");
var b = [];
for (var i = 0; i < a.length; ++i) {
var next = a[i + 1];
b.push(a[i]);
if (next &&
((/[a-z0-9_\x24]$/i.test(a[i].toString()) && /^[a-z0-9_\x24]/i.test(next.toString())) ||
(/[\+\-]$/.test(a[i].toString()) && /^[\+\-]/.test(next.toString())))) {
b.push(" ");
}
}
return b.join("");
};
function add_commas(a) {
return a.join("," + space);
};
function parenthesize(expr) {
var gen = make(expr);
for (var i = 1; i < arguments.length; ++i) {
var el = arguments[i];
if ((el instanceof Function && el(expr)) || expr[0] == el)
return "(" + gen + ")";
}
return gen;
};
function best_of(a) {
if (a.length == 1) {
return a[0];
}
if (a.length == 2) {
var b = a[1];
a = a[0];
return a.length <= b.length ? a : b;
}
return best_of([ a[0], best_of(a.slice(1)) ]);
};
function needs_parens(expr) {
if (expr[0] == "function") {
// dot/call on a literal function requires the
// function literal itself to be parenthesized
// only if it's the first "thing" in a
// statement. This means that the parent is
// "stat", but it could also be a "seq" and
// we're the first in this "seq" and the
// parent is "stat", and so on. Messy stuff,
// but it worths the trouble.
var a = slice($stack), self = a.pop(), p = a.pop();
while (p) {
if (p[0] == "stat") return true;
if ((p[0] == "seq" && p[1] === self) ||
(p[0] == "call" && p[1] === self) ||
(p[0] == "binary" && p[2] === self)) {
self = p;
p = a.pop();
} else {
return false;
}
}
}
return !HOP(DOT_CALL_NO_PARENS, expr[0]);
};
function make_num(num) {
var str = num.toString(10), a = [ str.replace(/^0\./, ".") ], m;
if (Math.floor(num) === num) {
a.push("0x" + num.toString(16).toLowerCase(), // probably pointless
"0" + num.toString(8)); // same.
if ((m = /^(.*?)(0+)$/.exec(num))) {
a.push(m[1] + "e" + m[2].length);
}
} else if ((m = /^0?\.(0+)(.*)$/.exec(num))) {
a.push(m[2] + "e-" + (m[1].length + m[2].length),
str.substr(str.indexOf(".")));
}
return best_of(a);
};
var generators = {
"string": make_string,
"num": make_num,
"name": make_name,
"toplevel": function(statements) {
return make_block_statements(statements)
.join(newline + newline);
},
"block": make_block,
"var": function(defs) {
return "var " + add_commas(MAP(defs, make_1vardef)) + ";";
},
"const": function(defs) {
return "var " + add_commas(MAP(defs, make_1vardef)) + ";";
},
"try": function(tr, ca, fi) {
var out = [ "try", make_block(tr) ];
if (ca) out.push("catch", "(" + ca[0] + ")", make_block(ca[1]));
if (fi) out.push("finally", make_block(fi));
return add_spaces(out);
},
"throw": function(expr) {
return add_spaces([ "throw", make(expr) ]) + ";";
},
"new": function(ctor, args) {
args = args.length > 0 ? "(" + add_commas(MAP(args, make)) + ")" : "";
return add_spaces([ "new", parenthesize(ctor, "seq", "binary", "conditional", "assign", function(expr){
var w = ast_walker(), has_call = {};
try {
w.with_walkers({
"call": function() { throw has_call },
"function": function() { return this }
}, function(){
w.walk(expr);
});
} catch(ex) {
if (ex === has_call)
return true;
throw ex;
}
}) + args ]);
},
"switch": function(expr, body) {
return add_spaces([ "switch", "(" + make(expr) + ")", make_switch_block(body) ]);
},
"break": function(label) {
var out = "break";
if (label != null)
out += " " + make_name(label);
return out + ";";
},
"continue": function(label) {
var out = "continue";
if (label != null)
out += " " + make_name(label);
return out + ";";
},
"conditional": function(co, th, el) {
return add_spaces([ parenthesize(co, "assign", "seq", "conditional"), "?",
parenthesize(th, "seq"), ":",
parenthesize(el, "seq") ]);
},
"assign": function(op, lvalue, rvalue) {
if (op && op !== true) op += "=";
else op = "=";
return add_spaces([ make(lvalue), op, parenthesize(rvalue, "seq") ]);
},
"dot": function(expr) {
var out = make(expr), i = 1;
if (expr[0] == "num")
out += ".";
else if (needs_parens(expr))
out = "(" + out + ")";
while (i < arguments.length)
out += "." + make_name(arguments[i++]);
return out;
},
"call": function(func, args) {
var f = make(func);
if (needs_parens(func))
f = "(" + f + ")";
return f + "(" + add_commas(MAP(args, function(expr){
return parenthesize(expr, "seq");
})) + ")";
},
"function": make_function,
"defun": make_function,
"if": function(co, th, el) {
var out = [ "if", "(" + make(co) + ")", el ? make_then(th) : make(th) ];
if (el) {
out.push("else", make(el));
}
return add_spaces(out);
},
"for": function(init, cond, step, block) {
var out = [ "for" ];
init = (init != null ? make(init) : "").replace(/;*\s*$/, ";" + space);
cond = (cond != null ? make(cond) : "").replace(/;*\s*$/, ";" + space);
step = (step != null ? make(step) : "").replace(/;*\s*$/, "");
var args = init + cond + step;
if (args == "; ; ") args = ";;";
out.push("(" + args + ")", make(block));
return add_spaces(out);
},
"for-in": function(has_var, key, hash, block) {
var out = add_spaces([ "for", "(" ]);
if (has_var)
out += "var ";
out += add_spaces([ make_name(key) + " in " + make(hash) + ")", make(block) ]);
return out;
},
"while": function(condition, block) {
return add_spaces([ "while", "(" + make(condition) + ")", make(block) ]);
},
"do": function(condition, block) {
return add_spaces([ "do", make(block), "while", "(" + make(condition) + ")" ]) + ";";
},
"return": function(expr) {
var out = [ "return" ];
if (expr != null) out.push(make(expr));
return add_spaces(out) + ";";
},
"binary": function(operator, lvalue, rvalue) {
var left = make(lvalue), right = make(rvalue);
// XXX: I'm pretty sure other cases will bite here.
// we need to be smarter.
// adding parens all the time is the safest bet.
if (member(lvalue[0], [ "assign", "conditional", "seq" ]) ||
lvalue[0] == "binary" && PRECEDENCE[operator] > PRECEDENCE[lvalue[1]]) {
left = "(" + left + ")";
}
if (member(rvalue[0], [ "assign", "conditional", "seq" ]) ||
rvalue[0] == "binary" && PRECEDENCE[operator] >= PRECEDENCE[rvalue[1]] &&
!(rvalue[1] == operator && member(operator, [ "&&", "||", "*" ]))) {
right = "(" + right + ")";
}
return add_spaces([ left, operator, right ]);
},
"unary-prefix": function(operator, expr) {
var val = make(expr);
if (!(expr[0] == "num" || (expr[0] == "unary-prefix" && !HOP(OPERATORS, operator + expr[1])) || !needs_parens(expr)))
val = "(" + val + ")";
return operator + (jsp.is_alphanumeric_char(operator.charAt(0)) ? " " : "") + val;
},
"unary-postfix": function(operator, expr) {
var val = make(expr);
if (!(expr[0] == "num" || (expr[0] == "unary-postfix" && !HOP(OPERATORS, operator + expr[1])) || !needs_parens(expr)))
val = "(" + val + ")";
return val + operator;
},
"sub": function(expr, subscript) {
var hash = make(expr);
if (needs_parens(expr))
hash = "(" + hash + ")";
return hash + "[" + make(subscript) + "]";
},
"object": function(props) {
if (props.length == 0)
return "{}";
return "{" + newline + with_indent(function(){
return MAP(props, function(p){
if (p.length == 3) {
// getter/setter. The name is in p[0], the arg.list in p[1][2], the
// body in p[1][3] and type ("get" / "set") in p[2].
return indent(make_function(p[0], p[1][2], p[1][3], p[2]));
}
var key = p[0], val = make(p[1]);
if (beautify && beautify.quote_keys) {
key = make_string(key);
} else if ((typeof key == "number" || !beautify && +key + "" == key)
&& parseFloat(key) >= 0) {
key = make_num(+key);
} else if (!is_identifier(key)) {
key = make_string(key);
}
return indent(add_spaces(beautify && beautify.space_colon
? [ key, ":", val ]
: [ key + ":", val ]));
}).join("," + newline);
}) + newline + indent("}");
},
"regexp": function(rx, mods) {
return "/" + rx + "/" + mods;
},
"array": function(elements) {
if (elements.length == 0) return "[]";
return add_spaces([ "[", add_commas(MAP(elements, function(el){
if (!beautify && el[0] == "atom" && el[1] == "undefined") return "";
return parenthesize(el, "seq");
})), "]" ]);
},
"stat": function(stmt) {
return make(stmt).replace(/;*\s*$/, ";");
},
"seq": function() {
return add_commas(MAP(slice(arguments), make));
},
"label": function(name, block) {
return add_spaces([ make_name(name), ":", make(block) ]);
},
"with": function(expr, block) {
return add_spaces([ "with", "(" + make(expr) + ")", make(block) ]);
},
"atom": function(name) {
return make_name(name);
}
};
// The squeezer replaces "block"-s that contain only a single
// statement with the statement itself; technically, the AST
// is correct, but this can create problems when we output an
// IF having an ELSE clause where the THEN clause ends in an
// IF *without* an ELSE block (then the outer ELSE would refer
// to the inner IF). This function checks for this case and
// adds the block brackets if needed.
function make_then(th) {
if (th[0] == "do") {
// https://github.com/mishoo/UglifyJS/issues/#issue/57
// IE croaks with "syntax error" on code like this:
// if (foo) do ... while(cond); else ...
// we need block brackets around do/while
return make([ "block", [ th ]]);
}
var b = th;
while (true) {
var type = b[0];
if (type == "if") {
if (!b[3])
// no else, we must add the block
return make([ "block", [ th ]]);
b = b[3];
}
else if (type == "while" || type == "do") b = b[2];
else if (type == "for" || type == "for-in") b = b[4];
else break;
}
return make(th);
};
function make_function(name, args, body, keyword) {
var out = keyword || "function";
if (name) {
out += " " + make_name(name);
}
out += "(" + add_commas(MAP(args, make_name)) + ")";
return add_spaces([ out, make_block(body) ]);
};
function make_name(name) {
return name.toString();
};
function make_block_statements(statements) {
for (var a = [], last = statements.length - 1, i = 0; i <= last; ++i) {
var stat = statements[i];
var code = make(stat);
if (code != ";") {
if (!beautify && i == last) {
if ((stat[0] == "while" && empty(stat[2])) ||
(member(stat[0], [ "for", "for-in"] ) && empty(stat[4])) ||
(stat[0] == "if" && empty(stat[2]) && !stat[3]) ||
(stat[0] == "if" && stat[3] && empty(stat[3]))) {
code = code.replace(/;*\s*$/, ";");
} else {
code = code.replace(/;+\s*$/, "");
}
}
a.push(code);
}
}
return MAP(a, indent);
};
function make_switch_block(body) {
var n = body.length;
if (n == 0) return "{}";
return "{" + newline + MAP(body, function(branch, i){
var has_body = branch[1].length > 0, code = with_indent(function(){
return indent(branch[0]
? add_spaces([ "case", make(branch[0]) + ":" ])
: "default:");
}, 0.5) + (has_body ? newline + with_indent(function(){
return make_block_statements(branch[1]).join(newline);
}) : "");
if (!beautify && has_body && i < n - 1)
code += ";";
return code;
}).join(newline) + newline + indent("}");
};
function make_block(statements) {
if (!statements) return ";";
if (statements.length == 0) return "{}";
return "{" + newline + with_indent(function(){
return make_block_statements(statements).join(newline);
}) + newline + indent("}");
};
function make_1vardef(def) {
var name = def[0], val = def[1];
if (val != null)
name = add_spaces([ name, "=", make(val) ]);
return name;
};
var $stack = [];
function make(node) {
var type = node[0];
var gen = generators[type];
if (!gen)
throw new Error("Can't find generator for \"" + type + "\"");
$stack.push(node);
var ret = gen.apply(type, node.slice(1));
$stack.pop();
return ret;
};
return make(ast);
};
function split_lines(code, max_line_length) {
var splits = [ 0 ];
jsp.parse(function(){
var next_token = jsp.tokenizer(code);
var last_split = 0;
var prev_token;
function current_length(tok) {
return tok.pos - last_split;
};
function split_here(tok) {
last_split = tok.pos;
splits.push(last_split);
};
function custom(){
var tok = next_token.apply(this, arguments);
out: {
if (prev_token) {
if (prev_token.type == "keyword") break out;
}
if (current_length(tok) > max_line_length) {
switch (tok.type) {
case "keyword":
case "atom":
case "name":
case "punc":
split_here(tok);
break out;
}
}
}
prev_token = tok;
return tok;
};
custom.context = function() {
return next_token.context.apply(this, arguments);
};
return custom;
}());
return splits.map(function(pos, i){
return code.substring(pos, splits[i + 1] || code.length);
}).join("\n");
};
/* -----[ Utilities ]----- */
function repeat_string(str, i) {
if (i <= 0) return "";
if (i == 1) return str;
var d = repeat_string(str, i >> 1);
d += d;
if (i & 1) d += str;
return d;
};
function defaults(args, defs) {
var ret = {};
if (args === true)
args = {};
for (var i in defs) if (HOP(defs, i)) {
ret[i] = (args && HOP(args, i)) ? args[i] : defs[i];
}
return ret;
};
function is_identifier(name) {
return /^[a-z_$][a-z0-9_$]*$/i.test(name)
&& name != "this"
&& !HOP(jsp.KEYWORDS_ATOM, name)
&& !HOP(jsp.RESERVED_WORDS, name)
&& !HOP(jsp.KEYWORDS, name);
};
function HOP(obj, prop) {
return Object.prototype.hasOwnProperty.call(obj, prop);
};
// some utilities
var MAP;
(function(){
MAP = function(a, f, o) {
var ret = [];
for (var i = 0; i < a.length; ++i) {
var val = f.call(o, a[i], i);
if (val instanceof AtTop) ret.unshift(val.v);
else ret.push(val);
}
return ret;
};
MAP.at_top = function(val) { return new AtTop(val) };
function AtTop(val) { this.v = val };
})();
/* -----[ Exports ]----- */
exports.ast_walker = ast_walker;
exports.ast_mangle = ast_mangle;
exports.ast_squeeze = ast_squeeze;
exports.gen_code = gen_code;
exports.ast_add_scope = ast_add_scope;
exports.ast_squeeze_more = require("./squeeze-more").ast_squeeze_more;
exports.set_logger = function(logger) { warn = logger };
exports.make_string = make_string;
exports.split_lines = split_lines;
================================================
FILE: buildin_modules/weinre/web/client/View.js
================================================
/*
* Copyright (C) 2008 Apple Inc. All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED BY APPLE INC. ``AS IS'' AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
* PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR
* CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY
* OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.View = function(element)
{
this.element = element || document.createElement("div");
this._visible = false;
}
WebInspector.View.prototype = {
get visible()
{
return this._visible;
},
set visible(x)
{
if (this._visible === x)
return;
if (x)
this.show();
else
this.hide();
},
show: function(parentElement)
{
this._visible = true;
if (parentElement && parentElement !== this.element.parentNode) {
this.detach();
parentElement.appendChild(this.element);
}
if (!this.element.parentNode && this.attach)
this.attach();
this.element.addStyleClass("visible");
},
hide: function()
{
this.element.removeStyleClass("visible");
this._visible = false;
},
detach: function()
{
if (this.element.parentNode)
this.element.parentNode.removeChild(this.element);
}
}
WebInspector.View.prototype.__proto__ = WebInspector.Object.prototype;
================================================
FILE: buildin_modules/weinre/web/client/WatchExpressionsSidebarPane.js
================================================
/*
* Copyright (C) IBM Corp. 2009 All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of IBM Corp. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.WatchExpressionsSidebarPane = function()
{
WebInspector.SidebarPane.call(this, WebInspector.UIString("Watch Expressions"));
this.reset();
}
WebInspector.WatchExpressionsSidebarPane.prototype = {
reset: function()
{
this.bodyElement.removeChildren();
this.expanded = WebInspector.settings.watchExpressions.length > 0;
this.section = new WebInspector.WatchExpressionsSection();
this.bodyElement.appendChild(this.section.element);
var addElement = document.createElement("button");
addElement.setAttribute("type", "button");
addElement.textContent = WebInspector.UIString("Add");
addElement.addEventListener("click", this.section.addExpression.bind(this.section), false);
var refreshElement = document.createElement("button");
refreshElement.setAttribute("type", "button");
refreshElement.textContent = WebInspector.UIString("Refresh");
refreshElement.addEventListener("click", this.section.update.bind(this.section), false);
var centerElement = document.createElement("div");
centerElement.addStyleClass("watch-expressions-buttons-container");
centerElement.appendChild(addElement);
centerElement.appendChild(refreshElement);
this.bodyElement.appendChild(centerElement);
this.onexpand = this.refreshExpressions.bind(this);
},
refreshExpressions: function()
{
if (this.section)
this.section.update();
}
}
WebInspector.WatchExpressionsSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype;
WebInspector.WatchExpressionsSection = function()
{
this._watchObjectGroupId = "watch-group";
WebInspector.ObjectPropertiesSection.call(this);
this.watchExpressions = WebInspector.settings.watchExpressions;
this.headerElement.className = "hidden";
this.editable = true;
this.expanded = true;
this.propertiesElement.addStyleClass("watch-expressions");
}
WebInspector.WatchExpressionsSection.NewWatchExpression = "\xA0";
WebInspector.WatchExpressionsSection.prototype = {
update: function()
{
function appendResult(expression, watchIndex, result)
{
var property = new WebInspector.RemoteObjectProperty(expression, result);
property.watchIndex = watchIndex;
// To clarify what's going on here:
// In the outer function, we calculate the number of properties
// that we're going to be updating, and set that in the
// propertyCount variable.
// In this function, we test to see when we are processing the
// last property, and then call the superclass's updateProperties()
// method to get all the properties refreshed at once.
properties.push(property);
if (properties.length == propertyCount) {
this.updateProperties(properties, WebInspector.WatchExpressionTreeElement, WebInspector.WatchExpressionsSection.CompareProperties);
// check to see if we just added a new watch expression,
// which will always be the last property
if (this._newExpressionAdded) {
delete this._newExpressionAdded;
treeElement = this.findAddedTreeElement();
if (treeElement)
treeElement.startEditing();
}
}
}
// TODO: pass exact injected script id.
InspectorBackend.releaseWrapperObjectGroup(0, this._watchObjectGroupId)
var properties = [];
// Count the properties, so we known when to call this.updateProperties()
// in appendResult()
var propertyCount = 0;
for (var i = 0; i < this.watchExpressions.length; ++i) {
if (!this.watchExpressions[i])
continue;
++propertyCount;
}
// Now process all the expressions, since we have the actual count,
// which is checked in the appendResult inner function.
for (var i = 0; i < this.watchExpressions.length; ++i) {
var expression = this.watchExpressions[i];
if (!expression)
continue;
WebInspector.console.evalInInspectedWindow("(" + expression + ")", this._watchObjectGroupId, false, appendResult.bind(this, expression, i));
}
// note this is setting the expansion of the tree, not the section;
// with no expressions, and expanded tree, we get some extra vertical
// white space
// FIXME: should change to use header buttons instead of the buttons
// at the bottom of the section, then we can add a "No Watch Expressions
// element when there are no watch expressions, and this issue should
// go away.
this.expanded = (propertyCount != 0);
},
addExpression: function()
{
this._newExpressionAdded = true;
this.watchExpressions.push(WebInspector.WatchExpressionsSection.NewWatchExpression);
this.update();
},
updateExpression: function(element, value)
{
this.watchExpressions[element.property.watchIndex] = value;
this.saveExpressions();
this.update();
},
findAddedTreeElement: function()
{
var children = this.propertiesTreeOutline.children;
for (var i = 0; i < children.length; ++i)
if (children[i].property.name === WebInspector.WatchExpressionsSection.NewWatchExpression)
return children[i];
},
saveExpressions: function()
{
var toSave = [];
for (var i = 0; i < this.watchExpressions.length; i++)
if (this.watchExpressions[i])
toSave.push(this.watchExpressions[i]);
WebInspector.settings.watchExpressions = toSave;
return toSave.length;
}
}
WebInspector.WatchExpressionsSection.prototype.__proto__ = WebInspector.ObjectPropertiesSection.prototype;
WebInspector.WatchExpressionsSection.CompareProperties = function(propertyA, propertyB)
{
if (propertyA.watchIndex == propertyB.watchIndex)
return 0;
else if (propertyA.watchIndex < propertyB.watchIndex)
return -1;
else
return 1;
}
WebInspector.WatchExpressionTreeElement = function(property)
{
WebInspector.ObjectPropertyTreeElement.call(this, property);
}
WebInspector.WatchExpressionTreeElement.prototype = {
update: function()
{
WebInspector.ObjectPropertyTreeElement.prototype.update.call(this);
if (this.property.value.isError())
this.valueElement.addStyleClass("watch-expressions-error-level");
var deleteButton = document.createElement("input");
deleteButton.type = "button";
deleteButton.title = WebInspector.UIString("Delete watch expression.");
deleteButton.addStyleClass("enabled-button");
deleteButton.addStyleClass("delete-button");
deleteButton.addEventListener("click", this._deleteButtonClicked.bind(this), false);
this.listItemElement.insertBefore(deleteButton, this.listItemElement.firstChild);
},
_deleteButtonClicked: function()
{
this.treeOutline.section.updateExpression(this, null);
},
startEditing: function()
{
if (WebInspector.isBeingEdited(this.nameElement) || !this.treeOutline.section.editable)
return;
this.nameElement.textContent = this.property.name.trim();
var context = { expanded: this.expanded };
// collapse temporarily, if required
this.hasChildren = false;
this.listItemElement.addStyleClass("editing-sub-part");
WebInspector.startEditing(this.nameElement, {
context: context,
commitHandler: this.editingCommitted.bind(this),
cancelHandler: this.editingCancelled.bind(this)
});
},
editingCancelled: function(element, context)
{
if (!this.nameElement.textContent)
this.treeOutline.section.updateExpression(this, null);
this.update();
this.editingEnded(context);
},
applyExpression: function(expression, updateInterface)
{
expression = expression.trim();
if (!expression)
expression = null;
this.property.name = expression;
this.treeOutline.section.updateExpression(this, expression);
}
}
WebInspector.WatchExpressionTreeElement.prototype.__proto__ = WebInspector.ObjectPropertyTreeElement.prototype;
================================================
FILE: buildin_modules/weinre/web/client/WebKit.qrc
================================================
inspector.html
ApplicationCacheItemsView.js
AuditCategories.js
AuditFormatters.js
AuditLauncherView.js
AuditResultView.js
AuditRules.js
AuditsPanel.js
BottomUpProfileDataGridTree.js
Breakpoint.js
BreakpointManager.js
BreakpointsSidebarPane.js
CallStackSidebarPane.js
Checkbox.js
Color.js
ConsolePanel.js
ConsoleView.js
ContextMenu.js
CookieItemsView.js
CookieParser.js
CookiesTable.js
CSSCompletions.js
CSSKeywordCompletions.js
CSSStyleModel.js
Database.js
DatabaseQueryView.js
DatabaseTableView.js
DetailedHeapshotView.js
DataGrid.js
DebuggerModel.js
DOMAgent.js
DOMStorage.js
DOMStorageItemsView.js
DOMSyntaxHighlighter.js
Drawer.js
ElementsPanel.js
ElementsTreeOutline.js
EventListenersSidebarPane.js
ExtensionAPI.js
ExtensionAuditCategory.js
ExtensionCommon.js
ExtensionPanel.js
ExtensionRegistryStub.js
ExtensionServer.js
FontView.js
GoToLineDialog.js
HAREntry.js
HeapSnapshot.js
HeapSnapshotView.js
HelpScreen.js
ImageView.js
InjectedFakeWorker.js
inspector.js
InspectorFrontendHostStub.js
KeyboardShortcut.js
MetricsSidebarPane.js
NetworkItemView.js
NetworkManager.js
NetworkPanel.js
Object.js
ObjectPropertiesSection.js
Panel.js
PanelEnablerView.js
Placard.js
PleaseWaitMessage.js
Popover.js
ProfileDataGridTree.js
ProfilesPanel.js
ProfileView.js
PropertiesSection.js
PropertiesSidebarPane.js
RemoteObject.js
Resource.js
ResourceCategory.js
ResourceCookiesView.js
ResourceHeadersView.js
ResourceTimingView.js
ResourceTreeModel.js
ResourceView.js
ResourcesPanel.js
ScopeChainSidebarPane.js
Script.js
ScriptFormatter.js
ScriptFormatterWorker.js
ScriptsPanel.js
Section.js
Settings.js
ShortcutsHelp.js
ShowMoreDataGridNode.js
SidebarPane.js
SidebarTreeElement.js
SourceCSSTokenizer.js
SourceFrame.js
SourceFrameContent.js
SourceHTMLTokenizer.js
SourceJavaScriptTokenizer.js
SourceTokenizer.js
StatusBarButton.js
StylesSidebarPane.js
SummaryBar.js
TabbedPane.js
TestController.js
TextEditorHighlighter.js
TextEditorModel.js
TextPrompt.js
TextViewer.js
TimelineAgent.js
TimelineGrid.js
TimelineOverviewPane.js
TimelinePanel.js
TopDownProfileDataGridTree.js
treeoutline.js
utilities.js
View.js
WatchExpressionsSidebarPane.js
WelcomeView.js
WorkersSidebarPane.js
UglifyJS/parse-js.js
UglifyJS/process.js
audits.css
goToLineDialog.css
heapProfiler.css
helpScreen.css
inspector.css
inspectorSyntaxHighlight.css
networkPanel.css
popover.css
textViewer.css
Images/applicationCache.png
Images/auditsIcon.png
Images/back.png
Images/breakpointBorder.png
Images/breakpointConditionalBorder.png
Images/breakpointConditionalCounterBorder.png
Images/breakpointCounterBorder.png
Images/breakpointsActivateButtonGlyph.png
Images/breakpointsDeactivateButtonGlyph.png
Images/checker.png
Images/clearConsoleButtonGlyph.png
Images/closeButtons.png
Images/consoleButtonGlyph.png
Images/cookie.png
Images/consoleIcon.png
Images/database.png
Images/databaseTable.png
Images/debuggerContinue.png
Images/debuggerPause.png
Images/debuggerStepInto.png
Images/debuggerStepOut.png
Images/debuggerStepOver.png
Images/disclosureTriangleSmallDown.png
Images/disclosureTriangleSmallDownBlack.png
Images/disclosureTriangleSmallDownWhite.png
Images/disclosureTriangleSmallRight.png
Images/disclosureTriangleSmallRightBlack.png
Images/disclosureTriangleSmallRightDown.png
Images/disclosureTriangleSmallRightDownBlack.png
Images/disclosureTriangleSmallRightDownWhite.png
Images/disclosureTriangleSmallRightWhite.png
Images/dockButtonGlyph.png
Images/elementsIcon.png
Images/enableOutlineButtonGlyph.png
Images/enableSolidButtonGlyph.png
Images/errorIcon.png
Images/errorMediumIcon.png
Images/errorRedDot.png
Images/excludeButtonGlyph.png
Images/focusButtonGlyph.png
Images/forward.png
Images/frame.png
Images/gearButtonGlyph.png
Images/glossyHeader.png
Images/glossyHeaderPressed.png
Images/glossyHeaderSelected.png
Images/glossyHeaderSelectedPressed.png
Images/goArrow.png
Images/graphLabelCalloutLeft.png
Images/graphLabelCalloutRight.png
Images/largerResourcesButtonGlyph.png
Images/localStorage.png
Images/networkIcon.png
Images/nodeSearchButtonGlyph.png
Images/paneAddButtons.png
Images/paneBottomGrow.png
Images/paneBottomGrowActive.png
Images/paneGrowHandleLine.png
Images/paneSettingsButtons.png
Images/pauseOnExceptionButtonGlyph.png
Images/percentButtonGlyph.png
Images/popoverArrows.png
Images/popoverBackground.png
Images/profileGroupIcon.png
Images/profileIcon.png
Images/profilesIcon.png
Images/profileSmallIcon.png
Images/profilesSilhouette.png
Images/programCounterBorder.png
Images/radioDot.png
Images/recordButtonGlyph.png
Images/recordToggledButtonGlyph.png
Images/reloadButtonGlyph.png
Images/resourceCSSIcon.png
Images/resourceDocumentIcon.png
Images/resourceDocumentIconSmall.png
Images/resourceJSIcon.png
Images/resourcePlainIcon.png
Images/resourcePlainIconSmall.png
Images/resourcesIcon.png
Images/resourcesSizeGraphIcon.png
Images/resourcesTimeGraphIcon.png
Images/scriptsIcon.png
Images/scriptsSilhouette.png
Images/searchSmallBlue.png
Images/searchSmallBrightBlue.png
Images/searchSmallGray.png
Images/searchSmallWhite.png
Images/segment.png
Images/segmentEnd.png
Images/segmentHover.png
Images/segmentHoverEnd.png
Images/segmentSelected.png
Images/segmentSelectedEnd.png
Images/sessionStorage.png
Images/spinner.gif
Images/splitviewDimple.png
Images/splitviewDividerBackground.png
Images/statusbarBackground.png
Images/statusbarBottomBackground.png
Images/statusbarButtons.png
Images/statusbarMenuButton.png
Images/statusbarMenuButtonSelected.png
Images/statusbarResizerHorizontal.png
Images/statusbarResizerVertical.png
Images/successGreenDot.png
Images/thumbActiveHoriz.png
Images/thumbActiveVert.png
Images/thumbHoriz.png
Images/thumbVert.png
Images/thumbHoverHoriz.png
Images/thumbHoverVert.png
Images/timelineBarBlue.png
Images/timelineBarGray.png
Images/timelineBarGreen.png
Images/timelineBarOrange.png
Images/timelineBarPurple.png
Images/timelineBarRed.png
Images/timelineBarYellow.png
Images/timelineCheckmarks.png
Images/timelineDots.png
Images/timelineHollowPillBlue.png
Images/timelineHollowPillGray.png
Images/timelineHollowPillGreen.png
Images/timelineHollowPillOrange.png
Images/timelineHollowPillPurple.png
Images/timelineHollowPillRed.png
Images/timelineHollowPillYellow.png
Images/timelineIcon.png
Images/timelinePillBlue.png
Images/timelinePillGray.png
Images/timelinePillGreen.png
Images/timelinePillOrange.png
Images/timelinePillPurple.png
Images/timelinePillRed.png
Images/timelinePillYellow.png
Images/toolbarItemSelected.png
Images/trackHoriz.png
Images/trackVert.png
Images/treeDownTriangleBlack.png
Images/treeDownTriangleWhite.png
Images/treeRightTriangleBlack.png
Images/treeRightTriangleWhite.png
Images/treeUpTriangleBlack.png
Images/treeUpTriangleWhite.png
Images/undockButtonGlyph.png
Images/userInputIcon.png
Images/userInputPreviousIcon.png
Images/userInputResultIcon.png
Images/warningIcon.png
Images/warningMediumIcon.png
Images/warningOrangeDot.png
Images/warningsErrors.png
../../bindings/v8/DebuggerScript.js
================================================
FILE: buildin_modules/weinre/web/client/WelcomeView.js
================================================
/*
* Copyright (C) 2008 Apple Inc. All Rights Reserved.
* Copyright (C) 2010 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
WebInspector.WelcomeView = function(identifier, headingText, instructionsText)
{
WebInspector.View.call(this);
this.element.addStyleClass("panel-enabler-view");
this.element.addStyleClass(identifier);
this.element.addStyleClass("welcome");
this.contentElement = document.createElement("div");
this.contentElement.className = "panel-enabler-view-content";
this.element.appendChild(this.contentElement);
this.alignerElement = document.createElement("div");
this.alignerElement.className = "welcome-instructions-aligner";
this.contentElement.appendChild(this.alignerElement);
this.instructionsElement = document.createElement("div");
this.instructionsElement.className = "instructions";
this.contentElement.appendChild(this.instructionsElement);
this.headerElement = document.createElement("h1");
this.headerElement.textContent = headingText;
this.instructionsElement.appendChild(this.headerElement);
if (instructionsText)
this.addMessage(instructionsText);
}
WebInspector.WelcomeView.prototype = {
addMessage: function(message)
{
var messageElement = document.createElement("div");
messageElement.className = "message";
if (typeof message == "string")
// Message text can contain
tags for better text balancing, so we // put it into elements using 'innerHTML', not 'textContent'. messageElement.innerHTML = message; else messageElement.appendChild(message); this.instructionsElement.appendChild(messageElement); } } WebInspector.WelcomeView.prototype.__proto__ = WebInspector.View.prototype; ================================================ FILE: buildin_modules/weinre/web/client/WorkersSidebarPane.js ================================================ /* * Copyright (C) 2010 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.WorkersSidebarPane = function() { WebInspector.SidebarPane.call(this, WebInspector.UIString("Workers")); this._workers = {}; this._enableWorkersCheckbox = new WebInspector.Checkbox( WebInspector.UIString("Debug"), "sidebar-pane-subtitle", WebInspector.UIString("Allow debugging workers. Enabling this option will replace native workers with the iframe-based JavaScript implementation")); this.titleElement.insertBefore(this._enableWorkersCheckbox.element, this.titleElement.firstChild); this._enableWorkersCheckbox.addEventListener(this._onTriggerInstrument.bind(this)); this._enableWorkersCheckbox.checked = false; this._listElement = document.createElement("ol"); this._listElement.className = "workers-list"; this.bodyElement.appendChild(this._listElement); this._treeOutline = new TreeOutline(this._listElement); } WebInspector.WorkersSidebarPane.prototype = { addWorker: function(id, url, isShared) { if (id in this._workers) return; var worker = new WebInspector.Worker(id, url, isShared); this._workers[id] = worker; var title = WebInspector.linkifyURL(url, WebInspector.displayNameForURL(url), "worker-item", true, url); var treeElement = new TreeElement(null, worker, false); treeElement.titleHTML = title; this._treeOutline.appendChild(treeElement); }, removeWorker: function(id) { if (id in this._workers) { this._treeOutline.removeChild(this._treeOutline.findTreeElement(this._workers[id])); delete this._workers[id]; } }, setInstrumentation: function(enabled) { InspectorBackend.removeAllScriptsToEvaluateOnLoad(); if (enabled) InspectorBackend.addScriptToEvaluateOnLoad("(" + InjectedFakeWorker + ")"); }, reset: function() { this.setInstrumentation(this._enableWorkersCheckbox.checked); this._treeOutline.removeChildren(); this._workers = {}; }, _onTriggerInstrument: function(event) { this.setInstrumentation(this._enableWorkersCheckbox.checked); } }; WebInspector.WorkersSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; WebInspector.Worker = function(id, url, shared) { this.id = id; this.url = url; this.shared = shared; } ================================================ FILE: buildin_modules/weinre/web/client/audits.css ================================================ /* * Copyright (C) 2008 Apple Inc. All rights reserved. * Copyright (C) 2009 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ .audits-sidebar-tree-item .icon { content: url(Images/resourcesTimeGraphIcon.png); } .audit-result-sidebar-tree-item .icon { content: url(Images/resourceDocumentIcon.png); } #audit-views { position: absolute; top: 0; right: 0; left: 200px; bottom: 0; overflow: auto; } .audit-launcher-view { z-index: 1000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: white; font-size: 13px; overflow-x: hidden; overflow-y: overlay; display: none; } .audit-launcher-view.visible { display: block; } .audit-launcher-view .audit-launcher-view-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 0 0 16px; white-space: nowrap; display: -webkit-box; -webkit-box-orient: vertical; } .audit-launcher-view h1 { color: rgb(110, 116, 128); font-size: 16px; line-height: 20px; font-weight: normal; padding-top: 15px; } .audit-launcher-view h1.no-audits { text-align: center; font-style: italic; position: relative; left: -8px; } .audit-launcher-view div.button-container { display: -webkit-box; -webkit-box-orient: vertical; width: 100%; padding: 16px 0; } .audit-launcher-view .flexible-space { -webkit-box-flex: 1; } .audit-launcher-view div.audit-categories-container { position: relative; top: 11px; left: 0; width: 100%; overflow-y: auto; } .audit-launcher-view button { color: rgb(6, 6, 6); background-color: transparent; border: 1px solid rgb(165, 165, 165); background-color: rgb(237, 237, 237); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); -webkit-border-radius: 12px; -webkit-appearance: none; } .audit-launcher-view button { font-size: 13px; padding: 3px 20px; height: 24px; margin: 0 5px 0 0; } .audit-launcher-view button:active { background-color: rgb(215, 215, 215); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); } body.inactive .audit-launcher-view button, .audit-launcher-view button:disabled { color: rgb(130, 130, 130); border-color: rgb(212, 212, 212); background-color: rgb(239, 239, 239); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235))); } .audit-launcher-view label { position: relative; display: block; text-align: left; word-break: break-word; padding: 0 0 5px 0; } .audit-launcher-view label.disabled { color: rgb(130, 130, 130); } .audit-launcher-view input[type="checkbox"] { margin-left: 0; } .audit-launcher-view input[type="radio"] { height: 17px; width: 17px; border: 1px solid rgb(165, 165, 165); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); -webkit-border-radius: 8px; -webkit-appearance: none; vertical-align: middle; margin: 0 5px 5px 0; } .audit-launcher-view input[type="radio"]:active:not(:disabled) { background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); } .audit-launcher-view input[type="radio"]:checked:not(:disabled), .audit-launcher-view input[type="radio"]:checked:disabled { background: url(Images/radioDot.png) center no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); } .audit-launcher-view .resource-progress > img { content: url(Images/spinner.gif); vertical-align: text-top; margin: 0 4px 0 8px; } .audit-result-view { overflow: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; } .audit-result-view.visible { display: block; } .audit-result-view .severity-severe { content: url(Images/errorRedDot.png); } .audit-result-view .severity-warning { content: url(Images/warningOrangeDot.png); } .audit-result-view .severity-info { content: url(Images/successGreenDot.png); } .audit-result-tree li.parent::before { content: url(Images/treeRightTriangleBlack.png); float: left; width: 8px; height: 8px; margin-top: 1px; padding-right: 2px; } .audit-result-tree { font-size: 11px; line-height: 14px; -webkit-user-select: text; } .audit-result-tree > ol { position: relative; padding: 2px 6px !important; margin: 0; color: rgb(84, 84, 84); cursor: default; min-width: 100%; } .audit-result-tree, .audit-result-tree ol { list-style-type: none; -webkit-padding-start: 12px; margin: 0; } .audit-result-tree li { padding: 0 0 0 14px; margin-top: 1px; margin-bottom: 1px; word-wrap: break-word; text-indent: -2px; } .audit-result-tree li.parent { text-indent: -12px } .audit-result-tree li.parent::before { content: url(Images/treeRightTriangleBlack.png); float: left; width: 8px; height: 8px; margin-top: 0; padding-right: 2px; } .audit-result-tree li.parent.expanded::before { content: url(Images/treeDownTriangleBlack.png); } .audit-result-tree ol.children { display: none; } .audit-result-tree ol.children.expanded { display: block; } .audit-result { font-weight: bold; color: black; } .audit-result img { float: left; margin-left: -40px; margin-top: -1px; } ================================================ FILE: buildin_modules/weinre/web/client/goToLineDialog.css ================================================ .go-to-line-dialog { position: absolute; top: 40%; left: 40%; z-index: 1900; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#CFCFCF)); display: -webkit-box; -webkit-box-orient: vertical; padding: 10px; border-radius: 10px; border: 1px solid gray; -webkit-box-shadow: rgb(40,40,40) 0px 0px 50px; font-size: 11px; font-family: 'Lucida Grande', sans-serif; } .go-to-line-dialog input { font-size: 11px; } .go-to-line-dialog button { font-size: 11px; color: rgb(6, 6, 6); border: 1px solid rgb(165, 165, 165); background-color: rgb(237, 237, 237); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); -webkit-border-radius: 12px; -webkit-appearance: none; padding: 3px 20px; margin: 0 0 0 10px; } .go-to-line-dialog button:active { background-color: rgb(215, 215, 215); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); } ================================================ FILE: buildin_modules/weinre/web/client/heapProfiler.css ================================================ /* * Copyright (C) 2009 Google Inc. All rights reserved. * Copyright (C) 2010 Apple Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ .heap-snapshot-sidebar-tree-item .icon { content: url(Images/profileIcon.png); } .heap-snapshot-sidebar-tree-item.small .icon { content: url(Images/profileSmallIcon.png); } .heap-snapshot-view { display: none; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .heap-snapshot-view.visible { display: block; } .heap-snapshot-view .data-grid { border: none; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 93px; } .heap-snapshot-view .data-grid th.count-column { text-align: center; } .heap-snapshot-view .data-grid td.count-column { text-align: right; } .heap-snapshot-view .data-grid th.size-column { text-align: center; } .heap-snapshot-view .data-grid td.size-column { text-align: right; } .heap-snapshot-view .data-grid th.countDelta-column { text-align: center; } .heap-snapshot-view .data-grid td.countDelta-column { text-align: right; } .heap-snapshot-view .data-grid th.sizeDelta-column { text-align: center; } .heap-snapshot-view .data-grid td.sizeDelta-column { text-align: right; } #heap-snapshot-summary-container { position: absolute; padding-top: 20px; bottom: 0; left: 0; right: 0; height: 93px; margin-left: -1px; border-left: 1px solid rgb(102, 102, 102); background-color: rgb(101, 111, 130); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-repeat: repeat-x; background-position: top; text-align: center; text-shadow: black 0 1px 1px; white-space: nowrap; color: white; -webkit-background-size: 1px 6px; -webkit-background-origin: padding; -webkit-background-clip: padding; } .heap-snapshot-summary { display: inline-block; width: 50%; min-width: 300px; position: relative; } .heap-snapshot-summary canvas.summary-graph { width: 225px; } .heap-snapshot-summary-label { font-size: 12px; font-weight: bold; position: absolute; top: 1px; width: 50%; left: 25%; } ================================================ FILE: buildin_modules/weinre/web/client/helpScreen.css ================================================ .help-window-outer { position: absolute; top: 60px; left: 5%; width: 90%; bottom: 40px; z-index: 2000; } body.attached .help-window-outer { top: 32px; left: 0; width: 100%; bottom: 24px; } .help-window-main { max-height: 100%; opacity: 0.85; color: white; background-color: black; display: -webkit-box; -webkit-box-orient: vertical; border: 20px black solid; border-top-width: 0; border-radius: 8px; -webkit-box-shadow: 10px 10px 8px rgba(40, 40, 40, 0.40); } body.attached .help-window-main { border-width: 10px; border-radius: 0; -webkit-box-shadow: 0 0 0; } .help-window-caption { margin: 8px; } body.attached .help-window-caption { display: none; } .help-window-title { border-bottom: solid 1px lightGrey; font-size: 18px; padding-bottom: 6px; } .help-content { overflow-y: auto; overflow-x: hidden; scrollbar-width: 11px; -webkit-box-flex: 1; } .help-content::-webkit-scrollbar { width: 11px; } .help-content::-webkit-scrollbar-corner, .help-content::-webkit-resizer { display: none; } .help-content::-webkit-scrollbar-thumb:vertical { background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(128, 128, 128)), color-stop(40%, rgb(96, 96, 96))); border-radius: 5px; min-height: 20px; } .help-content::-webkit-scrollbar-thumb:vertical:hover, .help-content::-webkit-scrollbar-thumb:vertical:active { background: -webkit-gradient(linear, left top, right top, from(rgb(176, 176, 176)), to(rgb(176, 176, 176)), color-stop(40%, rgb(144, 144, 144))); } .help-content::-webkit-scrollbar-track:vertical { background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 10)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32))); border-radius: 5px; } .help-close-button { border: 0; padding: 0; margin: 0px -20px 15px -20px; font-size: 14px; color: rgb(222, 222, 222); background: -webkit-gradient(radial, 30% 30%, 1, 50% 50%, 8, from(rgb(128, 128, 128)), to(rgb(80, 80, 80))); border-radius: 8px; height: 16px; width: 16px; } .help-close-button:hover { color: white; } body.platform-mac .help-close-button { float: left; margin-right: 10px; font-size: 12px; } body:not(.platform-mac) .help-close-button { float: right; } .help-table { width: 100%; font-size: 13px; -webkit-user-select: auto; } .help-table th { padding-top: 6px; text-align: left; color: yellow; } .help-table td { white-space: nowrap; vertical-align: top; } .help-key-cell { text-align: right; } .help-key { color: yellow; } body:not(.platform-mac) .help-key { font-weight: bold; text-shadow: black 1px 1px 7px; } body.platform-mac .help-key { font-family: Lucida Grande, sans-serif; font-size: 13px; } .help-combine-keys { color: white; font-weight: bold; margin: 0 0.3em; font-size: 12px; } .help-key-delimiter { color: white; margin: 0 0.5em; } ================================================ FILE: buildin_modules/weinre/web/client/index.html ================================================weinre
================================================
FILE: buildin_modules/weinre/web/client/inspector.css
================================================
/*
* Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
* Copyright (C) 2009 Anthony Ricaud
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
html {
height: 100%;
}
body {
cursor: default;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
font-family: Lucida Grande, sans-serif;
font-size: 10px;
margin: 0;
-webkit-text-size-adjust: none;
-ms-text-size-adjust: none;
-moz-text-size-adjust: none;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
:focus {
outline: none;
}
input[type="search"]:focus, input[type="text"]:focus {
outline: auto 5px -webkit-focus-ring-color;
}
iframe, a img {
border: none;
}
img {
-webkit-user-drag: none;
}
.hidden {
display: none !important;
}
#toolbar {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 56px;
display: -webkit-box;
display: -ms-flexbox;
display: -moz-box;
padding: 0 5px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
background-image: linear-gradient(to bottom, rgb(191, 191, 191) 0%, rgb(151, 151, 151) 100%);
border-bottom: 1px solid rgb(80, 80, 80);
-webkit-box-orient: horizontal;
-webkit-background-origin: padding;
-webkit-background-clip: padding;
-ms-flex-direction: row;
-moz-box-orient: horizontal;
background-origin: padding;
background-clip: padding;
}
body.inactive #toolbar {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207)));
background-image: linear-gradient(to bottom, rgb(233, 233, 233) 0%, rgb(207, 207, 207) 100%);
border-bottom: 1px solid rgb(64%, 64%, 64%);
}
body.detached.platform-mac-leopard #toolbar,
body.detached.platform-mac-snowleopard #toolbar {
background: transparent !important;
}
body.attached #toolbar {
height: 34px;
border-top: 1px solid rgb(100, 100, 100);
cursor: row-resize;
padding-left: 0;
}
body.attached.port-qt #toolbar {
cursor: auto;
}
body.attached.inactive #toolbar {
border-top: 1px solid rgb(64%, 64%, 64%);
}
.toolbar-item {
display: -webkit-box;
display: -ms-flexbox;
display: -moz-box;
padding: 4px 6px;
margin: 0;
background-color: transparent;
border-style: none;
border-color: transparent;
-webkit-box-orient: vertical;
-webkit-box-align: center;
-webkit-box-pack: end;
-ms-flex-direction: column;
-ms-flex-align: center;
-ms-flex-pack: end;
-moz-box-orient: vertical;
-moz-box-align: center;
-moz-box-pack: end;
}
.toolbar-item.toggleable.toggled-on {
border-width: 0 2px 0 2px;
padding: 4px 4px;
-webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2;
border-image: url(Images/toolbarItemSelected.png) 0 2 0 2;
border-style: solid;
}
.toolbar-item.flexable-space {
-webkit-box-flex: 1;
-ms-flex: 1;
-moz-box-flex: 1;
visibility: hidden;
}
.toolbar-item input {
margin-bottom: 8px;
}
.toolbar-icon {
display: inline-block;
width: 32px;
height: 32px;
-webkit-background-size: 100% auto;
background-size: 100% auto;
}
body.attached .toolbar-icon {
width: 24px;
height: 24px;
vertical-align: middle;
}
.toolbar-item:active .toolbar-icon {
background-position: 0 32px;
}
body.attached .toolbar-item:active .toolbar-icon {
background-position: 0 24px;
}
.toolbar-label {
font-size: 11px;
font-family: Lucida Grande, sans-serif;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
}
.toolbar-item.toggleable:active .toolbar-label {
text-shadow: none;
}
body.attached .toolbar-label {
display: inline-block;
vertical-align: middle;
margin-left: 3px;
}
body.attached #search-toolbar-label {
display: none;
}
#search {
width: 205px;
font-size: 16px;
margin-bottom: 5px;
}
body.attached #search {
font-size: 11px;
margin-bottom: 8px;
}
#search-results-matches {
font-size: 11px;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
margin-bottom: 22px;
}
body.attached #search-results-matches {
margin-bottom: 6px;
}
.toolbar-item.elements .toolbar-icon {
background-image: url(Images/elementsIcon.png);
}
.toolbar-item.resources .toolbar-icon {
background-image: url(Images/resourcesIcon.png);
}
.toolbar-item.network .toolbar-icon {
background-image: url(Images/networkIcon.png);
}
.toolbar-item.scripts .toolbar-icon {
background-image: url(Images/scriptsIcon.png);
}
.toolbar-item.timeline .toolbar-icon {
background-image: url(Images/timelineIcon.png);
}
.toolbar-item.profiles .toolbar-icon {
background-image: url(Images/profilesIcon.png);
}
.toolbar-item.audits .toolbar-icon {
background-image: url(Images/auditsIcon.png);
}
.toolbar-item.console .toolbar-icon {
background-image: url(Images/consoleIcon.png);
}
#close-button-left, #close-button-right {
width: 14px;
height: 14px;
background-image: url(Images/closeButtons.png);
background-position: 0 0;
background-color: transparent;
border: 0 none transparent;
margin: 5px 0;
}
#close-button-left:hover, #close-button-right:hover {
background-position: 14px 0;
}
#close-button-left:active, #close-button-right:active {
background-position: 28px 0;
}
body.detached .toolbar-item.close-left, body.detached .toolbar-item.close-right {
display: none;
}
body.attached.port-qt .toolbar-item.close-left, body.attached.port-qt .toolbar-item.close-right {
display: none;
}
body.platform-mac .toolbar-item.close-right {
display: none;
}
body:not(.platform-mac) .toolbar-item.close-left {
display: none;
}
#main {
position: absolute;
z-index: 1;
top: 56px;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color: white;
}
body.attached #main {
top: 34px;
}
#main-panels {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 23px;
overflow: hidden;
}
#main-status-bar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
body.drawer-visible #main-status-bar {
height: 24px;
background-image: url(Images/statusbarResizerVertical.png), url(Images/statusbarBackground.png);
background-repeat: no-repeat, repeat-x;
background-position: right center, center;
cursor: row-resize;
}
body.drawer-visible #main-status-bar * {
cursor: default;
}
body.drawer-visible #main-panels {
bottom: 24px;
}
.status-bar {
background-color: rgb(235, 235, 235);
background-image: url(Images/statusbarBackground.png);
background-repeat: repeat-x;
white-space: nowrap;
height: 23px;
overflow: hidden;
z-index: 12;
}
.status-bar > div {
display: inline-block;
vertical-align: top;
}
.status-bar-item {
display: inline-block;
height: 24px;
padding: 0;
margin-left: -1px;
margin-right: 0;
vertical-align: top;
border: 0 transparent none;
background-color: transparent;
}
.status-bar-item:active {
position: relative;
z-index: 200;
}
.glyph {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.75);
z-index: 1;
}
.glyph.shadow {
top: 1px;
background-color: white !important;
z-index: 0;
}
button.status-bar-item {
position: relative;
width: 32px;
background-image: url(Images/statusbarButtons.png);
background-position: 0 0;
}
button.status-bar-item:active {
background-position: 32px 0 !important;
}
button.status-bar-item .glyph.shadow {
background-color: rgba(255, 255, 255, 0.33) !important;
}
button.status-bar-item.toggled-on .glyph {
background-color: rgb(66, 129, 235);
}
button.status-bar-item.toggled-1 .glyph {
background-color: rgb(66, 129, 235);
}
button.status-bar-item.toggled-2 .glyph {
background-color: purple;
}
button.status-bar-item:disabled {
opacity: 0.5;
background-position: 0 0 !important;
}
select.status-bar-item {
min-width: 48px;
border-width: 0 17px 0 2px;
padding: 0 2px 0 6px;
font-weight: bold;
color: rgb(48, 48, 48);
text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
-webkit-border-image: url(Images/statusbarMenuButton.png) 0 17 0 2;
border-image: url(Images/statusbarMenuButton.png) 0 17 0 2;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
}
select.status-bar-item:active {
color: black;
-webkit-border-image: url(Images/statusbarMenuButtonSelected.png) 0 17 0 2;
border-image: url(Images/statusbarMenuButtonSelected.png) 0 17 0 2;
}
#dock-status-bar-item .glyph {
-webkit-mask-image: url(Images/undockButtonGlyph.png);
}
body.detached #dock-status-bar-item .glyph {
-webkit-mask-image: url(Images/dockButtonGlyph.png);
}
body.port-qt #dock-status-bar-item {
display: none
}
#console-status-bar-item .glyph {
-webkit-mask-image: url(Images/consoleButtonGlyph.png);
}
.clear-status-bar-item .glyph {
-webkit-mask-image: url(Images/clearConsoleButtonGlyph.png);
}
#counters {
position: absolute;
right: 16px;
top: 0;
cursor: pointer;
padding: 6px 2px 6px 0px;
font-size: 10px;
height: 19px;
}
#error-warning-count {
display: inline;
}
#error-warning-count:hover {
border-bottom: 1px solid rgb(96, 96, 96);
}
#error-count::before {
content: url(Images/errorIcon.png);
width: 10px;
height: 10px;
vertical-align: -1px;
margin-right: 2px;
}
#error-count + #warning-count {
margin-left: 6px;
}
#warning-count::before {
content: url(Images/warningIcon.png);
width: 10px;
height: 10px;
vertical-align: -1px;
margin-right: 2px;
}
#drawer {
display: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 200px;
background-color: white;
background-image: url(Images/statusbarBottomBackground.png);
background-repeat: repeat-x;
background-position: bottom;
}
body.drawer-visible #drawer {
display: block;
}
#drawer-status-bar {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: none;
}
.monospace {
font-size: 10px !important;
font-family: monospace;
}
body.platform-mac .monospace, body.platform-mac .source-code {
font-family: Monaco, monospace;
}
/* Keep .platform-mac to make the rule more specific than the general one above. */
body.platform-mac.platform-mac-snowleopard .monospace,
body.platform-mac.platform-mac-snowleopard .source-code {
font-size: 11px !important;
font-family: Menlo, monospace;
}
body.platform-windows .monospace, body.platform-windows .source-code {
font-size: 12px !important;
font-family: Consolas, Lucida Console, monospace;
}
body.platform-linux .monospace, body.platform-linux .source-code {
font-size: 11px !important;
font-family: dejavu sans mono, monospace;
}
#console-messages {
position: absolute;
z-index: 0;
top: 0;
left: 0;
right: 0;
bottom: 23px;
padding: 2px 0;
overflow-y: auto;
overflow-y: overlay;
word-wrap: break-word;
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
-webkit-text-size-adjust: auto;
-ms-text-size-adjust: auto;
-moz-text-size-adjust: auto;
}
#console-prompt {
position: relative;
padding: 1px 22px 1px 24px;
min-height: 16px;
white-space: pre-wrap;
-webkit-user-modify: read-write-plaintext-only;
-moz-user-modify: read-write;
}
#console-prompt::before {
background-image: url(Images/userInputIcon.png);
}
.console-user-command-result.console-log-level::before {
background-image: url(Images/userInputResultIcon.png);
}
.console-message, .console-user-command {
position: relative;
border-bottom: 1px solid rgb(240, 240, 240);
padding: 1px 22px 1px 24px;
min-height: 16px;
}
.console-adjacent-user-command-result {
border-bottom: none;
}
.console-adjacent-user-command-result + .console-user-command-result.console-log-level::before {
background-image: none;
}
.console-message::before, .console-user-command::before, #console-prompt::before, .console-group-title::before {
position: absolute;
display: block;
content: "";
left: 7px;
top: 0.8em;
width: 10px;
height: 10px;
margin-top: -5px;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}
/* Hack to detect IE*/
@media screen\0 {
/* Set image directly to console div element instead of using pseudo selector
since it causes displaying caret in incorrecty place*/
#console-prompt {
background: url(Images/userInputIcon.png) 7px 5px no-repeat;
}
#console-prompt::before{
content: none !important;
}
/*Set icons as background-image since IE doesn't support -webkit-mask-image*/
#console-status-bar-item .glyph {
background-image: url(Images/consoleButtonGlyph.png);
}
.clear-status-bar-item .glyph {
background-image: url(Images/clearConsoleButtonGlyph.png);
}
.node-search-status-bar-item .glyph {
background-image: url(Images/nodeSearchButtonGlyph.png);
}
#console-status-bar-item .glyph,
.clear-status-bar-item .glyph,
.node-search-status-bar-item .glyph{
background-color: transparent;
}
/*Set background image for selected tab since IE doesn't support border-image property*/
.toolbar-item.toggleable.toggled-on {
background: url(Images/toolbarItemSelected.png);
background-size: 1px 100%;
}
}
/* Hack to detect Firefox*/
@-moz-document url-prefix() {
/*Set icons as background-image since FF doesn't support mask-image*/
#console-status-bar-item .glyph {
background-image: url(Images/consoleButtonGlyph.png);
}
.clear-status-bar-item .glyph {
background-image: url(Images/clearConsoleButtonGlyph.png);
}
.node-search-status-bar-item .glyph {
background-image: url(Images/nodeSearchButtonGlyph.png);
}
#console-status-bar-item .glyph,
.clear-status-bar-item .glyph,
.node-search-status-bar-item .glyph{
background-color: transparent;
}
}
.console-message .bubble {
display: inline-block;
height: 14px;
background-color: rgb(128, 151, 189);
vertical-align: middle;
white-space: nowrap;
padding: 1px 4px;
margin-top: -2px;
margin-right: 4px;
text-align: left;
font-size: 11px;
line-height: normal;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
text-shadow: none;
color: white;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.console-message-text {
white-space: pre-wrap;
}
.repeated-message {
padding-left: 6px;
}
.repeated-message.console-error-level::before, .repeated-message.console-warning-level:before, .repeated-message.console-debug-level:before {
visibility: hidden;
}
.console-group .console-group > .console-group-messages {
margin-left: 16px;
}
.console-group-title {
font-weight: bold;
}
.console-group-title::before {
background-image: url(Images/disclosureTriangleSmallDown.png);
top: 0.6em;
width: 11px;
height: 12px;
}
.console-group.collapsed .console-group-title::before {
background-image: url(Images/disclosureTriangleSmallRight.png);
}
.console-group.collapsed > .console-group-messages {
display: none;
}
.console-error-level .console-message-text {
color: red;
}
.console-debug-level .console-message-text {
color: blue;
}
.console-debug-level::before {
background-image: url(Images/searchSmallBrightBlue.png);
}
.console-error-level::before {
background-image: url(Images/errorIcon.png);
}
.console-warning-level::before {
background-image: url(Images/warningIcon.png);
}
.console-user-command .console-message {
margin-left: -24px;
padding-right: 0;
border-bottom: none;
}
.console-user-command::before {
background-image: url(Images/userInputPreviousIcon.png);
}
.console-user-command > .console-message-text {
color: rgb(0, 128, 255);
}
#console-messages a {
color: rgb(33%, 33%, 33%);
cursor: pointer;
}
#console-messages a:hover {
color: rgb(15%, 15%, 15%);
}
.console-message-url {
float: right;
margin-left: 4px;
}
.console-group-messages .section {
margin: 0 0 0 12px !important;
}
.console-group-messages .section .header {
padding: 0 8px 0 0;
background-image: none;
border: none;
min-height: 0;
}
.console-group-messages .section .header::before {
position: absolute;
top: 1px;
left: 1px;
width: 8px;
height: 8px;
content: url(Images/treeRightTriangleBlack.png);
}
.console-group-messages .section.expanded .header::before {
content: url(Images/treeDownTriangleBlack.png);
}
.console-group-messages .section .header .title {
color: black;
font-weight: normal;
}
.console-group-messages .section .properties li .info {
padding-top: 0;
padding-bottom: 0;
color: rgb(60%, 60%, 60%);
}
.console-group-messages .outline-disclosure {
padding-left: 0;
}
.console-group-messages .outline-disclosure > ol {
padding: 0 0 0 12px !important;
}
.console-group-messages .outline-disclosure, .console-group-messages .outline-disclosure ol {
font-size: inherit;
line-height: 12px;
}
.console-group-messages .outline-disclosure.single-node li {
padding-left: 2px;
}
.console-group-messages .outline-disclosure li .selection {
margin-left: -6px;
margin-right: -6px;
}
.console-group-messages .add-attribute {
display: none;
}
.console-formatted-object, .console-formatted-node {
position: relative;
display: inline-block;
vertical-align: top;
}
.console-formatted-object .section, .console-formatted-node .section {
position: static;
}
.console-formatted-object .properties, .console-formatted-node .properties {
padding-left: 0 !important;
}
.console-formatted-number {
color: rgb(28, 0, 207);
}
.console-formatted-string, .console-formatted-regexp {
color: rgb(196, 26, 22);
}
.console-formatted-null, .console-formatted-undefined {
color: rgb(128, 128, 128);
}
.error-message {
color: red;
}
.auto-complete-text, .editing .auto-complete-text {
color: rgb(128, 128, 128) !important;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-modify: read-only;
-moz-user-modify: read-only;
}
.panel {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.panel.visible {
display: block;
}
.webkit-line-gutter-backdrop {
/* Keep this in sync with view-source.css (.webkit-line-gutter-backdrop) */
width: 31px;
background-color: rgb(240, 240, 240);
border-right: 1px solid rgb(187, 187, 187);
position: absolute;
z-index: -1;
left: 0;
top: 0;
height: 100%
}
.resource-view {
display: none;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
overflow: auto;
}
.resource-view.visible {
display: block;
}
.resource-view.font {
font-size: 60px;
white-space: pre-wrap;
word-wrap: break-word;
text-align: center;
padding: 15px;
}
.resource-view.image > .image {
padding: 20px 20px 10px 20px;
text-align: center;
}
.resource-view.image > .info {
padding-bottom: 10px;
font-size: 11px;
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
}
.resource-view.image img.resource-image-view {
max-width: 100%;
max-height: 1000px;
background-image: url(Images/checker.png);
-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5);
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
-webkit-user-drag: auto;
}
.resource-url {
vertical-align: middle;
}
.resource-status-image {
margin-top: -3px;
vertical-align: middle;
}
.resource-view.image .title {
text-align: center;
font-size: 13px;
}
.resource-view.image .infoList {
margin: 0;
}
.resource-view.image .infoList dt {
font-weight: bold;
display: inline-block;
width: 50%;
text-align: right;
color: rgb(76, 76, 76);
}
.resource-view.image .infoList dd {
display: inline-block;
padding-left: 8px;
width: 50%;
text-align: left;
margin: 0;
}
.resource-view.image .infoList dd::after {
white-space: pre;
content: "\A";
}
.resource-timing-row {
position: relative;
height: 12px;
}
.resource-timing-bar {
position: absolute;
background-color: red;
border-left: 1px solid red;
opacity: 0.4;
}
.resource-timing-bar-title {
position: absolute;
}
#elements-content {
display: block;
overflow: auto;
padding: 0;
position: absolute;
top: 0;
left: 0;
right: 325px;
bottom: 0;
}
#elements-sidebar {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 325px;
border-left: 1px solid rgb(64%, 64%, 64%);
cursor: default;
overflow: auto;
}
.crumbs {
display: inline-block;
font-size: 11px;
line-height: 19px;
text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
color: rgb(20, 20, 20);
margin-left: -1px;
padding-right: 12px;
}
.crumbs .crumb {
height: 24px;
border-width: 0 12px 0 2px;
-webkit-border-image: url(Images/segment.png) 0 12 0 2;
border-image: url(Images/segment.png) 0 12 0 2;
margin-right: -12px;
padding-left: 18px;
padding-right: 2px;
white-space: nowrap;
line-height: 23px;
float: right;
}
.crumbs .crumb.collapsed > * {
display: none;
}
.crumbs .crumb.collapsed::before {
content: "\2026";
font-weight: bold;
}
.crumbs .crumb.compact .extra {
display: none;
}
.crumbs .crumb.dimmed {
color: rgba(0, 0, 0, 0.45);
}
.crumbs .crumb.start {
padding-left: 7px;
}
.crumbs .crumb.end {
border-width: 0 2px 0 2px;
padding-right: 6px;
-webkit-border-image: url(Images/segmentEnd.png) 0 2 0 2;
border-image: url(Images/segmentEnd.png) 0 2 0 2;
}
.crumbs .crumb.selected {
-webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
border-image: url(Images/segmentSelected.png) 0 12 0 2;
color: black;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
}
.crumbs .crumb.selected:hover {
-webkit-border-image: url(Images/segmentSelected.png) 0 12 0 2;
border-image: url(Images/segmentSelected.png) 0 12 0 2;
}
.crumbs .crumb.selected.end, .crumbs .crumb.selected.end:hover {
-webkit-border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2;
border-image: url(Images/segmentSelectedEnd.png) 0 2 0 2;
}
.crumbs .crumb:hover {
-webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
border-image: url(Images/segmentHover.png) 0 12 0 2;
color: black;
}
.crumbs .crumb.dimmed:hover {
-webkit-border-image: url(Images/segmentHover.png) 0 12 0 2;
border-image: url(Images/segmentHover.png) 0 12 0 2;
color: rgba(0, 0, 0, 0.75);
}
.crumbs .crumb.end:hover {
-webkit-border-image: url(Images/segmentHoverEnd.png) 0 2 0 2;
border-image: url(Images/segmentHoverEnd.png) 0 2 0 2;
}
.outline-disclosure li.hovered:not(.selected) .selection {
display: block;
left: 3px;
right: 3px;
background-color: rgba(56, 121, 217, 0.1);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.outline-disclosure li.highlighted .highlight {
background-color: rgb(255, 230, 179);
-webkit-border-radius: 4px;
border-radius: 4px;
padding-bottom: 2px;
margin-bottom: -2px;
}
.outline-disclosure li.selected.highlighted .highlight {
background-color: transparent;
padding-bottom: 0;
margin-bottom: 0;
}
.outline-disclosure li .selection {
display: none;
position: absolute;
left: 0;
right: 0;
height: 15px;
z-index: -1;
}
.outline-disclosure li.selected .selection {
display: block;
background-color: rgb(212, 212, 212);
}
.outline-disclosure ol:focus li.selected .selection {
background-color: rgb(56, 121, 217);
}
.outline-disclosure {
font-size: 11px;
}
.outline-disclosure > ol {
position: relative;
padding: 2px 6px !important;
margin: 0;
color: black;
cursor: default;
min-width: 100%;
}
.outline-disclosure, .outline-disclosure ol {
list-style-type: none;
-webkit-padding-start: 12px;
-moz-padding-start: 12px;
margin: 0;
}
.source-code {
font-family: monospace;
font-size: 10px !important;
white-space: pre-wrap;
}
.outline-disclosure li {
padding: 0 0 0 14px;
margin-top: 1px;
margin-bottom: 1px;
word-wrap: break-word;
text-indent: -2px;
}
.resources .outline-disclosure li {
text-indent: -1px;
}
.outline-disclosure ol:focus li.selected {
color: white;
}
.outline-disclosure ol:focus li.selected * {
color: inherit;
}
.outline-disclosure li.parent {
text-indent: -12px
}
.outline-disclosure li .webkit-html-tag.close {
margin-left: -12px;
}
.outline-disclosure li.parent::before {
content: url(Images/treeRightTriangleBlack.png);
float: left;
width: 8px;
height: 8px;
margin-top: 1px;
padding-right: 2px;
}
.outline-disclosure li.parent::before {
content: url(Images/treeRightTriangleBlack.png);
}
.outline-disclosure ol:focus li.parent.selected::before {
content: url(Images/treeRightTriangleWhite.png);
}
.outline-disclosure li.parent.expanded::before {
content: url(Images/treeDownTriangleBlack.png);
}
.outline-disclosure ol:focus li.parent.expanded.selected::before {
content: url(Images/treeDownTriangleWhite.png);
}
.outline-disclosure ol.children {
display: none;
}
.outline-disclosure ol.children.expanded {
display: block;
}
.add-attribute {
margin-left: 1px;
margin-right: 1px;
white-space: nowrap;
}
.placard {
position: relative;
margin-top: 1px;
padding: 3px 8px 4px 18px;
min-height: 18px;
white-space: nowrap;
}
.placard:nth-of-type(2n) {
background-color: rgb(234, 243, 255);
}
.placard.selected {
border-top: 1px solid rgb(145, 160, 192);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
background-image: linear-gradient(to bottom, rgb(162, 177, 207) 0%, rgb(120, 138, 177) 100%);
-webkit-background-origin: padding;
-webkit-background-clip: padding;
background-origin: padding;
background-clip: padding;
}
:focus .placard.selected {
border-top: 1px solid rgb(68, 128, 200);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
background-image: linear-gradient(to bottom, rgb(92, 147, 213) 0%, rgb(21, 83, 170) 100%);
}
body.inactive .placard.selected {
border-top: 1px solid rgb(151, 151, 151);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
background-image: linear-gradient(to bottom, rgb(180, 180, 180) 0%, rgb(138, 138, 138) 100%);
}
.placard .title {
color: black;
font-weight: normal;
word-wrap: break-word;
white-space: normal;
}
.placard.selected .title {
color: white;
font-weight: bold;
}
.placard .subtitle {
float: right;
font-size: 10px;
margin-left: 5px;
max-width: 55%;
color: rgba(0, 0, 0, 0.7);
text-overflow: ellipsis;
overflow: hidden;
}
.placard.selected .subtitle {
color: rgba(255, 255, 255, 0.7);
}
.placard .subtitle a {
color: inherit;
}
.section {
position: relative;
margin-top: 1px;
}
.watch-expressions-buttons-container {
text-align: center;
}
.events-pane .section:not(:nth-of-type(1)) {
border-top: 1px solid rgb(191, 191, 191);
}
.event-bar:first-child {
margin-top: 1px;
}
.section .header {
color: black;
padding: 0 8px 0 18px;
min-height: 18px;
white-space: nowrap;
-webkit-background-origin: padding;
-webkit-background-clip: padding;
background-origin: padding;
background-clip: padding;
}
.section .header::before {
position: absolute;
top: 2px;
left: 7px;
width: 8px;
height: 8px;
content: url(Images/treeRightTriangleBlack.png);
opacity: 0.8;
}
.section.expanded .header::before {
content: url(Images/treeDownTriangleBlack.png);
}
.section .header .title, .event-bar .header .title {
font-weight: normal;
word-wrap: break-word;
white-space: normal;
line-height: 18px;
}
.section .header .title.blank-title {
font-style: italic;
}
.section .header label, .event-bar .header label {
display: none;
}
.section.expanded .header label, .event-bar.expanded .header label {
display: inline;
}
.section .header .subtitle, .event-bar .header .subtitle {
float: right;
margin-left: 5px;
max-width: 55%;
text-overflow: ellipsis;
overflow: hidden;
}
.section .header .subtitle a {
color: inherit;
}
.section .properties, .event-bar .event-properties {
display: none;
}
.section.expanded .properties, .event-bar.expanded .event-properties {
display: block;
padding-left: 16px;
}
.section.no-affect .properties li {
opacity: 0.5;
}
.section.no-affect .properties li.editing {
opacity: 1.0;
}
.properties-tree {
margin: 0;
padding: 0 6px 2px;
list-style: none;
min-height: 18px;
}
.properties-tree li {
margin-left: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
cursor: auto;
}
.properties-tree li.parent {
margin-left: 1px;
}
.properties-tree li.parent::before {
content: url(Images/treeRightTriangleBlack.png);
opacity: 0.75;
float: left;
width: 8px;
height: 8px;
margin-top: 0;
padding-right: 3px;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
cursor: default;
}
.properties-tree li.parent.expanded::before {
content: url(Images/treeDownTriangleBlack.png);
margin-top: 1px;
}
.properties-tree li .info {
padding-top: 4px;
padding-bottom: 3px;
}
.properties-tree ol {
display: none;
margin: 0;
-webkit-padding-start: 12px;
-moz-padding-start: 12px;
list-style: none;
}
.properties-tree ol.expanded {
display: block;
}
.event-listener-breakpoints .event-category {
font-size: 11px;
font-weight: bold;
color: rgb(96, 96, 96);
padding-top: 2px;
}
.event-listener-breakpoints.properties-tree .children li {
margin-left: 12px;
height: 16px;
}
.event-listener-breakpoints .checkbox-elem {
font-size: 10px;
float: left;
top: -2px;
position: relative;
left: -1px;
}
.section .event-bars {
display: none;
}
.section.expanded .event-bars {
display: block;
}
.event-bar {
position: relative;
margin-left: 10px;
}
.event-bars .event-bar .header {
padding: 0 8px 0 18px;
min-height: 16px;
opacity: 1.0;
white-space: nowrap;
-webkit-background-origin: padding;
-webkit-background-clip: padding;
background-origin: padding;
background-clip: padding;
}
.event-bars .event-bar .header .title {
font-weight: normal;
color: black;
text-shadow: white 0 1px 0;
}
.event-bars .event-bar .header .subtitle {
color: rgba(90, 90, 90, 0.75);
}
.event-bars .event-bar .header::before {
position: absolute;
top: 2px;
left: 7px;
width: 8px;
height: 8px;
opacity: 0.75;
content: url(Images/treeRightTriangleBlack.png);
}
.event-bars .event-bar.expanded .header::before {
content: url(Images/treeDownTriangleBlack.png);
}
.editing {
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
-webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
outline: 1px solid rgb(66%, 66%, 66%) !important;
background-color: white;
-webkit-user-modify: read-write-plaintext-only;
-moz-user-modify: read-write;
text-overflow: clip !important;
padding-left: 2px;
margin-left: -2px;
padding-right: 2px;
margin-right: -2px;
margin-bottom: -1px;
padding-bottom: 1px;
opacity: 1.0 !important;
}
.editing, .editing * {
color: black !important;
text-decoration: none !important;
}
.child-editing {
color: black !important;
text-decoration: none !important;
overflow: visible !important;
}
.editing br {
display: none;
}
.elements-tree-editor {
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
-webkit-user-modify: read-write-plaintext-only;
-moz-user-modify: read-write-plaintext-only;
}
.section .properties li.editing {
margin-left: 10px;
text-overflow: clip;
}
li.editing .swatch, li.editing .enabled-button, li.editing-sub-part .delete-button {
display: none !important;
}
.watch-expressions > li.editing-sub-part .name {
display: block;
width: 100%;
}
.watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing-sub-part .separator {
display: none;
}
.watch-expressions-error-level {
color: red;
}
.section .properties li.editing-sub-part {
padding: 3px 6px 8px 18px;
margin: -3px -6px -8px -6px;
text-overflow: clip;
}
/* FIXME: need a better icon (comment in bug 27514) */
.section .properties .delete-button {
width: 10px;
height: 10px;
background-image: url(Images/errorIcon.png);
background-position: 0 0;
background-color: transparent;
background-repeat: no-repeat;
border: 0 none transparent;
}
.section .properties .name, .event-properties .name {
color: rgb(136, 19, 145);
}
.section .properties .value.dimmed {
color: rgb(100, 100, 100);
}
.section .properties .value.error {
color: red;
}
.section .properties .number, .event-properties .number {
color: blue;
}
.section .properties .keyword, .event-properties .keyword {
color: rgb(136, 19, 79);
}
.section .properties .color, .event-properties .color {
color: rgb(118, 15, 21);
}
.swatch {
display: inline-block;
vertical-align: baseline;
margin-left: 1px;
margin-right: 2px;
margin-bottom: -1px;
width: 1em;
height: 1em;
border: 1px solid rgba(128, 128, 128, 0.6);
}
.swatch:hover {
border: 1px solid rgba(64, 64, 64, 0.8);
}
.pane:not(.expanded) + .pane, .pane:first-of-type {
margin-top: -1px;
}
.pane > .title {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));
background-image: linear-gradient(to bottom, rgb(243, 243, 243) 0%, rgb(243, 243, 243) 10%, rgb(230, 230, 230) 40%, rgb(209, 209, 209) 100%);
height: 20px;
padding: 0 5px;
border-top: 1px solid rgb(189, 189, 189);
border-bottom: 1px solid rgb(189, 189, 189);
font-weight: bold;
font-size: 12px;
line-height: 18px;
color: rgb(110, 110, 110);
text-shadow: white 0 1px 0;
-webkit-background-origin: padding;
-webkit-background-clip: padding;
background-origin: padding;
background-clip: padding;
}
.pane > .title:active {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(231, 231, 231)), color-stop(0.05, rgb(231, 231, 231)), color-stop(0.05, rgb(207, 207, 207)), to(rgb(186, 186, 186)));
background-image: linear-gradient(to bottom, rgb(231, 231, 231) 0%,rgb(231, 231, 231) 10%, rgb(207, 207, 207) 40%, rgb(186, 186, 186) 100%);
border-top: 1px solid rgb(178, 178, 178);
border-bottom: 1px solid rgb(178, 178, 178);
}
.pane > .title::before {
content: url(Images/disclosureTriangleSmallRightBlack.png);
float: left;
width: 11px;
height: 12px;
margin-right: 2px;
margin-top: 1px;
}
.pane.expanded > .title::before {
content: url(Images/disclosureTriangleSmallDownBlack.png);
}
.pane > .title > select {
float: right;
width: 23px;
height: 17px;
color: transparent;
background-color: transparent;
border: none;
background-image: url(Images/paneSettingsButtons.png);
background-repeat: no-repeat;
margin: 1px 0 0 0;
padding: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
/* hack for appearance for non-webkit browsers */
padding-left: 10px;
padding-right: 13px;
}
.pane > .title > select:hover {
background-position: -23px 0px;
}
.pane > .title > select:active {
background-position: -46px 0px;
}
.pane > .title > select > option, .pane > .title > select > hr {
color: black;
}
.pane > .title > button.add {
float: right;
width: 23px;
height: 17px;
color: transparent;
background-color: transparent;
border: none;
background-image: url(Images/paneAddButtons.png);
background-repeat: no-repeat;
margin: 1px 0 0 0;
padding: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
}
.pane > .title > button.add:hover {
background-position: -23px 0px;
}
.pane > .title > button.add:active {
background-position: -46px 0px;
}
.pane > .body {
position: relative;
display: none;
overflow-y: auto;
overflow-x: hidden;
}
.pane > .body .info {
text-align: center;
font-style: italic;
font-size: 10px;
padding: 6px;
color: black;
}
.pane > .body .placard + .info {
border-top: 1px solid rgb(189, 189, 189);
background-color: rgb(255, 255, 194);
}
.pane.expanded > .body, .pane.expanded > .growbar {
display: block;
}
.pane > .body .breakpoint-condition {
display: block;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 25px;
margin-right: 10px;
}
.pane.expanded:nth-last-of-type(1) {
border-bottom: 1px solid rgb(189, 189, 189);
}
.pane > .growbar {
display: none;
background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomGrow.png);
background-repeat: no-repeat, repeat-x;
background-position: center center, bottom;
height: 5px;
}
.sidebar-pane-subtitle {
position: absolute;
right: 0;
font-weight: normal;
}
body.platform-windows .sidebar-pane-subtitle {
padding-top: 1px;
}
.sidebar-pane-subtitle input, .section .header input[type=checkbox] {
font-size: inherit;
hight: 1em;
width: 1em;
margin-left: 0;
margin-top: 0;
margin-bottom: 0.25em;
vertical-align: middle;
/*Hack for IE - 'box-sizing: border-box' significantly reduce checkbox size so we set it to default*/
box-sizing: content-box;
}
.metrics {
padding: 8px;
font-size: 10px;
text-align: center;
white-space: nowrap;
}
.metrics .label {
position: absolute;
margin-top: -10px;
font-size: 9px;
color: grey;
background-color: white;
margin-left: 3px;
padding-left: 2px;
padding-right: 2px;
}
.metrics .position {
border: 1px rgb(66%, 66%, 66%) dotted;
display: inline-block;
text-align: center;
padding: 3px;
margin: 3px;
}
.metrics .margin {
border: 1px dashed;
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 3px;
margin: 3px;
}
.metrics .border {
border: 1px black solid;
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 3px;
margin: 3px;
}
.metrics .padding {
border: 1px grey dashed;
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 3px;
margin: 3px;
}
.metrics .content {
position: static;
border: 1px grey solid;
display: inline-block;
text-align: center;
vertical-align: middle;
padding: 3px;
margin: 3px;
min-width: 80px;
text-align: center;
overflow: visible;
}
.metrics .content span {
display: inline-block;
}
.metrics .editing {
position: relative;
z-index: 100;
}
.metrics .left {
display: inline-block;
vertical-align: middle;
}
.metrics .right {
display: inline-block;
vertical-align: middle;
}
.metrics .top {
display: inline-block;
}
.metrics .bottom {
display: inline-block;
}
.sidebar {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 200px;
overflow-y: auto;
overflow-x: hidden;
background-color: rgb(214, 221, 229);
border-right: 1px solid rgb(64%, 64%, 64%);
}
body.inactive .sidebar {
background-color: rgb(232, 232, 232);
}
.frame-storage-tree-item .icon {
content: url(Images/frame.png);
}
.database-storage-tree-item .icon {
content: url(Images/database.png);
}
.database-table-storage-tree-item .icon {
content: url(Images/databaseTable.png);
}
.domstorage-storage-tree-item.local-storage .icon {
content: url(Images/localStorage.png);
}
.domstorage-storage-tree-item.session-storage .icon {
content: url(Images/sessionStorage.png);
}
.cookie-storage-tree-item .icon {
content: url(Images/cookie.png);
}
.application-cache-storage-tree-item .icon {
content: url(Images/applicationCache.png);
}
/* FIXME: Make separate png for file-system */
.file-system-storage-tree-item .icon {
content: url(Images/applicationCache.png);
}
#storage-views {
position: absolute;
top: 0;
right: 0;
left: 200px;
bottom: 0;
}
.resources.panel .sidebar {
padding-left: 0;
z-index: 10;
}
.resources.panel .sidebar li {
height: 17px;
white-space: nowrap;
text-indent: 0;
margin-left: -2px;
}
.resources.panel .sidebar li.parent {
text-indent: 0;
margin-left: -12px;
}
.resources.panel .sidebar li.selected {
color: white;
text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0;
font-weight: bold;
}
.resources.panel .sidebar li.selected .selection {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
background-image: linear-gradient(to bottom, rgb(162, 177, 207) 0%, rgb(120, 138, 177) 100%);
border-top: 1px solid #979797;
height: 17px;
}
.resources.panel .sidebar :focus li.selected .selection {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
background-image: linear-gradient(to bottom, rgb(92, 147, 213) 0%, rgb(21, 83, 170) 100%);
border-top: 1px solid rgb(68, 128, 200);
}
body.inactive .resources.panel .sidebar li.selected .selection {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
background-image: linear-gradient(to bottom, rgb(180, 180, 180) 0%, rgb(138, 138, 138) 100%);
border-top: 1px solid rgb(151, 151, 151);
}
.resources.panel .sidebar .icon {
width: 16px;
height: 16px;
float: left;
}
.resources.panel .base-storage-tree-element-title {
overflow: hidden;
position: relative;
text-overflow: ellipsis;
padding-left: 2px;
top: 1px;
}
li.selected .base-storage-tree-element-subtitle {
color: white;
}
.base-storage-tree-element-subtitle {
padding-left: 2px;
color: rgb(80, 80, 80);
text-shadow: none;
}
.resources.panel .status {
float: right;
height: 16px;
margin-top: 1px;
margin-left: 4px;
line-height: 1em;
}
.resources.panel li .status .bubble {
height: 13px;
padding-top: 0;
}
.storage-view {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.storage-view.visible {
display: block;
}
.storage-view {
overflow: hidden;
}
.storage-view .data-grid {
border: none;
height: 100%;
}
.storage-empty-view, .storage-view .storage-table-error {
position: absolute;
top: 0;
bottom: 25%;
left: 0;
right: 0;
font-size: 24px;
color: rgb(75%, 75%, 75%);
margin-top: auto;
margin-bottom: auto;
height: 50px;
line-height: 26px;
text-align: center;
font-weight: bold;
padding: 10px;
white-space: pre-wrap;
}
.storage-view .storage-table-error {
color: rgb(66%, 33%, 33%);
}
.data-grid {
position: relative;
border: 1px solid #aaa;
}
.data-grid .highlight {
background-color: rgb(255, 230, 179);
}
.data-grid tr.selected .highlight {
background-color: transparent;
}
.data-grid table {
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse;
width: 100%;
font-size: 10px;
font-family: Lucida Grande, sans-serif;
}
.data-grid .data-container {
position: absolute;
top: 16px;
bottom: 0;
left: 0;
right: 0;
padding-right: 14px;
overflow-x: hidden;
overflow-y: overlay;
}
.data-grid.inline .data-container {
position: static;
}
.data-grid th {
text-align: left;
background-image: url(Images/glossyHeader.png);
background-repeat: repeat-x;
border-right: 1px solid rgb(179, 179, 179);
border-bottom: 1px solid rgb(179, 179, 179);
height: 15px;
font-weight: normal;
vertical-align: middle;
padding: 0 4px;
white-space: nowrap;
}
.data-grid th.corner {
width: 15px;
border-right: 0 none transparent;
}
.data-grid tr.filler {
display: table-row !important;
height: auto !important;
}
.data-grid tr.filler td {
height: auto !important;
padding: 0 !important;
}
.data-grid table.data {
position: absolute;
left: 0;
top: 0;
right: 16px;
bottom: 0;
height: 100%;
border-top: 0 none transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243, 255)));
background-image: linear-gradient(to bottom, white 0%, white 10%, rgb(234, 243, 255) 40%, rgb(234, 243, 255) 100%);
-webkit-background-size: 1px 32px;
background-size: 1px 32px;
}
.data-grid.inline table.data {
position: static;
}
.data-grid table.data tr {
display: none;
}
.data-grid table.data tr.revealed {
display: table-row;
}
.data-grid td {
vertical-align: top;
height: 12px;
line-height: 12px;
padding: 2px 4px;
white-space: nowrap;
border-right: 1px solid #aaa;
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
}
.data-grid td > div, .data-grid th > div {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.data-grid .centered div {
text-align: center;
}
.data-grid .right div {
text-align: right;
}
.data-grid th.sortable div {
position: relative;
}
.data-grid th.sortable:active {
background-image: url(Images/glossyHeaderPressed.png);
}
.data-grid th.sort-ascending, .data-grid th.sort-descending {
border-right: 1px solid rgb(107, 140, 196);
border-bottom: 1px solid rgb(107, 140, 196);
background-image: url(Images/glossyHeaderSelected.png);
background-repeat: repeat-x;
}
.data-grid th.sortable.sort-ascending:active, .data-grid th.sortable.sort-descending:active {
background-image: url(Images/glossyHeaderSelectedPressed.png);
}
.data-grid th.sort-ascending > div::after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
height: 12px;
margin-bottom: auto;
margin-top: auto;
width: 8px;
content: url(Images/treeUpTriangleBlack.png);
}
.data-grid th.sort-descending > div::after {
position: absolute;
top: 0;
bottom: 0;
right: 0;
height: 8px;
margin-bottom: auto;
margin-top: auto;
width: 8px;
content: url(Images/treeDownTriangleBlack.png);
}
.data-grid button {
line-height: 19px;
}
body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-descending {
background-image: url(Images/glossyHeader.png);
border-right: 1px solid rgb(179, 179, 179);
border-bottom: 1px solid rgb(179, 179, 179);
}
.data-grid tr.parent td.disclosure::before {
float: left;
content: url(Images/treeRightTriangleBlack.png);
width: 8px;
height: 8px;
margin-right: 2px;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}
.data-grid tr.expanded td.disclosure::before {
content: url(Images/treeDownTriangleBlack.png);
width: 8px;
height: 8px;
margin-top: 1px;
}
.data-grid tr.selected {
background-color: rgb(212, 212, 212);
color: inherit;
}
.data-grid:focus tr.selected {
background-color: rgb(56, 121, 217);
color: white;
}
.data-grid:focus tr.parent.selected td.disclosure::before {
content: url(Images/treeRightTriangleWhite.png);
}
.data-grid:focus tr.expanded.selected td.disclosure::before {
content: url(Images/treeDownTriangleWhite.png);
}
.data-grid tr:not(.parent) td.disclosure {
text-indent: 10px;
}
.data-grid-resizer {
position: absolute;
top: 0;
bottom: 0;
width: 5px;
z-index: 500;
cursor: col-resize;
}
.storage-view.query {
padding: 2px 0;
overflow-y: overlay;
overflow-x: hidden;
-webkit-text-size-adjust: auto;
-ms-text-size-adjust: auto;
-moz-text-size-adjust: auto;
}
.database-query-prompt {
position: relative;
padding: 1px 22px 1px 24px;
min-height: 16px;
white-space: pre-wrap;
-webkit-user-modify: read-write-plaintext-only;
-moz-user-modify: read-write;
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
}
.database-user-query::before, .database-query-prompt::before, .database-query-result::before {
position: absolute;
display: block;
content: "";
left: 7px;
top: 0.8em;
width: 10px;
height: 10px;
margin-top: -5px;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
}
.database-query-prompt::before {
background-image: url(Images/userInputIcon.png);
}
.database-user-query {
position: relative;
border-bottom: 1px solid rgb(245, 245, 245);
padding: 1px 22px 1px 24px;
min-height: 16px;
}
.database-user-query::before {
background-image: url(Images/userInputPreviousIcon.png);
}
.database-query-text {
color: rgb(0, 128, 255);
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: none;
}
.database-query-result {
position: relative;
padding: 1px 22px 1px 24px;
min-height: 16px;
margin-left: -24px;
padding-right: 0;
}
.database-query-result.error {
color: red;
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: none;
}
.database-query-result.error::before {
background-image: url(Images/errorIcon.png);
}
.panel-enabler-view {
z-index: 1000;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: white;
font-size: 13px;
text-align: center;
overflow-x: hidden;
overflow-y: overlay;
display: none;
}
.panel-enabler-view.visible {
display: block;
}
.panel-enabler-view .panel-enabler-view-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 390px;
margin: auto;
white-space: nowrap;
}
.panel-enabler-view h1 {
color: rgb(110, 116, 128);
font-size: 16px;
line-height: 20px;
font-weight: normal;
margin-top: 0;
}
.panel-enabler-disclaimer {
font-size: 10px;
color: rgb(110, 116, 128);
margin-bottom: 12px;
margin-left: 20px;
}
.panel-enabler-disclaimer:empty {
display: none;
}
.panel-enabler-view img, div.welcome-instructions-aligner {
height: 100%;
min-height: 200px;
max-width: 100%;
top: 0;
bottom: 0;
padding: 20px 0 20px 20px;
margin: auto;
vertical-align: middle;
}
.panel-enabler-view img.hidden {
display: initial !important;
width: 0;
}
.panel-enabler-view form {
display: inline-block;
vertical-align: middle;
width: 330px;
margin: 0;
padding: 15px;
white-space: normal;
}
.panel-enabler-view label {
position: relative;
display: block;
text-align: left;
word-break: break-word;
margin: 0 0 5px 20px;
}
.panel-enabler-view button:not(.status-bar-item), .pane button, button.show-all-nodes {
color: rgb(6, 6, 6);
background-color: transparent;
border: 1px solid rgb(165, 165, 165);
background-color: rgb(237, 237, 237);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
background-image: linear-gradient(to bottom, rgb(252, 252, 252) 0%, rgb(233, 233, 233) 100%);
-webkit-border-radius: 12px;
border-radius: 12px;
-webkit-appearance: none;
-moz-appearance: none;
}
.panel-enabler-view button:not(.status-bar-item) {
font-size: 13px;
margin: 6px 0 0 0;
padding: 3px 20px;
height: 24px;
}
button.show-all-nodes {
font-size: 13px;
margin: 0;
padding: 0 20px;
height: 20px;
}
.panel-enabler-view.welcome {
z-index: auto;
}
.panel-enabler-view.welcome div.welcome-instructions-aligner {
display: inline-block;
width: 0;
}
.panel-enabler-view.welcome .instructions {
display: inline-block;
vertical-align: middle;
margin: 0;
white-space: normal;
line-height: 175%;
}
.panel-enabler-view.welcome .message {
margin-bottom: 2ex;
}
.panel-enabler-view.welcome button.status-bar-item {
background-image: none;
vertical-align: top;
}
.pane button {
margin: 6px 0 6px 3px;
padding: 2px 9px;
}
.panel-enabler-view button:active:not(.status-bar-item), .pane button:active, button.show-all-nodes:active {
background-color: rgb(215, 215, 215);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
background-image: linear-gradient(to bottom, rgb(194, 194, 194) 0%, rgb(239, 239, 239) 100%);
}
body.inactive .panel-enabler-view button:not(.status-bar-item), .panel-enabler-view button:disabled:not(.status-bar-item), body.inactive .pane button, .pane button:disabled, body.inactive button.show-all-nodes {
color: rgb(130, 130, 130);
border-color: rgb(212, 212, 212);
background-color: rgb(239, 239, 239);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
background-image: linear-gradient(to bottom, rgb(250, 250, 250) 0%, rgb(235, 235, 235) 100%);
}
.panel-enabler-view input {
height: 17px;
width: 17px;
border: 1px solid rgb(165, 165, 165);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
background-image: linear-gradient(to bottom, rgb(252, 252, 252) 0%, rgb(223, 223, 223) 100%);
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-appearance: none;
-moz-appearance: none;
vertical-align: middle;
margin: 0 5px 5px 0;
}
.panel-enabler-view input:active {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
background-image: linear-gradient(to bottom, rgb(194, 194, 194) 0%, rgb(239, 239, 239) 100%);
}
.panel-enabler-view input:checked {
background: url(Images/radioDot.png) center no-repeat,
-webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
background-image: linear-gradient(to bottom, rgb(252, 252, 252) 0%, rgb(223, 223, 223) 100%);
}
.panel-enabler-view.scripts img {
content: url(Images/scriptsSilhouette.png);
}
.panel-enabler-view.profiles img {
content: url(Images/profilesSilhouette.png);
}
button.enable-toggle-status-bar-item .glyph {
-webkit-mask-image: url(Images/enableOutlineButtonGlyph.png);
}
button.enable-toggle-status-bar-item.toggled-on .glyph {
-webkit-mask-image: url(Images/enableSolidButtonGlyph.png);
}
.scripts-pause-on-exceptions-status-bar-item .glyph {
-webkit-mask-image: url(Images/pauseOnExceptionButtonGlyph.png);
}
#scripts-status-bar {
position: absolute;
top: -1px;
left: 0;
right: 0;
height: 24px;
}
#scripts-files {
max-width: 250px;
}
#scripts-files option.extension-script {
color: rgb(70, 134, 240);
}
#scripts-functions {
max-width: 150px;
}
#scripts-status-bar .status-bar-item img {
margin-top: 2px;
}
#scripts-back img {
content: url(Images/back.png);
}
#scripts-forward img {
content: url(Images/forward.png);
}
#scripts-pause img {
content: url(Images/debuggerPause.png);
}
#scripts-pause.paused img {
content: url(Images/debuggerContinue.png);
}
#scripts-step-over img {
content: url(Images/debuggerStepOver.png);
}
#scripts-step-into img {
content: url(Images/debuggerStepInto.png);
}
#scripts-step-out img {
content: url(Images/debuggerStepOut.png);
}
.toggle-breakpoints .glyph {
-webkit-mask-image: url(Images/breakpointsActivateButtonGlyph.png);
background-color: rgb(96, 96, 96) !important;
}
.toggle-breakpoints.toggled-on .glyph {
-webkit-mask-image: url(Images/breakpointsDeactivateButtonGlyph.png);
}
#scripts-debugger-status {
position: absolute;
line-height: 24px;
top: 0;
right: 8px;
}
#scripts-sidebar-resizer-widget {
position: absolute;
top: 0;
bottom: 0;
right: 225px;
width: 16px;
cursor: col-resize;
background-image: url(Images/statusbarResizerHorizontal.png);
background-repeat: no-repeat;
background-position: center;
}
#scripts-sidebar-buttons {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 225px;
overflow: hidden;
border-left: 1px solid rgb(64%, 64%, 64%);
}
#script-resource-views {
display: block;
padding: 0;
position: absolute;
top: 23px;
left: 0;
right: 225px;
bottom: 0;
}
.script-view {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.script-view.visible {
display: block;
}
#scripts-sidebar {
position: absolute;
top: 23px;
right: 0;
bottom: 0;
width: 225px;
border-left: 1px solid rgb(64%, 64%, 64%);
cursor: default;
overflow: auto;
}
.resources-larger-resources-status-bar-item .glyph {
-webkit-mask-image: url(Images/largerResourcesButtonGlyph.png);
}
#resources-filter, #console-filter.console-filter-top {
background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 236, 236)), to(rgb(217, 217, 217)));
background-image: linear-gradient(to bottom, rgb(236, 236, 236) 0%, rgb(217, 217, 217) 100%);
border-bottom: 1px solid rgb(64%, 64%, 64%);
width: 100%;
}
#console-messages.console-filter-top {
margin-top: 23px;
}
#console-filter {
margin-top: 1px;
}
.tabbed-pane {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
-moz-box-orient: vertical;
height: 100%;
}
.tabbed-pane-content {
-webkit-box-flex: 1;
-ms-flex: 1;
-moz-box-flex: 1;
position: relative;
}
.tabbed-pane-header {
height: 23px;
padding: 0 10px;
border-bottom: 1px solid rgb(163, 163, 163);
}
.tabbed-pane-header li {
display: inline-block;
margin-top: 2px;
font-size: 11px;
font-weight: bold;
color: rgb(46, 46, 46);
background: transparent;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
vertical-align: middle;
padding: 3px 7px 2px;
height: 21px;
border: 1px solid transparent;
border-bottom: none;
}
.tabbed-pane-header li.selected {
background-color: white;
border: 1px solid rgb(163, 163, 163);
border-bottom: none;
}
.scope-bar {
height: 23px;
padding: 2px 10px 0;
overflow: hidden;
}
.scope-bar li {
display: inline-block;
margin: 1px 2px 0 0;
padding: 1px 7px 3px;
font-size: 11px;
line-height: 12px;
font-weight: bold;
color: rgb(46, 46, 46);
background: transparent;
text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
-webkit-border-radius: 8px;
border-radius: 8px;
vertical-align: middle;
}
.scope-bar-divider {
margin: 1px 9px 0 8px;
background-color: rgba(0, 0, 0, 0.4);
height: 16px;
width: 1px;
vertical-align: middle;
display: inline-block;
}
.scope-bar li.selected, .scope-bar li:hover, .scope-bar li:active {
color: white;
text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;
}
.scope-bar li:hover {
background: rgba(0, 0, 0, 0.2);
}
.scope-bar li.selected {
background: rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}
.scope-bar li:active {
background: rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset, 0 -1px 1px rgba(255, 255, 255, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}
#resources-container {
position: absolute;
top: 23px;
left: 0;
bottom: 0;
right: 0;
border-right: 0 none transparent;
overflow-y: auto;
overflow-x: hidden;
}
#resources-container.viewing-resource {
right: auto;
width: 200px;
border-right: 1px solid rgb(64%, 64%, 64%);
}
#resources-container.viewing-resource #resources-sidebar {
width: 100%;
border-right: 0 none transparent;
}
#resources-sidebar {
min-height: 100%;
bottom: auto;
overflow: visible;
}
#resources-container-content {
position: absolute;
top: 0;
right: 0;
left: 200px;
min-height: 100%;
}
#resources-container.viewing-resource #resources-container-content {
display: none;
}
#resources-summary {
position: absolute;
padding-top: 20px;
top: 0;
left: 0;
right: 0;
height: 93px;
margin-left: -1px;
border-left: 1px solid rgb(102, 102, 102);
background-color: rgb(101, 111, 130);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
background-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 50%);
background-repeat: repeat-x;
background-position: bottom;
text-align: center;
text-shadow: black 0 1px 1px;
white-space: nowrap;
color: white;
-webkit-background-size: 1px 6px;
-webkit-background-origin: padding;
-webkit-background-clip: padding;
background-size: 1px 6px;
background-origin: padding;
background-clip: padding;
z-index: 400;
}
.summary-graph-legend {
margin-top: -10px;
padding-left: 15px;
}
.summary-graph-legend-item {
display: inline-block;
font-weight: bold;
margin-right: 15px;
vertical-align: top;
}
.summary-graph-legend-item.total {
margin-left: 10px;
}
.summary-graph-legend-label {
display: inline-block;
text-align: left;
}
.summary-graph-legend-header {
font-size: 12px;
}
.summary-graph-legend-value {
font-size: 10px;
}
.summary-graph-legend-swatch {
vertical-align: top;
margin-top: 1px;
margin-right: 3px;
}
.resources-dividers {
position: absolute;
left: 0;
right: 0;
height: 100%;
top: 0;
z-index: -100;
}
.resources-event-dividers {
position: absolute;
left: 0;
right: 5px;
height: 100%;
top: 0;
z-index: 300;
pointer-events: none;
}
.timeline .resources-event-dividers {
height: 19px;
}
.resources-dividers-label-bar {
position: absolute;
top: 0;
left: 0px;
right: 0;
background-color: rgba(255, 255, 255, 0.8);
background-clip: padding;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
height: 20px;
z-index: 200;
}
.resources-divider {
position: absolute;
width: 1px;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.1);
}
.resources-event-divider-padding {
position: absolute;
width: 8px;
top: 0;
bottom: 0;
pointer-events: auto;
}
.resources-event-divider {
position: absolute;
width: 2px;
top: 0;
bottom: 0;
z-index: 300;
}
.resources-red-divider {
background-color: rgba(255, 0, 0, 0.5);
}
.resources-blue-divider {
background-color: rgba(0, 0, 255, 0.5);
}
.resources-orange-divider {
background-color: rgba(255, 178, 23, 0.5);
}
.resources-divider.last {
background-color: transparent;
}
.resources-divider-label {
position: absolute;
top: 4px;
right: 3px;
font-size: 9px;
color: rgb(50%, 50%, 50%);
white-space: nowrap;
}
.memory-graph-label {
position: absolute;
top: 5px;
left: 5px;
font-size: 9px;
color: rgb(50%, 50%, 50%);
white-space: nowrap;
}
.resources-graph-label {
position: absolute;
top: 0;
bottom: 0;
margin: auto -7px;
height: 13px;
line-height: 13px;
font-size: 9px;
color: rgba(0, 0, 0, 0.75);
text-shadow: rgba(255, 255, 255, 0.25) 1px 0 0, rgba(255, 255, 255, 0.25) -1px 0 0, rgba(255, 255, 255, 0.333) 0 1px 0, rgba(255, 255, 255, 0.25) 0 -1px 0;
z-index: 150;
overflow: hidden;
text-align: center;
font-weight: bold;
opacity: 0;
-webkit-transition: opacity 250ms ease-in-out;
transition: opacity 250ms ease-in-out;
}
.resources-graph-side:hover .resources-graph-label {
opacity: 1;
}
.resources-graph-label:empty {
display: none;
}
.resources-graph-label.waiting {
margin-right: 5px;
}
.resources-graph-label.waiting-right {
margin-left: 5px;
}
.resources-graph-label.before {
color: rgba(0, 0, 0, 0.7);
text-shadow: none;
text-align: right;
margin-right: 2px;
}
.resources-graph-label.before::after {
padding-left: 2px;
height: 6px;
content: url(Images/graphLabelCalloutLeft.png);
}
.resources-graph-label.after {
color: rgba(0, 0, 0, 0.7);
text-shadow: none;
text-align: left;
margin-left: 2px;
}
.resources-graph-label.after::before {
padding-right: 2px;
height: 6px;
content: url(Images/graphLabelCalloutRight.png);
}
.resources-graph-bar {
position: absolute;
top: 0;
bottom: 0;
margin: auto -7px;
border-width: 6px 7px;
height: 13px;
min-width: 14px;
opacity: 0.65;
-webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7;
border-image: url(Images/timelinePillGray.png) 6 7 6 7;
}
.resources-category-documents, .resources-category-stylesheets, .resources-category-images,
.resources-category-scripts, .resources-category-xhr, .resources-category-fonts,
.resources-category-websockets, .resources-category-other {
display: none;
}
.filter-all .resources-category-documents, .filter-documents .resources-category-documents,
.filter-all .resources-category-stylesheets, .filter-stylesheets .resources-category-stylesheets,
.filter-all .resources-category-images, .filter-images .resources-category-images,
.filter-all .resources-category-scripts, .filter-scripts .resources-category-scripts,
.filter-all .resources-category-xhr, .filter-xhr .resources-category-xhr,
.filter-all .resources-category-fonts, .filter-fonts .resources-category-fonts,
.filter-all .resources-category-websockets, .filter-websockets .resources-category-websockets,
.filter-all .resources-category-other, .filter-other .resources-category-other,
.resource-sidebar-tree-item.selected {
display: list-item;
}
.console-warning-level, .console-error-level, .console-log-level {
display: none;
}
.filter-all .console-warning-level, .filter-warnings .console-warning-level,
.filter-all .console-error-level, .filter-errors .console-error-level,
.filter-all .console-log-level, .filter-logs .console-log-level {
display: block;
}
.console-user-command-result {
display: block;
}
.resources-graph-bar.waiting, .resources-graph-bar.waiting-right {
opacity: 0.35;
}
.resource-cached .resources-graph-bar {
-webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7;
border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7;
}
.resources-category-documents .resources-graph-bar {
-webkit-border-image: url(Images/timelinePillBlue.png) 6 7 6 7;
border-image: url(Images/timelinePillBlue.png) 6 7 6 7;
}
.resources-category-documents.resource-cached .resources-graph-bar {
-webkit-border-image: url(Images/timelineHollowPillBlue.png) 6 7 6 7;
border-image: url(Images/timelineHollowPillBlue.png) 6 7 6 7;
}
.resources-category-stylesheets .resources-graph-bar {
-webkit-border-image: url(Images/timelinePillGreen.png) 6 7 6 7;
border-image: url(Images/timelinePillGreen.png) 6 7 6 7;
}
.resources-category-stylesheets.resource-cached .resources-graph-bar {
-webkit-border-image: url(Images/timelineHollowPillGreen.png) 6 7 6 7;
border-image: url(Images/timelineHollowPillGreen.png) 6 7 6 7;
}
.resources-category-images .resources-graph-bar {
-webkit-border-image: url(Images/timelinePillPurple.png) 6 7 6 7;
border-image: url(Images/timelinePillPurple.png) 6 7 6 7;
}
.resources-category-images.resource-cached .resources-graph-bar {
-webkit-border-image: url(Images/timelineHollowPillPurple.png) 6 7 6 7;
border-image: url(Images/timelineHollowPillPurple.png) 6 7 6 7;
}
.resources-category-fonts .resources-graph-bar {
-webkit-border-image: url(Images/timelinePillRed.png) 6 7 6 7;
border-image: url(Images/timelinePillRed.png) 6 7 6 7;
}
.resources-category-fonts.resource-cached .resources-graph-bar {
-webkit-border-image: url(Images/timelineHollowPillRed.png) 6 7 6 7;
border-image: url(Images/timelineHollowPillRed.png) 6 7 6 7;
}
.resources-category-scripts .resources-graph-bar {
-webkit-border-image: url(Images/timelinePillOrange.png) 6 7 6 7;
border-image: url(Images/timelinePillOrange.png) 6 7 6 7;
}
.resources-category-scripts.resource-cached .resources-graph-bar {
-webkit-border-image: url(Images/timelineHollowPillOrange.png) 6 7 6 7;
border-image: url(Images/timelineHollowPillOrange.png) 6 7 6 7;
}
.resources-category-xhr .resources-graph-bar {
-webkit-border-image: url(Images/timelinePillYellow.png) 6 7 6 7;
border-image: url(Images/timelinePillYellow.png) 6 7 6 7;
}
.resources-category-xhr.resource-cached .resources-graph-bar {
-webkit-border-image: url(Images/timelineHollowPillYellow.png) 6 7 6 7;
border-image: url(Images/timelineHollowPillYellow.png) 6 7 6 7;
}
/* FIXME: Create bar images for WebSocket. */
.resources-category-websockets .resources-graph-bar {
-webkit-border-image: url(Images/timelinePillGray.png) 6 7 6 7;
border-image: url(Images/timelinePillGray.png) 6 7 6 7;
}
.resources-category-websockets.resource-cached .resources-graph-bar {
-webkit-border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7;
border-image: url(Images/timelineHollowPillGray.png) 6 7 6 7;
}
#resource-views {
position: absolute;
top: 23px;
right: 0;
left: 200px;
bottom: 0;
}
.source-view-frame {
width: 100%;
height: 100%;
}
.sidebar-resizer-vertical {
position: absolute;
top: 0;
bottom: 0;
width: 5px;
z-index: 500;
cursor: col-resize;
}
.resources .sidebar-resizer-vertical {
top: 23px;
}
.sidebar-tree, .sidebar-tree .children {
position: relative;
padding: 0;
margin: 0;
list-style: none;
font-size: 11px;
}
.sidebar-tree-section {
position: relative;
height: 18px;
padding: 4px 10px 6px 10px;
white-space: nowrap;
margin-top: 1px;
color: rgb(92, 110, 129);
font-weight: bold;
text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
}
.sidebar-tree-item {
position: relative;
height: 36px;
padding: 0 5px 0 5px;
white-space: nowrap;
margin-top: 1px;
line-height: 34px;
border-top: 1px solid transparent;
}
.sidebar-tree .children {
display: none;
}
.sidebar-tree .children.expanded {
display: block;
}
.sidebar-tree-section + .children > .sidebar-tree-item {
padding-left: 10px !important;
}
.sidebar-tree-section + .children.small > .sidebar-tree-item {
padding-left: 17px !important;
}
.sidebar-tree > .children > .sidebar-tree-item {
padding-left: 37px;
}
.sidebar-tree > .children > .children > .sidebar-tree-item {
padding-left: 37px;
}
.sidebar-tree.hide-disclosure-buttons > .children {
display: none;
}
.sidebar-tree > .children.hide-disclosure-buttons > .children {
display: none;
}
.sidebar-tree.some-expandable:not(.hide-disclosure-buttons) > .sidebar-tree-item:not(.parent) .icon {
margin-left: 16px;
}
.sidebar-tree-item .disclosure-button {
float: left;
width: 16px;
height: 100%;
border: 0;
background-color: transparent;
background-image: url(Images/disclosureTriangleSmallRight.png);
background-repeat: no-repeat;
background-position: center;
-webkit-apearance: none;
-moz-apearance: none;
}
.sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
display: none;
}
body.inactive .sidebar-tree-item .disclosure-button {
background-image: url(Images/disclosureTriangleSmallRightBlack.png);
}
body.inactive .sidebar-tree-item.expanded .disclosure-button {
background-image: url(Images/disclosureTriangleSmallDownBlack.png);
}
body.inactive .sidebar-tree-item .disclosure-button:active {
background-image: url(Images/disclosureTriangleSmallRightDownBlack.png);
}
.sidebar-tree-item.selected .disclosure-button {
background-image: url(Images/disclosureTriangleSmallRightWhite.png) !important;
}
.sidebar-tree-item.expanded .disclosure-button {
background-image: url(Images/disclosureTriangleSmallDown.png);
}
.sidebar-tree-item.selected.expanded .disclosure-button {
background-image: url(Images/disclosureTriangleSmallDownWhite.png) !important;
}
.sidebar-tree-item.selected .disclosure-button:active {
background-image: url(Images/disclosureTriangleSmallRightDownWhite.png) !important;
}
.sidebar-tree-item .disclosure-button:active {
background-image: url(Images/disclosureTriangleSmallRightDown.png);
}
.sidebar-tree-item .icon {
float: left;
width: 32px;
height: 32px;
margin-top: 1px;
margin-right: 3px;
}
li .status {
float: right;
height: 16px;
margin-top: 9px;
margin-left: 4px;
line-height: 1em;
}
li .status:empty {
display: none;
}
li .status .bubble {
display: inline-block;
height: 14px;
min-width: 16px;
margin-top: 1px;
background-color: rgb(128, 151, 189);
vertical-align: middle;
white-space: nowrap;
padding: 1px 4px;
text-align: center;
font-size: 11px;
line-height: normal;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
text-shadow: none;
color: white;
-webkit-border-radius: 7px;
border-radius: 7px;
}
li .status .bubble:empty {
display: none;
}
li.selected .status .bubble {
background-color: white !important;
color: rgb(132, 154, 190) !important;
}
:focus li.selected .status .bubble {
color: rgb(36, 98, 172) !important;
}
body.inactive li.selected .status .bubble {
color: rgb(159, 159, 159) !important;
}
.sidebar-tree.small .sidebar-tree-item, .sidebar-tree .children.small .sidebar-tree-item, .sidebar-tree-item.small, .small .resources-graph-side {
height: 20px;
}
.sidebar-tree.small .sidebar-tree-item .icon, .sidebar-tree .children.small .sidebar-tree-item .icon, .sidebar-tree-item.small .icon {
width: 16px;
height: 16px;
}
.sidebar-tree.small .sidebar-tree-item .status, .sidebar-tree .children.small .sidebar-tree-item .status, .sidebar-tree-item.small .status {
margin-top: 1px;
}
.sidebar-tree-item.selected {
color: white;
border-top: 1px solid rgb(145, 160, 192);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(162, 177, 207)), to(rgb(120, 138, 177)));
background-image: linear-gradient(to bottom, rgb(162, 177, 207) 0%, rgb(120, 138, 177) 100%);
text-shadow: rgba(0, 0, 0, 0.33) 0 1px 0;
font-weight: bold;
-webkit-background-origin: padding;
-webkit-background-clip: padding;
background-origin: padding;
background-clip: padding;
}
:focus .sidebar-tree-item.selected {
border-top: 1px solid rgb(68, 128, 200);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(21, 83, 170)));
background-image: linear-gradient(to bottom, rgb(92, 147, 213) 0%, rgb(21, 83, 170) 100%);
}
body.inactive .sidebar-tree-item.selected {
border-top: 1px solid rgb(151, 151, 151);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(180, 180, 180)), to(rgb(138, 138, 138)));
background-image: linear-gradient(to bottom, rgb(180, 180, 180) 0%, rgb(138, 138, 138) 100%);
}
.sidebar-tree-item .titles {
position: relative;
top: 5px;
line-height: 11px;
padding-bottom: 1px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.sidebar-tree-item .titles.no-subtitle {
top: 10px;
}
.sidebar-tree.small .sidebar-tree-item .titles, .sidebar-tree .children.small .sidebar-tree-item .titles, .sidebar-tree-item.small .titles {
top: 2px;
line-height: normal;
}
.sidebar-tree:not(.small) .sidebar-tree-item:not(.small) .title::after, .sidebar-tree .children:not(.small) .sidebar-tree-item .title::after {
content: "\A";
white-space: pre;
}
.sidebar-tree-item .subtitle {
font-size: 9px;
color: rgba(0, 0, 0, 0.7);
}
.sidebar-tree.small .sidebar-tree-item .subtitle, .sidebar-tree .children.small .sidebar-tree-item .subtitle, .sidebar-tree-item.small .subtitle {
display: none;
}
.sidebar-tree-item.selected .subtitle {
color: rgba(255, 255, 255, 0.9);
}
#resources-graphs {
position: absolute;
left: 0;
right: 0;
max-height: 100%;
top: 112px;
}
.resources-graph-side {
position: relative;
height: 36px;
padding: 0 5px;
white-space: nowrap;
margin-top: 1px;
border-top: 1px solid transparent;
overflow: hidden;
}
.resources-graph-bar-area {
position: absolute;
top: 0;
bottom: 0;
right: 8px;
left: 9px;
}
#resources-container:not(.viewing-resource) .resource-sidebar-tree-item:nth-of-type(2n) {
background-color: rgba(0, 0, 0, 0.05);
}
#resources-container:not(.viewing-resource) .resources-graph-side:nth-of-type(2n) {
background-color: rgba(0, 0, 0, 0.05);
}
.resources-time-graph-sidebar-item .icon {
content: url(Images/resourcesTimeGraphIcon.png);
}
.resources-size-graph-sidebar-item .icon {
content: url(Images/resourcesSizeGraphIcon.png);
}
.resources-size-graph-sidebar-item .icon {
content: url(Images/resourcesSizeGraphIcon.png);
}
.resource-sidebar-tree-item .icon {
content: url(Images/resourcePlainIcon.png);
}
.children.small .resource-sidebar-tree-item .icon {
content: url(Images/resourcePlainIconSmall.png);
}
.resource-sidebar-tree-item.resources-category-documents .icon {
content: url(Images/resourceDocumentIcon.png);
}
.children.small .resource-sidebar-tree-item.resources-category-documents .icon {
content: url(Images/resourceDocumentIconSmall.png);
}
.resource-sidebar-tree-item.resources-category-stylesheets .icon {
content: url(Images/resourceCSSIcon.png);
}
.children.small .resource-sidebar-tree-item.resources-category-stylesheets .icon {
content: url(Images/resourceDocumentIconSmall.png);
}
.resource-sidebar-tree-item.resources-category-images .icon {
position: relative;
background-image: url(Images/resourcePlainIcon.png);
background-repeat: no-repeat;
content: "";
}
.resources-category-images .image-resource-icon-preview {
position: absolute;
margin: auto;
top: 3px;
bottom: 4px;
left: 5px;
right: 5px;
max-width: 18px;
max-height: 21px;
min-width: 1px;
min-height: 1px;
}
.children.small .resource-sidebar-tree-item.resources-category-images .icon {
background-image: url(Images/resourcePlainIconSmall.png);
content: "";
}
.children.small .resources-category-images .image-resource-icon-preview {
top: 2px;
bottom: 1px;
left: 3px;
right: 3px;
max-width: 8px;
max-height: 11px;
}
.resource-sidebar-tree-item.resources-category-fonts .icon {
content: url(Images/resourcePlainIcon.png);
}
.children.small .resource-sidebar-tree-item.resources-category-fonts .icon {
content: url(Images/resourcePlainIconSmall.png);
}
.resource-sidebar-tree-item.resources-category-scripts .icon {
content: url(Images/resourceJSIcon.png);
}
.children.small .resource-sidebar-tree-item.resources-category-scripts .icon {
content: url(Images/resourceDocumentIconSmall.png);
}
.resource-sidebar-tree-item.resources-category-xhr .icon {
content: url(Images/resourcePlainIcon.png);
}
.children.small .resource-sidebar-tree-item.resources-category-xhr .icon {
content: url(Images/resourceDocumentIconSmall.png);
}
.bubble.debug, .console-debug-level .bubble {
background-color: rgb(0, 0, 255) !important;
}
.bubble.warning, .console-warning-level .bubble {
background-color: rgb(232, 164, 0) !important;
}
.bubble.error, .console-error-level .bubble {
background-color: rgb(216, 35, 35) !important;
}
.bubble.search-matches {
background-image: url(Images/searchSmallWhite.png);
background-repeat: no-repeat;
background-position: 3px 2px;
padding-left: 13px !important;
}
li.selected .bubble.search-matches {
background-image: url(Images/searchSmallBlue.png);
}
:focus li.selected .bubble.search-matches {
background-image: url(Images/searchSmallBrightBlue.png);
}
body.inactive li.selected .bubble.search-matches {
background-image: url(Images/searchSmallGray.png);
}
/* Timeline Style */
#timeline-overview-panel {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80px;
}
#timeline-overview-panel .timeline-graph-bar {
pointer-events: none;
}
.timeline-sidebar-background {
top: 90px;
bottom: 0;
}
.timeline .sidebar {
overflow-y: hidden;
z-index: 100;
min-height: 100%;
bottom: auto;
}
#timeline-overview-separator {
position: absolute;
top: 80px;
left: 0;
right: 0;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 253, 253)), to(rgb(213, 213, 213)));
background-image: linear-gradient(to bottom, rgb(253, 253, 253) 0%, rgb(213, 213, 213) 100%);
border-top: 1px solid rgb(140, 140, 140);
border-bottom: 1px solid rgb(115, 115, 115);
height: 10px;
}
#timeline-overview-sidebar {
position: absolute;
width: 200px;
top: 0px;
bottom: 0px;
left: 0px;
padding-top: 2px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)), to(rgb(209, 209, 209)));
background-image: linear-gradient(to bottom, rgb(242, 242, 242) 0%, rgb(209, 209, 209) 100%);
border-right: 1px solid rgb(163, 163, 163);
}
#timeline-overview-grid {
position: absolute;
top: 0px;
bottom: 0px;
left: 200px;
right: 0px;
background-color: rgb(255, 255, 255);
}
.timeline-window-selector {
position: absolute;
top: 0;
bottom: 0;
background-color: rgba(125, 173, 217, 0.5);
z-index: 250;
}
#timeline-overview-window {
background-color: white;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 60px;
z-index: 150;
}
.timeline-overview-dividers-background {
left: 0%;
right: 0%;
top: 0px;
bottom: 60px;
background-color: black;
position: absolute;
}
.timeline-overview-window-rulers {
top: 0;
bottom: 0;
position: absolute;
opacity: 0.2;
border-right: 1px solid black;
border-left: 1px solid black;
z-index: 150;
}
.timeline-window-resizer {
position: absolute;
top: 0px;
bottom: 60px;
width: 5px;
margin-left: -3px;
margin-right: -2px;
background-color: rgb(153, 153, 153);
z-index: 500;
cursor: col-resize;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
}
#timeline-overview-grid #resources-graphs {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80px;
}
#timeline-container {
position: absolute;
top: 90px;
left: 0;
bottom: 0;
right: 0;
border-right: 0 none transparent;
overflow-y: auto;
overflow-x: hidden;
}
.timeline-category-statusbar-item {
height: 24px;
line-height: 24px;
padding-left: 6px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: bold;
}
.timeline-category-statusbar-item .timeline-category-checkbox {
width: 10px;
height: 11px;
margin: 0 3px 0 5px;
padding: 0;
background-image: url(Images/timelineCheckmarks.png);
background-repeat: no-repeat;
background-position: 0 -66px;
vertical-align: -1px;
-webkit-appearance: none;
-moz-appearance: none;
}
.timeline-category-statusbar-item .timeline-category-checkbox:checked {
background-position-x: -10px;
}
.timeline-category-statusbar-item.timeline-category-loading .timeline-category-checkbox {
background-position-y: 0;
}
.timeline-category-statusbar-item.timeline-category-scripting .timeline-category-checkbox {
background-position-y: -33px;
}
.timeline-category-statusbar-item.timeline-category-rendering .timeline-category-checkbox {
background-position-y: -11px;
}
.timeline-tree-item {
height: 18px;
line-height: 15px;
padding-right: 5px;
padding-left: 10px;
padding-top: 2px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.timeline-expandable {
position: absolute;
border-left: 1px solid rgb(163, 163, 163);
}
.timeline-expandable-left {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 3px;
border-top: 1px solid rgb(163, 163, 163);
border-bottom: 1px solid rgb(163, 163, 163);
}
.timeline-expandable-collapsed {
background-image: url(Images/disclosureTriangleSmallRightBlack.png);
background-position-x: 1px;
background-position-y: 2px;
background-repeat: no-repeat;
}
.timeline-expandable-expanded {
background-image: url(Images/disclosureTriangleSmallDownBlack.png);
background-position-x: 1px;
background-position-y: 3px;
background-repeat: no-repeat;
}
.timeline-tree-item .type {
padding-left: 14px;
}
.timeline-tree-item .count {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}
.timeline-tree-item .timeline-tree-icon {
background-image: url(Images/timelineDots.png);
margin-top: 2px;
width: 12px;
height: 12px;
position: absolute;
}
.timeline-tree-item.even {
background-color: rgba(0, 0, 0, 0.05);
}
.timeline-tree-item .data.dimmed {
color: rgba(0, 0, 0, 0.7);
}
#timeline-overview-timelines,
#timeline-overview-memory {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 20px;
z-index: 160;
}
#timeline-overview-memory > canvas {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 5px;
}
#timeline-graphs {
position: absolute;
left: 0;
right: 0;
max-height: 100%;
top: 19px;
}
.timeline-graph-side {
position: relative;
height: 18px;
padding: 0 5px;
white-space: nowrap;
margin-top: 0px;
border-top: 1px solid transparent;
overflow: hidden;
pointer-events: none;
}
.timeline-overview-graph-side {
height: 20px;
z-index: 170;
pointer-events: none;
}
.timeline-overview-graph-side .timeline-graph-bar {
height: 13px;
}
.timeline-graph-bar-area {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 3px;
pointer-events: none;
}
.timeline-graph-bar {
position: absolute;
top: 0;
bottom: 0;
margin: auto -2px;
border-width: 4px 4px 5px;
height: 9px;
min-width: 5px;
opacity: 0.8;
-webkit-border-image: url(Images/timelineBarGray.png) 4 4 5 4;
border-image: url(Images/timelineBarGray.png) 4 4 5 4;
z-index: 180;
pointer-events: visibleFill;
}
.timeline-graph-bar.with-children {
opacity: 0.2;
}
.timeline-graph-bar.cpu {
opacity: 0.6;
}
.timeline-graph-side.even {
background-color: rgba(0, 0, 0, 0.05);
}
.timeline-category-loading .timeline-graph-bar {
-webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4;
border-image: url(Images/timelineBarBlue.png) 4 4 5 4;
}
.timeline-category-scripting .timeline-graph-bar {
-webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4;
border-image: url(Images/timelineBarOrange.png) 4 4 5 4;
}
.timeline-category-rendering .timeline-graph-bar {
-webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4;
border-image: url(Images/timelineBarPurple.png) 4 4 5 4;
}
.timeline-aggregated-category {
display: inline-block;
height: 11px;
margin-right: 2px;
margin-left: 6px;
position: relative;
top: 2px;
width: 10px;
}
.timeline-loading {
-webkit-border-image: url(Images/timelineBarBlue.png) 4 4 5 4;
border-image: url(Images/timelineBarBlue.png) 4 4 5 4;
}
.timeline-scripting {
-webkit-border-image: url(Images/timelineBarOrange.png) 4 4 5 4;
border-image: url(Images/timelineBarOrange.png) 4 4 5 4;
}
.timeline-rendering {
-webkit-border-image: url(Images/timelineBarPurple.png) 4 4 5 4;
border-image: url(Images/timelineBarPurple.png) 4 4 5 4;
}
.popover .timeline-aggregated-category.timeline-loading {
margin-left: 0px;
}
.timeline-category-loading .timeline-tree-icon {
background-position-y: 0px;
}
.timeline-category-scripting .timeline-tree-icon {
background-position-y: 48px;
}
.timeline-category-rendering .timeline-tree-icon {
background-position-y: 72px;
}
.timeline-details {
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
vertical-align: top;
}
.timeline-function-name {
text-align: right;
}
.timeline-stacktrace-title {
padding-top: 4px;
}
.timeline-details-row-title {
font-weight: bold;
text-align: right;
white-space: nowrap;
}
.timeline-details-row-data {
white-space: nowrap;
}
.timeline-details-title {
border-bottom: 1px solid #B8B8B8;
font-size: 11px;
font-weight: bold;
padding-bottom: 5px;
padding-top: 0px;
white-space: nowrap;
}
.timeline-filter-status-bar-item .glyph {
-webkit-mask-image: url(Images/largerResourcesButtonGlyph.png);
}
.timeline-filter-status-bar-item.toggled-on .glyph {
background-color: rgb(66, 129, 235) !important;
}
.timeline-records-counter, .storage-application-cache-status, .storage-application-cache-connectivity {
font-size: 11px;
text-shadow: white 0 1px 0;
}
#main-status-bar > .timeline-records-counter {
float: right;
margin-top: 4px;
margin-right: 25px;
}
#counters > .timeline-records-counter {
float: left;
margin-top: -2px;
}
.storage-application-cache-status-icon, .storage-application-cache-connectivity-icon {
margin-bottom: -3px;
margin-left: 5px;
vertical-align: middle;
}
.status-bar-divider {
margin-left: 7px;
border-right: 1px solid #CCC;
}
.storage-application-cache-status, .storage-application-cache-connectivity {
position: relative;
top: 4px;
}
/* Profiler Style */
#profile-views {
position: absolute;
top: 0;
right: 0;
left: 200px;
bottom: 0;
}
.status-bar-items {
position: absolute;
top: 0;
bottom: 0;
left: 200px;
overflow: hidden;
border-left: 1px solid rgb(184, 184, 184);
margin-left: -1px;
}
.profile-sidebar-tree-item .icon {
content: url(Images/profileIcon.png);
}
.profile-sidebar-tree-item.small .icon {
content: url(Images/profileSmallIcon.png);
}
.profile-group-sidebar-tree-item .icon {
content: url(Images/profileGroupIcon.png);
}
.profile-view {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.profile-view.visible {
display: block;
}
.profile-view .data-grid {
border: none;
height: 100%;
}
.profile-view .data-grid th.average-column {
text-align: center;
}
.profile-view .data-grid td.average-column {
text-align: right;
}
.profile-view .data-grid th.self-column {
text-align: center;
}
.profile-view .data-grid td.self-column {
text-align: right;
}
.profile-view .data-grid th.total-column {
text-align: center;
}
.profile-view .data-grid td.total-column {
text-align: right;
}
.profile-view .data-grid .calls-column {
text-align: center;
}
.profile-node-file {
float: right;
color: gray;
margin-top: -1px;
}
.data-grid tr.selected .profile-node-file {
color: rgb(33%, 33%, 33%);
}
.data-grid:focus tr.selected .profile-node-file {
color: white;
}
button.enable-toggle-status-bar-item .glyph {
}
.record-profile-status-bar-item .glyph {
-webkit-mask-image: url(Images/recordButtonGlyph.png);
}
.record-profile-status-bar-item.toggled-on .glyph {
-webkit-mask-image: url(Images/recordToggledButtonGlyph.png);
background-color: rgb(216, 0, 0) !important;
}
/* FIXME: should have its own glyph. */
.heap-snapshot-status-bar-item .glyph {
-webkit-mask-image: url(Images/focusButtonGlyph.png);
}
.node-search-status-bar-item .glyph {
-webkit-mask-image: url(Images/nodeSearchButtonGlyph.png);
}
.percent-time-status-bar-item .glyph {
-webkit-mask-image: url(Images/percentButtonGlyph.png);
}
.focus-profile-node-status-bar-item .glyph {
-webkit-mask-image: url(Images/focusButtonGlyph.png);
}
.exclude-profile-node-status-bar-item .glyph {
-webkit-mask-image: url(Images/excludeButtonGlyph.png);
}
.reset-profile-status-bar-item .glyph {
-webkit-mask-image: url(Images/reloadButtonGlyph.png);
}
.delete-storage-status-bar-item .glyph {
-webkit-mask-image: url(Images/excludeButtonGlyph.png);
}
.refresh-storage-status-bar-item .glyph {
-webkit-mask-image: url(Images/reloadButtonGlyph.png);
}
ol.breakpoint-list {
-webkit-padding-start: 0;
-moz-padding-start: 0;
list-style: none;
margin: 0;
}
.breakpoint-list li {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 2px 0;
color: black;
}
.breakpoint-list li:hover {
color: rgb(15%, 15%, 15%);
}
.breakpoint-list .checkbox-elem {
font-size: 10px;
margin: 0 4px;
vertical-align: top;
position: relative;
z-index: 1;
}
.breakpoint-list .source-text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 2px 0 0px 20px;
}
.pane .breakpoint-hit {
background-color: rgb(255, 255, 194);
}
li.breakpoint-hit .breakpoint-hit-marker {
background-color: rgb(255, 255, 194);
height: 18px;
left: 0px;
margin-top: -16px;
position: absolute;
right: 0px;
z-index: -1;
}
.webkit-html-js-node, .webkit-html-css-node {
white-space: pre;
}
.source-frame-breakpoint-condition {
z-index: 30;
padding: 4px;
background-color: rgb(203, 226, 255);
-webkit-border-radius: 7px;
border-radius: 7px;
border: 2px solid rgb(169, 172, 203);
width: 90%;
}
.source-frame-breakpoint-message {
background-color: transparent;
font-family: Lucida Grande, sans-serif;
font-weight: normal;
font-size: 11px;
text-align: left;
text-shadow: none;
color: rgb(85, 85, 85);
cursor: default;
margin: 0 0 2px 0;
}
#source-frame-breakpoint-condition {
margin: 0;
border: 1px inset rgb(190, 190, 190) !important;
width: 100%;
box-shadow: none !important;
outline: none !important;
-webkit-user-modify: read-write;
-moz-user-modify: read-write;
}
.source-frame-popover-title {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-weight: bold;
padding-left: 18px;
}
.source-frame-popover-tree {
border-top: 1px solid rgb(194, 194, 147);
overflow: auto;
position: absolute;
top: 15px;
bottom: 0;
left: 0;
right: 0;
}
.source-frame-eval-expression {
border: 1px solid rgb(163, 41, 34);
margin: -1px;
background-color: rgb(255, 255, 194);
}
.styles-sidebar-separator {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));
background-image: linear-gradient(to bottom, rgb(243, 243, 243) 0%,rgb(243, 243 ,243) 10%, rgb(230, 230, 230) 40%, rgb(209, 209, 209) 100%);
padding: 0 5px;
border-top: 1px solid rgb(189, 189, 189);
border-bottom: 1px solid rgb(189, 189, 189);
color: rgb(110, 110, 110);
text-shadow: white 0 1px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 11px;
}
.styles-selector {
cursor: text;
}
.workers-list {
list-style: none;
margin: 0;
padding: 0;
}
.workers-list > li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 1em;
font-size: 12px;
}
a.worker-item {
color: rgb(33%, 33%, 33%);
cursor: pointer;
text-decoration: none;
}
.styles-section {
padding: 2px 2px 4px 4px;
min-height: 18px;
white-space: nowrap;
-webkit-background-origin: padding;
-webkit-background-clip: padding;
background-origin: padding;
background-clip: padding;
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
}
.styles-section:not(.first-styles-section) {
border-top: 1px solid rgb(191, 191, 191);
}
.styles-section.read-only {
background-color: rgb(240, 240, 240);
}
.styles-section .properties li.not-parsed-ok {
margin-left: 0px;
}
.styles-section .properties li.not-parsed-ok::before {
content: url(Images/warningIcon.png);
opacity: 0.75;
float: left;
width: 8px;
height: 8px;
margin-top: 0;
padding-right: 5px;
vertical-align: sub;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
cursor: default;
}
.styles-section .header {
white-space: nowrap;
-webkit-background-origin: padding;
-webkit-background-clip: padding;
background-origin: padding;
background-clip: padding;
}
.styles-section .header .title {
word-wrap: break-word;
white-space: normal;
}
.styles-section .header .subtitle {
color: rgb(85, 85, 85);
float: right;
margin-left: 5px;
max-width: 65%;
text-overflow: ellipsis;
overflow: hidden;
}
.styles-section .header .subtitle a {
color: inherit;
}
.styles-section a::before {
content: attr(data-uncopyable);
}
.styles-section .properties {
display: none;
margin: 0;
padding: 2px 4px 0 8px;
list-style: none;
}
.styles-section.no-affect .properties li {
opacity: 0.5;
}
.styles-section.no-affect .properties li.editing {
opacity: 1.0;
}
.styles-section.expanded .properties {
display: block;
}
.styles-section .properties li {
margin-left: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
cursor: auto;
}
.styles-section .properties li.parent {
margin-left: 1px;
}
.styles-section .properties ol {
display: none;
margin: 0;
-webkit-padding-start: 12px;
-moz-padding-start: 12px;
list-style: none;
}
.styles-section .properties ol.expanded {
display: block;
}
.styles-section .properties li.parent::before {
content: url(Images/treeRightTriangleBlack.png);
opacity: 0.75;
float: left;
width: 8px;
height: 8px;
margin-top: 0;
padding-right: 3px;
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
cursor: default;
}
.styles-section .properties li.parent.expanded::before {
content: url(Images/treeDownTriangleBlack.png);
margin-top: 1px;
}
.styles-section .properties li .info {
padding-top: 4px;
padding-bottom: 3px;
}
.styles-section:hover .properties .enabled-button {
display: block;
}
.styles-section .properties li.disabled .enabled-button {
display: block;
}
.styles-section .properties .enabled-button {
display: none;
float: right;
font-size: 10px;
margin: 0 0 0 4px;
vertical-align: top;
position: relative;
z-index: 1;
/*Removes checkbox padding that is set in IE by default*/
padding: 0;
}
.styles-section .properties .overloaded, .styles-section .properties .inactive, .styles-section .properties .disabled {
text-decoration: line-through;
}
.styles-section.computed-style .properties .disabled {
text-decoration: none;
opacity: 0.5;
}
.styles-section .properties .implicit, .styles-section .properties .inherited {
opacity: 0.5;
}
.body .styles-section .properties .inherited {
display: none;
}
.body.show-inherited .styles-section .properties .inherited {
display: block;
}
a.worker-item:hover {
color: rgb(15%, 15%, 15%);
}
.resource-content-unavailable {
color: rgb(50%, 50%, 50%);
font-style: italic;
font-size: 14px;
text-align: center;
padding: 32px;
}
.node-link {
text-decoration: underline;
cursor: pointer;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-auto {
cursor: auto;
}
.please-wait-msg {
position: absolute;
left: 0;
top: 0;
border: 4px black solid;
border-radius: 4px;
background-color: black;
opacity: 0.85;
color: white;
font-size: 12px;
font-weight: bold;
z-index: 10000;
}
================================================
FILE: buildin_modules/weinre/web/client/inspector.html
================================================
================================================
FILE: buildin_modules/weinre/web/client/inspector.js
================================================
/*
* Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
* Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
* Copyright (C) 2009 Joseph Pecoraro
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* 1. Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
* 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
* its contributors may be used to endorse or promote products derived
* from this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
* WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
* DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
* DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
* (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
* LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
* ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
* THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
// Keep this ; so that concatenated version of the script worked.
;(function preloadImages()
{
(new Image()).src = "Images/clearConsoleButtonGlyph.png";
(new Image()).src = "Images/consoleButtonGlyph.png";
(new Image()).src = "Images/dockButtonGlyph.png";
(new Image()).src = "Images/enableOutlineButtonGlyph.png";
(new Image()).src = "Images/enableSolidButtonGlyph.png";
(new Image()).src = "Images/excludeButtonGlyph.png";
(new Image()).src = "Images/focusButtonGlyph.png";
(new Image()).src = "Images/largerResourcesButtonGlyph.png";
(new Image()).src = "Images/nodeSearchButtonGlyph.png";
(new Image()).src = "Images/pauseOnExceptionButtonGlyph.png";
(new Image()).src = "Images/percentButtonGlyph.png";
(new Image()).src = "Images/recordButtonGlyph.png";
(new Image()).src = "Images/recordToggledButtonGlyph.png";
(new Image()).src = "Images/reloadButtonGlyph.png";
(new Image()).src = "Images/undockButtonGlyph.png";
})();
var WebInspector = {
resources: {},
missingLocalizedStrings: {},
pendingDispatches: 0,
get platform()
{
if (!("_platform" in this))
this._platform = InspectorFrontendHost.platform();
return this._platform;
},
get platformFlavor()
{
if (!("_platformFlavor" in this))
this._platformFlavor = this._detectPlatformFlavor();
return this._platformFlavor;
},
_detectPlatformFlavor: function()
{
var userAgent = navigator.userAgent;
if (this.platform === "windows") {
var match = userAgent.match(/Windows NT (\d+)\.(?:\d+)/);
if (match && match[1] >= 6)
return WebInspector.PlatformFlavor.WindowsVista;
return null;
} else if (this.platform === "mac") {
var match = userAgent.match(/Mac OS X\s*(?:(\d+)_(\d+))?/);
if (!match || match[1] != 10)
return WebInspector.PlatformFlavor.MacSnowLeopard;
switch (Number(match[2])) {
case 4:
return WebInspector.PlatformFlavor.MacTiger;
case 5:
return WebInspector.PlatformFlavor.MacLeopard;
case 6:
default:
return WebInspector.PlatformFlavor.MacSnowLeopard;
}
}
return null;
},
get port()
{
if (!("_port" in this))
this._port = InspectorFrontendHost.port();
return this._port;
},
get previousFocusElement()
{
return this._previousFocusElement;
},
get currentFocusElement()
{
return this._currentFocusElement;
},
set currentFocusElement(x)
{
if (this._currentFocusElement !== x)
this._previousFocusElement = this._currentFocusElement;
this._currentFocusElement = x;
if (this._currentFocusElement && typeof(this._currentFocusElement.focus) === 'function') {
this._currentFocusElement.focus();
// Hack for IE - return if 'select' is in focus; otherwise it will lost the focus after we call addRange.
if(this._currentFocusElement.nodeName.toUpperCase() == 'SELECT'){
return;
}
// Make a caret selection inside the new element if there isn't a range selection and
// there isn't already a caret selection inside.
var selection = window.getSelection();
if (selection.isCollapsed && !this._currentFocusElement.isInsertionCaretInside()) {
var selectionRange = this._currentFocusElement.ownerDocument.createRange();
selectionRange.setStart(this._currentFocusElement, 0);
selectionRange.setEnd(this._currentFocusElement, 0);
selection.removeAllRanges();
selection.addRange(selectionRange);
}
} // Hack for IE - do not call blur() for body element; otherwise browser window will become inactive
else if (this._previousFocusElement && this._previousFocusElement.nodeName.toUpperCase() != 'BODY')
this._previousFocusElement.blur();
},
get currentPanel()
{
return this._currentPanel;
},
set currentPanel(x)
{
if (this._currentPanel === x)
return;
if (this._currentPanel)
this._currentPanel.hide();
this._currentPanel = x;
this.updateSearchLabel();
if (x) {
x.show();
if (this.currentQuery) {
if (x.performSearch) {
function performPanelSearch()
{
this.updateSearchMatchesCount();
x.currentQuery = this.currentQuery;
x.performSearch(this.currentQuery);
}
// Perform the search on a timeout so the panel switches fast.
setTimeout(performPanelSearch.bind(this), 0);
} else {
// Update to show Not found for panels that can't be searched.
this.updateSearchMatchesCount();
}
}
}
for (var panelName in WebInspector.panels) {
if (WebInspector.panels[panelName] === x) {
WebInspector.settings.lastActivePanel = panelName;
this._panelHistory.setPanel(panelName);
}
}
},
createDOMBreakpointsSidebarPane: function()
{
var pane = new WebInspector.NativeBreakpointsSidebarPane(WebInspector.UIString("DOM Breakpoints"));
function breakpointAdded(event)
{
pane.addBreakpointItem(new WebInspector.BreakpointItem(event.data));
}
WebInspector.breakpointManager.addEventListener(WebInspector.BreakpointManager.Events.DOMBreakpointAdded, breakpointAdded);
return pane;
},
createXHRBreakpointsSidebarPane: function()
{
var pane = new WebInspector.XHRBreakpointsSidebarPane();
function breakpointAdded(event)
{
pane.addBreakpointItem(new WebInspector.BreakpointItem(event.data));
}
WebInspector.breakpointManager.addEventListener(WebInspector.BreakpointManager.Events.XHRBreakpointAdded, breakpointAdded);
return pane;
},
_createPanels: function()
{
var hiddenPanels = (InspectorFrontendHost.hiddenPanels() || "").split(',');
if (hiddenPanels.indexOf("elements") === -1)
this.panels.elements = new WebInspector.ElementsPanel();
if (hiddenPanels.indexOf("resources") === -1)
this.panels.resources = new WebInspector.ResourcesPanel();
if (hiddenPanels.indexOf("network") === -1)
this.panels.network = new WebInspector.NetworkPanel();
if (hiddenPanels.indexOf("scripts") === -1)
this.panels.scripts = new WebInspector.ScriptsPanel();
if (hiddenPanels.indexOf("timeline") === -1)
this.panels.timeline = new WebInspector.TimelinePanel();
if (hiddenPanels.indexOf("profiles") === -1) {
this.panels.profiles = new WebInspector.ProfilesPanel();
this.panels.profiles.registerProfileType(new WebInspector.CPUProfileType());
if (Preferences.heapProfilerPresent) {
if (!Preferences.detailedHeapProfiles)
this.panels.profiles.registerProfileType(new WebInspector.HeapSnapshotProfileType());
else
this.panels.profiles.registerProfileType(new WebInspector.DetailedHeapshotProfileType());
}
}
if (hiddenPanels.indexOf("audits") === -1)
this.panels.audits = new WebInspector.AuditsPanel();
if (hiddenPanels.indexOf("console") === -1)
this.panels.console = new WebInspector.ConsolePanel();
},
get attached()
{
return this._attached;
},
set attached(x)
{
if (this._attached === x)
return;
this._attached = x;
this.updateSearchLabel();
var dockToggleButton = document.getElementById("dock-status-bar-item");
var body = document.body;
if (x) {
body.removeStyleClass("detached");
body.addStyleClass("attached");
dockToggleButton.title = WebInspector.UIString("Undock into separate window.");
} else {
body.removeStyleClass("attached");
body.addStyleClass("detached");
dockToggleButton.title = WebInspector.UIString("Dock to main window.");
}
if (this.drawer)
this.drawer.resize();
},
get errors()
{
return this._errors || 0;
},
set errors(x)
{
x = Math.max(x, 0);
if (this._errors === x)
return;
this._errors = x;
this._updateErrorAndWarningCounts();
},
get warnings()
{
return this._warnings || 0;
},
set warnings(x)
{
x = Math.max(x, 0);
if (this._warnings === x)
return;
this._warnings = x;
this._updateErrorAndWarningCounts();
},
_updateErrorAndWarningCounts: function()
{
var errorWarningElement = document.getElementById("error-warning-count");
if (!errorWarningElement)
return;
if (!this.errors && !this.warnings) {
errorWarningElement.addStyleClass("hidden");
return;
}
errorWarningElement.removeStyleClass("hidden");
errorWarningElement.removeChildren();
if (this.errors) {
var errorElement = document.createElement("span");
errorElement.id = "error-count";
errorElement.textContent = this.errors;
errorWarningElement.appendChild(errorElement);
}
if (this.warnings) {
var warningsElement = document.createElement("span");
warningsElement.id = "warning-count";
warningsElement.textContent = this.warnings;
errorWarningElement.appendChild(warningsElement);
}
if (this.errors) {
if (this.warnings) {
if (this.errors == 1) {
if (this.warnings == 1)
errorWarningElement.title = WebInspector.UIString("%d error, %d warning", this.errors, this.warnings);
else
errorWarningElement.title = WebInspector.UIString("%d error, %d warnings", this.errors, this.warnings);
} else if (this.warnings == 1)
errorWarningElement.title = WebInspector.UIString("%d errors, %d warning", this.errors, this.warnings);
else
errorWarningElement.title = WebInspector.UIString("%d errors, %d warnings", this.errors, this.warnings);
} else if (this.errors == 1)
errorWarningElement.title = WebInspector.UIString("%d error", this.errors);
else
errorWarningElement.title = WebInspector.UIString("%d errors", this.errors);
} else if (this.warnings == 1)
errorWarningElement.title = WebInspector.UIString("%d warning", this.warnings);
else if (this.warnings)
errorWarningElement.title = WebInspector.UIString("%d warnings", this.warnings);
else
errorWarningElement.title = null;
},
highlightDOMNode: function(nodeId)
{
if ("_hideDOMNodeHighlightTimeout" in this) {
clearTimeout(this._hideDOMNodeHighlightTimeout);
delete this._hideDOMNodeHighlightTimeout;
}
if (this._highlightedDOMNodeId === nodeId)
return;
this._highlightedDOMNodeId = nodeId;
if (nodeId)
InspectorBackend.highlightDOMNode(nodeId);
else
InspectorBackend.hideDOMNodeHighlight();
},
highlightDOMNodeForTwoSeconds: function(nodeId)
{
this.highlightDOMNode(nodeId);
this._hideDOMNodeHighlightTimeout = setTimeout(this.highlightDOMNode.bind(this, 0), 2000);
},
wireElementWithDOMNode: function(element, nodeId)
{
element.addEventListener("click", this._updateFocusedNode.bind(this, nodeId), false);
element.addEventListener("mouseover", this.highlightDOMNode.bind(this, nodeId), false);
element.addEventListener("mouseout", this.highlightDOMNode.bind(this, 0), false);
},
_updateFocusedNode: function(nodeId)
{
this.currentPanel = this.panels.elements;
this.panels.elements.updateFocusedNode(nodeId);
},
get networkResources()
{
return this.panels.network.resources;
},
networkResourceById: function(id)
{
return this.panels.network.resourceById(id);
},
forAllResources: function(callback)
{
WebInspector.resourceTreeModel.forAllResources(callback);
},
resourceForURL: function(url)
{
return this.resourceTreeModel.resourceForURL(url);
},
openLinkExternallyLabel: function()
{
return WebInspector.UIString("Open Link in New Window");
}
}
WebInspector.PlatformFlavor = {
WindowsVista: "windows-vista",
MacTiger: "mac-tiger",
MacLeopard: "mac-leopard",
MacSnowLeopard: "mac-snowleopard"
};
(function parseQueryParameters()
{
WebInspector.queryParamsObject = {};
var queryParams = window.location.search;
if (!queryParams)
return;
var params = queryParams.substring(1).split("&");
for (var i = 0; i < params.length; ++i) {
var pair = params[i].split("=");
WebInspector.queryParamsObject[pair[0]] = pair[1];
}
})();
WebInspector.loaded = function()
{
if ("page" in WebInspector.queryParamsObject) {
var page = WebInspector.queryParamsObject.page;
var host = "host" in WebInspector.queryParamsObject ? WebInspector.queryParamsObject.host : window.location.host;
WebInspector.socket = new WebSocket("ws://" + host + "/devtools/page/" + page);
WebInspector.socket.onmessage = function(message) { InspectorBackend.dispatch(message.data); }
WebInspector.socket.onerror = function(error) { console.error(error); }
WebInspector.socket.onopen = function() {
InspectorFrontendHost.sendMessageToBackend = WebInspector.socket.send.bind(WebInspector.socket);
InspectorFrontendHost.loaded = WebInspector.socket.send.bind(WebInspector.socket, "loaded");
WebInspector.doLoadedDone();
}
return;
}
WebInspector.doLoadedDone();
}
WebInspector.doLoadedDone = function()
{
InspectorFrontendHost.loaded();
var platform = WebInspector.platform;
document.body.addStyleClass("platform-" + platform);
var flavor = WebInspector.platformFlavor;
if (flavor)
document.body.addStyleClass("platform-" + flavor);
var port = WebInspector.port;
document.body.addStyleClass("port-" + port);
WebInspector.settings = new WebInspector.Settings();
this._registerShortcuts();
// set order of some sections explicitly
WebInspector.shortcutsHelp.section(WebInspector.UIString("Console"));
WebInspector.shortcutsHelp.section(WebInspector.UIString("Elements Panel"));
this.drawer = new WebInspector.Drawer();
this.console = new WebInspector.ConsoleView(this.drawer);
this.drawer.visibleView = this.console;
this.resourceTreeModel = new WebInspector.ResourceTreeModel();
this.networkManager = new WebInspector.NetworkManager(this.resourceTreeModel);
this.domAgent = new WebInspector.DOMAgent();
InspectorBackend.registerDomainDispatcher("Inspector", this);
this.resourceCategories = {
documents: new WebInspector.ResourceCategory("documents", WebInspector.UIString("Documents"), "rgb(47,102,236)"),
stylesheets: new WebInspector.ResourceCategory("stylesheets", WebInspector.UIString("Stylesheets"), "rgb(157,231,119)"),
images: new WebInspector.ResourceCategory("images", WebInspector.UIString("Images"), "rgb(164,60,255)"),
scripts: new WebInspector.ResourceCategory("scripts", WebInspector.UIString("Scripts"), "rgb(255,121,0)"),
xhr: new WebInspector.ResourceCategory("xhr", WebInspector.UIString("XHR"), "rgb(231,231,10)"),
fonts: new WebInspector.ResourceCategory("fonts", WebInspector.UIString("Fonts"), "rgb(255,82,62)"),
websockets: new WebInspector.ResourceCategory("websockets", WebInspector.UIString("WebSockets"), "rgb(186,186,186)"), // FIXME: Decide the color.
other: new WebInspector.ResourceCategory("other", WebInspector.UIString("Other"), "rgb(186,186,186)")
};
this.cssModel = new WebInspector.CSSStyleModel();
this.debuggerModel = new WebInspector.DebuggerModel();
this.breakpointManager = new WebInspector.BreakpointManager();
this.panels = {};
this._createPanels();
this._panelHistory = new WebInspector.PanelHistory();
var toolbarElement = document.getElementById("toolbar");
var previousToolbarItem = toolbarElement.children[0];
this.panelOrder = [];
for (var panelName in this.panels)
previousToolbarItem = WebInspector.addPanelToolbarIcon(toolbarElement, this.panels[panelName], previousToolbarItem);
this.Tips = {
ResourceNotCompressed: {id: 0, message: WebInspector.UIString("You could save bandwidth by having your web server compress this transfer with gzip or zlib.")}
};
this.Warnings = {
IncorrectMIMEType: {id: 0, message: WebInspector.UIString("Resource interpreted as %s but transferred with MIME type %s.")}
};
this.addMainEventListeners(document);
window.addEventListener("resize", this.windowResize.bind(this), true);
document.addEventListener("focus", this.focusChanged.bind(this), true);
document.addEventListener("keydown", this.documentKeyDown.bind(this), false);
document.addEventListener("beforecopy", this.documentCanCopy.bind(this), true);
document.addEventListener("copy", this.documentCopy.bind(this), true);
document.addEventListener("contextmenu", this.contextMenuEventFired.bind(this), true);
var dockToggleButton = document.getElementById("dock-status-bar-item");
dockToggleButton.addEventListener("click", this.toggleAttach.bind(this), false);
if (this.attached)
dockToggleButton.title = WebInspector.UIString("Undock into separate window.");
else
dockToggleButton.title = WebInspector.UIString("Dock to main window.");
var errorWarningCount = document.getElementById("error-warning-count");
errorWarningCount.addEventListener("click", this.showConsole.bind(this), false);
this._updateErrorAndWarningCounts();
var searchField = document.getElementById("search");
searchField.addEventListener("search", this.performSearch.bind(this), false); // when the search is emptied
searchField.addEventListener("mousedown", this._searchFieldManualFocus.bind(this), false); // when the search field is manually selected
searchField.addEventListener("keydown", this._searchKeyDown.bind(this), true);
toolbarElement.addEventListener("mousedown", this.toolbarDragStart, true);
document.getElementById("close-button-left").addEventListener("click", this.close, true);
document.getElementById("close-button-right").addEventListener("click", this.close, true);
this.extensionServer.initExtensions();
function onPopulateScriptObjects()
{
if (!WebInspector.currentPanel)
WebInspector.showPanel(WebInspector.settings.lastActivePanel);
}
InspectorBackend.populateScriptObjects(onPopulateScriptObjects);
if (Preferences.debuggerAlwaysEnabled || WebInspector.settings.debuggerEnabled)
this.debuggerModel.enableDebugger();
if (Preferences.profilerAlwaysEnabled || WebInspector.settings.profilerEnabled)
InspectorBackend.enableProfiler();
if (WebInspector.settings.monitoringXHREnabled)
InspectorBackend.setMonitoringXHREnabled(true);
InspectorBackend.setConsoleMessagesEnabled(true);
function propertyNamesCallback(names)
{
WebInspector.cssNameCompletions = new WebInspector.CSSCompletions(names);
}
// As a DOMAgent method, this needs to happen after the frontend has loaded and the agent is available.
InspectorBackend.getSupportedCSSProperties(propertyNamesCallback);
}
WebInspector.addPanelToolbarIcon = function(toolbarElement, panel, previousToolbarItem)
{
var panelToolbarItem = panel.toolbarItem;
this.panelOrder.push(panel);
panelToolbarItem.addEventListener("click", this._toolbarItemClicked.bind(this));
if (previousToolbarItem)
toolbarElement.insertBefore(panelToolbarItem, previousToolbarItem.nextSibling);
else
toolbarElement.insertBefore(panelToolbarItem, toolbarElement.firstChild);
return panelToolbarItem;
}
var windowLoaded = function()
{
var localizedStringsURL = InspectorFrontendHost.localizedStringsURL();
if (localizedStringsURL) {
var localizedStringsScriptElement = document.createElement("script");
localizedStringsScriptElement.addEventListener("load", WebInspector.loaded.bind(WebInspector), false);
localizedStringsScriptElement.type = "text/javascript";
localizedStringsScriptElement.src = localizedStringsURL;
document.head.appendChild(localizedStringsScriptElement);
} else
WebInspector.loaded();
window.removeEventListener("DOMContentLoaded", windowLoaded, false);
delete windowLoaded;
};
window.addEventListener("DOMContentLoaded", windowLoaded, false);
WebInspector.dispatch = function(message) {
// We'd like to enforce asynchronous interaction between the inspector controller and the frontend.
// This is important to LayoutTests.
function delayDispatch()
{
InspectorBackend.dispatch(message);
WebInspector.pendingDispatches--;
}
WebInspector.pendingDispatches++;
setTimeout(delayDispatch, 0);
}
WebInspector.dispatchMessageFromBackend = function(messageObject)
{
WebInspector.dispatch(messageObject);
}
WebInspector.windowResize = function(event)
{
if (this.currentPanel)
this.currentPanel.resize();
this.drawer.resize();
}
WebInspector.windowFocused = function(event)
{
// Fires after blur, so when focusing on either the main inspector
// or an
to correctly set console caret; otherwise there will be two lines (incorrect) instead of one if (!navigator.userAgent.match(/MSIE/i)) { this.element.appendChild(document.createElement("br")); } } else this.element.textContent = x; this.moveCaretToEndOfPrompt(); }, removeFromElement: function() { this.clearAutoComplete(true); this.element.removeEventListener("keydown", this._boundOnKeyDown, true); }, _onKeyDown: function(event) { function defaultAction() { this.clearAutoComplete(); this.autoCompleteSoon(); } if (event.handled) return; var handled = false, key = event.keyIdentifier || event.key; switch (key) { case "Up": case "ArrowUp": this.upKeyPressed(event); break; case "Down": case "ArrowDown": this.downKeyPressed(event); break; case "U+0009": // Tab this.tabKeyPressed(event); break; case "Right": case "ArrowRight": case "End": if (!this.acceptAutoComplete()) this.autoCompleteSoon(); break; case "Alt": case "Meta": case "Shift": case "Control": break; case "U+0050": // Ctrl+P = Previous if (this.history && WebInspector.isMac() && event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey) { handled = true; this._moveBackInHistory(); break; } defaultAction.call(this); break; case "U+004E": // Ctrl+N = Next if (this.history && WebInspector.isMac() && event.ctrlKey && !event.metaKey && !event.altKey && !event.shiftKey) { handled = true; this._moveForwardInHistory(); break; } defaultAction.call(this); break; default: defaultAction.call(this); break; } if (event.keyCode == 13 || event.charCode == 13) { handled = true; event.target.blur(); } handled |= event.handled; if (handled) { event.handled = true; event.preventDefault(); event.stopPropagation(); } }, acceptAutoComplete: function() { if (!this.autoCompleteElement || !this.autoCompleteElement.parentNode) return false; var text = this.autoCompleteElement.textContent; var textNode = document.createTextNode(text); this.autoCompleteElement.parentNode.replaceChild(textNode, this.autoCompleteElement); delete this.autoCompleteElement; var finalSelectionRange = document.createRange(); finalSelectionRange.setStart(textNode, text.length); finalSelectionRange.setEnd(textNode, text.length); var selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(finalSelectionRange); return true; }, clearAutoComplete: function(includeTimeout) { if (includeTimeout && "_completeTimeout" in this) { clearTimeout(this._completeTimeout); delete this._completeTimeout; } if (!this.autoCompleteElement) return; if (this.autoCompleteElement.parentNode) this.autoCompleteElement.parentNode.removeChild(this.autoCompleteElement); delete this.autoCompleteElement; if (!this._userEnteredRange || !this._userEnteredText) return; this._userEnteredRange.deleteContents(); this.element.pruneEmptyTextNodes(); var userTextNode = document.createTextNode(this._userEnteredText); this._userEnteredRange.insertNode(userTextNode); var selectionRange = document.createRange(); selectionRange.setStart(userTextNode, this._userEnteredText.length); selectionRange.setEnd(userTextNode, this._userEnteredText.length); var selection = window.getSelection(); selection.removeAllRanges(); selection.addRange(selectionRange); delete this._userEnteredRange; delete this._userEnteredText; }, autoCompleteSoon: function() { if (!("_completeTimeout" in this)) this._completeTimeout = setTimeout(this.complete.bind(this, true), 250); }, complete: function(auto, reverse) { this.clearAutoComplete(true); var selection = window.getSelection(); if (!selection.rangeCount) return; var selectionRange = selection.getRangeAt(0); var isEmptyInput = selectionRange.commonAncestorContainer === this.element; // this.element has no child Text nodes. // Do not attempt to auto-complete an empty input in the auto mode (only on demand). if (auto && isEmptyInput) return; if (!auto && !isEmptyInput && !selectionRange.commonAncestorContainer.isDescendant(this.element)) return; if (auto && !this.isCaretAtEndOfPrompt()) return; var wordPrefixRange = selectionRange.startContainer.rangeOfWord(selectionRange.startOffset, this.completionStopCharacters, this.element, "backward"); this.completions(wordPrefixRange, auto, this._completionsReady.bind(this, selection, auto, wordPrefixRange, reverse)); }, _completionsReady: function(selection, auto, originalWordPrefixRange, reverse, completions) { if (!completions || !completions.length) return; var selectionRange = selection.getRangeAt(0); var fullWordRange = document.createRange(); fullWordRange.setStart(originalWordPrefixRange.startContainer, originalWordPrefixRange.startOffset); fullWordRange.setEnd(selectionRange.endContainer, selectionRange.endOffset); if (originalWordPrefixRange.toString() + selectionRange.toString() != fullWordRange.toString()) return; var wordPrefixLength = originalWordPrefixRange.toString().length; if (auto) var completionText = completions[0]; else { if (completions.length === 1) { var completionText = completions[0]; wordPrefixLength = completionText.length; } else { var commonPrefix = completions[0]; for (var i = 0; i < completions.length; ++i) { var completion = completions[i]; var lastIndex = Math.min(commonPrefix.length, completion.length); for (var j = wordPrefixLength; j < lastIndex; ++j) { if (commonPrefix[j] !== completion[j]) { commonPrefix = commonPrefix.substr(0, j); break; } } } wordPrefixLength = commonPrefix.length; if (selection.isCollapsed) var completionText = completions[0]; else { var currentText = fullWordRange.toString(); var foundIndex = null; for (var i = 0; i < completions.length; ++i) { if (completions[i] === currentText) foundIndex = i; } var nextIndex = foundIndex + (reverse ? -1 : 1); if (foundIndex === null || nextIndex >= completions.length) var completionText = completions[0]; else if (nextIndex < 0) var completionText = completions[completions.length - 1]; else var completionText = completions[nextIndex]; } } } this._userEnteredRange = fullWordRange; this._userEnteredText = fullWordRange.toString(); fullWordRange.deleteContents(); this.element.pruneEmptyTextNodes(); var finalSelectionRange = document.createRange(); if (auto) { var prefixText = completionText.substring(0, wordPrefixLength); var suffixText = completionText.substring(wordPrefixLength); var prefixTextNode = document.createTextNode(prefixText); fullWordRange.insertNode(prefixTextNode); this.autoCompleteElement = document.createElement("span"); this.autoCompleteElement.className = "auto-complete-text"; this.autoCompleteElement.textContent = suffixText; prefixTextNode.parentNode.insertBefore(this.autoCompleteElement, prefixTextNode.nextSibling); finalSelectionRange.setStart(prefixTextNode, wordPrefixLength); finalSelectionRange.setEnd(prefixTextNode, wordPrefixLength); } else { var completionTextNode = document.createTextNode(completionText); fullWordRange.insertNode(completionTextNode); if (completions.length > 1) finalSelectionRange.setStart(completionTextNode, wordPrefixLength); else finalSelectionRange.setStart(completionTextNode, completionText.length); finalSelectionRange.setEnd(completionTextNode, completionText.length); } selection.removeAllRanges(); selection.addRange(finalSelectionRange); }, isCaretInsidePrompt: function() { return this.element.isInsertionCaretInside(); }, isCaretAtEndOfPrompt: function() { var selection = window.getSelection(); if (!selection.rangeCount || !selection.isCollapsed) return false; var selectionRange = selection.getRangeAt(0); var node = selectionRange.startContainer; if (node !== this.element && !node.isDescendant(this.element)) return false; if (node.nodeType === Node.TEXT_NODE && selectionRange.startOffset < node.nodeValue.length) return false; var foundNextText = false; while (node) { if (node.nodeType === Node.TEXT_NODE && node.nodeValue.length) { if (foundNextText) return false; foundNextText = true; } node = node.traverseNextNode(this.element); } return true; }, isCaretOnFirstLine: function() { var selection = window.getSelection(); var focusNode = selection.focusNode; if (!focusNode || focusNode.nodeType !== Node.TEXT_NODE || focusNode.parentNode !== this.element) return true; if (focusNode.textContent.substring(0, selection.focusOffset).indexOf("\n") !== -1) return false; focusNode = focusNode.previousSibling; while (focusNode) { if (focusNode.nodeType !== Node.TEXT_NODE) return true; if (focusNode.textContent.indexOf("\n") !== -1) return false; focusNode = focusNode.previousSibling; } return true; }, isCaretOnLastLine: function() { var selection = window.getSelection(); var focusNode = selection.focusNode; if (!focusNode || focusNode.nodeType !== Node.TEXT_NODE || focusNode.parentNode !== this.element) return true; if (focusNode.textContent.substring(selection.focusOffset).indexOf("\n") !== -1) return false; focusNode = focusNode.nextSibling; while (focusNode) { if (focusNode.nodeType !== Node.TEXT_NODE) return true; if (focusNode.textContent.indexOf("\n") !== -1) return false; focusNode = focusNode.nextSibling; } return true; }, moveCaretToEndOfPrompt: function() { var selection = window.getSelection(); var selectionRange = document.createRange(); var offset = this.element.childNodes.length; selectionRange.setStart(this.element, offset); selectionRange.setEnd(this.element, offset); selection.removeAllRanges(); selection.addRange(selectionRange); }, tabKeyPressed: function(event) { event.handled = true; this.complete(false, event.shiftKey); }, upKeyPressed: function(event) { if (!this.isCaretOnFirstLine()) return; event.handled = true; this._moveBackInHistory(); }, downKeyPressed: function(event) { if (!this.isCaretOnLastLine()) return; event.handled = true; this._moveForwardInHistory(); }, _moveBackInHistory: function() { if (!this.history || this.historyOffset == this.history.length) return; this.clearAutoComplete(true); if (this.historyOffset === 0) this.tempSavedCommand = this.text; ++this.historyOffset; this.text = this.history[this.history.length - this.historyOffset]; this.element.scrollIntoView(true); var firstNewlineIndex = this.text.indexOf("\n"); if (firstNewlineIndex === -1) this.moveCaretToEndOfPrompt(); else { var selection = window.getSelection(); var selectionRange = document.createRange(); selectionRange.setStart(this.element.firstChild, firstNewlineIndex); selectionRange.setEnd(this.element.firstChild, firstNewlineIndex); selection.removeAllRanges(); selection.addRange(selectionRange); } }, _moveForwardInHistory: function() { if (!this.history || this.historyOffset === 0) return; this.clearAutoComplete(true); --this.historyOffset; if (this.historyOffset === 0) { this.text = this.tempSavedCommand; delete this.tempSavedCommand; return; } this.text = this.history[this.history.length - this.historyOffset]; this.element.scrollIntoView(); } } ================================================ FILE: buildin_modules/weinre/web/client/TextViewer.js ================================================ /* * Copyright (C) 2009 Google Inc. All rights reserved. * Copyright (C) 2010 Apple Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.TextViewer = function(textModel, platform, url) { this._textModel = textModel; this._textModel.changeListener = this._textChanged.bind(this); this.element = document.createElement("div"); this.element.className = "text-editor monospace"; var syncScrollListener = this._syncScroll.bind(this); var syncDecorationsForLineListener = this._syncDecorationsForLine.bind(this); this._mainPanel = new WebInspector.TextEditorMainPanel(this._textModel, url, syncScrollListener, syncDecorationsForLineListener); this._gutterPanel = new WebInspector.TextEditorGutterPanel(this._textModel, syncDecorationsForLineListener); this.element.appendChild(this._mainPanel.element); this.element.appendChild(this._gutterPanel.element); } WebInspector.TextViewer.prototype = { set mimeType(mimeType) { this._mainPanel.mimeType = mimeType; }, set readOnly(readOnly) { this._mainPanel.readOnly = readOnly; }, get textModel() { return this._textModel; }, revealLine: function(lineNumber) { this._mainPanel.revealLine(lineNumber); }, addDecoration: function(lineNumber, decoration) { this._mainPanel.addDecoration(lineNumber, decoration); this._gutterPanel.addDecoration(lineNumber, decoration); }, removeDecoration: function(lineNumber, decoration) { this._mainPanel.removeDecoration(lineNumber, decoration); this._gutterPanel.removeDecoration(lineNumber, decoration); }, markAndRevealRange: function(range) { this._mainPanel.markAndRevealRange(range); }, highlightLine: function(lineNumber) { this._mainPanel.highlightLine(lineNumber); }, clearLineHighlight: function() { this._mainPanel.clearLineHighlight(); }, freeCachedElements: function() { this._mainPanel.freeCachedElements(); this._gutterPanel.freeCachedElements(); }, editLine: function(lineRow, callback) { this._mainPanel.editLine(lineRow, callback); }, get scrollTop() { return this._mainPanel.element.scrollTop; }, set scrollTop(scrollTop) { this._mainPanel.element.scrollTop = scrollTop; }, get scrollLeft() { return this._mainPanel.element.scrollLeft; }, set scrollLeft(scrollLeft) { this._mainPanel.element.scrollLeft = scrollLeft; }, beginUpdates: function() { this._mainPanel.beginUpdates(); this._gutterPanel.beginUpdates(); }, endUpdates: function() { this._mainPanel.endUpdates(); this._gutterPanel.endUpdates(); }, resize: function() { this._mainPanel.resize(); this._gutterPanel.resize(); this._updatePanelOffsets(); }, // WebInspector.TextModel listener _textChanged: function(oldRange, newRange, oldText, newText) { this._mainPanel.textChanged(); this._gutterPanel.textChanged(); this._updatePanelOffsets(); }, _updatePanelOffsets: function() { var lineNumbersWidth = this._gutterPanel.element.offsetWidth; if (lineNumbersWidth) this._mainPanel.element.style.setProperty("left", lineNumbersWidth + "px"); else this._mainPanel.element.style.removeProperty("left"); // Use default value set in CSS. }, _syncScroll: function() { // Async call due to performance reasons. setTimeout(function() { var mainElement = this._mainPanel.element; var gutterElement = this._gutterPanel.element; // Handle horizontal scroll bar at the bottom of the main panel. if (gutterElement.offsetHeight > mainElement.clientHeight) gutterElement.style.setProperty("padding-bottom", (gutterElement.offsetHeight - mainElement.clientHeight) + "px"); else gutterElement.style.removeProperty("padding-bottom"); gutterElement.scrollTop = mainElement.scrollTop; }.bind(this), 0); }, _syncDecorationsForLine: function(lineNumber) { if (lineNumber >= this._textModel.linesCount) return; var mainChunk = this._mainPanel.makeLineAChunk(lineNumber); var gutterChunk = this._gutterPanel.makeLineAChunk(lineNumber); var height = mainChunk.height; if (height) gutterChunk.element.style.setProperty("height", height + "px"); else gutterChunk.element.style.removeProperty("height"); } } WebInspector.TextEditorChunkedPanel = function(textModel) { this._textModel = textModel; this._defaultChunkSize = 50; this._paintCoalescingLevel = 0; this._domUpdateCoalescingLevel = 0; } WebInspector.TextEditorChunkedPanel.prototype = { get textModel() { return this._textModel; }, revealLine: function(lineNumber) { if (lineNumber >= this._textModel.linesCount) return; var chunk = this.makeLineAChunk(lineNumber); chunk.element.scrollIntoViewIfNeeded(); }, addDecoration: function(lineNumber, decoration) { var chunk = this.makeLineAChunk(lineNumber); chunk.addDecoration(decoration); }, removeDecoration: function(lineNumber, decoration) { var chunk = this.makeLineAChunk(lineNumber); chunk.removeDecoration(decoration); }, textChanged: function(oldRange, newRange, oldText, newText) { this._buildChunks(); }, _buildChunks: function() { this.beginDomUpdates(); this.element.removeChildren(); this._textChunks = []; for (var i = 0; i < this._textModel.linesCount; i += this._defaultChunkSize) { var chunk = this._createNewChunk(i, i + this._defaultChunkSize); this._textChunks.push(chunk); this.element.appendChild(chunk.element); } this._repaintAll(); this.endDomUpdates(); }, makeLineAChunk: function(lineNumber) { if (!this._textChunks) this._buildChunks(); var chunkNumber = this._chunkNumberForLine(lineNumber); var oldChunk = this._textChunks[chunkNumber]; if (oldChunk.linesCount === 1) return oldChunk; this.beginDomUpdates(); var wasExpanded = oldChunk.expanded; oldChunk.expanded = false; var insertIndex = chunkNumber + 1; // Prefix chunk. if (lineNumber > oldChunk.startLine) { var prefixChunk = this._createNewChunk(oldChunk.startLine, lineNumber); this._textChunks.splice(insertIndex++, 0, prefixChunk); this.element.insertBefore(prefixChunk.element, oldChunk.element); } // Line chunk. var lineChunk = this._createNewChunk(lineNumber, lineNumber + 1); this._textChunks.splice(insertIndex++, 0, lineChunk); this.element.insertBefore(lineChunk.element, oldChunk.element); // Suffix chunk. if (oldChunk.startLine + oldChunk.linesCount > lineNumber + 1) { var suffixChunk = this._createNewChunk(lineNumber + 1, oldChunk.startLine + oldChunk.linesCount); this._textChunks.splice(insertIndex, 0, suffixChunk); this.element.insertBefore(suffixChunk.element, oldChunk.element); } // Remove enclosing chunk. this._textChunks.splice(chunkNumber, 1); this.element.removeChild(oldChunk.element); if (wasExpanded) { if (prefixChunk) prefixChunk.expanded = true; lineChunk.expanded = true; if (suffixChunk) suffixChunk.expanded = true; } this.endDomUpdates(); return lineChunk; }, _scroll: function() { this._scheduleRepaintAll(); if (this._syncScrollListener) this._syncScrollListener(); }, _scheduleRepaintAll: function() { if (this._repaintAllTimer) clearTimeout(this._repaintAllTimer); this._repaintAllTimer = setTimeout(this._repaintAll.bind(this), 50); }, beginUpdates: function() { this._paintCoalescingLevel++; }, endUpdates: function() { this._paintCoalescingLevel--; if (!this._paintCoalescingLevel) this._repaintAll(); }, beginDomUpdates: function() { this._domUpdateCoalescingLevel++; }, endDomUpdates: function() { this._domUpdateCoalescingLevel--; }, _chunkNumberForLine: function(lineNumber) { for (var i = 0; i < this._textChunks.length; ++i) { var line = this._textChunks[i].startLine; if (lineNumber >= line && lineNumber < line + this._textChunks[i].linesCount) return i; } return this._textChunks.length - 1; }, _chunkForLine: function(lineNumber) { return this._textChunks[this._chunkNumberForLine(lineNumber)]; }, _repaintAll: function() { delete this._repaintAllTimer; if (this._paintCoalescingLevel || this._dirtyLines) return; if (!this._textChunks) this._buildChunks(); var visibleFrom = this.element.scrollTop; var visibleTo = this.element.scrollTop + this.element.clientHeight; var offset = 0; var fromIndex = -1; var toIndex = 0; for (var i = 0; i < this._textChunks.length; ++i) { var chunk = this._textChunks[i]; var chunkHeight = chunk.height; if (offset + chunkHeight > visibleFrom && offset < visibleTo) { if (fromIndex === -1) fromIndex = i; toIndex = i + 1; } else { if (offset >= visibleTo) break; } offset += chunkHeight; } if (toIndex) this._expandChunks(fromIndex, toIndex); }, _totalHeight: function(firstElement, lastElement) { lastElement = (lastElement || firstElement).nextElementSibling; if (lastElement) return lastElement.offsetTop - firstElement.offsetTop; else if (firstElement.offsetParent) return firstElement.offsetParent.scrollHeight - firstElement.offsetTop; return firstElement.offsetHeight; }, resize: function() { this._repaintAll(); } } WebInspector.TextEditorGutterPanel = function(textModel, syncDecorationsForLineListener) { WebInspector.TextEditorChunkedPanel.call(this, textModel); this._syncDecorationsForLineListener = syncDecorationsForLineListener; this.element = document.createElement("div"); this.element.className = "text-editor-lines"; this.element.addEventListener("scroll", this._scroll.bind(this), false); this.freeCachedElements(); this._buildChunks(); } WebInspector.TextEditorGutterPanel.prototype = { freeCachedElements: function() { this._cachedRows = []; }, _createNewChunk: function(startLine, endLine) { return new WebInspector.TextEditorGutterChunk(this, startLine, endLine); }, _expandChunks: function(fromIndex, toIndex) { for (var i = 0; i < this._textChunks.length; ++i) { this._textChunks[i].expanded = (fromIndex <= i && i < toIndex); } } } WebInspector.TextEditorGutterPanel.prototype.__proto__ = WebInspector.TextEditorChunkedPanel.prototype; WebInspector.TextEditorGutterChunk = function(textViewer, startLine, endLine) { this._textViewer = textViewer; this._textModel = textViewer._textModel; this.startLine = startLine; endLine = Math.min(this._textModel.linesCount, endLine); this.linesCount = endLine - startLine; this._expanded = false; this.element = document.createElement("div"); this.element.lineNumber = startLine; this.element.className = "webkit-line-number"; if (this.linesCount === 1) { // Single line chunks are typically created for decorations. Host line number in // the sub-element in order to allow flexible border / margin management. var innerSpan = document.createElement("span"); innerSpan.className = "webkit-line-number-inner"; innerSpan.textContent = startLine + 1; var outerSpan = document.createElement("div"); outerSpan.className = "webkit-line-number-outer"; outerSpan.appendChild(innerSpan); this.element.appendChild(outerSpan); } else { var lineNumbers = []; for (var i = startLine; i < endLine; ++i) { lineNumbers.push(i + 1); } this.element.textContent = lineNumbers.join("\n"); } } WebInspector.TextEditorGutterChunk.prototype = { addDecoration: function(decoration) { if (typeof decoration === "string") { this.element.addStyleClass(decoration); } }, removeDecoration: function(decoration) { if (typeof decoration === "string") { this.element.removeStyleClass(decoration); } }, get expanded() { return this._expanded; }, set expanded(expanded) { if (this.linesCount === 1) this._textViewer._syncDecorationsForLineListener(this.startLine); if (this._expanded === expanded) return; this._expanded = expanded; if (this.linesCount === 1) return; this._textViewer.beginDomUpdates(); if (expanded) { this._expandedLineRows = []; var parentElement = this.element.parentElement; for (var i = this.startLine; i < this.startLine + this.linesCount; ++i) { var lineRow = this._createRow(i); parentElement.insertBefore(lineRow, this.element); this._expandedLineRows.push(lineRow); } parentElement.removeChild(this.element); } else { var elementInserted = false; for (var i = 0; i < this._expandedLineRows.length; ++i) { var lineRow = this._expandedLineRows[i]; var parentElement = lineRow.parentElement; if (parentElement) { if (!elementInserted) { elementInserted = true; parentElement.insertBefore(this.element, lineRow); } parentElement.removeChild(lineRow); } this._textViewer._cachedRows.push(lineRow); } delete this._expandedLineRows; } this._textViewer.endDomUpdates(); }, get height() { if (!this._expandedLineRows) return this._textViewer._totalHeight(this.element); return this._textViewer._totalHeight(this._expandedLineRows[0], this._expandedLineRows[this._expandedLineRows.length - 1]); }, _createRow: function(lineNumber) { var lineRow = this._textViewer._cachedRows.pop() || document.createElement("div"); lineRow.lineNumber = lineNumber; lineRow.className = "webkit-line-number"; lineRow.textContent = lineNumber + 1; return lineRow; } } WebInspector.TextEditorMainPanel = function(textModel, url, syncScrollListener, syncDecorationsForLineListener) { WebInspector.TextEditorChunkedPanel.call(this, textModel); this._syncScrollListener = syncScrollListener; this._syncDecorationsForLineListener = syncDecorationsForLineListener; this._url = url; this._highlighter = new WebInspector.TextEditorHighlighter(textModel, this._highlightDataReady.bind(this)); this._readOnly = true; this.element = document.createElement("div"); this.element.className = "text-editor-contents"; this.element.tabIndex = 0; this.element.addEventListener("scroll", this._scroll.bind(this), false); // FIXME: Remove old live editing functionality and Preferences.sourceEditorEnabled flag. if (!Preferences.sourceEditorEnabled) this.element.addEventListener("keydown", this._handleKeyDown.bind(this), false); var handleDOMUpdates = this._handleDOMUpdates.bind(this); this.element.addEventListener("DOMCharacterDataModified", handleDOMUpdates, false); this.element.addEventListener("DOMNodeInserted", handleDOMUpdates, false); this.element.addEventListener("DOMNodeRemoved", handleDOMUpdates, false); // For some reasons, in a few corner cases the events above are not able to catch the editings. // To workaround that we also listen to a more general event as a backup. this.element.addEventListener("DOMSubtreeModified", this._handleDOMSubtreeModified.bind(this), false); this.freeCachedElements(); this._buildChunks(); } WebInspector.TextEditorMainPanel.prototype = { set mimeType(mimeType) { this._highlighter.mimeType = mimeType; }, set readOnly(readOnly) { // FIXME: Remove the Preferences.sourceEditorEnabled flag. if (!Preferences.sourceEditorEnabled) return; this._readOnly = readOnly; if (this._readOnly) this.element.removeStyleClass("text-editor-editable"); else this.element.addStyleClass("text-editor-editable"); }, markAndRevealRange: function(range) { if (this._rangeToMark) { var markedLine = this._rangeToMark.startLine; this._rangeToMark = null; this._paintLines(markedLine, markedLine + 1); } if (range) { this._rangeToMark = range; this.revealLine(range.startLine); this._paintLines(range.startLine, range.startLine + 1); if (this._markedRangeElement) this._markedRangeElement.scrollIntoViewIfNeeded(); } delete this._markedRangeElement; }, highlightLine: function(lineNumber) { this.clearLineHighlight(); this._highlightedLine = lineNumber; this.revealLine(lineNumber); this.addDecoration(lineNumber, "webkit-highlighted-line"); }, clearLineHighlight: function() { if (typeof this._highlightedLine === "number") { this.removeDecoration(this._highlightedLine, "webkit-highlighted-line"); delete this._highlightedLine; } }, freeCachedElements: function() { this._cachedSpans = []; this._cachedTextNodes = []; this._cachedRows = []; }, _handleKeyDown: function() { if (this._editingLine || event.metaKey || event.shiftKey || event.ctrlKey || event.altKey) return; var scrollValue = 0; if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Up.code) scrollValue = -1; else if (event.keyCode == WebInspector.KeyboardShortcut.Keys.Down.code) scrollValue = 1; if (scrollValue) { event.preventDefault(); event.stopPropagation(); this.element.scrollByLines(scrollValue); return; } scrollValue = 0; if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Left.code) scrollValue = -40; else if (event.keyCode == WebInspector.KeyboardShortcut.Keys.Right.code) scrollValue = 40; if (scrollValue) { event.preventDefault(); event.stopPropagation(); this.element.scrollLeft += scrollValue; } }, editLine: function(lineRow, callback) { var oldContent = lineRow.innerHTML; function finishEditing(committed, e, newContent) { if (committed) callback(newContent); lineRow.innerHTML = oldContent; delete this._editingLine; } this._editingLine = WebInspector.startEditing(lineRow, { context: null, commitHandler: finishEditing.bind(this, true), cancelHandler: finishEditing.bind(this, false), multiline: true }); }, _buildChunks: function() { this._highlighter.reset(); for (var i = 0; i < this._textModel.linesCount; ++i) this._textModel.removeAttribute(i, "highlight"); WebInspector.TextEditorChunkedPanel.prototype._buildChunks.call(this); }, _createNewChunk: function(startLine, endLine) { return new WebInspector.TextEditorMainChunk(this, startLine, endLine); }, _expandChunks: function(fromIndex, toIndex) { var lastChunk = this._textChunks[toIndex - 1]; var lastVisibleLine = lastChunk.startLine + lastChunk.linesCount; var selection = this._getSelection(); this._muteHighlightListener = true; this._highlighter.highlight(lastVisibleLine); delete this._muteHighlightListener; for (var i = 0; i < this._textChunks.length; ++i) { this._textChunks[i].expanded = (fromIndex <= i && i < toIndex); } this._restoreSelection(selection); }, _highlightDataReady: function(fromLine, toLine) { if (this._muteHighlightListener || this._dirtyLines) return; this._paintLines(fromLine, toLine, true /*restoreSelection*/); }, _paintLines: function(fromLine, toLine, restoreSelection) { var selection; var chunk = this._chunkForLine(fromLine); for (var i = fromLine; i < toLine; ++i) { if (i >= chunk.startLine + chunk.linesCount) chunk = this._chunkForLine(i); var lineRow = chunk.getExpandedLineRow(i); if (!lineRow) continue; if (restoreSelection && !selection) selection = this._getSelection(); this._paintLine(lineRow, i); } if (restoreSelection) this._restoreSelection(selection); }, _paintLine: function(lineRow, lineNumber) { this.beginDomUpdates(); try { var highlight = this._textModel.getAttribute(lineNumber, "highlight"); if (!highlight) { if (this._rangeToMark && this._rangeToMark.startLine === lineNumber) this._markedRangeElement = highlightSearchResult(lineRow, this._rangeToMark.startColumn, this._rangeToMark.endColumn - this._rangeToMark.startColumn); return; } lineRow.removeChildren(); var line = this._textModel.line(lineNumber); if (!line) lineRow.appendChild(document.createElement("br")); var plainTextStart = -1; for (var j = 0; j < line.length;) { if (j > 1000) { // This line is too long - do not waste cycles on minified js highlighting. if (plainTextStart === -1) plainTextStart = j; break; } var attribute = highlight[j]; if (!attribute || !attribute.tokenType) { if (plainTextStart === -1) plainTextStart = j; j++; } else { if (plainTextStart !== -1) { this._appendTextNode(lineRow, line.substring(plainTextStart, j)); plainTextStart = -1; } this._appendSpan(lineRow, line.substring(j, j + attribute.length), attribute.tokenType); j += attribute.length; } } if (plainTextStart !== -1) this._appendTextNode(lineRow, line.substring(plainTextStart, line.length)); if (this._rangeToMark && this._rangeToMark.startLine === lineNumber) this._markedRangeElement = highlightSearchResult(lineRow, this._rangeToMark.startColumn, this._rangeToMark.endColumn - this._rangeToMark.startColumn); if (lineRow.decorationsElement) lineRow.appendChild(lineRow.decorationsElement); } finally { this.endDomUpdates(); } }, _releaseLinesHighlight: function(lineRow) { if (!lineRow) return; if ("spans" in lineRow) { var spans = lineRow.spans; for (var j = 0; j < spans.length; ++j) this._cachedSpans.push(spans[j]); delete lineRow.spans; } if ("textNodes" in lineRow) { var textNodes = lineRow.textNodes; for (var j = 0; j < textNodes.length; ++j) this._cachedTextNodes.push(textNodes[j]); delete lineRow.textNodes; } this._cachedRows.push(lineRow); }, _getSelection: function() { var selection = window.getSelection(); if (!selection.rangeCount) return null; var selectionRange = selection.getRangeAt(0); // Selection may be outside of the viewer. if (!this.element.isAncestor(selectionRange.startContainer) || !this.element.isAncestor(selectionRange.endContainer)) return null; var start = this._selectionToPosition(selectionRange.startContainer, selectionRange.startOffset); var end = selectionRange.collapsed ? start : this._selectionToPosition(selectionRange.endContainer, selectionRange.endOffset); if (selection.anchorNode === selectionRange.startContainer && selection.anchorOffset === selectionRange.startOffset) return new WebInspector.TextRange(start.line, start.column, end.line, end.column); else return new WebInspector.TextRange(end.line, end.column, start.line, start.column); }, _restoreSelection: function(range) { if (!range) return; var start = this._positionToSelection(range.startLine, range.startColumn); var end = range.isEmpty() ? start : this._positionToSelection(range.endLine, range.endColumn); window.getSelection().setBaseAndExtent(start.container, start.offset, end.container, end.offset); }, _selectionToPosition: function(container, offset) { if (container === this.element && offset === 0) return { line: 0, column: 0 }; if (container === this.element && offset === 1) return { line: this._textModel.linesCount - 1, column: this._textModel.lineLength(this._textModel.linesCount - 1) }; var lineRow = container.enclosingNodeOrSelfWithNodeName("DIV"); var lineNumber = lineRow.lineNumber; if (container === lineRow && offset === 0) return { line: lineNumber, column: 0 }; // This may be chunk and chunks may contain \n. var column = 0; var node = lineRow.traverseNextTextNode(lineRow); while (node && node !== container) { var text = node.textContent; for (var i = 0; i < text.length; ++i) { if (text.charAt(i) === "\n") { lineNumber++; column = 0; } else column++; } node = node.traverseNextTextNode(lineRow); } if (node === container && offset) { var text = node.textContent; for (var i = 0; i < offset; ++i) { if (text.charAt(i) === "\n") { lineNumber++; column = 0; } else column++; } } return { line: lineNumber, column: column }; }, _positionToSelection: function(line, column) { var chunk = this._chunkForLine(line); var lineRow = chunk.getExpandedLineRow(line); if (lineRow) var rangeBoundary = lineRow.rangeBoundaryForOffset(column); else { var offset = column; for (var i = chunk.startLine; i < line; ++i) offset += this._textModel.lineLength(i) + 1; // \n lineRow = chunk.element; if (lineRow.firstChild) var rangeBoundary = { container: lineRow.firstChild, offset: offset }; else var rangeBoundary = { container: lineRow, offset: 0 }; } return rangeBoundary; }, _appendSpan: function(element, content, className) { if (className === "html-resource-link" || className === "html-external-link") { element.appendChild(this._createLink(content, className === "html-external-link")); return; } var span = this._cachedSpans.pop() || document.createElement("span"); span.className = "webkit-" + className; span.textContent = content; element.appendChild(span); if (!("spans" in element)) element.spans = []; element.spans.push(span); }, _appendTextNode: function(element, text) { var textNode = this._cachedTextNodes.pop(); if (textNode) textNode.nodeValue = text; else textNode = document.createTextNode(text); element.appendChild(textNode); if (!("textNodes" in element)) element.textNodes = []; element.textNodes.push(textNode); }, _createLink: function(content, isExternal) { var quote = content.charAt(0); if (content.length > 1 && (quote === "\"" || quote === "'")) content = content.substring(1, content.length - 1); else quote = null; var a = WebInspector.linkifyURLAsNode(this._rewriteHref(content), content, null, isExternal); var span = document.createElement("span"); span.className = "webkit-html-attribute-value"; if (quote) span.appendChild(document.createTextNode(quote)); span.appendChild(a); if (quote) span.appendChild(document.createTextNode(quote)); return span; }, _rewriteHref: function(hrefValue, isExternal) { if (!this._url || !hrefValue || hrefValue.indexOf("://") > 0) return hrefValue; return WebInspector.completeURL(this._url, hrefValue); }, textChanged: function(oldRange, newRange, oldText, newText) { // FIXME: Update only that part of the editor that has just been changed. this._buildChunks(); }, _handleDOMUpdates: function(e) { if (this._domUpdateCoalescingLevel) return; var target = e.target; if (target === this.element) return; var lineRow = target.enclosingNodeOrSelfWithClass("webkit-line-content"); if (!lineRow) return; if (lineRow.decorationsElement && lineRow.decorationsElement.isAncestor(target)) { if (this._syncDecorationsForLineListener) { // Wait until this event is processed and only then sync the sizes. This is necessary in // case of the DOMNodeRemoved event, because it is dispatched before the removal takes place. setTimeout(function() { this._syncDecorationsForLineListener(lineRow.lineNumber); }.bind(this), 0); } return; } if (this._readOnly) return; if (target === lineRow && (e.type === "DOMNodeInserted" || e.type === "DOMNodeRemoved")) { // The "lineNumber" (if any) is no longer valid for a line being removed or inserted. delete lineRow.lineNumber; } var startLine = 0; for (var row = lineRow; row; row = row.previousSibling) { if (typeof row.lineNumber === "number") { startLine = row.lineNumber; break; } } var endLine = this._textModel.linesCount; for (var row = lineRow.nextSibling; row; row = row.nextSibling) { if (typeof row.lineNumber === "number") { endLine = row.lineNumber; break; } } if (this._dirtyLines) { this._dirtyLines.start = Math.min(this._dirtyLines.start, startLine); this._dirtyLines.end = Math.max(this._dirtyLines.end, endLine); } else { this._dirtyLines = { start: startLine, end: endLine }; setTimeout(this._applyDomUpdates.bind(this), 0); } }, _handleDOMSubtreeModified: function(e) { if (this._domUpdateCoalescingLevel || this._readOnly || e.target !== this.element) return; // Proceed only when other events failed to catch the DOM updates, otherwise it is not necessary. if (this._dirtyLines) return; var selection = this._getSelection(); if (!selection) return; var startLine = Math.min(selection.startLine, selection.endLine); var endLine = Math.max(selection.startLine, selection.endLine) + 1; endLine = Math.min(this._textModel.linesCount, endLine); this._dirtyLines = { start: startLine, end: endLine }; setTimeout(this._applyDomUpdates.bind(this), 0); }, _applyDomUpdates: function() { if (!this._dirtyLines) return; var dirtyLines = this._dirtyLines; delete this._dirtyLines; // Check if the editor had been set readOnly by the moment when this async callback got executed. if (this._readOnly) return; // FIXME: DELETE DECORATIONS IN THE INVOLVED CHUNKS IF ANY! SYNC THE GUTTER ALSO. // FIXME: DELETE MARKED AND HIGHLIGHTED LINES (INVALIDATE SEARCH RESULTS)! this._markedRangeElement var firstChunkNumber = this._chunkNumberForLine(dirtyLines.start); var startLine = this._textChunks[firstChunkNumber].startLine; var endLine = this._textModel.linesCount; // Collect lines. var firstLineRow; if (firstChunkNumber) { var chunk = this._textChunks[firstChunkNumber - 1]; firstLineRow = chunk.expanded ? chunk.getExpandedLineRow(chunk.startLine + chunk.linesCount - 1) : chunk.element; firstLineRow = firstLineRow.nextSibling; } else { firstLineRow = this.element.firstChild; } var lines = []; for (var lineRow = firstLineRow; lineRow; lineRow = lineRow.nextSibling) { if (typeof lineRow.lineNumber === "number" && lineRow.lineNumber >= dirtyLines.end) { endLine = lineRow.lineNumber; break; } // Update with the newest lineNumber, so that the call to the _getSelection method below should work. lineRow.lineNumber = startLine + lines.length; this._collectLinesFromDiv(lines, lineRow); } // Try to decrease the range being replaced if possible. var startOffset = 0; while (startLine < dirtyLines.start && startOffset < lines.length) { if (this._textModel.line(startLine) !== lines[startOffset]) break; ++startOffset; ++startLine; } var endOffset = lines.length; while (endLine > dirtyLines.end && endOffset > startOffset) { if (this._textModel.line(endLine - 1) !== lines[endOffset - 1]) break; --endOffset; --endLine; } lines = lines.slice(startOffset, endOffset); var selection = this._getSelection(); this.beginUpdates(); if (lines.length === 0 && endLine < this._textModel.linesCount) { var range = new WebInspector.TextRange(startLine, 0, endLine, 0); var newRange = this._textModel.setText(range, ''); } else { var range = new WebInspector.TextRange(startLine, 0, endLine - 1, this._textModel.lineLength(endLine - 1)); var newRange = this._textModel.setText(range, lines.join("\n")); } this.endUpdates(); this._restoreSelection(selection); }, _collectLinesFromDiv: function(lines, element) { var textContents = []; var node = element.traverseNextNode(element); while (node) { if (node.nodeName.toLowerCase() === "br") textContents.push("\n"); else if (node.nodeType === Node.TEXT_NODE) textContents.push(node.textContent); node = node.traverseNextNode(element); } var textContent = textContents.join(''); // The last \n (if any) does not "count" in a DIV. textContent = textContent.replace(/\n$/, ''); textContents = textContent.split("\n"); for (var i = 0; i < textContents.length; ++i) lines.push(textContents[i]); } } WebInspector.TextEditorMainPanel.prototype.__proto__ = WebInspector.TextEditorChunkedPanel.prototype; WebInspector.TextEditorMainChunk = function(textViewer, startLine, endLine) { this._textViewer = textViewer; this._textModel = textViewer._textModel; this.element = document.createElement("div"); this.element.lineNumber = startLine; this.element.className = "webkit-line-content"; this.startLine = startLine; endLine = Math.min(this._textModel.linesCount, endLine); this.linesCount = endLine - startLine; this._expanded = false; var lines = []; for (var i = startLine; i < endLine; ++i) { lines.push(this._textModel.line(i)); } this.element.textContent = lines.join("\n"); // The last empty line will get swallowed otherwise. if (!lines[lines.length - 1]) this.element.appendChild(document.createElement("br")); } WebInspector.TextEditorMainChunk.prototype = { addDecoration: function(decoration) { if (typeof decoration === "string") { this.element.addStyleClass(decoration); return; } this._textViewer.beginDomUpdates(); if (!this.element.decorationsElement) { this.element.decorationsElement = document.createElement("div"); this.element.decorationsElement.className = "webkit-line-decorations"; this.element.appendChild(this.element.decorationsElement); } this.element.decorationsElement.appendChild(decoration); this._textViewer.endDomUpdates(); }, removeDecoration: function(decoration) { if (typeof decoration === "string") { this.element.removeStyleClass(decoration); return; } if (!this.element.decorationsElement) return; this._textViewer.beginDomUpdates(); this.element.decorationsElement.removeChild(decoration); this._textViewer.endDomUpdates(); }, get expanded() { return this._expanded; }, set expanded(expanded) { if (this._expanded === expanded) return; this._expanded = expanded; if (this.linesCount === 1) { if (expanded) this._textViewer._paintLine(this.element, this.startLine); return; } this._textViewer.beginDomUpdates(); if (expanded) { this._expandedLineRows = []; var parentElement = this.element.parentElement; for (var i = this.startLine; i < this.startLine + this.linesCount; ++i) { var lineRow = this._createRow(i); parentElement.insertBefore(lineRow, this.element); this._expandedLineRows.push(lineRow); this._textViewer._paintLine(lineRow, i); } parentElement.removeChild(this.element); } else { var elementInserted = false; for (var i = 0; i < this._expandedLineRows.length; ++i) { var lineRow = this._expandedLineRows[i]; var parentElement = lineRow.parentElement; if (parentElement) { if (!elementInserted) { elementInserted = true; parentElement.insertBefore(this.element, lineRow); } parentElement.removeChild(lineRow); } this._textViewer._releaseLinesHighlight(lineRow); } delete this._expandedLineRows; } this._textViewer.endDomUpdates(); }, get height() { if (!this._expandedLineRows) return this._textViewer._totalHeight(this.element); return this._textViewer._totalHeight(this._expandedLineRows[0], this._expandedLineRows[this._expandedLineRows.length - 1]); }, _createRow: function(lineNumber) { var lineRow = this._textViewer._cachedRows.pop() || document.createElement("div"); lineRow.lineNumber = lineNumber; lineRow.className = "webkit-line-content"; lineRow.textContent = this._textModel.line(lineNumber); if (!lineRow.textContent) lineRow.appendChild(document.createElement("br")); return lineRow; }, getExpandedLineRow: function(lineNumber) { if (!this._expanded || lineNumber < this.startLine || lineNumber >= this.startLine + this.linesCount) return null; if (!this._expandedLineRows) return this.element; return this._expandedLineRows[lineNumber - this.startLine]; } } ================================================ FILE: buildin_modules/weinre/web/client/TimelineAgent.js ================================================ /* * Copyright (C) 2009 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.TimelineAgent = function() { // Not implemented. } // Must be kept in sync with TimelineItem.h WebInspector.TimelineAgent.RecordType = { EventDispatch : 0, Layout : 1, RecalculateStyles : 2, Paint : 3, ParseHTML : 4, TimerInstall : 5, TimerRemove : 6, TimerFire : 7, XHRReadyStateChange : 8, XHRLoad : 9, EvaluateScript : 10, MarkTimeline : 11, ResourceSendRequest : 12, ResourceReceiveResponse : 13, ResourceFinish : 14, FunctionCall : 15, ResourceReceiveData: 16, GCEvent : 17, MarkDOMContentEventType : 18, MarkLoadEventType : 19, ScheduleResourceRequest : 20 }; ================================================ FILE: buildin_modules/weinre/web/client/TimelineGrid.js ================================================ /* * Copyright (C) 2007, 2008 Apple Inc. All rights reserved. * Copyright (C) 2008, 2009 Anthony Ricaud
tags for better text balancing, so we // put it into elements using 'innerHTML', not 'textContent'. messageElement.innerHTML = message; else messageElement.appendChild(message); this.instructionsElement.appendChild(messageElement); } } WebInspector.WelcomeView.prototype.__proto__ = WebInspector.View.prototype; ================================================ FILE: buildin_modules/weinre/web/client/WorkersSidebarPane.js ================================================ /* * Copyright (C) 2010 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ WebInspector.WorkersSidebarPane = function() { WebInspector.SidebarPane.call(this, WebInspector.UIString("Workers")); this._workers = {}; this._enableWorkersCheckbox = new WebInspector.Checkbox( WebInspector.UIString("Debug"), "sidebar-pane-subtitle", WebInspector.UIString("Allow debugging workers. Enabling this option will replace native workers with the iframe-based JavaScript implementation")); this.titleElement.insertBefore(this._enableWorkersCheckbox.element, this.titleElement.firstChild); this._enableWorkersCheckbox.addEventListener(this._onTriggerInstrument.bind(this)); this._enableWorkersCheckbox.checked = false; this._listElement = document.createElement("ol"); this._listElement.className = "workers-list"; this.bodyElement.appendChild(this._listElement); this._treeOutline = new TreeOutline(this._listElement); } WebInspector.WorkersSidebarPane.prototype = { addWorker: function(id, url, isShared) { if (id in this._workers) return; var worker = new WebInspector.Worker(id, url, isShared); this._workers[id] = worker; var title = WebInspector.linkifyURL(url, WebInspector.displayNameForURL(url), "worker-item", true, url); var treeElement = new TreeElement(null, worker, false); treeElement.titleHTML = title; this._treeOutline.appendChild(treeElement); }, removeWorker: function(id) { if (id in this._workers) { this._treeOutline.removeChild(this._treeOutline.findTreeElement(this._workers[id])); delete this._workers[id]; } }, setInstrumentation: function(enabled) { InspectorBackend.removeAllScriptsToEvaluateOnLoad(); if (enabled) InspectorBackend.addScriptToEvaluateOnLoad("(" + InjectedFakeWorker + ")"); }, reset: function() { this.setInstrumentation(this._enableWorkersCheckbox.checked); this._treeOutline.removeChildren(); this._workers = {}; }, _onTriggerInstrument: function(event) { this.setInstrumentation(this._enableWorkersCheckbox.checked); } }; WebInspector.WorkersSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; WebInspector.Worker = function(id, url, shared) { this.id = id; this.url = url; this.shared = shared; } ================================================ FILE: buildin_modules/weinre/web/client/audits.css ================================================ /* * Copyright (C) 2008 Apple Inc. All rights reserved. * Copyright (C) 2009 Google Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ .audits-sidebar-tree-item .icon { content: url(Images/resourcesTimeGraphIcon.png); } .audit-result-sidebar-tree-item .icon { content: url(Images/resourceDocumentIcon.png); } #audit-views { position: absolute; top: 0; right: 0; left: 200px; bottom: 0; overflow: auto; } .audit-launcher-view { z-index: 1000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: white; font-size: 13px; overflow-x: hidden; overflow-y: overlay; display: none; } .audit-launcher-view.visible { display: block; } .audit-launcher-view .audit-launcher-view-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 0 0 16px; white-space: nowrap; display: -webkit-box; -webkit-box-orient: vertical; } .audit-launcher-view h1 { color: rgb(110, 116, 128); font-size: 16px; line-height: 20px; font-weight: normal; padding-top: 15px; } .audit-launcher-view h1.no-audits { text-align: center; font-style: italic; position: relative; left: -8px; } .audit-launcher-view div.button-container { display: -webkit-box; -webkit-box-orient: vertical; width: 100%; padding: 16px 0; } .audit-launcher-view .flexible-space { -webkit-box-flex: 1; } .audit-launcher-view div.audit-categories-container { position: relative; top: 11px; left: 0; width: 100%; overflow-y: auto; } .audit-launcher-view button { color: rgb(6, 6, 6); background-color: transparent; border: 1px solid rgb(165, 165, 165); background-color: rgb(237, 237, 237); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); -webkit-border-radius: 12px; -webkit-appearance: none; } .audit-launcher-view button { font-size: 13px; padding: 3px 20px; height: 24px; margin: 0 5px 0 0; } .audit-launcher-view button:active { background-color: rgb(215, 215, 215); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); } body.inactive .audit-launcher-view button, .audit-launcher-view button:disabled { color: rgb(130, 130, 130); border-color: rgb(212, 212, 212); background-color: rgb(239, 239, 239); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235))); } .audit-launcher-view label { position: relative; display: block; text-align: left; word-break: break-word; padding: 0 0 5px 0; } .audit-launcher-view label.disabled { color: rgb(130, 130, 130); } .audit-launcher-view input[type="checkbox"] { margin-left: 0; } .audit-launcher-view input[type="radio"] { height: 17px; width: 17px; border: 1px solid rgb(165, 165, 165); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); -webkit-border-radius: 8px; -webkit-appearance: none; vertical-align: middle; margin: 0 5px 5px 0; } .audit-launcher-view input[type="radio"]:active:not(:disabled) { background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); } .audit-launcher-view input[type="radio"]:checked:not(:disabled), .audit-launcher-view input[type="radio"]:checked:disabled { background: url(Images/radioDot.png) center no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); } .audit-launcher-view .resource-progress > img { content: url(Images/spinner.gif); vertical-align: text-top; margin: 0 4px 0 8px; } .audit-result-view { overflow: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; } .audit-result-view.visible { display: block; } .audit-result-view .severity-severe { content: url(Images/errorRedDot.png); } .audit-result-view .severity-warning { content: url(Images/warningOrangeDot.png); } .audit-result-view .severity-info { content: url(Images/successGreenDot.png); } .audit-result-tree li.parent::before { content: url(Images/treeRightTriangleBlack.png); float: left; width: 8px; height: 8px; margin-top: 1px; padding-right: 2px; } .audit-result-tree { font-size: 11px; line-height: 14px; -webkit-user-select: text; } .audit-result-tree > ol { position: relative; padding: 2px 6px !important; margin: 0; color: rgb(84, 84, 84); cursor: default; min-width: 100%; } .audit-result-tree, .audit-result-tree ol { list-style-type: none; -webkit-padding-start: 12px; margin: 0; } .audit-result-tree li { padding: 0 0 0 14px; margin-top: 1px; margin-bottom: 1px; word-wrap: break-word; text-indent: -2px; } .audit-result-tree li.parent { text-indent: -12px } .audit-result-tree li.parent::before { content: url(Images/treeRightTriangleBlack.png); float: left; width: 8px; height: 8px; margin-top: 0; padding-right: 2px; } .audit-result-tree li.parent.expanded::before { content: url(Images/treeDownTriangleBlack.png); } .audit-result-tree ol.children { display: none; } .audit-result-tree ol.children.expanded { display: block; } .audit-result { font-weight: bold; color: black; } .audit-result img { float: left; margin-left: -40px; margin-top: -1px; } ================================================ FILE: buildin_modules/weinre/web/client/goToLineDialog.css ================================================ .go-to-line-dialog { position: absolute; top: 40%; left: 40%; z-index: 1900; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#CFCFCF)); display: -webkit-box; -webkit-box-orient: vertical; padding: 10px; border-radius: 10px; border: 1px solid gray; -webkit-box-shadow: rgb(40,40,40) 0px 0px 50px; font-size: 11px; font-family: 'Lucida Grande', sans-serif; } .go-to-line-dialog input { font-size: 11px; } .go-to-line-dialog button { font-size: 11px; color: rgb(6, 6, 6); border: 1px solid rgb(165, 165, 165); background-color: rgb(237, 237, 237); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223))); -webkit-border-radius: 12px; -webkit-appearance: none; padding: 3px 20px; margin: 0 0 0 10px; } .go-to-line-dialog button:active { background-color: rgb(215, 215, 215); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239))); } ================================================ FILE: buildin_modules/weinre/web/client/heapProfiler.css ================================================ /* * Copyright (C) 2009 Google Inc. All rights reserved. * Copyright (C) 2010 Apple Inc. All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are * met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reproduce the above * copyright notice, this list of conditions and the following disclaimer * in the documentation and/or other materials provided with the * distribution. * * Neither the name of Google Inc. nor the names of its * contributors may be used to endorse or promote products derived from * this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ .heap-snapshot-sidebar-tree-item .icon { content: url(Images/profileIcon.png); } .heap-snapshot-sidebar-tree-item.small .icon { content: url(Images/profileSmallIcon.png); } .heap-snapshot-view { display: none; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .heap-snapshot-view.visible { display: block; } .heap-snapshot-view .data-grid { border: none; max-height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 93px; } .heap-snapshot-view .data-grid th.count-column { text-align: center; } .heap-snapshot-view .data-grid td.count-column { text-align: right; } .heap-snapshot-view .data-grid th.size-column { text-align: center; } .heap-snapshot-view .data-grid td.size-column { text-align: right; } .heap-snapshot-view .data-grid th.countDelta-column { text-align: center; } .heap-snapshot-view .data-grid td.countDelta-column { text-align: right; } .heap-snapshot-view .data-grid th.sizeDelta-column { text-align: center; } .heap-snapshot-view .data-grid td.sizeDelta-column { text-align: right; } #heap-snapshot-summary-container { position: absolute; padding-top: 20px; bottom: 0; left: 0; right: 0; height: 93px; margin-left: -1px; border-left: 1px solid rgb(102, 102, 102); background-color: rgb(101, 111, 130); background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-repeat: repeat-x; background-position: top; text-align: center; text-shadow: black 0 1px 1px; white-space: nowrap; color: white; -webkit-background-size: 1px 6px; -webkit-background-origin: padding; -webkit-background-clip: padding; } .heap-snapshot-summary { display: inline-block; width: 50%; min-width: 300px; position: relative; } .heap-snapshot-summary canvas.summary-graph { width: 225px; } .heap-snapshot-summary-label { font-size: 12px; font-weight: bold; position: absolute; top: 1px; width: 50%; left: 25%; } ================================================ FILE: buildin_modules/weinre/web/client/helpScreen.css ================================================ .help-window-outer { position: absolute; top: 60px; left: 5%; width: 90%; bottom: 40px; z-index: 2000; } body.attached .help-window-outer { top: 32px; left: 0; width: 100%; bottom: 24px; } .help-window-main { max-height: 100%; opacity: 0.85; color: white; background-color: black; display: -webkit-box; -webkit-box-orient: vertical; border: 20px black solid; border-top-width: 0; border-radius: 8px; -webkit-box-shadow: 10px 10px 8px rgba(40, 40, 40, 0.40); } body.attached .help-window-main { border-width: 10px; border-radius: 0; -webkit-box-shadow: 0 0 0; } .help-window-caption { margin: 8px; } body.attached .help-window-caption { display: none; } .help-window-title { border-bottom: solid 1px lightGrey; font-size: 18px; padding-bottom: 6px; } .help-content { overflow-y: auto; overflow-x: hidden; scrollbar-width: 11px; -webkit-box-flex: 1; } .help-content::-webkit-scrollbar { width: 11px; } .help-content::-webkit-scrollbar-corner, .help-content::-webkit-resizer { display: none; } .help-content::-webkit-scrollbar-thumb:vertical { background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(128, 128, 128)), color-stop(40%, rgb(96, 96, 96))); border-radius: 5px; min-height: 20px; } .help-content::-webkit-scrollbar-thumb:vertical:hover, .help-content::-webkit-scrollbar-thumb:vertical:active { background: -webkit-gradient(linear, left top, right top, from(rgb(176, 176, 176)), to(rgb(176, 176, 176)), color-stop(40%, rgb(144, 144, 144))); } .help-content::-webkit-scrollbar-track:vertical { background: -webkit-gradient(linear, left top, right top, from(rgb(10, 10, 10)), to(rgb(32, 32, 32)), color-stop(25%, rgb(32, 32, 32))); border-radius: 5px; } .help-close-button { border: 0; padding: 0; margin: 0px -20px 15px -20px; font-size: 14px; color: rgb(222, 222, 222); background: -webkit-gradient(radial, 30% 30%, 1, 50% 50%, 8, from(rgb(128, 128, 128)), to(rgb(80, 80, 80))); border-radius: 8px; height: 16px; width: 16px; } .help-close-button:hover { color: white; } body.platform-mac .help-close-button { float: left; margin-right: 10px; font-size: 12px; } body:not(.platform-mac) .help-close-button { float: right; } .help-table { width: 100%; font-size: 13px; -webkit-user-select: auto; } .help-table th { padding-top: 6px; text-align: left; color: yellow; } .help-table td { white-space: nowrap; vertical-align: top; } .help-key-cell { text-align: right; } .help-key { color: yellow; } body:not(.platform-mac) .help-key { font-weight: bold; text-shadow: black 1px 1px 7px; } body.platform-mac .help-key { font-family: Lucida Grande, sans-serif; font-size: 13px; } .help-combine-keys { color: white; font-weight: bold; margin: 0 0.3em; font-size: 12px; } .help-key-delimiter { color: white; margin: 0 0.5em; } ================================================ FILE: buildin_modules/weinre/web/client/index.html ================================================