sitevision-cli 1.0.0-beta.2 → 1.0.0-beta.21

package/dist/components/AuthLoginScreen.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text, useInput } from 'ink';
+import Spinner from 'ink-spinner';
+import { t } from '../utils/i18n.js';
+import { beginOAuth2Login, openBrowser } from '../utils/oauth2-auth.js';
+import { beginCookieLogin, } from '../utils/session-cookie-auth.js';
+/**
+ * Ink-native interactive login for OAuth2 and session-cookie auth. Drives the
+ * browser and (for cookie) the "press Enter to capture" handoff through Ink's
+ * own input, so it works inside the TUI as well as the standalone command —
+ * neither needs to own raw stdin the way the old console prompt did.
+ */
+export function AuthLoginScreen({ method, devProperties, onComplete, onError, onCancel, }) {
+    const [phase, setPhase] = React.useState('starting');
+    const [authUrl, setAuthUrl] = React.useState('');
+    const [note, setNote] = React.useState('');
+    const [loginUrl, setLoginUrl] = React.useState('');
+    const cookieRef = React.useRef(null);
+    const cancelOAuthRef = React.useRef(null);
+    React.useEffect(() => {
+        void (async () => {
+            if (method === 'oauth2') {
+                const session = beginOAuth2Login(devProperties);
+                if (!session) {
+                    onError('OAuth2 is not fully configured (authorization/token endpoint or client ID missing).');
+                    return;
+                }
+                cancelOAuthRef.current = session.cancel;
+                setAuthUrl(session.authUrl);
+                openBrowser(session.authUrl);
+                setPhase('awaiting');
+                const { token, error } = await session.complete();
+                cancelOAuthRef.current = null;
+                if (token) {
+                    onComplete({ accessToken: token });
+                }
+                else {
+                    onError(error ?? 'OAuth2 login failed.');
+                }
+            }
+            else {
+                const session = await beginCookieLogin(devProperties);
+                if (!session) {
+                    onError('Could not open a login browser (is Chrome installed?). Set SITEVISION_SESSION_COOKIE or pass --cookie with a cookie copied from your browser.');
+                    return;
+                }
+                cookieRef.current = session;
+                setLoginUrl(session.loginUrl);
+                setPhase('awaiting');
+            }
+        })();
+        // Release resources if the screen unmounts before completing: close the
+        // browser (cookie) and the loopback server (oauth2, frees the port).
+        return () => {
+            void cookieRef.current?.close();
+            cookieRef.current = null;
+            cancelOAuthRef.current?.();
+            cancelOAuthRef.current = null;
+        };
+        // Run once: the parent mounts this fresh when a login is needed.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useInput((_input, key) => {
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (method === 'cookie' && phase === 'awaiting' && key.return) {
+            const session = cookieRef.current;
+            if (!session)
+                return;
+            setPhase('capturing');
+            void (async () => {
+                const result = await session.capture();
+                if (result.cookie) {
+                    cookieRef.current = null;
+                    await session.close();
+                    onComplete({ sessionCookie: result.cookie });
+                }
+                else {
+                    // Keep the browser open so the user can navigate and retry.
+                    setNote(result.error ?? 'No session cookie found.');
+                    setPhase('awaiting');
+                }
+            })();
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: method === 'oauth2' ? t('OAuth2 login') : t('Session cookie login') }) }), method === 'oauth2' ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "green", children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { children: [" ", t('Waiting for you to finish login in the browser…')] })] }), authUrl && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: t("If the browser didn't open, visit:") }), _jsx(Text, { children: authUrl })] }))] })) : (_jsxs(Box, { flexDirection: "column", children: [phase === 'starting' && (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { children: [" ", t('Opening browser…')] })] })), phase === 'awaiting' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: t('A Chrome window is open at:') }), _jsx(Text, { color: "cyan", children: loginUrl }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { children: t('1. Log in to the site there, single sign-on included.') }), _jsx(Text, { children: t('2. Wait until the site itself has finished loading.') }), _jsx(Text, { children: t('3. Come back here and press Enter.') })] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: t('Leave the browser window open; it closes once the session is captured.') }) })] })), phase === 'capturing' && (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { children: [" ", t('Capturing session…')] })] })), note && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "yellow", children: note }) }))] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: t('Press Esc to cancel.') }) })] }));
+}

