update anchor links

Author: AykutSarac

src/containers/Editor/components/BottomBar.tsx

@@ -145,7 +145,11 @@ export const BottomBar = () => {
 
       <StyledRight>
         <StyledBottomBarItem>Nodes: {nodeCount}</StyledBottomBarItem>
-        <Link href="https://github.com/AykutSarac/jsoncrack.com/discussions" target="_blank">
+        <Link
+          href="https://github.com/AykutSarac/jsoncrack.com/discussions"
+          target="_blank"
+          rel="noopener"
+        >
           <StyledBottomBarItem>
             <VscFeedback />
             Feedback

src/containers/Editor/components/views/GraphView/CustomNode/TextRenderer.tsx

@@ -20,7 +20,7 @@ const isURL = (word: string) => {
 const Linkify = (text: string) => {
   const addMarkup = (word: string) => {
     return isURL(word)
-      ? `<a onclick="event.stopPropagation()" href="${word}" style="text-decoration: underline; pointer-events: all;" target="_blank" rel="noreferrer">${word}</a>`
+      ? `<a onclick="event.stopPropagation()" href="${word}" style="text-decoration: underline; pointer-events: all;" target="_blank" rel="noopener noreferrer">${word}</a>`
       : word;
   };
 

src/containers/Editor/components/views/GraphView/NotSupported.tsx

@@ -166,7 +166,7 @@ export const NotSupported = () => {
         <StyledInfo>
           Use ToDiagram for larger data size, faster performance, and more features.
         </StyledInfo>
-        <Link href="https://todiagram.com" target="_blank" passHref>
+        <Link href="https://todiagram.com" target="_blank" passHref rel="noopener">
           <Button
             mt="lg"
             size="lg"

src/containers/Landing/HeroSection.tsx

@@ -104,7 +104,7 @@ export const HeroSection = () => {
     <StyledHeroSection>
       <StyledHeroSectionBody>
         <Stack flex="1" miw={250} mx="auto" align="center">
-          <Link href="https://todiagram.com?ref=jsoncrack.com">
+          <Link href="https://todiagram.com?ref=jsoncrack.com" rel="noopener">
             <Flex justify="center" fz="sm" c="gray.8" gap="8" align="center">
               built by
               <Image src="/assets/todiagram_logo.png" alt="Todiagram Logo" h={14} loading="eager" />

src/containers/Landing/LovedBy.tsx

@@ -27,7 +27,7 @@ const Featured = ({ stars }: LovedByProps) => {
       <StyledFeaturedItem
         href="https://github.com/AykutSarac/jsoncrack.com"
         target="_blank"
-        rel="noreferrer"
+        rel="noopener"
       >
         <FaGithub color="black" size={28} />
         <Text fz="md" fw={600} c="gray.8">
@@ -38,7 +38,7 @@ const Featured = ({ stars }: LovedByProps) => {
       <StyledFeaturedItem
         href="https://news.ycombinator.com/item?id=32626873"
         target="_blank"
-        rel="noreferrer"
+        rel="noopener"
       >
         <FaHackerNews color="#FF6600" size={28} />
         <Text fz="md" fw={600} c="gray.8">
@@ -48,7 +48,7 @@ const Featured = ({ stars }: LovedByProps) => {
       <StyledFeaturedItem
         href="https://www.producthunt.com/products/JSON-Crack"
         target="_blank"
-        rel="noreferrer"
+        rel="noopener"
       >
         <FaProductHunt color="#DA552F" size={28} />
         <Text fz="md" fw={600} c="gray.8">
@@ -68,9 +68,9 @@ export const LovedBy = ({ stars }: LovedByProps) => {
           component="a"
           href="https://twitter.com/intent/post?text=Looking%20to%20understand%20or%20explore%20some%20JSON%3F%20Just%20paste%20or%20upload%20to%20visualize%20it%20as%20a%20graph%20with%20https%3A%2F%2Fjsoncrack.com%20%F0%9F%98%8D%20"
           target="_blank"
-          rel="noreferrer"
           color="black"
           leftSection={<FaXTwitter />}
+          rel="noopener"
         >
           Share on X
         </Button>
@@ -80,6 +80,7 @@ export const LovedBy = ({ stars }: LovedByProps) => {
           target="_blank"
           color="#0077B5"
           leftSection={<FaLinkedin />}
+          rel="noopener"
         >
           Share on LinkedIn
         </Button>

src/containers/Landing/SeePremium.tsx

@@ -64,6 +64,7 @@ export const SeePremium = () => {
               mt="xl"
               rightSection={<FaArrowRightLong />}
               radius="xl"
+              rel="noopener"
             >
               See more
             </Button>

src/containers/Modals/JPathModal/index.tsx

@@ -38,6 +38,7 @@ export const JPathModal = ({ opened, onClose }: ModalProps) => {
             fz="sm"
             target="_blank"
             href="https://docs.oracle.com/cd/E60058_01/PDF/8.0.8.x/8.0.8.0.0/PMF_HTML/JsonPath_Expressions.htm"
+            rel="noopener noreferrer"
           >
             Read documentation. <VscLinkExternal />
           </Anchor>

src/containers/Modals/JQModal/index.tsx

@@ -19,7 +19,7 @@ export const JQModal = ({ opened, onClose }: ModalProps) => {
             fz="sm"
             target="_blank"
             href="https://jqlang.github.io/jq/manual/"
-            rel="noreferrer"
+            rel="noopener noreferrer"
           >
             Read documentation. <VscLinkExternal />
           </Anchor>

src/containers/Modals/SchemaModal/index.tsx

@@ -76,7 +76,7 @@ export const SchemaModal = ({ opened, onClose }: ModalProps) => {
           fz="sm"
           target="_blank"
           href="https://niem.github.io/json/sample-schema/"
-          rel="noreferrer"
+          rel="noopener noreferrer"
         >
           View Examples <VscLinkExternal />
         </Anchor>

src/containers/Modals/UpgradeModal/index.tsx

@@ -58,7 +58,7 @@ export const UpgradeModal = ({ opened, onClose }: ModalProps) => {
             <List.Item>Tabs for multiple documents</List.Item>
             <List.Item>...faster, and more</List.Item>
           </List>
-          <Link href="https://todiagram.com" target="_blank" passHref>
+          <Link href="https://todiagram.com" target="_blank" passHref rel="noopener">
             <Button
               color="green"
               fullWidth