Merge branch 'develop' into sunny/refactor-verify-mdx

newrelic · Nov 6, 2024 · a6902ca · a6902ca
2 parents 9575663 + bd82264
commit a6902ca
Show file tree

Hide file tree

Showing 928 changed files with 36,490 additions and 28,893 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -131,7 +131,7 @@ module.exports = {
             resolve: 'gatsby-remark-images',
             options: {
               maxWidth: 850,
-              linkImagesToOriginal: false,
+              linkImagesToOriginal: true,
               backgroundColor: 'transparent',
               disableBgImageOnAlpha: true,
             },

diff --git a/package.json b/package.json
@@ -10,7 +10,7 @@
     "@emotion/styled": "^11.3.0",
     "@mdx-js/mdx": "2.0.0-next.8",
     "@mdx-js/react": "2.0.0-next.8",
-    "@newrelic/gatsby-theme-newrelic": "9.8.1",
+    "@newrelic/gatsby-theme-newrelic": "9.10.6",
     "@splitsoftware/splitio-react": "^1.2.4",
     "ansi-colors": "^4.1.3",
     "cockatiel": "^3.0.0-beta.0",

diff --git a/scripts/actions/webdriver-desktop.mjs b/scripts/actions/webdriver-desktop.mjs
@@ -98,7 +98,9 @@ const navTest = async () => {
 };
 
 const searchTest = async () => {
-  const [searchInput] = await waitForXPath('//aside//input');
+  const [searchInput] = await waitForXPath(
+    './/input[@placeholder="Search docs"]'
+  );
   console.log('\nClicking search input');
   await searchInput.click();
   const activeEl = await driver.executeScript('return document.activeElement');

diff --git a/scripts/actions/webdriver-mobile.mjs b/scripts/actions/webdriver-mobile.mjs
@@ -47,7 +47,8 @@ const main = async () => {
   await driver.get(testUrl + 'docs/mdx-test-page/');
   await navTest();
   await collapserTest();
-  await searchTest();
+  // TODO: reenable after fixing mobile search focus behavior
+  // await searchTest();
 
   // this step isn't necessary in synthetics
   await driver.quit();
@@ -106,7 +107,7 @@ const navTest = async () => {
 };
 
 const searchTest = async () => {
-  const [searchButton] = await waitForXPath('//a[contains(@href, "?q=")]');
+  const [searchButton] = await waitForXPath('.//*[@id="mobile-search-expand"]');
   console.log('\nClicking search input');
   await searchButton.click();
   // sleep is required here on mobile to account for the click delay

diff --git a/scripts/releaseNotes.mjs b/scripts/releaseNotes.mjs
@@ -63,6 +63,7 @@ const INCLUDE_AGENTS = new Set([
   'infrastructure',
   'ios',
   'java',
+  'kubernetes',
   'node',
   'nodejs',
   'php',
@@ -137,9 +138,8 @@ const validateReleaseNotesAgents = (releaseNotes) => {
   const errors = [];
 
   JSON_AGENTS.forEach((agent) => {
-    const agentsCount = releaseNotes.filter(
-      (note) => note.agent === agent
-    ).length;
+    const agentsCount = releaseNotes.filter((note) => note.agent === agent)
+      .length;
     if (agentsCount < 1) {
       const message = `\n😵 No release notes found for ${agent}`;
       errors.push(message);

diff --git a/src/components/HomepageBanner.js b/src/components/HomepageBanner.js
@@ -1,20 +1,13 @@
-import React, { useState } from 'react';
-import { navigate } from '@reach/router';
+import React from 'react';
 
 import { css } from '@emotion/react';
-import {
-  Link,
-  SearchInput,
-  useTranslation,
-  addPageAction,
-} from '@newrelic/gatsby-theme-newrelic';
+import { useTranslation } from '@newrelic/gatsby-theme-newrelic';
 import bannerBackground from 'images/bannerBackground.svg';
 
 const HomepageBanner = () => {
-  const bannerHeight = '250px';
+  const bannerHeight = '200px';
   const mobileBreakpoint = '450px';
   const { t } = useTranslation();
-  const [searchTerm, setSearchTerm] = useState('');
 
   return (
     <section
@@ -26,30 +19,28 @@ const HomepageBanner = () => {
         background-size: cover;
         background-position: center;
         display: flex;
-        flex-direction: column;
         align-items: center;
         min-height: ${bannerHeight};
+        justify-content: center;
 
         @media screen and (max-width: 550px) {
           justify-content: center;
           background-size: 150%;
           background-position: center 20px;
         }
         @media screen and (max-width: ${mobileBreakpoint}) {
-          min-height: 200px;
           background-size: 200%;
           background-position: center 8px;
         }
       `}
     >
       <h1
         css={css`
-          font-size: 2.5rem;
+          font-size: 3rem;
           font-weight: 500;
           color: #1ce783;
-          padding-top: 3rem;
-          margin-bottom: 1.5rem;
           text-align: center;
+          margin: 0 20px;
 
           line-height: 1;
           @media screen and (max-width: 550px) {
@@ -63,75 +54,6 @@ const HomepageBanner = () => {
       >
         {t('strings.home.pageTitle')}
       </h1>
-      <SearchInput
-        placeholder={t('strings.home.search.placeholder')}
-        size={SearchInput.SIZE.MEDIUM}
-        value={searchTerm || ''}
-        iconName={SearchInput.ICONS.SEARCH}
-        isIconClickable
-        alignIcon={SearchInput.ICON_ALIGNMENT.RIGHT}
-        onChange={(e) => setSearchTerm(e.target.value)}
-        onSubmit={() => {
-          addPageAction({
-            eventName: 'swiftypeSearchInput',
-            category: 'SearchInput',
-            searchTerm,
-            searchLocation: 'homepage',
-          });
-          navigate(`?q=${searchTerm || ''}`);
-        }}
-        css={css`
-          max-width: 880px;
-          width: 80%;
-          svg {
-            color: var(--primary-text-color);
-          }
-        `}
-      />
-      <div
-        css={css`
-          margin-top: 0.75rem;
-          width: 40%;
-          color: white;
-          display: flex;
-          align-items: baseline;
-          justify-content: center;
-          width: 100%;
-          flex-wrap: wrap;
-          font-weight: 500;
-          font-size: 1rem;
-          a {
-            margin-left: 0.25rem;
-            &:hover {
-              color: var(--brand-button-primary-accent);
-            }
-          }
-          @media screen and (max-width: 550px) {
-            font-size: 0.75rem;
-          }
-
-          @media screen and (max-width: ${mobileBreakpoint}) {
-            display: none;
-          }
-        `}
-      >
-        <p>{t('strings.home.search.popularSearches.title')}: </p>
-        <Link to="?q=nrql">
-          {t('strings.home.search.popularSearches.options.0')},
-        </Link>
-        <Link to="?q=logs">
-          {t('strings.home.search.popularSearches.options.1')},
-        </Link>
-        <Link to="?q=alert">
-          {t('strings.home.search.popularSearches.options.2')},
-        </Link>
-        <Link to="?q=best practices">
-          {t('strings.home.search.popularSearches.options.3')},
-        </Link>
-        <Link to="?q=kubernetes">
-          {t('strings.home.search.popularSearches.options.4')}
-        </Link>
-      </div>
     </section>
   );
 };

diff --git a/src/components/MDXContainer.js b/src/components/MDXContainer.js
@@ -1,7 +1,6 @@
 import {
   ExternalLink,
   Link,
-  Lightbox,
   MDXLink,
   MDX,
   MarkdownContainer,
@@ -53,30 +52,43 @@ const defaultComponents = {
         }
       />
     ) : (
-      <Lightbox>
-        <img
-          width={props.width ? props.width : 'auto'}
-          src={props.src}
-          // this prevents images from stretching if the width is set to a percent value
-          className={cx(props.className, props.width && 'unbound')}
-          alt={props.alt ? props.alt : 'Docs site'}
-          title={props.title}
-          style={
-            props.style
-              ? {
-                  ...props.style,
-                  borderRadius: '0.25rem',
-                  maxWidth: '100%',
-                  margin: '0 0.25rem',
-                }
-              : {
-                  borderRadius: '0.25rem',
-                  maxWidth: '100%',
-                  margin: '0 0.25rem',
-                }
-          }
-        />
-      </Lightbox>
+      <span
+        style={{
+          position: 'relative',
+          display: 'block',
+          textAlign: 'center',
+          margin: '1em 0',
+        }}
+      >
+        <a
+          href={props.src}
+          target="_blank"
+          rel="noreferrer"
+          style={{ display: 'inline-block' }}
+        >
+          <img
+            width={props.width ? props.width : 'auto'}
+            src={props.src}
+            alt={props.alt ? props.alt : 'Docs site'}
+            title={props.title}
+            style={
+              props.style
+                ? {
+                    ...props.style,
+                    borderRadius: '0.25rem',
+                    maxWidth: '100%',
+                    margin: '0 0.25rem',
+                  }
+                : {
+                    borderRadius: '0.25rem',
+                    maxWidth: '100%',
+                    margin: '0 0.25rem',
+                  }
+            }
+            loading="lazy"
+          />
+        </a>
+      </span>
     ),
   DocTile: (props) => (
     <DocTile

diff --git a/src/components/Navigation.js b/src/components/Navigation.js
@@ -32,7 +32,7 @@ const Navigation = ({ nav, className }) => {
       css={css`
         height: 100%;
         overflow: auto;
-        margin: 16px 0;
+        margin: 0 0 16px;
         -ms-overflow-style: none;
         scrollbar-width: none;
         &::-webkit-scrollbar {

diff --git a/...ontent/docs/accounts/accounts-billing/account-setup/downgradecancel-account.mdx b/...ontent/docs/accounts/accounts-billing/account-setup/downgradecancel-account.mdx
@@ -97,7 +97,8 @@ Before trying to delete your organization, please confirm the following:
 * Your organization only has one account. If your organization has more than one account:
   1. Cancel additional accounts using our [Nerdgraph API](/docs/apis/nerdgraph/examples/manage-accounts-nerdgraph) (see [Cancel an account](#cancel-account)).
   2. After you've cancelled all but one account, contact [New Relic support](/docs/using-new-relic/welcome-new-relic/get-started/find-help-use-support-portal) to remove any cancelled accounts.
-* Your organization only has one authentication domain. If your organization has more than one authentication domain, contact [New Relic support](/docs/using-new-relic/welcome-new-relic/get-started/find-help-use-support-portal) so we can help you close your organization.
+* Your organization only has one authentication domain.
+  * If you've created additional authentication domains and want to delete them, you must remove users from domains first and then delete the domain [directly in the UI](https://forum.newrelic.com/s/hubtopic/aAXPh0000006Wd7OAE/delete-authentication-domains) or [with Nerdgraph](https://forum.newrelic.com/s/hubtopic/aAXPh000000664LOAQ/api-endpoint-to-delete-authentication-domains).
 * Your organization only has one user. If you have more than one user, you can delete users via the [User management UI](/docs/accounts/accounts-billing/new-relic-one-user-management/user-management-ui-and-tasks/#delete-users) or via [Nerdgraph](/docs/apis/nerdgraph/examples/nerdgraph-manage-users/#delete-users).
 * Your organization is on our newer pricing model.
   * If you're not sure which model you're on, see [Pricing models](/docs/accounts/original-accounts-billing/original-product-based-pricing/overview-pricing-models/#determine-pricing) for how to determine that.

diff --git a/...docs/accounts/accounts-billing/new-relic-one-pricing-billing/add-on-billing.mdx b/...docs/accounts/accounts-billing/new-relic-one-pricing-billing/add-on-billing.mdx
@@ -6,16 +6,18 @@ tags:
   - New Relic pricing and billing
 
 metaDescription: "Add-ons are an optional billing factor"
-freshnessValidatedDate: 2024-02-21
+freshnessValidatedDate: 2024-10-23
 ---
 
-In addition to the primary billing factors of ingest and billable users, you can also use optional billable add-ons to enhance your experience with New Relic:
+In addition to the primary billing factors of GB Ingested and billable users, you can also use optional billable add-ons to extend your experience with New Relic. 
 
-* <DNT>**Compute Add On**</DNT>: This add-on applies to usage-based billing for queries you run against interactive application security testing, live archives, and other add-ons as made available. It measures your usage based on [Compute Capacity Units (CCUs)](/docs/licenses/license-information/product-definitions/new-relic-one-pricing-definitions#compute-capacity-unit).
-* <DNT>**EU Data Center for New Relic - Data, and New Relic - Data Plus**</DNT>: This add-on applies when you select the European Union as your data region, as available.
-* <DNT>**Extended Retention for New Relic - Data, and New Relic - Data Plus**</DNT>: This add-on applies if you exceed the default length of time your data is retained. This applies to all your data—not just logs—and is a good option if you need to make a lot of small queries or make queries on large volumes of data.
-* <DNT>**Live Archives**</DNT>: Extend your log storage duration by at least 90 days more than standard retention. This add-on is best if you need to keep logs that you'll query infrequently. Live archives also requires Compute Add On.
-* <DNT>**New Relic Synthetic Checks**</DNT>: This add-on applies if your Checks exceed the default number of synthetic monitor checks.
-* <DNT>**Vulnerability Management**</DNT>: This feature is included with Data Plus, but the add-on applies if you use the Vulnerability Management feature without Data Plus.
+* **Advanced Compute (formerly Add-on Compute)**: This add-on applies to usage-based billing for actions you run related to Codestream, Live Archives, and other features as made available. You are measured and billed based on your usage of [Advanced CCUs](/docs/licenses/license-information/product-definitions/new-relic-one-pricing-definitions/#compute-capacity-unit).
 
-To get started with any of these optional add-ons, get in touch with your New Relic account team.
+  <Callout variant="tip"> 
+    Your use of CodeStream under Advanced Compute will incur CCU charges, regardless of user type. This means that even free Basic users can now access CodeStream at a very low monthly cost of just the Advanced CCUs.
+</Callout>
+* **EU Data Center for Original Data or Data Plus**: This add-on applies to your data option (original Data or Data Plus) when you select the European Union as your data region, as available.
+* **Extended Retention for Original Data or Data Plus**: This add-on applies if you exceed the default length of time your data is retained. This applies to all your data—not just logs—and is a good option if you need to make a lot of small queries or make queries on large volumes of data.
+* **Live Archives**: Extend your log storage duration up to seven years. Live Archives also requires Advanced Compute.
+* **New Relic Synthetic Checks**: This add-on applies if your Checks exceed the default number of synthetic monitor checks.
+* **Vulnerability Management**: This feature is included with Data Plus, but the add-on applies if you use the Vulnerability Management feature without Data Plus.