npm - projax - Versions diffs - 3.3.59 → 3.3.63 - Mend

projax 3.3.59 → 3.3.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/README.md +10 -1
package/dist/electron/preload.d.ts +1 -0
package/dist/electron/renderer/assets/index-CmtZriN5.js +66 -0
package/dist/electron/renderer/index.html +1 -1
package/dist/index.js +13 -9
package/dist/prxi.js +150 -117
package/dist/prxi.tsx +179 -162
package/package.json +1 -1

package/dist/electron/renderer/index.html CHANGED Viewed

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https:; font-src 'self' data:; connect-src 'self' http://localhost:* ws://localhost:*;" />
     <title>projax</title>
-    <script type="module" crossorigin src="./assets/index-Cj4QON0s.js"></script>
+    <script type="module" crossorigin src="./assets/index-CmtZriN5.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-DfocdjIj.css">
   </head>
   <body>

package/dist/index.js CHANGED Viewed

@@ -433,15 +433,11 @@ function displayLogo() {
 const program = new commander_1.Command();
 program
     .name('prx')
-    .description('Project management dashboard CLI')
+    .description('Project management dashboard - launches interactive TUI by default. Use --help for CLI commands.')
     .version(packageJson.version)
     .addHelpText('beforeAll', displayLogo());
-// Interactive terminal UI command (hidden - in beta)
-program
-    .command('prxi', { hidden: true }) // Hide from help output while in beta
-    .alias('i')
-    .description('Launch interactive terminal UI (beta)')
-    .action(async () => {
+// Launch the interactive TUI
+async function launchTUI() {
     try {
         await ensureAPIServerRunning(true);
         // Find the prxi source file - use CLI's embedded prxi.tsx
@@ -503,10 +499,16 @@ program
         }
     }
     catch (error) {
-        console.error('Error launching prxi:', error instanceof Error ? error.message : error);
+        console.error('Error launching TUI:', error instanceof Error ? error.message : error);
         process.exit(1);
     }
-});
+}
+// Interactive terminal UI command (kept for backwards compatibility)
+program
+    .command('prxi', { hidden: true })
+    .alias('i')
+    .description('Launch interactive terminal UI')
+    .action(launchTUI);
 // Add project command
 program
     .command('add')
@@ -2275,6 +2277,8 @@ program
             }
         }
     }
+    // Default action: launch TUI when no command is provided
+    program.action(launchTUI);
     // If we get here, proceed with normal command parsing
     // Don't show logo twice - it's already in addHelpText
     program.parse();

package/dist/prxi.js CHANGED Viewed

@@ -305,113 +305,6 @@ const AddProjectModal = ({ onAdd, onCancel }) => {
             react_1.default.createElement(ink_1.Text, null, " "),
             react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Enter: add project | Esc: cancel")))));
 };
