sitevision-cli 0.0.0

package/dist/components/DevPropertiesForm.js

@@ -0,0 +1,87 @@
+import React, { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { TextInput } from './TextInput.js';
+import { writeDevProperties } from '../utils/project-detection.js';
+const STEPS = [
+    { id: 'domain', label: 'Domain' },
+    { id: 'siteName', label: 'Site Name' },
+    { id: 'addonName', label: 'Addon Name' },
+    { id: 'username', label: 'Username' },
+    { id: 'password', label: 'Password' },
+    { id: 'useHTTP', label: 'Use HTTP' },
+];
+export function DevPropertiesForm({ projectRoot, initialProperties, packageJson, onComplete, onCancel }) {
+    const [stepIndex, setStepIndex] = useState(0);
+    const [properties, setProperties] = useState(() => {
+        const defaults = {
+            domain: packageJson.developmentDomain || '',
+            addonName: packageJson.addonName || '',
+            siteName: packageJson.siteName || '',
+        };
+        return { ...defaults, ...initialProperties };
+    });
+    const currentStep = STEPS[stepIndex];
+    const handleNext = (key, value) => {
+        const newProperties = { ...properties, [key]: value };
+        setProperties(newProperties);
+        if (stepIndex < STEPS.length - 1) {
+            setStepIndex(stepIndex + 1);
+        }
+        else {
+            // Save and finish
+            writeDevProperties(projectRoot, newProperties);
+            onComplete();
+        }
+    };
+    const renderInput = () => {
+        switch (currentStep?.id) {
+            case 'domain':
+                return (React.createElement(TextInput, { key: "domain", label: "Development Domain (e.g. www.sitevision.se)", defaultValue: properties.domain, placeholder: "sitevision.se", onSubmit: (value) => handleNext('domain', value), onCancel: onCancel }));
+            case 'siteName':
+                return (React.createElement(TextInput, { key: "siteName", label: "Site Name (Root node name)", defaultValue: properties.siteName, onSubmit: (value) => handleNext('siteName', value), onCancel: onCancel }));
+            case 'addonName':
+                return (React.createElement(TextInput, { key: "addonName", label: "Addon Name", defaultValue: properties.addonName, onSubmit: (value) => handleNext('addonName', value), onCancel: onCancel }));
+            case 'username':
+                return (React.createElement(TextInput, { key: "username", label: "Username (usually your Sitevision Cloud email)", defaultValue: properties.username, onSubmit: (value) => handleNext('username', value), onCancel: onCancel }));
+            case 'password':
+                return (React.createElement(TextInput, { key: "password", label: "Password (Optional - leave empty to prompt on each run)", type: "password", defaultValue: properties.password, onSubmit: (value) => handleNext('password', value), onCancel: onCancel }));
+            case 'useHTTP':
+                return (React.createElement(BooleanInput, { key: "useHTTP", label: "Use HTTP for deployment? (y/n)", defaultValue: properties.useHTTPForDevDeploy, onSubmit: (value) => handleNext('useHTTPForDevDeploy', value) }));
+            default:
+                return null;
+        }
+    };
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { bold: true, color: "cyan" }, "Setup Development Properties"),
+            React.createElement(Text, null,
+                " Step ",
+                stepIndex + 1,
+                " of ",
+                STEPS.length,
+                ": ",
+                currentStep?.label)),
+        React.createElement(Box, { marginBottom: 1 }, STEPS.map((s, i) => (React.createElement(Box, { key: s.id, marginRight: 1 },
+            React.createElement(Text, { color: i === stepIndex ? 'green' : i < stepIndex ? 'green' : 'gray' }, i < stepIndex ? '✓' : i === stepIndex ? '●' : '○'))))),
+        React.createElement(Box, { borderStyle: "single", borderColor: "gray", padding: 1 }, renderInput())));
+}
+function BooleanInput({ label, defaultValue, onSubmit }) {
+    useInput((input) => {
+        if (input === 'y' || input === 'Y') {
+            onSubmit(true);
+        }
+        else if (input === 'n' || input === 'N') {
+            onSubmit(false);
+        }
+        else if (input === '\r' && defaultValue !== undefined) {
+            onSubmit(defaultValue);
+        }
+    });
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { bold: true, color: "cyan" }, label)),
+        React.createElement(Box, null,
+            React.createElement(Text, { dimColor: true },
+                "Press Y for Yes, N for No",
+                defaultValue !== undefined ? ` (Default: ${defaultValue ? 'Yes' : 'No'})` : ''))));
+}

