yaak/src-web/components/git/credentials.tsx

import { showPromptForm } from "../../lib/prompt-form";
import { Banner } from "../core/Banner";
import { InlineCode } from "../core/InlineCode";

export interface GitCredentials {
  username: string;
  password: string;
}

export async function promptCredentials({
  url: remoteUrl,
  error,
}: {
  url: string;
  error: string | null;
}): Promise<GitCredentials | null> {
  const isGitHub = /github\.com/i.test(remoteUrl);
  const userLabel = isGitHub ? "GitHub Username" : "Username";
  const passLabel = isGitHub ? "GitHub Personal Access Token" : "Password / Token";
  const userDescription = isGitHub ? "Use your GitHub username (not your email)." : undefined;
  const passDescription = isGitHub
    ? "GitHub requires a Personal Access Token (PAT) for write operations over HTTPS. Passwords are not supported."
    : "Enter your password or access token for this Git server.";
  const r = await showPromptForm({
    id: "git-credentials",
    title: "Credentials Required",
    description: error ? (
      <Banner color="danger">{error}</Banner>
    ) : (
      <>
        Enter credentials for <InlineCode>{remoteUrl}</InlineCode>
      </>
    ),
    inputs: [
      { type: "text", name: "username", label: userLabel, description: userDescription },
      {
        type: "text",
        name: "password",
        label: passLabel,
        description: passDescription,
        password: true,
      },
    ],
  });
  if (r == null) return null;

  const username = String(r.username || "");
  const password = String(r.password || "");
  return { username, password };
}