sitevision-cli 0.3.1-beta.2 → 0.4.0-beta.0

package/dist/app.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { type ProjectInfo } from './utils/project-detection.js';
 type Props = {
     project: ProjectInfo;
 };
-export default function App({ project }: Props): React.JSX.Element | null;
+export default function App({ project }: Props): import("react").JSX.Element | null;
 export {};

package/dist/app.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { MainMenu } from './components/MainMenu.js';
 import { InfoScreen } from './components/InfoScreen.js';
 import { SetupFlow } from './components/SetupFlow.js';
@@ -8,7 +9,7 @@ import { BuildScreen } from './commands/build.js';
 import { DeployScreen } from './commands/deploy.js';
 import { SignScreen } from './commands/sign.js';
 import { SigningPropertiesForm } from './components/SigningPropertiesForm.js';
-import { setDeployPassword as saveDeployPassword, setSigningPassword as saveSigningPassword } from './utils/keychain.js';
+import { setDeployPassword as saveDeployPassword, setSigningPassword as saveSigningPassword, } from './utils/keychain.js';
 export default function App({ project }) {
     const [state, setState] = useState('setup');
     const [currentCommand, setCurrentCommand] = useState('');
@@ -26,7 +27,10 @@ export default function App({ project }) {
     };
     const handleDevPasswordSubmit = (password, remember) => {
         setDevPassword(password);
-        if (remember && project.devProperties?.domain && project.devProperties.username && password) {
+        if (remember &&
+            project.devProperties?.domain &&
+            project.devProperties.username &&
+            password) {
             saveDeployPassword(project.devProperties.domain, project.devProperties.username, password);
         }
         // Continue to the intended command
@@ -131,22 +135,22 @@ export default function App({ project }) {
         }
     };
     if (state === 'setup') {
-        return React.createElement(SetupFlow, { project: project, onComplete: () => setState('menu') });
+        return _jsx(SetupFlow, { project: project, onComplete: () => setState('menu') });
     }
     if (state === 'menu') {
-        return React.createElement(MainMenu, { project: project, onSelect: handleCommandSelect });
+        return _jsx(MainMenu, { project: project, onSelect: handleCommandSelect });
     }
     if (state === 'info') {
-        return React.createElement(InfoScreen, { project: project, onBack: () => setState('menu') });
+        return _jsx(InfoScreen, { project: project, onBack: () => setState('menu') });
     }
     if (state === 'dev-password-input') {
-        return (React.createElement(PasswordInput, { key: "dev-password", label: "Enter Development Password (usually Sitevision Cloud Password)", showRememberOption: Boolean(project.devProperties?.domain && project.devProperties?.username), onSubmit: handleDevPasswordSubmit, onCancel: () => setState('menu') }));
+        return (_jsx(PasswordInput, { label: "Enter Development Password (usually Sitevision Cloud Password)", showRememberOption: Boolean(project.devProperties?.domain && project.devProperties?.username), onSubmit: handleDevPasswordSubmit, onCancel: () => setState('menu') }, "dev-password"));
     }
     if (state === 'signing-password-input') {
-        return (React.createElement(PasswordInput, { key: "signing-password", label: "Enter Signing Password (developer.sitevision.se)", showRememberOption: Boolean(project.devProperties?.signingUsername), onSubmit: handleSigningPasswordSubmit, onCancel: () => setState('menu') }));
+        return (_jsx(PasswordInput, { label: "Enter Signing Password (developer.sitevision.se)", showRememberOption: Boolean(project.devProperties?.signingUsername), onSubmit: handleSigningPasswordSubmit, onCancel: () => setState('menu') }, "signing-password"));
     }
     if (state === 'dev') {
-        return (React.createElement(DevScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: getEffectiveDevProperties(), signed: currentCommand === 'dev-signed', onBack: () => setState('menu'), onRetryCredentials: () => {
+        return (_jsx(DevScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: getEffectiveDevProperties(), signed: currentCommand === 'dev-signed', onBack: () => setState('menu'), onRetryCredentials: () => {
                 setDevPassword('');
                 if (project.devProperties)
                     project.devProperties.password = undefined;
@@ -154,7 +158,8 @@ export default function App({ project }) {
                     setSigningPassword('');
                 }
                 setState('dev-password-input');
-            }, signingCredentials: currentCommand === 'dev-signed' && project.devProperties?.signingUsername
+            }, signingCredentials: currentCommand === 'dev-signed' &&
+                project.devProperties?.signingUsername
                 ? {
                     username: project.devProperties.signingUsername,
                     password: signingPassword,
@@ -163,16 +168,16 @@ export default function App({ project }) {
                 : undefined }));
     }
     if (state === 'build') {
-        return (React.createElement(BuildScreen, { projectRoot: project.root, manifest: project.manifest, createZip: true, onBack: () => setState('menu') }));
+        return (_jsx(BuildScreen, { projectRoot: project.root, manifest: project.manifest, createZip: true, onBack: () => setState('menu') }));
     }
     if (state === 'sign') {
-        return (React.createElement(SignScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: project.devProperties, password: signingPassword, onBack: () => setState('menu'), onRetryCredentials: () => {
+        return (_jsx(SignScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: project.devProperties, password: signingPassword, onBack: () => setState('menu'), onRetryCredentials: () => {
                 setSigningPassword('');
                 setState('signing-password-input');
             } }));
     }
     if (state === 'deploy') {
-        return (React.createElement(DeployScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: getEffectiveDevProperties(), force: currentCommand === 'deploy-force', production: currentCommand === 'deploy-production', activate: currentCommand === 'deploy-production', onBack: () => setState('menu'), onRetryCredentials: () => {
+        return (_jsx(DeployScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: getEffectiveDevProperties(), force: currentCommand === 'deploy-force', production: currentCommand === 'deploy-production', activate: currentCommand === 'deploy-production', onBack: () => setState('menu'), onRetryCredentials: () => {
                 setDevPassword('');
                 if (project.devProperties)
                     project.devProperties.password = undefined;
@@ -180,7 +185,7 @@ export default function App({ project }) {
             } }));
     }
     if (state === 'setup-signing') {
-        return (React.createElement(SigningPropertiesForm, { projectRoot: project.root, onComplete: () => {
+        return (_jsx(SigningPropertiesForm, { projectRoot: project.root, onComplete: () => {
                 // We can't easily update project info here without full reload,
                 // but since we are just returning to menu, it's fine.
                 // The user might need to restart CLI or we implement a reload mechanism.

package/dist/cli.js

@@ -1,14 +1,17 @@
 #!/usr/bin/env node
-import React from 'react';
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { render } from 'ink';
 import { Text, Box } from 'ink';
 import meow from 'meow';
 import { readFileSync } from 'node:fs';
 import App from './app.js';
 import { getCommand } from './commands/index.js';
-import { requireProject, migrateLegacyPassword } from './utils/project-detection.js';
+import { requireProject, migrateLegacyPassword, } from './utils/project-detection.js';
 import { promptYesNo } from './utils/password-prompt.js';
 import { checkForUpdate } from './utils/version-check.js';
+import { isFirstRun, markFirstRunComplete, getLastSeenVersion, setLastSeenVersion, } from './utils/config.js';
+import { WelcomeScreen } from './components/WelcomeScreen.js';
+import { printBranding } from './utils/branding.js';
 const pkg = JSON.parse(readFileSync(new URL('../package.json', import.meta.url), 'utf8'));
 const cli = meow(`
 	Usage
@@ -42,12 +45,12 @@ const cli = meow(`
         },
         force: {
             type: 'boolean',
-            alias: 'f',
+            shortFlag: 'f',
             default: false,
         },
         production: {
             type: 'boolean',
-            alias: 'p',
+            shortFlag: 'p',
             default: false,
         },
     },
@@ -82,11 +85,31 @@ function printMasthead(version) {
     console.log(`${CYAN}╰${border}╯${RESET}`);
 }
 async function main() {
-    // Show the masthead on startup, and check npm for a newer release.
-    printMasthead(pkg.version);
-    const latestVersion = await checkForUpdate(pkg.name, pkg.version);
-    if (latestVersion) {
-        console.log(`\x1b[33m  ↑ update available: ${pkg.version} → ${latestVersion}  (run: npm i -g ${pkg.name})\x1b[0m`);
+    // On the very first run we show a dedicated welcome screen instead of the
+    // masthead, so the branding is the moment. Only when stdin is a TTY — the
+    // welcome is interactive and would hang in CI / piped input.
+    const firstRun = isFirstRun() && Boolean(process.stdin.isTTY);
+    // On a version bump (but not the very first run) show a "what's new" banner
+    // with the logo. `lastSeen` is undefined for fresh installs and for users
+    // who predate version tracking — in both cases we record the version
+    // silently rather than claiming an update happened.
+    const lastSeen = getLastSeenVersion();
+    const isUpdate = !firstRun && lastSeen !== undefined && lastSeen !== pkg.version;
+    if (!firstRun) {
+        if (isUpdate) {
+            printBranding();
+            console.log(`\x1b[32m\n  ✨ Updated to v${pkg.version}\x1b[0m \x1b[2m(from v${lastSeen})\x1b[0m\n`);
+        }
+        else {
+            printMasthead(pkg.version);
+        }
+        // Record the current version so the banner shows once per upgrade.
+        setLastSeenVersion(pkg.version);
+        // Check npm for a newer published release.
+        const latestVersion = await checkForUpdate(pkg.name, pkg.version);
+        if (latestVersion) {
+            console.log(`\x1b[33m  ↑ update available: ${pkg.version} → ${latestVersion}  (run: npm i -g ${pkg.name})\x1b[0m`);
+        }
     }
     // Check if we're in a Sitevision project
     const project = (() => {
@@ -94,30 +117,31 @@ async function main() {
             return requireProject();
         }
         catch (error) {
-            render(React.createElement(Box, { flexDirection: "column", padding: 1 },
-                React.createElement(Text, { color: "red" },
-                    "Error: ",
-                    error.message),
-                React.createElement(Text, { dimColor: true }, "Make sure you're in a Sitevision project directory")));
+            render(_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Text, { color: "red", children: ["Error: ", error.message] }), _jsx(Text, { dimColor: true, children: "Make sure you're in a Sitevision project directory" })] }));
             process.exit(1);
         }
     })();
+    // First run: show the welcome (branding + optional signing-password save),
+    // then continue to the normal flow once the user dismisses it.
+    if (firstRun) {
+        await new Promise(resolve => {
+            const app = render(_jsx(WelcomeScreen, { project: project, onComplete: () => {
+                    markFirstRunComplete();
+                    setLastSeenVersion(pkg.version);
+                    app.unmount();
+                } }));
+            app.waitUntilExit().then(() => resolve(), () => resolve());
+        });
+    }
     // If no command, show interactive menu
     if (!commandName) {
-        render(React.createElement(App, { project: project }));
+        render(_jsx(App, { project: project }));
         return;
     }
     // Get the command
     const command = getCommand(commandName);
     if (!command) {
-        render(React.createElement(Box, { flexDirection: "column", padding: 1 },
-            React.createElement(Text, { color: "red" },
-                "Unknown command: ",
-                commandName),
-            React.createElement(Text, null,
-                "Run ",
-                React.createElement(Text, { bold: true }, "svc --help"),
-                " to see available commands")));
+        render(_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Text, { color: "red", children: ["Unknown command: ", commandName] }), _jsxs(Text, { children: ["Run ", _jsx(Text, { bold: true, children: "svc --help" }), " to see available commands"] })] }));
         process.exit(1);
     }
     // Offer to migrate a legacy plaintext password into the OS keychain.
@@ -143,7 +167,7 @@ async function main() {
         args,
     });
 }
-main().catch((error) => {
+main().catch(error => {
     console.error('Fatal error:', error);
     process.exit(1);
 });

package/dist/commands/build.d.ts

@@ -7,6 +7,6 @@ interface BuildScreenProps {
     createZip?: boolean;
     onBack?: () => void;
 }
-export declare function BuildScreen({ projectRoot, manifest, createZip, onBack }: BuildScreenProps): React.JSX.Element;
+export declare function BuildScreen({ projectRoot, manifest, createZip, onBack, }: BuildScreenProps): React.JSX.Element;
 export declare const buildCommand: Command;
 export {};

package/dist/commands/build.js

@@ -1,16 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { render, Box, Text, useInput } from 'ink';
 import { StatusIndicator } from '../components/StatusIndicator.js';
 import { WebpackRunner } from '../utils/webpack-runner.js';
 import { copyStaticToBuild, copySrcToBuild, cleanBuild, formatFileSize, createBuildZip, getZipSize, } from '../utils/zip.js';
 import { isBundledApp, getAppType, getFullAppId, } from '../utils/project-detection.js';
-export function BuildScreen({ projectRoot, manifest, createZip = true, onBack }) {
+export function BuildScreen({ projectRoot, manifest, createZip = true, onBack, }) {
     const [state, setState] = React.useState({
         status: 'cleaning',
         message: 'Cleaning build directory...',
     });
     useInput((input, key) => {
-        if (onBack && (key.escape || input === 'q') && (state.status === 'success' || state.status === 'error')) {
+        if (onBack &&
+            (key.escape || input === 'q') &&
+            (state.status === 'success' || state.status === 'error')) {
             onBack();
         }
     });
@@ -119,35 +122,8 @@ export function BuildScreen({ projectRoot, manifest, createZip = true, onBack })
                 return 'Build failed';
         }
     };
-    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(StatusIndicator, { status: getStatusIndicator(), label: getStatusLabel(), message: state.message })),
-        state.status === 'success' && state.result?.stats && (React.createElement(Box, { flexDirection: "column", marginLeft: 2 },
-            React.createElement(Text, { dimColor: true },
-                "Compiled in ",
-                state.result.stats.time,
-                "ms"),
-            state.result.stats.assets && state.result.stats.assets.length > 0 && (React.createElement(Text, { dimColor: true },
-                "Assets: ",
-                state.result.stats.assets.join(', '))))),
-        state.status === 'success' && state.zipPath && (React.createElement(Box, { flexDirection: "column", marginLeft: 2, marginTop: 1 },
-            React.createElement(Text, { color: "green" },
-                "\u2713 Created: ",
-                state.zipPath),
-            state.zipSize !== undefined && (React.createElement(Text, { dimColor: true },
-                "  Size: ",
-                formatFileSize(state.zipSize))))),
-        state.result?.warnings && state.result.warnings.length > 0 && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-            React.createElement(Text, { color: "yellow" }, "Warnings:"),
-            state.result.warnings.slice(0, 5).map((warning, i) => (React.createElement(Text, { key: i, color: "yellow", dimColor: true }, warning.substring(0, 200)))),
-            state.result.warnings.length > 5 && (React.createElement(Text, { color: "yellow", dimColor: true },
-                "...and ",
-                state.result.warnings.length - 5,
-                " more")))),
-        state.status === 'error' && state.error && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-            React.createElement(Text, { color: "red" }, state.error))),
-        onBack && (state.status === 'success' || state.status === 'error') && (React.createElement(Box, { marginTop: 1 },
-            React.createElement(Text, { dimColor: true }, "Press q or Esc to return to menu")))));
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(StatusIndicator, { status: getStatusIndicator(), label: getStatusLabel(), message: state.message }) }), state.status === 'success' && state.result?.stats && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Text, { dimColor: true, children: ["Compiled in ", state.result.stats.time, "ms"] }), state.result.stats.assets &&
+                        state.result.stats.assets.length > 0 && (_jsxs(Text, { dimColor: true, children: ["Assets: ", state.result.stats.assets.join(', ')] }))] })), state.status === 'success' && state.zipPath && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, marginTop: 1, children: [_jsxs(Text, { color: "green", children: ["\u2713 Created: ", state.zipPath] }), state.zipSize !== undefined && (_jsxs(Text, { dimColor: true, children: [" Size: ", formatFileSize(state.zipSize)] }))] })), state.result?.warnings && state.result.warnings.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: "yellow", children: "Warnings:" }), state.result.warnings.slice(0, 5).map((warning, i) => (_jsx(Text, { color: "yellow", dimColor: true, children: warning.substring(0, 200) }, i))), state.result.warnings.length > 5 && (_jsxs(Text, { color: "yellow", dimColor: true, children: ["...and ", state.result.warnings.length - 5, " more"] }))] })), state.status === 'error' && state.error && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsx(Text, { color: "red", children: state.error }) })), onBack && (state.status === 'success' || state.status === 'error') && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press q or Esc to return to menu" }) }))] }));
 }
 export const buildCommand = {
     name: 'build',
@@ -162,7 +138,7 @@ export const buildCommand = {
     },
     async execute({ project, flags }) {
         const createZip = !flags['no-zip'];
-        const { waitUntilExit } = render(React.createElement(BuildScreen, { projectRoot: project.root, manifest: project.manifest, createZip: createZip }));
+        const { waitUntilExit } = render(_jsx(BuildScreen, { projectRoot: project.root, manifest: project.manifest, createZip: createZip }));
         await waitUntilExit();
     },
 };

