DevTools: Add context menu option for objects to save to temp variable.

Source/devtools/front_end/SourcesPanel.js

 /*
  * Copyright (C) 2008 Apple Inc. All Rights Reserved.
  * 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:
  * 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
@@ skipping 1255 matching lines @@
         WebInspector.RevisionHistoryView.showHistory(uiSourceCode);
     },
 
     /**
      * @param {!WebInspector.ContextMenu} contextMenu
      * @param {!Object} target
      */
     appendApplicableItems: function(event, contextMenu, target)
     {
         this._appendUISourceCodeItems(event, contextMenu, target);
-        this._appendFunctionItems(contextMenu, target);
+        this._appendRemoteObjectItems(contextMenu, target);
     },
 
     _suggestReload: function()
     {
         if (window.confirm(WebInspector.UIString("It is recommended to restart inspector after making these changes. Would you like to restart it?")))
             WebInspector.reload();
     },
 
     /**
      * @param {!WebInspector.UISourceCode} uiSourceCode
@@ skipping 97 matching lines @@
     _handleContextMenuReveal: function(uiSourceCode)
     {
         this.editorView.showBoth();
         this._revealInNavigator(uiSourceCode);
     },
 
     /**
      * @param {!WebInspector.ContextMenu} contextMenu
      * @param {!Object} target
      */
-    _appendFunctionItems: function(contextMenu, target)
+    _appendRemoteObjectItems: function(contextMenu, target)
     {
         if (!(target instanceof WebInspector.RemoteObject))
             return;
         var remoteObject = /** @type {!WebInspector.RemoteObject} */ (target);
-        if (remoteObject.type !== "function")
-            return;
+        contextMenu.appendItem(WebInspector.UIString(WebInspector.useLowerCaseMenuTitles() ? "Save to temp variable" : "Save to Temp Variable"), this._saveToTempVariable.bind(this, remoteObject));

[pfeldman, 2014/03/19 18:08:03]

"Store as global variable"

[aandrey, 2014/03/20 09:21:22]

Done.

+        if (remoteObject.type === "function")
+            contextMenu.appendItem(WebInspector.UIString(WebInspector.useLowerCaseMenuTitles() ? "Show function definition" : "Show Function Definition"), this._showFunctionDefinition.bind(this, remoteObject));
+    },
 
+    /**
+     * @param {!WebInspector.RemoteObject} remoteObject
+     */
+    _saveToTempVariable: function(remoteObject)
+    {
+        WebInspector.runtimeModel.evaluate("window", "", false, true, false, false, didGetGlobalObject);
+
+        /**
+         * @param {?WebInspector.RemoteObject} global
+         * @param {boolean=} wasThrown
+         */
+        function didGetGlobalObject(global, wasThrown)
+        {
+            /** @this {Window} */
+            function remoteFunction(value)
+            {
+                var prefix = "temp";
+                var index = 1;
+                while ((prefix + index) in this)
+                    ++index;
+                var name = prefix + index;
+                this[name] = value;
+                return name;
+            }
+
+            if (wasThrown || !global)
+                failedToSave(global);
+            else
+                global.callFunction(remoteFunction, [WebInspector.RemoteObject.toCallArgument(remoteObject)], didSave.bind(null, global));
+        }
+
+        /**
+         * @param {!WebInspector.RemoteObject} global
+         * @param {?WebInspector.RemoteObject} result
+         * @param {boolean=} wasThrown
+         */
+        function didSave(global, result, wasThrown)
+        {
+            global.release();
+            if (wasThrown || !result || result.type !== "string")
+                failedToSave(result);
+            else
+                WebInspector.console.evaluate(result.value);
+        }
+
+        /**
+         * @param {?WebInspector.RemoteObject} result
+         */
+        function failedToSave(result)
+        {
+            var message = WebInspector.UIString("Failed to save to temp variable.");
+            if (result) {
+                message += " " + result.description;
+                result.release();
+            }
+            WebInspector.console.showErrorMessage(message)
+        }
+    },
+
+    /**
+     * @param {!WebInspector.RemoteObject} remoteObject
+     */
+    _showFunctionDefinition: function(remoteObject)
+    {
         /**
          * @param {?Protocol.Error} error
          * @param {!DebuggerAgent.FunctionDetails} response
          * @this {WebInspector.SourcesPanel}
          */
-        function didGetDetails(error, response)
+        function didGetFunctionDetails(error, response)
         {
             if (error) {
                 console.error(error);
                 return;
             }
 
             var uiLocation = WebInspector.debuggerModel.rawLocationToUILocation(response.location);
             if (!uiLocation)
                 return;
 
             this.showUILocation(uiLocation, true);
         }
-
-        /**
-         * @this {WebInspector.SourcesPanel}
-         */
-        function revealFunction()
-        {
-            DebuggerAgent.getFunctionDetails(remoteObject.objectId, didGetDetails.bind(this));
-        }
-
-        contextMenu.appendItem(WebInspector.UIString(WebInspector.useLowerCaseMenuTitles() ? "Show function definition" : "Show Function Definition"), revealFunction.bind(this));
+        DebuggerAgent.getFunctionDetails(remoteObject.objectId, didGetFunctionDetails.bind(this));
     },
 
     /**
      * @param {string=} query
      */
     _showOpenResourceDialog: function(query)
     {
         var uiSourceCodes = this._editorContainer.historyUISourceCodes();
         /** @type {!Map.<!WebInspector.UISourceCode, number>} */
         var defaultScores = new Map();
@@ skipping 282 matching lines @@
 {
 }
 
 WebInspector.SourcesPanel.EditorAction.prototype = {
     /**
      * @param {!WebInspector.SourcesPanel} panel
      * @return {!Element}
      */
     button: function(panel) { }
 }