@rulebricks/cli 1.9.0

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

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

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

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { useWizard } from '../WizardContext.js';
+import { BorderBox, useTheme } from '../../common/index.js';
+import { LOGGING_SINK_INFO } from '../../../types/index.js';
+// Five features: AI, SSO, Monitoring, External Logging, Custom Emails
+// External DNS is handled in Domain step, not here
+const FEATURES = [
+    {
+        id: 'ai',
+        label: 'AI Features',
+        description: 'Enable AI-powered rule generation (requires OpenAI API key)',
+        requiresConfig: true
+    },
+    {
+        id: 'sso',
+        label: 'Single Sign-On',
+        description: 'Enable SSO via OIDC provider (Azure AD, Google, Okta, etc.)',
+        requiresConfig: true
+    },
+    {
+        id: 'monitoring',
+        label: 'Monitoring',
+        description: 'Enable Prometheus metrics collection. Optionally send to external system.',
+        requiresConfig: true
+    },
+    {
+        id: 'logging',
+        label: 'External Logging',
+        description: 'Forward logs to cloud storage or logging platforms (Datadog, Splunk, etc.)',
+        requiresConfig: true
+    },
+    {
+        id: 'customEmails',
+        label: 'Custom Email Templates',
+        description: 'Use custom HTML templates for Supabase auth emails (invite, confirm, reset, etc.)',
+        requiresConfig: true
+    }
+];
+export function FeaturesStep({ onComplete, onBack }) {
+    const { state, dispatch } = useWizard();
+    const { colors } = useTheme();
+    const [currentIndex, setCurrentIndex] = useState(0);
+    const enabledFeatures = {
+        ai: state.aiEnabled,
+        sso: state.ssoEnabled,
+        monitoring: state.monitoringEnabled,
+        logging: state.loggingSink !== 'console', // External logging is "enabled" if not console-only (includes 'pending')
+        customEmails: state.customEmailsEnabled
+    };
+    useInput((input, key) => {
+        if (key.escape) {
+            onBack();
+            return;
+        }
+        if (key.upArrow) {
+            setCurrentIndex(i => Math.max(0, i - 1));
+        }
+        else if (key.downArrow) {
+            setCurrentIndex(i => Math.min(FEATURES.length, i + 1));
+        }
+        else if (input === ' ' || input === 'x') {
+            if (currentIndex < FEATURES.length) {
+                const feature = FEATURES[currentIndex];
+                toggleFeature(feature.id);
+            }
+        }
+        else if (key.return) {
+            if (currentIndex === FEATURES.length) {
+                // "Continue" button
+                onComplete();
+            }
+            else {
+                // Toggle the feature on Enter too
+                const feature = FEATURES[currentIndex];
+                toggleFeature(feature.id);
+            }
+        }
+    });
+    const toggleFeature = (id) => {
+        switch (id) {
+            case 'ai':
+                dispatch({ type: 'SET_AI_ENABLED', enabled: !state.aiEnabled });
+                break;
+            case 'sso':
+                dispatch({ type: 'SET_SSO_ENABLED', enabled: !state.ssoEnabled });
+                break;
+            case 'monitoring':
+                dispatch({ type: 'SET_MONITORING', enabled: !state.monitoringEnabled });
+                break;
+            case 'logging':
+                // Toggle between console-only and needing to pick a sink
+                // If currently console, mark as pending - FeatureConfigStep will handle sink selection
+                if (state.loggingSink === 'console') {
+                    dispatch({ type: 'SET_LOGGING_SINK', sink: 'pending' });
+                }
+                else {
+                    dispatch({ type: 'SET_LOGGING_SINK', sink: 'console' });
+                }
+                break;
+            case 'customEmails':
+                dispatch({ type: 'SET_CUSTOM_EMAILS_ENABLED', enabled: !state.customEmailsEnabled });
+                break;
+        }
+    };
+    // Get current logging sink description
+    const getLoggingStatusText = () => {
+        if (state.loggingSink === 'console') {
+            return 'Console only (default)';
+        }
+        return LOGGING_SINK_INFO[state.loggingSink]?.name || state.loggingSink;
+    };
+    return (_jsxs(BorderBox, { title: "Optional Features", children: [_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Select features to enable:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Use arrows to navigate, space/enter to toggle" })] }), _jsxs(Box, { flexDirection: "column", marginY: 1, children: [FEATURES.map((feature, index) => {
+                        const isSelected = index === currentIndex;
+                        const isEnabled = enabledFeatures[feature.id];
+                        return (_jsxs(Box, { flexDirection: "column", marginBottom: isSelected ? 1 : 0, children: [_jsxs(Box, { children: [_jsx(Text, { color: isSelected ? colors.accent : undefined, children: isSelected ? '❯ ' : '  ' }), _jsx(Text, { color: isEnabled ? colors.success : colors.muted, children: isEnabled ? '[✓]' : '[ ]' }), _jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [' ', feature.label] }), feature.id === 'logging' && state.loggingSink !== 'console' && state.loggingSink !== 'pending' && (_jsxs(Text, { color: colors.accent, children: [" \u2192 ", getLoggingStatusText()] }))] }), isSelected && (_jsx(Box, { marginLeft: 6, children: _jsx(Text, { color: "gray", dimColor: true, children: feature.description }) }))] }, feature.id));
+                    }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: currentIndex === FEATURES.length ? colors.accent : colors.muted, children: currentIndex === FEATURES.length ? '❯ ' : '  ' }), _jsx(Text, { color: currentIndex === FEATURES.length ? colors.success : colors.muted, bold: currentIndex === FEATURES.length, children: "[Continue \u2192]" })] })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "gray", dimColor: true, children: "Space/Enter to toggle \u2022 \u2191/\u2193 to navigate \u2022 Esc to go back" }), (state.aiEnabled || state.ssoEnabled || state.monitoringEnabled || state.loggingSink !== 'console') && (_jsx(Text, { color: "yellow", dimColor: true, children: "Note: Enabled features will be configured in the next step" }))] })] }));
+}

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

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

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

