@y4wee/nupo 0.1.1 → 0.2.1

package/dist/App.d.ts

@@ -2,7 +2,8 @@ import React from 'react';
 import { CliStartArgs } from './types/index.js';
 interface AppProps {
     onExit: () => void;
+    onUpdate: () => void;
     startupArgs?: CliStartArgs;
 }
-export declare function App({ onExit, startupArgs }: AppProps): React.JSX.Element;
+export declare function App({ onExit, onUpdate, startupArgs }: AppProps): React.JSX.Element;
 export {};

package/dist/App.js

@@ -10,7 +10,10 @@ import { InitScreen } from './screens/InitScreen.js';
 import { OdooScreen } from './screens/OdooScreen.js';
 import { ConfigScreen } from './screens/ConfigScreen.js';
 import { IdeScreen } from './screens/IdeScreen.js';
-export function App({ onExit, startupArgs }) {
+import { UpdateScreen } from './screens/UpdateScreen.js';
+import { checkForUpdate } from './services/updater.js';
+import { patchConfig } from './services/config.js';
+export function App({ onExit, onUpdate, startupArgs }) {
     const { columns, rows } = useTerminalSize();
     const { config, loading, refresh } = useConfig();
     const [currentScreen, setCurrentScreen] = useState('home');
@@ -18,6 +21,10 @@ export function App({ onExit, startupArgs }) {
     const [confirmSelected, setConfirmSelected] = useState(1);
     const [serviceRunning, setServiceRunning] = useState(false);
     const [activeService, setActiveService] = useState(null);
+    const [updateBanner, setUpdateBanner] = useState(false);
+    const [updateConfirm, setUpdateConfirm] = useState(false);
+    const [updateSel, setUpdateSel] = useState(1);
+    const [showUpdate, setShowUpdate] = useState(false);
     // Reposition to top-left whenever the box height changes (service start/stop)
     useEffect(() => {
         process.stdout.write('\x1B[2J\x1B[H');
@@ -28,6 +35,21 @@ export function App({ onExit, startupArgs }) {
             setCurrentScreen('odoo');
         }
     }, [loading, config?.initiated, startupArgs]);
+    // Update check: show banner immediately if flagged, otherwise check in background
+    useEffect(() => {
+        if (loading)
+            return;
+        if (config?.to_update) {
+            setUpdateBanner(true);
+            return;
+        }
+        void checkForUpdate().then(hasUpdate => {
+            if (!hasUpdate)
+                return;
+            void patchConfig({ to_update: true });
+            setUpdateBanner(true);
+        });
+    }, [loading]); // eslint-disable-line react-hooks/exhaustive-deps
     const primaryColor = getPrimaryColor(config);
     const secondaryColor = getSecondaryColor(config);
     const textColor = getTextColor(config);
@@ -62,8 +84,33 @@ export function App({ onExit, startupArgs }) {
             visible: config?.initiated === true,
         },
     ].filter(o => o.visible), [config]);
-    // Global input: handles Ctrl+C and confirm-exit dialog on all screens
+    // Global input: handles Ctrl+C, Ctrl+U and confirm dialogs on all screens
     useInput((char, key) => {
+        if (updateConfirm) {
+            if (key.leftArrow)
+                setUpdateSel(0);
+            if (key.rightArrow)
+                setUpdateSel(1);
+            if (key.return) {
+                if (updateSel === 0) {
+                    setUpdateConfirm(false);
+                    setShowUpdate(true);
+                }
+                else {
+                    setUpdateConfirm(false);
+                    setUpdateSel(1);
+                }
+            }
+            if (key.escape || char === 'n') {
+                setUpdateConfirm(false);
+                setUpdateSel(1);
+            }
+            if (char === 'o' || char === 'y') {
+                setUpdateConfirm(false);
+                setShowUpdate(true);
+            }
+            return;
+        }
         if (confirmExit) {
             if (key.leftArrow)
                 setConfirmSelected(0);
@@ -81,6 +128,11 @@ export function App({ onExit, startupArgs }) {
                 onExit();
             return;
         }
+        if (key.ctrl && char === 'u' && updateBanner) {
+            setUpdateConfirm(true);
+            setUpdateSel(1);
+            return;
+        }
         if (key.ctrl && char === 'c' && !serviceRunning) {
             setConfirmExit(true);
             setConfirmSelected(1);
@@ -98,12 +150,25 @@ export function App({ onExit, startupArgs }) {
             React.createElement(Box, { paddingX: 3, paddingY: 2 },
                 React.createElement(Text, { color: textColor, dimColor: true }, "Chargement\u2026"))));
     }
+    if (showUpdate) {
+        return (React.createElement(UpdateScreen, { termWidth: termWidth, primaryColor: primaryColor, secondaryColor: secondaryColor, textColor: textColor, onComplete: onUpdate, onError: () => setShowUpdate(false) }));
+    }
     return (React.createElement(Box, { borderStyle: "round", borderColor: primaryColor, flexDirection: "column", width: termWidth, height: serviceRunning ? rows : undefined },
         React.createElement(Header, { activeService: activeService, serviceRunning: serviceRunning, primaryColor: primaryColor, secondaryColor: secondaryColor }),
+        updateBanner && (React.createElement(Box, { paddingX: 3, paddingY: 0, borderStyle: "single", borderTop: false, borderLeft: false, borderRight: false, borderColor: secondaryColor },
+            React.createElement(Text, { color: secondaryColor }, '⬆ '),
+            React.createElement(Text, { color: textColor }, "Mise \u00E0 jour disponible \u2014 "),
+            React.createElement(Text, { color: secondaryColor, bold: true }, "Ctrl+U"),
+            React.createElement(Text, { color: textColor }, " pour mettre \u00E0 jour"))),
         currentScreen === 'home' && (React.createElement(HomeScreen, { leftWidth: leftWidth, options: options, isActive: !confirmExit, primaryColor: primaryColor, secondaryColor: secondaryColor, textColor: textColor, cursorColor: cursorColor, onNavigate: screen => setCurrentScreen(screen) })),
         currentScreen === 'init' && (React.createElement(InitScreen, { config: config, leftWidth: leftWidth, onComplete: handleInitComplete })),
         currentScreen === 'odoo' && config && (React.createElement(OdooScreen, { leftWidth: leftWidth, config: config, onBack: () => setCurrentScreen('home'), onConfigChange: () => void refresh(), onServiceRunning: svc => { setServiceRunning(true); setActiveService(svc); }, onServiceStopped: () => { setServiceRunning(false); setActiveService(null); }, autoStart: startupArgs })),
         currentScreen === 'ide' && config && (React.createElement(IdeScreen, { config: config, leftWidth: leftWidth, onBack: () => setCurrentScreen('home') })),
         currentScreen === 'config' && config && (React.createElement(ConfigScreen, { config: config, leftWidth: leftWidth, onBack: () => setCurrentScreen('home'), onSaved: () => { void refresh(); setCurrentScreen('home'); } })),
-        React.createElement(ConfirmExit, { visible: confirmExit, selected: confirmSelected, textColor: textColor, cursorColor: cursorColor })));
+        React.createElement(ConfirmExit, { visible: confirmExit, selected: confirmSelected, textColor: textColor, cursorColor: cursorColor }),
+        updateConfirm && (React.createElement(Box, { paddingX: 3, paddingY: 0, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: secondaryColor },
+            React.createElement(Text, { color: secondaryColor }, "Mettre \u00E0 jour et red\u00E9marrer nupo ? "),
+            React.createElement(Text, { color: updateSel === 0 ? 'black' : textColor, backgroundColor: updateSel === 0 ? secondaryColor : undefined, bold: updateSel === 0 }, ' Oui '),
+            React.createElement(Text, null, "  "),
+            React.createElement(Text, { color: updateSel === 1 ? 'black' : textColor, backgroundColor: updateSel === 1 ? cursorColor : undefined, bold: updateSel === 1 }, ' Non ')))));
 }

