port-arranger 0.0.1

package/dist/gui/renderer/components/TitleBar.js

@@ -0,0 +1,92 @@
+import React, { useState } from 'react';
+const styles = {
+    titleBar: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '8px 12px',
+        backgroundColor: 'var(--bg-secondary)',
+        WebkitAppRegion: 'drag',
+        borderBottom: '1px solid var(--border)',
+    },
+    title: {
+        fontSize: '13px',
+        fontWeight: 600,
+        color: 'var(--text-primary)',
+    },
+    controls: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+        WebkitAppRegion: 'no-drag',
+    },
+    controlButton: {
+        width: '24px',
+        height: '24px',
+        borderRadius: '4px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontSize: '12px',
+        transition: 'background-color 0.15s',
+    },
+    toggle: {
+        padding: '4px 8px',
+        borderRadius: '4px',
+        fontSize: '11px',
+        transition: 'all 0.15s',
+    },
+    toggleActive: {
+        backgroundColor: 'var(--accent)',
+        color: 'white',
+    },
+    toggleInactive: {
+        backgroundColor: 'var(--bg-item)',
+        color: 'var(--text-secondary)',
+    },
+};
+export function TitleBar() {
+    const [alwaysOnTop, setAlwaysOnTop] = useState(false);
+    const handleToggleAlwaysOnTop = async () => {
+        const newValue = !alwaysOnTop;
+        setAlwaysOnTop(newValue);
+        await window.electronAPI.setAlwaysOnTop(newValue);
+    };
+    const handleMinimize = () => {
+        window.electronAPI.minimizeWindow();
+    };
+    const handleClose = () => {
+        window.electronAPI.closeWindow();
+    };
+    return (<div style={styles.titleBar}>
+      <span style={styles.title}>Port Arranger</span>
+      <div style={styles.controls}>
+        <button onClick={handleToggleAlwaysOnTop} style={{
+            ...styles.toggle,
+            ...(alwaysOnTop ? styles.toggleActive : styles.toggleInactive),
+        }} title="항상 위에">
+          PIN
+        </button>
+        <button onClick={handleMinimize} style={{
+            ...styles.controlButton,
+            backgroundColor: 'var(--bg-item)',
+        }} onMouseEnter={(e) => {
+            e.currentTarget.style.backgroundColor = 'var(--border)';
+        }} onMouseLeave={(e) => {
+            e.currentTarget.style.backgroundColor = 'var(--bg-item)';
+        }} title="최소화">
+          -
+        </button>
+        <button onClick={handleClose} style={{
+            ...styles.controlButton,
+            backgroundColor: 'var(--accent)',
+        }} onMouseEnter={(e) => {
+            e.currentTarget.style.backgroundColor = 'var(--accent-hover)';
+        }} onMouseLeave={(e) => {
+            e.currentTarget.style.backgroundColor = 'var(--accent)';
+        }} title="닫기">
+          x
+        </button>
+      </div>
+    </div>);
+}

package/dist/gui/renderer/hooks/useProcesses.d.ts

@@ -0,0 +1,10 @@
+import type { ProcessMapping } from '../../../shared/types';
+interface UseProcessesResult {
+    processes: Record<string, ProcessMapping>;
+    loading: boolean;
+    error: string | null;
+    stopProcess: (name: string) => Promise<void>;
+    openBrowser: (port: number) => Promise<void>;
+}
+export declare function useProcesses(): UseProcessesResult;
+export {};

package/dist/gui/renderer/hooks/useProcesses.js

@@ -0,0 +1,44 @@
+import { useState, useEffect } from 'react';
+export function useProcesses() {
+    const [processes, setProcesses] = useState({});
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        const loadInitial = async () => {
+            try {
+                const data = await window.electronAPI.getProcesses();
+                setProcesses(data);
+            }
+            catch (err) {
+                setError(err.message);
+            }
+            finally {
+                setLoading(false);
+            }
+        };
+        loadInitial();
+        const unsubscribe = window.electronAPI.onProcessesUpdate((updated) => {
+            setProcesses(updated);
+        });
+        return () => {
+            unsubscribe();
+        };
+    }, []);
+    const stopProcess = async (name) => {
+        try {
+            await window.electronAPI.stopProcess(name);
+        }
+        catch (err) {
+            setError(err.message);
+        }
+    };
+    const openBrowser = async (port) => {
+        try {
+            await window.electronAPI.openBrowser(port);
+        }
+        catch (err) {
+            setError(err.message);
+        }
+    };
+    return { processes, loading, error, stopProcess, openBrowser };
+}