@@ -0,0 +1,56 @@
+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, useTheme } from '../../common/index.js';
+import { TIER_CONFIGS, DNS_PROVIDER_NAMES, isSupportedDnsProvider } from '../../../types/index.js';
+export function ReviewStep({ onComplete, onBack }) {
+    const { state, dispatch } = useWizard();
+    const { colors } = useTheme();
+    const [editingName, setEditingName] = useState(!state.name);
+    const [name, setName] = useState(state.name || '');
+    const [error, setError] = useState(null);
+    useInput((input, key) => {
+        if (editingName)
+            return;
+        if (key.escape) {
+            onBack();
+        }
+        else if (key.return) {
+            if (state.name) {
+                onComplete();
+            }
+        }
+        else if (input === 'e') {
+            setEditingName(true);
+        }
+    });
+    const handleNameSubmit = () => {
+        if (!name) {
+            setError('Name is required');
+            return;
+        }
+        if (!/^[a-z0-9]([a-z0-9-]*[a-z0-9])?$/.test(name)) {
+            setError('Name must be lowercase letters, numbers, and hyphens');
+            return;
+        }
+        if (name.length > 63) {
+            setError('Name must be 63 characters or less');
+            return;
+        }
+        setError(null);
+        dispatch({ type: 'SET_NAME', name });
+        setEditingName(false);
+    };
+    const tierConfig = state.tier ? TIER_CONFIGS[state.tier] : null;
+    const externalDnsEnabled = state.dnsAutoManage && isSupportedDnsProvider(state.dnsProvider);
+    if (editingName) {
+        return (_jsx(BorderBox, { title: "Deployment Name", children: _jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter a name for this deployment:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Lowercase letters, numbers, and hyphens only" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: name, onChange: setName, onSubmit: handleNameSubmit, placeholder: "my-deployment" }) }), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["\u2717 ", error] }) }))] }) }));
+    }
+    // Helper to render a config row
+    const ConfigRow = ({ label, value, valueColor }) => (_jsxs(Box, { children: [_jsx(Box, { width: 16, children: _jsx(Text, { color: colors.muted, children: label }) }), _jsx(Text, { color: valueColor || colors.accent, children: value })] }));
+    // Helper to render a section header
+    const SectionHeader = ({ title }) => (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { bold: true, color: colors.accent, children: ["\u2500\u2500 ", title, " \u2500\u2500"] }) }));
+    return (_jsxs(BorderBox, { title: "Review Configuration", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(SectionHeader, { title: "Deployment" }), _jsx(ConfigRow, { label: "Name", value: state.name }), state.appVersion && (_jsx(ConfigRow, { label: "App Version", value: state.appVersion })), _jsx(SectionHeader, { title: "Infrastructure" }), _jsx(ConfigRow, { label: "Mode", value: state.infrastructureMode === 'provision' ? 'Provision new cluster' : 'Use existing cluster' }), state.provider && (_jsx(ConfigRow, { label: "Provider", value: state.provider.toUpperCase() })), state.region && (_jsx(ConfigRow, { label: "Region", value: state.region })), _jsx(SectionHeader, { title: "Domain & DNS" }), _jsx(ConfigRow, { label: "Domain", value: state.domain }), _jsx(ConfigRow, { label: "Admin Email", value: state.adminEmail }), _jsx(ConfigRow, { label: "TLS Email", value: state.tlsEmail }), _jsxs(Box, { children: [_jsx(Box, { width: 16, children: _jsx(Text, { color: colors.muted, children: "DNS" }) }), _jsx(Text, { color: colors.accent, children: DNS_PROVIDER_NAMES[state.dnsProvider] }), externalDnsEnabled && _jsx(Text, { color: colors.success, children: " (auto)" })] }), _jsx(SectionHeader, { title: "SMTP" }), _jsx(ConfigRow, { label: "Host", value: `${state.smtpHost}:${state.smtpPort}` }), _jsx(ConfigRow, { label: "From", value: `${state.smtpFromName} <${state.smtpFrom}>` }), _jsx(SectionHeader, { title: "Database" }), _jsx(ConfigRow, { label: "Type", value: state.databaseType === 'supabase-cloud' ? 'Supabase Cloud' : 'Self-hosted' }), _jsx(SectionHeader, { title: "Performance" }), _jsxs(Box, { children: [_jsx(Box, { width: 16, children: _jsx(Text, { color: colors.muted, children: "Tier" }) }), _jsxs(Text, { color: colors.accent, bold: true, children: [state.tier?.charAt(0).toUpperCase(), state.tier?.slice(1)] }), tierConfig && _jsxs(Text, { color: colors.muted, children: [" (", tierConfig.throughput, ")"] })] }), _jsx(SectionHeader, { title: "Features" }), _jsxs(Box, { children: [_jsxs(Text, { color: state.aiEnabled ? colors.success : colors.muted, children: [state.aiEnabled ? '✓' : '○', " AI"] }), _jsx(Text, { children: "  " }), _jsxs(Text, { color: state.ssoEnabled ? colors.success : colors.muted, children: [state.ssoEnabled ? '✓' : '○', " SSO"] }), _jsx(Text, { children: "  " }), _jsxs(Text, { color: state.monitoringEnabled ? colors.success : colors.muted, children: [state.monitoringEnabled ? '✓' : '○', " Monitoring"] }), _jsx(Text, { children: "  " }), _jsxs(Text, { color: state.loggingSink !== 'console' ? colors.success : colors.muted, children: [state.loggingSink !== 'console' ? '✓' : '○', " Logging"] })] }), _jsx(SectionHeader, { title: "License" }), _jsx(ConfigRow, { label: "Key", value: `${state.licenseKey?.substring(0, 12)}...` })] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: colors.success, bold: true, children: "Press Enter to save this configuration" }), _jsx(Text, { color: colors.muted, dimColor: true, children: "e to edit name \u2022 Esc to go back" })] })] }));
+}

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

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

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