package/dist/components/DevPropertiesForm.d.ts

@@ -3,8 +3,9 @@ interface Props {
     projectRoot: string;
     initialProperties?: DevProperties;
     packageJson: PackageJson;
+    authOnly?: boolean;
     onComplete: () => void;
     onCancel: () => void;
 }
-export declare function DevPropertiesForm({ projectRoot, initialProperties, packageJson, onComplete, onCancel, }: Props): import("react").JSX.Element;
+export declare function DevPropertiesForm({ projectRoot, initialProperties, packageJson, authOnly, onComplete, onCancel, }: Props): import("react").JSX.Element;
 export {};

package/dist/components/DevPropertiesForm.js

@@ -1,67 +1,232 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { Box, Text, useInput } from 'ink';
 import { TextInput } from './TextInput.js';
 import { writeDevProperties } from '../utils/project-detection.js';
-import { setDeployPassword, deleteDeployPassword } from '../utils/keychain.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' },
+import { setDeployPassword, deleteDeployPassword, setOAuth2ClientSecret, } from '../utils/keychain.js';
+import { DEFAULT_REDIRECT_PORT, discoverOAuth2Config, } from '../utils/oauth2-auth.js';
+const LABELS = {
+    domain: 'Domain',
+    siteName: 'Site Name',
+    addonName: 'Addon Name',
+    username: 'Username',
+    authMethod: 'Auth Method',
+    password: 'Password',
+    oauthClientId: 'Client ID',
+    oauthAuthEndpoint: 'Authorization Endpoint',
+    oauthTokenEndpoint: 'Token Endpoint',
+    oauthScopes: 'Scopes',
+    oauthClientSecret: 'Client Secret',
+    sessionLoginUrl: 'Login URL',
+    useHTTP: 'Use HTTP',
+};
+const AUTH_METHODS = [
+    { value: 'basic', label: 'Basic auth (username + password)' },
+    { value: 'oauth2', label: 'OAuth2 bearer token (PKCE)' },
+    { value: 'cookie', label: 'Session cookie (SAML / SSO login)' },
 ];
