DevTools: [Elements] Implement "Copy CSS Path" context menu item for elements

Source/devtools/front_end/DOMAgent.js

 /*
  * Copyright (C) 2009, 2010 Google 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:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
@@ skipping 102 matching lines @@
 WebInspector.DOMNode.PseudoElementNames = {
     Before: "before",
     After: "after"
 }
 
 WebInspector.DOMNode.ShadowRootTypes = {
     UserAgent: "user-agent",
     Author: "author"
 }
 
-/**
- * @constructor
- * @param {string} value
- * @param {boolean} optimized
- */
-WebInspector.DOMNode.XPathStep = function(value, optimized)
-{
-    this.value = value;
-    this.optimized = optimized;
-}
-
-WebInspector.DOMNode.XPathStep.prototype = {
-    toString: function()
-    {
-        return this.value;
-    }
-}
-
 WebInspector.DOMNode.prototype = {
     /**
      * @return {Array.<WebInspector.DOMNode>}
      */
     children: function()
     {
         return this._children ? this._children.slice() : null;
     },
 
     /**
@@ skipping 270 matching lines @@
     {
         function copy(error, text)
         {
             if (!error)
                 InspectorFrontendHost.copyText(text);
         }
         DOMAgent.getOuterHTML(this.id, copy);
     },
 
     /**
-     * @param {boolean} optimized
-     */
-    copyXPath: function(optimized)
-    {
-        InspectorFrontendHost.copyText(this.xPath(optimized));
-    },
-
-    /**
      * @param {string} objectGroupId
      * @param {function(?Protocol.Error)=} callback
      */
     eventListeners: function(objectGroupId, callback)
     {
         DOMAgent.getEventListenersForNode(this.id, objectGroupId, callback);
     },
 
     /**
      * @return {string}
@@ skipping 199 matching lines @@
     },
 
     /**
      * @return {boolean}
      */
     isXMLNode: function()
     {
         return !!this.ownerDocument && !!this.ownerDocument.xmlVersion;
     },
 
-    /**
-     * @param {boolean} optimized
-     * @return {string}
-     */
-    xPath: function(optimized)
-    {
-        if (this._nodeType === Node.DOCUMENT_NODE)
-            return "/";
-
-        var steps = [];
-        var contextNode = this;
-        while (contextNode) {
-            var step = contextNode._xPathValue(optimized);
-            if (!step)
-                break; // Error - bail out early.
-            steps.push(step);
-            if (step.optimized)
-                break;
-            contextNode = contextNode.parentNode;
-        }
-
-        steps.reverse();
-        return (steps.length && steps[0].optimized ? "" : "/") + steps.join("/");
-    },
-
-    /**
-     * @param {boolean} optimized
-     * @return {WebInspector.DOMNode.XPathStep}
-     */
-    _xPathValue: function(optimized)
-    {
-        var ownValue;
-        var ownIndex = this._xPathIndex();
-        if (ownIndex === -1)
-            return null; // Error.
-
-        switch (this._nodeType) {
-        case Node.ELEMENT_NODE:
-            if (optimized && this.getAttribute("id"))
-                return new WebInspector.DOMNode.XPathStep("//*[@id=\"" + this.getAttribute("id") + "\"]", true);
-            ownValue = this._localName;
-            break;
-        case Node.ATTRIBUTE_NODE:
-            ownValue = "@" + this._nodeName;
-            break;
-        case Node.TEXT_NODE:
-        case Node.CDATA_SECTION_NODE:
-            ownValue = "text()";
-            break;
-        case Node.PROCESSING_INSTRUCTION_NODE:
-            ownValue = "processing-instruction()";
-            break;
-        case Node.COMMENT_NODE:
-            ownValue = "comment()";
-            break;
-        case Node.DOCUMENT_NODE:
-            ownValue = "";
-            break;
-        default:
-            ownValue = "";
-            break;
-        }
-
-        if (ownIndex > 0)
-            ownValue += "[" + ownIndex + "]";
-
-        return new WebInspector.DOMNode.XPathStep(ownValue, this._nodeType === Node.DOCUMENT_NODE);
-    },
-
-    /**
-     * @return {number}
-     */
-    _xPathIndex: function()
-    {
-        // Returns -1 in case of error, 0 if no siblings matching the same expression, <XPath index among the same expression-matching sibling nodes> otherwise.
-        function areNodesSimilar(left, right)
-        {
-            if (left === right)
-                return true;
-
-            if (left._nodeType === Node.ELEMENT_NODE && right._nodeType === Node.ELEMENT_NODE)
-                return left._localName === right._localName;
-
-            if (left._nodeType === right._nodeType)
-                return true;
-
-            // XPath treats CDATA as text nodes.
-            var leftType = left._nodeType === Node.CDATA_SECTION_NODE ? Node.TEXT_NODE : left._nodeType;
-            var rightType = right._nodeType === Node.CDATA_SECTION_NODE ? Node.TEXT_NODE : right._nodeType;
-            return leftType === rightType;
-        }
-
-        var siblings = this.parentNode ? this.parentNode._children : null;
-        if (!siblings)
-            return 0; // Root node - no siblings.
-        var hasSameNamedElements;
-        for (var i = 0; i < siblings.length; ++i) {
-            if (areNodesSimilar(this, siblings[i]) && siblings[i] !== this) {
-                hasSameNamedElements = true;
-                break;
-            }
-        }
-        if (!hasSameNamedElements)
-            return 0;
-        var ownIndex = 1; // XPath indices start with 1.
-        for (var i = 0; i < siblings.length; ++i) {
-            if (areNodesSimilar(this, siblings[i])) {
-                if (siblings[i] === this)
-                    return ownIndex;
-                ++ownIndex;
-            }
-        }
-        return -1; // An error occurred: |this| not found in parent's children.
-    },
-
     _updateChildUserPropertyCountsOnRemoval: function(parentNode)
     {
         var result = {};
         if (this._userProperties) {
             for (var name in this._userProperties)
                 result[name] = (result[name] || 0) + 1;
         }
 
         if (this._descendantUserPropertyCounters) {
             for (var name in this._descendantUserPropertyCounters) {
@@ skipping 940 matching lines @@
     setInspectModeEnabled: function(enabled, inspectShadowDOM, config, callback)
     {
         DOMAgent.setInspectModeEnabled(enabled, inspectShadowDOM, config, callback);
     }
 }
 
 /**
  * @type {?WebInspector.DOMAgent}
  */
 WebInspector.domAgent = null;