-const SettingsModal = ({ onClose }) => {
-    const [settings, setSettings] = (0, react_1.useState)({
-        editor: { type: 'vscode' },
-        browser: { type: 'chrome' },
-    });
-    const [selectedSection, setSelectedSection] = (0, react_1.useState)('editor');
-    const [selectedOptionIndex, setSelectedOptionIndex] = (0, react_1.useState)(0);
-    const editorOptions = [
-        'vscode',
-        'cursor',
-        'windsurf',
-        'zed',
-        'custom',
-    ];
-    const browserOptions = [
-        'chrome',
-        'firefox',
-        'safari',
-        'edge',
-        'custom',
-    ];
-    (0, react_1.useEffect)(() => {
-        // Load settings
-        try {
-            const settingsPath = path.join(os.homedir(), '.projax', 'settings.json');
-            if (fs.existsSync(settingsPath)) {
-                const data = fs.readFileSync(settingsPath, 'utf-8');
-                setSettings(JSON.parse(data));
-            }
-        }
-        catch {
-            // Use defaults
-        }
-    }, []);
-    const saveSettings = () => {
-        try {
-            const settingsDir = path.join(os.homedir(), '.projax');
-            if (!fs.existsSync(settingsDir)) {
-                fs.mkdirSync(settingsDir, { recursive: true });
-            }
-            const settingsPath = path.join(settingsDir, 'settings.json');
-            fs.writeFileSync(settingsPath, JSON.stringify(settings, null, 2));
-            onClose();
-        }
-        catch {
-            // Ignore save errors
-        }
-    };
-    (0, ink_1.useInput)((input, key) => {
-        if (key.escape || input === 'q') {
-            onClose();
-            return;
-        }
-        if (key.return) {
-            saveSettings();
-            return;
-        }
-        if (key.tab) {
-            setSelectedSection((prev) => (prev === 'editor' ? 'browser' : 'editor'));
-            setSelectedOptionIndex(0);
-            return;
-        }
-        if (key.upArrow || input === 'k') {
-            setSelectedOptionIndex((prev) => Math.max(0, prev - 1));
-            return;
-        }
-        if (key.downArrow || input === 'j') {
-            const maxIndex = selectedSection === 'editor' ? editorOptions.length - 1 : browserOptions.length - 1;
-            setSelectedOptionIndex((prev) => Math.min(maxIndex, prev + 1));
-            return;
-        }
-        if (input === ' ' || key.return) {
-            if (selectedSection === 'editor') {
-                setSettings({
-                    ...settings,
-                    editor: { type: editorOptions[selectedOptionIndex] },
-                });
-            }
-            else {
-                setSettings({
-                    ...settings,
-                    browser: { type: browserOptions[selectedOptionIndex] },
-                });
-            }
-        }
-    });
-    const currentOptions = selectedSection === 'editor' ? editorOptions : browserOptions;
-    const currentValue = selectedSection === 'editor' ? settings.editor.type : settings.browser.type;
-    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 }, "Settings"),
-        react_1.default.createElement(ink_1.Text, null, " "),
-        react_1.default.createElement(ink_1.Box, null,
-            react_1.default.createElement(ink_1.Text, { color: selectedSection === 'editor' ? colors.accentCyan : colors.textTertiary, bold: selectedSection === 'editor' }, "[Editor]"),
-            react_1.default.createElement(ink_1.Text, null, "  "),
-            react_1.default.createElement(ink_1.Text, { color: selectedSection === 'browser' ? colors.accentCyan : colors.textTertiary, bold: selectedSection === 'browser' }, "[Browser]")),
-        react_1.default.createElement(ink_1.Text, null, " "),
-        currentOptions.map((option, index) => {
-            const isSelected = index === selectedOptionIndex;
-            const isActive = option === currentValue;
-            return (react_1.default.createElement(ink_1.Text, { key: option, color: isSelected ? colors.accentCyan : colors.textPrimary, bold: isSelected },
-                isSelected ? '▶ ' : '  ',
-                isActive ? '● ' : '○ ',
-                option.charAt(0).toUpperCase() + option.slice(1)));
-        }),
-        react_1.default.createElement(ink_1.Text, null, " "),
-        react_1.default.createElement(ink_1.Text, { color: colors.textSecondary }, "Tab: switch section | \u2191\u2193: select | Space: choose | Enter: save | Esc: close")));
-};
 const ErrorModal = ({ message, onClose }) => {
     (0, ink_1.useInput)((input, key) => {
         if (key.escape || key.return) {
@@ -921,7 +814,18 @@ const App = () => {
     const [terminalLogs, setTerminalLogs] = (0, react_1.useState)([]);
     const [selectedProcessPid, setSelectedProcessPid] = (0, react_1.useState)(null);
     // Settings state
-    const [showSettings, setShowSettings] = (0, react_1.useState)(false);
+    const [settings, setSettings] = (0, react_1.useState)({
+        editor: { type: 'vscode' },
+        browser: { type: 'chrome' },
+    });
+    const [settingsSection, setSettingsSection] = (0, react_1.useState)('editor');
+    const [settingsOptionIndex, setSettingsOptionIndex] = (0, react_1.useState)(0);
+    const settingsEditorOptions = [
+        'vscode', 'cursor', 'windsurf', 'zed', 'custom',
+    ];
+    const settingsBrowserOptions = [
+        'chrome', 'firefox', 'safari', 'edge', 'custom',
+    ];
     // Get terminal dimensions
     const terminalHeight = process.stdout.rows || 24;
     const availableHeight = terminalHeight - 4; // Subtract status bar (increased for view indicator)
@@ -929,6 +833,17 @@ const App = () => {
         loadProjects();
         loadRunningProcesses();
         loadAllTags();
+        // Load settings
+        try {
+            const settingsPath = path.join(os.homedir(), '.projax', 'settings.json');
+            if (fs.existsSync(settingsPath)) {
+                const data = fs.readFileSync(settingsPath, 'utf-8');
+                setSettings(JSON.parse(data));
+            }
+        }
+        catch {
+            // Use defaults
+        }
         // Refresh running processes and git branches every 5 seconds
         const interval = setInterval(() => {
             loadRunningProcesses();
@@ -1282,6 +1197,67 @@ const App = () => {
         setSortType(SORT_TYPES[nextIndex]);
     };
     (0, ink_1.useInput)((input, key) => {
+        if (key.mouse) {
+            const { x, y, wheelDown, wheelUp, left } = key.mouse;
+            const { columns: width } = process.stdout;
+            // Assuming project list is on the left 35% and details on the right.
+            const projectListWidth = Math.floor(width * 0.35);
+            if (x < projectListWidth) {
+                // Mouse is over the project list
+                if (wheelUp) {
+                    setSelectedIndex((prev) => Math.max(0, prev - 1));
+                    return;
+                }
+                if (wheelDown) {
+                    setSelectedIndex((prev) => Math.min(projects.length - 1, prev + 1));
+                    return;
+                }
+                if (left) {
+                    // It's a click, so we need to calculate which item was clicked.
+                    // This is an approximation based on the known layout of the ProjectListComponent.
+                    const listTopBorder = 1;
+                    const listPadding = 1;
+                    const listHeaderHeight = 2; // "Projects (...)" + "Filter | Sort"
+                    const listStartY = listTopBorder + listPadding + listHeaderHeight;
+                    const scrollIndicatorHeight = listScrollOffset > 0 ? 1 : 0;
+                    const firstItemY = listStartY + scrollIndicatorHeight;
+                    const clickYInList = y - firstItemY;
+                    if (clickYInList >= 0) {
+                        let cumulativeHeight = 0;
+                        const visibleProjects = projects.slice(listScrollOffset);
+                        for (let i = 0; i < visibleProjects.length; i++) {
+                            const project = visibleProjects[i];
+                            const branch = gitBranches.get(project.id);
+                            const itemHeight = branch ? 2 : 1;
+                            if (clickYInList >= cumulativeHeight && clickYInList < cumulativeHeight + itemHeight) {
+                                const newIndex = listScrollOffset + i;
+                                if (newIndex < projects.length) {
+                                    setSelectedIndex(newIndex);
+                                    setFocusedPanel('list');
+                                }
+                                break;
+                            }
+                            cumulativeHeight += itemHeight;
+                            if (cumulativeHeight > availableHeight) {
+                                break;
+                            }
+                        }
+                    }
+                    return;
+                }
+            }
+            else {
+                // Mouse is over the details panel
+                if (wheelUp) {
+                    setDetailsScrollOffset(prev => Math.max(0, prev - 1));
+                    return;
+                }
+                if (wheelDown) {
+                    setDetailsScrollOffset(prev => prev + 1);
+                    return;
+                }
+            }
+        }
         // Handle search mode
         if (showSearch) {
             if (key.escape) {
@@ -1309,7 +1285,7 @@ const App = () => {
             return;
         }
         // Don't process input if modal is showing
-        if (showHelp || isLoading || error || showUrls || showScriptModal || showAddProjectModal || showConfirmDelete || showSettings) {
+        if (showHelp || isLoading || error || showUrls || showScriptModal || showAddProjectModal || showConfirmDelete) {
             // Handle URLs modal
             if (showUrls && (key.escape || key.return || input === 'q' || input === 'u')) {
                 setShowUrls(false);
@@ -1350,6 +1326,47 @@ const App = () => {
                 return;
             }
         }
+        // Handle navigation in settings view
+        if (currentView === 'settings') {
+            if (key.tab) {
+                setSettingsSection((prev) => (prev === 'editor' ? 'browser' : 'editor'));
+                setSettingsOptionIndex(0);
+                return;
+            }
+            if (key.upArrow || input === 'k') {
+                setSettingsOptionIndex((prev) => Math.max(0, prev - 1));
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                const maxIndex = settingsSection === 'editor' ? settingsEditorOptions.length - 1 : settingsBrowserOptions.length - 1;
+                setSettingsOptionIndex((prev) => Math.min(maxIndex, prev + 1));
+                return;
+            }
+            if (input === ' ' || key.return) {
+                // Select option and save
+                const newSettings = { ...settings };
+                if (settingsSection === 'editor') {
+                    newSettings.editor = { type: settingsEditorOptions[settingsOptionIndex] };
+                }
+                else {
+                    newSettings.browser = { type: settingsBrowserOptions[settingsOptionIndex] };
+                }
+                setSettings(newSettings);
+                // Save to file
+                try {
+                    const settingsDir = path.join(os.homedir(), '.projax');
+                    if (!fs.existsSync(settingsDir)) {
+                        fs.mkdirSync(settingsDir, { recursive: true });
+                    }
+                    const settingsPath = path.join(settingsDir, 'settings.json');
+                    fs.writeFileSync(settingsPath, JSON.stringify(newSettings, null, 2));
+                }
+                catch {
+                    // Ignore save errors
+                }
+                return;
+            }
+        }
         // Global navigation - number keys for view switching
         if (input === '1') {
             setCurrentView('projects');
@@ -1365,7 +1382,6 @@ const App = () => {
         }
         if (input === '4') {
             setCurrentView('settings');
-            setShowSettings(true);
             return;
         }
         // Terminal panel toggle
@@ -1654,13 +1670,6 @@ const App = () => {
         return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 1 },
             react_1.default.createElement(HelpModal, { onClose: () => setShowHelp(false) })));
     }
-    if (showSettings) {
-        return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 1 },
-            react_1.default.createElement(SettingsModal, { onClose: () => {
-                    setShowSettings(false);
-                    setCurrentView('projects');
-                } })));
-    }
     if (isLoading) {
         return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 1 },
             react_1.default.createElement(LoadingModal, { message: loadingMessage })));
@@ -1819,6 +1828,29 @@ const App = () => {
         })),
         react_1.default.createElement(ink_1.Text, null, " "),
         react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "Press 1 to return to Projects")));
+    // Render Settings view
+    const renderSettingsView = () => {
+        const currentOptions = settingsSection === 'editor' ? settingsEditorOptions : settingsBrowserOptions;
+        const currentValue = settingsSection === 'editor' ? settings.editor.type : settings.browser.type;
+        return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", padding: 2 },
+            react_1.default.createElement(ink_1.Text, { bold: true, color: colors.accentCyan }, "Settings"),
+            react_1.default.createElement(ink_1.Text, null, " "),
+            react_1.default.createElement(ink_1.Box, null,
+                react_1.default.createElement(ink_1.Text, { color: settingsSection === 'editor' ? colors.accentCyan : colors.textTertiary, bold: settingsSection === 'editor' }, "[Editor]"),
+                react_1.default.createElement(ink_1.Text, null, "  "),
+                react_1.default.createElement(ink_1.Text, { color: settingsSection === 'browser' ? colors.accentCyan : colors.textTertiary, bold: settingsSection === 'browser' }, "[Browser]")),
+            react_1.default.createElement(ink_1.Text, null, " "),
+            currentOptions.map((option, index) => {
+                const isSelected = index === settingsOptionIndex;
+                const isActive = option === currentValue;
+                return (react_1.default.createElement(ink_1.Text, { key: option, color: isSelected ? colors.accentCyan : colors.textPrimary, bold: isSelected },
+                    isSelected ? '▶ ' : '  ',
+                    isActive ? '● ' : '○ ',
+                    option.charAt(0).toUpperCase() + option.slice(1)));
+            }),
+            react_1.default.createElement(ink_1.Text, null, " "),
+            react_1.default.createElement(ink_1.Text, { color: colors.textTertiary }, "Tab: switch section | \u2191\u2193/jk: select | Space/Enter: choose")));
+    };
     return (react_1.default.createElement(ink_1.Box, { flexDirection: "column", height: terminalHeight },
         react_1.default.createElement(ink_1.Box, { paddingX: 1, height: 1 },
             react_1.default.createElement(ink_1.Text, { color: currentView === 'projects' ? colors.accentCyan : colors.textTertiary }, "[1] Projects"),
@@ -1834,6 +1866,7 @@ const App = () => {
         currentView === 'projects' && renderProjectsView(),
         currentView === 'workspaces' && renderWorkspacesView(),
         currentView === 'processes' && renderProcessesView(),
+        currentView === 'settings' && renderSettingsView(),
         react_1.default.createElement(ink_1.Box, { paddingX: 1, borderStyle: "single", borderColor: colors.borderColor, flexShrink: 0, height: 3 },
             react_1.default.createElement(StatusBar, { focusedPanel: focusedPanel, selectedProject: selectedProject }))));
 };