@mostajs/setup 1.1.2 → 1.1.4

package/README.md

@@ -24,7 +24,8 @@ Part of the [@mosta suite](https://mostajs.dev).
 5. [Les 13 dialectes supportes](#5-les-13-dialectes-supportes)
 6. [Systeme de modules](#6-systeme-de-modules)
 7. [Exemples avances](#7-exemples-avances)
-8. [FAQ / Troubleshooting](#8-faq--troubleshooting)
+8. [Reconfiguration (post-installation)](#8-reconfiguration-post-installation)
+9. [FAQ / Troubleshooting](#9-faq--troubleshooting)
 
 ---
 
@@ -56,7 +57,10 @@ npm install @mostajs/setup @mostajs/orm
 │   ├── test-db.route.ts         # Factory POST /api/setup/test-db
 │   ├── install.route.ts         # Factory POST /api/setup/install
 │   ├── detect-modules.route.ts  # Factory GET  /api/setup/detect-modules
-│   └── install-modules.route.ts # Factory POST /api/setup/install-modules
+│   ├── install-modules.route.ts # Factory POST /api/setup/install-modules
+│   └── reconfig.route.ts        # Factory GET+POST /api/setup/reconfig
+├── components/
+│   └── ReconfigPanel.tsx        # UI reconfiguration (modules + DB)
 ├── types/
 │   └── index.ts                 # Tous les types TypeScript
 └── index.ts                     # Barrel exports
@@ -922,7 +926,87 @@ const dialectChanged = await writeEnvLocal({
 
 ---
 
-## 8. FAQ / Troubleshooting
+## 8. Reconfiguration (post-installation)
+
+Apres l'installation initiale, le module fournit un **panneau de reconfiguration** permettant de :
+- Changer de base de donnees (dialecte, connexion, test)
+- Activer / desactiver des modules @mostajs
+- Optionnellement re-seeder la nouvelle base
+
+### Integration dans le projet hote
+
+Ce module exporte un **composant React** (`ReconfigPanel`) et une **factory API** (`createReconfigHandlers`),
+mais ne cree pas de pages Next.js. Le projet hote doit creer la route API et la page.
+
+#### 1. Route API
+
+**`src/app/api/setup/reconfig/route.ts`**
+```typescript
+import { createReconfigHandlers } from '@mostajs/setup/api/reconfig'
+
+const { GET, POST } = createReconfigHandlers()
+export { GET, POST }
+```
+
+#### 2. Page de reconfiguration
+
+**`src/app/dashboard/settings/reconfig/page.tsx`**
+```tsx
+'use client'
+import ReconfigPanel from '@mostajs/setup/components/ReconfigPanel'
+
+export default function ReconfigPage() {
+  return (
+    <div className="space-y-6">
+      <h1 className="text-2xl font-bold">Reconfiguration</h1>
+      <ReconfigPanel
+        apiEndpoint="/api/setup/reconfig"
+        detectEndpoint="/api/setup/detect-modules"
+        showSeedOption
+        onDbChanged={() => window.location.reload()}
+        onSeedRequested={async () => {
+          await fetch('/api/setup/install', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ action: 'seed-only' }),
+          })
+        }}
+      />
+    </div>
+  )
+}
+```
+
+#### 3. Menu dynamique
+
+Le module exporte `setupMenuContribution` qui declare la route `/dashboard/settings/reconfig`
+dans le groupe "Administration". Importez-le via le deep import :
+
+```tsx
+import { setupMenuContribution } from '@mostajs/setup/lib/menu'
+```
+
+#### 4. Props de ReconfigPanel
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `apiEndpoint` | `string` | URL de l'API reconfig (ex: `/api/setup/reconfig`) |
+| `detectEndpoint` | `string` | URL de l'API detect-modules (ex: `/api/setup/detect-modules`) |
+| `t` | `(key: string) => string` | Fonction de traduction (optionnel) |
+| `showSeedOption` | `boolean` | Afficher la checkbox "Re-seeder" lors d'un changement de DB |
+| `onDbChanged` | `() => void` | Callback apres changement de DB reussi |
+| `onModulesChanged` | `(modules: string[]) => void` | Callback apres maj des modules |
+| `onSeedRequested` | `() => Promise<void>` | Callback pour executer le seed |
+
+#### 5. Pourquoi le projet hote doit creer les pages ?
+
+Les modules `@mostajs/*` sont des **bibliotheques npm** (composants, hooks, utilitaires), pas des applications.
+Next.js App Router exige que les fichiers `page.tsx` soient dans le dossier `src/app/` du projet.
+Un package npm ne peut pas injecter de pages dans le routeur — c'est donc au projet hote de creer ces fichiers wrapper, meme s'ils ne font qu'importer et afficher un composant du module.
+
+---
+
+## 9. FAQ / Troubleshooting
 
 ### L'installation tourne en boucle (GET /setup se repete)
 

package/dist/api/reconfig.route.d.ts

@@ -0,0 +1,18 @@
+export interface ReconfigHandlerConfig {
+    /** Callback to get current env values */
+    getCurrentConfig?: () => {
+        dialect: string;
+        uri: string;
+        modules: string[];
+    };
+}
+/**
+ * Creates handlers for the reconfiguration API.
+ *
+ * GET  — returns current config (dialect, active modules)
+ * POST — applies new config (db change, module toggle)
+ */
+export declare function createReconfigHandlers(config?: ReconfigHandlerConfig): {
+    GET: () => Promise<Response>;
+    POST: (req: Request) => Promise<Response>;
+};

package/dist/api/reconfig.route.js

@@ -0,0 +1,74 @@
+// @mostajs/setup — API Route factory for reconfiguration
+// Author: Dr Hamid MADANI drmdh@msn.com
+import { testDbConnection } from '../lib/db-test';
+import { writeEnvLocal } from '../lib/env-writer';
+import { composeDbUri } from '../lib/compose-uri';
+/**
+ * Creates handlers for the reconfiguration API.
+ *
+ * GET  — returns current config (dialect, active modules)
+ * POST — applies new config (db change, module toggle)
+ */
+export function createReconfigHandlers(config) {
+    async function GET() {
+        const dialect = process.env.DB_DIALECT || 'mongodb';
+        const uri = process.env.SGBD_URI || '';
+        const modulesStr = process.env.MOSTAJS_MODULES || '';
+        const modules = modulesStr ? modulesStr.split(',').map((m) => m.trim()) : [];
+        return Response.json({
+            dialect,
+            uri,
+            modules,
+        });
+    }
+    async function POST(req) {
+        try {
+            const body = await req.json();
+            const { action } = body;
+            if (action === 'test-db') {
+                const { dialect, host, port, name, user, password } = body;
+                const result = await testDbConnection({ dialect, host, port, name, user, password });
+                return Response.json(result);
+            }
+            if (action === 'change-db') {
+                const { dialect, host, port, name, user, password } = body;
+                // Test first
+                const test = await testDbConnection({ dialect, host, port, name, user, password });
+                if (!test.ok) {
+                    return Response.json({ ok: false, error: test.error || 'Connexion echouee' });
+                }
+                // Write .env.local
+                const uri = composeDbUri(dialect, { host, port, name, user, password });
+                const needsRestart = await writeEnvLocal({ dialect, uri });
+                // Update process.env in-memory
+                process.env.DB_DIALECT = dialect;
+                process.env.SGBD_URI = uri;
+                // Disconnect existing dialect
+                try {
+                    const { disconnectDialect } = await import('@mostajs/orm');
+                    await disconnectDialect();
+                }
+                catch { }
+                return Response.json({ ok: true, needsRestart });
+            }
+            if (action === 'update-modules') {
+                const { modules } = body;
+                const modulesStr = modules.join(',');
+                // Read current .env.local and update MOSTAJS_MODULES
+                const needsRestart = await writeEnvLocal({
+                    dialect: (process.env.DB_DIALECT || 'mongodb'),
+                    uri: process.env.SGBD_URI || '',
+                    extraVars: { MOSTAJS_MODULES: modulesStr },
+                });
+                process.env.MOSTAJS_MODULES = modulesStr;
+                return Response.json({ ok: true, needsRestart, modules });
+            }
+            return Response.json({ ok: false, error: 'Action inconnue' }, { status: 400 });
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : 'Erreur serveur';
+            return Response.json({ ok: false, error: message }, { status: 500 });
+        }
+    }
+    return { GET, POST };
+}

package/dist/components/ReconfigPanel.d.ts

@@ -0,0 +1,17 @@
+export interface ReconfigPanelProps {
+    /** API endpoint for reconfiguration (default: '/api/setup/reconfig') */
+    apiEndpoint?: string;
+    /** API endpoint for module detection (default: '/api/setup/detect-modules') */
+    detectEndpoint?: string;
+    /** Translate function */
+    t?: (key: string) => string;
+    /** Called after successful DB change */
+    onDbChanged?: (needsRestart: boolean) => void;
+    /** Called after modules update */
+    onModulesChanged?: (modules: string[]) => void;
+    /** Whether to show seed option on DB change (default: true) */
+    showSeedOption?: boolean;
+    /** Callback to run seed after DB change */
+    onSeedRequested?: () => Promise<void>;
+}
+export default function ReconfigPanel({ apiEndpoint, detectEndpoint, t, onDbChanged, onModulesChanged, showSeedOption, onSeedRequested, }: ReconfigPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ReconfigPanel.js

@@ -0,0 +1,327 @@
+// @mostajs/setup — Reconfiguration Panel
+// Author: Dr Hamid MADANI drmdh@msn.com
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
+const DIALECTS = [
+    { key: 'mongodb', name: 'MongoDB', icon: '🍃', defaultPort: 27017, defaultUser: '', defaultHost: 'localhost', requiresAuth: false },
+    { key: 'sqlite', name: 'SQLite', icon: '📄', defaultPort: 0, defaultUser: '', defaultHost: '', requiresAuth: false },
+    { key: 'postgres', name: 'PostgreSQL', icon: '🐘', defaultPort: 5432, defaultUser: 'postgres', defaultHost: 'localhost', requiresAuth: true },
+    { key: 'mysql', name: 'MySQL', icon: '🐬', defaultPort: 3306, defaultUser: 'root', defaultHost: 'localhost', requiresAuth: true },
+    { key: 'mariadb', name: 'MariaDB', icon: '🦭', defaultPort: 3306, defaultUser: 'root', defaultHost: 'localhost', requiresAuth: true },
+    { key: 'mssql', name: 'SQL Server', icon: '🟦', defaultPort: 1433, defaultUser: 'sa', defaultHost: 'localhost', requiresAuth: true },
+    { key: 'oracle', name: 'Oracle', icon: '🔴', defaultPort: 1521, defaultUser: 'system', defaultHost: 'localhost', requiresAuth: true },
+    { key: 'cockroachdb', name: 'CockroachDB', icon: '🪳', defaultPort: 26257, defaultUser: 'root', defaultHost: 'localhost', requiresAuth: true },
+];
+// ── Styles ────────────────────────────────────────────────────
+const S = {
+    panel: { fontFamily: 'system-ui, sans-serif', fontSize: 14 },
+    section: { marginBottom: 32, padding: 24, border: '1px solid #e5e7eb', borderRadius: 12, backgroundColor: '#fff' },
+    sectionTitle: { fontSize: 18, fontWeight: 700, marginBottom: 16, display: 'flex', alignItems: 'center', gap: 8 },
+    sectionDesc: { fontSize: 13, color: '#6b7280', marginBottom: 16 },
+    grid: { display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))', gap: 12 },
+    moduleCard: (active, required) => ({
+        padding: 16,
+        border: `2px solid ${active ? '#0284c7' : '#e5e7eb'}`,
+        borderRadius: 8,
+        backgroundColor: active ? '#f0f9ff' : '#fafafa',
+        cursor: required ? 'not-allowed' : 'pointer',
+        opacity: required ? 0.8 : 1,
+        transition: 'all 0.2s',
+    }),
+    moduleHeader: { display: 'flex', alignItems: 'center', gap: 8, marginBottom: 4 },
+    moduleIcon: { fontSize: 20 },
+    moduleName: { fontWeight: 600, fontSize: 14 },
+    moduleDesc: { fontSize: 12, color: '#6b7280' },
+    moduleBadge: (type) => ({
+        display: 'inline-block',
+        padding: '1px 6px',
+        borderRadius: 4,
+        fontSize: 10,
+        fontWeight: 600,
+        backgroundColor: type === 'required' ? '#fef3c7' : type === 'active' ? '#d1fae5' : '#e0e7ff',
+        color: type === 'required' ? '#92400e' : type === 'active' ? '#065f46' : '#3730a3',
+        marginLeft: 4,
+    }),
+    dialectGrid: { display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(140px, 1fr))', gap: 8 },
+    dialectCard: (selected) => ({
+        padding: 12,
+        border: `2px solid ${selected ? '#0284c7' : '#e5e7eb'}`,
+        borderRadius: 8,
+        backgroundColor: selected ? '#f0f9ff' : '#fff',
+        cursor: 'pointer',
+        textAlign: 'center',
+        transition: 'all 0.2s',
+    }),
+    dialectIcon: { fontSize: 24, marginBottom: 4 },
+    dialectName: { fontSize: 12, fontWeight: 600 },
+    formGroup: { marginBottom: 12 },
+    label: { display: 'block', marginBottom: 4, fontWeight: 500, fontSize: 12, color: '#374151' },
+    input: { width: '100%', padding: '8px 12px', border: '1px solid #d1d5db', borderRadius: 6, fontSize: 13, boxSizing: 'border-box' },
+    formRow: { display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 12 },
+    btn: (variant = 'primary') => ({
+        padding: '8px 16px',
+        border: 'none',
+        borderRadius: 6,
+        fontSize: 13,
+        fontWeight: 600,
+        cursor: 'pointer',
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: 6,
+        backgroundColor: variant === 'primary' ? '#0284c7' :
+            variant === 'success' ? '#059669' :
+                variant === 'danger' ? '#dc2626' : '#e5e7eb',
+        color: variant === 'secondary' ? '#374151' : '#fff',
+    }),
+    alert: (type) => ({
+        padding: 12,
+        borderRadius: 8,
+        marginBottom: 16,
+        fontSize: 13,
+        backgroundColor: type === 'success' ? '#d1fae5' :
+            type === 'error' ? '#fee2e2' :
+                type === 'warning' ? '#fef3c7' : '#dbeafe',
+        color: type === 'success' ? '#065f46' :
+            type === 'error' ? '#991b1b' :
+                type === 'warning' ? '#92400e' : '#1e40af',
+        border: `1px solid ${type === 'success' ? '#a7f3d0' :
+            type === 'error' ? '#fecaca' :
+                type === 'warning' ? '#fde68a' : '#bfdbfe'}`,
+    }),
+    checkbox: { marginRight: 8, width: 16, height: 16, cursor: 'pointer' },
+    checkboxLabel: { display: 'flex', alignItems: 'center', fontSize: 13, cursor: 'pointer', padding: '8px 0' },
+    currentBadge: {
+        display: 'inline-block',
+        padding: '2px 8px',
+        borderRadius: 12,
+        fontSize: 11,
+        fontWeight: 600,
+        backgroundColor: '#d1fae5',
+        color: '#065f46',
+        marginLeft: 8,
+    },
+};
+// ── Component ────────────────────────────────────────────────
+export default function ReconfigPanel({ apiEndpoint = '/api/setup/reconfig', detectEndpoint = '/api/setup/detect-modules', t = (k) => k, onDbChanged, onModulesChanged, showSeedOption = true, onSeedRequested, }) {
+    // --- State ---
+    const [loading, setLoading] = useState(true);
+    const [currentDialect, setCurrentDialect] = useState('');
+    const [currentModules, setCurrentModules] = useState([]);
+    const [allModules, setAllModules] = useState([]);
+    const [installedModules, setInstalledModules] = useState([]);
+    const [activeModules, setActiveModules] = useState(new Set());
+    // DB form
+    const [selectedDialect, setSelectedDialect] = useState('mongodb');
+    const [dbForm, setDbForm] = useState({ host: 'localhost', port: 27017, name: '', user: '', password: '' });
+    const [dbTesting, setDbTesting] = useState(false);
+    const [dbTestResult, setDbTestResult] = useState(null);
+    const [dbSaving, setDbSaving] = useState(false);
+    const [dbMessage, setDbMessage] = useState(null);
+    const [wantSeed, setWantSeed] = useState(true);
+    const [seeding, setSeeding] = useState(false);
+    // Module saving
+    const [moduleSaving, setModuleSaving] = useState(false);
+    const [moduleMessage, setModuleMessage] = useState(null);
+    // --- Load current config ---
+    const loadConfig = useCallback(async () => {
+        setLoading(true);
+        try {
+            const [configRes, modulesRes] = await Promise.all([
+                fetch(apiEndpoint),
+                fetch(detectEndpoint),
+            ]);
+            const config = await configRes.json();
+            const detected = await modulesRes.json();
+            setCurrentDialect(config.dialect);
+            setCurrentModules(config.modules || []);
+            setSelectedDialect(config.dialect);
+            setAllModules(detected.modules || []);
+            setInstalledModules(detected.installed || []);
+            // Active = modules in env or all installed if env empty
+            const active = config.modules?.length
+                ? new Set(config.modules)
+                : new Set(detected.installed);
+            setActiveModules(active);
+            // Set DB form defaults for current dialect
+            const dialectInfo = DIALECTS.find((d) => d.key === config.dialect);
+            if (dialectInfo) {
+                setDbForm({
+                    host: dialectInfo.defaultHost,
+                    port: dialectInfo.defaultPort,
+                    name: '',
+                    user: dialectInfo.defaultUser,
+                    password: '',
+                });
+            }
+        }
+        catch {
+            // ignore
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [apiEndpoint, detectEndpoint]);
+    useEffect(() => { loadConfig(); }, [loadConfig]);
+    // --- Dialect change ---
+    const handleDialectChange = (dialect) => {
+        setSelectedDialect(dialect);
+        setDbTestResult(null);
+        setDbMessage(null);
+        const info = DIALECTS.find((d) => d.key === dialect);
+        if (info) {
+            setDbForm({
+                host: info.defaultHost,
+                port: info.defaultPort,
+                name: '',
+                user: info.defaultUser,
+                password: '',
+            });
+        }
+    };
+    // --- Test DB ---
+    const handleTestDb = async () => {
+        setDbTesting(true);
+        setDbTestResult(null);
+        try {
+            const res = await fetch(apiEndpoint, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    action: 'test-db',
+                    dialect: selectedDialect,
+                    ...dbForm,
+                }),
+            });
+            const result = await res.json();
+            setDbTestResult(result);
+        }
+        catch {
+            setDbTestResult({ ok: false, error: 'Erreur reseau' });
+        }
+        finally {
+            setDbTesting(false);
+        }
+    };
+    // --- Apply DB change ---
+    const handleApplyDb = async () => {
+        setDbSaving(true);
+        setDbMessage(null);
+        try {
+            const res = await fetch(apiEndpoint, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    action: 'change-db',
+                    dialect: selectedDialect,
+                    ...dbForm,
+                }),
+            });
+            const result = await res.json();
+            if (result.ok) {
+                setCurrentDialect(selectedDialect);
+                // Seed if requested
+                if (wantSeed && showSeedOption && onSeedRequested) {
+                    setSeeding(true);
+                    try {
+                        await onSeedRequested();
+                        setDbMessage({ type: 'success', text: 'Base de donnees changee et seed effectue. ' + (result.needsRestart ? 'Redemarrage necessaire.' : '') });
+                    }
+                    catch {
+                        setDbMessage({ type: 'warning', text: 'Base de donnees changee mais le seed a echoue. Vous pouvez relancer le seed manuellement.' });
+                    }
+                    finally {
+                        setSeeding(false);
+                    }
+                }
+                else {
+                    setDbMessage({
+                        type: result.needsRestart ? 'warning' : 'success',
+                        text: result.needsRestart
+                            ? 'Base de donnees changee. Redemarrez le serveur pour appliquer.'
+                            : 'Base de donnees changee avec succes.',
+                    });
+                }
+                onDbChanged?.(result.needsRestart);
+            }
+            else {
+                setDbMessage({ type: 'error', text: result.error || 'Erreur' });
+            }
+        }
+        catch {
+            setDbMessage({ type: 'error', text: 'Erreur reseau' });
+        }
+        finally {
+            setDbSaving(false);
+        }
+    };
+    // --- Toggle module ---
+    const toggleModule = (key) => {
+        const mod = allModules.find((m) => m.key === key);
+        if (mod?.required)
+            return;
+        setActiveModules((prev) => {
+            const next = new Set(prev);
+            if (next.has(key)) {
+                next.delete(key);
+            }
+            else {
+                next.add(key);
+                // Auto-add dependencies
+                if (mod?.dependsOn) {
+                    for (const dep of mod.dependsOn)
+                        next.add(dep);
+                }
+            }
+            return next;
+        });
+    };
+    // --- Save modules ---
+    const handleSaveModules = async () => {
+        setModuleSaving(true);
+        setModuleMessage(null);
+        try {
+            const modules = Array.from(activeModules);
+            const res = await fetch(apiEndpoint, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ action: 'update-modules', modules }),
+            });
+            const result = await res.json();
+            if (result.ok) {
+                setCurrentModules(modules);
+                setModuleMessage({
+                    type: 'success',
+                    text: result.needsRestart
+                        ? 'Modules mis a jour. Redemarrez le serveur pour appliquer.'
+                        : 'Modules mis a jour avec succes.',
+                });
+                onModulesChanged?.(modules);
+            }
+            else {
+                setModuleMessage({ type: 'error', text: result.error || 'Erreur' });
+            }
+        }
+        catch {
+            setModuleMessage({ type: 'error', text: 'Erreur reseau' });
+        }
+        finally {
+            setModuleSaving(false);
+        }
+    };
+    // --- Render ---
+    if (loading) {
+        return _jsx("div", { style: { textAlign: 'center', padding: 40, color: '#6b7280' }, children: "Chargement de la configuration..." });
+    }
+    const dialectInfo = DIALECTS.find((d) => d.key === selectedDialect);
+    const isSqlite = selectedDialect === 'sqlite';
+    return (_jsxs("div", { style: S.panel, children: [_jsxs("div", { style: S.section, children: [_jsxs("div", { style: S.sectionTitle, children: [_jsx("span", { children: "\uD83D\uDCE6" }), " Modules actifs"] }), _jsx("div", { style: S.sectionDesc, children: "Activez ou desactivez les modules @mostajs. Les modules requis ne peuvent pas etre desactives. Seuls les modules installes (dans node_modules) peuvent etre actives." }), moduleMessage && (_jsx("div", { style: S.alert(moduleMessage.type), children: moduleMessage.text })), _jsx("div", { style: S.grid, children: allModules.map((mod) => {
+                            const isInstalled = installedModules.includes(mod.key);
+                            const isActive = activeModules.has(mod.key);
+                            const isRequired = !!mod.required;
+                            return (_jsxs("div", { style: {
+                                    ...S.moduleCard(isActive, isRequired || !isInstalled),
+                                    opacity: isInstalled ? 1 : 0.5,
+                                }, onClick: () => isInstalled && toggleModule(mod.key), children: [_jsxs("div", { style: S.moduleHeader, children: [_jsx("span", { style: S.moduleIcon, children: mod.icon }), _jsx("span", { style: S.moduleName, children: mod.label }), isRequired && _jsx("span", { style: S.moduleBadge('required'), children: "requis" }), isActive && !isRequired && _jsx("span", { style: S.moduleBadge('active'), children: "actif" }), !isInstalled && _jsx("span", { style: S.moduleBadge('dep'), children: "non installe" })] }), _jsx("div", { style: S.moduleDesc, children: mod.description }), mod.dependsOn?.length ? (_jsxs("div", { style: { fontSize: 11, color: '#9ca3af', marginTop: 4 }, children: ["Depend de : ", mod.dependsOn.join(', ')] })) : null] }, mod.key));
+                        }) }), _jsx("div", { style: { marginTop: 16, display: 'flex', gap: 8 }, children: _jsx("button", { style: S.btn('primary'), onClick: handleSaveModules, disabled: moduleSaving, children: moduleSaving ? 'Enregistrement...' : 'Enregistrer les modules' }) })] }), _jsxs("div", { style: S.section, children: [_jsxs("div", { style: S.sectionTitle, children: [_jsx("span", { children: "\uD83D\uDDC4\uFE0F" }), " Base de donnees", currentDialect && (_jsxs("span", { style: S.currentBadge, children: ["Actuelle : ", DIALECTS.find((d) => d.key === currentDialect)?.name || currentDialect] }))] }), _jsx("div", { style: S.sectionDesc, children: "Changez le dialecte ou les parametres de connexion. La connexion sera testee avant application." }), dbMessage && (_jsx("div", { style: S.alert(dbMessage.type), children: dbMessage.text })), _jsxs("div", { style: { marginBottom: 20 }, children: [_jsx("div", { style: { ...S.label, marginBottom: 8, fontSize: 13 }, children: "Dialecte" }), _jsx("div", { style: S.dialectGrid, children: DIALECTS.map((d) => (_jsxs("div", { style: S.dialectCard(selectedDialect === d.key), onClick: () => handleDialectChange(d.key), children: [_jsx("div", { style: S.dialectIcon, children: d.icon }), _jsxs("div", { style: S.dialectName, children: [d.name, d.key === currentDialect && _jsx("span", { style: { fontSize: 9, color: '#059669' }, children: " (actuel)" })] })] }, d.key))) })] }), !isSqlite && (_jsxs("div", { style: { maxWidth: 500 }, children: [_jsxs("div", { style: S.formRow, children: [_jsxs("div", { style: S.formGroup, children: [_jsx("label", { style: S.label, children: "Hote" }), _jsx("input", { style: S.input, value: dbForm.host, onChange: (e) => setDbForm({ ...dbForm, host: e.target.value }), placeholder: "localhost" })] }), _jsxs("div", { style: S.formGroup, children: [_jsx("label", { style: S.label, children: "Port" }), _jsx("input", { style: S.input, type: "number", value: dbForm.port, onChange: (e) => setDbForm({ ...dbForm, port: Number(e.target.value) }) })] })] }), _jsxs("div", { style: S.formGroup, children: [_jsx("label", { style: S.label, children: "Nom de la base" }), _jsx("input", { style: S.input, value: dbForm.name, onChange: (e) => setDbForm({ ...dbForm, name: e.target.value }), placeholder: "ma_base_de_donnees" })] }), dialectInfo?.requiresAuth && (_jsxs("div", { style: S.formRow, children: [_jsxs("div", { style: S.formGroup, children: [_jsx("label", { style: S.label, children: "Utilisateur" }), _jsx("input", { style: S.input, value: dbForm.user, onChange: (e) => setDbForm({ ...dbForm, user: e.target.value }) })] }), _jsxs("div", { style: S.formGroup, children: [_jsx("label", { style: S.label, children: "Mot de passe" }), _jsx("input", { style: S.input, type: "password", value: dbForm.password, onChange: (e) => setDbForm({ ...dbForm, password: e.target.value }) })] })] }))] })), isSqlite && (_jsxs("div", { style: S.formGroup, children: [_jsx("label", { style: S.label, children: "Nom du fichier (sans extension)" }), _jsx("input", { style: { ...S.input, maxWidth: 300 }, value: dbForm.name, onChange: (e) => setDbForm({ ...dbForm, name: e.target.value }), placeholder: "ma_base" }), _jsxs("div", { style: { fontSize: 11, color: '#9ca3af', marginTop: 4 }, children: ["Le fichier sera cree dans ./data/", dbForm.name || 'ma_base', ".db"] })] })), dbTestResult && (_jsx("div", { style: S.alert(dbTestResult.ok ? 'success' : 'error'), children: dbTestResult.ok ? 'Connexion reussie !' : `Echec : ${dbTestResult.error}` })), showSeedOption && onSeedRequested && (selectedDialect !== currentDialect || dbForm.name) && (_jsx("div", { style: { marginBottom: 12, padding: 12, backgroundColor: '#fffbeb', border: '1px solid #fde68a', borderRadius: 8 }, children: _jsxs("label", { style: S.checkboxLabel, children: [_jsx("input", { type: "checkbox", checked: wantSeed, onChange: (e) => setWantSeed(e.target.checked), style: S.checkbox }), _jsxs("div", { children: [_jsx("div", { style: { fontWeight: 600, fontSize: 13 }, children: "Initialiser la nouvelle base (seed)" }), _jsx("div", { style: { fontSize: 12, color: '#92400e' }, children: "Cree les tables/collections, permissions, roles et categories dans la nouvelle base. Recommande si vous changez vers une base vide." })] })] }) })), _jsxs("div", { style: { display: 'flex', gap: 8, marginTop: 16 }, children: [_jsx("button", { style: S.btn('secondary'), onClick: handleTestDb, disabled: dbTesting || (!isSqlite && !dbForm.name), children: dbTesting ? 'Test en cours...' : 'Tester la connexion' }), _jsx("button", { style: S.btn('primary'), onClick: handleApplyDb, disabled: dbSaving || seeding || (!isSqlite && !dbForm.name) || (dbTestResult !== null && !dbTestResult.ok), children: seeding ? 'Seed en cours...' : dbSaving ? 'Application...' : 'Appliquer' })] })] })] }));
+}

package/dist/index.d.ts

@@ -10,5 +10,7 @@ export { createInstallHandler } from './api/install.route';
 export { createStatusHandler } from './api/status.route';
 export { createDetectModulesHandler } from './api/detect-modules.route';
 export { createInstallModulesHandler } from './api/install-modules.route';
+export { createReconfigHandlers } from './api/reconfig.route';
+export { default as ReconfigPanel } from './components/ReconfigPanel';
 export { setupMenuContribution } from './lib/menu';
 export type { DialectType, DialectInfo, DbConfig, InstallConfig, SeedOptions, SeedDefinition, MostaSetupConfig, ModuleDefinition, } from './types/index';

package/dist/index.js

@@ -16,5 +16,8 @@ export { createInstallHandler } from './api/install.route';
 export { createStatusHandler } from './api/status.route';
 export { createDetectModulesHandler } from './api/detect-modules.route';
 export { createInstallModulesHandler } from './api/install-modules.route';
+export { createReconfigHandlers } from './api/reconfig.route';
+// Components
+export { default as ReconfigPanel } from './components/ReconfigPanel';
 // Menu contribution
 export { setupMenuContribution } from './lib/menu';

package/dist/lib/menu.js

@@ -1,6 +1,6 @@
 // @mostajs/setup — Menu contribution
 // Author: Dr Hamid MADANI drmdh@msn.com
-import { Wrench } from 'lucide-react';
+import { Wrench, Settings2 } from 'lucide-react';
 export const setupMenuContribution = {
     moduleKey: 'setup',
     mergeIntoGroup: 'Administration',
@@ -12,5 +12,11 @@ export const setupMenuContribution = {
             icon: Wrench,
             permission: 'admin:access',
         },
+        {
+            label: 'setup.reconfig.title',
+            href: '/dashboard/settings/reconfig',
+            icon: Settings2,
+            permission: 'admin:settings',
+        },
     ],
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mostajs/setup",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "Reusable setup wizard module — multi-dialect DB configuration, .env.local writer, seed runner",
   "author": "Dr Hamid MADANI <drmdh@msn.com>",
   "license": "MIT",
@@ -37,6 +37,16 @@
       "types": "./dist/lib/menu.d.ts",
       "import": "./dist/lib/menu.js",
       "default": "./dist/lib/menu.js"
+    },
+    "./components/ReconfigPanel": {
+      "types": "./dist/components/ReconfigPanel.d.ts",
+      "import": "./dist/components/ReconfigPanel.js",
+      "default": "./dist/components/ReconfigPanel.js"
+    },
+    "./api/reconfig": {
+      "types": "./dist/api/reconfig.route.d.ts",
+      "import": "./dist/api/reconfig.route.js",
+      "default": "./dist/api/reconfig.route.js"
     }
   },
   "files": [
@@ -73,14 +83,19 @@
     "@mostajs/menu": "^1.0.2",
     "@types/bcryptjs": "^2.4.0",
     "@types/node": "^25.3.3",
+    "@types/react": "^19.2.14",
     "typescript": "^5.6.0"
   },
   "peerDependencies": {
-    "@mostajs/menu": ">=1.0.2"
+    "@mostajs/menu": ">=1.0.2",
+    "react": ">=18.0.0"
   },
   "peerDependenciesMeta": {
     "@mostajs/menu": {
       "optional": true
+    },
+    "react": {
+      "optional": true
     }
   }
 }