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

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>
  );
}