From ac4f4c8177f3e6870fac5c80a6b6f0904b70bb19 Mon Sep 17 00:00:00 2001
From: Benjamin Cabanes <3447705+bcabanes@users.noreply.github.com>
Date: Tue, 12 Apr 2022 11:26:02 -0400
Subject: [PATCH] docs(nxdev): add noreferrer for _blank links (#9807)

---
 CONTRIBUTING.md                                |  2 +-
 README.md                                      |  4 ++--
 dep-graph/client/src/app/sidebar/sidebar.tsx   |  2 +-
 .../src/lib/types/type.tsx                     |  2 +-
 nx-dev/ui-common/src/lib/footer.tsx            |  2 +-
 .../src/lib/npx-create-nx-workspace.tsx        | 18 +++++++++---------
 .../src/lib/conf-schedule-short.tsx            |  4 ++--
 nx-dev/ui-conference/src/lib/conf-schedule.tsx |  4 ++--
 nx-dev/ui-home/src/lib/egghead-courses.tsx     |  2 +-
 nx-dev/ui-home/src/lib/event-banner.tsx        |  2 +-
 nx-dev/ui-home/src/lib/nx-playbook.tsx         |  2 +-
 .../ui-home/src/lib/open-source-projects.tsx   |  2 +-
 nx-dev/ui-home/src/lib/youtube-channel.tsx     |  2 +-
 nx-dev/ui-member-card/src/lib/member-card.tsx  |  2 +-
 .../ui-sponsor-card/src/lib/sponsor-card.tsx   |  2 +-
 scripts/readme-fragments/content.md            |  2 +-
 scripts/readme-fragments/resources.md          |  2 +-
 17 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 778b281512..39fd19df7e 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -6,7 +6,7 @@ We would love for you to contribute to Nx! Read this document to see how to do i
 
 Watch this 5-minute video:
 
-<a href="https://www.youtube.com/watch?v=8LCA_4qxc08" target="_blank">
+<a href="https://www.youtube.com/watch?v=8LCA_4qxc08" target="_blank" rel="noreferrer">
 <p style="text-align: center;"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/how-to-contribute.png" width="600" alt="Nx - How to contribute"></p>
 </a>
 
diff --git a/README.md b/README.md
index 7e912c37e1..822345418e 100644
--- a/README.md
+++ b/README.md
@@ -26,7 +26,7 @@ A few links to help you get started:
 - [Official Nx YouTube Channel](https://www.youtube.com/c/Nrwl_io)
 - [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
 
-<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank"><img src="./images/nx-courses-and-videos.svg" 
+<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="./images/nx-courses-and-videos.svg" 
 width="100%" alt="Nx - Smart, Fast and Extensible Build System"></a></p>
 
 # Engage with the Core Team and the Community
@@ -42,7 +42,7 @@ If you want to file a bug or submit a PR, read up on
 our [guidelines for contributing](https://github.com/nrwl/nx/blob/master/CONTRIBUTING.md) and watch this video that will
 help you get started.
 
-<a href="https://www.youtube.com/watch?v=8LCA_4qxc08" target="_blank">
+<a href="https://www.youtube.com/watch?v=8LCA_4qxc08" target="_blank" rel="noreferrer">
 <p style="text-align: center;"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/how-to-contribute.png" width="600" alt="Nx - How to contribute video"></p>
 </a>
 
diff --git a/dep-graph/client/src/app/sidebar/sidebar.tsx b/dep-graph/client/src/app/sidebar/sidebar.tsx
index 2fad08c679..e89c237c4e 100644
--- a/dep-graph/client/src/app/sidebar/sidebar.tsx
+++ b/dep-graph/client/src/app/sidebar/sidebar.tsx
@@ -157,7 +157,7 @@ export function Sidebar() {
       hover:underline
     "
         href="https://nx.dev/structure/dependency-graph"
-        rel="nofollow noreferrer"
+        rel="noreferrer"
         target="_blank"
       >
         <svg
diff --git a/nx-dev/feature-package-schema-viewer/src/lib/types/type.tsx b/nx-dev/feature-package-schema-viewer/src/lib/types/type.tsx
index 24325e213c..30adccda6a 100644
--- a/nx-dev/feature-package-schema-viewer/src/lib/types/type.tsx
+++ b/nx-dev/feature-package-schema-viewer/src/lib/types/type.tsx
@@ -99,7 +99,7 @@ const LinkType = ({
 }): JSX.Element => {
   if (isExternalReference(schema) && schema.$ref !== undefined) {
     return (
-      <a href={schema.$ref} target="_blank">
+      <a href={schema.$ref} target="_blank" rel="noreferrer">
         external reference: {schema.$ref}{' '}
         <ExternalLinkIcon className="inline h-4 w-4" />
       </a>
diff --git a/nx-dev/ui-common/src/lib/footer.tsx b/nx-dev/ui-common/src/lib/footer.tsx
index 94ce4ddc79..11cb2ce564 100644
--- a/nx-dev/ui-common/src/lib/footer.tsx
+++ b/nx-dev/ui-common/src/lib/footer.tsx
@@ -267,7 +267,7 @@ export function Footer({ useDarkBackground }: FooterProps) {
             </svg>{' '}
             by{' '}
             <Link href="https://nrwl.io/?utm_source=nx.dev">
-              <a target="_blank" rel="nofollow">
+              <a target="_blank" rel="noreferrer">
                 <svg
                   className="-mt-0.5 ml-0.5 inline h-auto w-14"
                   role="img"
diff --git a/nx-dev/ui-common/src/lib/npx-create-nx-workspace.tsx b/nx-dev/ui-common/src/lib/npx-create-nx-workspace.tsx
index 2f22d518ef..4a3bc37c63 100644
--- a/nx-dev/ui-common/src/lib/npx-create-nx-workspace.tsx
+++ b/nx-dev/ui-common/src/lib/npx-create-nx-workspace.tsx
@@ -408,7 +408,7 @@ export function NpxCreateNxWorkspaceAnimation({
                     <a
                       href="https://styled-components.com"
                       target="_blank"
-                      rel="nofollow"
+                      rel="noreferrer"
                       className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                     >
                       https://styled-components.com
@@ -440,7 +440,7 @@ export function NpxCreateNxWorkspaceAnimation({
                   <a
                     href="https://sass-lang.com"
                     target="_blank"
-                    rel="nofollow"
+                    rel="noreferrer"
                     className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                   >
                     https://sass-lang.com
@@ -450,7 +450,7 @@ export function NpxCreateNxWorkspaceAnimation({
                   <a
                     href="https://stylus-lang.com"
                     target="_blank"
-                    rel="nofollow"
+                    rel="noreferrer"
                     className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                   >
                     https://stylus-lang.com
@@ -460,7 +460,7 @@ export function NpxCreateNxWorkspaceAnimation({
                   <a
                     href="https://lesscss.org"
                     target="_blank"
-                    rel="nofollow"
+                    rel="noreferrer"
                     className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                   >
                     https://lesscss.org
@@ -474,7 +474,7 @@ export function NpxCreateNxWorkspaceAnimation({
                     <a
                       href="https://styled-components.com"
                       target="_blank"
-                      rel="nofollow"
+                      rel="noreferrer"
                       className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                     >
                       https://styled-components.com
@@ -486,7 +486,7 @@ export function NpxCreateNxWorkspaceAnimation({
                   <a
                     href="https://emotion.sh"
                     target="_blank"
-                    rel="nofollow"
+                    rel="noreferrer"
                     className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                   >
                     https://emotion.sh
@@ -496,7 +496,7 @@ export function NpxCreateNxWorkspaceAnimation({
                   <a
                     href="https://www.npmjs.com/package/styled-jsx"
                     target="_blank"
-                    rel="nofollow"
+                    rel="noreferrer"
                     className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                   >
                     https://www.npmjs.com/package/styled-jsx
@@ -601,7 +601,7 @@ export function NpxCreateNxWorkspaceAnimation({
                     <a
                       href="https://nx.dev/react/tutorial/01-create-application"
                       target="_blank"
-                      rel="nofollow"
+                      rel="noreferrer"
                       className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                     >
                       https://nx.dev/react/tutorial/01-create-application
@@ -613,7 +613,7 @@ export function NpxCreateNxWorkspaceAnimation({
                     <a
                       href="https://egghead.io/playlists/scale-react-development-with-nx-4038"
                       target="_blank"
-                      rel="nofollow"
+                      rel="noreferrer"
                       className="cursor-pointer opacity-50 hover:underline hover:opacity-100"
                     >
                       https://egghead.io/playlists/scale-react-development-with-nx-4038
diff --git a/nx-dev/ui-conference/src/lib/conf-schedule-short.tsx b/nx-dev/ui-conference/src/lib/conf-schedule-short.tsx
index cd6a493ac1..421cdb9866 100644
--- a/nx-dev/ui-conference/src/lib/conf-schedule-short.tsx
+++ b/nx-dev/ui-conference/src/lib/conf-schedule-short.tsx
@@ -109,7 +109,7 @@ const scheduleRow = (item: ScheduleItem): JSX.Element => (
         <div className="font-input-mono col-span-2 px-5 md:py-12 md:px-8">
           {item.videoUrl ? (
             <h3 className="mb-4 underline">
-              <a href={item.videoUrl} target="_blank">
+              <a href={item.videoUrl} target="_blank" rel="noreferrer">
                 {item.title}
               </a>
             </h3>
@@ -141,7 +141,7 @@ const breakRow = (item: ScheduleItem): JSX.Element => (
         <div className="px-5 pb-12 md:col-span-4 md:border-l md:border-gray-600 md:py-12 md:px-8">
           {item.videoUrl ? (
             <h3 className="font-input-mono underline">
-              <a href={item.videoUrl} target="_blank">
+              <a href={item.videoUrl} target="_blank" rel="noreferrer">
                 {item.title}
               </a>
             </h3>
diff --git a/nx-dev/ui-conference/src/lib/conf-schedule.tsx b/nx-dev/ui-conference/src/lib/conf-schedule.tsx
index c8f0e4e171..efbc7e07ad 100644
--- a/nx-dev/ui-conference/src/lib/conf-schedule.tsx
+++ b/nx-dev/ui-conference/src/lib/conf-schedule.tsx
@@ -365,7 +365,7 @@ const scheduleRow = (item: ScheduleItem): JSX.Element => (
         <div className="font-input-mono col-span-2 px-5 md:py-12 md:px-8">
           {item.videoUrl ? (
             <h3 className="mb-4 underline">
-              <a href={item.videoUrl} target="_blank">
+              <a href={item.videoUrl} target="_blank" rel="noreferrer">
                 {item.title}
               </a>
             </h3>
@@ -397,7 +397,7 @@ const breakRow = (item: ScheduleItem): JSX.Element => (
         <div className="px-5 pb-12 md:col-span-4 md:border-l md:border-gray-600 md:py-12 md:px-8">
           {item.videoUrl ? (
             <h3 className="font-input-mono underline">
-              <a href={item.videoUrl} target="_blank">
+              <a href={item.videoUrl} target="_blank" rel="noreferrer">
                 {item.title}
               </a>
             </h3>
diff --git a/nx-dev/ui-home/src/lib/egghead-courses.tsx b/nx-dev/ui-home/src/lib/egghead-courses.tsx
index 18375ed72c..7bd2573fd8 100644
--- a/nx-dev/ui-home/src/lib/egghead-courses.tsx
+++ b/nx-dev/ui-home/src/lib/egghead-courses.tsx
@@ -46,7 +46,7 @@ export function EggheadCourses(): ReactComponentElement<any> {
             <Link href="https://egghead.io/playlists/scale-react-development-with-nx-4038?utm_source=nx.dev">
               <a
                 title="Start learning how to create React application that scale with Nx"
-                rel="nofollow"
+                rel="noreferrer"
                 target="_blank"
                 className="text-blue-nx-base mt-8 inline-flex items-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium shadow hover:bg-gray-100"
               >
diff --git a/nx-dev/ui-home/src/lib/event-banner.tsx b/nx-dev/ui-home/src/lib/event-banner.tsx
index 8f8bd43253..ca0403d9e6 100644
--- a/nx-dev/ui-home/src/lib/event-banner.tsx
+++ b/nx-dev/ui-home/src/lib/event-banner.tsx
@@ -11,7 +11,7 @@ export function EventBanner(): ReactComponentElement<any> {
               <a
                 href="https://ti.to/nrwl/nx-workshop-12-2021?utm_source=nx.dev"
                 target="_blank"
-                rel="nofollow"
+                rel="noreferrer"
                 className="group font-bold text-white underline"
               >
                 {' '}
diff --git a/nx-dev/ui-home/src/lib/nx-playbook.tsx b/nx-dev/ui-home/src/lib/nx-playbook.tsx
index 4fcbd07499..ac4df9fc12 100644
--- a/nx-dev/ui-home/src/lib/nx-playbook.tsx
+++ b/nx-dev/ui-home/src/lib/nx-playbook.tsx
@@ -48,7 +48,7 @@ export function NxPlaybook(): ReactComponentElement<any> {
             <Link href="https://nxplaybook.com/?utm_source=nx.dev">
               <a
                 title="Dedicated carefully created Nx courses to get you up and running in no time"
-                rel="nofollow"
+                rel="noreferrer"
                 target="_blank"
                 className="text-blue-nx-base mt-8 inline-flex items-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium shadow hover:bg-gray-100"
               >
diff --git a/nx-dev/ui-home/src/lib/open-source-projects.tsx b/nx-dev/ui-home/src/lib/open-source-projects.tsx
index ebacb54359..f66590dcef 100644
--- a/nx-dev/ui-home/src/lib/open-source-projects.tsx
+++ b/nx-dev/ui-home/src/lib/open-source-projects.tsx
@@ -381,7 +381,7 @@ export function OpenSourceProjects(): ReactComponentElement<any> {
                   <Link href={project.href}>
                     <a
                       target="_blank"
-                      rel="nofollow"
+                      rel="noreferrer"
                       className="focus:outline-none"
                     >
                       {/* Extend touch target to entire panel */}
diff --git a/nx-dev/ui-home/src/lib/youtube-channel.tsx b/nx-dev/ui-home/src/lib/youtube-channel.tsx
index 42ac54495b..172e382a4a 100644
--- a/nx-dev/ui-home/src/lib/youtube-channel.tsx
+++ b/nx-dev/ui-home/src/lib/youtube-channel.tsx
@@ -47,7 +47,7 @@ export function YoutubeChannel(): ReactComponentElement<any> {
             <Link href="https://www.youtube.com/c/Nrwl_io?utm_source=nx.dev">
               <a
                 title="Get the latest resources about Nx"
-                rel="nofollow"
+                rel="noreferrer"
                 target="_blank"
                 className="text-blue-nx-base mt-8 inline-flex items-center rounded-md border border-transparent bg-white px-5 py-3 text-base font-medium shadow hover:bg-gray-100"
               >
diff --git a/nx-dev/ui-member-card/src/lib/member-card.tsx b/nx-dev/ui-member-card/src/lib/member-card.tsx
index d2f505d6bc..84f5a5f1cf 100644
--- a/nx-dev/ui-member-card/src/lib/member-card.tsx
+++ b/nx-dev/ui-member-card/src/lib/member-card.tsx
@@ -27,7 +27,7 @@ export function MemberCard(data: Member): JSX.Element {
             className="font-input-mono mt-6 block"
             href={'https://twitter.com/' + data.twitter}
             target="_blank"
-            rel="nofollow"
+            rel="noreferrer"
           >
             @{data.twitter}
           </a>
diff --git a/nx-dev/ui-sponsor-card/src/lib/sponsor-card.tsx b/nx-dev/ui-sponsor-card/src/lib/sponsor-card.tsx
index cda9c2d6e4..c872b8875b 100644
--- a/nx-dev/ui-sponsor-card/src/lib/sponsor-card.tsx
+++ b/nx-dev/ui-sponsor-card/src/lib/sponsor-card.tsx
@@ -14,7 +14,7 @@ export function SponsorCard(data: Sponsor) {
           className="cursor-pointer"
           href={data.linkTarget}
           target="_blank"
-          rel="nofollow"
+          rel="noreferrer"
         >
           <Image src={data.imageUrl} alt={data.name} width={130} height={130} />
         </a>
diff --git a/scripts/readme-fragments/content.md b/scripts/readme-fragments/content.md
index 1a9b1f7571..2a6585d119 100644
--- a/scripts/readme-fragments/content.md
+++ b/scripts/readme-fragments/content.md
@@ -56,5 +56,5 @@ A few links to help you get started:
 - [Official Nx YouTube Channel](https://www.youtube.com/c/Nrwl_io)
 - [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
 
-<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
+<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
 width="100%" alt="Nx - Smart, Fast and Extensible Build System"></a></p>
diff --git a/scripts/readme-fragments/resources.md b/scripts/readme-fragments/resources.md
index 3ab1a623ea..09c43d68ea 100644
--- a/scripts/readme-fragments/resources.md
+++ b/scripts/readme-fragments/resources.md
@@ -7,5 +7,5 @@ A few links to help you get started:
 - [Official Nx YouTube Channel](https://www.youtube.com/c/Nrwl_io)
 - [Blog Posts About Nx](https://blog.nrwl.io/nx/home)
 
-<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
+<p style="text-align: center;"><a href="https://nx.dev/#learning-materials" target="_blank" rel="noreferrer"><img src="https://raw.githubusercontent.com/nrwl/nx/master/images/nx-courses-and-videos.svg" 
 width="100%" alt="Nx - Smart, Fast and Extensible Build System"></a></p>