projax 1.3.5 → 1.3.7

package/dist/index.js

@@ -202,6 +202,46 @@ program
     .description('Project management dashboard CLI')
     .version(packageJson.version)
     .addHelpText('beforeAll', displayLogo());
+// Interactive terminal UI command
+program
+    .command('prxi')
+    .alias('i')
+    .description('Launch interactive terminal UI')
+    .action(async () => {
+    try {
+        await ensureAPIServerRunning(true);
+        // Find the prxi source file - check both locations
+        const prxiSourceNew = path.join(__dirname, '..', '..', 'prxi', 'src', 'index.tsx');
+        const prxiSourceOld = path.join(__dirname, '..', 'src', 'prxi.tsx');
+        const prxiSource = fs.existsSync(prxiSourceNew) ? prxiSourceNew : prxiSourceOld;
+        // Find tsx binary
+        const tsxBinRoot = path.join(__dirname, '..', '..', '..', 'node_modules', '.bin', 'tsx');
+        const tsxBinCli = path.join(__dirname, '..', 'node_modules', '.bin', 'tsx');
+        const tsxBin = fs.existsSync(tsxBinRoot) ? tsxBinRoot : tsxBinCli;
+        if (!fs.existsSync(prxiSource)) {
+            console.error('Error: prxi UI source not found.');
+            console.error(`Looked for: ${prxiSourceNew} and ${prxiSourceOld}`);
+            process.exit(1);
+        }
+        if (!fs.existsSync(tsxBin)) {
+            console.error('Error: tsx not found. Please install dependencies: npm install');
+            process.exit(1);
+        }
+        // Run prxi using tsx
+        const { spawn } = require('child_process');
+        const child = spawn(tsxBin, [prxiSource], {
+            stdio: 'inherit',
+            cwd: path.dirname(prxiSource),
+        });
+        child.on('exit', (code) => {
+            process.exit(code || 0);
+        });
+    }
+    catch (error) {
+        console.error('Error launching prxi:', error instanceof Error ? error.message : error);
+        process.exit(1);
+    }
+});
 // Add project command
 program
     .command('add')
@@ -736,6 +776,8 @@ program
 // Start Desktop UI command
 program
     .command('web')
