Release

CHANGELOG.md

@@ -1,3 +1,10 @@
+# [1.33.0](https://github.com/newrelic/developer-website/compare/v1.32.1...v1.33.0) (2021-01-27)
+
+
+### Features
+
+* **ComponentDocs:** Add 12 new components ([17823f5](https://github.com/newrelic/developer-website/commit/17823f520f725f82c481acc0a57b85d6036504ec))
+
 ## [1.32.1](https://github.com/newrelic/developer-website/compare/v1.32.0...v1.32.1) (2021-01-21)
 
 

gatsby-node.js

@@ -16,7 +16,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
   const { createPage, createRedirect } = actions;
 
   const result = await graphql(`
-    {
+    query {
       allMdx(
         limit: 1000
         filter: { fileAbsolutePath: { regex: "/src/markdown-pages/" } }
@@ -35,6 +35,26 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
           }
         }
       }
+
+      allNewRelicSdkComponent {
+        edges {
+          node {
+            fields {
+              slug
+            }
+          }
+        }
+      }
+
+      allNewRelicSdkApi {
+        edges {
+          node {
+            fields {
+              slug
+            }
+          }
+        }
+      }
     }
   `);
 
@@ -44,7 +64,7 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
     return;
   }
 
-  const { allMdx } = result.data;
+  const { allMdx, allNewRelicSdkComponent, allNewRelicSdkApi } = result.data;
 
   allMdx.edges.forEach(({ node }) => {
     const { frontmatter } = node;
@@ -76,6 +96,34 @@ exports.createPages = async ({ actions, graphql, reporter }) => {
       },
     });
   });
+
+  allNewRelicSdkComponent.edges.forEach(({ node }) => {
+    const {
+      fields: { slug },
+    } = node;
+
+    createPage({
+      path: slug,
+      component: path.resolve('./src/templates/ComponentReferenceTemplate.js'),
+      context: {
+        slug,
+      },
+    });
+  });
+
+  allNewRelicSdkApi.edges.forEach(({ node }) => {
+    const {
+      fields: { slug },
+    } = node;
+
+    createPage({
+      path: slug,
+      component: path.resolve('./src/templates/ApiReferenceTemplate.js'),
+      context: {
+        slug,
+      },
+    });
+  });
 };
 
 exports.onCreateNode = ({ node, actions }) => {
@@ -93,19 +141,6 @@ exports.onCreateNode = ({ node, actions }) => {
     });
   }
 
