@y4wee/nupo 0.1.0

package/dist/screens/ConfigureServiceScreen.js

@@ -0,0 +1,499 @@
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+import { Box, Text, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import { readdir, stat, mkdir, writeFile, unlink } from 'fs/promises';
+import { join } from 'path';
+import { getPrimaryColor, getSecondaryColor, getTextColor, getCursorColor } from '../types/index.js';
+import { readConfig, writeConfig, readBaseConf } from '../services/config.js';
+import { openInEditor } from '../services/system.js';
+import { LeftPanel } from '../components/LeftPanel.js';
+const EDIT_PARAMS = [
+    { key: 'name', label: 'Nom' },
+    { key: 'version', label: 'Version' },
+    { key: 'enterprise', label: 'Enterprise' },
+    { key: 'custom_folders', label: 'Dossiers custom' },
+    { key: 'open_conf', label: 'Modifier odoo.conf' },
+    { key: 'delete', label: 'Supprimer' },
+];
+// ── Helpers ──────────────────────────────────────────────────────────────────
+async function dirExists(p) {
+    try {
+        return (await stat(p)).isDirectory();
+    }
+    catch {
+        return false;
+    }
+}
+async function loadCustomFolders(versionPath) {
+    try {
+        const entries = await readdir(join(versionPath, 'custom'), { withFileTypes: true });
+        return entries.filter(e => e.isDirectory()).map(e => e.name).sort();
+    }
+    catch {
+        return [];
+    }
+}
+function httpPortForBranch(branch) {
+    const m = branch.match(/(\d+)\./);
+    return m ? 8000 + parseInt(m[1], 10) : 8069;
+}
+function injectHttpPort(conf, branch) {
+    const line = `http_port = ${httpPortForBranch(branch)}`;
+    const lines = conf.split('\n');
+    const idx = lines.findIndex(l => l.trimStart().startsWith('http_port'));
+    if (idx >= 0)
+        lines[idx] = line;
+    return lines.join('\n');
+}
+async function generateConfContent(branch) {
+    const baseConf = await readBaseConf();
+    return injectHttpPort(baseConf, branch);
+}
+// ── Component ────────────────────────────────────────────────────────────────
+export function ConfigureServiceScreen({ config, leftWidth, initialService, onComplete, onBack, }) {
+    const isEditing = !!initialService;
+    const versions = Object.values(config.odoo_versions);
+    const textColor = getTextColor(config);
+    const cursorColor = getCursorColor(config);
+    // ── Shared state ─────────────────────────────────────────────────────────
+    const [step, setStep] = useState(isEditing ? 'edit_list' : 'name');
+    const [editParamCursor, setEditParamCursor] = useState(0);
+    const [editSaving, setEditSaving] = useState(false);
+    const [nameInput, setNameInput] = useState(initialService?.name ?? '');
+    const [nameError, setNameError] = useState(null);
+    const [confirmedName, setConfirmedName] = useState(initialService?.name ?? '');
+    // Track the name currently persisted in config so we can rename correctly
+    const lastSavedName = useRef(initialService?.name ?? '');
+    const [selectedVersionIdx, setSelectedVersionIdx] = useState(() => {
+        if (initialService) {
+            const idx = versions.findIndex(v => v.branch === initialService.branch);
+            return idx >= 0 ? idx : 0;
+        }
+        return 0;
+    });
+    const [transitioning, setTransitioning] = useState(false);
+    const [hasEnterprise, setHasEnterprise] = useState(false);
+    const [enterpriseAction, setEnterpriseAction] = useState(initialService ? (initialService.useEnterprise ? 0 : 1) : 0);
+    const [customFoldersList, setCustomFoldersList] = useState([]);
+    const [selectedFolders, setSelectedFolders] = useState(new Set(initialService?.customFolders ?? []));
+    const [folderCursor, setFolderCursor] = useState(0);
+    const [saveError, setSaveError] = useState(null);
+    // Pre-load enterprise / folders on mount in edit mode
+    useEffect(() => {
+        if (!initialService)
+            return;
+        const version = versions.find(v => v.branch === initialService.branch);
+        if (!version)
+            return;
+        void dirExists(join(version.path, 'enterprise')).then(setHasEnterprise);
+        void loadCustomFolders(version.path).then(setCustomFoldersList);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // ── Core save ─────────────────────────────────────────────────────────────
+    const buildAndSave = useCallback(async (opts) => {
+        const confPath = join(opts.version.path, 'config', `${opts.name}.conf`);
+        const service = {
+            name: opts.name,
+            branch: opts.version.branch,
+            versionPath: opts.version.path,
+            useEnterprise: opts.useEnterprise,
+            customFolders: opts.folders,
+            confPath,
+        };
+        await mkdir(join(opts.version.path, 'config'), { recursive: true });
+        await writeFile(confPath, await generateConfContent(opts.version.branch), 'utf-8');
+        const current = await readConfig();
+        const services = { ...(current.odoo_services ?? {}) };
+        // Rename: delete old entry if name changed
+        if (lastSavedName.current && lastSavedName.current !== opts.name) {
+            delete services[lastSavedName.current];
+        }
+        services[opts.name] = service;
+        await writeConfig({ ...current, odoo_services: services });
+        lastSavedName.current = opts.name;
+    }, []);
+    // ── Create mode: version → enterprise → custom_folders → save ────────────
+    const handleVersionSelectCreate = useCallback(async () => {
+        if (transitioning)
+            return;
+        const version = versions[selectedVersionIdx];
+        if (!version)
+            return;
+        setTransitioning(true);
+        const enterprise = await dirExists(join(version.path, 'enterprise'));
+        const folders = await loadCustomFolders(version.path);
+        setHasEnterprise(enterprise);
+        setCustomFoldersList(folders);
+        setSelectedFolders(new Set()); // reset only in create mode
+        setFolderCursor(0);
+        setTransitioning(false);
+        setStep(enterprise ? 'enterprise' : 'custom_folders');
+    }, [transitioning, selectedVersionIdx, versions]);
+    const saveCreate = useCallback(async () => {
+        const version = versions[selectedVersionIdx];
+        if (!version)
+            return;
+        setStep('saving');
+        setSaveError(null);
+        try {
+            await buildAndSave({
+                name: confirmedName,
+                version,
+                useEnterprise: hasEnterprise && enterpriseAction === 0,
+                folders: [...selectedFolders].sort(),
+            });
+            setStep('done');
+        }
+        catch (err) {
+            setSaveError(err.message);
+            setStep('name');
+        }
+    }, [versions, selectedVersionIdx, confirmedName, hasEnterprise, enterpriseAction, selectedFolders, buildAndSave]);
+    // ── Edit mode: save a single changed param and return to edit_list ────────
+    const saveEditParam = useCallback(async (updates) => {
+        const vIdx = updates.versionIdx ?? selectedVersionIdx;
+        const version = versions[vIdx];
+        if (!version)
+            return;
+        const newName = updates.name ?? confirmedName;
+        const newUseEnterprise = updates.useEnterprise ?? (hasEnterprise && enterpriseAction === 0);
+        const newFolders = updates.folders ?? [...selectedFolders].sort();
+        setEditSaving(true);
+        setSaveError(null);
+        try {
+            await buildAndSave({ name: newName, version, useEnterprise: newUseEnterprise, folders: newFolders });
+            // Commit new values to state
+            if (updates.name !== undefined) {
+                setConfirmedName(updates.name);
+                setNameInput(updates.name);
+            }
+            if (updates.versionIdx !== undefined)
+                setSelectedVersionIdx(updates.versionIdx);
+            if (updates.useEnterprise !== undefined)
+                setEnterpriseAction(updates.useEnterprise ? 0 : 1);
+            if (updates.folders !== undefined)
+                setSelectedFolders(new Set(updates.folders));
+        }
+        catch (err) {
+            setSaveError(err.message);
+        }
+        setEditSaving(false);
+        setStep('edit_list');
+    }, [
+        selectedVersionIdx, versions, confirmedName, hasEnterprise,
+        enterpriseAction, selectedFolders, buildAndSave,
+    ]);
+    // Edit mode: version change → auto-adapt enterprise & folders, then save
+    const handleVersionSelectEdit = useCallback(async () => {
+        if (transitioning)
+            return;
+        const version = versions[selectedVersionIdx];
+        if (!version)
+            return;
+        setTransitioning(true);
+        const enterprise = await dirExists(join(version.path, 'enterprise'));
+        const folders = await loadCustomFolders(version.path);
+        const validFolders = [...selectedFolders].filter(f => folders.includes(f));
+        setHasEnterprise(enterprise);
+        setCustomFoldersList(folders);
+        if (!enterprise)
+            setEnterpriseAction(1);
+        setTransitioning(false);
+        await saveEditParam({
+            versionIdx: selectedVersionIdx,
+            useEnterprise: enterprise && enterpriseAction === 0,
+            folders: validFolders.sort(),
+        });
+    }, [transitioning, selectedVersionIdx, versions, selectedFolders, enterpriseAction, saveEditParam]);
+    // Edit mode: open enterprise param (need to check availability first)
+    const openEnterpriseEdit = useCallback(async () => {
+        const version = versions[selectedVersionIdx];
+        if (!version)
+            return;
+        setTransitioning(true);
+        const enterprise = await dirExists(join(version.path, 'enterprise'));
+        setHasEnterprise(enterprise);
+        setTransitioning(false);
+        setStep('enterprise');
+    }, [selectedVersionIdx, versions]);
+    // Edit mode: open custom_folders param (reload list, keep selection)
+    const openCustomFoldersEdit = useCallback(async () => {
+        const version = versions[selectedVersionIdx];
+        if (!version)
+            return;
+        setTransitioning(true);
+        const folders = await loadCustomFolders(version.path);
+        setCustomFoldersList(folders);
+        setFolderCursor(0);
+        setTransitioning(false);
+        setStep('custom_folders');
+    }, [selectedVersionIdx, versions]);
+    // ── Esc helper: depends on mode ───────────────────────────────────────────
+    const escapeFrom = useCallback((s) => {
+        if (isEditing) {
+            setStep('edit_list');
+            return;
+        }
+        switch (s) {
+            case 'name':
+                onBack();
+                break;
+            case 'version':
+                setStep('name');
+                break;
+            case 'enterprise':
+                setStep('version');
+                break;
+            case 'custom_folders':
+                setStep(hasEnterprise ? 'enterprise' : 'version');
+                break;
+        }
+    }, [isEditing, hasEnterprise, onBack]);
+    // ── Input hooks ───────────────────────────────────────────────────────────
+    // edit_list
+    useInput((_char, key) => {
+        if (key.escape) {
+            onBack();
+            return;
+        }
+        if (key.upArrow)
+            setEditParamCursor(p => (p - 1 + EDIT_PARAMS.length) % EDIT_PARAMS.length);
+        if (key.downArrow)
+            setEditParamCursor(p => (p + 1) % EDIT_PARAMS.length);
+        if (key.return && !editSaving && !transitioning) {
+            const param = EDIT_PARAMS[editParamCursor].key;
+            switch (param) {
+                case 'name':
+                    setStep('name');
+                    break;
+                case 'version':
+                    setStep('version');
+                    break;
+                case 'enterprise':
+                    void openEnterpriseEdit();
+                    break;
+                case 'custom_folders':
+                    void openCustomFoldersEdit();
+                    break;
+                case 'open_conf':
+                    openInEditor(initialService.confPath);
+                    break;
+                case 'delete':
+                    setStep('confirm_delete');
+                    break;
+            }
+        }
+    }, { isActive: step === 'edit_list' });
+    // name: Esc
+    useInput((_char, key) => { if (key.escape)
+        escapeFrom('name'); }, { isActive: step === 'name' });
+    // version
+    useInput((_char, key) => {
+        if (key.escape) {
+            escapeFrom('version');
+            return;
+        }
+        if (key.upArrow)
+            setSelectedVersionIdx(p => (p - 1 + versions.length) % versions.length);
+        if (key.downArrow)
+            setSelectedVersionIdx(p => (p + 1) % versions.length);
+        if (key.return) {
+            if (isEditing)
+                void handleVersionSelectEdit();
+            else
+                void handleVersionSelectCreate();
+        }
+    }, { isActive: step === 'version' && !transitioning });
+    // enterprise
+    useInput((_char, key) => {
+        if (key.escape) {
+            escapeFrom('enterprise');
+            return;
+        }
+        if (key.leftArrow)
+            setEnterpriseAction(0);
+        if (key.rightArrow)
+            setEnterpriseAction(1);
+        if (key.return) {
+            if (isEditing)
+                void saveEditParam({ useEnterprise: enterpriseAction === 0 });
+            else
+                setStep('custom_folders');
+        }
+    }, { isActive: step === 'enterprise' });
+    // custom_folders
+    useInput((char, key) => {
+        if (key.escape) {
+            escapeFrom('custom_folders');
+            return;
+        }
+        if (key.upArrow)
+            setFolderCursor(p => Math.max(0, p - 1));
+        if (key.downArrow)
+            setFolderCursor(p => Math.min(customFoldersList.length - 1, p + 1));
+        if (char === ' ' && customFoldersList[folderCursor]) {
+            const folder = customFoldersList[folderCursor];
+            setSelectedFolders(prev => {
+                const next = new Set(prev);
+                if (next.has(folder))
+                    next.delete(folder);
+                else
+                    next.add(folder);
+                return next;
+            });
+        }
+        if (key.return) {
+            if (isEditing)
+                void saveEditParam({ folders: [...selectedFolders].sort() });
+            else
+                void saveCreate();
+        }
+    }, { isActive: step === 'custom_folders' });
+    // done
+    useInput((_char, key) => { if (key.escape)
+        onComplete(); }, { isActive: step === 'done' });
+    // confirm_delete
+    useInput((_char, key) => {
+        if (key.escape) {
+            setStep('edit_list');
+            return;
+        }
+        if (key.return)
+            void handleDelete();
+    }, { isActive: step === 'confirm_delete' });
+    // ── Delete ────────────────────────────────────────────────────────────────
+    const handleDelete = useCallback(async () => {
+        try {
+            await unlink(initialService.confPath);
+        }
+        catch { /* already gone */ }
+        const current = await readConfig();
+        const services = { ...(current.odoo_services ?? {}) };
+        delete services[initialService.name];
+        await writeConfig({ ...current, odoo_services: services });
+        onComplete();
+    }, [initialService, onComplete]);
+    // ── Name submit (shared between create & edit) ────────────────────────────
+    const handleNameSubmit = (value) => {
+        const name = value.trim();
+        if (!name) {
+            setNameError('Le nom ne peut pas être vide.');
+            return;
+        }
+        const existing = config.odoo_services ?? {};
+        if (existing[name] && name !== lastSavedName.current) {
+            setNameError(`Un service "${name}" existe déjà.`);
+            return;
+        }
+        setNameError(null);
+        if (isEditing) {
+            void saveEditParam({ name });
+        }
+        else {
+            if (versions.length === 0) {
+                setNameError('Aucune version Odoo installée.');
+                return;
+            }
+            setConfirmedName(name);
+            setStep('version');
+        }
+    };
+    // ── Render helpers ────────────────────────────────────────────────────────
+    const selectedVersion = versions[selectedVersionIdx];
+    const editParamValues = {
+        name: confirmedName || '—',
+        version: selectedVersion?.branch ?? '—',
+        enterprise: hasEnterprise ? (enterpriseAction === 0 ? 'Oui' : 'Non') : 'Non disponible',
+        custom_folders: selectedFolders.size > 0 ? [...selectedFolders].join(', ') : 'Aucun',
+        open_conf: '↵ ouvrir dans $EDITOR',
+        delete: '',
+    };
+    // ── JSX ───────────────────────────────────────────────────────────────────
+    return (React.createElement(Box, { flexDirection: "row", flexGrow: 1 },
+        React.createElement(LeftPanel, { width: leftWidth, primaryColor: getPrimaryColor(config), textColor: textColor }),
+        React.createElement(Box, { flexGrow: 1, flexDirection: "column", paddingX: 3, paddingY: 2, gap: 1 },
+            React.createElement(Text, { color: getSecondaryColor(config), bold: true }, isEditing ? `Modifier : ${initialService.name}` : 'Nouveau service'),
+            step === 'edit_list' && (React.createElement(Box, { flexDirection: "column", gap: 0, marginTop: 1 },
+                EDIT_PARAMS.map((p, i) => {
+                    const isSel = i === editParamCursor;
+                    const isDel = p.key === 'delete';
+                    return (React.createElement(Box, { key: p.key, flexDirection: "row", gap: 1 },
+                        React.createElement(Text, { color: isSel ? 'black' : (isDel ? 'red' : 'white'), backgroundColor: isSel ? (isDel ? 'red' : cursorColor) : undefined, bold: isSel || isDel }, ` ${isSel ? '▶' : ' '} ${p.label.padEnd(16)}`),
+                        React.createElement(Text, { color: isSel ? 'cyan' : 'gray', dimColor: !isSel }, editParamValues[p.key])));
+                }),
+                saveError && React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: "red" }, saveError)),
+                (editSaving || transitioning) && React.createElement(Text, { color: textColor, dimColor: true }, "\u27F3 Sauvegarde\u2026"),
+                React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u2191\u2193 naviguer  \u00B7  \u21B5 modifier  \u00B7  \u00C9chap retour")))),
+            step === 'name' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Text, { color: "white" }, "Nom du service :"),
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: textColor, dimColor: true }, '› '),
+                    React.createElement(TextInput, { value: nameInput, onChange: v => { setNameInput(v); setNameError(null); }, onSubmit: handleNameSubmit, placeholder: "odoo-17-prod" })),
+                nameError && React.createElement(Text, { color: "red" }, nameError),
+                saveError && React.createElement(Text, { color: "red" },
+                    "Erreur : ",
+                    saveError),
+                React.createElement(Text, { color: textColor, dimColor: true },
+                    "\u21B5 valider  \u00B7  \u00C9chap ",
+                    isEditing ? 'retour' : 'annuler'))),
+            step === 'version' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                !isEditing && (React.createElement(Text, { color: "white" },
+                    'Service : ',
+                    React.createElement(Text, { color: getPrimaryColor(config), bold: true }, confirmedName))),
+                React.createElement(Text, { color: "white" }, "Version Odoo :"),
+                React.createElement(Box, { flexDirection: "column", gap: 0 }, versions.map((v, i) => {
+                    const isSel = i === selectedVersionIdx;
+                    return (React.createElement(Text, { key: v.branch, color: isSel ? 'black' : 'white', backgroundColor: isSel ? cursorColor : undefined, bold: isSel },
+                        ` ${isSel ? '▶' : ' '} ${v.branch}  `,
+                        React.createElement(Text, { color: isSel ? 'black' : 'gray', dimColor: !isSel }, v.path)));
+                })),
+                transitioning && React.createElement(Text, { color: textColor, dimColor: true }, "\u27F3 V\u00E9rification\u2026"),
+                React.createElement(Text, { color: textColor, dimColor: true }, "\u2191\u2193 naviguer  \u00B7  \u21B5 s\u00E9lectionner  \u00B7  \u00C9chap retour"))),
+            step === 'enterprise' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Text, { color: "white" },
+                    'Version : ',
+                    React.createElement(Text, { color: getPrimaryColor(config) }, selectedVersion?.branch)),
+                !hasEnterprise ? (React.createElement(React.Fragment, null,
+                    React.createElement(Text, { color: "yellow" }, "Enterprise non disponible pour cette version."),
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u00C9chap retour"))) : (React.createElement(React.Fragment, null,
+                    React.createElement(Text, { color: "white" }, "Utiliser Enterprise ?"),
+                    React.createElement(Box, { flexDirection: "row", gap: 2 },
+                        React.createElement(Text, { color: enterpriseAction === 0 ? 'black' : 'white', backgroundColor: enterpriseAction === 0 ? cursorColor : undefined, bold: enterpriseAction === 0 }, ' ✓ Oui '),
+                        React.createElement(Text, { color: enterpriseAction === 1 ? 'black' : 'white', backgroundColor: enterpriseAction === 1 ? 'gray' : undefined, bold: enterpriseAction === 1 }, ' ✗ Non ')),
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u25C0\u25B6 choisir  \u00B7  \u21B5 confirmer  \u00B7  \u00C9chap retour"))))),
+            step === 'custom_folders' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Text, { color: "white" }, "Dossiers custom \u00E0 inclure :"),
+                customFoldersList.length === 0 ? (React.createElement(Box, { flexDirection: "column", gap: 0 },
+                    React.createElement(Text, { color: textColor, dimColor: true }, "  Aucun module dans custom/"),
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u21B5 continuer  \u00B7  \u00C9chap retour"))) : (React.createElement(Box, { flexDirection: "column", gap: 0 },
+                    customFoldersList.map((folder, i) => {
+                        const isCursor = i === folderCursor;
+                        const isChecked = selectedFolders.has(folder);
+                        return (React.createElement(Text, { key: folder, color: isCursor ? 'black' : 'white', backgroundColor: isCursor ? cursorColor : undefined, bold: isCursor }, ` ${isChecked ? '[✓]' : '[ ]'} ${folder}`));
+                    }),
+                    React.createElement(Box, { marginTop: 1, flexDirection: "column", gap: 0 },
+                        selectedFolders.size > 0 && (React.createElement(Text, { color: "yellow", dimColor: true }, `  ${selectedFolders.size} sélectionné(s) : ${[...selectedFolders].join(', ')}`)),
+                        React.createElement(Text, { color: textColor, dimColor: true }, "\u2191\u2193 naviguer  \u00B7  Espace s\u00E9lectionner  \u00B7  \u21B5 confirmer  \u00B7  \u00C9chap retour")))))),
+            step === 'confirm_delete' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Text, { color: "red", bold: true },
+                    "Supprimer le service \u00AB",
+                    initialService.name,
+                    "\u00BB ?"),
+                React.createElement(Text, { color: textColor, dimColor: true }, "  Le fichier .conf sera \u00E9galement supprim\u00E9 :"),
+                React.createElement(Text, { color: textColor, dimColor: true },
+                    "  ",
+                    initialService.confPath),
+                React.createElement(Box, { marginTop: 1 },
+                    React.createElement(Text, { color: textColor, dimColor: true }, "\u21B5 confirmer  \u00B7  \u00C9chap annuler")))),
+            step === 'saving' && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: textColor }, "\u27F3 Enregistrement du service\u2026"))),
+            step === 'done' && (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Text, { color: "green" },
+                    '✓ Service ',
+                    React.createElement(Text, { bold: true }, confirmedName),
+                    ' créé.'),
+                React.createElement(Text, { color: textColor, dimColor: true }, `  conf → ${join(selectedVersion?.path ?? '', 'config', `${confirmedName}.conf`)}`),
+                React.createElement(Text, { color: textColor, dimColor: true }, "\u00C9chap retour"))))));
+}