package/dist/components/InfoScreen.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type ProjectInfo } from '../utils/project-detection.js';
+interface Props {
+    project: ProjectInfo;
+    onBack: () => void;
+}
+export declare function InfoScreen({ project, onBack }: Props): React.JSX.Element;
+export {};

package/dist/components/InfoScreen.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { Box, Text, useInput } from 'ink';
+import { getAppType } from '../utils/project-detection.js';
+export function InfoScreen({ project, onBack }) {
+    const appType = getAppType(project.manifest);
+    useInput((input, key) => {
+        if (key.escape || input === 'q' || key.return) {
+            onBack();
+        }
+    });
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { bold: true, color: "cyan" }, "Sitevision Project Information")),
+        React.createElement(Box, { flexDirection: "column", marginLeft: 2 },
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true }, "Name: "),
+                React.createElement(Text, null, project.manifest.name)),
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true }, "ID: "),
+                React.createElement(Text, null, project.manifest.id)),
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true }, "Version: "),
+                React.createElement(Text, null, project.manifest.version)),
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true }, "Type: "),
+                React.createElement(Text, { color: "green" }, project.manifest.type),
+                React.createElement(Text, { dimColor: true },
+                    " (",
+                    appType,
+                    ")")),
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true }, "Bundled: "),
+                React.createElement(Text, null, project.manifest.bundled ? 'Yes' : 'No'))),
+        project.hasDevProperties && project.devProperties && (React.createElement(React.Fragment, null,
+            React.createElement(Box, { marginTop: 1, marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "cyan" }, "Development Configuration")),
+            React.createElement(Box, { flexDirection: "column", marginLeft: 2 },
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Domain: "),
+                    React.createElement(Text, null, project.devProperties.domain)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Site: "),
+                    React.createElement(Text, null, project.devProperties.siteName)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Addon: "),
+                    React.createElement(Text, null, project.devProperties.addonName)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Username: "),
+                    React.createElement(Text, null, project.devProperties.username)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Use HTTP: "),
+                    React.createElement(Text, null, project.devProperties.useHTTPForDevDeploy ? 'Yes' : 'No'))))),
+        !project.hasDevProperties && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: "yellow" }, "\u26A0 No dev properties found. Run setup-dev-properties to configure."))),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { bold: true }, "Project Root: "),
+            React.createElement(Text, { dimColor: true }, project.root)),
+        React.createElement(Box, { marginTop: 2 },
+            React.createElement(Text, { dimColor: true }, "Press Enter or ESC to return to menu"))));
+}

package/dist/components/MainMenu.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type ProjectInfo } from '../utils/project-detection.js';
+interface Props {
+    project: ProjectInfo;
+    onSelect: (command: string) => void;
+}
+export declare function MainMenu({ project, onSelect }: Props): React.JSX.Element;
+export {};

package/dist/components/MainMenu.js