+    .alias('desktop')
+    .alias('ui')
     .description('Start the Desktop web interface')
     .option('--dev', 'Start in development mode (with hot reload)')
     .action(async (options) => {
@@ -989,7 +1031,7 @@ program
 // Check if first argument is not a known command
 (async () => {
     const args = process.argv.slice(2);
-    const knownCommands = ['add', 'list', 'scan', 'remove', 'rn', 'rename', 'cd', 'pwd', 'web', 'scripts', 'scan-ports', 'api', '--help', '-h', '--version', '-V'];
+    const knownCommands = ['prxi', 'i', 'add', 'list', 'scan', 'remove', 'rn', 'rename', 'cd', 'pwd', 'web', 'desktop', 'ui', 'scripts', 'scan-ports', 'api', '--help', '-h', '--version', '-V'];
     // If we have at least 1 argument and first is not a known command, treat as project identifier
     if (args.length >= 1 && !knownCommands.includes(args[0])) {
         const projectIdentifier = args[0];

package/dist/prxi.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/prxi.js

@@ -0,0 +1,297 @@
+#!/usr/bin/env node
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const ink_1 = require("ink");
+const core_bridge_1 = require("./core-bridge");
+const script_runner_1 = require("./script-runner");
+// Color scheme matching desktop app
+const colors = {
+    bgPrimary: '#0d1117',
+    bgSecondary: '#161b22',
+    bgTertiary: '#1c2128',
+    bgHover: '#21262d',
+    borderColor: '#30363d',
+    textPrimary: '#c9d1d9',
+    textSecondary: '#8b949e',
+    textTertiary: '#6e7681',
+    accentCyan: '#39c5cf',
+    accentBlue: '#58a6ff',
+    accentGreen: '#3fb950',
+    accentPurple: '#bc8cff',
+    accentOrange: '#ffa657',
+};
+const HelpModal = ({ onClose }) => {
+    (0, ink_1.useInput)((input, key) => {
+        if (input === 'q' || key.escape || key.return) {
+            onClose();
+        }
+    });
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.accentCyan, padding: 1, width: 60 },
+        react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan }, "PROJAX Terminal UI - Help"),
+        react_1.default.createElement(ink_1.Text, null, " "),
+        react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "Navigation:"),
+        react_1.default.createElement(ink_1.Text, null, "  \u2191/k        Move up in project list"),
+        react_1.default.createElement(ink_1.Text, null, "  \u2193/j        Move down in project list"),
+        react_1.default.createElement(ink_1.Text, null, "  Enter      Select project"),
+        react_1.default.createElement(ink_1.Text, null, " "),
+        react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "Actions:"),
+        react_1.default.createElement(ink_1.Text, null, "  s          Scan selected project"),
+        react_1.default.createElement(ink_1.Text, null, "  p          Scan ports"),
+        react_1.default.createElement(ink_1.Text, null, " "),
+        react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, "General:"),
+        react_1.default.createElement(ink_1.Text, null, "  q/Esc      Quit"),
+        react_1.default.createElement(ink_1.Text, null, "  ?          Show this help"),
+        react_1.default.createElement(ink_1.Text, null, " "),
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Press any key to close...")));
+};
+const LoadingModal = ({ message }) => {
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.accentCyan, padding: 1, width: 40 },
+        react_1.default.createElement(ink_1.Text, null, message),
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Please wait...")));
+};
+const ErrorModal = ({ message, onClose }) => {
+    (0, ink_1.useInput)((input, key) => {
+        if (key.escape || key.return) {
+            onClose();
+        }
+    });
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f85149", padding: 1, width: 50 },
+        react_1.default.createElement(ink_1.Text, { color: "#f85149", bold: true }, "Error"),
+        react_1.default.createElement(ink_1.Text, null, " "),
+        react_1.default.createElement(ink_1.Text, null, message),
+        react_1.default.createElement(ink_1.Text, null, " "),
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Press any key to close...")));
+};
+const ProjectListComponent = ({ projects, selectedIndex }) => {
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", width: "30%", borderStyle: "round", borderColor: colors.borderColor, padding: 1 },
+        react_1.default.createElement(ink_1.Text, { bold: true, color: colors.textPrimary }, "Projects"),
+        react_1.default.createElement(ink_1.Text, null, " "),
+        projects.length === 0 ? (react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "No projects found")) : (projects.map((project, index) => {
+            const isSelected = index === selectedIndex;
+            const desc = project.description || project.path;
+            const shortDesc = desc.length > 30 ? desc.substring(0, 27) + '...' : desc;
+            return (react_1.default.createElement(ink_1.Text, { key: project.id, color: isSelected ? colors.accentCyan : colors.textPrimary, bold: isSelected },
+                isSelected ? '▶ ' : '  ',
+                project.name,
+                " - ",
+                shortDesc));
+        }))));
+};
+const ProjectDetailsComponent = ({ project }) => {
+    const [scripts, setScripts] = (0, react_1.useState)(null);
+    const [ports, setPorts] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
+        if (!project) {
+            setScripts(null);
+            setPorts([]);
+            return;
+        }
+        // Load scripts
+        try {
+            const projectScripts = (0, script_runner_1.getProjectScripts)(project.path);
+            setScripts(projectScripts);
+        }
+        catch (error) {
+            setScripts(null);
+        }
+        // Load ports
+        try {
+            const db = (0, core_bridge_1.getDatabaseManager)();
+            const projectPorts = db.getProjectPorts(project.id);
+            setPorts(projectPorts);
+        }
+        catch (error) {
+            setPorts([]);
+        }
+    }, [project]);
+    if (!project) {
+        return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: colors.borderColor, padding: 1 },
+            react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Select a project to view details")));
+    }
+    const lastScanned = project.last_scanned
+        ? new Date(project.last_scanned * 1000).toLocaleString()
+        : 'Never';
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", flexGrow: 1, borderStyle: "round", borderColor: colors.borderColor, padding: 1 },
+        react_1.default.createElement(ink_1.Text, { bold: true, color: colors.textPrimary }, project.name),
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, project.description || project.path),
+        react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, project.path),
+        react_1.default.createElement(ink_1.Text, null, " "),
+        project.framework && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ink_1.Text, null,
+                "Framework: ",
+                react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, project.framework)))),
+        react_1.default.createElement(ink_1.Text, null,
+            "Last Scanned: ",
+            lastScanned),
+        react_1.default.createElement(ink_1.Text, null, " "),
+        scripts && scripts.scripts && scripts.scripts.size > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ink_1.Text, { bold: true },
+                "Available Scripts (",
+                react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, scripts.scripts.size),
+                "):"),
+            Array.from(scripts.scripts.entries()).map(([name, script]) => (react_1.default.createElement(ink_1.Text, { key: name },
+                '  ',
+                react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, name),
+                ' - ',
+                script.command))),
+            react_1.default.createElement(ink_1.Text, null, " "))),
+        ports.length > 0 && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(ink_1.Text, { bold: true },
+                "Detected Ports (",
+                react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, ports.length),
+                "):"),
+            ports.map((port) => (react_1.default.createElement(ink_1.Text, { key: port.id },
+                '  ',
+                "Port ",
+                react_1.default.createElement(ink_1.Text, { color: colors.accentCyan }, port.port),
+                " - ",
+                port.config_source))),
+            react_1.default.createElement(ink_1.Text, null, " ")))));
+};
+const StatusBar = () => {
+    return (react_1.default.createElement(ink_1.Box, null,
+        react_1.default.createElement(ink_1.Text, { color: colors.accentGreen }, "\u25CF API CONNECTED"),
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " | Press "),
+        react_1.default.createElement(ink_1.Text, { bold: true }, "q"),
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " to quit, "),
+        react_1.default.createElement(ink_1.Text, { bold: true }, "?"),
+        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, " for help")));
+};
+const App = () => {
+    const { exit } = (0, ink_1.useApp)();
+    const [projects, setProjects] = (0, react_1.useState)([]);
+    const [selectedIndex, setSelectedIndex] = (0, react_1.useState)(0);
+    const [showHelp, setShowHelp] = (0, react_1.useState)(false);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
+    const [loadingMessage, setLoadingMessage] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        loadProjects();
+    }, []);
+    const loadProjects = () => {
+        const allProjects = (0, core_bridge_1.getAllProjects)();
+        setProjects(allProjects);
+        if (selectedIndex >= allProjects.length) {
+            setSelectedIndex(Math.max(0, allProjects.length - 1));
+        }
+    };
+    const selectedProject = projects.length > 0 ? projects[selectedIndex] : null;
+    (0, ink_1.useInput)((input, key) => {
+        // Don't process input if modal is showing
+        if (showHelp || isLoading || error) {
+            return;
+        }
+        // Quit
+        if (input === 'q' || key.escape) {
+            exit();
+            return;
+        }
+        // Help
+        if (input === '?') {
+            setShowHelp(true);
+            return;
+        }
+        // Navigation
+        if (key.upArrow || input === 'k') {
+            setSelectedIndex((prev) => Math.max(0, prev - 1));
+            return;
+        }
+        if (key.downArrow || input === 'j') {
+            setSelectedIndex((prev) => Math.min(projects.length - 1, prev + 1));
+            return;
+        }
+        // Scan project
+        if (input === 's' && selectedProject) {
+            setIsLoading(true);
+            setLoadingMessage(`Scanning ${selectedProject.name}...`);
+            setTimeout(async () => {
+                try {
+                    await (0, core_bridge_1.scanProject)(selectedProject.id);
+                    loadProjects();
+                    setIsLoading(false);
+                }
+                catch (err) {
+                    setIsLoading(false);
+                    setError(err instanceof Error ? err.message : String(err));
+                }
+            }, 100);
+            return;
+        }
+        // Scan ports
+        if (input === 'p' && selectedProject) {
+            setIsLoading(true);
+            setLoadingMessage(`Scanning ports for ${selectedProject.name}...`);
+            setTimeout(async () => {
+                try {
+                    // Import port scanner dynamically
+                    const { scanProjectPorts } = await Promise.resolve().then(() => __importStar(require('./port-scanner')));
+                    await scanProjectPorts(selectedProject.id);
+                    loadProjects();
+                    setIsLoading(false);
+                }
+                catch (err) {
+                    setIsLoading(false);
+                    setError(err instanceof Error ? err.message : String(err));
+                }
+            }, 100);
+            return;
+        }
+    });
+    if (showHelp) {
+        return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 1 },
+            react_1.default.createElement(HelpModal, { onClose: () => setShowHelp(false) })));
+    }
+    if (isLoading) {
+        return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 1 },
+            react_1.default.createElement(LoadingModal, { message: loadingMessage })));
+    }
+    if (error) {
+        return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 1 },
+            react_1.default.createElement(ErrorModal, { message: error, onClose: () => setError(null) })));
+    }
+    return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 1 },
+        react_1.default.createElement(ink_1.Box, { borderStyle: "round", borderColor: colors.borderColor, padding: 1 },
+            react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan }, "PROJAX")),
+        react_1.default.createElement(ink_1.Box, { flexDirection: "row", marginTop: 1 },
+            react_1.default.createElement(ProjectListComponent, { projects: projects, selectedIndex: selectedIndex }),
+            react_1.default.createElement(ink_1.Box, { width: 1 }),
+            react_1.default.createElement(ProjectDetailsComponent, { project: selectedProject })),
+        react_1.default.createElement(ink_1.Box, { marginTop: 1 },
+            react_1.default.createElement(StatusBar, null))));
+};
+// Render the app
+(0, ink_1.render)(react_1.default.createElement(App, null));