@fecommunity/reactpress 4.0.0-beta.0 → 4.0.0-beta.10

package/out/ui/interactive.js

@@ -1,166 +1,210 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // @ts-nocheck
-const fs = require('fs');
-const path = require('path');
 const inquirer = require('inquirer');
 const ora = require('ora');
 const open = require('open');
-const { printBanner } = require('./banner');
-const { brand, icon, label, ok, fail, sectionHeader, statusPill, padRight, } = require('./theme');
+const { refreshBannerWithStartup } = require('./banner-startup');
+const { brand, label, ok, fail, padRight, visibleLength, } = require('./theme');
 const { ensureOriginalCwd } = require('../lib/root');
 const { describeProject } = require('../lib/project-type');
 const { hasResolvableActiveTheme } = require('../lib/theme-runtime');
-const { ensureProjectEnvironment } = require('../lib/bootstrap');
-const { runDev, runThemeDev } = require('../lib/dev');
+const { ensureProjectEnvironment, initMonorepoProject } = require('../lib/bootstrap');
+const { runDev, runThemeDev, runWebDev, runLocalWebDev, runDesktopDev } = require('../lib/dev');
 const { runApiDev } = require('../lib/api-dev');
 const { runLifecycleCommand } = require('../lib/lifecycle');
 const { runDockerCommand } = require('../lib/docker');
 const { runNginxCommand } = require('../lib/nginx');
 const { printUnifiedStatus } = require('../lib/status');
 const { runDoctor } = require('../lib/doctor');
+const { runDbBackup } = require('../lib/db-backup');
 const { runBuild, TARGETS } = require('../lib/build');
-const { loadClientSiteUrl, loadServerSiteUrl, isHttpResponding } = require('../lib/http');
-const { isDockerRunning } = require('../lib/docker');
+const { loadClientSiteUrl } = require('../lib/http');
 const { t } = require('../lib/i18n');
+const GROUP_PREFIX = '__group:';
 function menuSection(title) {
-    return new inquirer.Separator(sectionHeader(title));
+    return new inquirer.Separator(`  ${brand.border('──')} ${brand.dim(String(title).toUpperCase())}`);
 }
 function formatChoice(key, text, hint) {
-    const keyCol = key ? brand.primary(padRight(key, 2)) : '   ';
+    const keyCol = key ? brand.primary(`${key}.`) : '   ';
     const hintPart = hint ? brand.dim(`  ${hint}`) : '';
-    return `${keyCol}  ${text}${hintPart}`;
+    return `${keyCol} ${text}${hintPart}`;
 }
