(DOCSP-21002) Added relnotes for Charts 1.31.1 release and (DOCSP-20996) Added links to GH examples of embedded dashboards (#524)

* Add relnotes for Charts 1.31.1 release

* edits

* edits

* (DOCSP-20996) Added links to GitHub examples of embedded dashboards

* Edits

* Copy review

* Copy review

Author: JuliaMongo

source/get-started-embedding-sdk.txt

@@ -106,8 +106,34 @@ Create a Web App
    .. tab:: Dashboard
       :tabid: dashboard
 
-      Proceed with the remaining steps to create a new app in 
-      which to display your dashboard.
+      .. tabs::
+         :hidden: true
+
+         .. tab:: Unauthenticated
+            :tabid: unauthenticated
+
+            Proceed with the remaining steps to create a new app in 
+            which to display your dashboard.
+
+            .. note::
+
+                MongoDB offers a :github:`pre-built example of an unauthenticated embedded dashboard </mongodb-js/charts-embed-sdk/tree/master/examples/dashboard/unauthenticated>`
+                in the GitHub Repository. This example shows how to use the
+                Embedding SDK to display an unauthenticated embedded dashboard.
+
+         .. tab:: Authenticated
+            :tabid: authenticated
+
+            Proceed with the remaining steps to create a new app in 
+            which to display your dasbhoard.
+
+            .. note::
+
+               MongoDB offers :github:`examples of authenticated embedded dashboards </mongodb-js/charts-embed-sdk/tree/master/examples/dashboard/>`
+               in the GitHub Repository. These examples show you how to use
+               the Embedding SDK to authenticate an embedded dashboard using
+               :stitch:`MongoDB Realm </>`, Google, or |jwt| authentication
+               providers.
 
 Add Embedding Code to Your App
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@@ -205,51 +231,53 @@ To learn how to install the Embedding SDK into your app, see
          .. tab:: Unauthenticated
             :tabid: unauthenticated
 
-            Add the following code to your web app to execute where you 
-            want your dashboard to render:
+            Add the following code to your web app to execute where you
+            want your dashboard to render.
 
             .. note::
 
-               Replace the existing Dashboards Base URL and dashboard 
-               ID with the values for the dashboard that you want to 
-               display. Your Dashboards Base URL and dashboard ID are 
-               visible in the embedding options modal window. 
+               Replace the existing :guilabel:`Dashboards Base URL`
+               and dashboard ID with the values for the dashboard that
+               you want to display. Your :guilabel:`Dashboards Base URL`
+               and dashboard ID are visible in the embedding options
+               modal window.
 
             .. code-block:: javascript
                :copyable: false
 
                import ChartsEmbedSDK from "@mongodb-js/charts-embed-dom";
 
                const sdk = new ChartsEmbedSDK({
-                 baseUrl: "https://charts.mongodb.com/charts-embedding-examples-wgffp", // ~REPLACE~ with the Base URL from your Embed Dashboard dialog.
+                  baseUrl: "https://charts.mongodb.com/charts-embedding-examples-wgffp", // ~REPLACE~ with the Base URL from your Embed Dashboard dialog.
                });
 
                const chart = sdk.createChart({
-                 dashboardId: "735cfa75-15b8-483a-bc2e-7c6659511c7c", // ~REPLACE~ with the Dashboard ID from your Embed Dashboard dialog.
-                 height: "700px",
-                 widthMode: "scale",
-                 heightMode: "fixed"
-                 // Additional options go here
+                  dashboardId: "735cfa75-15b8-483a-bc2e-7c6659511c7c", // ~REPLACE~ with the Dashboard ID from your Embed Dashboard dialog.
+                  height: "700px",
+                  widthMode: "scale",
+                  heightMode: "fixed"
+                  // Additional options go here
                });
 
                dashboard.render(document.getElementById("dashboard"));
 
          .. tab:: Authenticated
             :tabid: authenticated
 
-            Add the following code to your web app to execute where you 
-            want your dashboard to render. The following example 
+            Add the following code to your web app to run it where you
+            want your dashboard to render. The following example
             :ref:`authenticates <configure-auth-providers>` with 
             :stitch:`MongoDB Realm </>`.
 
             .. note::
 
-               Replace the existing Realm App ID with your Realm App 
-               ID, which you can find on the left side of your Realm 
-               app UI. Replace the existing Dashboards Base URL and 
-               dashboard ID with the values for the dashboard that you 
-               want to display. Your Dashboards Base URL and dashboard 
-               ID are visible in the embedding options modal window. 
+               Replace the existing Realm App ID with your Realm
+               App ID. You can find the Realm ID on the left side
+               of your Realm app UI. Replace the existing :guilabel:`Dashboards
+               Base URL` and dashboard ID with the values for the
+               dashboard that you want to display. Your :guilabel:`Dashboards Base URL`
+               and dashboard ID are visible in the embedding options
+               modal window.
 
             .. code-block:: javascript
                :copyable: false
@@ -258,15 +286,15 @@ To learn how to install the Embedding SDK into your app, see
 
                // Needed only if you are using the Realm authentication provider
                const client = Stitch.initializeAppClient(
-                 'realm-authentication-sample-eibkj', // ~REPLACE~ with your Realm App ID
+                  'realm-authentication-sample-eibkj', // ~REPLACE~ with your Realm App ID
                });
 
                const sdk = new ChartsEmbedSDK({
-                 baseUrl: "https://charts.mongodb.com/charts-embedding-examples-wgffp", // ~REPLACE~ with the Base URL from your Embed Dashboard dialog.
-                 getUserToken: () => getRealmUserToken(client),
-                 // getUserToken is a callback to provide the auth token to the SDK. 
-                 // Use the getRealmUserToken helper when using the Realm auth provider. 
-                 // If using Custom JWT or Google providers, provide your own code to retrieve the JWT
+                  baseUrl: "https://charts.mongodb.com/charts-embedding-examples-wgffp", // ~REPLACE~ with the Base URL from your Embed Dashboard dialog.
+                  getUserToken: () => getRealmUserToken(client),
+                  // getUserToken is a callback to provide the auth token to the SDK. 
+                  // Use the getRealmUserToken helper when using the Realm auth provider. 
+                  // If using Custom JWT or Google providers, provide your own code to retrieve the JWT
                });
 
                const chart = sdk.createChart({

source/release-notes.txt

@@ -10,6 +10,15 @@ MongoDB Charts Cloud Release Notes
    :depth: 1
    :class: twocols
 
+|charts| v1.30.1
+----------------
+
+*Released February 24, 2022*
+
+Bug fixes in this release:
+
+- Fixes a bug where a lookup field was not added.
+
 |charts| v1.30
 --------------