@@ -0,0 +1,191 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } 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 { SMTP_PROVIDERS } from "../../../types/index.js";
+import { isValidEmail } from "../../../lib/validation.js";
+const PROVIDER_ITEMS = [
+    { label: "AWS SES", value: "aws-ses" },
+    { label: "SendGrid", value: "sendgrid" },
+    { label: "Resend", value: "resend" },
+    { label: "Mailgun", value: "mailgun" },
+    { label: "Postmark", value: "postmark" },
+    { label: "Mailtrap (testing)", value: "mailtrap" },
+    { label: "Custom SMTP Server", value: "custom" },
+];
+// Detect which provider preset matches a given SMTP host
+function detectProviderFromHost(host) {
+    if (!host)
+        return null;
+    const hostLower = host.toLowerCase();
+    if (hostLower.includes("amazonaws.com") || hostLower.includes("ses"))
+        return "aws-ses";
+    if (hostLower.includes("sendgrid"))
+        return "sendgrid";
+    if (hostLower.includes("resend"))
+        return "resend";
+    if (hostLower.includes("mailgun"))
+        return "mailgun";
+    if (hostLower.includes("postmark"))
+        return "postmark";
+    if (hostLower.includes("mailtrap"))
+        return "mailtrap";
+    return "custom";
+}
+export function SMTPStep({ onComplete, onBack }) {
+    const { state, dispatch } = useWizard();
+    const { colors } = useTheme();
+    // Determine initial step based on whether we have pre-populated SMTP settings
+    const getInitialSubStep = () => {
+        // If we have pre-populated SMTP host from profile, skip provider selection
+        if (state.smtpHost && state.smtpUser) {
+            return "pass"; // Start at password entry (most sensitive, likely needs re-entry)
+        }
+        if (state.smtpHost) {
+            return "user"; // Have host but no user
+        }
+        return "provider"; // Fresh start
+    };
+    const [subStep, setSubStep] = useState(getInitialSubStep);
+    const [provider, setProvider] = useState(detectProviderFromHost(state.smtpHost) || "");
+    const [host, setHost] = useState(state.smtpHost || "");
+    const [port, setPort] = useState(state.smtpPort?.toString() || "587");
+    const [user, setUser] = useState(state.smtpUser || "");
+    const [pass, setPass] = useState(state.smtpPass || "");
+    const [from, setFrom] = useState(state.smtpFrom || "");
+    const [fromName, setFromName] = useState(state.smtpFromName || "Rulebricks");
+    const [error, setError] = useState(null);
+    useInput((input, key) => {
+        if (key.escape) {
+            setError(null);
+            if (subStep === "provider") {
+                onBack();
+            }
+            else if (subStep === "host") {
+                setSubStep("provider");
+            }
+            else if (subStep === "port") {
+                setSubStep("host");
+            }
+            else if (subStep === "user") {
+                // If we started with pre-populated settings, going back goes to provider
+                if (getInitialSubStep() === "user") {
+                    setSubStep("provider");
+                }
+                else {
+                    setSubStep("port");
+                }
+            }
+            else if (subStep === "pass") {
+                // If we started with pre-populated settings, going back from pass goes to user
+                setSubStep("user");
+            }
+            else if (subStep === "from") {
+                setSubStep("pass");
+            }
+            else if (subStep === "fromName") {
+                setSubStep("from");
+            }
+        }
+    });
+    const handleProviderSelect = (item) => {
+        setProvider(item.value);
+        const providerConfig = SMTP_PROVIDERS[item.value];
+        if (providerConfig) {
+            setHost(providerConfig.host);
+            setPort(providerConfig.port.toString());
+            // Pre-fill user if provider has a default (like Resend)
+            if (providerConfig.user) {
+                setUser(providerConfig.user);
+            }
+        }
+        if (item.value === "custom") {
+            setSubStep("host");
+        }
+        else {
+            setSubStep("user");
+        }
+    };
+    const handleHostSubmit = () => {
+        if (!host) {
+            setError("SMTP host is required");
+            return;
+        }
+        setError(null);
+        setSubStep("port");
+    };
+    const handlePortSubmit = () => {
+        const portNum = parseInt(port, 10);
+        if (isNaN(portNum) || portNum < 1 || portNum > 65535) {
+            setError("Port must be between 1 and 65535");
+            return;
+        }
+        setError(null);
+        setSubStep("user");
+    };
+    const handleUserSubmit = () => {
+        if (!user) {
+            setError("SMTP username is required");
+            return;
+        }
+        setError(null);
+        setSubStep("pass");
+    };
+    const handlePassSubmit = () => {
+        if (!pass) {
+            setError("SMTP password is required");
+            return;
+        }
+        setError(null);
+        setSubStep("from");
+    };
+    const handleFromSubmit = () => {
+        if (!from) {
+            setError("From address is required");
+            return;
+        }
+        if (!isValidEmail(from)) {
+            setError("Invalid email format");
+            return;
+        }
+        setError(null);
+        setSubStep("fromName");
+    };
+    const handleFromNameSubmit = () => {
+        if (!fromName) {
+            setError("From name is required");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_SMTP",
+            config: {
+                smtpHost: host,
+                smtpPort: parseInt(port, 10),
+                smtpUser: user,
+                smtpPass: pass,
+                smtpFrom: from,
+                smtpFromName: fromName,
+            },
+        });
+        onComplete();
+    };
+    const getCompletedFields = () => {
+        const fields = [];
+        if (host)
+            fields.push({ label: "Host", value: host });
+        if (port && subStep !== "port")
+            fields.push({ label: "Port", value: port });
+        if (user && subStep !== "user")
+            fields.push({ label: "User", value: user });
+        if (pass && subStep !== "pass")
+            fields.push({ label: "Password", value: "••••••••" });
+        if (from && subStep !== "from")
+            fields.push({ label: "From", value: from });
+        return fields;
+    };
+    return (_jsxs(BorderBox, { title: "Email (SMTP)", children: [_jsx(Box, { flexDirection: "column", marginY: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Configure SMTP for user invitations, password resets, and notifications" }) }), subStep === "provider" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Select your email provider:" }), _jsx(Box, { marginTop: 1, children: _jsx(SelectInput, { items: PROVIDER_ITEMS, onSelect: handleProviderSelect, itemComponent: ({ isSelected, label }) => (_jsx(Text, { color: isSelected ? colors.accent : undefined, children: label })) }) })] })), subStep === "host" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter SMTP server hostname:" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: host, onChange: setHost, onSubmit: handleHostSubmit, placeholder: "smtp.example.com" }) })] })), subStep === "port" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter SMTP port:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Common ports: 25, 465 (SSL), 587 (TLS), 2525" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: port, onChange: setPort, onSubmit: handlePortSubmit, placeholder: "587" }) }), getCompletedFields().map((f) => (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", f.label, ": ", f.value] })] }, f.label)))] })), subStep === "user" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter SMTP username:" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: user, onChange: setUser, onSubmit: handleUserSubmit, placeholder: "smtp_username" }) }), getCompletedFields().map((f) => (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", f.label, ": ", f.value] })] }, f.label)))] })), subStep === "pass" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter SMTP password:" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: pass, onChange: setPass, onSubmit: handlePassSubmit, placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", mask: "*" }) }), getCompletedFields().map((f) => (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", f.label, ": ", f.value] })] }, f.label)))] })), subStep === "from" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter sender email address:" }), _jsx(Text, { color: "gray", dimColor: true, children: "This must be verified with your email provider" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: from, onChange: setFrom, onSubmit: handleFromSubmit, placeholder: "no-reply@yourdomain.com" }) }), getCompletedFields().map((f) => (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", f.label, ": ", f.value] })] }, f.label)))] })), subStep === "fromName" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter sender display name:" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: fromName, onChange: setFromName, onSubmit: handleFromNameSubmit, placeholder: "Rulebricks" }) }), getCompletedFields().map((f) => (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", f.label, ": ", f.value] })] }, f.label)))] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["\u2717 ", error] }) })), _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/SupabaseCredentialsStep.d.ts

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

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

