Merge pull request mongodb#36 from kanchana-mongodb/DOCSP-13084

DOCSP-13084 Display Playground Output in editor

Author: kanchana-mongodb

source/commands.txt

@@ -149,8 +149,12 @@ Run these commands from the Command Palette to create and run
        Your playground runs against the deployment specified in your
        active connection.
 
-       |vsce| outputs the results of your playground in the
-       :guilabel:`Output` view in VS Code.
+       |vsce| splits your playground window to display the results in 
+       a pane titled :guilabel:`Playground Results.json` to the right 
+       of your playground. If you disabled split-view for your VS Code 
+       Editor window, |vsce| displays the playground results in a new 
+       tab to the right of your playground. If you manually move your 
+       playground results, |vsce| displays the results in that tab.
 
 |vsce| View Commands
 --------------------

source/create-document-playground.txt

@@ -77,9 +77,7 @@ The following example:
      { "_id" : 1, "item" : "abc", "price" : 10, "quantity" : 2, "date" : new Date("2014-03-01T08:00:00Z")}
    );
 
-When you press the :guilabel:`Play Button`, this operation outputs the
-following document to the :guilabel:`Output` view in Visual Studio
-Code:
+.. include:: /includes/fact-playground-results.rst
 
 .. code-block:: javascript
 
@@ -140,9 +138,7 @@ The following example:
      { "_id" : 9, "item" : "abc", "price" : 10, "quantity" : 5, "date" : new Date("2016-02-06T20:20:13Z") },
    ]);
 
-When you press the :guilabel:`Play Button`, this operation outputs the
-following document to the :guilabel:`Output` view in Visual Studio
-Code:
+.. include:: /includes/fact-playground-results.rst
 
 .. code-block:: javascript
    :copyable: false

source/delete-document-playground.txt

@@ -77,9 +77,7 @@ The following example:
      { "_id" : 1 }
    );
 
-When you press the :guilabel:`Play Button`, this operation outputs the
-following document to the :guilabel:`Output` view in Visual Studio
-Code:
+.. include:: /includes/fact-playground-results.rst
 
 .. code-block:: javascript
 
@@ -129,9 +127,7 @@ The following example:
      { "item" : "abc" }
    );
 
-When you press the :guilabel:`Play Button`, this operation outputs the
-following document to the :guilabel:`Output` view in Visual Studio
-Code:
+.. include:: /includes/fact-playground-results.rst
 
 .. code-block:: javascript
    :copyable: false

source/includes/fact-playground-results.rst

@@ -0,0 +1,5 @@
+When you press the :guilabel:`Play Button`, |vsce| splits your 
+Playground and outputs the following document in the 
+:guilabel:`Playground Results.json` pane. If you disabled split-view, 
+|vsce| outputs the following document in a new tab. If you manually 
+move your playground results, |vsce| displays the results in that tab.

source/includes/run-playground.rst

@@ -1,3 +1,5 @@
 To run your Playground, press the :guilabel:`Play Button` at the top
-right of the Playground View. |vsce| outputs the results of your
-playground to the :guilabel:`Output` view in Visual Studio Code.
+right of the Playground View. |vsce| splits your Playground and outputs 
+the results of your Playground in the :guilabel:`Playground 
+Results.json` pane. If you disabled split-view, |vsce| outputs the 
+results of your Playground in a new tab. 

source/playgrounds.txt

@@ -30,6 +30,13 @@ files with the ``.mongodb`` extension as playgrounds.
 
 .. include:: /includes/admonitions/note-playgrounds.rst
 
+|vsce| splits your Playground window to display the results of your 
+Playground in |json| format in the right-side pane labeled ``Playground 
+Results.json``. If you disabled split-view, |vsce| displays the 
+Playground results in |json| format in a new tab to the right of 
+your Playground. You cannot edit the results in the results pane. 
+You can save the results to a file. 
+
 Prerequisite
 ------------
 

source/read-document-playground.txt

@@ -82,9 +82,7 @@ The following example:
      { "_id" : 0 }
    );
 
-When you press the :guilabel:`Play Button`, this operation outputs the
-following document to the :guilabel:`Output` view in Visual Studio
-Code:
+.. include:: /includes/fact-playground-results.rst
 
 .. code-block:: javascript
 
@@ -134,9 +132,7 @@ The following example:
      { "price" : 1 }
    );
 
-When you press the :guilabel:`Play Button`, this operation outputs the
-following document to the :guilabel:`Output` view in Visual Studio
-Code:
+.. include:: /includes/fact-playground-results.rst
 
 .. code-block:: javascript
    :copyable: false

source/run-agg-pipelines.txt

@@ -113,9 +113,10 @@ This pipeline:
      stage adds a new field to the output called ``totalSaleAmount``,
      which is the culmination of the item's ``price`` and ``quantity``.
 
-When you press the :guilabel:`Play Button`, this operation outputs the
-following documents to the :guilabel:`Output` view in Visual Studio
-Code:
+When you press the :guilabel:`Play Button`, |vsce| splits your 
+playground and outputs the following document in the 
+:guilabel:`Playground Results.json` pane. If you disabled split-view, 
+|vsce| outputs the following document in a new tab:
 
 .. code-block:: javascript
    :copyable: false

source/update-document-playground.txt

@@ -80,9 +80,7 @@ The following example:
     { $inc: { "quantity" : 1 }}
   );
 
-When you press the :guilabel:`Play Button`, this operation outputs the
-following document to the :guilabel:`Output` view in Visual Studio
-Code:
+.. include:: /includes/fact-playground-results.rst
 
 .. code-block:: javascript
    :copyable: false
@@ -139,9 +137,7 @@ The following example:
      { $set: { "price": 9 }}
    );
 
-When you press the :guilabel:`Play Button`, this operation outputs the
-following document to the :guilabel:`Output` view in Visual Studio
-Code:
+.. include:: /includes/fact-playground-results.rst
 
 .. code-block:: javascript
    :copyable: false