DevTools: [Documentation] Add property token autodetection

Source/devtools/front_end/documentation/DocumentationView.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  */
 WebInspector.DocumentationView = function()
 {
@@ skipping 27 matching lines @@
     /**
      * @param {!Event} event
      * @param {!WebInspector.ContextMenu} contextMenu
      * @param {!Object} target
      */
     appendApplicableItems: function(event, contextMenu, target)
     {
         if (!(target instanceof WebInspector.CodeMirrorTextEditor))
             return;
         var textEditor = /** @type {!WebInspector.CodeMirrorTextEditor} */ (target);
-        var selection = textEditor.selection();
-        if (!selection || selection.isEmpty() || selection.startLine !== selection.endLine)
-            return;
-        var selectedText = textEditor.copyRange(selection);
+        var propertyName;
+        var textSelection = textEditor.selection().normalize();
+
+        if (textSelection && !textSelection.isEmpty() && textSelection.startLine === textSelection.endLine) {
+            propertyName = textEditor.copyRange(textSelection);
+        } else {
+            var textPosition = textEditor.coordinatesToCursorPosition(event.x, event.y);
+            var leftToken = textEditor.tokenAtTextPosition(textPosition.startLine, textPosition.startColumn - 1);
+            var rightToken = textEditor.tokenAtTextPosition(textPosition.startLine, textPosition.startColumn);
+            var token = leftToken ? leftToken : rightToken;

[apavlov, 2014/08/14 10:37:04]

var token = leftToken || rightToken;

Also, you seem to handle only one token of the two. You should process the
second token if the first one hasn't yielded any results (e.g. it is a dot '.')

[apavlov, 2014/08/14 10:39:04]

Take a look at how this is done in WI.CSSSourceFrame._handleUnitModification

[semeny, 2014/08/14 11:20:51]

Done.

+            if (!token)
+                return;
+            var line = textEditor.line(textPosition.startLine);
+            propertyName = line.substring(token.startColumn, token.endColumn + 1);

[apavlov, 2014/08/14 10:37:04]

I'm about to send out a patch that makes the token endColumn exclusive, so you
won't have to +1.

[semeny, 2014/08/14 11:20:51]

Done.

+        }
+
         var urlProvider = new WebInspector.DocumentationURLProvider();
-        var descriptors = urlProvider.itemDescriptors(selectedText);
+        var descriptors = urlProvider.itemDescriptors(propertyName);
         if (!descriptors.length)
             return;
         if (descriptors.length === 1) {
             var formatString = WebInspector.useLowerCaseMenuTitles() ? "Show documentation for %s.%s" : "Show Documentation for %s.%s";
-            contextMenu.appendItem(WebInspector.UIString(formatString, descriptors[0].name, selectedText), WebInspector.DocumentationView.showDocumentationURL.bind(null, descriptors[0].url));
+            contextMenu.appendItem(WebInspector.UIString(formatString, descriptors[0].name, propertyName), WebInspector.DocumentationView.showDocumentationURL.bind(null, descriptors[0].url));
             return;
         }
         var subMenuItem = contextMenu.appendSubMenuItem(WebInspector.UIString(WebInspector.useLowerCaseMenuTitles() ? "Show documentation for..." : "Show Documentation for..."));
         for (var i = 0; i < descriptors.length; ++i)
-            subMenuItem.appendItem(String.sprintf("%s.%s", descriptors[i].name, selectedText), WebInspector.DocumentationView.showDocumentationURL.bind(null, descriptors[i].url));
+            subMenuItem.appendItem(String.sprintf("%s.%s", descriptors[i].name, propertyName), WebInspector.DocumentationView.showDocumentationURL.bind(null, descriptors[i].url));
     }
 }