@@ -0,0 +1,76 @@
+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";
+import { generateSecureSecret } from "../../../lib/validation.js";
+// Fixed JWT secret - users can edit this in the raw config if needed
+const JWT_SECRET = "your-super-secret-jwt-token-with-at-least-32-characters-long";
+export function SupabaseCredentialsStep({ onComplete, onBack, }) {
+    const { state, dispatch } = useWizard();
+    // Generate defaults if not already set
+    const defaultDbPass = state.supabaseDbPassword || generateSecureSecret(24);
+    const defaultDashboardPass = state.supabaseDashboardPass || generateSecureSecret(16);
+    const [subStep, setSubStep] = useState("db-password");
+    const [dbPassword, setDbPassword] = useState(defaultDbPass);
+    const [dashboardUser, setDashboardUser] = useState(state.supabaseDashboardUser || "supabase");
+    const [dashboardPass, setDashboardPass] = useState(defaultDashboardPass);
+    const [error, setError] = useState(null);
+    useInput((input, key) => {
+        if (key.escape) {
+            setError(null);
+            if (subStep === "db-password") {
+                onBack();
+            }
+            else if (subStep === "dashboard-user") {
+                setSubStep("db-password");
+            }
+            else if (subStep === "dashboard-pass") {
+                setSubStep("dashboard-user");
+            }
+        }
+    });
+    const handleDbPasswordSubmit = () => {
+        if (!dbPassword || dbPassword.length < 8) {
+            setError("Database password must be at least 8 characters");
+            return;
+        }
+        setError(null);
+        setSubStep("dashboard-user");
+    };
+    const handleDashboardUserSubmit = () => {
+        if (!dashboardUser) {
+            setError("Dashboard username is required");
+            return;
+        }
+        setError(null);
+        setSubStep("dashboard-pass");
+    };
+    const handleDashboardPassSubmit = () => {
+        if (!dashboardPass || dashboardPass.length < 8) {
+            setError("Dashboard password must be at least 8 characters");
+            return;
+        }
+        setError(null);
+        dispatch({
+            type: "SET_SUPABASE_SELF_HOSTED",
+            config: {
+                supabaseJwtSecret: JWT_SECRET,
+                supabaseDbPassword: dbPassword,
+                supabaseDashboardUser: dashboardUser,
+                supabaseDashboardPass: dashboardPass,
+            },
+        });
+        onComplete();
+    };
+    const regenerateSecret = (field) => {
+        if (field === "db") {
+            setDbPassword(generateSecureSecret(24));
+        }
+        else {
+            setDashboardPass(generateSecureSecret(16));
+        }
+    };
+    return (_jsxs(BorderBox, { title: "Supabase Credentials", children: [_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "gray", dimColor: true, children: "Configure credentials for your self-hosted Supabase instance" }), _jsx(Text, { color: "yellow", dimColor: true, children: "\u26A0 Save these credentials securely - you'll need them to access Supabase" })] }), subStep === "db-password" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Database Password:" }), _jsx(Text, { color: "gray", dimColor: true, children: "PostgreSQL database password" }), _jsxs(Text, { color: "gray", dimColor: true, children: ["Default (press Enter to use): ", defaultDbPass] }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: dbPassword, onChange: setDbPassword, onSubmit: handleDbPasswordSubmit, placeholder: "Database password (min 8 chars)", mask: "*" }) })] })), subStep === "dashboard-user" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Supabase Studio Username:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Username for accessing the Supabase dashboard" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: dashboardUser, onChange: setDashboardUser, onSubmit: handleDashboardUserSubmit, placeholder: "supabase" }) }), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsx(Text, { color: "gray", children: " Database password configured" })] }) })] })), subStep === "dashboard-pass" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Supabase Studio Password:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Password for accessing the Supabase dashboard" }), _jsxs(Text, { color: "gray", dimColor: true, children: ["Default (press Enter to use): ", defaultDashboardPass] }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: dashboardPass, onChange: setDashboardPass, onSubmit: handleDashboardPassSubmit, placeholder: "Dashboard password (min 8 chars)", mask: "*" }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsx(Text, { color: "gray", children: " Database password configured" })] }), _jsxs(Box, { children: [_jsx(Text, { color: "green", children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" Dashboard user: ", dashboardUser] })] })] })] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["\u2717 ", error] }) })), _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/TierStep.d.ts

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

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text, useInput } from 'ink';
+import SelectInput from 'ink-select-input';
+import { useWizard } from '../WizardContext.js';
+import { BorderBox, useTheme } from '../../common/index.js';
+import { TIER_CONFIGS } from '../../../types/index.js';
+export function TierStep({ onComplete, onBack }) {
+    const { dispatch } = useWizard();
+    const { colors } = useTheme();
+    useInput((input, key) => {
+        if (key.escape) {
+            onBack();
+        }
+    });
+    const items = Object.entries(TIER_CONFIGS).map(([tier, config]) => ({
+        label: tier.charAt(0).toUpperCase() + tier.slice(1),
+        value: tier,
+        config
+    }));
+    const handleSelect = (item) => {
+        dispatch({ type: 'SET_TIER', tier: item.value });
+        onComplete();
+    };
+    return (_jsxs(BorderBox, { title: "Performance Tier", children: [_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Select your deployment size:" }), _jsx(Text, { color: "gray", dimColor: true, children: "This determines the cluster resources and scaling limits" })] }), _jsx(SelectInput, { items: items, onSelect: handleSelect, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => {
+                    const currentItem = items.find(i => i.label === label) || items[0];
+                    const config = currentItem.config;
+                    return (_jsxs(Box, { flexDirection: "column", marginY: isSelected ? 1 : 0, children: [_jsxs(Text, { color: isSelected ? colors.accent : undefined, bold: isSelected, children: [isSelected ? '❯ ' : '  ', currentItem.label, _jsxs(Text, { color: "gray", children: [" - ", config.description] })] }), isSelected && (_jsxs(Box, { flexDirection: "column", marginLeft: 4, children: [_jsxs(Text, { color: "gray", children: ["Throughput: ", config.throughput] }), _jsxs(Text, { color: "gray", children: ["Nodes: ", config.nodes.min, "-", config.nodes.max, " \u2022 ", config.resources] }), _jsxs(Text, { color: "gray", children: ["HPS Workers: ", config.hpsWorkerReplicas.min, "-", config.hpsWorkerReplicas.max] })] }))] }));
+                } }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Esc to go back \u2022 Enter to select" }) })] }));
+}

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

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

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

@@ -0,0 +1,113 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } 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 { fetchAppVersions, formatDate } from "../../../lib/versions.js";
+import { CHANGELOG_URL } from "../../../types/index.js";
+import { formatVersionDisplay } from "../../../lib/dockerHub.js";
+export function VersionStep({ onComplete, onBack }) {
+    const { state, dispatch } = useWizard();
+    const { colors } = useTheme();
+    const [subStep, setSubStep] = useState("license");
+    const [licenseKey, setLicenseKey] = useState(state.licenseKey || "");
+    const [versions, setVersions] = useState([]);
+    const [loadError, setLoadError] = useState(null);
+    const [error, setError] = useState(null);
+    useInput((input, key) => {
+        if (key.escape) {
+            setError(null);
+            if (subStep === "license") {
+                onBack();
+            }
+            else if (subStep === "version") {
+                setSubStep("license");
+            }
+        }
+    });
+    const loadVersions = async () => {
+        setSubStep("loading-versions");
+        setLoadError(null);
+        try {
+            const appVersions = await fetchAppVersions(licenseKey);
+            setVersions(appVersions);
+            if (appVersions.length === 0) {
+                setLoadError("No versions found. Using latest.");
+            }
+            setSubStep("version");
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : "Failed to fetch versions";
+            // Check if it's an auth error
+            if (message.includes("authentication") ||
+                message.includes("Invalid license")) {
+                setError("Invalid license key - please check your key and try again");
+                setSubStep("license");
+                return;
+            }
+            setLoadError(`${message}. Will use latest version.`);
+            setSubStep("version");
+        }
+    };
+    const handleLicenseSubmit = () => {
+        if (!licenseKey) {
+            setError("License key is required");
+            return;
+        }
+        if (licenseKey.length < 10) {
+            setError("Invalid license key format");
+            return;
+        }
+        setError(null);
+        dispatch({ type: "SET_LICENSE_KEY", key: licenseKey });
+        loadVersions();
+    };
+    const handleVersionSelect = (item) => {
+        dispatch({
+            type: "SET_APP_VERSION",
+            appVersion: item.value,
+            hpsVersion: item.hpsVersion || item.value,
+        });
+        onComplete();
+    };
+    // Get the latest version (first numbered version from sorted list)
+    const latestVersion = versions.length > 0 ? versions[0] : null;
+    // Build version items for selection
+    // "Latest" uses the actual first numbered version, not empty string
+    const versionItems = latestVersion
+        ? [
+            {
+                label: `✨ Latest (${formatVersionDisplay(latestVersion.version)})`,
+                value: latestVersion.version,
+                hpsVersion: latestVersion.hpsVersion || latestVersion.version,
+                releaseDate: latestVersion.releaseDate,
+            },
+            // Skip the first version since it's shown as "Latest"
+            ...versions.slice(1, 15).map((v) => ({
+                label: formatVersionDisplay(v.version),
+                value: v.version,
+                hpsVersion: v.hpsVersion || v.version,
+                releaseDate: v.releaseDate,
+            })),
+        ]
+        : [
+            {
+                label: "✨ Latest (recommended)",
+                value: "latest",
+                hpsVersion: "latest",
+                releaseDate: null,
+            },
+        ];
+    return (_jsxs(BorderBox, { title: "License & Version", children: [subStep === "license" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Enter your Rulebricks license key:" }), _jsx(Text, { color: "gray", dimColor: true, children: "Get a license at https://rulebricks.com/pricing" }), _jsx(Box, { marginTop: 1, children: _jsx(TextInput, { value: licenseKey, onChange: setLicenseKey, onSubmit: handleLicenseSubmit, placeholder: "vd67aveCHr1G..." }) })] })), subStep === "loading-versions" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Spinner, { label: "Authenticating and fetching versions..." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Connecting to Docker Hub..." }) })] })), subStep === "version" && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { children: "Select app version to deploy:" }), loadError && (_jsxs(Text, { color: colors.warning, dimColor: true, children: ["\u26A0 ", loadError] })), _jsx(Box, { marginTop: 1, height: 12, flexDirection: "column", overflowY: "hidden", children: _jsx(SelectInput, { items: versionItems, onSelect: handleVersionSelect, limit: 10, indicatorComponent: () => null, itemComponent: ({ isSelected, label }) => {
+                                // Find the version item from the list using the label
+                                const versionItem = versionItems.find((v) => v.label === label);
+                                const hasHps = versionItem?.value &&
+                                    versionItem?.hpsVersion &&
+                                    versionItem.value !== "latest";
+                                const hasDate = versionItem?.releaseDate;
+                                return (_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? colors.accent : undefined, children: [isSelected ? "❯ " : "  ", label] }), hasDate && (_jsxs(Text, { color: colors.muted, children: [" ", "(", formatDate(versionItem.releaseDate), ")"] })), hasHps && (_jsxs(Text, { color: colors.muted, children: ["  ", "Solver:", " ", formatVersionDisplay(versionItem.hpsVersion)] }))] }));
+                            } }) }), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: colors.success, children: "\u2713" }), _jsxs(Text, { color: "gray", children: [" ", "License key: ", licenseKey.substring(0, 8), "..."] })] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", dimColor: true, children: ["View changelog: ", CHANGELOG_URL] }) })] })), error && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: colors.error, children: ["\u2717 ", error] }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", dimColor: true, children: "Esc to go back \u2022 Enter to continue" }) })] }));
+}