From 1c4321c46685c43d6ddec1b00899afd5d46112a4 Mon Sep 17 00:00:00 2001
From: Bram Suurd <78373894+BramSuurdje@users.noreply.github.com>
Date: Wed, 6 Nov 2024 21:45:09 +0100
Subject: [PATCH] use cleaner `basePath` variable around codebase for easier
 management

---
 frontend/src/app/api/categories/route.ts               |  7 +++++--
 frontend/src/app/page.tsx                              |  3 ++-
 frontend/src/app/robots.ts                             |  3 ++-
 .../app/scripts/_components/ScriptItems/Buttons.tsx    |  5 +++--
 .../scripts/_components/ScriptItems/InstallCommand.tsx |  3 ++-
 frontend/src/components/Footer.tsx                     |  3 ++-
 frontend/src/components/ui/codeblock.tsx               |  3 ++-
 frontend/src/components/ui/star-on-github-button.tsx   |  5 +++--
 frontend/src/config/siteConfig.tsx                     | 10 +++++-----
 9 files changed, 26 insertions(+), 16 deletions(-)

diff --git a/frontend/src/app/api/categories/route.ts b/frontend/src/app/api/categories/route.ts
index 50827d4c..183efee5 100644
--- a/frontend/src/app/api/categories/route.ts
+++ b/frontend/src/app/api/categories/route.ts
@@ -1,17 +1,20 @@
+import { basePath } from "@/config/siteConfig";
 import { Category, Script } from "@/lib/types";
 import { NextResponse } from "next/server";
 
 export const dynamic = "force-static";
 
 const fetchCategories = async () => {
-  const response = await fetch("https://raw.githubusercontent.com/community-scripts/ProxmoxVE/refs/heads/main/json/metadata.json");
+  const response = await fetch(
+    `https://raw.githubusercontent.com/community-scripts/${basePath}/refs/heads/main/json/metadata.json`,
+  );
   const data = await response.json();
   return data.categories;
 }
 
 const fetchAllMetaDataFiles = async () => {
   const response = await fetch(
-    "https://api.github.com/repos/community-scripts/ProxmoxVE/contents/json",
+    `https://api.github.com/repos/community-scripts/${basePath}/contents/json`,
   );
   const files = await response.json();
   const scripts: Script[] = [];
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index ea486cb0..67577c6c 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -11,6 +11,7 @@ import { useEffect, useState } from "react";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog";
 import { CardFooter } from "@/components/ui/card";
 import { FaGithub } from "react-icons/fa";
+import { basePath } from "@/config/siteConfig";
 
 function CustomArrowRightIcon() {
   return <ArrowRightIcon className="h-4 w-4" width={1} />;
@@ -80,7 +81,7 @@ export default function Page() {
                 </Button>
                 <Button className="w-full" asChild>
                   <a
-                    href="https://github.com/community-scripts/ProxmoxVE"
+                    href={`https://github.com/community-scripts/${basePath}`}
                     target="_blank"
                     rel="noopener noreferrer"
                     className="flex items-center justify-center"
diff --git a/frontend/src/app/robots.ts b/frontend/src/app/robots.ts
index 16a6f164..fc01ac87 100644
--- a/frontend/src/app/robots.ts
+++ b/frontend/src/app/robots.ts
@@ -1,3 +1,4 @@
+import { basePath } from "@/config/siteConfig";
 import type { MetadataRoute } from "next";
 
 export const dynamic = "force-static";
@@ -8,6 +9,6 @@ export default function robots(): MetadataRoute.Robots {
       userAgent: "*",
       allow: "/",
     },
-    sitemap: "https://community-scripts.github.io/Proxmox/sitemap.xml",
+    sitemap: `https://community-scripts.github.io/${basePath}/sitemap.xml`,
   };
 }
diff --git a/frontend/src/app/scripts/_components/ScriptItems/Buttons.tsx b/frontend/src/app/scripts/_components/ScriptItems/Buttons.tsx
index 765e8c16..00a66782 100644
--- a/frontend/src/app/scripts/_components/ScriptItems/Buttons.tsx
+++ b/frontend/src/app/scripts/_components/ScriptItems/Buttons.tsx
@@ -1,13 +1,14 @@
 import { Button } from "@/components/ui/button";
+import { basePath } from "@/config/siteConfig";
 import { Script } from "@/lib/types";
 import { BookOpenText, Code, Globe } from "lucide-react";
 import Link from "next/link";
 
 const generateSourceUrl = (slug: string, type: string) => {
   if (type === "ct") {
-    return `https://raw.githubusercontent.com/community-scripts/ProxmoxVE/main/install/${slug}-install.sh`;
+    return `https://raw.githubusercontent.com/community-scripts/${basePath}/main/install/${slug}-install.sh`;
   } else {
-    return `https://raw.githubusercontent.com/community-scripts/ProxmoxVE/main/${type}/${slug}.sh`;
+    return `https://raw.githubusercontent.com/community-scripts/${basePath}/main/${type}/${slug}.sh`;
   }
 };
 
diff --git a/frontend/src/app/scripts/_components/ScriptItems/InstallCommand.tsx b/frontend/src/app/scripts/_components/ScriptItems/InstallCommand.tsx
index d4def545..aecad722 100644
--- a/frontend/src/app/scripts/_components/ScriptItems/InstallCommand.tsx
+++ b/frontend/src/app/scripts/_components/ScriptItems/InstallCommand.tsx
@@ -1,9 +1,10 @@
 import CodeCopyButton from "@/components/ui/code-copy-button";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { basePath } from "@/config/siteConfig";
 import { Script } from "@/lib/types";
 
 const generateInstallCommand = (script?: string) => {
-  return `bash -c "$(wget -qLO - https://github.com/community-scripts/ProxmoxVE/raw/main/${script})"`;
+  return `bash -c "$(wget -qLO - https://github.com/community-scripts/${basePath}/raw/main/${script})"`;
 }
 
 export default function InstallCommand({ item }: { item: Script }) {
diff --git a/frontend/src/components/Footer.tsx b/frontend/src/components/Footer.tsx
index d76a44a2..83aa05ce 100644
--- a/frontend/src/components/Footer.tsx
+++ b/frontend/src/components/Footer.tsx
@@ -1,3 +1,4 @@
+import { basePath } from "@/config/siteConfig";
 import Link from "next/link";
 
 export default function Footer() {
@@ -7,7 +8,7 @@ export default function Footer() {
         <div className="mx-6 w-full max-w-7xl text-sm text-muted-foreground">
           Website build by the community. The source code is avaliable on{" "}
           <Link
-            href="https://github.com/community-scripts/Proxmox"
+            href={`https://github.com/community-scripts/${basePath}`}
             target="_blank"
             rel="noreferrer"
             className="font-semibold underline-offset-2 duration-300 hover:underline"
diff --git a/frontend/src/components/ui/codeblock.tsx b/frontend/src/components/ui/codeblock.tsx
index f4251e53..16cc1bcc 100644
--- a/frontend/src/components/ui/codeblock.tsx
+++ b/frontend/src/components/ui/codeblock.tsx
@@ -8,6 +8,7 @@ import * as React from "react";
 import { toast } from "sonner";
 import { Button } from "./button";
 import { Separator } from "./separator";
+import { basePath } from "@/config/siteConfig";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
@@ -67,7 +68,7 @@ const handleCopy = (type: string, value: string) => {
             <div>
               <Button className="text-white">
                 <Link
-                  href="https://github.com/community-scripts/ProxmoxVE"
+                  href={`https://github.com/community-scripts/${basePath}`}
                   data-umami-event="Star on Github"
                   target="_blank"
                 >
diff --git a/frontend/src/components/ui/star-on-github-button.tsx b/frontend/src/components/ui/star-on-github-button.tsx
index 9f6eb6e9..f7e59b98 100644
--- a/frontend/src/components/ui/star-on-github-button.tsx
+++ b/frontend/src/components/ui/star-on-github-button.tsx
@@ -4,6 +4,7 @@ import { useEffect, useState } from "react";
 import { FaGithub, FaStar } from "react-icons/fa";
 import NumberTicker from "./number-ticker";
 import { buttonVariants } from "./button";
+import { basePath } from "@/config/siteConfig";
 
 export default function StarOnGithubButton() {
   const [stars, setStars] = useState(0);
@@ -11,7 +12,7 @@ export default function StarOnGithubButton() {
   useEffect(() => {
     const fetchStars = async () => {
       try {
-        const res = await fetch("https://api.github.com/repos/community-scripts/ProxmoxVE", {
+        const res = await fetch(`https://api.github.com/repos/community-scripts/${basePath}`, {
           next: { revalidate: 60 * 60 * 24 },
         });
 
@@ -34,7 +35,7 @@ export default function StarOnGithubButton() {
         "group relative justify-center gap-2 rounded-md transition-all duration-300 ease-out hover:ring-2 hover:ring-primary hover:ring-offset-2",
       )}
       target="_blank"
-      href="https://github.com/community-scripts/ProxmoxVE"
+      href={`https://github.com/community-scripts/${basePath}`}
     >
       <span className="absolute right-0 -mt-12 h-32 translate-x-12 rotate-12 bg-white opacity-10 transition-all duration-1000 ease-out group-hover:-translate-x-40" />
       <div className="flex items-center">
diff --git a/frontend/src/config/siteConfig.tsx b/frontend/src/config/siteConfig.tsx
index 40f70e68..947e8dc7 100644
--- a/frontend/src/config/siteConfig.tsx
+++ b/frontend/src/config/siteConfig.tsx
@@ -1,21 +1,23 @@
 import { MessagesSquare, Scroll } from "lucide-react";
 import { FaGithub } from "react-icons/fa";
 
+export const basePath = "ProxmoxVE"; 
+
 export const navbarLinks = [
   {
-    href: "https://github.com/community-scripts/ProxmoxVE",
+    href: `https://github.com/community-scripts/${basePath}`,
     event: "Github",
     icon: <FaGithub className="h-4 w-4" />,
     text: "Github",
   },
   {
-    href: "https://github.com/community-scripts/ProxmoxVE/blob/main/CHANGELOG.md",
+    href: `https://github.com/community-scripts/${basePath}/blob/main/CHANGELOG.md`,
     event: "Change Log",
     icon: <Scroll className="h-4 w-4" />,
     text: "Change Log",
   },
   {
-    href: "https://github.com/community-scripts/ProxmoxVE/discussions",
+    href: `https://github.com/community-scripts/${basePath}/discussions`, 
     event: "Discussions",
     icon: <MessagesSquare className="h-4 w-4" />,
     text: "Discussions",
@@ -32,5 +34,3 @@ export const analytics = {
   url: "analytics.proxmoxve-scripts.com",
   token: "b60d3032-1a11-4244-a100-81d26c5c49a7",
 };
-
-export const basePath = "ProxmoxVE" 
\ No newline at end of file