@getjack/jack 0.1.5 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@getjack/jack",
-	"version": "0.1.5",
+	"version": "0.1.6",
 	"description": "Ship before you forget why you started. The vibecoder's deployment CLI.",
 	"license": "Apache-2.0",
 	"type": "module",

package/src/commands/login.ts

@@ -1,6 +1,12 @@
+import { input } from "@inquirer/prompts";
 import { type DeviceAuthResponse, pollDeviceToken, startDeviceAuth } from "../lib/auth/client.ts";
 import { type AuthCredentials, saveCredentials } from "../lib/auth/store.ts";
-import { error, info, spinner, success } from "../lib/output.ts";
+import {
+	checkUsernameAvailable,
+	getCurrentUserProfile,
+	setUsername,
+} from "../lib/control-plane.ts";
+import { error, info, spinner, success, warn } from "../lib/output.ts";
 
 interface LoginOptions {
 	/** Skip the initial "Logging in..." message (used when called from auto-login) */
@@ -69,6 +75,9 @@ export default async function login(options: LoginOptions = {}): Promise<void> {
 
 				console.error("");
 				success(`Logged in as ${tokens.user.email}`);
+
+				// Prompt for username if not set
+				await promptForUsername(tokens.user.email);
 				return;
 			}
 		} catch (err) {
@@ -86,3 +95,117 @@ export default async function login(options: LoginOptions = {}): Promise<void> {
 function sleep(ms: number): Promise<void> {
 	return new Promise((resolve) => setTimeout(resolve, ms));
 }
+
+async function promptForUsername(email: string): Promise<void> {
+	// Skip in non-TTY environments
+	if (!process.stdout.isTTY) {
+		return;
+	}
+
+	const spin = spinner("Checking account...");
+
+	try {
+		const profile = await getCurrentUserProfile();
+		spin.stop();
+
+		// If user already has a username, skip
+		if (profile?.username) {
+			return;
+		}
+
+		console.error("");
+		info("Choose a username for your jack cloud account.");
+		info("URLs will look like: alice-vibes.runjack.xyz");
+		console.error("");
+
+		// Generate suggestions from $USER env var and email
+		const suggestions = generateUsernameSuggestions(email);
+
+		let username: string | null = null;
+
+		while (!username) {
+			// Show suggestions if available
+			if (suggestions.length > 0) {
+				info(`Suggestions: ${suggestions.join(", ")}`);
+			}
+
+			const inputUsername = await input({
+				message: "Username:",
+				default: suggestions[0],
+				validate: (value) => {
+					if (!value || value.length < 3) {
+						return "Username must be at least 3 characters";
+					}
+					if (value.length > 39) {
+						return "Username must be 39 characters or less";
+					}
+					if (value !== value.toLowerCase()) {
+						return "Username must be lowercase";
+					}
+					if (!/^[a-z0-9][a-z0-9-]*[a-z0-9]$|^[a-z0-9]{1,2}$/.test(value)) {
+						return "Use only lowercase letters, numbers, and hyphens";
+					}
+					return true;
+				},
+			});
+
+			// Check availability
+			const checkSpin = spinner("Checking availability...");
+			const availability = await checkUsernameAvailable(inputUsername);
+			checkSpin.stop();
+
+			if (!availability.available) {
+				warn(availability.error || `Username "${inputUsername}" is already taken. Try another.`);
+				continue;
+			}
+
+			// Try to set the username
+			const setSpin = spinner("Setting username...");
+			try {
+				await setUsername(inputUsername);
+				setSpin.stop();
+				username = inputUsername;
+				success(`Username set to "${username}"`);
+			} catch (err) {
+				setSpin.stop();
+				warn(err instanceof Error ? err.message : "Failed to set username");
+			}
+		}
+	} catch (err) {
+		spin.stop();
+		// Non-fatal - user can set username later
+		warn("Could not set username. You can set it later.");
+	}
+}
+
+function generateUsernameSuggestions(email: string): string[] {
+	const suggestions: string[] = [];
+
+	// Try $USER environment variable first
+	const envUser = process.env.USER || process.env.USERNAME;
+	if (envUser) {
+		const normalized = normalizeToUsername(envUser);
+		if (normalized && normalized.length >= 3) {
+			suggestions.push(normalized);
+		}
+	}
+
+	// Try email local part
+	const emailLocal = email.split("@")[0];
+	if (emailLocal) {
+		const normalized = normalizeToUsername(emailLocal);
+		if (normalized && normalized.length >= 3 && !suggestions.includes(normalized)) {
+			suggestions.push(normalized);
+		}
+	}
+
+	return suggestions.slice(0, 3); // Max 3 suggestions
+}
+
+function normalizeToUsername(input: string): string {
+	return input
+		.toLowerCase()
+		.replace(/[^a-z0-9]+/g, "-")
+		.replace(/^-+|-+$/g, "")
+		.slice(0, 39);
+}

package/src/commands/projects.ts

@@ -183,7 +183,11 @@ function renderGroupedView(items: ProjectListItem[]): void {
 
 		console.error("");
 		console.error(
-			formatCloudSection(sorted, { limit: CLOUD_LIMIT, total: groups.cloudOnly.length, tagColorMap }),
+			formatCloudSection(sorted, {
+				limit: CLOUD_LIMIT,
+				total: groups.cloudOnly.length,
+				tagColorMap,
+			}),
 		);
 	}
 

package/src/lib/control-plane.ts

@@ -49,6 +49,27 @@ export interface SlugAvailabilityResponse {
 	error?: string;
 }
 
+export interface UsernameAvailabilityResponse {
+	available: boolean;
+	username: string;
+	error?: string;
+}
+
+export interface SetUsernameResponse {
+	success: boolean;
+	username: string;
+}
+
+export interface UserProfile {
+	id: string;
+	email: string;
+	first_name: string | null;
+	last_name: string | null;
+	username: string | null;
+	created_at: string;
+	updated_at: string;
+}
+
 export interface CreateDeploymentRequest {
 	source: string;
 }
@@ -341,3 +362,71 @@ export async function fetchProjectTags(projectId: string): Promise<string[]> {
 		return [];
 	}
 }
+
+/**
+ * Check if a username is available on jack cloud.
+ * Does not require authentication.
+ */
+export async function checkUsernameAvailable(
+	username: string,
+): Promise<UsernameAvailabilityResponse> {
+	const response = await fetch(
+		`${getControlApiUrl()}/v1/usernames/${encodeURIComponent(username)}/available`,
+	);
+
+	if (!response.ok) {
+		throw new Error(`Failed to check username availability: ${response.status}`);
+	}
+
+	return response.json() as Promise<UsernameAvailabilityResponse>;
+}
+
+/**
+ * Set the current user's username.
+ * Can only be called once per user.
+ */
+export async function setUsername(username: string): Promise<SetUsernameResponse> {
+	const { authFetch } = await import("./auth/index.ts");
+
+	const response = await authFetch(`${getControlApiUrl()}/v1/me/username`, {
+		method: "PUT",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify({ username }),
+	});
+
+	if (response.status === 409) {
+		const err = (await response.json().catch(() => ({ message: "Username taken" }))) as {
+			message?: string;
+		};
+		throw new Error(err.message || "Username is already taken");
+	}
+
+	if (!response.ok) {
+		const err = (await response.json().catch(() => ({ message: "Unknown error" }))) as {
+			message?: string;
+		};
+		throw new Error(err.message || `Failed to set username: ${response.status}`);
+	}
+
+	return response.json() as Promise<SetUsernameResponse>;
+}
+
+/**
+ * Get the current user's profile including username.
+ */
+export async function getCurrentUserProfile(): Promise<UserProfile | null> {
+	const { authFetch } = await import("./auth/index.ts");
+
+	try {
+		const response = await authFetch(`${getControlApiUrl()}/v1/me`);
+
+		if (!response.ok) {
+			return null;
+		}
+
+		const data = (await response.json()) as { user: UserProfile };
+		return data.user;
+	} catch {
+		return null;
+	}
+}

package/src/lib/project-list.ts

@@ -307,7 +307,11 @@ export function formatProjectLine(item: ProjectListItem, options: FormatLineOpti
 	let url = "";
 	if (showUrl && item.url) {
 		url = item.url.replace("https://", "");
-	} else if (showUrl && (item.status === "error" || item.status === "auth-expired") && item.errorMessage) {
+	} else if (
+		showUrl &&
+		(item.status === "error" || item.status === "auth-expired") &&
+		item.errorMessage
+	) {
 		url = `${colors.dim}${item.errorMessage}${colors.reset}`;
 	}
 

package/src/lib/telemetry.ts

@@ -69,7 +69,11 @@ function send(url: string, data: object): void {
 async function isEnabled(): Promise<boolean> {
 	if (enabledCache !== null) return enabledCache;
 
-	if (process.env.DO_NOT_TRACK === "1" || process.env.CI === "true" || process.env.JACK_TELEMETRY_DISABLED === "1") {
+	if (
+		process.env.DO_NOT_TRACK === "1" ||
+		process.env.CI === "true" ||
+		process.env.JACK_TELEMETRY_DISABLED === "1"
+	) {
 		enabledCache = false;
 		return false;
 	}
@@ -110,7 +114,10 @@ export interface UserProperties {
 }
 
 // Detect environment properties
-export function getEnvironmentProps(): Pick<UserProperties, "shell" | "terminal" | "terminal_width" | "is_tty" | "locale"> {
+export function getEnvironmentProps(): Pick<
+	UserProperties,
+	"shell" | "terminal" | "terminal_width" | "is_tty" | "locale"
+> {
 	return {
 		shell: process.env.SHELL?.split("/").pop(), // e.g., /bin/zsh -> zsh
 		terminal: process.env.TERM_PROGRAM, // e.g., iTerm.app, vscode, Apple_Terminal
@@ -180,10 +187,19 @@ export function withTelemetry<T extends (...args: any[]) => Promise<any>>(
 
 		try {
 			const result = await fn(...args);
-			track(Events.COMMAND_COMPLETED, { command: commandName, platform, duration_ms: Date.now() - start });
+			track(Events.COMMAND_COMPLETED, {
+				command: commandName,
+				platform,
+				duration_ms: Date.now() - start,
+			});
 			return result;
 		} catch (error) {
-			track(Events.COMMAND_FAILED, { command: commandName, platform, error_type: classifyError(error), duration_ms: Date.now() - start });
+			track(Events.COMMAND_FAILED, {
+				command: commandName,
+				platform,
+				error_type: classifyError(error),
+				duration_ms: Date.now() - start,
+			});
 			throw error;
 		}
 	}) as T;

package/templates/nextjs/app/isr-test/page.tsx

@@ -1,22 +0,0 @@
-// ISR Test Page - regenerates every 10 seconds
-// After first request, page is cached in R2
-// Subsequent requests serve cached version while revalidating in background
-
-export const revalidate = 10; // seconds
-
-export default async function ISRTestPage() {
-  const timestamp = new Date().toISOString();
-
-  return (
-    <main style={{ padding: '2rem', fontFamily: 'system-ui' }}>
-      <h1>ISR Test</h1>
-      <p>Generated at: <strong>{timestamp}</strong></p>
-      <p style={{ color: '#888', marginTop: '1rem' }}>
-        Refresh the page - timestamp updates every ~10 seconds (cached in R2)
-      </p>
-      <p style={{ marginTop: '2rem' }}>
-        <a href="/" style={{ color: '#0070f3' }}>← Back home</a>
-      </p>
-    </main>
-  );
-}