Merge remote-tracking branch 'origin/master' into jerel/dark-mode

package.json

@@ -8,23 +8,23 @@
     "classnames": "^2.2.6",
     "date-fns": "^2.14.0",
     "eslint-plugin-react-hooks": "^4.0.4",
-    "gatsby": "^2.23.1",
+    "gatsby": "^2.23.3",
     "gatsby-image": "^2.4.9",
-    "gatsby-plugin-google-tagmanager": "^2.3.4",
-    "gatsby-plugin-manifest": "^2.4.10",
+    "gatsby-plugin-google-tagmanager": "^2.3.5",
+    "gatsby-plugin-manifest": "^2.4.11",
     "gatsby-plugin-mdx": "^1.2.14",
     "gatsby-plugin-meta-redirect": "^1.1.1",
     "gatsby-plugin-newrelic": "newrelic/gatsby-plugin-newrelic.git#5cd42e832f0588764dc332ce7ebd05794de5106a",
-    "gatsby-plugin-offline": "^3.2.8",
-    "gatsby-plugin-react-helmet": "^3.3.3",
+    "gatsby-plugin-offline": "^3.2.9",
+    "gatsby-plugin-react-helmet": "^3.3.4",
     "gatsby-plugin-robots-txt": "^1.5.1",
-    "gatsby-plugin-sass": "^2.3.3",
+    "gatsby-plugin-sass": "^2.3.4",
     "gatsby-plugin-sharp": "^2.6.14",
-    "gatsby-plugin-sitemap": "^2.4.4",
+    "gatsby-plugin-sitemap": "^2.4.5",
     "gatsby-plugin-use-dark-mode": "^1.1.2",
-    "gatsby-remark-images": "^3.3.9",
-    "gatsby-source-filesystem": "^2.3.10",
-    "gatsby-transformer-remark": "^2.8.14",
+    "gatsby-remark-images": "^3.3.10",
+    "gatsby-source-filesystem": "^2.3.11",
+    "gatsby-transformer-remark": "^2.8.15",
     "gatsby-transformer-sharp": "^2.5.7",
     "node-sass": "^4.14.1",
     "normalize.css": "^8.0.1",

src/components/NavigationItems.js

@@ -14,6 +14,7 @@ const iconLibrary = {
   'Automate workflows': 'automation',
   'Explore docs': 'developerDocs',
   'Developer champions': 'developerChampions',
+  'Try our APIs': 'tryOurAPIs',
 };
 
 const getHighlightedText = (text, highlight) => {
@@ -27,6 +28,8 @@ const getHighlightedText = (text, highlight) => {
   );
 };
 
+const isExternal = (url) => url.slice(0, 4) === 'http';
+
 const NavigationItems = ({
   pages,
   filteredPageNames,
@@ -121,6 +124,7 @@ const NavItem = ({ page, depthLevel, searchTerm, filteredPageNames }) => {
               name="chevron-right"
             />
           )}
+          {isExternal(page.url) && <FeatherIcon name="external-link" />}
         </Link>
       ) : (
         <button

src/components/NewRelicIcon.js

@@ -54,6 +54,15 @@ const NEWRELIC_ICONS = {
       <polyline points="14.5,14 11.5,11 8.5,14" />
     </>
   ),
+  tryOurAPIs: (
+    <>
+      <circle cx="18" cy="5" r="3" />
+      <circle cx="6" cy="12" r="3" />
+      <circle cx="18" cy="19" r="3" />
+      <line x1="8.59" y1="13.51" x2="15.42" y2="17.49" />
+      <line x1="15.41" y1="6.51" x2="8.59" y2="10.49" />
+    </>
+  ),
   developerDocs: (
     <>
       <path d="M16.5 2.5c0 0-1.893 0-2 0 -2 0-3 1.5-3 3.5 0-2-1-3.5-3-3.5 -.5 0-8 0-8 0v16c0 0 6.5 0 8 0 2 0 3 1 3 3 0-2 1-3 3-3 1.5 0 8 0 8 0v-16h-2" />

src/data/sidenav.json

@@ -81,6 +81,19 @@
       }
     ]
   },