-export function DevPropertiesForm({ projectRoot, initialProperties, packageJson, onComplete, onCancel, }) {
+function parseScopes(raw) {
+    const scopes = raw
+        .split(/[\s,]+/)
+        .map(s => s.trim())
+        .filter(Boolean);
+    return scopes.length > 0 ? scopes : undefined;
+}
+export function DevPropertiesForm({ projectRoot, initialProperties, packageJson, authOnly, onComplete, onCancel, }) {
     const [stepIndex, setStepIndex] = useState(0);
     const [properties, setProperties] = useState(() => {
         const defaults = {
             domain: packageJson.developmentDomain || '',
             addonName: packageJson.addonName || '',
             siteName: packageJson.siteName || '',
+            authMethod: 'basic',
         };
         return { ...defaults, ...initialProperties };
     });
-    const currentStep = STEPS[stepIndex];
-    const handleNext = (key, value) => {
-        const newProperties = { ...properties, [key]: value };
-        setProperties(newProperties);
-        if (stepIndex < STEPS.length - 1) {
+    const [oauth, setOauth] = useState(() => ({
+        authorizationEndpoint: initialProperties?.oauth2?.authorizationEndpoint ?? '',
+        tokenEndpoint: initialProperties?.oauth2?.tokenEndpoint ?? '',
+        clientId: initialProperties?.oauth2?.clientId ?? '',
+        scopes: initialProperties?.oauth2?.scopes?.join(' ') ?? '',
+        clientSecret: '',
+    }));
+    const [discoveryNote, setDiscoveryNote] = useState('');
+    const method = properties.authMethod ?? 'basic';
+    const isOAuth = method === 'oauth2';
+    // When OAuth2 is chosen, auto-fill the endpoints from the site's OpenID
+    // configuration (unauthenticated) so the user doesn't type them in.
+    useEffect(() => {
+        if (method !== 'oauth2' || !properties.domain)
+            return;
+        if (oauth.authorizationEndpoint && oauth.tokenEndpoint)
+            return;
+        let cancelled = false;
+        setDiscoveryNote('Looking up OAuth2 endpoints…');
+        void discoverOAuth2Config(properties.domain, properties.useHTTPForDevDeploy).then(discovered => {
+            if (cancelled)
+                return;
+            if (discovered) {
+                // Endpoints only — do NOT pre-fill scopes. `scopes_supported` is the
+                // provider's list, not what this client is granted (and casing may
+                // differ, e.g. advertised `all` vs client `ALL`), so requesting them
+                // causes `invalid_scope`. Empty scopes → the client's default scopes.
+                setOauth(previous => ({
+                    ...previous,
+                    authorizationEndpoint: previous.authorizationEndpoint || discovered.authorizationEndpoint,
+                    tokenEndpoint: previous.tokenEndpoint || discovered.tokenEndpoint,
+                }));
+                setDiscoveryNote('Endpoints auto-filled from the site OpenID config.');
+            }
+            else {
+                setDiscoveryNote('Could not auto-discover endpoints — enter them below.');
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [method, properties.domain]);
+    const methodSteps = method === 'oauth2'
+        ? [
+            'oauthClientId',
+            'oauthAuthEndpoint',
+            'oauthTokenEndpoint',
+            'oauthScopes',
+            'oauthClientSecret',
+        ]
+        : method === 'cookie'
+            ? ['sessionLoginUrl']
+            : ['password'];
+    const steps = authOnly
+        ? ['authMethod', ...methodSteps]
+        : [
+            'domain',
+            'siteName',
+            'addonName',
+            'username',
+            'authMethod',
+            ...methodSteps,
+            'useHTTP',
+        ];
+    const currentStep = steps[stepIndex];
+    const redirectPort = initialProperties?.oauth2?.redirectPort ?? DEFAULT_REDIRECT_PORT;
+    const advance = () => {
+        if (stepIndex < steps.length - 1) {
             setStepIndex(stepIndex + 1);
         }
-        else {
-            const finalProperties = newProperties;
-            const { password, domain, username } = finalProperties;
-            if (password && domain && username) {
-                setDeployPassword(domain, username, password);
+    };
+    const finalize = (props, fields) => {
+        const authMethod = props.authMethod ?? 'basic';
+        const domain = props.domain ?? '';
+        const username = props.username ?? '';
+        const finalProps = {
+            domain,
+            siteName: props.siteName ?? '',
+            addonName: props.addonName ?? '',
+            username,
+            authMethod,
+            useHTTPForDevDeploy: props.useHTTPForDevDeploy ?? false,
+        };
+        if (authMethod === 'oauth2') {
+            finalProps.oauth2 = {
+                authorizationEndpoint: fields.authorizationEndpoint,
+                tokenEndpoint: fields.tokenEndpoint,
+                clientId: fields.clientId,
+                scopes: parseScopes(fields.scopes),
+                ...(initialProperties?.oauth2?.redirectPort && {
+                    redirectPort: initialProperties.oauth2.redirectPort,
+                }),
+            };
+            if (fields.clientSecret && domain && fields.clientId) {
+                setOAuth2ClientSecret(domain, fields.clientId, fields.clientSecret);
             }
-            else if (domain && username) {
-                // Empty password — clear any stale keychain entry so deploy falls through to prompt
-                deleteDeployPassword(domain, username);
+        }
+        else if (authMethod === 'cookie') {
+            if (props.sessionLoginUrl) {
+                finalProps.sessionLoginUrl = props.sessionLoginUrl;
             }
-            writeDevProperties(projectRoot, finalProperties);
-            onComplete();
+        }
+        else if (props.password && domain && username) {
+            setDeployPassword(domain, username, props.password);
+        }
+        else if (domain && username) {
+            // Empty password — clear any stale keychain entry so deploy prompts.
+            deleteDeployPassword(domain, username);
+        }
+        writeDevProperties(projectRoot, finalProps);
+        onComplete();
+    };
+    // Update a top-level DevProperties field, then advance or finalize.
+    const submitProperty = (key, value) => {
+        const next = { ...properties, [key]: value };
+        setProperties(next);
+        if (steps[stepIndex] === steps[steps.length - 1]) {
+            finalize(next, oauth);
+        }
+        else {
+            advance();
+        }
+    };
+    // Update an OAuth field, then advance or finalize.
+    const submitOAuth = (key, value) => {
+        const next = { ...oauth, [key]: value };
+        setOauth(next);
+        if (steps[stepIndex] === steps[steps.length - 1]) {
+            finalize(properties, next);
+        }
+        else {
+            advance();
         }
     };
     const renderInput = () => {
-        switch (currentStep?.id) {
+        switch (currentStep) {
             case 'domain':
-                return (_jsx(TextInput, { label: "Development Domain (e.g. www.sitevision.se)", defaultValue: properties.domain, placeholder: "sitevision.se", onSubmit: (value) => handleNext('domain', value), onCancel: onCancel }, "domain"));
+                return (_jsx(TextInput, { label: "Development Domain (e.g. www.sitevision.se)", defaultValue: properties.domain, placeholder: "sitevision.se", onSubmit: value => submitProperty('domain', value), onCancel: onCancel }, "domain"));
             case 'siteName':
-                return (_jsx(TextInput, { label: "Site Name (Root node name)", defaultValue: properties.siteName, onSubmit: (value) => handleNext('siteName', value), onCancel: onCancel }, "siteName"));
+                return (_jsx(TextInput, { label: "Site Name (Root node name)", defaultValue: properties.siteName, onSubmit: value => submitProperty('siteName', value), onCancel: onCancel }, "siteName"));
             case 'addonName':
-                return (_jsx(TextInput, { label: "Addon Name", defaultValue: properties.addonName, onSubmit: (value) => handleNext('addonName', value), onCancel: onCancel }, "addonName"));
+                return (_jsx(TextInput, { label: "Addon Name", defaultValue: properties.addonName, onSubmit: value => submitProperty('addonName', value), onCancel: onCancel }, "addonName"));
             case 'username':
-                return (_jsx(TextInput, { label: "Username (usually your Sitevision Cloud email)", defaultValue: properties.username, onSubmit: (value) => handleNext('username', value), onCancel: onCancel }, "username"));
+                return (_jsx(TextInput, { label: "Username (usually your Sitevision Cloud email)", defaultValue: properties.username, onSubmit: value => submitProperty('username', value), onCancel: onCancel }, "username"));
+            case 'authMethod':
+                return (_jsx(MethodSelect, { defaultValue: method, onSubmit: value => submitProperty('authMethod', value) }, "authMethod"));
             case 'password':
-                return (_jsx(TextInput, { label: "Password (saved in OS keychain \u2014 leave empty to prompt on each run)", type: "password", defaultValue: properties.password, onSubmit: (value) => handleNext('password', value), onCancel: onCancel }, "password"));
+                return (_jsx(TextInput, { label: "Password (saved in OS keychain \u2014 leave empty to prompt on each run)", type: "password", defaultValue: properties.password, onSubmit: value => submitProperty('password', value), onCancel: onCancel }, "password"));
+            case 'oauthClientId':
+                return (_jsx(TextInput, { label: "OAuth2 Client ID", defaultValue: oauth.clientId, onSubmit: value => submitOAuth('clientId', value), onCancel: onCancel }, "oauthClientId"));
+            case 'oauthAuthEndpoint':
+                return (_jsx(TextInput, { label: "Authorization Endpoint URL", defaultValue: oauth.authorizationEndpoint, onSubmit: value => submitOAuth('authorizationEndpoint', value), onCancel: onCancel }, "oauthAuthEndpoint"));
+            case 'oauthTokenEndpoint':
+                return (_jsx(TextInput, { label: "Token Endpoint URL", defaultValue: oauth.tokenEndpoint, onSubmit: value => submitOAuth('tokenEndpoint', value), onCancel: onCancel }, "oauthTokenEndpoint"));
+            case 'oauthScopes':
+                return (_jsx(TextInput, { label: "Scopes (space-separated \u2014 leave empty to use the client's default scopes; add offline_access, matching your client's casing, for a refresh token)", defaultValue: oauth.scopes, onSubmit: value => submitOAuth('scopes', value), onCancel: onCancel }, "oauthScopes"));
+            case 'oauthClientSecret':
+                return (_jsx(TextInput, { label: "Client Secret (OS keychain \u2014 required if your Sitevision client has a secret; leave empty only for a public client)", type: "password", defaultValue: oauth.clientSecret, onSubmit: value => submitOAuth('clientSecret', value), onCancel: onCancel }, "oauthClientSecret"));
+            case 'sessionLoginUrl':
+                return (_jsx(TextInput, { label: "Login URL (opened in a browser; blank = site root)", defaultValue: properties.sessionLoginUrl ??
+                        (properties.domain ? `https://${properties.domain}/` : ''), onSubmit: value => submitProperty('sessionLoginUrl', value), onCancel: onCancel }, "sessionLoginUrl"));
             case 'useHTTP':
-                return (_jsx(BooleanInput, { label: "Use HTTP for deployment? (y/n)", defaultValue: properties.useHTTPForDevDeploy ?? false, onSubmit: (value) => handleNext('useHTTPForDevDeploy', value) }, "useHTTP"));
+                return (_jsx(BooleanInput, { label: "Use HTTP for deployment? (y/n)", defaultValue: properties.useHTTPForDevDeploy ?? false, onSubmit: value => submitProperty('useHTTPForDevDeploy', value) }, "useHTTP"));
             default:
                 return null;
         }
     };
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Setup Development Properties" }), _jsxs(Text, { children: [' ', "Step ", stepIndex + 1, " of ", STEPS.length, ": ", currentStep?.label] })] }), _jsx(Box, { marginBottom: 1, children: STEPS.map((s, i) => (_jsx(Box, { marginRight: 1, children: _jsx(Text, { color: i === stepIndex ? 'green' : i < stepIndex ? 'green' : 'gray', children: i < stepIndex ? '✓' : i === stepIndex ? '●' : '○' }) }, s.id))) }), _jsx(Box, { borderStyle: "single", borderColor: "gray", padding: 1, children: renderInput() })] }));
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "Setup Development Properties" }), _jsxs(Text, { children: [' ', "Step ", stepIndex + 1, " of ", steps.length, ":", ' ', currentStep ? LABELS[currentStep] : ''] })] }), isOAuth && (_jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: ["Whitelist this redirect URI on the OAuth2 client: http://127.0.0.1:", redirectPort, "/callback"] }), discoveryNote && _jsx(Text, { color: "yellow", children: discoveryNote })] })), _jsx(Box, { marginBottom: 1, children: steps.map((s, i) => (_jsx(Box, { marginRight: 1, children: _jsx(Text, { color: i <= stepIndex ? 'green' : 'gray', children: i < stepIndex ? '✓' : i === stepIndex ? '●' : '○' }) }, s))) }), _jsx(Box, { borderStyle: "single", borderColor: "gray", padding: 1, children: renderInput() })] }));
+}
+function MethodSelect({ defaultValue, onSubmit, }) {
+    const [index, setIndex] = useState(() => Math.max(0, AUTH_METHODS.findIndex(m => m.value === defaultValue)));
+    useInput((_input, key) => {
+        if (key.upArrow) {
+            setIndex(p => (p === 0 ? AUTH_METHODS.length - 1 : p - 1));
+        }
+        else if (key.downArrow) {
+            setIndex(p => (p === AUTH_METHODS.length - 1 ? 0 : p + 1));
+        }
+        else if (key.return) {
+            onSubmit(AUTH_METHODS[index].value);
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Authentication method" }) }), AUTH_METHODS.map((m, i) => (_jsxs(Text, { color: i === index ? 'green' : undefined, children: [i === index ? '❯ ' : '  ', m.label] }, m.value))), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/\u2193 to move, Enter to select" }) })] }));
 }
 function BooleanInput({ label, defaultValue, onSubmit, }) {
     useInput(input => {

package/dist/components/InfoScreen.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Box, Text, useInput } from 'ink';
-import { getAppType } from '../utils/project-detection.js';
+import { getAppType, localizedText, } from '../utils/project-detection.js';
 import { checkSitevisionScriptsCompatibility } from '../utils/sitevision-scripts-runner.js';
 export function InfoScreen({ project, onBack }) {
     const appType = getAppType(project.manifest);
@@ -10,5 +10,5 @@ export function InfoScreen({ project, onBack }) {
             onBack();
         }
     });
-    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' })] })] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Build Tooling" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "sitevision-scripts: " }), _jsx(Text, { children: scriptsCompat.installed ?? 'not installed' }), _jsxs(Text, { dimColor: true, children: [" (supported ", scriptsCompat.supportedRange, ")"] })] }), scriptsCompat.warning && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "yellow", children: ["\u26A0 ", scriptsCompat.warning] }) }))] }), 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: _jsx(Text, { color: "yellow", children: "\u26A0 No dev properties found. Run setup-dev-properties to configure." }) })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Project Root: " }), _jsx(Text, { dimColor: true, children: project.root })] }), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "Press Enter or ESC to return to menu" }) })] }));
+    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: localizedText(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' })] })] }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Build Tooling" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "sitevision-scripts: " }), _jsx(Text, { children: scriptsCompat.installed ?? 'not installed' }), _jsxs(Text, { dimColor: true, children: [" (supported ", scriptsCompat.supportedRange, ")"] })] }), scriptsCompat.warning && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "yellow", children: ["\u26A0 ", scriptsCompat.warning] }) }))] }), 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: _jsx(Text, { color: "yellow", children: "\u26A0 No dev properties found. Run setup-dev-properties to configure." }) })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Project Root: " }), _jsx(Text, { dimColor: true, children: project.root })] }), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "Press Enter or ESC to return to menu" }) })] }));
 }

package/dist/components/MainMenu.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Box, Text, useInput } from 'ink';
-import { getAppType } from '../utils/project-detection.js';
+import { getAppType, localizedText } from '../utils/project-detection.js';
 export function MainMenu({ project, onSelect }) {
     const appType = getAppType(project.manifest);
     const [selectedIndex, setSelectedIndex] = useState(0);
@@ -51,6 +51,11 @@ export function MainMenu({ project, onSelect }) {
             value: 'deploy-production',
             description: 'Deploy to production server',
         },
+        {
+            label: '🔑 Auth Method',
+            value: 'change-auth',
+            description: 'Change the deploy authentication method',
+        },
         {
             label: 'ℹ️  Info',
             value: 'info',
@@ -79,5 +84,5 @@ export function MainMenu({ project, onSelect }) {
             onSelect(selectedItem.value);
         }
     });