package/dist/commands/deploy.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { render, Box, Text, useInput } from 'ink';
 import { StatusIndicator } from '../components/StatusIndicator.js';
@@ -99,24 +100,20 @@ export function DeployScreen({ projectRoot, manifest, devProperties, force, prod
             }
         }
         runDeploy();
-    }, [projectRoot, manifest, devProperties, force, production, activate, signingPassword]);
-    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(StatusIndicator, { status: state.status === 'deploying' ? 'running' : state.status, label: state.status === 'deploying' ? 'Deploying' : state.status === 'success' ? 'Deployed' : 'Failed', message: state.message })),
-        state.status === 'success' && (React.createElement(Box, { flexDirection: "column", marginLeft: 2 },
-            React.createElement(Text, { color: "green" },
-                production ? 'Production deployment' : 'Dev deployment',
-                " complete"),
-            state.executableId && (React.createElement(Text, { dimColor: true },
-                "Executable ID: ",
-                state.executableId)),
-            force && React.createElement(Text, { dimColor: true }, "(Force mode - overwrote existing)"),
-            activate && production && React.createElement(Text, { dimColor: true }, "(Activated)"))),
-        state.status === 'error' && state.error && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-            React.createElement(Text, { color: "red" }, state.error))),
-        state.status !== 'deploying' && (React.createElement(Box, { marginTop: 1, flexDirection: "column" },
-            state.status === 'error' && onRetryCredentials && (React.createElement(Text, { dimColor: true }, "Press r to retry with new credentials")),
-            onBack && (React.createElement(Text, { dimColor: true }, "Press q or Esc to return to menu"))))));
+    }, [
+        projectRoot,
+        manifest,
+        devProperties,
+        force,
+        production,
+        activate,
+        signingPassword,
+    ]);
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(StatusIndicator, { status: state.status === 'deploying' ? 'running' : state.status, label: state.status === 'deploying'
+                        ? 'Deploying'
+                        : state.status === 'success'
+                            ? 'Deployed'
+                            : 'Failed', message: state.message }) }), state.status === 'success' && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Text, { color: "green", children: [production ? 'Production deployment' : 'Dev deployment', " complete"] }), state.executableId && (_jsxs(Text, { dimColor: true, children: ["Executable ID: ", state.executableId] })), force && _jsx(Text, { dimColor: true, children: "(Force mode - overwrote existing)" }), activate && production && _jsx(Text, { dimColor: true, children: "(Activated)" })] })), state.status === 'error' && state.error && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsx(Text, { color: "red", children: state.error }) })), state.status !== 'deploying' && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [state.status === 'error' && onRetryCredentials && (_jsx(Text, { dimColor: true, children: "Press r to retry with new credentials" })), onBack && _jsx(Text, { dimColor: true, children: "Press q or Esc to return to menu" })] }))] }));
 }
 export const deployCommand = {
     name: 'deploy',
@@ -169,11 +166,13 @@ export const deployCommand = {
         const activate = Boolean(flags['activate']);
         // For production, we need the signed zip, which requires signing credentials
         let signingPassword;
-        if (production && project.hasSigningProperties && project.devProperties.signingUsername) {
+        if (production &&
+            project.hasSigningProperties &&
+            project.devProperties.signingUsername) {
             // We already have a signed zip, no need to prompt for password here
             // The sign command should have been run separately
         }
-        const { waitUntilExit } = render(React.createElement(DeployScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: project.devProperties, force: force, production: production, activate: activate, signingPassword: signingPassword }));
+        const { waitUntilExit } = render(_jsx(DeployScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: project.devProperties, force: force, production: production, activate: activate, signingPassword: signingPassword }));
         await waitUntilExit();
     },
 };

