@rulebricks/cli 1.9.0

package/dist/components/Wizard/WizardContext.js

@@ -0,0 +1,346 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useReducer } from "react";
+import { DEFAULT_EMAIL_SUBJECTS, } from "../../types/index.js";
+/**
+ * Creates the initial wizard state, optionally pre-populated from a user profile.
+ * Profile values are used as defaults that the user can still modify.
+ */
+function getInitialState(profile) {
+    return {
+        step: 0,
+        name: "",
+        // Infrastructure - pre-populate from profile
+        infrastructureMode: profile?.infrastructureMode ?? null,
+        provider: profile?.provider ?? null,
+        region: profile?.region ?? "",
+        clusterName: profile?.clusterName ?? "",
+        gcpProjectId: "",
+        azureResourceGroup: "",
+        // Domain & Email - pre-populate from profile
+        domain: "", // Domain is intentionally left empty - user should enter unique domain per deployment
+        adminEmail: profile?.adminEmail ?? "",
+        tlsEmail: profile?.tlsEmail ?? "",
+        // DNS Configuration - pre-populate from profile
+        dnsProvider: profile?.dnsProvider ?? "other",
+        dnsAutoManage: false,
+        existingExternalDns: false,
+        // SMTP - pre-populate from profile
+        smtpHost: profile?.smtpHost ?? "",
+        smtpPort: profile?.smtpPort ?? 587,
+        smtpUser: profile?.smtpUser ?? "",
+        smtpPass: profile?.smtpPass ?? "",
+        smtpFrom: profile?.smtpFrom ?? "",
+        smtpFromName: profile?.smtpFromName ?? "Rulebricks",
+        // Database - pre-populate from profile
+        databaseType: profile?.databaseType ?? null,
+        supabaseUrl: "",
+        supabaseAnonKey: "",
+        supabaseServiceKey: "",
+        supabaseAccessToken: "",
+        supabaseProjectRef: "",
+        supabaseJwtSecret: "",
+        supabaseDbPassword: "",
+        supabaseDashboardUser: "supabase",
+        supabaseDashboardPass: "",
+        // Performance - pre-populate from profile
+        tier: profile?.tier ?? null,
+        // Features - AI - pre-populate from profile
+        aiEnabled: !!profile?.openaiApiKey,
+        openaiApiKey: profile?.openaiApiKey ?? "",
+        // Features - SSO - pre-populate from profile
+        ssoEnabled: !!profile?.ssoProvider,
+        ssoProvider: profile?.ssoProvider ?? null,
+        ssoUrl: profile?.ssoUrl ?? "",
+        ssoClientId: profile?.ssoClientId ?? "",
+        ssoClientSecret: profile?.ssoClientSecret ?? "",
+        // Features - Monitoring
+        monitoringEnabled: false,
+        prometheusRemoteWriteUrl: "",
+        // Features - Logging
+        loggingSink: "console", // Default to console only
+        loggingBucket: "",
+        loggingRegion: "",
+        // Features - Custom Email Templates
+        customEmailsEnabled: false,
+        emailSubjects: { ...DEFAULT_EMAIL_SUBJECTS },
+        emailTemplates: {
+            invite: "",
+            confirmation: "",
+            recovery: "",
+            emailChange: "",
+        },
+        // Credentials - pre-populate from profile
+        licenseKey: profile?.licenseKey ?? "",
+        // Version
+        appVersion: "",
+        hpsVersion: "",
+        chartVersion: "",
+    };
+}
+// Default initial state (for backwards compatibility)
+const initialState = getInitialState();
+function wizardReducer(state, action) {
+    switch (action.type) {
+        case "SET_STEP":
+            return { ...state, step: action.step };
+        case "SET_NAME":
+            return { ...state, name: action.name };
+        case "SET_INFRA_MODE":
+            return { ...state, infrastructureMode: action.mode };
+        case "SET_PROVIDER":
+            return { ...state, provider: action.provider, region: "" };
+        case "SET_REGION":
+            return { ...state, region: action.region };
+        case "SET_CLUSTER_NAME":
+            return { ...state, clusterName: action.clusterName };
+        case "SET_GCP_PROJECT":
+            return { ...state, gcpProjectId: action.projectId };
+        case "SET_AZURE_RG":
+            return { ...state, azureResourceGroup: action.resourceGroup };
+        case "SET_DOMAIN":
+            return { ...state, domain: action.domain };
+        case "SET_ADMIN_EMAIL":
+            return { ...state, adminEmail: action.email };
+        case "SET_TLS_EMAIL":
+            return { ...state, tlsEmail: action.email };
+        case "SET_DNS_PROVIDER":
+            // Reset auto-manage if switching to unsupported provider
+            return {
+                ...state,
+                dnsProvider: action.provider,
+                dnsAutoManage: action.provider === "other" ? false : state.dnsAutoManage,
+            };
+        case "SET_DNS_AUTO_MANAGE":
+            return { ...state, dnsAutoManage: action.autoManage };
+        case "SET_EXISTING_EXTERNAL_DNS":
+            return { ...state, existingExternalDns: action.exists };
+        case "SET_SMTP":
+            return { ...state, ...action.config };
+        case "SET_DATABASE_TYPE":
+            return { ...state, databaseType: action.dbType };
+        case "SET_SUPABASE_CONFIG":
+            return { ...state, ...action.config };
+        case "SET_SUPABASE_SELF_HOSTED":
+            return { ...state, ...action.config };
+        case "SET_TIER":
+            return { ...state, tier: action.tier };
+        case "SET_AI_ENABLED":
+            return { ...state, aiEnabled: action.enabled };
+        case "SET_OPENAI_KEY":
+            return { ...state, openaiApiKey: action.key };
+        case "SET_SSO_ENABLED":
+            return { ...state, ssoEnabled: action.enabled };
+        case "SET_SSO_CONFIG":
+            return { ...state, ...action.config };
+        case "SET_MONITORING":
+            return { ...state, monitoringEnabled: action.enabled };
+        case "SET_PROMETHEUS_REMOTE_WRITE":
+            return { ...state, prometheusRemoteWriteUrl: action.url };
+        case "SET_LOGGING_SINK":
+            // Reset bucket/region if switching to console
+            return {
+                ...state,
+                loggingSink: action.sink,
+                loggingBucket: action.sink === "console" ? "" : state.loggingBucket,
+                loggingRegion: action.sink === "console" ? "" : state.loggingRegion,
+            };
+        case "SET_LOGGING_CONFIG":
+            return { ...state, ...action.config };
+        case "SET_CUSTOM_EMAILS_ENABLED":
+            return { ...state, customEmailsEnabled: action.enabled };
+        case "SET_EMAIL_SUBJECTS":
+            return {
+                ...state,
+                emailSubjects: { ...state.emailSubjects, ...action.subjects },
+            };
+        case "SET_EMAIL_TEMPLATES":
+            return {
+                ...state,
+                emailTemplates: { ...state.emailTemplates, ...action.templates },
+            };
+        case "SET_LICENSE_KEY":
+            return { ...state, licenseKey: action.key };
+        case "SET_APP_VERSION":
+            return {
+                ...state,
+                appVersion: action.appVersion,
+                hpsVersion: action.hpsVersion,
+            };
+        case "SET_CHART_VERSION":
+            return { ...state, chartVersion: action.version };
+        case "NEXT_STEP":
+            return { ...state, step: state.step + 1 };
+        case "PREV_STEP":
+            return { ...state, step: Math.max(0, state.step - 1) };
+        default:
+            return state;
+    }
+}
+const WizardContext = createContext(null);
+export function WizardProvider({ children, initialName, profile, }) {
+    // Initialize state with profile values for pre-population
+    const [state, dispatch] = useReducer(wizardReducer, {
+        ...getInitialState(profile),
+        name: initialName || "",
+    });
+    const toConfig = () => {
+        // Validate required fields
+        if (!state.name ||
+            !state.domain ||
+            !state.adminEmail ||
+            !state.tlsEmail ||
+            !state.licenseKey) {
+            return null;
+        }
+        // Validate SMTP
+        if (!state.smtpHost ||
+            !state.smtpUser ||
+            !state.smtpPass ||
+            !state.smtpFrom) {
+            return null;
+        }
+        // Validate database config
+        if (state.databaseType === "supabase-cloud") {
+            if (!state.supabaseUrl ||
+                !state.supabaseAnonKey ||
+                !state.supabaseServiceKey) {
+                return null;
+            }
+        }
+        else if (state.databaseType === "self-hosted") {
+            if (!state.supabaseDbPassword) {
+                return null;
+            }
+        }
+        // Validate logging sink config
+        if (state.loggingSink !== "console" && !state.loggingBucket) {
+            return null;
+        }
+        return {
+            name: state.name,
+            infrastructure: {
+                mode: state.infrastructureMode || "existing",
+                provider: state.provider || undefined,
+                region: state.region || undefined,
+                clusterName: state.clusterName || undefined,
+                gcpProjectId: state.gcpProjectId || undefined,
+                azureResourceGroup: state.azureResourceGroup || undefined,
+            },
+            domain: state.domain,
+            adminEmail: state.adminEmail,
+            tlsEmail: state.tlsEmail,
+            dns: {
+                provider: state.dnsProvider,
+                autoManage: state.dnsAutoManage,
+                existingExternalDns: state.existingExternalDns || undefined,
+            },
+            smtp: {
+                host: state.smtpHost,
+                port: state.smtpPort,
+                user: state.smtpUser,
+                pass: state.smtpPass,
+                from: state.smtpFrom,
+                fromName: state.smtpFromName,
+            },
+            database: {
+                type: state.databaseType || "self-hosted",
+                supabaseUrl: state.supabaseUrl || undefined,
+                supabaseAnonKey: state.supabaseAnonKey || undefined,
+                supabaseServiceKey: state.supabaseServiceKey || undefined,
+                supabaseAccessToken: state.supabaseAccessToken || undefined,
+                supabaseProjectRef: state.supabaseProjectRef || undefined,
+                supabaseJwtSecret: state.supabaseJwtSecret || undefined,
+                supabaseDbPassword: state.supabaseDbPassword || undefined,
+                supabaseDashboardUser: state.supabaseDashboardUser || undefined,
+                supabaseDashboardPass: state.supabaseDashboardPass || undefined,
+            },
+            tier: state.tier || "small",
+            features: {
+                ai: {
+                    enabled: state.aiEnabled,
+                    openaiApiKey: state.openaiApiKey || undefined,
+                },
+                sso: {
+                    enabled: state.ssoEnabled,
+                    provider: state.ssoProvider || undefined,
+                    url: state.ssoUrl || undefined,
+                    clientId: state.ssoClientId || undefined,
+                    clientSecret: state.ssoClientSecret || undefined,
+                },
+                monitoring: {
+                    enabled: state.monitoringEnabled,
+                    remoteWriteUrl: state.prometheusRemoteWriteUrl || undefined,
+                },
+                logging: {
+                    sink: state.loggingSink,
+                    bucket: state.loggingBucket || undefined,
+                    region: state.loggingRegion || undefined,
+                },
+                customEmails: state.customEmailsEnabled
+                    ? {
+                        enabled: true,
+                        subjects: state.emailSubjects,
+                        templates: {
+                            invite: state.emailTemplates.invite,
+                            confirmation: state.emailTemplates.confirmation,
+                            recovery: state.emailTemplates.recovery,
+                            emailChange: state.emailTemplates.emailChange,
+                        },
+                    }
+                    : undefined,
+            },
+            licenseKey: state.licenseKey,
+            appVersion: state.appVersion || undefined,
+            hpsVersion: state.hpsVersion || undefined,
+            chartVersion: state.chartVersion || undefined,
+        };
+    };
+    const skipToStep = (stepId) => {
+        // For conditional step skipping
+        const stepIndex = [
+            "mode",
+            "cloud",
+            "domain",
+            "smtp",
+            "database",
+            "database-creds",
+            "tier",
+            "features",
+            "feature-config",
+            "credentials",
+            "review",
+        ].indexOf(stepId);
+        if (stepIndex >= 0) {
+            dispatch({ type: "SET_STEP", step: stepIndex });
+        }
+    };
+    /**
+     * Suggests a domain based on the profile's domain suffix and a deployment name.
+     * e.g., if profile has domainSuffix ".example.com" and name is "staging",
+     * suggests "staging.example.com"
+     */
+    const suggestDomain = (name) => {
+        if (!profile?.domainSuffix || !name)
+            return "";
+        // Remove leading dot if present and combine with name
+        const suffix = profile.domainSuffix.startsWith(".")
+            ? profile.domainSuffix.slice(1)
+            : profile.domainSuffix;
+        return `${name}.${suffix}`;
+    };
+    return (_jsx(WizardContext.Provider, { value: {
+            state,
+            dispatch,
+            toConfig,
+            skipToStep,
+            profile: profile ?? null,
+            suggestDomain,
+        }, children: children }));
+}
+export function useWizard() {
+    const context = useContext(WizardContext);
+    if (!context) {
+        throw new Error("useWizard must be used within WizardProvider");
+    }
+    return context;
+}

