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

package/dist/components/SetupFlow.js

@@ -1,16 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { Box, Text, useInput } from 'ink';
-import { getAppType, migrateLegacyPassword, } from '../utils/project-detection.js';
+import { getAppType, localizedText, migrateLegacyPassword, getPackageJsonSyncChanges, syncDevPropertiesToPackageJson, readSvcConfig, writeSvcConfig, writeDevProperties, } 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 }) {
+export function SetupFlow({ project, onReload, onComplete }) {
     const [step, setStep] = useState('check-node-modules');
     const [runner, setRunner] = useState(null);
     const [commandStatus, setCommandStatus] = useState('running');
+    const [syncChanges, setSyncChanges] = useState([]);
+    const [syncDecision, setSyncDecision] = useState(false);
+    // Set when the user picks OAuth2 for an existing config, so the form opens in
+    // the OAuth2 branch without mutating the shared project object.
+    const [pendingAuthMethod, setPendingAuthMethod] = useState(undefined);
     const appType = getAppType(project.manifest);
     // Auto-advance through checks
     useEffect(() => {
@@ -27,14 +32,36 @@ export function SetupFlow({ project, onComplete }) {
                 if (project.hasLegacyPassword) {
                     setStep('confirm-password-migration');
                 }
+                else if (project.devProperties?.authMethod === undefined) {
+                    setStep('confirm-auth-method');
+                }
                 else {
-                    setStep('check-signing-properties');
+                    setStep('check-package-sync');
                 }
             }
             else {
                 setStep('confirm-dev-setup');
             }
         }
+        else if (step === 'check-package-sync') {
+            const preference = readSvcConfig(project.root).syncPackageJson;
+            const properties = project.devProperties;
+            const changes = preference !== false && properties
+                ? getPackageJsonSyncChanges(project.root, properties)
+                : [];
+            if (changes.length === 0 || !properties) {
+                setStep('check-signing-properties');
+            }
+            else if (preference === true) {
+                syncDevPropertiesToPackageJson(project.root, properties);
+                onReload();
+                setStep('check-signing-properties');
+            }
+            else {
+                setSyncChanges(changes);
+                setStep('confirm-package-sync');
+            }
+        }
         else if (step === 'check-signing-properties') {
             if (project.hasSigningProperties) {
                 setStep('show-info');
@@ -84,6 +111,29 @@ export function SetupFlow({ project, onComplete }) {
         else if (step === 'confirm-password-migration') {
             if (input === 'y' || input === 'Y') {
                 migrateLegacyPassword(project);
+                // The file was rewritten (plaintext stripped, password moved to
+                // keychain) — re-detect so hasLegacyPassword/password reflect that.
+                onReload();
+                setStep('check-package-sync');
+            }
+            else if (input === 'n' || input === 'N') {
+                setStep('check-package-sync');
+            }
+        }
+        else if (step === 'confirm-package-sync') {
+            if (['y', 'Y', 'n', 'N'].includes(input)) {
+                const accepted = input.toLowerCase() === 'y';
+                if (accepted && project.devProperties) {
+                    syncDevPropertiesToPackageJson(project.root, project.devProperties);
+                    onReload();
+                }
+                setSyncDecision(accepted);
+                setStep('confirm-save-sync-choice');
+            }
+        }
+        else if (step === 'confirm-save-sync-choice') {
+            if (input === 'y' || input === 'Y') {
+                writeSvcConfig(project.root, { syncPackageJson: syncDecision });
                 setStep('check-signing-properties');
             }
             else if (input === 'n' || input === 'N') {
@@ -98,21 +148,46 @@ export function SetupFlow({ project, onComplete }) {
                 setStep('show-info');
             }
         }
+        else if (step === 'confirm-auth-method') {
+            if (input === 'o' || input === 'O') {
+                // Choosing OAuth2 needs endpoints — collect them in the full form.
+                setPendingAuthMethod('oauth2');
+                setStep('setup-dev-properties');
+            }
+            else if (input === 'c' || input === 'C') {
+                setPendingAuthMethod('cookie');
+                setStep('setup-dev-properties');
+            }
+            else if (['b', 'B', '\r'].includes(input)) {
+                if (project.devProperties) {
+                    writeDevProperties(project.root, {
+                        ...project.devProperties,
+                        authMethod: 'basic',
+                    });
+                    onReload();
+                }
+                setStep('check-package-sync');
+            }
+        }
     });
     // Setup Dev Properties Form
     if (step === 'setup-dev-properties') {
-        return (_jsx(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');
+        return (_jsx(DevPropertiesForm, { projectRoot: project.root, initialProperties: pendingAuthMethod && project.devProperties
+                ? { ...project.devProperties, authMethod: pendingAuthMethod }
+                : project.devProperties, packageJson: project.packageJson, onComplete: () => {
+                // Re-detect from disk/keychain so devProperties (incl. the keychain
+                // password) populate in memory — otherwise the rest of this flow and
+                // the menu would see stale state until the CLI is restarted.
+                onReload();
+                setStep('check-package-sync');
             }, onCancel: () => setStep('check-signing-properties') }));
     }
     // Setup Signing Properties Form
     if (step === 'setup-signing-properties') {
         return (_jsx(SigningPropertiesForm, { projectRoot: project.root, onComplete: () => {
-                project.hasSigningProperties = true; // Optimization/Hack
+                // Re-detect so signing credentials are reflected in memory before
+                // the info screen / menu render.
+                onReload();
                 setStep('show-info');
             }, onCancel: () => setStep('show-info') }));
     }
@@ -132,13 +207,27 @@ export function SetupFlow({ project, onComplete }) {
     if (step === 'confirm-password-migration') {
         return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Sitevision CLI" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "yellow", children: "\u26A0 Plaintext password found in .dev_properties.json" }) }), _jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { children: "Move it to the OS keychain and remove it from the file? (y/n)" }), _jsx(Text, { dimColor: true, children: "Recommended \u2014 storing passwords in project files is insecure." })] })] }));
     }
+    // Ask which auth method an existing config should use (setting is missing)
+    if (step === 'confirm-auth-method') {
+        return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Sitevision CLI" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "yellow", children: "\u26A0 Deploy authentication method not set" }) }), _jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { children: "Which method should deploys use? [B]asic / [O]Auth2 / [C]ookie" }), _jsx(Text, { dimColor: true, children: "B = Basic (default), O = OAuth2 bearer, C = session cookie (SSO)." })] })] }));
+    }
+    // Confirm package.json sync
+    if (step === 'confirm-package-sync') {
+        return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Sitevision CLI" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "yellow", children: "\u26A0 package.json is out of sync with .dev_properties.json" }) }), _jsx(Box, { marginBottom: 1, flexDirection: "column", marginLeft: 2, children: syncChanges.map(change => (_jsxs(Box, { children: [_jsx(Text, { color: change.from === undefined ? 'green' : 'yellow', children: change.from === undefined ? '+ ' : '~ ' }), _jsxs(Text, { bold: true, children: [change.key, ": "] }), change.from !== undefined && (_jsxs(Text, { dimColor: true, children: [change.from, " \u2192 "] })), _jsx(Text, { children: change.to })] }, change.key))) }), _jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { children: "Update package.json from .dev_properties.json? (y/n)" }), _jsx(Text, { dimColor: true, children: "sitevision-scripts reads these fields from package.json." })] })] }));
+    }
+    // Offer to persist the sync decision in .svcconfig
+    if (step === 'confirm-save-sync-choice') {
+        return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Sitevision CLI" }) }), _jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsx(Text, { children: "Remember this choice in .svcconfig? (y/n)" }), _jsx(Text, { dimColor: true, children: syncDecision
+                                ? 'svc will update package.json automatically from now on.'
+                                : 'svc will stop asking about package.json sync.' })] })] }));
+    }
     // Confirm signing setup
     if (step === 'confirm-signing-setup') {
         return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Sitevision CLI" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "yellow", children: "\u26A0 signing credentials not configured" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: "Signing credentials are required for signing apps on developer.sitevision.se" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: "Would you like to set up signing credentials? (y/n)" }) })] }));
     }
     // Show info
     if (step === 'show-info') {
-        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: _jsx(Text, { color: "yellow", children: "\u26A0 No dev properties configured" }) })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Project Root: " }), _jsx(Text, { dimColor: true, children: 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: 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, { 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 configured" }) })), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { bold: true, children: "Project Root: " }), _jsx(Text, { dimColor: true, children: project.root })] })] }));
     }
     return null;
 }

