merge frontend website into scripts repo

frontend/src/app/scripts/_components/ScriptItems/Buttons.tsx

@@ -0,0 +1,74 @@
+import { Button } from "@/components/ui/button";
+import { Script } from "@/lib/types";
+import { BookOpenText, Code, ExternalLink, Globe } from "lucide-react";
+import Link from "next/link";
+import { useMemo } from "react";
+
+export default function Buttons({ item }: { item: Script }) {
+  const pattern = useMemo(
+    () =>
+      /(https:\/\/github\.com\/community-scripts\/ProxmoxVE\/raw\/main\/(ct|misc|vm)\/([^\/]+)\.sh)/,
+    [],
+  );
+
+    const transformUrlToInstallScript = (url: string): string => {
+      if (url.includes("/pve/")) {
+        return url;
+      } else if (url.includes("/ct/")) {
+        return url.replace("/ct/", "/install/").replace(/\.sh$/, "-install.sh");
+      }
+      return url;
+    };
+
+  const sourceUrl = useMemo(() => {
+    if (item.installCommand) {
+      const match = item.installCommand.match(pattern);
+      return match ? transformUrlToInstallScript(match[0]) : null;
+    }
+    return null;
+  }, [item.installCommand, pattern]);
+
+  return (
+    <div className="flex flex-wrap justify-end gap-2">
+      {item.website && (
+        <Button variant="secondary" asChild>
+          <Link target="_blank" href={item.website}>
+            <span className="flex items-center gap-2">
+              <Globe className="h-4 w-4" /> Website
+            </span>
+          </Link>
+        </Button>
+      )}
+      {item.documentation && (
+        <Button variant="secondary" asChild>
+          <Link target="_blank" href={item.documentation}>
+            <span className="flex items-center gap-2">
+              <BookOpenText className="h-4 w-4" />
+              Documentation
+            </span>
+          </Link>
+        </Button>
+      )}
+      {item.post_install && (
+        <Button variant="secondary" asChild>
+          <Link target="_blank" href={item.post_install}>
+            <span className="flex items-center gap-2">
+              <ExternalLink className="h-4 w-4" />
+              Post Install
+            </span>
+          </Link>
+        </Button>
+      )}
+      {item.installCommand && sourceUrl && (
+        <Button variant="secondary" asChild>
+          <Link target="_blank" href={transformUrlToInstallScript(sourceUrl)}>
+            <span className="flex items-center gap-2">
+              <Code className="h-4 w-4" />
+              Source Code
+            </span>
+          </Link>
+        </Button>
+      )}
+    </div>
+  );
+}