npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@myrialabs/clopen

v0.3.12

Published

All-in-one web workspace for Claude Code & OpenCode — chat, terminal, git, browser preview, checkpoints, and real-time collaboration

Readme

All-in-one workspace for AI coding agents — Claude Code, OpenCode, Codex, Copilot, and Qwen Code. Chat, terminal, git, browser preview, database client, and real-time collaboration, built for multi-project and multi-session workflows.


Screenshots

AI chat interface

Multi-account manager

Browser preview panel

Checkpoint restore


Features

A complete development environment designed around AI-assisted workflows, built to disappear into the background and just work.

  • Multi-Engine Support — Switch between Claude Code, OpenCode, Codex, GitHub Copilot, and Qwen Code as your AI engine, per session
  • Multi-Account Per Engine — Manage multiple accounts per engine (personal, work, or team) and switch between them instantly per chat session
  • Integrated Terminal — Multi-tab xterm.js terminal with full keyboard control and complete ANSI/VT support, right inside your workspace
  • Full Git Management — Stage, commit, branch, push, pull, stash, log, and resolve conflicts, all from a clean UI
  • Real Browser Preview — A live browser preview streams directly into your workspace. Interact with your app manually, or let the AI drive: clicking, typing, and scrolling for autonomous visual testing
  • Database Client — Connect to PostgreSQL, MySQL, SQLite, MongoDB, and Redis. Browse schemas, run queries, and inspect data, with optional SSH tunneling for databases behind a bastion
  • Git-Like Checkpoints — Multi-branch undo/redo with full file snapshots. Roll back to any point in your AI conversation without touching your actual git history
  • Real-Time Collaboration — See who's working on which project, and collaborate live in the same codebase
  • Monaco File Editor — VS Code's editor right in the browser. Full syntax highlighting, autocomplete, and live file watching, beside your AI chat
  • Cloudflare Tunnel — One-click public HTTPS URL for your local dev server. Built-in QR code for instant mobile access. Share your work without deploying
  • MCP Support — Full Model Context Protocol integration. Connect AI tools, external APIs, and custom capabilities to your AI agents with zero friction
  • Flexible Authentication — No Login or With Login mode with admin/member roles, invite links, rate-limited login, and CLI token recovery
  • System Tools Installer — Install Git, Claude Code, OpenCode, Codex, Copilot, Qwen Code, Chrome, and Cloudflared (for Public Tunnel) from a one-click admin panel
  • Background Processing — Chat, terminal, and other processes continue running even when you close the browser — come back later and pick up where you left off

Quick Start

Prerequisites

Installation

bun add -g @myrialabs/clopen

Update

clopen update

Or manually via Bun:

bun add -g @myrialabs/clopen

You can also update from the Settings → Maintenance → Updates section in the web UI.

Usage

clopen

Starts the server on http://localhost:9141.

First-Time Setup

On first launch, a setup wizard guides you through:

  1. Authentication mode — Choose between No Login (no authentication required, ideal for personal/local use) or With Login (login with Personal Access Token, supports team collaboration)
  2. Admin account — If With Login mode is selected, create your admin account and save the generated PAT
  3. System Tools — Install Git, Chrome, Cloudflared, and any AI engine you don't have yet — straight from the wizard, no terminal needed
  4. AI Engines — Check installation status for Claude Code, OpenCode, Codex, Copilot, and Qwen Code, and sign in to the engines you'll use
  5. Preferences — Set dark mode, font size, sound notifications, and message layout (Classic cards or Compact lines)

You can change the authentication mode anytime in Settings → Security → Authentication.

To invite team members (With Login mode), go to Settings → Team → Invite and generate an invite link (valid for 15 minutes).

If you lose your admin token:

clopen reset-pat

This regenerates and displays a new admin PAT.


Contributing

Clopen is open source and contributions are welcome! Whether it's a bug fix, new feature, or improvement to docs — feel free to open an issue or submit a pull request.

git clone https://github.com/myrialabs/clopen.git
cd clopen
bun install
bun run dev     # Start development server
bun run check   # Type checking

When running in development mode, Clopen uses ~/.clopen-dev instead of ~/.clopen, keeping dev data separate from any production instance.

See CONTRIBUTING.md for guidelines and DECISIONS.md for architectural decisions.


Architecture

| Layer | Technology | |-------|-----------| | Runtime | Bun.js | | Frontend | Svelte 5 (runes) + Vite | | Backend | Elysia + WebSocket | | Styling | Tailwind CSS v4 | | Database | SQLite with migrations | | Terminal | bun-pty | | AI Engines | Claude Code, OpenCode, Codex, Copilot, Qwen Code | | DB Client | Postgres, MySQL, SQLite, MongoDB, Redis (+ SSH tunnel) |


Troubleshooting

Port 9141 Already in Use

clopen --port 9145

Or kill the existing process:

# Unix/Linux/macOS
lsof -ti:9141 | xargs kill -9

# Windows
netstat -ano | findstr :9141
taskkill /PID <PID> /F

License

MIT License - see LICENSE for details.


Acknowledgments


Support

If Clopen is useful to you, consider supporting its development:

| Method | Address / Link | |--------|----------------| | Bitcoin (BTC) | bc1qd9fyx4r84cce2a9hkjksetah802knadw5msls3 | | Solana (SOL) | Ev3P4KLF1PNC5C9rZYP8M3DdssyBQAQAiNJkvNmPQPVs | | Ethereum (ERC-20) | 0x61D826e5b666AA5345302EEEd485Acca39b1AFCF | | USDT (TRC-20) | TLH49i3EoVKhFyLb6u2JUXZWScK7uzksdC | | Saweria | saweria.co/myrialabs |


Repository: github.com/myrialabs/clopen · Issues: Report a bug or request a feature