package/dist/commands/dev.js

@@ -1,11 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { render, Box, Text, useApp, useInput } from 'ink';
 import { StatusIndicator } from '../components/StatusIndicator.js';
 import { WebpackRunner } from '../utils/webpack-runner.js';
 import { promptPassword, promptYesNo } from '../utils/password-prompt.js';
 import { signApp, deployApp } from '../utils/sitevision-api.js';
-import { getSigningPassword, setSigningPassword, setDeployPassword } from '../utils/keychain.js';
-import { copyStaticToBuild, createBuildZip, cleanBuild, } from '../utils/zip.js';
+import { getSigningPassword, setSigningPassword, setDeployPassword, } from '../utils/keychain.js';
+import { copyStaticToBuild, createBuildZip, cleanBuild } from '../utils/zip.js';
 import { isBundledApp, getAppType, getFullAppId, getZipPath, getSignedZipPath, } from '../utils/project-detection.js';
 export function DevScreen({ projectRoot, manifest, devProperties, signed, signingCredentials, onBack, onRetryCredentials, }) {
     const { exit } = useApp();
@@ -218,33 +219,9 @@ export function DevScreen({ projectRoot, manifest, devProperties, signed, signin
                 return 'Error';
         }
     };
-    return (React.createElement(Box, { flexDirection: "column", padding: 1 },
-        React.createElement(Box, { marginBottom: 1 },
-            React.createElement(StatusIndicator, { status: getStatusType(), label: getStatusLabel(), message: state.message })),
-        state.buildCount > 0 && (React.createElement(Box, { marginLeft: 2, marginBottom: 1 },
-            React.createElement(Text, { dimColor: true },
-                "Builds: ",
-                state.buildCount,
-                state.lastBuildTime ? ` | Last build: ${state.lastBuildTime}ms` : '',
-                signed ? ' | Signed mode' : ''))),
-        React.createElement(Box, { marginLeft: 2, marginBottom: 1 },
-            React.createElement(Text, { dimColor: true },
-                manifest.name,
-                " v",
-                manifest.version)),
-        devProperties && (React.createElement(Box, { marginLeft: 2, marginBottom: 1 },
-            React.createElement(Text, { dimColor: true },
-                "Target: ",
-                devProperties.domain,
-                "/",
-                devProperties.siteName,
-                "/",
-                devProperties.addonName))),
-        state.status === 'error' && state.error && (React.createElement(Box, { flexDirection: "column", marginTop: 1 },
-            React.createElement(Text, { color: "red" }, state.error))),
-        React.createElement(Box, { marginTop: 1, flexDirection: "column" },
-            state.status === 'error' && onRetryCredentials && (React.createElement(Text, { dimColor: true }, "Press r to retry with new credentials")),
-            onBack ? (React.createElement(Text, { dimColor: true }, "Press q or Esc to return to menu (Ctrl+C to stop process)")) : (React.createElement(Text, { dimColor: true }, "Press Ctrl+C to stop")))));
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(StatusIndicator, { status: getStatusType(), label: getStatusLabel(), message: state.message }) }), state.buildCount > 0 && (_jsx(Box, { marginLeft: 2, marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: ["Builds: ", state.buildCount, state.lastBuildTime
+                            ? ` | Last build: ${state.lastBuildTime}ms`
+                            : '', signed ? ' | Signed mode' : ''] }) })), _jsx(Box, { marginLeft: 2, marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: [manifest.name, " v", manifest.version] }) }), devProperties && (_jsx(Box, { marginLeft: 2, marginBottom: 1, children: _jsxs(Text, { dimColor: true, children: ["Target: ", devProperties.domain, "/", devProperties.siteName, "/", devProperties.addonName] }) })), state.status === 'error' && state.error && (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsx(Text, { color: "red", children: state.error }) })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [state.status === 'error' && onRetryCredentials && (_jsx(Text, { dimColor: true, children: "Press r to retry with new credentials" })), onBack ? (_jsx(Text, { dimColor: true, children: "Press q or Esc to return to menu (Ctrl+C to stop process)" })) : (_jsx(Text, { dimColor: true, children: "Press Ctrl+C to stop" }))] })] }));
 }
 export const devCommand = {
     name: 'dev',
@@ -284,13 +261,16 @@ export const devCommand = {
         let signingCredentials;
         // If signed mode, resolve signing password (keychain → env → prompt)
         if (signed) {
-            if (!project.hasSigningProperties || !project.devProperties.signingUsername) {
+            if (!project.hasSigningProperties ||
+                !project.devProperties.signingUsername) {
                 console.log('\n\x1b[33mSigning credentials not configured.\x1b[0m');
                 console.log('Run \x1b[36msetup-signing\x1b[0m to configure credentials.\n');
                 return;
             }
             const signingUsername = project.devProperties.signingUsername;
-            let password = getSigningPassword(signingUsername) || process.env['SITEVISION_SIGNING_PASSWORD'] || '';
+            let password = getSigningPassword(signingUsername) ||
+                process.env['SITEVISION_SIGNING_PASSWORD'] ||
+                '';
             let promptedManually = false;
             if (!password) {
                 console.log('');
@@ -313,7 +293,7 @@ export const devCommand = {
                 certificateName: project.devProperties.certificateName,
             };
         }
-        const { waitUntilExit } = render(React.createElement(DevScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: project.devProperties, signed: signed, signingCredentials: signingCredentials }));
+        const { waitUntilExit } = render(_jsx(DevScreen, { projectRoot: project.root, manifest: project.manifest, devProperties: project.devProperties, signed: signed, signingCredentials: signingCredentials }));
         await waitUntilExit();
     },
 };

package/dist/commands/index.js

@@ -13,7 +13,7 @@ export const commands = [
     setupSigningCommand,
 ];
 export function getCommand(name) {
-    return commands.find((cmd) => cmd.name === name);
+    return commands.find(cmd => cmd.name === name);
 }
 export function getAllCommands() {
     return commands;

package/dist/commands/info.js

@@ -1,66 +1,16 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { render } from 'ink';
 import { Box, Text } from 'ink';
 import { getAppType } from '../utils/project-detection.js';
 function InfoScreen({ project }) {
     const appType = getAppType(project.manifest);
-    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",
-                ' ',
-                React.createElement(Text, { bold: true }, "setup-dev-properties"),
-                " to configure."))),
-        React.createElement(Box, { marginTop: 1 },
-            React.createElement(Text, { bold: true }, "Project Root: "),
-            React.createElement(Text, { dimColor: true }, project.root))));
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Sitevision Project Information" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Name: " }), _jsx(Text, { children: project.manifest.name })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "ID: " }), _jsx(Text, { children: project.manifest.id })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Version: " }), _jsx(Text, { children: project.manifest.version })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Type: " }), _jsx(Text, { color: "green", children: project.manifest.type }), _jsxs(Text, { dimColor: true, children: [" (", appType, ")"] })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Bundled: " }), _jsx(Text, { children: project.manifest.bundled ? 'Yes' : 'No' })] })] }), project.hasDevProperties && project.devProperties && (_jsxs(_Fragment, { children: [_jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Development Configuration" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Domain: " }), _jsx(Text, { children: project.devProperties.domain })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Site: " }), _jsx(Text, { children: project.devProperties.siteName })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Addon: " }), _jsx(Text, { children: project.devProperties.addonName })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Username: " }), _jsx(Text, { children: project.devProperties.username })] }), _jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Use HTTP: " }), _jsx(Text, { children: project.devProperties.useHTTPForDevDeploy ? 'Yes' : 'No' })] })] })] })), !project.hasDevProperties && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "yellow", children: ["\u26A0 No dev properties found. Run", ' ', _jsx(Text, { bold: true, children: "setup-dev-properties" }), " to configure."] }) })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Project Root: " }), _jsx(Text, { dimColor: true, children: project.root })] })] }));
 }
 export const infoCommand = {
     name: 'info',
     description: 'Show project information',
     requiresProject: true,
     async execute({ project }) {
-        render(React.createElement(InfoScreen, { project: project }));
+        render(_jsx(InfoScreen, { project: project }));
     },
 };

package/dist/commands/setup-signing.js

@@ -2,8 +2,8 @@ import fs from 'fs';
 import path from 'path';
 import readline from 'readline';
 function question(rl, prompt) {
-    return new Promise((resolve) => {
-        rl.question(prompt, (answer) => {
+    return new Promise(resolve => {
+        rl.question(prompt, answer => {
             resolve(answer);
         });
     });

package/dist/commands/sign.d.ts

@@ -9,6 +9,6 @@ interface SignScreenProps {
     onBack?: () => void;
     onRetryCredentials?: () => void;
 }
-export declare function SignScreen({ projectRoot, manifest, devProperties, password, onBack, onRetryCredentials }: SignScreenProps): React.JSX.Element;
+export declare function SignScreen({ projectRoot, manifest, devProperties, password, onBack, onRetryCredentials, }: SignScreenProps): React.JSX.Element;
 export declare const signCommand: Command;
 export {};