package/dist/screens/HomeScreen.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { MenuOption, Screen } from '../types/index.js';
+interface HomeScreenProps {
+    leftWidth: number;
+    options: MenuOption[];
+    isActive: boolean;
+    primaryColor?: string;
+    secondaryColor?: string;
+    textColor?: string;
+    cursorColor?: string;
+    onNavigate: (screen: Screen) => void;
+}
+export declare function HomeScreen({ leftWidth, options, isActive, primaryColor, secondaryColor, textColor, cursorColor, onNavigate }: HomeScreenProps): React.JSX.Element;
+export {};

package/dist/screens/HomeScreen.js

@@ -0,0 +1,24 @@
+import React, { useState } from 'react';
+import { Box, useInput } from 'ink';
+import { LeftPanel } from '../components/LeftPanel.js';
+import { OptionsPanel } from '../components/OptionsPanel.js';
+export function HomeScreen({ leftWidth, options, isActive, primaryColor, secondaryColor, textColor, cursorColor, onNavigate }) {
+    const [selected, setSelected] = useState(0);
+    useInput((_char, key) => {
+        if (key.upArrow) {
+            setSelected(prev => (prev - 1 + options.length) % Math.max(options.length, 1));
+        }
+        if (key.downArrow) {
+            setSelected(prev => (prev + 1) % Math.max(options.length, 1));
+        }
+        if (key.return && options.length > 0) {
+            const opt = options[selected];
+            if (opt)
+                onNavigate(opt.screen);
+        }
+    }, { isActive });
+    const safeSelected = Math.min(selected, Math.max(0, options.length - 1));
+    return (React.createElement(Box, { flexDirection: "row" },
+        React.createElement(LeftPanel, { width: leftWidth, primaryColor: primaryColor }),
+        React.createElement(OptionsPanel, { options: options, selected: safeSelected, secondaryColor: secondaryColor, textColor: textColor, cursorColor: cursorColor })));
+}

