JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 33
  • Score
    100M100P100Q100350F
  • License MIT

AI-powered dev launcher — one command to launch your entire multi-service project in a browser dashboard

Package Exports

  • @codepadding/coder
  • @codepadding/coder/server/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@codepadding/coder) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@codepadding/coder

AI-powered dev launcher — one command to launch your entire multi-service project in a browser dashboard.

npm node

What it does

  • One command launches your entire dev environment in a browser UI
  • Auto-discovers sub-projects (Node.js, Python, Go, Rust, Ruby, PHP)
  • Manages tmux sessions for each service with live health monitoring
  • Git status, error log aggregation, and service restart buttons

Install

npm install -g @codepadding/coder

That's it. The coder command is now available globally.

Requirements

Tool Required Purpose
Node.js ≥ 18 Yes Runs the Codr server
tmux Recommended Terminal session management per service
ttyd Recommended Browser-based terminal panes
claude CLI Optional Claude terminal pane integration

Install optional deps on macOS:

brew install tmux ttyd

Usage

cd /path/to/your/project
coder .          # launch from current directory
coder /abs/path  # launch for a specific path

First run

When you run coder . for the first time in a project, coder will:

  1. Open a browser at http://localhost:7700
  2. Show an "Initialize" button
  3. Scan your project to discover all sub-projects
  4. Ask you to review the discovered configuration
  5. Start all services in tmux sessions
  6. Show the live dashboard

Project storage

Configuration is stored in .codr/config.json within your project root. Add .codr to your .gitignore or commit it to share the config with your team.

How it works

coder starts a lightweight Node.js server that serves the dashboard UI and manages your dev services. Each service runs in its own named tmux session (codr-<name>), so you can also attach to them directly:

tmux attach -t codr-api
tmux attach -t codr-frontend

Pressing Ctrl+C in the terminal where coder is running will cleanly shut down the server, kill all codr-* tmux sessions, and free the port.

Multiple projects at once

You can run coder in several projects simultaneously — each gets its own port automatically. The first project uses 7700, the second 7701, and so on. Ports are stored in .codr/config.json so the same project always reopens on the same URL.

coder ~/projects/frontend   # → http://localhost:7700
coder ~/projects/backend    # → http://localhost:7701