-    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, marginBottom: 1, 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, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Development Configuration" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1, 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.hasSigningProperties && project.devProperties && (_jsxs(_Fragment, { children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Signing Configuration" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Signing User: " }), _jsx(Text, { children: project.devProperties.signingUsername })] }), project.devProperties.certificateName && (_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Certificate: " }), _jsx(Text, { children: project.devProperties.certificateName })] }))] })] })), !project.hasDevProperties && (_jsx(Box, { marginBottom: 1, paddingX: 1, borderStyle: "round", borderColor: "yellow", children: _jsx(Text, { color: "yellow", children: "\u26A0 No dev properties found. Some commands may not work." }) })), project.hasDevProperties && !project.hasSigningProperties && (_jsx(Box, { marginBottom: 1, paddingX: 1, borderStyle: "round", borderColor: "yellow", children: _jsx(Text, { color: "yellow", children: "\u26A0 No signing credentials configured. Run svc setup-signing to configure." }) })), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Select a command:" }) }), _jsx(Box, { flexDirection: "column", children: items.map((item, index) => (_jsx(Box, { marginLeft: 1, children: _jsxs(Text, { color: index === selectedIndex ? 'cyan' : undefined, bold: index === selectedIndex, children: [index === selectedIndex ? '▶ ' : '  ', item.label, item.description && _jsxs(Text, { dimColor: true, children: [" - ", item.description] })] }) }, item.value))) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 arrows to navigate, Enter to select" }) })] }));
+    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, marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Name: " }), _jsx(Text, { children: localizedText(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, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Development Configuration" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1, 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.hasSigningProperties && project.devProperties && (_jsxs(_Fragment, { children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Signing Configuration" }) }), _jsxs(Box, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Signing User: " }), _jsx(Text, { children: project.devProperties.signingUsername })] }), project.devProperties.certificateName && (_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "Certificate: " }), _jsx(Text, { children: project.devProperties.certificateName })] }))] })] })), !project.hasDevProperties && (_jsx(Box, { marginBottom: 1, paddingX: 1, borderStyle: "round", borderColor: "yellow", children: _jsx(Text, { color: "yellow", children: "\u26A0 No dev properties found. Some commands may not work." }) })), project.hasDevProperties && !project.hasSigningProperties && (_jsx(Box, { marginBottom: 1, paddingX: 1, borderStyle: "round", borderColor: "yellow", children: _jsx(Text, { color: "yellow", children: "\u26A0 No signing credentials configured. Run svc setup-signing to configure." }) })), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Select a command:" }) }), _jsx(Box, { flexDirection: "column", children: items.map((item, index) => (_jsx(Box, { marginLeft: 1, children: _jsxs(Text, { color: index === selectedIndex ? 'cyan' : undefined, bold: index === selectedIndex, children: [index === selectedIndex ? '▶ ' : '  ', item.label, item.description && _jsxs(Text, { dimColor: true, children: [" - ", item.description] })] }) }, item.value))) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Use \u2191\u2193 arrows to navigate, Enter to select" }) })] }));
 }