package/dist/gui/renderer/main.d.ts

@@ -0,0 +1 @@
+import './styles/globals.css';

package/dist/gui/renderer/main.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import App from './App';
+import './styles/globals.css';
+const container = document.getElementById('root');
+if (container) {
+    const root = createRoot(container);
+    root.render(<React.StrictMode>
+      <App />
+    </React.StrictMode>);
+}

package/dist/shared/types.d.ts

@@ -0,0 +1,62 @@
+export type InjectionType = 'env' | 'flag' | 'arg' | 'compose';
+export interface ComposePortMapping {
+    hostPort: number;
+    containerPort: number;
+    protocol?: 'tcp' | 'udp';
+}
+export interface ComposeServicePorts {
+    serviceName: string;
+    ports: ComposePortMapping[];
+}
+export interface AllocatedComposePort extends ComposePortMapping {
+    originalHostPort: number;
+    newHostPort: number;
+}
+export interface ComposeServicePort {
+    serviceName: string;
+    port: number;
+    running?: boolean;
+}
+export type ProcessStatus = 'running' | 'stopped';
+export interface ProcessMapping {
+    port: number;
+    pid: number;
+    command: string;
+    originalCommand: string;
+    injectionType: InjectionType;
+    cwd: string;
+    startedAt: string;
+    status: ProcessStatus;
+    composePorts?: ComposeServicePort[];
+}
+export interface State {
+    mappings: Record<string, ProcessMapping>;
+}
+export interface InjectionResult {
+    command: string;
+    env: Record<string, string>;
+    injectionType: InjectionType;
+    toolName: string;
+}
+export interface CommandPattern {
+    name: string;
+    patterns: RegExp[];
+    injectionType: InjectionType;
+    defaultPort: number;
+    injectPort: (cmd: string, port: number) => string;
+}
+export interface ElectronAPI {
+    getProcesses: () => Promise<Record<string, ProcessMapping>>;
+    onProcessesUpdate: (callback: (processes: Record<string, ProcessMapping>) => void) => () => void;
+    stopProcess: (name: string) => Promise<void>;
+    restartProcess: (name: string) => Promise<void>;
+    openBrowser: (port: number) => Promise<void>;
+    setAlwaysOnTop: (value: boolean) => Promise<void>;
+    minimizeWindow: () => void;
+    closeWindow: () => void;
+}
+declare global {
+    interface Window {
+        electronAPI: ElectronAPI;
+    }
+}

package/dist/shared/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "port-arranger",
+  "version": "0.0.1",
+  "description": "Run multiple dev servers without port conflicts",
+  "type": "module",
+  "bin": {
+    "pa": "./dist/cli/index.js"
+  },
+  "main": ".vite/build/index.cjs",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "start": "node dist/cli/index.js",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src --ext .ts",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build",
+    "build:gui": "electron-forge package",
+    "dev:gui": "electron-forge start",
+    "make:gui": "electron-forge make"
+  },
+  "dependencies": {
+    "chalk": "^5.3.0",
+    "chokidar": "^3.6.0",
+    "commander": "^12.1.0",
+    "detect-port": "^1.6.1",
+    "js-yaml": "^4.1.1",
+    "tree-kill": "^1.2.2"
+  },
+  "devDependencies": {
+    "@electron-forge/cli": "^7.5.0",
+    "@electron-forge/maker-dmg": "^7.5.0",
+    "@electron-forge/maker-zip": "^7.5.0",
+    "@electron-forge/plugin-vite": "^7.5.0",
+    "@types/js-yaml": "^4.0.9",
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "electron": "^33.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.7.0",
+    "vite": "^5.4.0",
+    "vitest": "^4.0.18"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "keywords": [
+    "port",
+    "dev-server",
+    "cli",
+    "process-manager",
+    "port-conflict",
+    "developer-tools",
+    "nextjs",
+    "vite",
+    "express",
+    "fastapi"
+  ],
+  "author": "realmindori@gmail.com",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mindori/port-arranger"
+  },
+  "homepage": "https://github.com/mindori/port-arranger#readme",
+  "bugs": {
+    "url": "https://github.com/mindori/port-arranger/issues"
+  }
+}