-function assignShortcuts(items) {
-    let n = 0;
+function choice(labelKey, value, hintKey) {
+    return {
+        _label: t(labelKey),
+        _hint: hintKey ? t(hintKey) : '',
+        value,
+    };
+}
+function toInquirerChoices(items, { start = 1, alignHints = true } = {}) {
+    const actionable = items.filter((item) => item._label);
+    const labelWidth = alignHints
+        ? Math.min(Math.max(...actionable.map((item) => visibleLength(item._label)), 0), 34)
+        : 0;
+    let n = start - 1;
     return items.map((item) => {
-        if (item instanceof inquirer.Separator || item.type === 'separator') {
+        if (item instanceof inquirer.Separator) {
             return item;
         }
+        const shortLabel = item._short || stripAnsi(item._label || item.name || item.value);
+        if (item.noShortcut) {
+            return {
+                name: item._label,
+                value: item.value,
+                short: shortLabel,
+            };
+        }
         n += 1;
         const key = n <= 9 ? String(n) : '';
+        const labelText = labelWidth ? padRight(item._label, labelWidth) : item._label;
         return {
-            ...item,
-            name: formatChoice(key, item._label || item.name, item._hint),
-            short: item.value,
+            name: formatChoice(key, labelText, item._hint),
+            value: item.value,
+            short: shortLabel,
         };
     });
 }
-function choice(labelKey, value, hintKey) {
-    return {
-        _label: t(labelKey),
-        _hint: hintKey ? t(hintKey) : '',
-        value,
-    };
+function stripAnsi(text) {
+    return String(text || '').replace(/\u001b\[[0-9;]*m/g, '');
 }
-function getMenuActions(project) {
+function buildMenuGroups(project) {
     const standalone = project.type === 'standalone';
     const monorepo = project.type === 'monorepo';
     const showTheme = hasResolvableActiveTheme(project.root);
-    const items = [
-        menuSection(t('menu.section.run')),
-        choice('menu.dev', 'dev', 'menu.hint.dev'),
-        choice('menu.init', 'init', 'menu.hint.init'),
-        choice('menu.status', 'status', 'menu.hint.status'),
-        choice('menu.doctor', 'doctor', 'menu.hint.doctor'),
-        menuSection(t('menu.section.lifecycle')),
-        choice('menu.devApi', 'dev:api', 'menu.hint.devApi'),
-    ];
+    const run = {
+        key: 'run',
+        title: t('menu.section.run'),
+        items: [
+            choice('menu.dev', 'dev', 'menu.hint.dev'),
+            choice('menu.init', 'init', 'menu.hint.init'),
+            choice('menu.status', 'status', 'menu.hint.status'),
+            choice('menu.doctor', 'doctor', 'menu.hint.doctor'),
+        ],
+    };
+    const extendItems = [];
+    if (project.hasDesktop) {
+        extendItems.push(choice('menu.devDesktop', 'dev:desktop', 'menu.hint.devDesktop'));
+    }
+    if (project.hasWeb) {
+        extendItems.push(choice('menu.devWeb', 'dev:web', 'menu.hint.devWeb'));
+        extendItems.push(choice('menu.devLocalWeb', 'dev:local-web', 'menu.hint.devLocalWeb'));
+    }
+    extendItems.push(choice('menu.initLocal', 'init:local', 'menu.hint.initLocal'));
+    extendItems.push(choice('menu.themeList', 'theme:list', 'menu.hint.themeList'));
+    if (monorepo && project.hasPluginsWorkspace) {
+        extendItems.push(choice('menu.pluginList', 'plugin:list', 'menu.hint.pluginList'));
+    }
+    const lifecycleItems = [choice('menu.devApi', 'dev:api', 'menu.hint.devApi')];
     if (showTheme) {
-        items.push(choice('menu.devClient', 'dev:client', 'menu.hint.devClient'));
+        lifecycleItems.push(choice('menu.devClient', 'dev:client', 'menu.hint.devClient'));
     }
-    items.push(choice('menu.serverStart', 'server:start', 'menu.hint.serverStart'), choice('menu.serverStop', 'server:stop', 'menu.hint.serverStop'), choice('menu.serverRestart', 'server:restart', 'menu.hint.serverRestart'), menuSection(t('menu.section.build')), choice('menu.build', 'build', 'menu.hint.build'));
+    lifecycleItems.push(choice('menu.serverStart', 'server:start', 'menu.hint.serverStart'), choice('menu.serverStop', 'server:stop', 'menu.hint.serverStop'), choice('menu.serverRestart', 'server:restart', 'menu.hint.serverRestart'));
+    const buildItems = [choice('menu.build', 'build', 'menu.hint.build')];
     if (monorepo) {
-        items.push(choice('menu.dockerStart', 'docker:start', 'menu.hint.dockerStart'), choice('menu.dockerUp', 'docker:up', 'menu.hint.dockerUp'), choice('menu.dockerStop', 'docker:stop', 'menu.hint.dockerStop'));
+        buildItems.push(choice('menu.dockerStart', 'docker:start', 'menu.hint.dockerStart'), choice('menu.dockerUp', 'docker:up', 'menu.hint.dockerUp'), choice('menu.dockerStop', 'docker:stop', 'menu.hint.dockerStop'));
     }
     else if (standalone) {
-        items.push(choice('menu.dockerUp', 'docker:up', 'menu.hint.dockerUp'), choice('menu.dockerStop', 'docker:stop', 'menu.hint.dockerStop'));
+        buildItems.push(choice('menu.dockerUp', 'docker:up', 'menu.hint.dockerUp'), choice('menu.dockerStop', 'docker:stop', 'menu.hint.dockerStop'));
     }
-    items.push(menuSection(t('menu.section.tools')), choice('menu.nginxUp', 'nginx:up', 'menu.hint.nginxUp'), choice('menu.nginxOpen', 'nginx:open', 'menu.hint.nginxOpen'), choice('menu.nginxReload', 'nginx:reload', 'menu.hint.nginxReload'), choice('menu.openAdmin', 'open:admin', 'menu.hint.openAdmin'));
     if (monorepo) {
-        items.push(choice('menu.publish', 'publish', 'menu.hint.publish'));
+        buildItems.push(choice('menu.publish', 'publish', 'menu.hint.publish'));
+    }
+    const toolItems = [
+        choice('menu.nginxUp', 'nginx:up', 'menu.hint.nginxUp'),
+        choice('menu.nginxOpen', 'nginx:open', 'menu.hint.nginxOpen'),
+        choice('menu.nginxReload', 'nginx:reload', 'menu.hint.nginxReload'),
+        choice('menu.dbBackup', 'db:backup', 'menu.hint.dbBackup'),
+        choice('menu.openAdmin', 'open:admin', 'menu.hint.openAdmin'),
+    ];
+    const groups = [run];
+    if (extendItems.length > 0) {
+        groups.push({ key: 'extend', title: t('menu.section.extend'), items: extendItems });
     }
-    items.push(new inquirer.Separator(), choice('menu.exit', 'exit', 'menu.hint.exit'));
-    return assignShortcuts(items);
+    groups.push({ key: 'lifecycle', title: t('menu.section.lifecycle'), items: lifecycleItems }, { key: 'build', title: t('menu.section.build'), items: buildItems }, { key: 'tools', title: t('menu.section.tools'), items: toolItems });
+    return groups;
 }
-function parseEnvFile(projectRoot) {
-    const envPath = path.join(projectRoot, '.env');
-    const env = {};
-    try {
-        if (!fs.existsSync(envPath))
-            return env;
-        for (const line of fs.readFileSync(envPath, 'utf8').split('\n')) {
-            const m = line.match(/^([A-Z_]+)=(.*)$/);
-            if (m)
-                env[m[1]] = m[2].trim().replace(/^['"]|['"]$/g, '');
+function getTopLevelMenu(project) {
+    const groups = buildMenuGroups(project);
+    const runGroup = groups[0];
+    const subGroups = groups.slice(1);
+    const items = [menuSection(t('menu.section.quick')), ...runGroup.items];
+    if (subGroups.length > 0) {
+        items.push(menuSection(t('menu.section.explore')));
+        for (const group of subGroups) {
+            items.push({
+                _label: t(`menu.group.${group.key}`),
+                _hint: t(`menu.groupHint.${group.key}`),
+                value: `${GROUP_PREFIX}${group.key}`,
+            });
         }
     }
-    catch {
-        // ignore
-    }
-    return env;
+    items.push(new inquirer.Separator(), { _label: brand.dim(t('menu.exit')), value: 'exit', noShortcut: true });
+    return toInquirerChoices(items, { alignHints: false });
 }
-async function probeDatabase(projectRoot) {
-    try {
-        const mysql = require('mysql2/promise');
-        const env = parseEnvFile(projectRoot);
-        const conn = await mysql.createConnection({
-            host: env.DB_HOST || '127.0.0.1',
-            port: Number(env.DB_PORT || 3306),
-            user: env.DB_USER || 'reactpress',
-            password: env.DB_PASSWD || env.DB_PASSWORD || 'reactpress',
-            database: env.DB_DATABASE || 'reactpress',
-            connectTimeout: 2000,
-        });
-        await conn.ping();
-        await conn.end();
-        return true;
-    }
-    catch {
-        return false;
-    }
+function getSubMenu(group) {
+    const items = [
+        menuSection(group.title),
+        ...group.items,
+        new inquirer.Separator(),
+        { _label: brand.dim(`← ${t('menu.backToMain')}`), value: '__back', noShortcut: true },
+    ];
+    return toInquirerChoices(items);
 }
-async function fetchContextStatus(projectRoot) {
-    const apiUrl = loadServerSiteUrl(projectRoot);
-    const [apiOk, dockerOk, dbOk] = await Promise.all([
-        isHttpResponding(apiUrl, 1500),
-        Promise.resolve(isDockerRunning()),
-        probeDatabase(projectRoot),
-    ]);
-    return { apiOk, dbOk, dockerOk };
+function getMenuActions(project) {
+    const groups = buildMenuGroups(project);
+    const items = [];
+    for (const group of groups) {
+        items.push(menuSection(group.title), ...group.items);
+    }
+    items.push(new inquirer.Separator(), choice('menu.exit', 'exit'));
+    return toInquirerChoices(items);
 }
-function printStatusPanel(status) {
-    const on = { on: t('menu.statusOn'), off: t('menu.statusOff') };
-    const db = {
-        on: t('menu.statusReady'),
-        off: t('menu.statusNotReady'),
-        pending: t('menu.statusChecking'),
-    };
-    const docker = { on: t('menu.statusYes'), off: t('menu.statusNo') };
-    console.log(sectionHeader(t('menu.statusHeader')));
-    const rows = [
-        [t('menu.statusLabelApi'), statusPill(status.apiOk, on)],
-        [t('menu.statusLabelDb'), statusPill(status.dbOk, db)],
-        [t('menu.statusLabelDocker'), statusPill(status.dockerOk, docker)],
-    ];
-    for (const [name, pill] of rows) {
-        console.log(`  ${brand.muted(padRight(name, 10))}  ${pill}`);
+async function pickMenuAction(project) {
+    const groups = buildMenuGroups(project);
+    const groupMap = Object.fromEntries(groups.map((group) => [group.key, group]));
+    while (true) {
+        const { action } = await inquirer.prompt([
+            {
+                type: 'list',
+                name: 'action',
+                message: `${brand.primary('›')} ${t('menu.prompt')}`,
+                pageSize: 14,
+                loop: false,
+                choices: getTopLevelMenu(project),
+            },
+        ]);
+        if (!action || typeof action !== 'string') {
+            continue;
+        }
+        if (!action.startsWith(GROUP_PREFIX)) {
+            return action;
+        }
+        const groupKey = action.slice(GROUP_PREFIX.length);
+        const group = groupMap[groupKey];
+        if (!group) {
+            continue;
+        }
+        const { subAction } = await inquirer.prompt([
+            {
+                type: 'list',
+                name: 'subAction',
+                message: `${brand.primary('›')} ${t('menu.subPrompt', { section: group.title })}`,
+                pageSize: 14,
+                loop: false,
+                choices: getSubMenu(group),
+            },
+        ]);
+        if (subAction !== '__back') {
+            return subAction;
+        }
     }
-    console.log('');
 }
-async function printContextStatus(projectRoot) {
-    const spinner = ora({
-        text: brand.dim(t('menu.statusChecking')),
-        color: 'magenta',
-        spinner: 'dots',
-    }).start();
-    const status = await fetchContextStatus(projectRoot);
-    spinner.stop();
-    printStatusPanel(status);
-    return status;
+async function refreshInteractiveBanner(projectRoot, project, { animated = true } = {}) {
+    return refreshBannerWithStartup(projectRoot, project, { animated });
 }
 async function withSpinner(text, fn) {
-    const spinner = ora({ text, color: 'magenta', spinner: 'dots' }).start();
+    const spinner = ora({ text, color: 'gray', spinner: 'dots' }).start();
     try {
         const result = await fn();
         spinner.succeed();
@@ -197,6 +241,40 @@ async function runMenuAction(action, projectRoot, project) {
         case 'dev:client':
             await runThemeDev(projectRoot);
             return false;
+        case 'dev:desktop':
+            await runDesktopDev(projectRoot);
+            return false;
+        case 'dev:web':
+            await runWebDev(projectRoot);
+            return false;
+        case 'dev:local-web':
+            process.env.REACTPRESS_LOCAL_MODE = '1';
+            process.env.REACTPRESS_SKIP_NGINX = '1';
+            await runLocalWebDev(projectRoot);
+            return false;
+        case 'init:local': {
+            const { isMonorepoCheckout } = require('../lib/root');
+            const { initProject } = require('../core/services/init');
+            const result = await withSpinner(t('menu.initProject'), async () => {
+                if (isMonorepoCheckout(projectRoot)) {
+                    return initMonorepoProject(projectRoot, { local: true });
+                }
+                return initProject({ directory: projectRoot, force: false, local: true });
+            });
+            console.log(ok(result.message || t('menu.done')));
+            return true;
+        }
+        case 'theme:list':
+            require('../lib/theme-cli').runThemeList(projectRoot);
+            return true;
+        case 'plugin:list':
+            require('../lib/plugin-cli').runPluginList(projectRoot);
+            return true;
+        case 'db:backup':
+            await withSpinner(t('cli.db.backup'), async () => {
+                await runDbBackup(projectRoot);
+            });
+            return true;
         case 'server:start': {
             const code = await withSpinner(t('menu.startingApi'), () => runLifecycleCommand('start', projectRoot));
             if (code !== 0)
@@ -277,22 +355,12 @@ async function runMenuAction(action, projectRoot, project) {
 async function runInteractiveLoop() {
     const projectRoot = ensureOriginalCwd();
     const project = describeProject(projectRoot);
-    printBanner({ projectRoot, project });
-    await printContextStatus(projectRoot);
+    await refreshInteractiveBanner(projectRoot, project, { animated: true });
     console.log(`  ${brand.dim(t('menu.shortcuts'))}`);
     console.log('');
     let loop = true;
     while (loop) {
-        const { action } = await inquirer.prompt([
-            {
-                type: 'list',
-                name: 'action',
-                message: `${brand.primary(t('menu.actionPrefix'))}  ${brand.dim('›')}`,
-                pageSize: 20,
-                loop: false,
-                choices: getMenuActions(project),
-            },
-        ]);
+        const action = await pickMenuAction(project);
         if (action === 'exit') {
             console.log(brand.muted(t('menu.goodbye')));
             break;
@@ -303,7 +371,7 @@ async function runInteractiveLoop() {
                 break;
             if (action !== 'status' && action !== 'doctor') {
                 console.log('');
-                await printContextStatus(projectRoot);
+                await refreshInteractiveBanner(projectRoot, project, { animated: false });
             }
         }
         catch (err) {
@@ -319,10 +387,16 @@ async function runInteractiveLoop() {
             loop = retry;
             if (loop) {
                 console.log('');
-                await printContextStatus(projectRoot);
+                await refreshInteractiveBanner(projectRoot, project, { animated: false });
             }
         }
     }
 }
-module.exports = { runInteractiveLoop, runMenuAction, getMenuActions };
+module.exports = {
+    runInteractiveLoop,
+    runMenuAction,
+    getMenuActions,
+    buildMenuGroups,
+    pickMenuAction,
+};
 //# sourceMappingURL=interactive.js.map

package/out/ui/prompts.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-nocheck
+const inquirer = require('inquirer');
+const { brand, icon } = require('./theme');
+const { detectDatabaseEnvironment } = require('../core/services/database');
+const { t } = require('../lib/i18n');
+/**
+ * Ask the user which database engine to use, with a smart default based on the
+ * host environment: Docker present → MySQL, otherwise embedded SQLite (which
+ * needs no Docker or MySQL at all). Returns `{ mode, external? }`.
+ */
+async function promptDatabaseMode() {
+    const env = detectDatabaseEnvironment();
+    const recommended = env.recommendedMode;
+    const detectLine = env.dockerRunning
+        ? `${icon.ok} ${brand.dim(t('prompt.db.detectDocker'))}`
+        : `${icon.info} ${brand.dim(t('prompt.db.detectNoDocker'))}`;
+    console.log('');
+    console.log(`  ${detectLine}`);
+    const rec = brand.success(` ${t('prompt.db.recommended')}`);
+    const tag = (mode) => (mode === recommended ? rec : '');
+    const choices = [
+        {
+            name: `${t('prompt.db.optSqlite')}${tag('embedded-sqlite')}`,
+            value: 'embedded-sqlite',
+            short: t('db.mode.sqlite'),
+        },
+        {
+            name: `${t('prompt.db.optDocker')}${tag('embedded-docker')}`,
+            value: 'embedded-docker',
+            short: t('db.mode.docker'),
+        },
+        {
+            name: `${t('prompt.db.optExternal')}`,
+            value: 'external',
+            short: t('db.mode.external'),
+        },
+    ];
+    const { mode } = await inquirer.prompt([
+        {
+            type: 'list',
+            name: 'mode',
+            message: `${brand.primary(t('prompt.db.message'))}`,
+            default: recommended,
+            pageSize: 6,
+            choices,
+        },
+    ]);
+    if (mode !== 'external') {
+        return { mode };
+    }
+    const answers = await inquirer.prompt([
+        { type: 'input', name: 'host', message: t('prompt.db.external.host'), default: '127.0.0.1' },
+        { type: 'input', name: 'port', message: t('prompt.db.external.port'), default: '3306' },
+        { type: 'input', name: 'user', message: t('prompt.db.external.user'), default: 'reactpress' },
+        { type: 'password', name: 'password', message: t('prompt.db.external.password'), mask: '*' },
+        {
+            type: 'input',
+            name: 'database',
+            message: t('prompt.db.external.database'),
+            default: 'reactpress',
+        },
+    ]);
+    return {
+        mode,
+        external: {
+            host: answers.host.trim() || '127.0.0.1',
+            port: Number(answers.port) || 3306,
+            user: answers.user.trim() || 'reactpress',
+            password: answers.password,
+            database: answers.database.trim() || 'reactpress',
+        },
+    };
+}
+/**
+ * Map a free-form `--db <value>` flag onto a canonical DatabaseMode.
+ * Returns null for unknown values so callers can fall back to prompting.
+ */
+function normalizeDatabaseMode(value) {
+    const v = String(value || '').trim().toLowerCase();
+    if (['sqlite', 'embedded-sqlite', 'local'].includes(v))
+        return 'embedded-sqlite';
+    if (['docker', 'embedded-docker', 'mysql-docker'].includes(v))
+        return 'embedded-docker';
+    if (['external', 'mysql', 'remote'].includes(v))
+        return 'external';
+    return null;
+}
+module.exports = { promptDatabaseMode, normalizeDatabaseMode };
+//# sourceMappingURL=prompts.js.map