package/dist/shell/AddonPicker.d.ts

@@ -0,0 +1,14 @@
+import type { SimpleAppType } from '../types/index.js';
+import { type AddonNode } from '../utils/sitevision-api.js';
+export declare function AddonPicker({ domain, appType, initialQuery, load, onSelect, onClose, height, }: {
+    domain: string;
+    appType?: SimpleAppType;
+    initialQuery: string;
+    load: () => Promise<{
+        addons?: AddonNode[];
+        error?: string;
+    }>;
+    onSelect: (name: string) => void;
+    onClose: () => void;
+    height: number;
+}): import("react").JSX.Element;

package/dist/shell/AddonPicker.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import Spinner from 'ink-spinner';
+import { ACCENT } from './Frame.js';
+import { fuzzyMatch } from './actions.js';
+import { t } from '../utils/i18n.js';
+export function AddonPicker({ domain, appType, initialQuery, load, onSelect, onClose, height, }) {
+    const [query, setQuery] = useState(initialQuery);
+    const [index, setIndex] = useState(0);
+    const [addons, setAddons] = useState(null);
+    const [error, setError] = useState('');
+    useEffect(() => {
+        void load().then(result => {
+            setAddons(result.addons ?? []);
+            setError(result.error ?? '');
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    const matches = (addons ?? [])
+        .filter(a => fuzzyMatch(query, a.name))
+        .toSorted((a, b) => Number(b.appType === appType) - Number(a.appType === appType) ||
+        a.name.localeCompare(b.name));
+    useInput((input, key) => {
+        if (key.escape) {
+            onClose();
+        }
+        else if (key.return) {
+            const pick = matches[index];
+            if (pick)
+                onSelect(pick.name);
+        }
+        else if (key.upArrow) {
+            setIndex(i => (i > 0 ? i - 1 : Math.max(0, matches.length - 1)));
+        }
+        else if (key.downArrow) {
+            setIndex(i => (i < matches.length - 1 ? i + 1 : 0));
+        }
+        else if (key.backspace || key.delete) {
+            setQuery(q => q.slice(0, -1));
+            setIndex(0);
+        }
+        else if (input && !key.ctrl && !key.meta) {
+            setQuery(q => q + input);
+            setIndex(0);
+        }
+    });
+    const visible = Math.max(3, height - 6);
+    const start = Math.max(0, Math.min(index - visible + 1, matches.length - visible));
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: ACCENT, paddingX: 1, width: 64, height: Math.min(height, matches.length + 6), children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: t('Addon Repository') }), _jsxs(Text, { dimColor: true, children: [" ", domain] })] }), _jsxs(Text, { children: [_jsx(Text, { color: ACCENT, children: "\u276F " }), query, _jsx(Text, { inverse: true, children: " " }), _jsxs(Text, { dimColor: true, children: ['  ', addons ? t('{n} of {m}', { n: matches.length, m: addons.length }) : ''] })] }), !addons && !error && (_jsxs(Text, { color: ACCENT, children: [_jsx(Spinner, { type: "dots" }), " ", _jsx(Text, { dimColor: true, children: t('fetching addons') })] })), error && _jsx(Text, { color: "red", children: error }), matches.slice(start, start + visible).map((a, i) => {
+                const selected = start + i === index;
+                return (_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Box, { flexShrink: 1, marginRight: 1, children: _jsxs(Text, { backgroundColor: selected ? ACCENT : undefined, color: selected ? 'black' : undefined, wrap: "truncate", children: ['  ', a.name] }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: a.appType ?? a.type }) })] }, a.id));
+            }), _jsx(Text, { dimColor: true, children: t('↑↓ move · Enter select · Esc cancel') })] }));
+}