+  {
+    "displayName": "Try our APIs",
+    "children": [
+      {
+        "displayName": "New Relic API Explorer",
+        "url": "https://rpm.newrelic.com/api/explore"
+      },
+      {
+        "displayName": "NerdGraph API Explorer",
+        "url": "https://api.newrelic.com/graphiql"
+      }
+    ]
+  },
   {
     "displayName": "Explore docs",
     "children": [

src/markdown-pages/build-apps/set-up-dev-env.mdx

@@ -1,6 +1,6 @@
 ---
 path: '/build-apps/set-up-dev-env'
-duration: '15-30 min'
+duration: '20 min'
 title: 'Set up your development environment'
 template: 'GuideTemplate'
 description: 'Prepare to build apps and contribute to this site'
@@ -24,9 +24,10 @@ Depending on what you want to do with your app, you might have some additional s
 ## Before you begin
 You must have:
 
-- A [github account](https://github.com/)
-While not strictly necessary for building apps, a GitHub account enables you to [download and customize our open source apps](https://opensource.newrelic.com/explore-projects), and contribute an [open source project](https://opensource.newrelic.com/contributing/). 
-- A [New Relic developer account](https://newrelic.com/signup/?partner=Developer+Edition) - a free trial account for developing New Relic applications. 
+- A [github account](https://github.com/) account - While not strictly necessary for building apps, a GitHub account enables you to [download and customize our open source apps](https://opensource.newrelic.com/explore-projects), and contribute an [open source project](https://opensource.newrelic.com/contributing/). 
+- A [New Relic developer account](https://newrelic.com/signup/?partner=Developer+Edition) - if you don't already have one, you can get a free trial account for developing New Relic applications. 
+- [npm](https://www.npmjs.com/get-npm) - If you've installed [Node.js](https://nodejs.org/en/download/), then you already have `npm`, which is used to share, reuse, and update JavaScript code, and is necessary for working with React components that are the framework for New Relic apps and this website. 
+
 
 <br/>
 
@@ -40,7 +41,7 @@ While not strictly necessary for building apps, a GitHub account enables you to
 
 On the [Build New Relic One applications page](https://one.newrelic.com/launcher/developer-center.launcher?pane=eyJuZXJkbGV0SWQiOiJkZXZlbG9wZXItY2VudGVyLmRldmVsb3Blci1jZW50ZXIifQ==), complete the **Quick start** steps.
 
-These six steps get you an API key for use with developing apps, and the New Relic One CLI, for building and deploying apps. At the end of the **Quick start**, you have a project consisting of the following:
+These six Quick start steps get you an API key for use with developing apps, and the New Relic One CLI, for building and deploying apps. At the end of the Quick start, you have a project consisting of the following:
 
 - A **Nerdpack** - The package containing all the files required by your application. It contains two types of files that you customize to build your app: Nerdlets, and the launcher.
 - One or more **Nerdlet** files - A specific UI view or window. A Nerdlet is a React JavaScript package that includes an `index.js` file, a `stylesheet`, and a JSON-format `config` file. It can contain any JS functionality (charts, interactive fields, tooltips, etc.). 
@@ -59,14 +60,13 @@ If you want to learn more about building applications, try these step-by-step gu
 - [Build a "Hello, World!" application](/build-apps/build-hello-world-app) shows how to create a little application, publish it to New Relic One, and share it with others by subscribing accounts to it.
 - [Map pageviews by region](/build-apps/map-pageviews-by-region) takes you through the steps to create one of our popular open source apps. You learn to add a custom query to an app and view it in a table, then add that data to a map. 
 
-
 </Step>
 
 </Steps>
 
 ## Contributing to developer.newrelic.com
 
-This site is open source, and we welcome your input. Create a pull request if you see a mistake you know how to fix. Let us know if there's information you want by submitting an issue. Or write up a whole new guide if you have one you'd like to share. Read on to learn how.
+This site is open source, and we want your input. Create a pull request if you see a mistake you know how to fix. Drop us a GitHub issue if you see some content gaps you want us to work on. Or write up a whole new guide if you have one you'd like to share. Read on to learn how.
 
 <Steps>