@@ -0,0 +1,138 @@
+import React, { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { getAppType } from '../utils/project-detection.js';
+export function MainMenu({ project, onSelect }) {
+    const appType = getAppType(project.manifest);
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const items = [
+        {
+            label: '🚀 Dev',
+            value: 'dev',
+            description: 'Start development server with watch mode',
+        },
+        {
+            label: '🔐 Dev (Signed)',
+            value: 'dev-signed',
+            description: 'Development with automatic signing',
+        },
+        {
+            label: '🔨 Build',
+            value: 'build',
+            description: 'Build the application for production',
+        },
+        {
+            label: '✍️  Sign',
+            value: 'sign',
+            description: 'Sign the app for production deployment',
+        },
+        {
+            label: '📦 Deploy',
+            value: 'deploy',
+            description: 'Deploy to development server',
+        },
+        {
+            label: '🚢 Deploy (Force)',
+            value: 'deploy-force',
+            description: 'Force deploy (overwrite existing)',
+        },
+        {
+            label: '🌍 Deploy Production',
+            value: 'deploy-production',
+            description: 'Deploy to production server',
+        },
+        {
+            label: 'ℹ️  Info',
+            value: 'info',
+            description: 'Show project information',
+        },
+        {
+            label: '❌ Exit',
+            value: 'exit',
+            description: 'Exit the CLI',
+        },
+    ];
+    useInput((input, key) => {
+        if (key.upArrow) {
+            setSelectedIndex((prev) => (prev > 0 ? prev - 1 : items.length - 1));
+        }
+        if (key.downArrow) {
+            setSelectedIndex((prev) => (prev < items.length - 1 ? prev + 1 : 0));
+        }
+        if (key.return || input === '\r' || input === '\n') {
+            const selectedItem = items[selectedIndex];
+            if (!selectedItem)
+                return;
+            if (selectedItem.value === 'exit') {
+                process.exit(0);
+            }
+            onSelect(selectedItem.value);
+        }
+    });
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { bold: true, color: "cyan" }, "Sitevision Project Information")),
+        React.createElement(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1 },
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true }, "Name: "),
+                React.createElement(Text, null, project.manifest.name)),
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true }, "ID: "),
+                React.createElement(Text, null, project.manifest.id)),
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true }, "Version: "),
+                React.createElement(Text, null, project.manifest.version)),
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true }, "Type: "),
+                React.createElement(Text, { color: "green" }, project.manifest.type),
+                React.createElement(Text, { dimColor: true },
+                    " (",
+                    appType,
+                    ")")),
+            React.createElement(Box, null,
+                React.createElement(Text, { bold: true }, "Bundled: "),
+                React.createElement(Text, null, project.manifest.bundled ? 'Yes' : 'No'))),
+        project.hasDevProperties && project.devProperties && (React.createElement(React.Fragment, null,
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "cyan" }, "Development Configuration")),
+            React.createElement(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1 },
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Domain: "),
+                    React.createElement(Text, null, project.devProperties.domain)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Site: "),
+                    React.createElement(Text, null, project.devProperties.siteName)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Addon: "),
+                    React.createElement(Text, null, project.devProperties.addonName)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Username: "),
+                    React.createElement(Text, null, project.devProperties.username)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Use HTTP: "),
+                    React.createElement(Text, null, project.devProperties.useHTTPForDevDeploy ? 'Yes' : 'No'))))),
+        project.hasSigningProperties && project.devProperties && (React.createElement(React.Fragment, null,
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "cyan" }, "Signing Configuration")),
+            React.createElement(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1 },
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Signing User: "),
+                    React.createElement(Text, null, project.devProperties.signingUsername)),
+                project.devProperties.certificateName && (React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Certificate: "),
+                    React.createElement(Text, null, project.devProperties.certificateName)))))),
+        !project.hasDevProperties && (React.createElement(Box, { marginBottom: 1, paddingX: 1, borderStyle: "round", borderColor: "yellow" },
+            React.createElement(Text, { color: "yellow" }, "\u26A0 No dev properties found. Some commands may not work."))),
+        project.hasDevProperties && !project.hasSigningProperties && (React.createElement(Box, { marginBottom: 1, paddingX: 1, borderStyle: "round", borderColor: "yellow" },
+            React.createElement(Text, { color: "yellow" }, "\u26A0 No signing credentials configured. Run svc setup-signing to configure."))),
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { dimColor: true }, "Select a command:")),
+        React.createElement(Box, { flexDirection: "column" }, items.map((item, index) => (React.createElement(Box, { key: item.value, marginLeft: 1 },
+            React.createElement(Text, { color: index === selectedIndex ? 'cyan' : undefined, bold: index === selectedIndex },
+                index === selectedIndex ? '▶ ' : '  ',
+                item.label,
+                item.description && (React.createElement(Text, { dimColor: true },
+                    " - ",
+                    item.description))))))),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true }, "Use \u2191\u2193 arrows to navigate, Enter to select"))));
+}

package/dist/components/PasswordInput.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    label?: string;
+    onSubmit: (password: string) => void;
+    onCancel: () => void;
+}
+export declare function PasswordInput({ label, onSubmit, onCancel }: Props): React.JSX.Element;
+export {};

package/dist/components/PasswordInput.js