-  if (node.context && !node.context.fileRelativePath) {
-    const { createPage } = actions;
-    const { path, component } = node;
-
-    createPage({
-      path,
-      component,
-      context: {
-        fileRelativePath: getFileRelativePath(component),
-      },
-    });
-  }
-
   if (node.internal.type === 'NewRelicSdkComponent') {
     createNodeField({
       node,

gatsby-ssr.js

@@ -4,9 +4,19 @@
  * See: https://www.gatsbyjs.org/docs/ssr-apis/
  */
 
-import React from 'react';
+import React, { createContext } from 'react';
 import wrapPageElement from './gatsby/wrap-page-element';
 
+global.window = {
+  __NR1_SDK__: {
+    default: {
+      PlatformStateContext: createContext(),
+      NerdletStateContext: createContext(),
+      ToastManager: () => null,
+    },
+  },
+};
+
 // This is needed to ensure the NR1 SDK can load properly
 const onPreRenderHTML = ({
   getPostBodyComponents,

package.json

@@ -1,7 +1,7 @@
 {
   "name": "developer-website",
   "private": true,
-  "version": "1.32.1",
+  "version": "1.33.0",
   "dependencies": {
     "@emotion/core": "^10.1.1",
     "@emotion/styled": "^10.0.27",
@@ -59,6 +59,7 @@
     "@semantic-release/git": "^9.0.0",
     "@testing-library/react": "^10.0.4",
     "babel-jest": "^26.0.1",
+    "babel-preset-gatsby": "^0.11.0",
     "core-js": "^2.4.0",
     "eslint": "^7.11.0",
     "eslint-plugin-jsx-a11y": "^6.3.1",
@@ -70,7 +71,7 @@
     "jest": "^26.0.1",
     "jest-emotion": "^10.0.32",
     "patch-package": "^6.2.2",
-    "prettier": "2.0.4",
+    "prettier": "2.2.1",
     "react-test-renderer": "^16.13.1"
   },
   "resolutions": {

plugins/gatsby-source-newrelic-sdk/gatsby-node.js

@@ -55,12 +55,14 @@ exports.createSchemaCustomization = ({ actions, schema }) => {
       examples: [NewRelicSdkExample!]!
       propTypes: [NewRelicSdkPropTypeDefinition!]!
       typeDefs: [NewRelicSdkTypeDefinition!]!
+      methods: [NewRelicSdkMethod!]!
     }
 
     type NewRelicSdkApi implements Node {
       constants: [NewRelicSdkConstant!]!
       examples: [NewRelicSdkExample!]!
       typeDefs: [NewRelicSdkTypeDefinition]
+      methods: [NewRelicSdkMethod!]!
     }
 
     type NewRelicSdkPropTypeDefinition {
@@ -69,13 +71,7 @@ exports.createSchemaCustomization = ({ actions, schema }) => {
       examples: [NewRelicSdkExample!]!
     }
 
-    type NewRelicSdkComponentMethods {
-      examples: [NewRelicSdkExample!]!
-      arguments: [NewRelicSdkFunctionArgument!]!
-      returnValue: NewRelicSdkFunctionReturnValue!
-    }
-
-    type NewRelicSdkApiMethods {
+    type NewRelicSdkMethod {
       examples: [NewRelicSdkExample!]!
       arguments: [NewRelicSdkFunctionArgument!]!
       returnValue: NewRelicSdkFunctionReturnValue!

plugins/gatsby-source-newrelic-sdk/gatsby-ssr.js

@@ -17,27 +17,27 @@ export const onPreRenderHTML = (
     <script
       key="react"
       crossOrigin="anonymous"
-      src="//nr1.nr-assets.net/lib/react/16.6.3/react.development.js"
+      src="https://nr1.nr-assets.net/lib/react/16.6.3/react.development.js"
     />,
     <script
       key="react-dom"
       crossOrigin="anonymous"
-      src="//nr1.nr-assets.net/lib/react/16.6.3/react-dom.development.js"
+      src="https://nr1.nr-assets.net/lib/react/16.6.3/react-dom.development.js"
     />,
     <script
       key="react-router"
       crossOrigin="anonymous"
-      src="//nr1.nr-assets.net/lib/react-router/4.2.0/react-router.js"
+      src="https://nr1.nr-assets.net/lib/react-router/4.2.0/react-router.js"
     />,
     <script
       key="react-router-dom"
       crossOrigin="anonymous"
-      src="//nr1.nr-assets.net/lib/react-router-dom/4.2.2/react-router-dom.js"
+      src="https://nr1.nr-assets.net/lib/react-router-dom/4.2.2/react-router-dom.js"
     />,
     <script
       key="d3"
       crossOrigin="anonymous"
-      src="//nr1.nr-assets.net/lib/d3/3.5.17/d3.js"
+      src="https://nr1.nr-assets.net/lib/d3/3.5.17/d3.js"
     />,
   ]);
 

plugins/gatsby-source-newrelic-sdk/src/constants.js

@@ -1,7 +1,7 @@
 module.exports.BASE_URL =
   'https://d1zobbh8kytrtv.cloudfront.net/platform/wanda--wanda-ec-ui--nr1-docs';
 
-module.exports.DOCUMENTED_APIS = ['logger', 'navigation', 'nerdlet'];
+module.exports.DOCUMENTED_APIS = ['logger', 'navigation', 'nerdlet', 'ngql'];
 module.exports.DOCUMENTED_COMPONENTS = [
   'AccountPicker',
   'AccountsQuery',

plugins/gatsby-source-newrelic-sdk/src/loadSdk.js

@@ -1,8 +1,6 @@
 const vm = require('vm');
 const fetch = require('node-fetch');
-
-const BASE_URL =
-  'https://d1zobbh8kytrtv.cloudfront.net/platform/wanda--wanda-ec-ui--nr1-docs';
+const { BASE_URL } = require('./constants');
 
 const getBundle = (cache) => async (src) => {
   const script = await cache.get(src);