Split codebase (#455)

apps/yaak-client/components/git/credentials.tsx

@@ -0,0 +1,49 @@
+import { showPromptForm } from "../../lib/prompt-form";
+import { Banner, InlineCode } from "@yaakapp-internal/ui";
+
+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 };
+}