DevTools: [Documentation] Add property token autodetection

Source/devtools/front_end/documentation/DocumentationView.js

Index: Source/devtools/front_end/documentation/DocumentationView.js
diff --git a/Source/devtools/front_end/documentation/DocumentationView.js b/Source/devtools/front_end/documentation/DocumentationView.js
index 5dfded75637a6a6759327cd9b48241db3b7df469..eb2730188fed01d652f23faefa981d59da6def5c 100644
--- a/Source/devtools/front_end/documentation/DocumentationView.js
+++ b/Source/devtools/front_end/documentation/DocumentationView.js
@@ -45,21 +45,33 @@ WebInspector.DocumentationView.ContextMenuProvider.prototype = {
         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));
     }
 }