@@ -0,0 +1,30 @@
+import React, { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+export function PasswordInput({ label = 'Enter Signing Password', onSubmit, onCancel }) {
+    const [password, setPassword] = useState('');
+    useInput((input, key) => {
+        if (key.return) {
+            onSubmit(password);
+            return;
+        }
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.delete || key.backspace) {
+            setPassword((prev) => prev.slice(0, -1));
+            return;
+        }
+        // Handle regular characters (including paste)
+        if (!key.ctrl && !key.meta) {
+            setPassword((prev) => prev + input);
+        }
+    });
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { bold: true, color: "cyan" }, label)),
+        React.createElement(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1 },
+            React.createElement(Text, null, '*'.repeat(password.length))),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true }, "Press Enter to submit, Esc to cancel"))));
+}

package/dist/components/ProcessOutput.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ProcessRunner } from '../utils/process-runner.js';
+interface Props {
+    runner: ProcessRunner;
+}
+export declare function ProcessOutputComponent({ runner }: Props): React.JSX.Element;
+export {};

package/dist/components/ProcessOutput.js

@@ -0,0 +1,32 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+export function ProcessOutputComponent({ runner }) {
+    const [outputs, setOutputs] = useState([]);
+    const [isRunning, setIsRunning] = useState(true);
+    const [exitCode, setExitCode] = useState(null);
+    useEffect(() => {
+        const handleOutput = (output) => {
+            setOutputs(prev => {
+                const newOutputs = [...prev, output];
+                if (newOutputs.length > 100) {
+                    return newOutputs.slice(newOutputs.length - 100);
+                }
+                return newOutputs;
+            });
+        };
+        const handleExit = (code) => {
+            setIsRunning(false);
+            setExitCode(code);
+        };
+        runner.on('output', handleOutput);
+        runner.on('exit', handleExit);
+        return () => {
+            runner.off('output', handleOutput);
+            runner.off('exit', handleExit);
+        };
+    }, [runner]);
+    return (React.createElement(Box, { flexDirection: "column" },
+        outputs.map((output, index) => (React.createElement(Text, { key: index, color: output.type === 'stderr' ? 'red' : undefined, dimColor: output.type === 'stderr' }, output.data))),
+        !isRunning && exitCode !== null && (React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { color: exitCode === 0 ? 'green' : 'red' }, exitCode === 0 ? '✓ Success' : `✗ Failed with code ${exitCode}`)))));
+}

package/dist/components/SetupFlow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { type ProjectInfo } from '../utils/project-detection.js';
+interface Props {
+    project: ProjectInfo;
+    onComplete: () => void;
+}
+export declare function SetupFlow({ project, onComplete }: Props): React.JSX.Element | null;
+export {};

package/dist/components/SetupFlow.js