package/dist/components/PasswordInput.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Box, Text, useInput } from 'ink';
+import { t } from '../utils/i18n.js';
 export function PasswordInput({ label = 'Enter Signing Password', showRememberOption = false, defaultRemember = false, rememberLabel = 'Save to OS keychain: ', onSubmit, onCancel, }) {
     const [password, setPassword] = useState('');
     const [remember, setRemember] = useState(defaultRemember);
@@ -26,5 +27,5 @@ export function PasswordInput({ label = 'Enter Signing Password', showRememberOp
             setPassword(prev => prev + input);
         }
     });
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: label }) }), _jsx(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1, children: _jsx(Text, { children: '*'.repeat(password.length) }) }), showRememberOption && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: rememberLabel }), _jsxs(Text, { color: remember ? 'green' : 'gray', children: ["[", remember ? 'x' : ' ', "]"] }), _jsx(Text, { dimColor: true, children: " (Tab to toggle)" })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter to submit, Esc to cancel" }) })] }));
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: label }) }), _jsx(Box, { borderStyle: "round", borderColor: "cyan", paddingX: 1, children: _jsx(Text, { children: '*'.repeat(password.length) }) }), showRememberOption && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: rememberLabel }), _jsxs(Text, { color: remember ? 'green' : 'gray', children: ["[", remember ? 'x' : ' ', "]"] }), _jsxs(Text, { dimColor: true, children: [" ", t('(Tab to toggle)')] })] })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: t('Press Enter to submit, Esc to cancel') }) })] }));
 }

package/dist/components/SetupFlow.d.ts

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