package/dist/components/Wizard/index.d.ts

@@ -0,0 +1,2 @@
+export { WizardProvider, useWizard, type WizardState } from './WizardContext.js';
+export * from './steps/index.js';

package/dist/components/Wizard/index.js

@@ -0,0 +1,2 @@
+export { WizardProvider, useWizard } from './WizardContext.js';
+export * from './steps/index.js';

package/dist/components/Wizard/steps/CloudProviderStep.d.ts

@@ -0,0 +1,6 @@
+interface CloudProviderStepProps {
+    onComplete: () => void;
+    onBack: () => void;
+}
+export declare function CloudProviderStep({ onComplete, onBack, }: CloudProviderStepProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Wizard/steps/CloudProviderStep.js

@@ -0,0 +1,210 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Text, useInput } from "ink";
+import SelectInput from "ink-select-input";
+import TextInput from "ink-text-input";
+import { useWizard } from "../WizardContext.js";
+import { BorderBox, useTheme } from "../../common/index.js";
+import { Spinner } from "../../common/Spinner.js";
+import { CLOUD_REGIONS } from "../../../types/index.js";
+import { checkAllCloudClis, checkTerraform, listRegions, listClusters, getGcpProjectId, CLI_INSTALL_URLS, CLI_LOGIN_COMMANDS, TERRAFORM_INSTALL_INFO, } from "../../../lib/cloudCli.js";
+export function CloudProviderStep({ onComplete, onBack, }) {
+    const { state, dispatch } = useWizard();
+    const { colors } = useTheme();
+    const [subStep, setSubStep] = useState("checking");
+    const [cliStatus, setCliStatus] = useState(null);
+    const [terraformStatus, setTerraformStatus] = useState(null);
+    const [clusterName, setClusterName] = useState(state.clusterName || "rulebricks-cluster");
+    const [gcpProject, setGcpProject] = useState(state.gcpProjectId || "");
+    const [azureRg, setAzureRg] = useState(state.azureResourceGroup || "");
+    const [regions, setRegions] = useState([]);
+    const [regionsLoading, setRegionsLoading] = useState(false);
+    const [clusters, setClusters] = useState([]);
+    const [clustersLoading, setClustersLoading] = useState(false);
+    // Whether we need infrastructure provisioning (Terraform required)
+    const needsTerraform = state.infrastructureMode === "provision";
+    // Check CLIs on mount
+    useEffect(() => {
+        async function checkClis() {
+            // Check cloud CLIs and Terraform in parallel
+            const [status, tfStatus] = await Promise.all([
+                checkAllCloudClis(),
+                needsTerraform
+                    ? checkTerraform()
+                    : Promise.resolve({ installed: true }),
+            ]);
+            setCliStatus(status);
+            setTerraformStatus(tfStatus);
+            if (!status.anyInstalled) {
+                setSubStep("no-cli");
+            }
+            else {
+                setSubStep("provider");
+            }
+        }
+        checkClis();
+    }, [needsTerraform]);
+    useInput((input, key) => {
+        if (key.escape) {
+            if (subStep === "provider" ||
+                subStep === "no-cli" ||
+                subStep === "checking") {
+                onBack();
+            }
+            else if (subStep === "region" || subStep === "region-loading") {
+                setSubStep("provider");
+            }
+            else if (subStep === "cluster" ||
+                subStep === "cluster-loading" ||
+                subStep === "cluster-select") {
+                setSubStep("region");
+            }
+            else if (subStep === "gcp-project") {
+                setSubStep("provider");
+            }
+            else if (subStep === "azure-rg") {
+                setSubStep("provider");
+            }
+        }
+    });
+    // Build provider items with status
+    const getProviderItems = () => {
+        if (!cliStatus)
+            return [];
+        const providers = [
+            { label: "AWS (EKS)", value: "aws", status: cliStatus.aws },
+            { label: "Google Cloud (GKE)", value: "gcp", status: cliStatus.gcp },
+            { label: "Azure (AKS)", value: "azure", status: cliStatus.azure },
+        ];
+        return providers.map((p) => ({
+            ...p,
+            disabled: !p.status.installed || !p.status.authenticated,
+        }));
+    };
+    const providerItems = getProviderItems();
+    const handleProviderSelect = async (item) => {
+        const selectedItem = providerItems.find((p) => p.value === item.value);
+        if (!selectedItem || selectedItem.disabled)
+            return;
+        const provider = item.value;
+        dispatch({ type: "SET_PROVIDER", provider });
+        if (provider === "gcp") {
+            // Try to auto-fill GCP project ID
+            const detectedProject = await getGcpProjectId();
+            if (detectedProject) {
+                setGcpProject(detectedProject);
+            }
+            setSubStep("gcp-project");
+        }
+        else if (provider === "azure") {
+            setSubStep("azure-rg");
+        }
+        else {
+            loadRegions(provider);
+        }
+    };
+    const loadRegions = async (provider) => {
+        setSubStep("region-loading");
+        setRegionsLoading(true);
+        try {
+            const dynamicRegions = await listRegions(provider);
+            if (dynamicRegions.length > 0) {
+                setRegions(dynamicRegions);
+            }
+            else {
+                // Fall back to static regions
+                setRegions(CLOUD_REGIONS[provider]);
+            }
+        }
+        catch {
+            // Fall back to static regions on error
+            setRegions(CLOUD_REGIONS[provider]);
+        }
+        setRegionsLoading(false);
+        setSubStep("region");
+    };
+    const handleRegionSelect = (item) => {
+        dispatch({ type: "SET_REGION", region: item.value });
+        // For existing infrastructure, load available clusters
+        if (state.infrastructureMode === "existing" && state.provider) {
+            loadClusters(state.provider, item.value);
+        }
+        else {
+            // For provisioning, go directly to cluster name input
+            setSubStep("cluster");
+        }
+    };
+    const loadClusters = async (provider, region) => {
+        setSubStep("cluster-loading");
+        setClustersLoading(true);
+        try {
+            const availableClusters = await listClusters(provider, region, {
+                azureResourceGroup: state.azureResourceGroup || undefined,
+            });
+            setClusters(availableClusters);
+            if (availableClusters.length > 0) {
+                setSubStep("cluster-select");
+            }
+            else {
+                // No clusters found, fall back to manual input
+                setSubStep("cluster");
+            }
+        }
+        catch {
+            // On error, fall back to manual input
+            setClusters([]);
+            setSubStep("cluster");
+        }
+        setClustersLoading(false);
+    };
+    const handleClusterSelect = (item) => {
+        setClusterName(item.value);
+        dispatch({ type: "SET_CLUSTER_NAME", clusterName: item.value });
+        onComplete();
+    };
+    const handleClusterSubmit = () => {
+        dispatch({ type: "SET_CLUSTER_NAME", clusterName });
+        onComplete();
+    };
+    const handleGcpProjectSubmit = () => {
+        dispatch({ type: "SET_GCP_PROJECT", projectId: gcpProject });
+        loadRegions("gcp");
+    };
+    const handleAzureRgSubmit = () => {
+        dispatch({ type: "SET_AZURE_RG", resourceGroup: azureRg });
+        loadRegions("azure");
+    };
+    const regionItems = regions.map((r) => ({ label: r, value: r }));
+    // Render status indicator for a provider
+    const renderStatusIndicator = (status) => {
+        if (!status.installed) {
+            return _jsx(Text, { color: "gray", children: " (not installed)" });
+        }
+        if (!status.authenticated) {
+            return _jsx(Text, { color: "yellow", children: " (log in required)" });
+        }
+        return _jsx(Text, { color: "green", children: " \u2713" });
+    };
+    return (_jsxs(BorderBox, { title: "Cloud Provider", children: [subStep === "checking" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Spinner, { label: "Checking cloud CLI tools..." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Detecting AWS, GCP, and Azure CLIs..." }) })] })), subStep === "no-cli" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "red", bold: true, children: "No cloud CLI tools detected" }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsx(Text, { children: "To provision infrastructure, you need to install and authenticate with at least one cloud CLI:" }) }), _jsx(Box, { marginTop: 1, flexDirection: "column", marginLeft: 2, children: Object.entries(CLI_INSTALL_URLS).map(([provider, info]) => (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, children: [info.name, ":"] }), _jsxs(Text, { color: "gray", children: [" ", info.installCmd] }), _jsxs(Text, { color: "gray", children: [" ", info.url] })] }, provider))) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "After installing, authenticate:" }) }), _jsx(Box, { marginLeft: 2, flexDirection: "column", children: Object.entries(CLI_LOGIN_COMMANDS).map(([provider, cmd]) => (_jsxs(Text, { color: "gray", children: [" ", provider, ": ", cmd] }, provider))) })] })), subStep === "provider" && cliStatus && (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Select your cloud provider:" }), !cliStatus.anyAvailable && cliStatus.anyInstalled && (_jsx(Text, { color: "yellow", dimColor: true, children: "\u26A0 Some CLIs are installed but not authenticated" })), needsTerraform &&
+                                terraformStatus &&
+                                !terraformStatus.installed && (_jsxs(Box, { marginTop: 1, borderStyle: "round", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [_jsx(Text, { color: "yellow", bold: true, children: "\u26A0 Terraform not installed" }), _jsx(Text, { color: "gray", children: "You'll need Terraform to provision infrastructure." }), _jsxs(Text, { color: "gray", children: ["Install: ", TERRAFORM_INSTALL_INFO.installCmd] }), _jsx(Text, { color: "gray", dimColor: true, children: TERRAFORM_INSTALL_INFO.url })] })), needsTerraform && terraformStatus?.installed && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", "Terraform", " ", terraformStatus.version
+                                                ? `v${terraformStatus.version}`
+                                                : "", " ", "detected"] })] }))] }), _jsx(SelectInput, { items: providerItems.map((p) => ({
+                            label: p.label,
+                            value: p.value,
+                        })), onSelect: handleProviderSelect, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => {
+                            const item = providerItems.find((p) => p.label === label);
+                            if (!item)
+                                return _jsx(Text, { children: label });
+                            const textColor = item.disabled
+                                ? "gray"
+                                : isSelected
+                                    ? colors.accent
+                                    : undefined;
+                            return (_jsxs(Box, { children: [_jsxs(Text, { color: textColor, dimColor: item.disabled, children: [isSelected && !item.disabled ? "❯ " : "  ", label] }), renderStatusIndicator(item.status), item.status.identity && item.status.authenticated && (_jsxs(Text, { color: "gray", dimColor: true, children: [" ", "(", item.status.identity, ")"] }))] }));
+                        } })] })), subStep === "gcp-project" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter your GCP Project ID:" }), gcpProject && (_jsxs(Text, { color: "gray", dimColor: true, children: ["Detected project: ", gcpProject] })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.accent, children: "\u276F " }), _jsx(TextInput, { value: gcpProject, onChange: setGcpProject, onSubmit: handleGcpProjectSubmit, placeholder: "my-gcp-project" })] })] })), subStep === "azure-rg" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter your Azure Resource Group name:" }), _jsx(Text, { color: "gray", dimColor: true, children: "This resource group will contain all Rulebricks resources" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.accent, children: "\u276F " }), _jsx(TextInput, { value: azureRg, onChange: setAzureRg, onSubmit: handleAzureRgSubmit, placeholder: "rulebricks-rg" })] })] })), subStep === "region-loading" && (_jsx(Box, { flexDirection: "column", marginY: 1, children: _jsx(Spinner, { label: `Fetching ${state.provider?.toUpperCase()} regions...` }) })), subStep === "region" && (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { children: ["Select a region for ", state.provider?.toUpperCase(), ":"] }), _jsxs(Text, { color: "gray", dimColor: true, children: [regions.length, " regions available"] })] }), _jsx(Box, { height: 10, flexDirection: "column", overflowY: "hidden", children: _jsx(SelectInput, { items: regionItems, onSelect: handleRegionSelect, limit: 8, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => (_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "❯ " : "  ", label] })) }) })] })), subStep === "cluster-loading" && (_jsx(Box, { flexDirection: "column", marginY: 1, children: _jsx(Spinner, { label: `Fetching ${state.provider?.toUpperCase()} clusters in ${state.region}...` }) })), subStep === "cluster-select" && (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Select your Kubernetes cluster:" }), _jsxs(Text, { color: "gray", dimColor: true, children: [clusters.length, " cluster", clusters.length !== 1 ? "s" : "", " found in ", state.region] })] }), _jsx(Box, { height: 10, flexDirection: "column", overflowY: "hidden", children: _jsx(SelectInput, { items: clusters.map((c) => ({ label: c, value: c })), onSelect: handleClusterSelect, limit: 8, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => (_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "❯ " : "  ", label] })) }) }), state.provider && state.region && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", state.provider?.toUpperCase(), " \u2022 ", state.region] })] }))] })), subStep === "cluster" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter the Kubernetes cluster name:" }), _jsx(Text, { color: "gray", dimColor: true, children: state.infrastructureMode === "provision"
+                            ? "This cluster will be created"
+                            : clusters.length === 0 && state.infrastructureMode === "existing"
+                                ? "No clusters found in this region - enter the name manually"
+                                : "Enter the name of your existing cluster" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.accent, children: "\u276F " }), _jsx(TextInput, { value: clusterName, onChange: setClusterName, onSubmit: handleClusterSubmit, placeholder: "rulebricks-cluster" })] }), state.provider && state.region && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", state.provider?.toUpperCase(), " \u2022 ", state.region] })] }))] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Esc to go back \u2022 Enter to continue" }) })] }));
+}

