Merge branch 'main' into pr/multiple-docmodels

src/components/RelativeLink.js

@@ -42,6 +42,8 @@ export const PrimaryLink = props => {
   );
 };
 
+const PROD_DOMAIN = 'https://www.apollographql.com';
+
 function useLinkProps(href) {
   const {path} = useContext(PathContext);
   const {site} = useStaticQuery(
@@ -61,21 +63,18 @@ function useLinkProps(href) {
   if (process.env.CONTEXT !== 'production') {
     // fix up absolute urls pointing to the docs
     // for netlify previews and localhost
-    href = href.replace(
-      'https://www.apollographql.com/docs',
-      process.env.DEPLOY_URL
-    );
+    href = href.replace(PROD_DOMAIN + '/docs', process.env.DEPLOY_URL);
   }
 
   try {
     // convert full urls for the current domain into absolute domain-relative urls
     const url = new URL(href);
     if (
       url.host === window.location.host &&
-      href.startsWith('https://www.apollographql.com/docs/') &&
+      href.startsWith(PROD_DOMAIN + '/docs') &&
       !href.includes('/ios/docc/')
     ) {
-      href = url.pathname;
+      href = href.slice(PROD_DOMAIN.length);
     }
   } catch {
     // it's okay if this fails, then it probably wasn't a full url
@@ -86,7 +85,7 @@ function useLinkProps(href) {
   const isFile = /\.[a-z]+$/.test(href);
   if (
     isExternal &&
-    href.startsWith('https://www.apollographql.com/') &&
+    href.startsWith(PROD_DOMAIN + '/') &&
     !href.includes('referrer')
   ) {
     href += href.includes('?')