package/dist/screens/IdeScreen.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NupoConfig } from '../types/index.js';
+interface IdeScreenProps {
+    config: NupoConfig;
+    leftWidth: number;
+    onBack: () => void;
+}
+export declare function IdeScreen({ config, leftWidth, onBack }: IdeScreenProps): React.JSX.Element;
+export {};

package/dist/screens/IdeScreen.js

@@ -0,0 +1,101 @@
+import React, { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { getPrimaryColor, getSecondaryColor, getTextColor, getCursorColor } from '../types/index.js';
+import { LeftPanel } from '../components/LeftPanel.js';
+import { setupVsCode } from '../services/ide.js';
+const INITIAL_STEPS = [
+    { id: 'vscode_dir', label: 'Dossier .vscode', status: 'pending' },
+    { id: 'settings_json', label: 'settings.json', status: 'pending' },
+    { id: 'launch_json', label: 'launch.json', status: 'pending' },
+    { id: 'open_vscode', label: 'Ouvrir VS Code', status: 'pending' },
+];
+const STATUS_ICONS = {
+    pending: '○',
+    running: '◌',
+    success: '✓',
+    error: '✗',
+};
+const STATUS_COLORS = {
+    pending: 'gray',
+    running: 'cyan',
+    success: 'green',
+    error: 'red',
+};
+export function IdeScreen({ config, leftWidth, onBack }) {
+    const versions = Object.values(config.odoo_versions ?? {});
+    const services = Object.values(config.odoo_services ?? {});
+    const [view, setView] = useState('select');
+    const [selected, setSelected] = useState(0);
+    const [steps, setSteps] = useState(INITIAL_STEPS);
+    const [done, setDone] = useState(false);
+    const [error, setError] = useState(null);
+    const primaryColor = getPrimaryColor(config);
+    const secondaryColor = getSecondaryColor(config);
+    const textColor = getTextColor(config);
+    const cursorColor = getCursorColor(config);
+    const patchStep = (id, patch) => setSteps(prev => prev.map(s => s.id === id ? { ...s, ...patch } : s));
+    async function runSetup(version) {
+        setView('setup');
+        setSteps(INITIAL_STEPS.map(s => ({ ...s })));
+        setDone(false);
+        setError(null);
+        const ok = await setupVsCode(version, services, (id, status, detail) => {
+            patchStep(id, { status: status, detail });
+            if (status === 'error')
+                setError(detail ?? 'Erreur inconnue');
+        });
+        if (ok)
+            setDone(true);
+    }
+    // ── Input ──────────────────────────────────────────────────────────────────
+    useInput((_char, key) => {
+        if (key.escape) {
+            onBack();
+            return;
+        }
+        if (key.upArrow)
+            setSelected(p => Math.max(0, p - 1));
+        if (key.downArrow)
+            setSelected(p => Math.min(versions.length - 1, p + 1));
+        if (key.return && versions[selected])
+            void runSetup(versions[selected]);
+    }, { isActive: view === 'select' });
+    useInput((_char, key) => {
+        if (key.escape || key.return)
+            onBack();
+    }, { isActive: view === 'setup' && (done || error !== null) });
+    // ── Render: select ─────────────────────────────────────────────────────────
+    if (view === 'select') {
+        return (React.createElement(Box, { flexDirection: "row", flexGrow: 1 },
+            React.createElement(LeftPanel, { width: leftWidth, primaryColor: primaryColor, textColor: textColor }),
+            React.createElement(Box, { flexGrow: 1, flexDirection: "column", paddingX: 3, paddingY: 2, gap: 1 },
+                React.createElement(Text, { color: secondaryColor, bold: true }, "IDE"),
+                versions.length === 0 ? (React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                    React.createElement(Text, { color: "yellow" }, "Aucune version Odoo install\u00E9e."),
+                    React.createElement(Text, { color: textColor, dimColor: true }, "Installez une version via \u00AB Odoo \u2192 Installer une version \u00BB."),
+                    React.createElement(Box, { marginTop: 1 },
+                        React.createElement(Text, { color: textColor, dimColor: true }, "\u00C9chap retour")))) : (React.createElement(Box, { flexDirection: "column", gap: 0, marginTop: 1 },
+                    React.createElement(Text, { color: textColor, dimColor: true }, "S\u00E9lectionnez une version \u00E0 ouvrir dans VS Code :"),
+                    React.createElement(Box, { flexDirection: "column", gap: 0, marginTop: 1 }, versions.map((v, i) => {
+                        const isSel = i === selected;
+                        return (React.createElement(Text, { key: v.branch, color: isSel ? 'black' : 'white', backgroundColor: isSel ? cursorColor : undefined, bold: isSel },
+                            ` ${isSel ? '▶' : ' '} ${v.branch}  `,
+                            React.createElement(Text, { color: isSel ? 'black' : 'gray', dimColor: !isSel }, v.path)));
+                    })),
+                    React.createElement(Box, { marginTop: 1 },
+                        React.createElement(Text, { color: textColor, dimColor: true }, "\u2191\u2193 naviguer  \u00B7  \u21B5 ouvrir  \u00B7  \u00C9chap retour")))))));
+    }
+    // ── Render: setup ──────────────────────────────────────────────────────────
+    return (React.createElement(Box, { flexDirection: "row", flexGrow: 1 },
+        React.createElement(LeftPanel, { width: leftWidth, primaryColor: primaryColor, textColor: textColor }),
+        React.createElement(Box, { flexGrow: 1, flexDirection: "column", paddingX: 3, paddingY: 2, gap: 1 },
+            React.createElement(Text, { color: secondaryColor, bold: true }, "IDE \u2014 Configuration VS Code"),
+            React.createElement(Box, { flexDirection: "column", gap: 0, marginTop: 1 }, steps.map(s => (React.createElement(Box, { key: s.id, flexDirection: "row", gap: 1 },
+                React.createElement(Text, { color: STATUS_COLORS[s.status] }, STATUS_ICONS[s.status]),
+                React.createElement(Text, { color: s.status === 'error' ? 'red' : 'white' }, s.label),
+                s.detail && React.createElement(Text, { color: textColor, dimColor: true }, s.detail))))),
+            error && (React.createElement(Box, { marginTop: 1, borderStyle: "round", borderColor: "red", paddingX: 1 },
+                React.createElement(Text, { color: "red" }, error))),
+            (done || error) && (React.createElement(Box, { marginTop: 1 },
+                React.createElement(Text, { color: textColor, dimColor: true }, done ? '↵/Échap retour' : 'Échap retour'))))));
+}

package/dist/screens/InitScreen.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NupoConfig } from '../types/index.js';
+interface InitScreenProps {
+    config: NupoConfig | null;
+    leftWidth: number;
+    onComplete: () => void;
+}
+export declare function InitScreen({ config, leftWidth, onComplete }: InitScreenProps): React.JSX.Element;
+export {};