package/dist/components/Wizard/steps/CredentialsStep.d.ts

@@ -0,0 +1,6 @@
+interface CredentialsStepProps {
+    onComplete: () => void;
+    onBack: () => void;
+}
+export declare function CredentialsStep({ onComplete, onBack }: CredentialsStepProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Wizard/steps/CredentialsStep.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import { useWizard } from '../WizardContext.js';
+import { BorderBox } from '../../common/index.js';
+export function CredentialsStep({ onComplete, onBack }) {
+    const { state, dispatch } = useWizard();
+    const [licenseKey, setLicenseKey] = useState(state.licenseKey || '');
+    useInput((input, key) => {
+        if (key.escape) {
+            onBack();
+        }
+    });
+    const handleSubmit = () => {
+        if (!licenseKey)
+            return;
+        dispatch({ type: 'SET_LICENSE_KEY', key: licenseKey });
+        onComplete();
+    };
+    return (_jsxs(BorderBox, { title: "Credentials", children: [_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter your Rulebricks license key:" }), _jsx(Text, { color: "gray", dimColor: true, children: "This is required to pull the Rulebricks Docker images" }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "cyan", children: "\u276F " }), _jsx(TextInput, { value: licenseKey, onChange: setLicenseKey, onSubmit: handleSubmit, placeholder: "Enter your license key", mask: "*" })] })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Esc to go back \u2022 Enter to continue" }) })] }));
+}

package/dist/components/Wizard/steps/DatabaseStep.d.ts

@@ -0,0 +1,6 @@
+interface DatabaseStepProps {
+    onComplete: () => void;
+    onBack: () => void;
+}
+export declare function DatabaseStep({ onComplete, onBack }: DatabaseStepProps): import("react/jsx-runtime").JSX.Element;
+export {};