package/dist/shell/CommandPalette.d.ts

@@ -0,0 +1,8 @@
+import type { ProjectInfo } from '../types/index.js';
+import { type Action } from './actions.js';
+export declare function CommandPalette({ project, onRun, onClose, height, }: {
+    project: ProjectInfo;
+    onRun: (action: Action) => void;
+    onClose: () => void;
+    height: number;
+}): import("react").JSX.Element;

package/dist/shell/CommandPalette.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { ACCENT } from './Frame.js';
+import { actions, fuzzyMatch } from './actions.js';
+import { t } from '../utils/i18n.js';
+const GROUPS = [
+    { id: 'app', label: 'APP' },
+    { id: 'setup', label: 'SETUP' },
+    { id: 'auth', label: 'AUTH' },
+];
+export function CommandPalette({ project, onRun, onClose, height, }) {
+    const [query, setQuery] = useState('');
+    const [index, setIndex] = useState(0);
+    const matches = actions.filter(a => fuzzyMatch(query, t(a.label)));
+    const ordered = GROUPS.flatMap(g => matches.filter(a => a.group === g.id));
+    useInput((input, key) => {
+        if (key.escape) {
+            onClose();
+        }
+        else if (key.return) {
+            const action = ordered[index];
+            if (action)
+                onRun(action);
+        }
+        else if (key.upArrow) {
+            setIndex(i => (i > 0 ? i - 1 : Math.max(0, ordered.length - 1)));
+        }
+        else if (key.downArrow) {
+            setIndex(i => (i < ordered.length - 1 ? i + 1 : 0));
+        }
+        else if (key.backspace || key.delete) {
+            setQuery(q => q.slice(0, -1));
+            setIndex(0);
+        }
+        else if (!key.ctrl && !key.meta && input) {
+            setQuery(q => q + input);
+            setIndex(0);
+        }
+    });
+    // Rows available inside the box: borders (2), title, query, footer.
+    const maxRows = Math.max(3, height - 5);
+    const rows = [];
+    let lastGroup;
+    // Keep the selection visible: skip leading rows when it is far down.
+    let skip = 0;
+    while (index - skip + 1 + 3 > maxRows)
+        skip += 1;
+    for (const [i, action] of ordered.entries()) {
+        if (i < skip)
+            continue;
+        if (rows.length >= maxRows)
+            break;
+        if (action.group !== lastGroup) {
+            rows.push(_jsx(Text, { bold: true, dimColor: true, children: t(GROUPS.find(g => g.id === action.group).label) }, `g-${action.group}`));
+            lastGroup = action.group;
+        }
+        const enabled = action.enabled?.(project) ?? true;
+        const detail = action.detail?.(project);
+        rows.push(_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Box, { flexShrink: 1, marginRight: 1, children: _jsxs(Text, { backgroundColor: i === index ? ACCENT : undefined, color: i === index ? 'black' : undefined, dimColor: !enabled && i !== index, wrap: "truncate", children: ['  ', t(action.label), detail && _jsxs(Text, { dimColor: i !== index, children: [" \u00B7 ", detail] })] }) }), _jsx(Box, { flexShrink: 0, children: _jsx(Text, { bold: true, color: ACCENT, children: action.key ?? '—' }) })] }, action.id));
+    }
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: ACCENT, paddingX: 1, width: 64, height: rows.length + 5, children: [_jsxs(Text, { children: [_jsx(Text, { bold: true, children: t('Commands') }), _jsxs(Text, { dimColor: true, children: [" ", project.manifest.id] })] }), _jsxs(Text, { children: [_jsx(Text, { color: ACCENT, children: "\u276F " }), query, _jsx(Text, { inverse: true, children: " " }), _jsxs(Text, { dimColor: true, children: [" ", t('{n} actions', { n: ordered.length })] })] }), rows, _jsx(Text, { dimColor: true, children: t('type to filter · ↑↓ move · Enter run · Esc close') })] }));
+}