@@ -0,0 +1,194 @@
+import React, { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { getAppType } from '../utils/project-detection.js';
+import { ProcessRunner } from '../utils/process-runner.js';
+import { ProcessOutputComponent } from './ProcessOutput.js';
+import { StatusIndicator } from './StatusIndicator.js';
+import { DevPropertiesForm } from './DevPropertiesForm.js';
+import { SigningPropertiesForm } from './SigningPropertiesForm.js';
+export function SetupFlow({ project, onComplete }) {
+    const [step, setStep] = useState('check-node-modules');
+    const [runner, setRunner] = useState(null);
+    const [commandStatus, setCommandStatus] = useState('running');
+    const appType = getAppType(project.manifest);
+    // Auto-advance through checks
+    useEffect(() => {
+        if (step === 'check-node-modules') {
+            if (project.hasNodeModules) {
+                setStep('check-dev-properties');
+            }
+            else {
+                setStep('confirm-npm-install');
+            }
+        }
+        else if (step === 'check-dev-properties') {
+            if (project.hasDevProperties) {
+                setStep('check-signing-properties');
+            }
+            else {
+                setStep('confirm-dev-setup');
+            }
+        }
+        else if (step === 'check-signing-properties') {
+            if (project.hasSigningProperties) {
+                setStep('show-info');
+            }
+            else {
+                setStep('confirm-signing-setup');
+            }
+        }
+        else if (step === 'show-info') {
+            // Auto-advance to menu after displaying info
+            onComplete();
+        }
+    }, [step, project, onComplete]); // Removed specific props from dependency array to allow re-check after updates
+    useInput((input) => {
+        if (step === 'confirm-npm-install') {
+            if (input === 'y' || input === 'Y') {
+                setStep('running-npm-install');
+                setCommandStatus('running');
+                // npm install is a native command, not a script
+                const newRunner = new ProcessRunner('npm', ['install'], project.root);
+                newRunner.on('exit', (code) => {
+                    if (code === 0) {
+                        setCommandStatus('success');
+                        // Force project info refresh would be ideal here
+                        // For now, assume success and move on
+                        setTimeout(() => setStep('check-dev-properties'), 1000);
+                    }
+                    else {
+                        setCommandStatus('error');
+                    }
+                });
+                setRunner(newRunner);
+                newRunner.run().catch(() => setCommandStatus('error'));
+            }
+            else if (input === 'n' || input === 'N') {
+                setStep('check-dev-properties');
+            }
+        }
+        else if (step === 'confirm-dev-setup') {
+            if (input === 'y' || input === 'Y') {
+                setStep('setup-dev-properties');
+            }
+            else if (input === 'n' || input === 'N') {
+                setStep('check-signing-properties');
+            }
+        }
+        else if (step === 'confirm-signing-setup') {
+            if (input === 'y' || input === 'Y') {
+                setStep('setup-signing-properties');
+            }
+            else if (input === 'n' || input === 'N') {
+                setStep('show-info');
+            }
+        }
+    });
+    // Setup Dev Properties Form
+    if (step === 'setup-dev-properties') {
+        return (React.createElement(DevPropertiesForm, { projectRoot: project.root, initialProperties: project.devProperties, packageJson: project.packageJson, onComplete: () => {
+                // Manually update project state locally if possible, or just proceed
+                // Since we can't easily update 'project' prop from here without reloading,
+                // we just move to next step. The file is written.
+                project.hasDevProperties = true; // Optimization/Hack to pass check
+                setStep('check-signing-properties');
+            }, onCancel: () => setStep('check-signing-properties') }));
+    }
+    // Setup Signing Properties Form
+    if (step === 'setup-signing-properties') {
+        return (React.createElement(SigningPropertiesForm, { projectRoot: project.root, onComplete: () => {
+                project.hasSigningProperties = true; // Optimization/Hack
+                setStep('show-info');
+            }, onCancel: () => setStep('show-info') }));
+    }
+    // Running npm install
+    if (step === 'running-npm-install') {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(StatusIndicator, { status: commandStatus, label: "Installing dependencies" })),
+            runner && React.createElement(ProcessOutputComponent, { runner: runner })));
+    }
+    // Confirm npm install
+    if (step === 'confirm-npm-install') {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "cyan" }, "Sitevision CLI")),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { color: "yellow" }, "\u26A0 node_modules not found")),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, null, "Would you like to run npm install? (y/n)"))));
+    }
+    // Confirm dev setup
+    if (step === 'confirm-dev-setup') {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "cyan" }, "Sitevision CLI")),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { color: "yellow" }, "\u26A0 dev properties not configured")),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, null, "Would you like to set up dev properties? (y/n)"))));
+    }
+    // Confirm signing setup
+    if (step === 'confirm-signing-setup') {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "cyan" }, "Sitevision CLI")),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { color: "yellow" }, "\u26A0 signing credentials not configured")),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, null, "Signing credentials are required for signing apps on developer.sitevision.se")),
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, null, "Would you like to set up signing credentials? (y/n)"))));
+    }
+    // Show info
+    if (step === 'show-info') {
+        return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+            React.createElement(Box, { marginBottom: 1 },
+                React.createElement(Text, { bold: true, color: "cyan" }, "Sitevision Project Information")),
+            React.createElement(Box, { flexDirection: "column", marginLeft: 2 },
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Name: "),
+                    React.createElement(Text, null, project.manifest.name)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "ID: "),
+                    React.createElement(Text, null, project.manifest.id)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Version: "),
+                    React.createElement(Text, null, project.manifest.version)),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Type: "),
+                    React.createElement(Text, { color: "green" }, project.manifest.type),
+                    React.createElement(Text, { dimColor: true },
+                        " (",
+                        appType,
+                        ")")),
+                React.createElement(Box, null,
+                    React.createElement(Text, { bold: true }, "Bundled: "),
+                    React.createElement(Text, null, project.manifest.bundled ? 'Yes' : 'No'))),
+            project.hasDevProperties && project.devProperties && (React.createElement(React.Fragment, null,
+                React.createElement(Box, { marginTop: 1, marginBottom: 1 },
+                    React.createElement(Text, { bold: true, color: "cyan" }, "Development Configuration")),
+                React.createElement(Box, { flexDirection: "column", marginLeft: 2 },
+                    React.createElement(Box, null,
+                        React.createElement(Text, { bold: true }, "Domain: "),
+                        React.createElement(Text, null, project.devProperties.domain)),
+                    React.createElement(Box, null,
+                        React.createElement(Text, { bold: true }, "Site: "),
+                        React.createElement(Text, null, project.devProperties.siteName)),
+                    React.createElement(Box, null,
+                        React.createElement(Text, { bold: true }, "Addon: "),
+                        React.createElement(Text, null, project.devProperties.addonName)),
+                    React.createElement(Box, null,
+                        React.createElement(Text, { bold: true }, "Username: "),
+                        React.createElement(Text, null, project.devProperties.username)),
+                    React.createElement(Box, null,
+                        React.createElement(Text, { bold: true }, "Use HTTP: "),
+                        React.createElement(Text, null, project.devProperties.useHTTPForDevDeploy ? 'Yes' : 'No'))))),
+            !project.hasDevProperties && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: "yellow" }, "\u26A0 No dev properties configured"))),
+            React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { bold: true }, "Project Root: "),
+                React.createElement(Text, { dimColor: true }, project.root))));
+    }
+    return null;
+}

