{"id":29246878,"url":"https://github.com/mesamirh/script-manager-web","last_synced_at":"2025-07-03T23:39:13.302Z","repository":{"id":302294159,"uuid":"1011639034","full_name":"mesamirh/Script-Manager-Web","owner":"mesamirh","description":"A modern, professional web dashboard for managing and running local Node.js and Python scripts with real-time monitoring, file editing, and console output.","archived":false,"fork":false,"pushed_at":"2025-07-01T15:06:38.000Z","size":28,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-01T15:47:11.804Z","etag":null,"topics":["automation","nodejs","python","script","script-manager","webapplication","websocket"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mesamirh.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-01T06:05:32.000Z","updated_at":"2025-07-01T15:30:01.000Z","dependencies_parsed_at":"2025-07-01T15:47:13.809Z","dependency_job_id":"86a1570a-024b-427f-8871-3fa3c2f25156","html_url":"https://github.com/mesamirh/Script-Manager-Web","commit_stats":null,"previous_names":["mesamirh/script-manager-web"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mesamirh/Script-Manager-Web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mesamirh%2FScript-Manager-Web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mesamirh%2FScript-Manager-Web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mesamirh%2FScript-Manager-Web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mesamirh%2FScript-Manager-Web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mesamirh","download_url":"https://codeload.github.com/mesamirh/Script-Manager-Web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mesamirh%2FScript-Manager-Web/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263421620,"owners_count":23464020,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["automation","nodejs","python","script","script-manager","webapplication","websocket"],"created_at":"2025-07-03T23:39:07.597Z","updated_at":"2025-07-03T23:39:13.279Z","avatar_url":"https://github.com/mesamirh.png","language":"JavaScript","readme":"# 🚀 Script Manager Web\n\nA modern, professional web dashboard for managing and running local Node.js and Python scripts with real-time monitoring, file editing, and console output.\n\n![Script Manager Web](https://img.shields.io/badge/Node.js-\u003e=16.0.0-green)\n\n## ✨ Features\n\n### 🎨 **Modern UI/UX**\n\n- **Dark/Light Theme** with GitHub-inspired design\n- **Responsive Layout** - Perfect on desktop, tablet, and mobile\n- **Real-time Updates** via WebSocket connections\n- **Professional Animations** and micro-interactions\n\n### 🔧 **Script Management**\n\n- **Auto-Discovery** of Node.js and Python projects\n- **One-Click Execution** with real-time console output\n- **Process Control** - Start, stop, and monitor scripts\n- **Environment Management** - Edit .env files directly\n- **Configuration Editing** - Modify package.json and requirements.txt\n\n### 📊 **Monitoring \u0026 Logging**\n\n- **Live Console Output** with color-coded streams\n- **System Status** monitoring (running scripts, memory usage)\n- **Log Download** functionality\n- **Script History** with last run timestamps\n\n### 🔍 **Advanced Features**\n\n- **Smart Search** with Enter-to-run functionality\n- **Advanced Filtering** by language type and status\n- **File Editor** with syntax highlighting\n- **Keyboard Shortcuts** (Ctrl/Cmd+K for search)\n\n## 🚀 Quick Start\n\n### 🖱️ **Easy Launch (Recommended)**\n\n**For Windows Users:**\n\n- Double-click on `start-server.bat`\n\n**For macOS Users:**\n\n- **Option 1**: Double-click on `start-server.command` (Always opens in Terminal)\n- **Option 2**: Double-click on `Script Manager Web.app` (Native macOS app)\n- **Option 3**: Right-click `start-server.sh` → \"Open With\" → Terminal\n- **Troubleshooting**: If `.sh` files open in text editor, use `.command` file instead\n\n**For Linux Users:**\n\n- Double-click on `start-server.sh` (make it executable first: `chmod +x start-server.sh`)\n\n**Cross-Platform:**\n\n- Double-click on `launcher.js` (if Node.js is associated with .js files)\n- Or run: `node launcher.js`\n\n### 📋 **Traditional Method**\n\n1. **Clone the repository**:\n\n   ```bash\n   git clone https://github.com/mesamirh/Script-Manager-Web.git\n   cd Script-Manager-Web\n   ```\n\n2. **Install dependencies**:\n\n   ```bash\n   npm install\n   ```\n\n3. **Start the application**:\n\n   ```bash\n   npm start\n   ```\n\n4. **Open your browser**:\n   ```\n   http://localhost:3000\n   ```\n\n## 📁 Project Structure\n\n```\nScript-Manager-Web/\n├── backend/\n│   └── server.js          # Express server with WebSocket support\n├── frontend/\n│   ├── index.html         # Main HTML file\n│   ├── style.css          # Modern CSS with dark theme\n│   └── app.js             # Frontend JavaScript\n├── scripts/\n│   ├── nodejs/            # Node.js projects\n│   └── python/            # Python projects\n└── package.json           # Main project dependencies\n```\n\n## 🎯 Multiple Ways to Start\n\n1. **🖱️ Double-Click Launch:**\n\n   - Windows: `start-server.bat`\n   - macOS: `start-server.command` or `Script Manager Web.app`\n   - Linux: `start-server.sh`\n   - Cross-platform: `launcher.js`\n\n2. **⌨️ Command Line:**\n\n   ```bash\n   npm run launch    # Fancy launcher with auto-browser\n   npm start         # Direct server start\n   npm run dev       # Development mode with auto-restart\n   ```\n\n3. **🔗 Direct Node.js:**\n   ```bash\n   node launcher.js          # Cross-platform launcher\n   node backend/server.js    # Direct server start\n   ```\n\n## 🛠️ Adding Scripts\n\n### Node.js Scripts\n\n1. Create a new directory in `scripts/nodejs/`\n2. Add your script files\n3. Include a `package.json` with a `start` script:\n   ```json\n   {\n     \"name\": \"your-script\",\n     \"scripts\": {\n       \"start\": \"node index.js\"\n     }\n   }\n   ```\n\n### Python Scripts\n\n1. Create a new directory in `scripts/python/`\n2. Add your Python files\n3. Include either:\n   - A `main.py` or `app.py` file (auto-detected)\n   - A `run.sh` script for custom execution\n\n## 🎨 Features Overview\n\n### Script Cards\n\n- **Language Icons** - Visual identification of script types\n- **Status Badges** - Real-time status with animations\n- **Action Buttons** - Run, stop, edit environment, view logs\n- **Hover Effects** - Modern UI interactions\n\n### Console Panel\n\n- **Terminal-style Output** with monospace fonts\n- **Color-coded Streams** (stdout in green, stderr in red)\n- **Auto-scroll** to latest output\n- **Download Logs** as text files\n\n### File Editor\n\n- **Syntax Highlighting** with Prism.js\n- **Format \u0026 Validate** functionality\n- **Real-time Status** feedback\n- **Modal Interface** with keyboard shortcuts\n\n## ⌨️ Keyboard Shortcuts\n\n- `Ctrl/Cmd + K` - Focus search bar\n- `Enter` (in search) - Run matching script\n- `Escape` - Close modals or clear search\n\n## 🔧 Configuration\n\n### Environment Variables\n\nEach script can have its own `.env` file for environment-specific configuration.\n\n### Script Requirements\n\n- **Node.js**: Requires `package.json` with a `start` script\n- **Python**: Requires `main.py`, `app.py`, or `run.sh`\n\n## 🐛 Troubleshooting\n\n### Common Issues\n\n1. **Can't double-click to run?**\n\n   - **Windows**: Ensure .bat files are associated with Command Prompt\n   - **macOS**:\n     - Use `start-server.command` instead of `start-server.sh`\n     - Or right-click `.sh` file → \"Open With\" → Terminal\n     - Or use the `Script Manager Web.app` bundle\n   - **Linux**: Make file executable: `chmod +x start-server.sh`\n\n2. **Scripts not appearing?**\n\n   - Ensure proper directory structure in `scripts/nodejs/` or `scripts/python/`\n   - Check that Node.js scripts have `package.json` with a `start` script\n\n3. **WebSocket connection issues?**\n\n   - Check that port 3000 is available\n   - Verify firewall settings\n\n4. **Script execution fails?**\n   - Check script permissions\n   - Verify dependencies are installed\n   - Review console output for errors\n\n## 📝 Auto-Start Features\n\nThe launcher scripts will automatically:\n\n- ✅ Check if Node.js is installed\n- ✅ Install dependencies on first run\n- ✅ Start the server\n- ✅ Open your browser to the application\n- ✅ Show helpful status messages\n- ✅ Handle graceful shutdown\n\n## 🙏 Acknowledgments\n\n- **Express.js** for the robust web framework\n- **WebSocket** for real-time communication\n- **Prism.js** for syntax highlighting\n- **Inter Font** for beautiful typography\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmesamirh%2Fscript-manager-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmesamirh%2Fscript-manager-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmesamirh%2Fscript-manager-web/lists"}