package/dist/shell/ConfigForm.d.ts

@@ -0,0 +1,36 @@
+import type { DevProperties } from '../types/index.js';
+type Method = 'basic' | 'oauth2' | 'cookie';
+interface Field {
+    key: string;
+    label: string;
+    kind?: 'text' | 'method' | 'bool' | 'secret';
+    required?: boolean | Method;
+    when?: Method;
+    section?: string;
+    hint?: string;
+    perApp?: boolean;
+    help: string;
+}
+type Values = Record<string, string>;
+/** What the form edits: an app, or the workspace root (no addon, no package.json). */
+export interface ConfigTarget {
+    root: string;
+    devProperties?: Partial<DevProperties>;
+    base?: Partial<DevProperties>;
+    environment?: string;
+    workspace?: boolean;
+    workspaceRoot?: string;
+}
+/** Apply the form to disk and the keychain. Exported for the test. */
+export declare function saveConfig(project: ConfigTarget, values: Values, edited: Set<string>): void;
+export declare function visibleFields(method: Method, workspace?: boolean, envMode?: boolean): Field[];
+export declare function ConfigForm({ project, active, width, height, pickAddon, onSaved, onEditingChange, }: {
+    project: ConfigTarget;
+    active: boolean;
+    width: number;
+    height: number;
+    pickAddon: () => Promise<string | null>;
+    onSaved: () => void;
+    onEditingChange: (editing: boolean) => void;
+}): import("react").JSX.Element;
+export {};