Rework links

Author: sesh92

src/app/contract-addresses/page.mdx

@@ -10,12 +10,13 @@ import {
   stages,
   stagesDisplayOrder,
 } from "../../data/stages";
+import OwnedLink from "../../components/OwnedLink";
 
 # Contract Addresses
 
 ## Humanode
 
-See the chain details at [Chains](https://link.humanode.io/docs/chains).
+See the chain details at <OwnedLink link="chains">Chains</OwnedLink>.
 
 <Tabs
   storageKey="stage"
@@ -33,7 +34,7 @@ See the chain details at [Chains](https://link.humanode.io/docs/chains).
 </Tabs>
 
 You can find smart contract descriptions
-at [Biomapper SDK docs](https://link.humanode.io/docs/biomapper-sdk).
+at <OwnedLink link="biomapperSdkDocs">Biomapper SDK docs</OwnedLink>.
 
 ## Bridged Chains
 

src/app/integration/_meta.ts

@@ -1,9 +1,7 @@
 import type { MetaRecord } from "nextra";
+import links from "../../data/links";
 
 export default {
   "general-information": "General Information",
-  interfaces: {
-    title: "Solidity API",
-    href: "https://link.humanode.io/docs/biomapper-sdk",
-  },
+  interfaces: { title: "Solidity API", href: links.biomapperSdkDocs },
 } as const satisfies MetaRecord;

src/app/integration/general-information/page.mdx

@@ -6,18 +6,19 @@ import { Callout } from "nextra/components";
 import Embed from "../../../components/Embed";
 import { VscGithub } from "react-icons/vsc";
 import { AiFillBook } from "react-icons/ai";
+import OwnedLink from "../../../components/OwnedLink";
+import links from "../../../data/links";
 
 # General Information
 
 Here we outline the general guidance on how to integrate you dapp with
 Humanode Biomapper.
 
 <Callout type="info">
-  __TLDR__: just use the [Solidity ABI][interfaces].
+  __TLDR__: just use the{" "}
+  <OwnedLink link="biomapperSdkDocs">Solidity ABI</OwnedLink>.
 </Callout>
 
-[interfaces]: https://link.humanode.io/docs/biomapper-sdk
-
 ## About Humanode Biomapper SDK
 
 Humanode Biomapper SDK provides interfaces and useful utilities
@@ -47,25 +48,21 @@ The automatically generated documentation on the SDK components:
 
 <Embed
   title="Solidity API"
-  href="https://link.humanode.io/docs/biomapper-sdk"
+  href={links.biomapperSdkDocs}
   icon={<AiFillBook />}
 />
 
 ## Examples
 
 See simple usage instructions at the Biomapper SDK repo here:
 
-<Embed
-  title="Usage"
-  href="https://github.com/humanode-network/biomapper-sdk/tree/master/usage"
-  icon={<VscGithub />}
-/>
+<Embed title="Usage" href={links.biomapperSdkRepoUsage} icon={<VscGithub />} />
 
 and the more complete use cases demonstration here:
 
 <Embed
   title="Examples"
-  href="https://github.com/humanode-network/biomapper-sdk/tree/master/examples"
+  href={links.biomapperSdkRepoExamples}
   icon={<VscGithub />}
 />
 
@@ -75,6 +72,6 @@ See the full Biomapper SDK source code at our Github:
 
 <Embed
   title="Biomapper SDK"
-  href="https://github.com/humanode-network/biomapper-sdk"
+  href={links.biomapperSdkRepo}
   icon={<VscGithub />}
 />

src/app/layout.tsx

@@ -7,6 +7,7 @@ import Image from "next/image";
 import FaviconImage from "../assets/favicon.png";
 import LogoImage from "../assets/logo.png";
 import { Metadata } from "next";
+import links from "../data/links";
 
 const logo = (
   <div
@@ -32,8 +33,8 @@ export const metadata: Metadata = {
 const navbar = (
   <Navbar
     logo={logo}
-    projectLink="https://github.com/humanode-network/biomapper-docs"
-    chatLink="https://link.humanode.io/chat"
+    projectLink={links.biomapperDocsRepo}
+    chatLink={links.chat}
   />
 );
 const footer = <Footer>Humanode Biomapper Documentation</Footer>;
@@ -55,7 +56,7 @@ export default async function RootLayout({ children }) {
         <Layout
           navbar={navbar}
           pageMap={await getPageMap()}
-          docsRepositoryBase="https://github.com/humanode-network/biomapper-docs/tree/master"
+          docsRepositoryBase={links.biomapperDocsRepoMaster}
           footer={footer}
         >
           {children}

src/app/page.mdx

@@ -4,6 +4,7 @@ title: Humanode Biomapper Docs
 
 import Banner from "../components/Banner";
 import { Cards } from "nextra/components";
+import links from "../data/links";
 
 <Banner />
 
@@ -35,7 +36,7 @@ Integration instructions.
   />
   <Cards.Card
     title="Solidity API"
-    href="https://link.humanode.io/docs/biomapper-sdk"
+    href={links.biomapperSdkDocs}
     target="_blank"
   />
 </Cards>

src/app/showcase/page.mdx

@@ -4,6 +4,7 @@ description: A showcase of integartions with Humanode Biomapper.
 
 import { Callout } from "nextra/components";
 import Embed from "../../components/Embed";
+import links from "../../data/links";
 
 # Integration Showcases
 
@@ -20,4 +21,4 @@ non-linear Liqudity Pool staking to the users.
 The non-liner aspect is only possible because the Humanode Biomapper relibaly
 protects our users from the Sybil-attacks.
 
-<Embed title="Humanode Biostaker" href="https://mainnet.biostaker.hmnd.app" />
+<Embed title="Humanode Biostaker" href={links.biostakerMainnet} />

src/components/OwnedLink.tsx

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from "react";
+import links from "../data/links";
+import { A } from "./mdx";
+
+type OwnedLinkProps = { link: keyof typeof links };
+const OwnedLink: React.FC<PropsWithChildren<OwnedLinkProps>> = ({
+  children,
+  link,
+}) => <A href={links[link]}>{children}</A>;
+
+export default OwnedLink;

src/components/mdx.ts

@@ -3,3 +3,5 @@ import { useMDXComponents } from "../mdx-components";
 const components = useMDXComponents();
 
 export const P = components.p;
+
+export const A = components.a;

src/data/links.ts

@@ -0,0 +1,27 @@
+const biomapperSdkDocs = "https://link.humanode.io/docs/biomapper-sdk";
+const biomapperSdkRepo = "https://github.com/humanode-network/biomapper-sdk";
+const biomapperSdkRepoUsage =
+  "https://github.com/humanode-network/biomapper-sdk/tree/master/usage";
+const biomapperSdkRepoExamples =
+  "https://github.com/humanode-network/biomapper-sdk/tree/master/examples";
+
+const biostakerMainnet = "https://mainnet.biostaker.hmnd.app";
+const biomapperDocsRepo = "https://github.com/humanode-network/biomapper-docs";
+const biomapperDocsRepoMaster =
+  "https://github.com/humanode-network/biomapper-docs/tree/master";
+const chat = "https://link.humanode.io/chat";
+const chains = "https://link.humanode.io/docs/chains";
+
+const links = {
+  chat,
+  chains,
+  biostakerMainnet,
+  biomapperDocsRepo,
+  biomapperDocsRepoMaster,
+  biomapperSdkDocs,
+  biomapperSdkRepo,
+  biomapperSdkRepoUsage,
+  biomapperSdkRepoExamples,
+} as const;
+
+export default links;