package/dist/index.js

@@ -2,8 +2,9 @@
 import React from 'react';
 import { render } from 'ink';
 import { App } from './App.js';
-import { configExists, readConfig } from './services/config.js';
+import { configExists, readConfig, patchConfig } from './services/config.js';
 import { setupVsCode } from './services/ide.js';
+import { spawn } from 'node:child_process';
 // ── Help ─────────────────────────────────────────────────────────────────────
 const rawArgs = process.argv.slice(2);
 if (rawArgs[0] === '--help' || rawArgs[0] === '-h') {
@@ -140,6 +141,18 @@ function cleanup() {
     // Restore main screen buffer + show cursor
     process.stdout.write('\x1B[?1049l\x1B[?25h');
 }
+async function handleUpdate() {
+    instance.clear();
+    instance.unmount();
+    cleanup();
+    await patchConfig({ to_update: false });
+    // npm install already done by UpdateScreen — just restart
+    const child = spawn(process.argv[0], process.argv.slice(1), {
+        stdio: 'inherit',
+        env: process.env,
+    });
+    child.on('exit', code => process.exit(code ?? 0));
+}
 // Guarantee cleanup on every possible exit path
 process.on('exit', cleanup);
 process.on('SIGTERM', () => { cleanup(); process.exit(0); });
@@ -161,7 +174,7 @@ function handleExit() {
     instance.unmount();
     cleanup();
 }
-instance = render(React.createElement(App, { onExit: handleExit, startupArgs: startupArgs ?? undefined }), {
+instance = render(React.createElement(App, { onExit: handleExit, onUpdate: () => { void handleUpdate(); }, startupArgs: startupArgs ?? undefined }), {
     exitOnCtrlC: false,
 });
 process.stdout.on('resize', () => {

package/dist/screens/UpdateScreen.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface UpdateScreenProps {
+    termWidth: number;
+    primaryColor: string;
+    secondaryColor: string;
+    textColor: string;
+    onComplete: () => void;
+    onError: (msg: string) => void;
+}
+export declare function UpdateScreen({ termWidth, primaryColor, secondaryColor, textColor, onComplete, onError }: UpdateScreenProps): React.JSX.Element;
+export {};

package/dist/screens/UpdateScreen.js

@@ -0,0 +1,62 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Box, Text } from 'ink';
+import { spawn } from 'node:child_process';
+import { createRequire } from 'module';
+const _require = createRequire(import.meta.url);
+const { name: packageName } = _require('../../package.json');
+const BAR_PADDING = 6; // paddingX * 2 + some margin
+export function UpdateScreen({ termWidth, primaryColor, secondaryColor, textColor, onComplete, onError }) {
+    const [progress, setProgress] = useState(0);
+    const [done, setDone] = useState(false);
+    const doneRef = useRef(false);
+    const onCompleteRef = useRef(onComplete);
+    const onErrorRef = useRef(onError);
+    onCompleteRef.current = onComplete;
+    onErrorRef.current = onError;
+    const barWidth = Math.max(10, termWidth - BAR_PADDING - 8); // 8 = "  XXX%  "
+    useEffect(() => {
+        // Animate progress up to 90% while npm runs
+        const timer = setInterval(() => {
+            setProgress(prev => {
+                if (doneRef.current || prev >= 90)
+                    return prev;
+                // Accelerate early, slow down near 90
+                const step = prev < 50 ? 2 : 1;
+                return Math.min(prev + step, 90);
+            });
+        }, 400);
+        // Run npm install -g
+        const child = spawn('npm', ['install', '-g', packageName], {
+            stdio: 'pipe',
+            env: process.env,
+        });
+        child.on('exit', code => {
+            clearInterval(timer);
+            if (code === 0) {
+                doneRef.current = true;
+                setProgress(100);
+                setDone(true);
+                setTimeout(() => onCompleteRef.current(), 800);
+            }
+            else {
+                onErrorRef.current(`npm exited with code ${String(code)}`);
+            }
+        });
+        child.on('error', err => {
+            clearInterval(timer);
+            onErrorRef.current(err.message);
+        });
+        return () => clearInterval(timer);
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    const filled = Math.round((progress / 100) * barWidth);
+    const empty = barWidth - filled;
+    return (React.createElement(Box, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: primaryColor, width: termWidth },
+        React.createElement(Box, { flexDirection: "column", paddingX: 3, paddingY: 2, gap: 1 },
+            React.createElement(Text, { color: secondaryColor, bold: true }, "Mise \u00E0 jour en cours"),
+            React.createElement(Box, { flexDirection: "column", gap: 1, marginTop: 1 },
+                React.createElement(Box, null,
+                    React.createElement(Text, { color: secondaryColor }, '█'.repeat(filled)),
+                    React.createElement(Text, { color: textColor, dimColor: true }, '░'.repeat(empty)),
+                    React.createElement(Text, { color: textColor }, `  ${String(progress).padStart(3)}%`)),
+                React.createElement(Text, { color: textColor, dimColor: true }, done ? '✓ Installation terminée — redémarrage…' : `Installation de ${packageName}…`)))));
+}

package/dist/services/updater.d.ts

@@ -0,0 +1,4 @@
+/** Vérifie si une version plus récente est disponible sur npm. */
+export declare function checkForUpdate(): Promise<boolean>;
+/** Lance npm install -g puis respawn le process courant. À appeler après cleanup Ink. */
+export declare function performUpdateAndRestart(): void;

package/dist/services/updater.js

@@ -0,0 +1,58 @@
+import { createRequire } from 'module';
+import { get } from 'node:https';
+import { execFileSync, spawn } from 'node:child_process';
+const _require = createRequire(import.meta.url);
+const { version: currentVersion, name: packageName } = _require('../../package.json');
+function fetchLatestVersion() {
+    return new Promise(resolve => {
+        const req = get(`https://registry.npmjs.org/${packageName}/latest`, { headers: { Accept: 'application/json' } }, res => {
+            let data = '';
+            res.on('data', (chunk) => { data += chunk; });
+            res.on('end', () => {
+                try {
+                    const json = JSON.parse(data);
+                    resolve(json.version ?? null);
+                }
+                catch {
+                    resolve(null);
+                }
+            });
+        });
+        req.on('error', () => resolve(null));
+        req.setTimeout(3000, () => { req.destroy(); resolve(null); });
+    });
+}
+function isNewer(latest, current) {
+    const parse = (v) => v.split('.').map(Number);
+    const [lMaj, lMin, lPatch] = parse(latest);
+    const [cMaj, cMin, cPatch] = parse(current);
+    if (lMaj !== cMaj)
+        return lMaj > cMaj;
+    if (lMin !== cMin)
+        return lMin > cMin;
+    return lPatch > cPatch;
+}
+/** Vérifie si une version plus récente est disponible sur npm. */
+export async function checkForUpdate() {
+    const latest = await fetchLatestVersion();
+    if (!latest)
+        return false;
+    return isNewer(latest, currentVersion);
+}
+/** Lance npm install -g puis respawn le process courant. À appeler après cleanup Ink. */
+export function performUpdateAndRestart() {
+    process.stdout.write('\n  Mise à jour en cours…\n\n');
+    try {
+        execFileSync('npm', ['install', '-g', packageName], { stdio: 'inherit' });
+    }
+    catch {
+        process.stdout.write('\n  Échec de la mise à jour.\n');
+        process.exit(1);
+    }
+    process.stdout.write('\n  Redémarrage…\n\n');
+    const child = spawn(process.argv[0], process.argv.slice(1), {
+        stdio: 'inherit',
+        env: process.env,
+    });
+    child.on('exit', code => process.exit(code ?? 0));
+}

package/dist/types/index.d.ts

@@ -29,6 +29,7 @@ export interface NupoConfig {
     text_color?: string;
     cursor_color?: string;
     venv_installed?: boolean;
+    to_update?: boolean;
 }
 export declare const DEFAULT_CONFIG: NupoConfig;
 export declare function getPrimaryColor(config?: NupoConfig | null): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@y4wee/nupo",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "nupo CLI - Odoo development environment manager",
   "type": "module",
   "bin": {