package/dist/components/SigningPropertiesForm.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    projectRoot: string;
+    onComplete: () => void;
+    onCancel: () => void;
+}
+export declare function SigningPropertiesForm({ projectRoot, onComplete, onCancel }: Props): React.JSX.Element;
+export {};

package/dist/components/SigningPropertiesForm.js

@@ -0,0 +1,49 @@
+import React, { useState } from 'react';
+import { Box, Text } from 'ink';
+import { TextInput } from './TextInput.js';
+import { writeDevProperties, readDevProperties } from '../utils/project-detection.js';
+const STEPS = [
+    { id: 'username', label: 'Signing Username' },
+    { id: 'certificate', label: 'Certificate Name' },
+];
+export function SigningPropertiesForm({ projectRoot, onComplete, onCancel }) {
+    const [stepIndex, setStepIndex] = useState(0);
+    // Read existing properties to preserve other fields
+    const [properties, setProperties] = useState(() => readDevProperties(projectRoot) || {});
+    const currentStep = STEPS[stepIndex];
+    const handleNext = (key, value) => {
+        const newProperties = { ...properties, [key]: value };
+        setProperties(newProperties);
+        if (stepIndex < STEPS.length - 1) {
+            setStepIndex(stepIndex + 1);
+        }
+        else {
+            // Save and finish
+            writeDevProperties(projectRoot, newProperties);
+            onComplete();
+        }
+    };
+    const renderInput = () => {
+        switch (currentStep?.id) {
+            case 'username':
+                return (React.createElement(TextInput, { key: "username", label: "Signing Username (developer.sitevision.se)", defaultValue: properties.signingUsername, onSubmit: (value) => handleNext('signingUsername', value), onCancel: onCancel }));
+            case 'certificate':
+                return (React.createElement(TextInput, { key: "certificate", label: "Certificate Name (Optional)", defaultValue: properties.certificateName, placeholder: "Leave empty for default", onSubmit: (value) => handleNext('certificateName', value), onCancel: onCancel }));
+            default:
+                return null;
+        }
+    };
+    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
+        React.createElement(Box, { marginBottom: 1 },
+            React.createElement(Text, { bold: true, color: "cyan" }, "Setup Signing Properties"),
+            React.createElement(Text, null,
+                " Step ",
+                stepIndex + 1,
+                " of ",
+                STEPS.length,
+                ": ",
+                currentStep?.label)),
+        React.createElement(Box, { marginBottom: 1 }, STEPS.map((s, i) => (React.createElement(Box, { key: s.id, marginRight: 1 },
+            React.createElement(Text, { color: i === stepIndex ? 'green' : i < stepIndex ? 'green' : 'gray' }, i < stepIndex ? '✓' : i === stepIndex ? '●' : '○'))))),
+        React.createElement(Box, { borderStyle: "single", borderColor: "gray", padding: 1 }, renderInput())));
+}